@charset "utf-8";
.flex{display: flex;}
#special .inner{padding: 0 50px; max-width: 1200px;}
#wrapper { margin: 146px auto 143px;}

.special h3.special-h{font-size: 27px; text-align: center; letter-spacing: 0.2em;line-height: 152%;}

.special .title_box{padding: 60px 0 0; justify-content: space-between;align-items: flex-start;}
.special .title_box h3{font-size: 30px; line-height: 154%; letter-spacing: 0.07em;}
.special .title_box p{width: 701px; height: auto; font-size: 16px; line-height: 188%; letter-spacing: 0.06em;}
.special .img_box{position: relative;}
.special .img_box p{letter-spacing: 0.09em; font-size: 30px; font-family: futura-pt, sans-serif; font-style: normal; font-weight: 500; line-height: 100%; position: absolute; top: 62px; left: 50px; color: #fff;}
.special .list_box{padding: 75px 0 0;}
.special .list_box .box{justify-content: space-between; align-items: flex-start;}
.special .list_box .box:not(:last-child){padding: 0 0 100px;}
.special .list_box .box .tt_box{width: 660px; height: auto;}
.special .list_box .box .tt_box h4{line-height: 160%; font-size: 17px; letter-spacing: 0.07em;}
.special .list_box .box .tt_box h4 span{letter-spacing: 0.09em; font-size: 38px; font-family: futura-pt, sans-serif; font-style: normal; font-weight: 500; line-height: 100%;padding: 0px 0 10px; display: inline-block;}
.special .list_box .box .tt_box .icn_box{padding: 38px 0 0;}
.special .list_box .box .tt_box .icn_box img:not(:last-child){margin: 0 8px 0 0;}
.special .list_box .box .tt_box .parameter{padding: 37px 0 0;align-content: center; align-items: center;}
.special .list_box .box .tt_box .parameter .parameter_box img{width: 100%; height: auto;}
.special .list_box .box .tt_box .parameter .parameter_1{width: 47.44%; height: auto; margin: 0 57px 0 0 ;}
.special .list_box .box .tt_box .parameter .parameter_2{width: 43.65%; height: auto;}
.special .list_box .box .tt_box .parameter .parameter_box{position: relative;}
.special .list_box .box .tt_box .parameter .parameter_1 .parameter_box{width: 227px; height: auto;}
.special .list_box .box .tt_box .parameter .parameter_2 .parameter_box{width: 225px; height: auto;}

.special .list_box .box .tt_box .parameter .parameter_1 .logo_1{margin: 14px 7px 0 0;}
.special .list_box .box .tt_box .parameter .parameter_2 .logo_2{margin: 14px 16px 0 0;}
.special .list_box .box .tt_box .parameter .parameter_box:before{content: ""; display: block; width: 20px; height: 20px; background: #e2b57f; border-radius: 1000px; position: absolute; top: 65%; transform: translateY(-50%);}
.special .list_box .box .tt_box .parameter .parameter_box:not(:last-child){margin: 0 55px 0 0;}
.special .list_box .box .tt_box .btn{margin: 43px 0 0;width: 330px; height: auto;}

.modal_box { display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6);	z-index: 9999;}
.modal_box .cartArea {position: absolute; max-width: 460px; margin: 40px auto; background: #fff; padding: 30px; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.modal_box .cartArea .typeBox .option_types label{padding: 0 0 10px;}
.modal-close {cursor: pointer; position: absolute; width: 60px; height: 60px; display: block; top: -70px; right: -70px;}
.modal-close:before{width: 100%; height: 2px; content: ""; display: block; background: #fff; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%) rotateZ(-45deg);}
.modal-close:after{width: 100%; height: 2px; content: ""; display: block; background: #fff; position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%) rotateZ(45deg);}


body.modal-open {overflow: hidden;}
.modal_box .cartBtn button{width: 100%; height: auto;}
.modal_box .cartBtn button img{width: 100%; height: auto;}
/* ------------------------------------------------------------ #fv */
#fv{text-align: center; padding: 494px 0 34px; background: url( https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/special/fv_1.jpg ) no-repeat center center; background-size: cover;}
#fv h2{text-align: center; font-size: 19px; color: #fff; letter-spacing: 0.2em;line-height: 160%;}
#fv h2 span{font-family: futura-pt, sans-serif; font-style: normal; font-weight: 500; font-size: 52px; letter-spacing: 0.09em;}

/* ------------------------------------------------------------ .special_1 */
.special_1{padding: 104px 0 0;}
.special_1 p.text{font-size: 16px; line-height: 188%; letter-spacing: 0.06em; padding: 30px 0 0; width: 950px; margin: 0 auto;}
.special_1 .img_box{padding: 90px 0 0;}

/* ------------------------------------------------------------ .special_2 */
.special_2{padding: 120px 0 0;}
.special_2 .text_box{padding: 70px 0 0; width: 1000px; margin: 0 auto; justify-content: space-between;}
.special_2 .text_box .box{width: 450px;}
.special_2 .text_box .box h4{letter-spacing: 0.07em; font-size: 22px; line-height: 155%; text-align: center;}
.special_2 .text_box .box p{letter-spacing: 0.06em; font-size: 16px; line-height: 188%; padding: 20px 0 0;}


/* ------------------------------------------------------------ .special_3 */
.special_3{padding: 130px 0 0;}
.special_3 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 15px;}
.special_3 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 57px;}
.special_3 .list_box .box_2 .tt_box .parameter .parameter_1 .parameter_box:before{right: 15px;}
.special_3 .list_box .box_2 .tt_box .parameter .parameter_2 .parameter_box:before{right: 57px;}


/* ------------------------------------------------------------ .special_4 */
.special_4{padding: 156px 0 0;}
.special_4 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 103px;}
.special_4 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 148px;}

