@charset "utf-8";
/* CSS Document アニマルアーユルヴェーダ特集 */

/* common */
.pcNone{display:none;}
.spNone{display:block;}
.mb0{margin-bottom: 0;}
.mt0{margin-top: 0;}
.mtmb1{margin-top: 1em;margin-bottom: 1em;}
.mt4{margin-top: 4em;}
.txt_center{text-align: center;}

.sec_top .flexbox{display: flex; gap:20px;}
.sec_top .sec_top_txt{width: 60%;}
.sec_top .sec_top_img{margin-top: 0;}

/* エステ関連 */
.esthetic{padding-top: 1.5em;}
.esthetic ul{display: flex;}
.esthetic ul li{border: #02b4ea solid 1px;width: 33%;}
.esthetic ul li:nth-of-type(2){margin: 0 .5em;}
.esthetic ul li div{display: flex;padding: 1em;justify-content: space-between;}
.esthetic h3{color: #ffffff;padding: 1em 0;text-align: center;background: linear-gradient(90deg, #02b4ea, #1687ed);margin-bottom: 0;}
.esthetic h3 span{color: #e1efd1;}
.esthetic .esthetic_txt{width: 65%;padding-right: 1em;margin-bottom: 0;}
.esthetic .esthetic_img{margin: 0;}
.esthetic .esthetic_img img{max-width: 120px;}
.esthetic ul.herb li{border: #6bb12b solid 1px;}
.esthetic .herb h3{background: linear-gradient(90deg, #6bb32b, #637624);}
.esthetic .herb h3 span{color: #efe7d1;}
.esthetic .herb .esthetic_txt span{border: #36b454 solid 1px;background-color: #fbf679;padding: 0.2em 0.4em;color: #36b454;}
/* option */
.esthetic ul.herb_option li{width: 50%;border: #b3e56e solid 1px;}
.esthetic .herb_option h3{background: linear-gradient(90deg, #c4e796, #fbf679);color: #637624;}
.esthetic .herb_option .esthetic_txt{width: 75%;}
.herb_option_txt{padding-left: 0.5em;padding-right: 0.5em;}

.img_amount{padding: 3em 0 6em;}

.sec_safe .flexbox{display: flex; gap:20px;justify-content: space-between;}
.sec_safe .sec_safe_txt{width: 70%;}

/* 作り方動画 */
.howto_movie p{color: #36b454;font-weight: bold;margin-bottom: .5em;}
.block_movie{max-width: 640px;margin: 0 auto;}
.block_movie video{}

.btn_green a{background-color: #36b454;color: #FFF;max-width: 240px;}

.howto{display: flex;}
.howto_img{padding-left: 2em;}
.prepare{display: flex;}
.prepare ul{flex-direction: column;}
.prepare ul li{width: 100%;border: none;list-style: square;list-style-position: inside;}
.prepare ul li:nth-of-type(2){margin: 0;}
.prepare dl{padding-left: 2em;}
.prepare dd{font-size: .9em;line-height: 1.4;}



/* ============for SP============ */
@media screen and (max-width: 767px) {
	
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	
	.sec_top{margin-top: 0;}
	.sec_top .sec_top_eyecatch{margin-bottom: 0;}
	.sec_top h2{margin-top: 0;}
	.sec_top .flexbox{flex-wrap: wrap;flex-direction: column-reverse;}
	.sec_top .flexbox .sec_top_txt{width: 100%;}
	
	
	/* エステ関連 */
	.esthetic .esthetic_subttl h2{margin-top: 1em;}
	.esthetic ul{flex-direction: column;}
	.esthetic ul li{width: 100%;}
	.esthetic ul li:nth-of-type(2){margin: 1.8em 0;}
	.esthetic ul li div{padding: 1em 1em 2em;}
	.esthetic .btn_link{margin-top: 0;}
	.esthetic .btn_link a{max-width: 65%;}
	.esthetic .esthetic_txt{font-size: .9em;line-height: 1.8;}
	.esthetic ul.herb .btn_link a{}
	/* カスタマイズ */
	.esthetic ul.herb_option li{width: 100%;}
	.esthetic ul.herb_option .btn_link a{margin-top: 1em;}
	.esthetic .img_amount{padding: 1em 0;}
	
	
	.howto{flex-direction: column-reverse;}
	.howto_img{padding-left: 0;margin-top: 1em;}
	.howto_movie p{padding-top: 2em;margin-bottom: 0.2em;}
	
	/* 安全性 */
	.sec_safe .flexbox{flex-direction: column;align-items: center;}
	.sec_safe .sec_safe_txt{width: 100%;margin-bottom: 0;}
	.sec_safe .sec_safe_img{text-align: center;}
	
	/* 準備する道具 */
	.prepare{flex-direction: column;}
	.esthetic .prepare ul li:nth-of-type(2){margin: 0;}
	.prepare dl{padding-left: 0;text-align: center;}
	
}