@charset "UTF-8";


/* -- slider ----------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.mainText { background: #D10053; padding: 5px 20px 10px; font-size: 13px; text-align: center; margin-bottom: 0px; }
	.mainText a         { resize: none; }
	.mainText a:link    { color:#fff; text-decoration: none; }
	.mainText a:visited { color:#fff; text-decoration: none; }
	.mainText a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	.mainText a:active  { color:#fff; text-decoration: none; }
}
@media screen and (min-width: 768px) {
	#headline { background: url("../img/common/main_visual_pc.jpg") center center no-repeat; background-size: cover; height:500px; }
	#headline02 { background: url("../img/common/main_visual02_pc.jpg") center center no-repeat; background-size: cover; height:500px; position:relative; }
	.mainText { background: #D10053; padding: 1px 20px; width: 768px; }
	.mainText a         { resize: none; }
	.mainText a:link    { color:#fff; text-decoration: none; }
	.mainText a:visited { color:#fff; text-decoration: none; }
	.mainText a:hover   { color:#fff;  text-decoration: none; opacity: 0.7; }
	.mainText a:active  { color:#fff; text-decoration: none; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	#headline { background: url("../img/common/main_visual_pc.jpg") center center no-repeat; background-size: cover; height:365px; }
	#headline02 { background: url("../img/common/main_visual02_pc.jpg") center center no-repeat; background-size: cover; height:365px; }
	.mainText { position: absolute; top: 180px; left: 0; right: 0; margin: 0 auto; font-size: 13px; text-align: center; width: 660px; }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	#headline { background: url("../img/common/main_visual_pc.jpg") center center no-repeat; background-size: cover; height:470px; }
	#headline02 { background: url("../img/common/main_visual02_pc.jpg") center center no-repeat; background-size: cover; height:470px; }
	.mainText { position: absolute; top: 220px; left: 0; right: 0; margin: 0 auto; font-size: 13px; text-align: center; }
}
@media screen and (min-width: 1025px) and (max-width: 2048px) {
	#headline { background: url("../img/common/main_visual_pc.jpg") center center no-repeat; background-size: cover; height:500px; }
	#headline02 { background: url("../img/common/main_visual02_pc.jpg") center center no-repeat; background-size: cover; height:500px; }
	.mainText { position: absolute; top: 240px; left: 0; right: 0; margin: 0 auto; font-size: 13px; text-align: center; }
}
@media screen and (min-width: 2049px) and (max-width: 2559px) {
	#headline { background: url("../img/common/main_visual_pc.jpg") center center no-repeat; background-size: cover; height:600px; }
	#headline02 { background: url("../img/common/main_visual02_pc.jpg") center center no-repeat; background-size: cover; height:600px; }
	.mainText { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; font-size: 13px; text-align: center; }
}
@media screen and (min-width: 2560px) {
	#headline { background: url("../img/common/main_visual_pc.jpg") center center no-repeat; background-size: cover; height:650px; }
	#headline02 { background: url("../img/common/main_visual02_pc.jpg") center center no-repeat; background-size: cover; height:650px; }
	.mainText { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; font-size: 13px; text-align: center;}
}

/* -- Structure [Index] -----------------------------------------------------*/
@media screen and (max-width: 767px) {
	section { background: #f4f4f4; padding: 4%; position: relative; }
	section .in { background: #fff; padding: 4%;}
	section h2 { color:#0085d5; font-weight: 600; text-align: center; font-size: 26px; line-height: 1.2; margin-bottom: 30px; padding-top: 10px; }
	section h2 span { color: #333; font-size: 18px; }
	section h2 em { font-style: normal; border-bottom: 5px solid #ea5413; color: #0085d5; }
	section .mark {  position: absolute; top: -10px; left: 0; right: 0px; width: 60px; margin:0px auto; }
	.lead { text-align: left; margin-bottom: 10px; font-size: 14px;  }

	section#anch00 .in h3 { text-align: center; font-size: 24px; font-weight: bold; color:#ea5413; margin-bottom: 20px; }
	section#anch00 .in h3 span { font-size: 18px; display: block; color:#ea5413;}
	section#anch00 .in h4 { text-align: center; font-size: 16px; font-weight: bold; color:#333; margin-bottom: 10px; }
	section#anch00 .in .main { width: 300px; margin: 0 auto 20px;}	
	section#anch00 .in h5 { text-align: center; font-size: 15px; font-weight: bold; color:#333; margin-bottom: 0px; display: block; }
	section#anch00 .in h5 span {background: linear-gradient(transparent 60%, #ffff66 60%); }
	
	.three_list {}
	.three_list li { margin-bottom: 10px; border-bottom: 1px #dedede dotted; padding-bottom: 10px;}
	.three_list li:nth-child(3n) { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
	.three_list li img { width: 60%; margin: 0 20% 10px; }
	.three_list li h3 { background: #0085d5; color: #fff; font-size: 18px; text-align: center; margin:0 4% 10px; font-weight: bold; }
	.three_list li p span { font-weight: bold; color: #391D03;}
	.three_list li h4 { background: #FFFAAF; text-align: center; margin-bottom: 10px; padding: 5px 0; }
	.three_list li h4 span { font-size: 1.3rem; font-weight: bold; color:#FF0004; margin: 0 5px; }
	.three_list li h5 { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #333; text-align: center; position: relative; }
	.three_list li h5:before { position: absolute; left: 0; right: 0; bottom: -10px; margin: 0 auto; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 15px; border-color: #333 transparent transparent transparent; z-index: 10;}
	.three_list li h5:after { position: absolute; left: 0; right: 0; bottom: -9px; margin: 0 auto; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 15px; border-color: #fff transparent transparent transparent; z-index: 100; }
	
	.four_list { margin: 20px 0;}
	.four_list li { float: left; width: 25%; }
	.four_list li img { width: 70%; margin: 0 15% 20px; }
	.four_list li h3 { font-size: 21px; text-align: center; }
	
	.five_list li { margin-bottom: 10px; border-bottom: 1px #dedede dotted; padding-bottom: 10px;}
	.five_list li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
	.five_list li img { width: 60%; margin: 0 20% 10px; }
	.five_list li h3 { text-align: center; color: #0085d5; font-size: 18px; font-weight: bold; margin-bottom: 10px;  }
	.five_list li h4 { background:#233e6f; color: #fff; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 16px; margin-bottom: 20px; padding: 5px 0; text-align: center; }
	.five_list li p { margin-bottom: 0px; font-size: 14px; }
	
	.five_list02 li { margin-bottom: 10px; border-bottom: 1px #dedede dotted; padding-bottom: 10px;}
	.five_list02 li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
	.five_list02 li img { width: 60%; margin: 0 20% 10px; }
	.five_list02 li p { margin-bottom: 0px; font-size: 14px; }
	.five_list02 li h3 { text-align: center; color: #040021; font-size: 21px; font-weight: bold; margin-bottom: 10px;  }

	.contactbnr {background: url("../img/common/contact_bg.jpg") center center no-repeat; background-size: cover; padding: 0px; }
	.contactbnr .in { background: none; }
	.cb_L { margin-bottom: 10px;}
	.cb_R { width: 60%; margin: 0 20%; }
	.cb_L h2 { color: #fff; font-size: 21px; font-weight: bold; line-height: 1.7; text-align: left; margin-bottom: 10px; }
	.contactbnr h2 span { display: block; font-size: 16px; color: #fff; }
	.contactbnr .h_contact_list { margin-bottom: 20px;}
	.contactbnr .h_contact_list li:nth-child(2) { float:left; width: 49%;  }
	.contactbnr .h_contact_list li:nth-child(1) { float:left; width: 49%; margin-right:2%; }
	
	.flow_list li { margin-bottom: 20px; border-bottom: 1px #233e6f solid; padding:0 4% 10px; position: relative;}
	.flow_list li:before { position: absolute; bottom: -10px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; content: ""; border-style: solid; border-width: 10px 15px 0 15px; border-color: #233e6f transparent transparent transparent;}
	.flow_list li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
	.flow_list li:last-child:before { display: none; }
	.flow_list li img { width: 70%; margin: 0 15% 10px; }
	.flow_list li h3 { text-align: center; color: #ea5413; font-size: 18px; font-weight: bold; margin-bottom: 10px;  }
	.flow_list li h6 { background:#233e6f; color: #fff; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 14px; margin-bottom: 10px; height: 27px; line-height: 27px; text-align: center; position: relative;}

	
	.ca_dl { margin-bottom: 10px;}
	.ca_dl dt { text-align: center; font-size: 16px; padding: 10px 0; background: #2b686b; color: #fff; position: relative; }
	.ca_dl dt span { font-size: 14px; font-weight: normal; margin-left: 10px;}
	.ca_dl dt:after { position: absolute; top: 18%; right: 10px; font-family: "FontAwesome"; content: "\f067"; color: #fff; }
	.ca_dl dt.active:after { position: absolute; top: 18%; right: 10px; font-family: "FontAwesome"; content: "\f068"; color: #fff; } 
	.ca_dl dt:hover { cursor: pointer; }
	.ca_dl dd h3 { font-size: 14px; font-weight: bold; text-align: center; background: #6a9ea0; padding: 10px; color: #fff; }
	.ca_dl dd h3 span { font-size: 14px; font-weight: normal; }
	.ca_dl dd h4 { background: #fff; font-size: 16px; font-weight: bold; padding:10px 20px 0;}
	.ca_dl dd ul { background: #fff; padding: 20px; }
	.ca_dl dd ul li { padding-bottom: 10px; border-bottom: 1px dotted #dedede; margin-bottom: 10px;}
	.ca_dl dd ul li:before { font-family: "FontAwesome"; content: "\f05b"; margin-right: 10px; }
	.ca_dl dd ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
	
	.voice_list li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.voice_list li:last-child { margin-bottom: 0px;}
	.voice_list li .vl_L { width: 26%; margin-right: 4%; float: left; }
	.voice_list li .vl_R { width: 70%; float: left; }
	.voice_list li .vl_R h3 { font-size: 16px; font-weight: bold; margin-bottom:5px; color:#0085d5; }
	.voice_list li .vl_R p { margin-bottom: 0px; font-size: 14px; }
	
	.faq_tabs { margin-bottom: 20px; border-bottom:3px solid #EA5413;  }
	.faq_tabs li { float: left; width: 31.8%; border-left: 2px solid #dedede; border-right: 2px solid #dedede; border-top: 2px solid #dedede; height: 55px; line-height: 1.2; border-radius: 6px 6px 0 0; text-align: center; background: #fff; font-size: 12px; }
	.faq_tabs li:nth-child(3) { margin-right: 0px; padding-top: 5px; height: 50px;}
	.faq_tabs li:nth-child(2) { padding-top: 5px; height: 50px;}
	.faq_tabs li:nth-child(1) { padding-top: 20px; height: 35px;}
	.faq_tabs li.selected { background: #EA5413; color: #fff; border-left: 3px solid #EA5413; border-right: 3px solid #EA5413; border-top: 3px solid #EA5413; }
	.faq_tabs li a { display: block; }
	.faq_tabs li a:link    { color:#333; text-decoration: none; }
	.faq_tabs li a:visited { color:#333; text-decoration: none; }
	.faq_tabs li a:hover   { color:#333; text-decoration: none; }
	.faq_tabs li a:active  { color:#333; text-decoration: none; }
	.faq_tabs li.selected a { display: block; color: #fff; }
	
	.faq_dl { margin:0 10px 10px;}
	.faq_dl dt { text-align: left; font-size: 15px; padding: 10px; background: #56b6e6; color: #fff; position: relative; border-radius: 6px; margin-bottom: 10px; padding-right: 20px; }
	.faq_dl dt:after { position: absolute; top: 18%; right: 10px; font-family: "FontAwesome"; content: "\f067"; color: #fff; opacity: 0.7; }
	.faq_dl dt.active:after { position: absolute; top: 18%; right: 10px; font-family: "FontAwesome"; content: "\f068"; color: #fff; opacity: 0.7; } 
	.faq_dl dt:hover { cursor: pointer; }
	.faq_dl dt:before { content: "Q"; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 18px; margin-right: 5px; }
	.faq_dl dd { background: #fff; padding: 10px; border-radius: 6px; margin-bottom: 20px; }

	.scroll-box { border: 1px solid #dddddd; padding: 4%; overflow-y: scroll; background: #fff; height: 200px; margin-bottom: 40px;  }
	.scroll-box h3 { text-align-last: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #333;  }
	.scroll-box h4 { font-size: 1.0rem; margin-bottom: 5px; color: #333;  padding-left: 1em; text-indent: -1em; }
	.scroll-box p { margin-bottom: 20px; font-size: 0.9rem; color: #333; }
}
@media screen and (min-width: 768px) {
	section h2 { color:#0085d5; font-weight: 600; text-align: center; }
	section h2 span { color: #333; }
	section h2 em { font-style: normal; border-bottom: 5px solid #ea5413; color: #0085d5; }
	.lead { text-align: center; margin-bottom: 20px; }
	
	.three_list {}
	.three_list li { float: left; width: 30%; margin-right: 5%; }
	.three_list li:nth-child(3n) { margin-right: 0px;}
	.three_list li img { width: 60%; margin: 0 20% 10px; }
	.three_list li h3 { background: #0085d5; color: #fff; font-size: 18px; text-align: center; margin-bottom: 10px; font-weight: bold; }
	.three_list li p span { font-weight: bold; color: #391D03;}
	.three_list li h4 { background: #FFFAAF; text-align: center; margin-bottom: 10px; padding: 5px 0; }
	.three_list li h4 span { font-size: 1.3rem; font-weight: bold; color:#FF0004; margin: 0 5px; }
	.three_list li h5 { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #333; text-align: center; position: relative; }
	.three_list li h5:before { position: absolute; left: 0; right: 0; bottom: -10px; margin: 0 auto; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 15px; border-color: #333 transparent transparent transparent; z-index: 10;}
	.three_list li h5:after { position: absolute; left: 0; right: 0; bottom: -9px; margin: 0 auto; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 15px 0 15px; border-color: #fff transparent transparent transparent; z-index: 100; }
	
	.four_list { margin: 20px 0;}
	.four_list li { float: left; width: 25%; }
	.four_list li img { width: 70%; margin: 0 15% 20px; }
	.four_list li h3 { font-size: 18px; text-align: center; }
	
	.five_list li { float: left; width: 18.4%; margin-right: 2%; }
	.five_list li:nth-child(5) { margin-right: 0px;}
	.five_list li img { width: 100%; margin: 0 0% 10px; }
	.five_list li h3 { text-align: center; color: #0085d5; font-size: 18px; font-weight: bold; margin-bottom: 10px; line-height: 1.4;  }
	.five_list li h4 { background:#233e6f; color: #fff; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 16px; margin-bottom: 20px; padding: 5px 0; text-align: center; }

	.five_list02 li { margin-bottom: 10px; border-bottom: 1px #dedede dotted; padding-bottom: 10px;}
	.five_list02 li:nth-child(5) { margin-bottom: 0px; border-bottom: none; padding-bottom: 0px; }
	.five_list02 li .fl_L { float: left; width: 16%; margin-right: 2%;}
	.five_list02 li .fl_R { float: left; width: 82%;}
	.five_list02 li img { width: 100%; margin: 0 0% 10px; }
	.five_list02 li h3 { text-align: left; color: #ea5413; font-size: 21px; font-weight: bold; margin-bottom: 10px;  }
	.five_list02 li h4 { background:#233e6f; color: #fff; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 16px; margin-bottom: 20px; padding: 5px 0; text-align: center; }
	
	.contactbnr h2 { text-align: left;}
	.contactbnr h2 span { display: block;}
	.contactbnr li { float: left; margin-right: 20px;}
	.contactbnr .h_contact_list { float:left; }
	.contactbnr .h_contact_list li:nth-child(2) { float:left; }
	.contactbnr .h_contact_list li:nth-child(1) { float:left; margin-right:10px; background:url("../img/common/h_sub02.png") 0 0 no-repeat; padding-left: 65px; }
	.cb_R img { box-shadow:3px 3px 3px 1px #3c3434; border: 5px solid #fff; }
	
	.flow_list li { float: left; width: 20%; }
	.flow_list li:nth-child(5) { margin-right: 0px;}
	.flow_list li img { width: 92%; margin: 0 4% 10px; }
	.flow_list li h3 { text-align: center; color: #0085d5; font-size: 18px; font-weight: bold; margin-bottom: 10px; padding: 0 4%; }
	.flow_list li h6 { background:#233e6f; color: #fff; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 14px; margin-bottom: 5px; height: 27px; line-height: 27px; text-align: center; position: relative;}
	.flow_list li h6:after { position: absolute; top: 0; right: -10px; z-index: 100; content: ""; width: 0; height: 0; border-style: solid; border-width: 13.5px 0 13.5px 10px; border-color: transparent transparent transparent #233e6f; }
	.flow_list li p {padding: 0 4%; }
	.flow_list li:nth-child(2) h6 { background:#34548e;}
	.flow_list li:nth-child(2) h6:after { position: absolute; top: 0; right: -10px; z-index: 100; content: ""; width: 0; height: 0; border-style: solid; border-width: 13.5px 0 13.5px 10px; border-color: transparent transparent transparent #34548e; }
	.flow_list li:nth-child(3) h6 { background:#4e699a;}
	.flow_list li:nth-child(3) h6:after { position: absolute; top: 0; right: -10px; z-index: 100; content: ""; width: 0; height: 0; border-style: solid; border-width: 13.5px 0 13.5px 10px; border-color: transparent transparent transparent #4e699a; }
	.flow_list li:nth-child(4) h6 { background:#617aa7;}
	.flow_list li:nth-child(4) h6:after { position: absolute; top: 0; right: -10px; z-index: 100; content: ""; width: 0; height: 0; border-style: solid; border-width: 13.5px 0 13.5px 10px; border-color: transparent transparent transparent #617aa7; }
	.flow_list li:nth-child(5) h6 { background:#7c93bd;}
	.flow_list li:nth-child(5) h6:after { display: none; }
	
	.ca_dl { margin-bottom: 10px;}
	.ca_dl dt { text-align: center; font-size: 21px; padding: 10px 0; background: #2b686b; color: #fff; position: relative; }
	.ca_dl dt span { font-size: 16px; font-weight: normal; margin-left: 10px;}
	.ca_dl dt:after { position: absolute; top: 18%; right: 10px; font-family: "FontAwesome"; content: "\f067"; color: #fff; }
	.ca_dl dt.active:after { position: absolute; top: 18%; right: 10px; font-family: "FontAwesome"; content: "\f068"; color: #fff; } 
	.ca_dl dt:hover { cursor: pointer; }
	.ca_dl dd h3 { font-size: 16px; font-weight: bold; text-align: center; background: #6a9ea0; padding: 10px; color: #fff; }
	.ca_dl dd h3 span { font-size: 14px; font-weight: normal; }
	.ca_dl dd h4 { background: #fff; font-size: 16px; font-weight: bold; padding:10px 20px 0;}
	.ca_dl dd ul { background: #fff; padding: 20px; }
	.ca_dl dd ul li { padding-bottom: 10px; border-bottom: 1px dotted #dedede; margin-bottom: 10px;}
	.ca_dl dd ul li:before { font-family: "FontAwesome"; content: "\f05b"; margin-right: 10px; }
	.ca_dl dd ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
	
	.voice_list li { float: left; width: 48%; margin-right: 4%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #dedede; }
	.voice_list li:nth-child(2n) { margin-right: 0px;}
	.voice_list li .vl_L { width: 30%; margin-right: 4%; float: left; }
	.voice_list li .vl_R { width: 66%; float: left; }
	.voice_list li .vl_R h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; color:#ea5413; }
	
	.faq_tabs { margin-bottom: 20px; border-bottom:3px solid #EA5413;  }
	.faq_tabs li { float: left; width: 32.74%; border-left: 3px solid #dedede; border-right: 3px solid #dedede; border-top: 3px solid #dedede; height: 50px; line-height: 50px; border-radius: 6px 6px 0 0; text-align: center; background: #fff; }
	.faq_tabs li:nth-child(3) { margin-right: 0px;}
	.faq_tabs li.selected { background: #EA5413; color: #fff; border-left: 3px solid #EA5413; border-right: 3px solid #EA5413; border-top: 3px solid #EA5413; }
	.faq_tabs li a { display: block; }
	.faq_tabs li a:link    { color:#333; text-decoration: none; }
	.faq_tabs li a:visited { color:#333; text-decoration: none; }
	.faq_tabs li a:hover   { color:#333; text-decoration: none; }
	.faq_tabs li a:active  { color:#333; text-decoration: none; }
	.faq_tabs li.selected a { display: block; color: #fff; }
	
	.faq_dl { margin:0 10px 10px;}
	.faq_dl dt { text-align: left; font-size: 18px; padding: 10px; background: #56b6e6; color: #fff; position: relative; border-radius: 6px; margin-bottom: 10px; }
	.faq_dl dt:after { position: absolute; top: 18%; right: 10px; font-family: "FontAwesome"; content: "\f067"; color: #fff; }
	.faq_dl dt.active:after { position: absolute; top: 18%; right: 10px; font-family: "FontAwesome"; content: "\f068"; color: #fff; } 
	.faq_dl dt:hover { cursor: pointer; }
	.faq_dl dt:before { content: "Q"; font-family:'Roboto', sans-serif; font-weight:bold; font-size: 21px; margin-right: 10px; }
	.faq_dl dd { background: #fff; padding: 10px; border-radius: 6px; margin-bottom: 20px; }
	
	.area { width: 700px; margin: 0 auto; }

	.scroll-box { border: 1px solid #dddddd; padding: 30px 40px; overflow-y: scroll; background: #fff; height: 200px; margin-bottom: 40px;  }
	.scroll-box h3 { text-align-last: center; font-size: 21px; font-weight: bold; margin-bottom: 20px; color: #333;  }
	.scroll-box h4 { font-size: 1.0rem; margin-bottom: 5px; color: #333; padding-left: 1em; text-indent: -1em; }
	.scroll-box p { margin-bottom: 20px; font-size: 0.9rem; color: #333; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.three_list li h3 { font-size: 18px; }
	.four_list li h3 { font-size: 18px; }
	.five_list li h3 { font-size: 18px; }
	
	section { position: relative; }
	section .in { margin: 0 2%; padding: 40px 0 60px; }
	section h2 {font-size: 36px; line-height: 1.2; margin-bottom: 30px;}
	section h2 span { font-size: 1.2rem; }	
	section .mark {  position: absolute; top: -30px; left: 0; right: 0px; width: 100px; margin:0px auto; }
	
	section#anch00 { background: url("../img/common/eco-bg.gif") top center no-repeat; background-size: cover; }
	section#anch00 .in { padding-top: 60px;}
	section#anch00 .in h2 { margin-bottom: 20px;}
	section#anch00 .in h3 { text-align: center; font-size: 32px; font-weight: bold; color:#ea5413; margin-bottom: 20px; }
	section#anch00 .in h3 span { font-size: 28px; display: block; color:#ea5413;}
	section#anch00 .in h4 { text-align: center; font-size: 21px; font-weight: bold; color:#333; margin-bottom: 10px; }
	section#anch00 .in .main { width: 600px; margin: 0 auto 20px;}	
	section#anch00 .in h5 { text-align: center; font-size: 18px; font-weight: bold; color:#333; margin-bottom: 0px; display: block; }
	section#anch00 .in h5 span {background: linear-gradient(transparent 60%, #ffff66 60%); }
	
	section#anch01 { background: #e9f4f9; }
	section#anch01 .in { padding-top: 20px;}
	section#anch01 .in h2 { margin-bottom: 20px;}
	
	section#anch02 { }
	section#anch02 .in { padding-top: 20px;}
	section#anch02 .in h2 { margin-bottom: 20px;}

	section#anch03 { }
	section#anch03 .in { padding-top: 60px;}
	
	.contactbnr {background: url("../img/common/contact_bg.jpg") center center no-repeat; background-size: cover; }
	.contactbnr .in { padding-bottom: 40px;}
	.cb_L { float: left; width: 70%; margin-right: 2%;}
	.cb_R { float: left; width: 28%; }
	.cb_L h2 { color: #fff; font-size: 30px; font-weight: bold; line-height: 1.7; text-align: left; margin-bottom: 10px; }
	.cb_L h2 span { color: #fff; }
	
	section#anch04 { background: #fff6f4;}
	section#anch04 .in { padding-top: 60px;}

	section#anch05 { background: #e9f4f9;}
	section#anch05 .in { padding-top: 60px;}
	section#anch05 .in h2 { margin-bottom: 30px;}

	section#anch07 .in { padding-top: 60px;}
	section#anch07 .in h2 { margin-bottom: 30px;}
	
	section#anch08 { background: #f3eded;}
	section#anch08 .in { padding-top: 60px;}
	section#anch08 .in h2 { margin-bottom: 30px;}

	section#anch09 .in { padding-top: 60px;}
	section#anch09 .in h2 { margin-bottom: 30px;}

	section#contact { }
	section#contact .in { padding-top: 60px;}
	section#contact .in h2 { margin-bottom: 30px;}
	.contactbnr li:nth-child(2) a { width: 375px;}
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	section { position: relative; }
	section .in { margin: 0 2%; padding: 40px 0 80px; }
	section h2 {font-size: 42px; line-height: 1.2; margin-bottom: 40px;}
	section h2 span { font-size: 1.2rem; }	
	section .mark {  position: absolute; top: -30px; left: 0; right: 0px; width: 100px; margin:0px auto; }

	section#anch00 { background: url("../img/common/eco-bg.gif") top center no-repeat; background-size: cover; }
	section#anch00 .in { padding-top: 60px;}
	section#anch00 .in h2 { margin-bottom: 40px;}
	section#anch00 .in h3 { text-align: center; font-size: 32px; font-weight: bold; color:#ea5413; margin-bottom: 20px; }
	section#anch00 .in h3 span { font-size: 28px; display: block; color:#ea5413;}
	section#anch00 .in h4 { text-align: center; font-size: 21px; font-weight: bold; color:#333; margin-bottom: 10px; }
	section#anch00 .in .main { width: 700px; margin: 0 auto 20px;}	
	section#anch00 .in h5 { text-align: center; font-size: 21px; font-weight: bold; color:#333; margin-bottom: 0px; display: block; }
	section#anch00 .in h5 span {background: linear-gradient(transparent 60%, #ffff66 60%); }
	
	section#anch01 { background: #e9f4f9; }
	section#anch01 .in { padding-top: 30px;}
	section#anch01 .in h2 { margin-bottom: 20px;}
	
	section#anch03 { }
	section#anch03 .in { padding-top: 60px;}
	
	.contactbnr {background: url("../img/common/contact_bg.jpg") center center no-repeat; background-size: cover; }
	.contactbnr .in { padding-bottom: 40px;}
	.cb_L { float: left; width: 68%; margin-right: 4%;}
	.cb_R { float: left; width: 28%; }
	.cb_L h2 { color: #fff; font-size: 36px; font-weight: bold; line-height: 1.7; }
	.cb_L h2 span { color: #fff; }
	
	section#anch04 { background: #fff6f4;}
	section#anch04 .in { padding-top: 60px;}

	section#anch05 { background: #e9f4f9;}
	section#anch05 .in { padding-top: 60px;}
	section#anch05 .in h2 { margin-bottom: 40px;}

	section#anch07 .in { padding-top: 60px;}
	section#anch07 .in h2 { margin-bottom: 30px;}

	section#anch08 { background: #f3eded;}
	section#anch08 .in { padding-top: 60px;}
	section#anch08 .in h2 { margin-bottom: 40px;}

	section#anch09 .in { padding-top: 60px;}
	section#anch09 .in h2 { margin-bottom: 40px;}

	section#contact { }
	section#contact .in { padding-top: 60px;}
	section#contact .in h2 { margin-bottom: 40px;}
}
@media screen and (min-width: 1025px) {
	section { position: relative; }
	section .in { width: 1024px; margin: 0 auto; padding: 40px 0 40px; }
	section h2 {font-size: 42px; line-height: 1.2; margin-bottom: 40px;}
	section h2 span { font-size: 1.2rem; }	
	section .mark {  position: absolute; top: -30px; left: 0; right: 0px; width: 100px; margin:0px auto; }

	section#anch00 { background: url("../img/common/eco-bg.gif") top center no-repeat; background-size: cover; }
	section#anch00 .in { padding-top: 60px;}
	section#anch00 .in h2 { margin-bottom: 40px;}
	section#anch00 .in h3 { text-align: center; font-size: 32px; font-weight: bold; color:#ea5413; margin-bottom: 20px; }
	section#anch00 .in h3 span { font-size: 28px; display: block; color:#ea5413;}
	section#anch00 .in h4 { text-align: center; font-size: 21px; font-weight: bold; color:#333; margin-bottom: 10px; }
	section#anch00 .in .main { width: 700px; margin: 0 auto 20px;}
	
	section#anch00 .in h5 { text-align: center; font-size: 21px; font-weight: bold; color:#333; margin-bottom: 0px; display: block; }
	section#anch00 .in h5 span {background: linear-gradient(transparent 60%, #ffff66 60%); }
	
	section#anch01 { background: #e9f4f9; }
	section#anch01 .in { padding-top: 30px;}
	section#anch01 .in h2 { margin-bottom: 40px;}
	
	section#anch02 { }
	section#anch02 .in { padding-top: 30px;}
	section#anch02 .in h2 { margin-bottom: 40px;}

	section#anch03 { }
	section#anch03 .in { padding-top: 60px;}
	
	.contactbnr {background: url("../img/common/contact_bg.jpg") center center no-repeat; background-size: cover; }
	.contactbnr .in { padding-bottom: 40px; }
	.cb_L { float: left; width: 68%; margin-right: 4%;}
	.cb_R { float: left; width: 28%; }
	.cb_L h2 { color: #fff; font-size: 42px; font-weight: bold; line-height: 1.3; margin-bottom: 20px; }
	.cb_L h2 span { color: #fff; }

	section#anch04 { background: #fff6f4;}
	section#anch04 .in { padding-top: 60px;}

	section#anch05 { background: #e9f4f9;}
	section#anch05 .in { padding-top: 60px;}
	section#anch05 .in h2 { margin-bottom: 40px;}

	section#anch07 .in { padding-top: 60px;}
	section#anch07 .in h2 { margin-bottom: 40px;}

	section#anch08 { background: #f3eded;}
	section#anch08 .in { padding-top: 60px;}
	section#anch08 .in h2 { margin-bottom: 40px;}

	section#anch09 .in { padding-top: 60px;}
	section#anch09 .in h2 { margin-bottom: 40px;}

	section#contact { }
	section#contact .in { padding-top: 60px;}
	section#contact .in h2 { margin-bottom: 40px;}
}

/* -- Structure [Index] -----------------------------------------------------*/
@media screen and (max-width: 767px) {
	.tbl01 { width: 960px; }
	.tbl01 th { padding: 10px; font-size: 14px; background: #fff; border: 2px solid #F3EDED; vertical-align: middle; }
	.tbl01 td { padding: 10px; font-size: 14px; background: #fff; border: 2px solid #F3EDED; vertical-align: middle; text-align: center;}
	.tbl01 thead th { background: #52a3ce; color: #fff; }
	.tbl01 tbody th { background: #a5a5a5; color: #fff; width: 12.5%; }
	.tbl01 tbody td { width: 17.5%; }
	.tbl01 thead th.ai { border-top: 4px solid #ea5413; border-left: 4px solid #ea5413; border-right: 4px solid #ea5413; background:#ea5413;  }
	.tbl01 tbody td.ai { border-left: 4px solid #ea5413; border-right: 4px solid #ea5413; position: relative; color: #000; font-weight: bold; background: #fff; }
	.tbl01 tbody tr:last-child td.ai { border-bottom:4px solid #ea5413; ;}
	.tbl01 thead th.first_box { background: #fff; border-top: none; border-left: none; }
	.tbl01 tbody td.ai span.fukidashi01 { position: absolute; font-size: 10px; top: 0px; left: 24px; width: 120px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi01:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 16px; left: 51px; }
	.tbl01 tbody td.ai span.fukidashi02 { position: absolute; font-size: 10px; top: -8px; left: 5px; width: 200px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi02:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 16px; left: 65px; }
	.tbl01 tbody td.ai span.fukidashi03 { position: absolute; font-size: 10px; top: -8px; left: 5px; width: 265px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi03:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 16px; left: 69px; }
}
@media screen and (min-width: 768px) {
	.tbl01 { width: 100%; }
	.tbl01 th { padding: 20px; font-size: 16px; background: #fff; border: 2px solid #F3EDED; vertical-align: middle; }
	.tbl01 td { padding: 20px; font-size: 16px; background: #fff; border: 2px solid #F3EDED; vertical-align: middle; text-align: center;}
	.tbl01 thead th { background: #52a3ce; color: #fff; width: 15%; }
	.tbl01 tbody th { background: #a5a5a5; color: #fff; width: 17%; }
	.tbl01 thead th.ai { border-top: 4px solid #ea5413; border-left: 4px solid #ea5413; border-right: 4px solid #ea5413; background:#ea5413;  }
	.tbl01 tbody td.ai { border-left: 4px solid #ea5413; border-right: 4px solid #ea5413; position: relative; color: #000; font-weight: bold; background: #fff; }
	.tbl01 tbody tr:last-child td.ai { border-bottom:4px solid #ea5413; ;}
	.tbl01 thead th.first_box { background: #f3eded; }
	.tbl01 tbody td.ai span.fukidashi01 { position: absolute; font-size: 12px; top: 8px; left: 22px; width: 120px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi01:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 20px; left: 52px; }
	.tbl01 tbody td.ai span.fukidashi02 { position: absolute; font-size: 12px; top: -2px; left: 10px; width: 200px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi02:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 20px; left: 59px; }
	.tbl01 tbody td.ai span.fukidashi03 { position: absolute; font-size: 12px; top: -2px; left: 10px; width: 265px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi03:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 20px; left: 63px; }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.tbl01 th { padding: 10px; font-size: 14px; }
	.tbl01 td { padding: 10px; font-size: 14px; }

	.tbl01 tbody td.ai span.fukidashi01 { position: absolute; font-size: 10px; top: 0px; left: 12px; width: 120px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi01:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 16px; left: 40px; }
	.tbl01 tbody td.ai span.fukidashi02 { position: absolute; font-size: 10px; top: -8px; left: 5px; width: 200px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi02:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 16px; left: 44px; }
	.tbl01 tbody td.ai span.fukidashi03 { position: absolute; font-size: 10px; top: -8px; left: 5px; width: 265px; border-radius: 4px; background: #469253; color: #fff; }
	.tbl01 tbody td.ai span.fukidashi03:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 8px 0 8px; border-color: #469253 transparent transparent transparent; position: absolute; top: 16px; left: 44px; }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) {
}