@charset "utf-8";

/*ーーーーーーーーーーー
モニター募集ページ 専用
ーーーーーーーーーーー*/

.c-menuListOther{display:none !important;}
#monitor05PageOnly.c-menuListOther{display:block !important;}
.c-fixedLink{display:none !important;}

/*共通*/
.l-wrap{margin-bottom:0;}
body#monitor p{letter-spacing: 2px;}
body#monitor h2,
body#monitor h3{letter-spacing: 5px;}
.monitor_inner{max-width: 1100px; margin: 0 auto;}

.in_view{transform: translate(0px ,60px); opacity: 0; transition: all 0.5s ease 0.5s;}
.in_view.fadeIn{transform: translate(0px , 0px); opacity: 1;}
.fade_show{opacity: 0; transition: all 0.5s ease 0.5s;}
.fade_show.is_show{opacity: 1; }

.m_big_title{font-size: 50px; color: #242424; margin-bottom: 30px;}
.m_big_title:after{content: ""; display: block; width: 42px; height: 3px; background: #f46645; margin: 30px auto 0;}
p.m_big_title_read{font-size: 18px; line-height: 1.5;}

@media screen and (max-width: 1100px){
 .monitor_inner{padding: 0 15px;}
}
@media screen and (max-width: 640px){
	body#monitor p{letter-spacing: 1px;}
	body#monitor h2,
	body#monitor h3{letter-spacing: 2px;}
	.monitor_inner{padding: 0 15px;}
	
	.m_big_title{ font-size: 35px; line-height: 1.25;}
	.m_big_title:after{margin: 15px auto 0;}
	p.m_big_title_read{font-size: 16px;}
}

/* #monitor_mainVisualーーーーーーーーーーーーー*/
#monitor_mainVisual{background: #eff2f3;}

@media screen and (max-width: 640px) {}


/* #monitor_complexーーーーーーーーーーーーー*/
#monitor_complex{background: #ffe0d2; padding: 70px 0 0;}
ul.m_complex_list li{display: inline-block; max-width: 220px; padding: 0 15px;}

.m_complex_read{padding-top: 45px; line-height: 1.8;}
.m_complex_read small{font-size: 35px;}
.m_complex_read b{font-size: 40px; background: linear-gradient(transparent 70%, #ffbfa2 60%);}

@media screen and (max-width: 1100px){
	ul.m_complex_list{overflow: hidden;}
}
@media screen and (max-width: 640px){
	#monitor_complex{padding: 40px 0 0;}
	ul.m_complex_list li{width: 45%;padding:0 1%;}
	
	.m_complex_read{padding-top: 25px;}
	.m_complex_read small{font-size: 20px;}
	.m_complex_read b{font-size: 30px;}
}

@media screen and (max-width: 375px){
	.m_complex_read b{font-size: 28px;}
}


/* #monitor_supportーーーーーーーーーーーーー*/
#monitor_support{margin: 100px 0;}

#monitor_support .m_support_title{font-size: 30px; margin-bottom: 50px;}
#monitor_support .m_support_title b{font-size: 50px; color: #ff7738; position: relative;}
#monitor_support .m_support_title b:before{content: ""; display: block; width: 30px; height: 40px; position: absolute; left: -40px; bottom: -5px;
	background: url("../images/monitor/icon_orange.png") no-repeat; background-size: 100%;}
#monitor_support .m_support_title b:after{content: ""; display: block; width: 30px; height: 40px; transform: scale(-1,1); position: absolute; right: -40px; bottom: -5px;
	background: url("../images/monitor/icon_orange.png") no-repeat; background-size: 100%;}
	
#monitor_support .m_support_content2{margin: 60px 0 0; background: #fff9f6; padding: 50px 0 30px;}
#monitor_support .m_support_content2 .m_support_con2_title{font-size: 25px; border-bottom: 2px solid #ff8e5a; display: inline-block; padding-bottom: 10px; margin-bottom: 25px;}
#monitor_support .m_support_content2 p{font-size: 15px; line-height: 1.8;}
#monitor_support .m_support_content2 .ba_box{max-width: 920px; margin: 20px auto 0; background: #f4e9e3; border-radius: 5px;}
#monitor_support .m_support_content2 .ba_box .ba_box_inner{display: table; padding: 10px 50px 50px 16px;}
#monitor_support .m_support_content2 .ba_box .m_before,
#monitor_support .m_support_content2 .ba_box .m_aftter{display: table-cell; width: 48%;}
#monitor_support .m_support_content2 .ba_box .m_BAarrow{display: table-cell; width: 4%; position: relative;}
#monitor_support .m_support_content2 .ba_box .m_BAarrow:before{content: ""; position: absolute; top: 50%; transform: translate(0px ,-11px); left: 70%;
	 display: block; border-left: 22px solid #b5a196; border-top: 30px solid transparent; border-bottom: 30px solid transparent;}

#monitor_support .m_support_content2 .ba_box2{max-width: 780px;margin: 30px auto 0;display: flex;justify-content: space-between;}
#monitor_support .m_support_content2 .ba_box2 figure{width: 30%;}

@media screen and (max-width: 1100px){
	#monitor_support .m_support_title b{font-size: 45px;}
}
@media screen and (max-width: 890px){
	#monitor_support .m_support_title{font-size: 25px;}
	#monitor_support .m_support_title b{font-size: 32px;}	
}
@media screen and (max-width: 640px) {
	#monitor_support{margin: 50px 0;}
	
	#monitor_support .m_support_title{line-height: 1.5; margin-bottom: 25px;}
	#monitor_support .m_support_title b{display: block;}
	#monitor_support .m_support_title b:before{ width: 20px; height: 30px; left: 0;}
	#monitor_support .m_support_title b:after{ width: 20px; height: 30px; right: 0;}
	
	#monitor_support .m_support_content2{margin: 30px 0 0; padding: 20px 10px;}
	#monitor_support .m_support_content2 p{text-align: left;}
	#monitor_support .m_support_content2 .ba_box .ba_box_inner{padding: 20px 30px 20px 10px;}
	#monitor_support .m_support_content2 .ba_box .m_before,
	#monitor_support .m_support_content2 .ba_box .m_aftter{display: block; width: 100%;}
	#monitor_support .m_support_content2 .ba_box .m_BAarrow{display: block; width: 100%; padding: 30px 0;}
	#monitor_support .m_support_content2 .ba_box .m_BAarrow:before{transform: rotate(90deg); left: 53%; top: 10px;}
}

@media screen and (max-width: 375px){
	#monitor_support .m_support_title{font-size: 20px;}
	#monitor_support .m_support_title b{font-size: 28px;}
}


/* #monitor_makeupーーーーーーーーーーーーー*/
#monitor_makeup{margin-top: 80px; padding-bottom: 100px; background: #f9f6ff;}

#monitor_makeup .m_makeup_title{position: relative; margin-bottom: 60px;}
#monitor_makeup .m_makeup_callout{position: absolute; z-index: 3; top: -30%; left: -500px; right: 0; margin: auto;}
#monitor_makeup .m_makeup_titleBK{background: #9888c1; position: relative; overflow: hidden; padding: 70px 0 40px;}
#monitor_makeup .m_makeup_titleBK h2{color: #fff; font-size: 30px; position: relative; z-index: 2; line-height: 1.3;}
#monitor_makeup .m_makeup_titleBK h2 b{font-size: 50px; border-bottom: 2px solid #fff; padding: 0 20px 10px;}
#monitor_makeup .m_makeup_titleBK:before{content: ""; display: block; width: 100%; height: 1000px; background: #a89bc7; 
	position: absolute; z-index: 1; top: -30%; transform: translateX(-33%) rotate(34deg);}

#monitor_makeup .m_makeup_content1{background: #fff; border-radius: 5px; padding: 20px;}
#monitor_makeup .m_makeup_con1_border{border: 2px solid #cfc2f2; border-radius: 5px;}
#monitor_makeup .m_makeup_con1_inner{max-width: 820px; margin: 0 auto; padding: 40px 0;}
#monitor_makeup .m_makeup_con1_inner:after{content: ""; display: block; clear: both;}
#monitor_makeup .m_makeup_con1_image{float: right; width: 50%; text-align: right;}
#monitor_makeup .m_makeup_con1_image img{max-width: 370px; width: 100%;}
#monitor_makeup .m_makeup_con1_text{float: left; width: 50%;}
#monitor_makeup .m_makeup_con1_text p{font-size: 20px; line-height: 2;}

#monitor_makeup .m_makeup_content2{display: table; padding: 0 20px; margin: 20px 0 70px;}
#monitor_makeup .m_makeup_content2 .m_makeup_con2_box{padding: 0 20px; display: table-cell;}

#monitor_makeup .m_makeup_content3{font-size: 30px; line-height: 1.5;}
#monitor_makeup .m_makeup_content3 b{font-size: 50px; color: #7d70a1; position: relative;}
#monitor_makeup .m_makeup_content3 b:before{content: ""; display: block; width: 30px; height: 40px; position: absolute; left: -40px; bottom: -5px;
	background: url("../images/monitor/icon_purple.png") no-repeat; background-size: 100%;}
