@charset "utf-8";
/* CSS Document */
:root{
	--trans: transparent;
	--white: #FFFFFF;
	--dark: #222222;
	--gray: #cccccc;
	--color1: #FB831C;
	--color2: #FFE681;
	--color3: #FBDB00;
	--color4: #F8F4EC;
}

.txt_color1,.hvr_txt_color1:hover{color: var(--color1);}
.txt_color3,.hvr_txt_color3:hover{color: var(--color3);}
.border_color2{border-color: var(--gray);}

#wrap{
	max-width: 562.5px;
	margin: 0 auto;
	overflow: hidden;
	background-color: var(--white);
}
.btn_wrap{margin-top: -37%;margin-bottom: 0;}
.btn_wrap2{margin-bottom: 8%;}
.btn_wrap3{margin-bottom: 14%;}


.section2{padding: 0 0 10%;}
:is(.section2,.section4) .swiper{margin-top: -13%;}

.swiper--wrapper{
    width: 100%;
    height: auto;  
}
.swiper-slide {
    width: 90%!important;
    text-align: center;
    padding: 10% 5%;
}
.swiper-button-next, .swiper-button-prev{color:var(--color1);}
.swiper-pagination-bullet-active{background:var(--color1);}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
	
}