@charset "UTF-8";

#contents_wrap { font-size: 116.6%; }
#contents_wrap .pagetop { font-size: 85.7%; }
.fluid_img { width: auto; max-width: 100%; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; vertical-align: bottom; }
#cmeMain .fluid_img { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.thanks_block { text-align: center; margin-top: 60px; border: 1px solid #333; padding: 30px 0; }
.thanks_block .subheading { font-size: 128.5%; font-weight: bold; margin-bottom: 20px; }
.thanks_block .subheading span { border-bottom: 1px solid #333; display: inline-block; padding-bottom: 10px; }
.thanks_block .thanks_text{ font-size: 107%; line-height: 1.8; }
#head_wrap { margin: 60px 0 0; }
#head_wrap .lead_text + .lead_text { margin-top: 20px; }
#head_wrap .lead_text { font-size: 128%; font-weight: bold; text-align: center; line-height: 1.85; color: #616161; }
.head_gray { margin: 85px 0 0; padding: 15px 0; font-size: 185%; font-weight: bold; text-align: center; line-height: 1.38; background: #8b8b8b; color: #fff; }
.section { margin-top: 75px; }
.section1f { margin-top: 55px; }
.section1l { padding-bottom: 60px; border-bottom: 1px solid #e2e2e2; }
.section .head { color: #6e6e6e; font-size: 228.5%; font-weight: bold; text-align: center; margin-bottom: 36px; }
.section .head:before { content: ""; display: block; width: 250px; height: 3px; background-color: #ffeb00; margin: 0 auto 17px; }
.section .lead { font-size: 128.5%; color:#333333; }
.section .date { padding-top: 25px; font-size: 85.7%; text-align: right; }
.subsection { margin-top: 48px; }
.subsection:not(:first-of-type) { padding-top: 60px; border-top: 1px solid #e2e2e2; }
.subsection p { line-height: 1.85; }
.subsection .term { margin: -5px 0 10px; font-weight: bold; color: #616161; }
.subsection .subhead { margin: 0 0 15px; color: #616161; font-size: 128.5%; font-weight: bold; line-height: 1.72; }
.subsection .subhead .large { font-size: 166%; }
.subsection .text { font-size: 107%; letter-spacing: -0.03em; }
.subsection .more { margin-top: 10px; font-size: 114%; }
.subsection .more .link_arr { max-width:218px; width: 100%; display:inline-block; color: #000000; border:1px solid #8b8b8b; padding:7px 0; text-decoration:none; text-align: center; }
.subsection .more .link_arr span{background: url(../../../common/image/arr.png) no-repeat 0 45%;padding-left:17px;}
.subsection .more .link_arr:hover{background-color:#ffeb00;border:1px solid #ffeb00;}
.section .text_right_v { float: right; width: 56.6%; }
.section .img_left_v { float: left; width: 39%; }
.information { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-top: 60px; padding: 45px 0 64px 0; }
.information .info_detail { width: 40%; float: left; }
.information .label { font-weight: bold; margin-bottom: 1em; width: 52.5%; float: left; }
.information dl { line-height: 1.8; }
.information dl dt { clear: both; float: left; width: 5em; }
.information dl dt:before { float: right; content:"："; }
.information dl dd { float: left; width: calc(100% - 5em); width: -webkit-calc(100% - 5em); }
.information .banner { width: 48.5%; float: right; margin-right: 20px; }
.information .banner p { font-weight: bold; margin-bottom: 15px; }
.information .banner img { border: 1px solid #d9d9d9; vertical-align: bottom; }
.insession { margin-top: 95px; }
.insession .thumbnail { position: relative; line-height: 1; max-width: 1174px; margin: 0 auto;}
.insession .thumbnail .new { position: absolute; top: 0; left: 0; width: 90px; }
.insession .subhead { margin: 30px 0 15px; font-size: 158%; }
.insession .subhead .large { font-size: 172%; }
.insession .term { margin: 0 0 20px; font-size: 114%; }
.insession .text { margin: 0 0 15px; padding-top: 30px; font-size: 128%; border-top: 1px solid #e2e2e2; }

#main_image {background-color: #000;}
.noted_block{text-align: center;}
.noted_block>div{margin:64px 0 0;padding: 20px 100px 20px; font-size: 105%; border: 1px solid #c00;color:#c00;display: inline-block;text-align: left; font-weight: bold;}
.noted_block>div a{margin-top: 5px;margin-left: 10px;}
@media only screen and (min-width: 981px) {
  #main_image img { margin-left: -700px; }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	#head_wrap { min-width: 768px; }
}

@media only screen and (max-width: 767px) {
	#main_image img { margin-left: 0; }
	#contents_wrap { font-size: 100%; }
	#contents_wrap .pagetop { font-size: 100%; }
	.unit { padding: 0 20px; }
	.thanks_block{padding: 30px 20px; line-height: 1.8; }
	#head_wrap { margin: 40px 0 30px; }
	#head_wrap p { font-size: 114.3%; text-align: left; }
	#head_wrap .lead_text { font-size: 128%; text-align: left; line-height: 1.8; }
	.head_gray { margin: 50px -20px 0; padding: 22.5px 0; font-size: 157%; }
	.section { margin-top: 40px; }
	.section .head { font-size: 157.1%; margin-bottom: 20px; }
	.section .head:before { margin: 0 auto 15px; }
	.section .lead { font-size: 100%; line-height: 1.5; }
	.section1f { margin-top: 35px; }
	.section1l { padding-bottom: 0; border-bottom: 0; }
	.subsection { margin-top: 30px; }
	.subsection:not(:first-of-type) { margin-top: 50px; padding-top: 0; border-top: 0; }
	.subsection p { line-height: 1.5; }
	.subsection .term { margin: 0 0 10px; font-size: 85%; }
	.subsection .subhead { margin: 0 0 15px; font-size: 114%; line-height: 1.6875; }
	.subsection .subhead .large { font-size: 166%; }
	.subsection .text { font-size: 100%; line-height: 1.5; letter-spacing: -0.03em; }
	.subsection .more { margin-top: 15px; font-size: 107%; }
	.subsection .more .link_arr { max-width:100%; width: auto; display:block; padding:12px 0; }
	.subsection .more .link_arr span{padding-left:14px;}
	.section .text_right_v { float: none; width: 100%; max-width: inherit; }
	.section .img_left_v { float: none; width: auto; margin: 0 -20px 20px; }
	.information { padding: 20px 0; }
	.information .info_detail { width: 100%; float: none; }
	.information .banner { width: 100%; padding: 15px; margin-top: 15px; float: none; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; background-color: #f7f7f7; }
	#cmeMain .information .banner { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
	.information .img { width: 100%; float: none; margin: 30px auto 0; max-width: 300px; }
	.insession .thumbnail { margin: 0 -20px; }
	.insession .thumbnail img { width: 100%; }
	.insession .thumbnail .new { width: 72px; }
	.insession .subhead { margin: 25px 0 15px; }
	.insession .subhead .large { font-size: 185%; }
	.insession .term { margin: 0 0 15px; font-size: 100%; }
	.insession .text { margin: 0 0 20px; padding-top: 15px; font-size: 114%; border-top: 1px solid #e2e2e2; }
	.noted_block>div{margin: 60px 0 0;padding: 20px;display: block;}
}