#monitor_makeup .m_makeup_content3 b:after{content: ""; display: block; width: 30px; height: 40px; transform: scale(-1,1); position: absolute; right: -40px; bottom: -5px;
	background: url("../images/monitor/icon_purple.png") no-repeat; background-size: 100%;}


@media screen and (max-width: 890px){
	#monitor_makeup .m_makeup_titleBK h2 b{font-size: 40px;}
	#monitor_makeup .m_makeup_con1_inner{padding: 40px 10px;}
	#monitor_makeup .m_makeup_con1_text p{font-size: 17px;}
}
@media screen and (max-width: 640px){
	#monitor_makeup .m_makeup_title{margin-bottom:30px;}
	#monitor_makeup .m_makeup_titleBK{padding: 40px 0;}
	#monitor_makeup .m_makeup_titleBK:before{transform: translateX(-24%) rotate(-34deg);}
	#monitor_makeup .m_makeup_titleBK h2{font-size: 20px; line-height: 1.8;}
	#monitor_makeup .m_makeup_titleBK h2 b{font-size: 35px;}
	#monitor_makeup .m_makeup_callout{left: -20px; top: -80px;}
	#monitor_makeup .m_makeup_callout img{max-width: 130px;}
	
	#monitor_makeup .m_makeup_content1{padding: 10px;}
	#monitor_makeup .m_makeup_con1_inner{padding: 20px 10px;}
	#monitor_makeup .m_makeup_con1_image{float: none; width: 100%; margin-bottom: 20px;}
	#monitor_makeup .m_makeup_con1_text{float: none; width: 100%;}
	#monitor_makeup .m_makeup_con1_text p{font-size: 15px;}
	
	#monitor_makeup .m_makeup_content2{margin: 20px 0 40px;}
	#monitor_makeup .m_makeup_content2 .m_makeup_con2_box{display:block; padding: 0; margin-bottom: 10px;}
	
	#monitor_makeup .m_makeup_content3{font-size: 25px;}
	#monitor_makeup .m_makeup_content3 b{font-size: 40px; display: block;}
	#monitor_makeup .m_makeup_content3 b:before{width: 20px; height: 30px; left: 0;}
	#monitor_makeup .m_makeup_content3 b:after{width: 20px; height: 30px; right: 0;}
}

