@charset "utf-8";
html { font-size: 16px; }

body {}

#container {/* position: absolute; *//* min-width: 1500px; */width: 100%;height: 100%;margin: 0 auto;padding:0;clear: both;float: none;left: 0;right: 0;}
#wrap {position:relative;width: 100%;/* min-width: 1500px; */height: 100%;margin:0 auto;padding: 0;clear: both;float: none;}

.inner_wrap {position:relative;max-width:1100px;padding: 0;margin: 0 auto;box-sizing: border-box;}
.inner_wrap:after { display:block; height:0; clear:both; float:none; content:""; }

.inner_wrap2 { position:relative;width:100%; max-width: 1100px; padding: 0; margin:auto;  box-sizing: border-box;}
.inner_wrap2:after { display:block; height:0; clear:both; float:none; content:""; }

.mobile_view { display:none; }

.bg_fix{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:550;
	opacity:0.7;
	/* ie 8 */
	-ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=70)";
	/* ie 7 and olders */
	filter: progid:dximagetransform.microsoft.alpha(opacity=70);
	/* netscape */
	-moz-opacity: 70;
	/* safari 1.x */
	-khtml-opacity: 70;
}
/* head_area */
#head_wrap {position: relative;clear: both;width:100%;margin: 0 auto;z-index:98;}
.head_top {
	width: 100%;
	text-align: center;
	margin: 0;
	/* padding: 34px 0; */
	box-sizing: border-box;
	border-bottom: 1px solid #c5c5c5;
}

.head_menu {
	position: relative;
	width: 100%;
	height: 48px;
	text-align: center;
	/* padding: 22px 0; */
	border-bottom: 1px solid #c5c5c5;
}

.head_top ul {
	float: right;
	display: table;
	box-sizing: border-box;
}

.head_top li {
	display: inline-block;
	height: inherit;
	box-sizing: border-box;
	padding: 0 6px;
}
.head_top li:before {content:"|";vertical-align:middle;padding-right: 10px;color: #b7b7b7;}
.head_top li:first-child:before { content:""; padding:0;}
.head_top li.regi { background-color: #008AA5; }
.head_top li.regi:before { content:""; padding:0;}

.top_sns {
	position: absolute;
	top: 10px;
	right: 0;
}

.top_sns .blog a {background:url('../../img/layout/sns_blog.png') no-repeat left center;padding-left:30px;height: 20px;display: block;color: #69a814;font-weight: 700;}
.top_sns .fb a {background:url('../../img/layout/sns_fb.png') no-repeat left center;padding-left: 24px;font-weight: 700;color: #014eab;}


#header {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#header .inner_wrap {}

#header_sub {
	margin: 0 auto;
}

#footer {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 2rem 0;
	border-top: 1px solid #cbcbcb;
}

#footer .col1 {float:left;/* text-align: left; */}
#footer .foot_menu {display:inline-block;font-size: 14px; color:#333;}
#footer .foot_menu li{ float:left;}
#footer .foot_menu li a {display:block;padding: 0 16px 0 0;}
#footer .foot_menu li a:before {content:"|";color:#cacaca;padding-right: 16px;}
#footer .foot_menu li:first-child a:before { content:""; padding-right:0;}

#footer .copyright {padding-top:0;  font-size:0.9rem; color:#777;}
#footer .add {padding-top:5px; font-size:0.9rem; line-height:150%; color:#777;}
#footer .add ul {margin:5px 0 0 0}
#footer .add ul li {margin:0 0 7px 0}
#footer .add ul li span {color:#666;font-weight:450}

#footer .foot_link {float:right;text-align: left;position: relative;}
#footer .foot_link a {display: block;font-size:14px;padding: 16px 24px;width: 235px;height: 52px;vertical-align: top;color: #666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#footer .foot_link > a { border:1px solid #ddd; }
#footer .foot_link > a span {background: url('../../img/layout/foot_link_bg.png') no-repeat right center;display: block;}
#footer .foot_link > a.on span {background: url('../../img/layout/foot_link_bg_on.png') no-repeat right center;display: block;}
#footer .foot_link ul {position:absolute;left:0;bottom: 52px;width:100%;height:0;border:1px solid #e1e1e1;border-bottom:0;border-top:0;background-color:#fff;overflow:hidden;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
#footer .foot_link > a.on + ul {height:54px;}
#footer .foot_link ul li {border-top:1px solid #ddd;}


#body_foot {
	float: none;
	width: 100%;
	clear: both;
	/* padding-bottom: 2.5rem; */
}

.top_logo {}
.top_logo a {display: inline-block;padding: 30px 20px 25px 20px;}

.lang {	position: absolute; top: 33px; right: 0; font-size:14px;}
.lang ul li {float:left; margin:0 15px 0 0}
.lang ul li.lan {color:#dd042b}


#body_wrap {position: relative;width:100%;max-width:1100px;clear:both;padding: 0;margin: 0 auto;}
#body_wrap img {/* max-width:100%; */}
.inner_wrap.inner img { }

#body_inner_wrap {}
#body_inner_wrap:after { display:block; height:0; content:""; float:none; clear:both; }

#body_head { text-align: center; }

#body_head .sub_bg {height:200px;color:#fff;padding-top:60px;background-repeat: no-repeat; margin-top:50px }
#body_head .sub_bg.bg01 {background: url('../../img/layout/sub_bg01.png') right center;}
#body_head .sub_bg.bg02 {background: url('../../img/layout/sub_bg02.png') right center;}
#body_head .sub_bg.bg03 {background: url('../../img/layout/sub_bg03.png') right center;}
#body_head .sub_bg.bg04 {background: url('../../img/layout/sub_bg04.png') right center;}
#body_head .sub_bg.bg05 {background: url('../../img/layout/sub_bg05.png') right center;}

#body_head .sub_bg .bg_title {font-size: 2rem;font-weight: 400;}
#body_head .sub_bg .bg_comment {font-size: 1.1rem;font-weight: 100;padding-top: 1em;}

#body_content {
	width: 100%;
	box-sizing: border-box;
	padding:0 0 100px;
	min-height: 350px;
}

.body_title {
	font-size: 2rem;
	font-weight: 400;
	color: #000;
	text-align: center;
	display: inline-block;
	background: url('../../img/layout/sub_title_bg.png') no-repeat center bottom;
	padding-bottom: 1.75rem;
	padding-top: 90px;
}

#foot_wrap {
	clear: both;
	position: relative;
	width: 100%;
	border-top: 1px solid #d2d2d2;
	padding: 35px 0;
}

