@charset "utf-8";

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

.c-menuListOther{display:none !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-family: 'Noto Serif JP'; font-size: 50px; color: #242424; margin-bottom: 30px;}
.m_big_title:after{content: ""; display: block; width: 42px; height: 3px; /*background: #f46645;*/ background: #6b6b6b; 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;}
	.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;*/ background: #fff; padding: 70px 0 0;}
ul.m_complex_list li{display: inline-block; max-width: 220px; padding: 0 15px;}

.m_complex_read{font-family:'Noto Serif JP'; padding-top: 45px; line-height: 1.8;}
.m_complex_read small{font-size: 35px;}
.m_complex_read b{font-size: 40px; font-weight: normal; background: linear-gradient(transparent 70%, #fcdabf 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-family:'Noto Serif JP'; font-size: 30px; margin-bottom: 50px;}
#monitor_support .m_support_title b{font-size: 50px; font-weight: normal; color: #c46d6a; 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/monitor06/icon_diagonal.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/monitor06/icon_diagonal.png") no-repeat; background-size: 100%;}
	
#monitor_support .m_support_content2{margin: 60px 0 0; /*background: #fff9f6;*/ background: #fdedeb; padding: 50px 0 30px;}
#monitor_support .m_support_content2 .m_support_con2_title{font-family:'Noto Serif JP'; font-size: 25px; /*border-bottom: 2px solid #ff8e5a;*/ border-bottom: 2px solid #6b6b6b; 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;}
	#monitor_support .m_support_content2 .m_support_con2_title{ width: auto;}
}

@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;*/ background: #fdf5f4;}

#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;*/ background: #ecc4bf; position: relative; overflow: hidden; padding: 60px 0;}
#monitor_benefits .m_benefits_titleBK h2{font-family:'Noto Serif JP'; 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;*/ background: #f2dfdd; 
	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: 2px solid #6b6b6b; 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;}
#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(4){opacity: 0; transition: all 0.5s ease-in 2.2s;}
.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;}

@media screen and (max-width: 890px){
	#monitor_treatment{padding: 90px 15px;}
}
@media screen and (max-width: 640px){
	#monitor_treatment{padding: 40px 15px;}
	
	#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;*/ padding: 80px 0;}
#monitor_formbtn .m_big_title{font-family:'Noto Serif JP'; margin-bottom: 50px;}
#monitor_formbtn .m_formbtn_wrap{max-width: 820px; width: 100%; margin: 30px auto 0;}
#monitor_formbtn .m_formbtn_wrap a{font-family: 'Noto Serif JP'; position: relative; display: block; width: 100%; /*background: #255796;*/ background: #c46d6a; color: #fff; padding: 5px; border-radius: 10px; /*box-shadow: 0 0 18px #7e7e99;*/ box-shadow: 0 0 18px rgb(57 57 70 / 56%);}
#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 2px #a0524f;}
	
#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_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: #cc9793;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: #cc9793;
  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: #cc9793 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;
}
@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;
  }
}


main .mv_scroll {
	opacity: 1;
	margin-top: 90px;
}
main .mv_scroll span {
    position: relative;
    display: block;
    width: 1px;
    height: 108px;
    background: #000000;
    margin: 10px auto 0;
}
/*main .mv_scroll span:after{
	content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    animation: mv_scroll 2.3s ease-out infinite;
}
@keyframes mv_scroll{
	0%{transform: translateY(-7px);}
	100%{transform: translateY(108px);}
}*/

/* Utility */
.u-taC {
	text-align: center !important;
}
.u-taL {
	text-align: left !important;
}
.u-taR {
	text-align: right !important;
}