@media screen and (max-width: 375px){
	#monitor_makeup .m_makeup_titleBK h2{font-size: 18px;}
	#monitor_makeup .m_makeup_titleBK h2 b{font-size: 30px;}
	
	#monitor_makeup .m_makeup_content3{font-size: 20px;}
	#monitor_makeup .m_makeup_content3 b{font-size: 33px;}
}

/* #monitor_benefitsーーーーーーーーーーーーー*/
#monitor_benefits{margin-top: 100px;padding-bottom: 60px; background: #f4fdff;}

#monitor_benefits .m_benefits_title{position: relative; margin-bottom: 60px;}
#monitor_benefits .m_benefits_callout{position: absolute; z-index: 3; top: -50%; left: -500px; right: 0; margin: auto;}
#monitor_benefits .m_benefits_titleBK{background: #8cc6d3; position: relative; overflow: hidden; padding: 60px 0;}
#monitor_benefits .m_benefits_titleBK h2{color: #fff; font-size: 30px; position: relative; z-index: 2; line-height: 1.3;}
#monitor_benefits .m_benefits_titleBK h2 b{font-size: 50px; border-bottom: 2px solid #fff; padding: 0 20px 10px;}
#monitor_benefits .m_benefits_titleBK:before{content: ""; display: block; width: 100%; height: 1000px; background: #a9d5df; 
	position: absolute; z-index: 1; top: -30%; transform: translateX(-33%) rotate(34deg);}

#monitor_benefits .m_benefits_content1,
#monitor_benefits .m_benefits_content2{background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 50px;}
#monitor_benefits .m_benefits_con_border{border: 2px solid #9bd5e1; border-radius: 5px;}
#monitor_benefits .m_benefits_con_inner{max-width: 800px; margin: 0 auto; padding: 80px 0;}
#monitor_benefits .m_benefits_con_inner:after{content: ""; display: block; clear: both;}
#monitor_benefits .m_benefits_img img{max-width: 370px;}
#monitor_benefits .conditions{text-align: left;font-size: 22px;font-weight: bold;}
#monitor_benefits .conditions p + p{margin-top: 20px;}