.foot_logo {
	text-align: center;
	margin-bottom: 20px;
}

.foot_info {
	text-align: center;
	color: #a5a5a5;
}

.foot_info li {
	display: inline-block;
	line-height: 1.6em;
}

#foot_wrap .info {
	color: #989898;
	line-height: 200%;
	font-size: 12px;
}



.go_top {
	position: absolute;
	bottom: 0;
	right: -42px;
	display: block;
	z-index: 99;
}

#body_content .go_top {bottom: auto;right: 0;}

/* sub */
.contents {position: relative; margin:50px 0; font-size:1em; font-weight:350; line-height:160% }

.tab_wrap {text-align:center;line-height: 1; margin: 2.5rem 0 0 0}
.sub_tab { }
.sub_tab li a {border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;  float:left;}
.sub_tab li:last-child a {border-right: 1px solid #ddd; }
.sub_tab.tab2 li a { width:50%;}
.sub_tab.tab3 li a { width:33.33%;}
.sub_tab.tab4 li a { width:25%;}

.sub_tab li a {display:block;padding: 20px 0;background-color: #ebebeb;font-size: 1rem;line-height: 1;}
.sub_tab li a.on,
.sub_tab li a:hover {background-color: #dd042b; color: #fff; border:1px solid #dd042b; }

.tab_title {
	color: #000;
	font-size: 1.5rem;
	padding-left: 24px;
	background: url('../../img/layout/tab_title_bg.png') no-repeat 0 center;
}


@media (max-width:1136px) {
	.inner_wrap {padding-left: 20px !important;padding-right: 20px !important;}
}


@media (max-width:800px) {

	#footer .foot_link	{margin:30px 0 0 0 ; width:100%;}
	#footer .foot_link a {font-size:0.9rem; padding: 15px 24px;width:100%; height:45px; }
	#footer .foot_link ul {left:0; bottom:45px;}
	#footer .foot_link > a.on + ul {height:45px;}



}

@media (max-width:640px) {
	html {font-size: 14px;}
	body.layer_on { height: 100%; overflow: hidden; }

	#body_content {
		padding:0 0 30px;
	}

.logo_wrap {
display:none;
}

	#body_head .sub_bg {height:230px;padding-top:70px;background-position: 80% center !important;}
	#body_head .sub_bg .bg_comment {width: 300px;margin:auto;word-break:keep-all;}

	.body_title {
	font-size: 1.8rem;
	padding-bottom: 1.2rem;
	padding-top:40px;	

	.top_logo { display:none; }

	#footer { text-align: center; }
	#footer .foot_menu { font-size:18px;}
	#footer .col1, #footer .foot_link {clear:both;float:none;display: block;}
	#footer .col1 { margin-bottom: 24px;}		
	#footer .foot_link a { width:100%;}




}

@media (max-device-width:800px) {


	.tab_wrap {margin:1.8rem 0 0 0}

	.sub_tab li a {float:left; border-right: 1px solid #ddd; border-bottom: 0px solid #ddd; padding:15px 0;}
	.sub_tab li:last-child a {float:left; border-bottom: 1px solid #ddd;}
	.sub_tab li:last-child a.on,hover {border:1px solid #dd042b; }
	.sub_tab.tab2 li a { border-bottom: 1px solid #ddd; width:50%; border-right: 0px solid #ddd;}
	.sub_tab.tab2 li:last-child a {  border-right:1px solid #ddd;}
	.sub_tab.tab2 li a.on,hover {border:1px solid #dd042b; }
	.sub_tab.tab3 li a { width:100%;}
	.sub_tab.tab4 li a { width:100%;}

	
	/* sub */
	.contents { margin:30px 0;}


}