@charset "utf-8";

.clr_box{
	zoom:100%;
	}
.clr_box:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}

#con_wrap{
	border-top:1px solid #F0F0F0;
	background:url(/-/Media/com/contact/promotion/201707/moisteye-mf/bg01.gif) repeat left top;
	max-width:940px;
	width:940px;
	margin:0 auto;
	padding:0 0 28px 0;
	}
#mf_main{
	background:#fff;
	max-width:840px;
	width:840px;
	margin:18px auto 0 auto;
	}
#mf_main a{
	display:block;
	height:420px;
	background-image:url(/-/Media/com/contact/promotion/201707/moisteye-mf/mf_main.png);
	background-repeat:no-repeat;
	background-position:center center;
	font-size:20%;
	text-indent:-940px;
	overflow:hidden;
	}

#con_body{
	background:#fff;
	max-width:840px;
	width:840px;
	box-sizing:border-box;
	padding:28px 0;
	margin:0 auto 0 auto;
	color:#727171;
	}

.pc_only{
	display:block;
	}

@media screen and (max-width:768px) {
	#con_wrap{
		padding:0 0 20px 0;
		width:auto;
		}
	#mf_main{
		width:auto;
		}
	#mf_main a{
		height:0;
		padding:0 0 50% 0;
		background-size:100% 100%;
		}
	#con_body{
		padding:20px 4.7%;
		width:auto;
		}
	.pc_only{
		display:none;
		}
	}


#mf_concept{
	margin:0 38px 34px 38px;
	zoom:100%;
	}
#mf_concept:after{
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
	}
#mf_con_left{
	width:384px;
	float:left;
	}
#mf_con_left h2,
#mf_con_left h3{
	margin-bottom:16px;
	}
#mf_con_left p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.8;
	}
#mf_con_left p b{
	color:#61539F;
	}
#mf_con_right{
	width:380px;
	float:right;
	box-sizing:border-box;
	border:1px solid #DFDFD0;
	background:#F3F3F3;
	padding:20px 16px;
	}
#mf_con_right h3{
	color:#61539F;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.4;
	margin:0 0 16px 0;
	}
#mf_con_right ul{
	color:#343426;
	line-height:1.25;
	margin-right:-6px;
	}
#mf_con_right ul li{
	padding:4px 0 0 22px;
	background:url(/-/Media/com/contact/promotion/201707/moisteye-mf/check.png) no-repeat left top;
	margin:0 0 0.75em 0;
	}
.mf_chap{
	margin-top:0.75em;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2;
	}

@media screen and (max-width:768px) {
	#mf_concept{
		margin:0 0 28px 0;
		}
	#mf_con_left{
		width:auto;
		float:none;
		margin-bottom:28px;
		}
	#mf_con_right{
		width:auto;
		float:none;
		padding:18px;
		}
	#mf_con_right h3{
		font-size:1.6rem;
		}
	#mf_con_right ul{
		margin-right:0;
		}
	#mf_con_right ul li{
		margin:0 0 0.5em 0;
		}
	}
@media screen and (max-width:480px) {
	#mf_con_left p{
		font-size:1.4rem;
		line-height:1.6;
		}
	#mf_con_left h2 img,
	#mf_con_left h3 img{
		width:100%;
		max-width:308px;
		}
	#mf_con_right{
		padding:16px 3%;
		}
	#mf_con_right h3{
		font-size:1.5rem;
		}
	.mf_chap{
		font-size:1.1rem;
		}
	}


.mf_exbox{
	margin:0 38px 28px 38px;
	}
.mf_exbox h3{
	color:#ffffff;
	background:#8C82BD;
	padding:6px 0 4px 16px;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.2;
	margin-bottom:0.75em;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
	}
.mf_exbox h4{
	font-size:17px;
	font-size:1.7rem;
	line-height:1.2;
	color:#6254A0;
	padding:4px 0 0.5em 22px;
	background:url(/-/Media/com/contact/promotion/201707/moisteye-mf/dot01.png) no-repeat left top;
	}
.mf_exbox p{
	margin-left:22px;
	}
.mf_exbox img{
	float:right;
	margin:0 0 4px 1em;
	}

.img_right{
	float:right;
	margin:0 0 4px 1em;
	width:280px;
	max-width:50%;
	}
.img_right img{
	margin:0;
	float:none;
	}
.img_right .mf_chap{
	font-size:1.1rem;
	line-height:1.3;
	margin-top:1em;
	}

p.mf_lead{
	color:#343426;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.4;
	margin-left:0;
	}
.mf_lead b{
	color:#6254A0;
	}
.t_right{
	text-align:right;
	}

@media screen and (max-width:768px) {
	.mf_exbox{
		margin:0 0 28px 0;
		}
	.mf_exbox img{
		max-width:50%;
		}
	.img_right img{
		max-width:100%;
		}

	}

@media screen and (max-width:480px) {
	.mf_exbox h3{
		font-size:1.6rem;
		}
	.mf_exbox h4{
		font-size:1.5rem;
		}
	.mf_exbox img{
		float:none;
		margin:0 auto 0.5em auto;
		max-width:100%;
		}
	.img_right{
		float:none;
		margin:0 auto 1em auto;
		max-width:100%;
		}
	.img_right img{
		margin:0;
		}
	p.mf_lead{
		font-size:1.4rem;
		}
	}




.fv_exbox h2{
	font-size:28px;
	font-size:2.8rem;
	line-height:1.3;
	margin:0 0 0.25em 0;
	}
.fv_exbox .fvc_lead{
	font-size:18px;
	font-size:1.8rem;
	line-height:1.5;
	color:#003F98;
	}





#chu_iryokiki{
	border:1px solid #ccc;
	background-color:#fff;
	padding:18px 24px;
	box-sizing:border-box;
	max-width:840px;
	margin:28px auto 0 auto;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	}
#chu_iryokiki h4{
	margin:0 0 0.5em 0;
	line-height:120%;
	}
#chu_iryokiki p{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.3;
	margin:0;
	}

@media screen and (max-width:768px) {
	#chu_iryokiki{
		padding:3%;
		margin:20px 4.7% 0 4.7%;
		}
	}