#monitor_benefits .m_benefits_con_title{position: relative; color: #1c7285; text-align: left; font-size: 25px; margin-bottom: 30px;}
body#monitor .m_benefits_con_title h3{letter-spacing: 2px;}
#monitor_benefits .m_benefits_con_title span.benefit_icon{background: #8cc6d3; border-radius: 5px; color: #fff; font-size: 18px; padding: 6px 5px; font-weight: normal; margin-right: 10px;}
#monitor_benefits .m_benefits_con_title span.benefit_border{background: linear-gradient(transparent 72%, #ffd673 50%);}
#monitor_benefits .m_benefits_con_title b{font-size: 30px;}
#monitor_benefits .m_benefits_con_title p.comment{position: relative; font-size: 15px; color: #000; display: inline-block; margin-left: 80px;}
#monitor_benefits .m_benefits_con_title p.comment:before{content: ""; display: block; width: 1px; height: 15px; background: #000; transform: rotate(-30deg); 
		position: absolute; left: -10px; bottom: 6px;}
#monitor_benefits .m_benefits_con_title p.comment:after{content: ""; display: block; width: 1px; height: 15px; background: #000; transform: rotate(30deg);
		position: absolute; right: -10px; bottom: 6px;}
#monitor_benefits .m_benefits_text p{text-align: left; font-size: 17px; line-height: 2;}


#monitor_benefits .m_benefits_content1 .m_benefits_img{float: left; width: 50%; text-align: left;}
#monitor_benefits .m_benefits_content1 .m_benefits_text{float: right; width: 50%;}
#monitor_benefits .m_benefits_content2 .m_benefits_img{float: right; width: 50%; text-align: right;}
#monitor_benefits .m_benefits_content2 .m_benefits_text{float: left; width: 50%;}


@media screen and (max-width: 890px){
	#monitor_benefits .m_benefits_titleBK h2 b{font-size: 40px;}
	#monitor_benefits .m_benefits_con_inner{padding: 40px 10px;}
	#monitor_benefits .m_benefits_img img{width: 100%;}
	#monitor_benefits .conditions{font-size:18px;}
}
@media screen and (max-width: 640px){
	#monitor_benefits{padding-bottom: 30px;}

	#monitor_benefits .m_benefits_title{margin-bottom: 30px;}
	#monitor_benefits .m_benefits_titleBK{padding: 40px 0;}
	#monitor_benefits .m_benefits_titleBK h2{line-height: 1.8;}
	#monitor_benefits .m_benefits_titleBK h2 b{font-size: 35px;}
	#monitor_benefits .m_benefits_callout{left: -20px; top: -80px;}
	#monitor_benefits .m_benefits_callout img{max-width: 130px;}
	#monitor_benefits .m_benefits_titleBK:before{ transform: translateX(-24%) rotate(-34deg);}
	
	#monitor_benefits .m_benefits_content1,
	#monitor_benefits .m_benefits_content2{padding: 10px; margin-bottom: 25px;}
	#monitor_benefits .m_benefits_con_inner{/*padding: 20px 10px;*/ padding: 30px 15px;}
	#monitor_benefits .m_benefits_img{margin-bottom: 20px;}
	#monitor_benefits .m_benefits_con_title{margin-bottom: 15px; font-size: 20px;}
	body#monitor .m_benefits_con_title h3{text-align: center;}
	#monitor_benefits .m_benefits_con_title span.benefit_icon{display: block; text-align: center; margin: 0 auto 10px; width: 100px;}
	#monitor_benefits .m_benefits_con_title p.comment{position: absolute; left: 20px; top: 24px; margin-left:0; transform: rotate(-15deg);}
	#monitor_benefits .m_benefits_text p{font-size: 15px; line-height: 1.8;}


	#monitor_benefits .m_benefits_content1 .m_benefits_img{float: none; width: 100%;}
	#monitor_benefits .m_benefits_content1 .m_benefits_text{float: none; width: 100%;}
	#monitor_benefits .m_benefits_content2 .m_benefits_img{float: none; width: 100%;}
	#monitor_benefits .m_benefits_content2 .m_benefits_text{float: none; width: 100%;}
}

@media screen and (max-width: 375px){
	#monitor_benefits .m_benefits_titleBK h2 b{font-size: 30px;}
	#monitor_benefits .m_benefits_con_title p.comment{ left: 12px;}
}

/* #monitor_treatmentーーーーーーーーーーーーー*/
#monitor_treatment{/*background: #f8f8f8;*/ padding: 90px 0;}

