@charset "UTF-8";

/* ------------------------------------------------------------------------------

	タブレット端末＜1200px以下共通＞

------------------------------------------------------------------------------ */
@media screen and (max-width:1024px) {

    .container {width: 100%;}
    section .wrapper { width: 96%; }
    
    .swiper-slide-active .s-three-text {line-height: 2.2rem;}
    .s-three-sub {top: 58%;}
    .swiper-slide-active .s-three-sub {line-height: 1.6rem;}

}

/* ---------------------------------------

	タブレット端末＜768px以下共通＞

--------------------------------------- */
@media screen and (max-width:768px) {
	
	br.sp768 { display: block; }
	
	section .wrapper { padding: 20px 0 40px; }
	
    .swiper-slide-active .s-three-text {line-height: 1.8rem;}
     .swiper-slide-active .s-three-sub {line-height: 1.2rem;}
     .s-three-button {top: 76%;}
    .package {width: 50%;}

}

/* ---------------------------------------

	スマホ＜640px以下共通＞

--------------------------------------- */
@media screen and (max-width:640px) {
	
	br.sp640 { display: block; }
	
	img.sp { display: block; }
	img.pc { display: none; }
	
    .swiper-slide-active .s-three-text {line-height: 1.6rem;}
     .s-three-sub {top: 68%;}
    .s-three-button {display: none;}
    .pkBlock {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    }
    .package {width: 42%;}
    
    .infoBlock {
    flex-direction: column;
    align-items: center;
    }

}

/* ---------------------------------------

	スマホ＜490px以下共通＞

--------------------------------------- */
@media screen and (max-width: 490px) {
	
	br.sp490 { display: block; }
	
	section .wrapper { padding: 20px 0; }
	
    .swiper-slide-active .s-three-text {line-height: 1.1rem;}
    .swiper-slide-active .s-three-sub {line-height: 1.0rem;}

}
@media screen and (max-width: 320px) {
    .swiper-slide-active .s-three-text {line-height: 0.9rem;}
    .swiper-slide-active .s-three-sub {line-height: 0.8rem;}
    .s-three-sub {top: 70%;}
}