/* ------------------------------------------------------------ .special_5 */
.special_5{padding: 151px 0 0;}
.special_5 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 35px;}
.special_5 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 35px;}
.special_5 .list_box .box_2 .tt_box .parameter .parameter_1 .parameter_box:before{right: 172px;}
.special_5 .list_box .box_2 .tt_box .parameter .parameter_2 .parameter_box:before{right: 35px;}
.special_5 .list_box .box_3 .tt_box .parameter .parameter_1 .parameter_box:before{right: 196px;}
.special_5 .list_box .box_3 .tt_box .parameter .parameter_2 .parameter_box:before{right: 170px;}

/* ------------------------------------------------------------ .insta */
.insta{padding: 160px 0 0;}
.insta .title{text-align: center;}
.insta .title h3{letter-spacing: 0.09em; font-size: 38px; font-family: futura-pt, sans-serif; font-style: normal; font-weight: 500; line-height: 163%; position: relative; display: inline-block; padding: 0 0 0 57px;}
.insta .title h3 img{ position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.insta .flex {padding: 35px 0 0;}
.insta .flex a{display: block; }
.insta .flex a:not(:last-child){margin: 0 3px 0 0 ;}
/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 1024px) {
	#special .inner{padding: 0 50px; max-width: 990px;}
	.special .img_box p{font-size: 30px; top: 30px; left: 25px; }
	.special .title_box h3{font-size: 25px;}
	.special .title_box p{width: calc(100% - 280px); }
	.special .list_box .box .main_img{width: 45%; height: auto; margin: 0 5% 0 0;}
	.special .list_box .box .tt_box .parameter .parameter_box{position: relative;}
	.special .list_box .box .tt_box .parameter .parameter_box::before { width: 6%; height: auto; padding: 6% 0 0; }
	.special .list_box .box .tt_box .parameter .parameter_box:not(:last-child) {margin: 0 6% 0 0;}
	/* ------------------------------------------------------------ .special_1 */
	.special_1 .img_box img{width: 50%; height: auto;}
	.special_1 p.text{width: 100%;}
	
	/* ------------------------------------------------------------ .special_2 */
	.special_2 .text_box{width: 100%;}
	.special_2 .text_box .box {width: 46%;}
	
	/* ------------------------------------------------------------ .special_3 */
	.special_3{padding: 130px 0 0;}
	.special_3 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 5%;}
	.special_3 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 20%;}
	.special_3 .list_box .box_2 .tt_box .parameter .parameter_1 .parameter_box:before{right: 5%;}
	.special_3 .list_box .box_2 .tt_box .parameter .parameter_2 .parameter_box:before{right: 20%;}
	
	
	/* ------------------------------------------------------------ .special_4 */
	.special_4 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 33%;}
	.special_4 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 51.8%;}
	
	/* ------------------------------------------------------------ .special_5 */
	.special_5 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 11.3%;}
	.special_5 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 11.3%;}
	.special_5 .list_box .box_2 .tt_box .parameter .parameter_1 .parameter_box:before{right: 54%;}
	.special_5 .list_box .box_2 .tt_box .parameter .parameter_2 .parameter_box:before{right: 11.3%;}
	.special_5 .list_box .box_3 .tt_box .parameter .parameter_1 .parameter_box:before{right: 62%;}
	.special_5 .list_box .box_3 .tt_box .parameter .parameter_2 .parameter_box:before{right: 60%;}
}
@media only screen and (max-width: 768px) {
	.flex{display: block;}
	#special .inner{padding: 0; max-width: 100%; margin: 0 auto;}
	#special .inner_sp{width: 90%; margin: 0 auto;}
	#wrapper { margin: 67px auto 143px;min-width: 100%;}
	.special h3.special-h{font-size: 20px; line-height: 165%;}
	
	.special .img_box p{font-size: 16px; top: 17px; left: 17px; }
	.special .title_box{padding: 50px 0 0; }
	.special .title_box h3{font-size: 18px; text-align: center; }
	.special .title_box p{width: 100%; font-size: 14px; padding: 15px 0 0;}
	.special .list_box{padding: 47px 0 0;}
	.special .list_box .box{justify-content: space-between; align-items: flex-start;}
	.special .list_box .box:not(:last-child){padding: 0px 0 94px;}
	.special .list_box .box img{width: 100%; height: auto;}
	.special .list_box .box .tt_box{width: 100%; height: auto;padding: 20px 0 0;}
	.special .list_box .box .tt_box h4{font-size: 13px;}
	.special .list_box .box .tt_box h4 span{font-size: 32px; padding: 0px 0 10px; }
	.special .list_box .box .tt_box .icn_box{padding: 40px 0 0;}
	.special .list_box .box .tt_box .icn_box img:not(:last-child){margin: 0 4px 0 0;}
	.special .list_box .box .tt_box .icn_box img{width:22.3%; height: auto;}
	.special .list_box .box .tt_box .parameter{padding: 38px 0 0;}
	.special .list_box .box .tt_box .parameter .parameter_box img{width: 100%; height: auto;}
	.special .list_box .box .tt_box .parameter .parameter_box{position: relative;}
	.special .list_box .box .tt_box .parameter .parameter_1,
	.special .list_box .box .tt_box .parameter .parameter_2{width: 100%; height: auto; display: flex;}
	.special .list_box .box .tt_box .parameter .parameter_1{margin: 0 0 26px;}
	.special .list_box .box .tt_box .parameter .parameter_box:before{width: 6%; height: auto; padding: 6% 0 0; top: 66%;}
	.special .list_box .box .tt_box .parameter .parameter_box:not(:last-child){margin: 0 0 27px;}

	.special .list_box .box .tt_box .parameter .parameter_1 .parameter_box{width: calc(100% - 25.2%); height: auto;}
	.special .list_box .box .tt_box .parameter .parameter_2 .parameter_box{width: calc(100% - 25.2%); height: auto;}
	
	.special .list_box .box .tt_box .parameter .parameter_1 .logo_1{margin: 4% 2% 0 0; width: 25.2%; height: auto;}
	.special .list_box .box .tt_box .parameter .parameter_2 .logo_2{margin: 4% 11.9% 0 0; width: 15%; height: auto;}
	
	
	.special .list_box .box .tt_box .btn{margin: 48px 0 0;width: 100%; height: auto;}
	.special .list_box .box .tt_box .btn img{width: 100%; height: auto;}
	
	.modal_box .cartArea {max-width: 90%; margin: 20px auto; padding: 20px; border-radius: 20px; width: 100%;}
	.modal-close {cursor: pointer; position: absolute; width: 40px; height: 40px; display: block; top: -60px; right: -0px;}
	.modal-close:before{height: 2px;}
	.modal-close:after{height: 2px;}
	
	
	.special .list_box .box .main_img{width: 100%; height: auto; margin: 0;}
	/* ------------------------------------------------------------ #fv */
	#fv{ padding: 67% 0; background: url(https://d2w53g1q050m78.cloudfront.net/andmedicalcom/uploads/assets/images/special/fv_1_sp.jpg) no-repeat center center; background-size: cover;}
	#fv h2{font-size: 13px; }
	#fv h2 span{font-size: 37px; }
	
	/* ------------------------------------------------------------ .special_1 */
	.special_1{padding: 91px 0 0;}
	.special_1 p.text{font-size: 14px; padding: 93px 0 0; width: 100%; line-height: 200%;}
	.special_1 .img_box{padding: 97px 0 0;}
	.special_1 .img_box img{width: 100%; height: auto;}
	
	/* ------------------------------------------------------------ .special_2 */
	.special_2{padding: 95px 0 0;}
	.special_2 .text_box{padding: 99px 0 0; width: 100%;}
	.special_2 .text_box .box{width: 100%;}
	.special_2 .text_box .box:last-child{padding: 50px 0 0;}
	.special_2 .text_box .box h4{font-size: 18px; }
	.special_2 .text_box .box p{font-size: 14px; padding: 15px 0 0;}
	
	
	/* ------------------------------------------------------------ .special_3 */
	.special_3{padding: 97px 0 0;}
	.special_3 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 7%;}
	.special_3 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 27%;}
	.special_3 .list_box .box_2 .tt_box .parameter .parameter_1 .parameter_box:before{right: 7%;}
	.special_3 .list_box .box_2 .tt_box .parameter .parameter_2 .parameter_box:before{right: 27%;}
	
	
	/* ------------------------------------------------------------ .special_4 */
	.special_4{padding: 97px 0 0;}
	.special_4 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 47%;}
	.special_4 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 66.8%;}
	
	/* ------------------------------------------------------------ .special_5 */
	.special_5{padding: 97px 0 0;}
	.special_5 .list_box .box_1 .tt_box .parameter .parameter_1 .parameter_box:before{right: 17.3%;}
	.special_5 .list_box .box_1 .tt_box .parameter .parameter_2 .parameter_box:before{right: 17.3%;}
	.special_5 .list_box .box_2 .tt_box .parameter .parameter_1 .parameter_box:before{right: 77%;}
	.special_5 .list_box .box_2 .tt_box .parameter .parameter_2 .parameter_box:before{right: 17.3%;}
	.special_5 .list_box .box_3 .tt_box .parameter .parameter_1 .parameter_box:before{right: 87%;}
	.special_5 .list_box .box_3 .tt_box .parameter .parameter_2 .parameter_box:before{right: 77%;}
	
	/* ------------------------------------------------------------ .insta */
	.insta{padding: 40px 0 0;}
	.insta .title{text-align: center;}
	.insta .title h3{font-size: 24px; padding: 0 0 0 36px;}
	.insta .title h3 img{width: 26px; height: auto;}
	.insta .flex {padding: 15px 0 0; display: flex; flex-wrap: wrap;}
	.insta .flex a{width: 32%; height: auto;}
	.insta .flex a img{width: 100%; height: auto; margin-bottom: 2%;}
	.insta .flex a:not(:last-child){margin: 0 0 2%;}
	.insta .flex a:not(:nth-child(3n)){margin-right: 2%;}

}