#monitor_treatment .m_treatment_wrap{max-width: 820px; margin: 50px auto 0;}
#monitor_treatment .m_treatment_wrap .m_treatment_ac{margin-bottom: 2px;}
#monitor_treatment .m_treatment_wrap .m_treatment_ac dt{position: relative; background: #996559; color: #fff; text-align: left; font-size: 13px; padding: 15px 30px; line-height: 1.5;}
#monitor_treatment .m_treatment_wrap .m_treatment_ac dt .accordion_icon:before{content: ""; width: 30px; height: 2px; display: block; background: #fff; position: absolute; right: 30px; top:0; bottom:0; margin: auto;}
#monitor_treatment .m_treatment_wrap .m_treatment_ac dt .accordion_icon:after{content: ""; width: 2px; height: 30px; display: block; background: #fff; position: absolute; right: 45px; top:0; bottom:0; margin: auto; transition: 0.5s ease;}
#monitor_treatment .m_treatment_wrap .m_treatment_ac dt .accordion_icon.active:after{opacity: 0;}
#monitor_treatment .m_treatment_wrap .m_treatment_ac dt b{font-size: 26px; font-weight: normal;}
#monitor_treatment .m_treatment_wrap .m_treatment_ac dt:hover{cursor: pointer; opacity: 0.7;}
#monitor_treatment .m_treatment_wrap .m_treatment_ac dd{display: block; background: #fff; padding: 30px 20px 0; transition: padding-top 3s ease-out, padding-bottom 3s ease-out;}

#monitor_treatment .m_treatment_list{margin-left: -2%;}
#monitor_treatment .m_treatment_list:after{content: ""; display: block; clear: both;}
#monitor_treatment .m_treatment_list li{float: left; width: 31.333%; margin-left: 2%; margin-bottom: 30px;}
#monitor_treatment .m_treatment_list li h3{background: #ff967f; color: #fff; font-size: 15px; font-weight: normal; text-align: left; padding: 14px 20px; margin-bottom: 15px;letter-spacing: 2px;}
#monitor_treatment .m_treatment_list li p{text-align: left; font-size: 14px; line-height: 1.5;}


.m_treatment_wrap .m_treatment_ac:nth-child(1){opacity: 0; transition: all 0.5s ease-in 1s;}
.m_treatment_wrap .m_treatment_ac:nth-child(2){opacity: 0; transition: all 0.5s ease-in 1.4s;}
.m_treatment_wrap .m_treatment_ac:nth-child(3){opacity: 0; transition: all 0.5s ease-in 1.8s;}
.m_treatment_wrap .m_treatment_ac:nth-child(5){opacity: 0; transition: all 0.5s ease-in 2.4s;}
.m_treatment_wrap .m_treatment_ac:nth-child(6){opacity: 0; transition: all 0.5s ease-in 2.6s;}
.m_treatment_wrap.fadeIn .m_treatment_ac:nth-child(1){opacity: 1;}
.m_treatment_wrap.fadeIn .m_treatment_ac:nth-child(2){opacity: 1;}
.m_treatment_wrap.fadeIn .m_treatment_ac:nth-child(3){opacity: 1;}
.m_treatment_wrap.fadeIn .m_treatment_ac:nth-child(4){opacity: 1;}
.m_treatment_wrap.fadeIn .m_treatment_ac:nth-child(5){opacity: 1;}
.m_treatment_wrap.fadeIn .m_treatment_ac:nth-child(6){opacity: 1;}

@media screen and (max-width: 890px){
	#monitor_treatment{padding: 90px 0px;}
}
@media screen and (max-width: 640px){
	#monitor_treatment{padding: 40px 0px;}
	
	#monitor_treatment .m_treatment_wrap{margin: 25px auto 0;}
	#monitor_treatment .m_treatment_wrap .m_treatment_ac dt{font-size: 12px; padding: 15px;}
	#monitor_treatment .m_treatment_wrap .m_treatment_ac dt b{font-size: 20px;}
	
	#monitor_treatment .m_treatment_list{margin-left: 0;}
	#monitor_treatment .m_treatment_list li{float: none; width: 100%; margin-left: 0;}
	#monitor_treatment .m_treatment_wrap .m_treatment_ac dt .accordion_icon:before{width: 20px; right: 10px;}
	#monitor_treatment .m_treatment_wrap .m_treatment_ac dt .accordion_icon:after{height: 20px; right: 19px;}
}




/* #monitor_flowーーーーーーーーーーーーー*/
#monitor_flow{padding: 100px 0 80px;}

