@charset "UTF-8";
#main { position:relative;}
#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; }

.header_visual { position: relative; height: 565px;-webkit-box-sizing:border-box !important;box-sizing:border-box !important; background: url(../img/main_image.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; text-align: center; padding-top: 110px;  }
.lead { max-width: 761px; width:auto; padding:0 20px; margin: 0 auto;text-align: center; }
.lead .header_img {width:100%; vertical-align:baseline; }

#head_wrap { margin: 64px 0 0; }
#head_wrap p { font-size: 143%; font-weight:bold; text-align: center; line-height: 1.6; color:#333333;letter-spacing: -0.032em;}

.overview { background-color: #f3f3f3; border-radius: 20px; margin-top:49px; padding:6px; }
.overview .view_wrap { border:2px solid #fff; border-radius: 20px; }
.overview .view_wrap .head_line { position: relative; margin-top: 25px; text-align: center; }
.overview .view_wrap .head_line .title { position: relative; background-color: #f3f3f3; color: #333333; z-index: 2; font-size: 143%; font-weight: bold;padding: 0 27px; margin: 25px 0 4px;}
.overview .view_wrap .head_line:before { content: ""; display: block; height: 1px; width: 13%; position: absolute; top: 50%; left:56%; background-color: #7a7a7a; }
.overview .view_wrap .head_line:after { content: ""; display: block; height: 1px; width: 13%; position: absolute; top: 50%; right:56%; background-color: #7a7a7a; }
.overview .view_wrap .info { text-align: center; padding:14px 150px 22px; line-height: 2em; }
.overview .view_wrap .info .list_lt { display: inline-block; }
.overview .view_wrap .info .list_rt { display: inline-block; }
.overview .view_wrap .info .list_lt.space {padding-left:23px;}

.section { margin-top: 95px; }
.section1f { margin-top: 83px; }

.section .head { color: #333333; font-size: 228.5%; font-weight: bold; text-align: center; margin-bottom: 36px; line-height: 1.5em;}
.section .head:before { content: ""; display: block; width: 21px; height: 28px; background: url(../img/red_flag.png) no-repeat center center;margin: 0 auto 12px; }
.subsection { margin-top: 55px; }
.subsection+.subsection { margin-top: 46px; }
.subsection p { line-height: 1.85; }
.section figure .fluid_img,.section figure img { vertical-align: bottom;}
.section .text_left { float: left; width: 47.5%; }
.section .text_right { float: right; width: 47.5%; }
.section .img_left { float: left; width: 47.5%; margin-bottom: 20px; }
.section .img_right { float: right; width: 47.5%; margin-bottom: 20px; }
.section .text_left_v { float: left; width: 58.2%; }
.section .text_right_v { float: right; width: 58.2%; }
.section .img_left_v { float: left; width: 36.7%; }
.section .img_right_v { float: right; width: 36.7%; }
.section .border_head span { display: inline-block; padding: 0 18px 0; background: #f5f4f2; }
.date { padding-top:50px; font-size: 100%; text-align: right;}
.event_txt { font-size:143%; font-weight:bold;text-align:center; color:#333333; padding-top:96px; }
.section .top { margin-top:13px;}

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

@media only screen and (max-width: 767px) {
	#contents_wrap { font-size: 100%; }
	#contents_wrap .pagetop { font-size: 100%; }
	.unit { padding: 0 20px; }
	.fluid_img { width: 100%; max-width: 100%; }


	.header_visual { height: auto;background: url(../img/main_image_x2.jpg) no-repeat center center;-webkit-background-size: 100%; background-size: 100%; text-align: center; padding:85px 0 79px;  }
	.lead { max-width: 100%; width:auto; padding:0 45px; margin: 0 auto;text-align: center; }
	.lead .header_img {width:100%; vertical-align:baseline; }


	#head_wrap { margin: 20px 0; }
	#head_wrap p { padding-top: 0; font-size: 114.3%; }

	.overview { border-radius: 10px; margin-top:30px; padding:3px; }
	.overview .view_wrap { border:2px solid #fff; border-radius: 10px; }
	.overview .view_wrap .head_line { margin-top: 25px; text-align: center; }
	.overview .view_wrap .head_line .title { font-size: 129%; padding: 0; margin: 25px 0 4px;}
	.overview .view_wrap .head_line:before,.overview .view_wrap .head_line:after { display:none; }
	.overview .view_wrap .info { padding:16px 20px 0px;}
	.overview .view_wrap .info .list_lt { display: block; }
	.overview .view_wrap .info .list_rt { display: block; padding-bottom:20px; }
	.overview .view_wrap .info .list_lt.space {padding-left:0;}

	.section.section1f { margin-top: 37px; }
	.section { margin-top: 50px; }
	.section .head { font-size: 143%; margin-bottom: 0px; }
	.section .head:before { width: 24px; height: 30px; background: url(../img/red_flag_x2.png) no-repeat center center;-webkit-background-size: 24px 30px; background-size: 24px 30px;margin: 0 auto 7px; }

	.subsection { margin-top: 25px !important; }
	.subsection+.subsection { margin-top: 40px !important; }
	.subsection p { line-height: 1.5; }
	.section .text_left,
	.section .text_right,
	.section .text_left_v,
	.section .text_right_v { float: none; width: 100%; max-width: inherit; }
	.section .img_left,
	.section .img_right { float: none; width: 100%; max-width: 300px; margin: 0 auto 20px; }
	.section .img_left_v,
	.section .img_right_v { float: none; width: 100%; max-width: 100%; margin: 0 auto; }
	.section .text_left_v p,
	.section .text_right_v p { margin-bottom: 1.4em; }
	.date { padding-top: 60px; }
	.event_txt { font-size:114%; padding-top:46px; }


}