.m_flow_wrap{max-width: 820px; margin: 50px auto 0; border: 1px solid #255796; padding: 20px 20px 30px;}
.m_flow_box{overflow: hidden; border-bottom: 1px solid #255796; padding: 20px 0;}
.m_flow_box:last-child{border-bottom: none; padding: 20px 0 0;}
.m_flow_left{width: 37%; float: left;}
.m_flow_right{width: 60%;float: right; text-align: left;}
.m_flow_right figure{display: none;}
.m_flow_right h3{font-size: 25px; position: relative; border-bottom: 1px solid #255796; color: #393939; padding: 20px 0 10px 30px; margin-bottom: 20px;}
.m_flow_right h3 span{font-family: 'EB Garamond', serif; font-style: italic; font-size: 70px; font-weight: 400;
color: #e7e2e0; position: absolute; z-index: -1; left: 0; top: -18px; letter-spacing: 0;}
.m_flow_right p{padding-left: 20px;}

@media screen and (max-width: 890px){
	#monitor_flow{padding: 100px 15px 80px;}
}
@media screen and (max-width: 640px) {
	#monitor_flow{padding: 50px 15px 40px;}
	
	.m_flow_left{display: none;}
	.m_flow_right{float: none; width: 100%;}
	.m_flow_right figure{display: block; margin-bottom: 20px;}
	.m_flow_right p{padding-left: 0;}
	.m_flow_right h3{border-bottom:0; padding: 20px 0 0px 30px;}
}
@media screen and (max-width: 375px) {
	.m_flow_right h3{font-size: 20px;}
	.m_flow_right p{ font-size: 14px; line-height: 1.5;}
}


/* #monitor_formbtnーーーーーーーーーーーーー*/
#monitor_formbtn{background: #f8f8f8; padding: 80px 0 210px;}
#monitor_formbtn .m_big_title{margin-bottom: 50px;}
#monitor_formbtn .m_formbtn_wrap{max-width: 820px; width: 100%; margin: 30px auto 0;}
#monitor_formbtn .m_formbtn_wrap a{position: relative; display: block; width: 100%; background: #255796; color: #fff; padding: 5px; border-radius: 10px; box-shadow: 0 0 18px #7e7e99;}
#monitor_formbtn .m_formbtn_wrap a span.m_formbtn_border{border: 1px solid #fff; display: block; border-radius: 10px; padding: 35px;
	font-size: 30px; font-weight: bold; text-shadow: 0 2px 1px #16345a;}
	
#monitor_formbtn .m_formbtn_wrap span.arrow{display: block; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);
	position: absolute; left: 30px; top: 0; bottom: 0; margin: auto;}

#monitor_formbtn .m_consultation{max-width: 640px;width: 100%;margin: 30px auto 0;}
#monitor_formbtn .m_consultation a{position: relative;background: #fff;border: 1px solid #000;padding: 15px 0;display: block;}
/*#monitor_formbtn .m_consultation a{position: relative;text-decoration: underline;}*/
#monitor_formbtn .m_consultation a span{font-size: 14px;}
#monitor_formbtn .m_consultation a span.arrow{display: block; width: 5px;height: 5px;border-top: 1px solid #000; border-right: 1px solid #000;transform: rotate(45deg);position: absolute; left: 15px; top: 0;bottom: 0;margin: auto;}
/*#monitor_formbtn .m_consultation a span.arrow{display: block; width: 5px;height: 5px;border-top: 1px solid #000; border-right: 1px solid #000;transform: rotate(45deg);position: absolute; left: -15px; top: 0;bottom: 0;margin: auto;}*/


#monitor_formbtn_fix{position: fixed; top: 120px; right: 20px; z-index: 10; display: none;
	-webkit-animation:fuwafuwa 3s infinite linear alternate;
	animation:fuwafuwa 3s infinite linear alternate;
}
@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0);}
50% {-webkit-transform:translate(0, -10px);}
100% {-webkit-transform:translate(0, 0);}

}

@keyframes fuwafuwa {
0% {transform:translate(0, 0);}
50% {transform:translate(0, -10px);}
100% {transform:translate(0, 0);}

}

@media screen and (max-width: 890px){
	#monitor_formbtn{padding: 80px 15px 210px;}
}
@media screen and (max-width: 640px) {
	#monitor_formbtn{padding: 80px 15px 150px;}

	#monitor_formbtn_fix{top:inherit; bottom: 68px; right: inherit; left: 10px; max-width: 100px;}
	#monitor_formbtn .m_formbtn_wrap a{ width: auto; padding: 2%;}
	#monitor_formbtn .m_formbtn_wrap span.arrow{left: 20px;}
	#monitor_formbtn .m_formbtn_wrap a span.m_formbtn_border{ padding: 20px; font-size: 24px; line-height: 1.5;}
}

.Line_howto{
	max-width: 820px;
    margin: 50px auto;
	box-sizing: border-box;
    padding: 30px;
    background: #fff;
}
#monitor_formbtn .m_middle_title{font-size: 25px; margin-bottom: 20px; line-height: 1.25;}
.Line_howto ul{}
.Line_howto ul li{text-align: left; line-height: 2;}
.Line_howto ul li b{font-size: 18px; display: block; margin: 20px 0;}
.Line_howto ul li figure{margin: 20px;}
@media screen and (max-width: 640px) {
	.Line_howto ul li figure {
    	margin: 20px 0;
	}
}

#monitorLink{}
#monitorLink .monitor{padding: 20px;}
#monitorLink .monitor a{display: inline-block;background: #f0f7ff; color: #585757;padding: 20px 20px;border: 2px solid #255796;border-radius: 7px;    font-weight: bold;}
#monitorLink a:hover{opacity: 0.8;}
@media screen and (max-width: 640px) {
	#monitorLink .monitor{text-align: center;}
}


.tex_small {
  margin-top: 15px;
  text-align: left;
  font-size: 12px;
  line-height: 1.75;
}
.c-taxStatus {
	font-size: .8em;
}
.mt_tableFrame .mt_table{
		max-width: 900px;
    width: 100%;
    margin: 30px auto;
}
.mt_tableFrame .mt_table_title{
   margin-bottom: 10px;font-size:22px;color: #996559;text-align: left;
}
.mt_tableFrame .mt_table_title:before{
  content: '■';
  display: inline-block;
  font-size:22px;
}
.p-priceTable {width: 100%;}
.p-priceTable th {
  border-left: #ffffff 1px solid;
  background: #996559;
  border-bottom: #dddddd 1px solid;
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
  font-weight: normal;
  color: #FFF;
  height: 52px;
  vertical-align: middle;
}
.p-priceTable tr.p-priceTableRowHasTwoLine {
  height: 78px;
}
.p-priceTable th:first-child {
	width: 65%;
  border-left: #996559 1px solid;
}
.p-priceTable td {
  vertical-align: middle;
  font-size: 15px;
  line-height: 1.7;
  border-bottom: #dddddd 1px solid;
  border-left: #dddddd 1px solid;
  box-sizing: border-box;
  height: 52px;
}
.p-priceTable.p-priceTable--forFreePrice td {
  border-top: #dddddd 1px solid;
}
.p-priceTable.p-priceTable--forFreePrice td:first-child {
  width: 40%;
  text-align: center;
}
.p-priceTable td:nth-child(1) {
  /*width: 280px;*/
  background: #f9f9f9;
  text-align: left;
  padding-left: 20px;
}
.p-priceTable td:nth-child(2) {
  width: 360px;
}
.p-priceTable td:last-child {
  width: 360px;
  border-right: #dddddd 1px solid;
}
.p-priceTableSubTxt {
  font-size: 12px;
}
.p-priceTable.p-priceTable__caution {
  margin-top: 10px;
}
p.p-priceTable__caution {
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
/*	margin-bottom: 61px;*/
  margin-top: 10px;
}

.p-doctorTreatment {
	padding: 90px 0;
}

.p-doctorTreatmentItemWrap + .p-doctorTreatmentItemWrap {
	margin-top: 120px;
}

.p-doctorTreatmentAboutwrap {
	background-color: #f4fdff;
	padding: 30px 15px 40px;
}

.p-doctorTreatmentAbout {
	max-width: 900px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.p-doctorTreatmentAboutImgArea {
	width: 47%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.p-doctorTreatmentAboutImgArea__img {
	margin: 0 auto;
	text-align: center;
}

.p-doctorTreatmentAboutImgArea__img img {
	border-radius: 100%;
	max-width: 250px;
}

.p-doctorTreatmentAboutImgArea__name {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	bottom: 43px;
}

.p-doctorTreatmentAboutImgArea__name span {
	background-color: #FFF;
	border: solid 1px #ddd;
	border-radius: 5px;
	padding: 8px 50px;
	box-sizing: border-box;
}

.p-doctorTreatmentAboutImgArea__Instagram span {
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	padding: 0 0 0 35px;
	position: relative;
	box-sizing: border-box;
	display: inline-block;
}

.p-doctorTreatmentAboutImgArea__Instagram::before {
	position: absolute;
	content: '';
	bottom: -1px;
	margin: auto;
	background-size: contain;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	background-image: url(../images/monitor05/icon_instagram.png);
}

.p-doctorTreatmentAboutImgArea__icon img {
  width: 40px;
}
.p-doctorTreatmentAboutSocietyArea {
	overflow-y: scroll;
  scrollbar-width: thin;
	height: 300px;
	width: 55%;
	padding: 0 10px;
}
.p-doctorTreatmentAboutSocietyArea::-webkit-scrollbar {
  width: 10px;
}

.p-doctorTreatmentAboutSocietyArea::-webkit-scrollbar-track {
  background: #ffe6ea;
}

.p-doctorTreatmentAboutSocietyArea__label {
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	margin: 30px 0 20px;
}

	.p-doctorTreatmentAboutSocietyArea__label:nth-child(1) {
		margin: 0 0 20px;
	}

.p-doctorTreatmentAboutSocietyArea__label span {
  font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

.p-doctorTreatmentAboutSocietyAreaitem {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3;
	text-align: left;
}

.p-doctorTreatmentAboutSocietyAreaitem li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.p-doctorTreatmentAboutSocietyAreaitem__year {
	width: 90px;
}

.p-doctorTreatmentAboutSocietyAreaitem___contents {
	width: calc(100% - 90px);
}

.p-doctorTreatmentAboutSocietyAreaitem li + li {
	margin-top: 12px;
}

.p-doctorTreatmentPrice {
	max-width: 900px;
  width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
  margin: 40px auto;
}

.p-doctorTreatmentPrice th {
	background: #f9f9f9;
	border: #dddddd 1px solid;
	height: 52px;
	font-size: 15px;
	line-height: 1.7;
	font-weight: normal;
	vertical-align: middle;
}

.p-doctorTreatmentPrice td {
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.7;
	border: #dddddd 1px solid;
	box-sizing: border-box;
	height: 52px;
	width: 250px;
	background-color: #fff;
}

.p-doctorTreatmentPrice td:nth-child(1) {
	background: #f9f9f9;
	text-align: left;
	padding-left: 20px;
	width: 50%;
}

.u-taC {
  text-align: center !important;
}
@media screen and (min-width: 640px){
	.u-spOnly {
		display: none !important;
	}
}
@media screen and (max-width: 640px) {
	.mt_tableFrame .mt_table_title{
		font-size: 16px;
	}
	.mt_tableFrame .mt_table_title:before{
    font-size:16px;
  }
	.p-priceTable th:first-child{
		width:60%;
	}
	.p-priceTable th{
		font-size: 12px;
    line-height: 1.7;
    height: 40px;
	}
  .p-priceTable td {
      font-size: 12px;
      height: auto;
      padding: 1em;
  }

	.p-doctorTreatment {
		padding: 40px 0;
	}

	.p-doctorTreatmentItemWrap + .p-doctorTreatmentItemWrap {
	  margin-top: 30px;
  }

	.p-doctorTreatmentAboutwrap {
		background-color: #f4fdff;
		padding: 30px 15px 40px;
  }

	.p-doctorTreatmentAbout {
		display: block;
	}

	.p-doctorTreatmentAboutImgArea {
		max-width: 315px;
		width: 100%;
		margin: 0 auto 40px;
	}

	.p-doctorTreatmentAboutImgArea__img img {
		max-width: 250px;
		margin: 0 auto;
		text-align: center;
	}

	.p-doctorTreatmentAboutImgArea__name {
		font-size: 18px;
		bottom: 43px;
	}

	.p-doctorTreatmentAboutImgArea__Instagram span {
		font-size: 16px;
		padding: 0 0 0 28px;
  }

	.p-doctorTreatmentAboutImgArea__Instagram::before {
		width: 20px;
		height: 20px;
  }

	.p-doctorTreatmentAboutImgArea__icon {
		position: absolute;
		top: 0;
		left: 0px;
	}

	.p-doctorTreatmentAboutImgArea__icon img {
		width: 40px;
	}

	.p-doctorTreatmentAboutSocietyArea {
		width: 100%;
	}

	.p-doctorTreatmentAboutSocietyArea::-webkit-scrollbar {
		width: 10px;
	}

	.p-doctorTreatmentAboutSocietyArea::-webkit-scrollbar-track {
		background: #ffe6ea;
	}

	.p-doctorTreatmentAboutSocietyArea__label {
		font-size: 18px;
		margin: 30px 0 15px;
	}

	.p-doctorTreatmentAboutSocietyArea__label span {
		font-size: 12px;
  }

	.p-doctorTreatmentAboutSocietyArea__label:nth-child(1) {
		margin: 0 0 20px;
	}

	.p-doctorTreatmentAboutSocietyAreaitem {
		font-size: 12px;
	}

	.p-doctorTreatmentAboutSocietyAreaitem__year {
	  width: 70px;
  }

	.p-doctorTreatmentAboutSocietyAreaitem___contents {
		width: calc(100% - 70px);
	}

	.p-doctorTreatmentAboutSocietyAreaitem li + li {
	  margin-top: 10px;
  }

	.p-doctorTreatmentPrice {
		max-width: 900px;
		width: 100%;
		margin: 40px auto 30px;
	}

	.p-doctorTreatmentPrice th {
		font-size: 12px;
  }

	.p-doctorTreatmentPrice td {
		font-size: 12px;
	}

	.p-doctorTreatmentPrice td:nth-child(1) {
		padding-left: 10px;
		width: 50%;
	}
}