﻿@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------------------
	リセットCSS
------------------------------------------------------------*/
/*html5doctor.com Reset Stylesheet v1.4.1 2010-03-01 Author: Richard Clark - //richclarkdesign.com*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration: line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}


/* -----------------------------------------------------------
	common
------------------------------------------------------------*/

body {
color: #000;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
line-height: 160%;
letter-spacing: 1px;
-webkit-text-size-adjust: 100%;
}

div {
margin: 0 auto;
  -webkit-box-sizing: border-box;
box-sizing: border-box;
}

p,li,dt,dd,th,td {
font-size: 18px;
line-height: 160%;
}

li {
list-style: none;
}

a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
opacity: 0.7;
}

a:hover img {
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
}

img {
line-height: 0;
max-width: 100%;
width: auto;
height: auto;
margin: 0 auto;
vertical-align: bottom;
}

h2 {
text-align: center;
}

em {
font-style: normal;
}

input[type="submit"] {
cursor: pointer;
	-webkit-appearance: none;
border-radius: 0;
border: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

input[type="submit"]:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
opacity: 0.7;
}



/* -----------------------------------------------------------
	common name
------------------------------------------------------------*/

.clearfix:after {
clear: both;
content: "";
display: block;
}

.mr0 {
margin-right: 0 !important;
}

.sp,
.sp2 {
display: none;
}

.hamidashi {
position: absolute;
}


/* -----------------------------------------------------------
	page
------------------------------------------------------------*/

#page {
min-width: 1000px;
}

.inner {
width: 100%;
max-width: 1000px;
height: 100%;
}

.cmn-box .inner {
padding: 45px 0;
}

.cmn-box h2 {
text-align: center;
padding: 15px 0;
margin-bottom: 40px;
background: url(img/bg02.png);
}


/* -----------------------------------------------------------
	action
------------------------------------------------------------*/

.action {
padding: 20px 0;
background: url(img/action_bg.png);
}

.action .inner {
padding: 5px 15px 15px;
background: #f19037;
}

.action h2 {
margin-bottom: 10px;
}

.action-box {
padding: 15px;
background: white;
position: relative;
}

.action_txt01 {
text-align: right;
}

.action-img01 {
top: 0;
left: -15px;
z-index: 1;
}

.action-btn {
text-align: center;
margin-top: 15px;
position: relative;
z-index: 2;
}

.action-btn input[type="submit"] {
font-size: 0;
width: 916px;
height: 88px;
background: url(img/action_btn.png) no-repeat center;
}


/* -----------------------------------------------------------
	header
------------------------------------------------------------*/

#header {
color: #333;
background: url(img/header_bg.png) repeat-x top;
}

#header .inner {
position: relative;
padding: 15px 0;
}

.logo {
position: absolute;
top: 0;
}

h1 {
float: left;
font-size: 24px;
margin: 10px 30px 0 165px;
}

.head-info {
float: left;
}

.head-info p {
font-size: 14px;
}


/* -----------------------------------------------------------
	firstview
------------------------------------------------------------*/

#firstview {
height: 600px;
background: url(img/fv_bg01.png) no-repeat center top;
}

#firstview .bg-inner {
height: 680px;
background: url(img/fv_bg02.png) no-repeat center top;
position: relative;
max-width: 1200px;
}


/* -----------------------------------------------------------
	area01
------------------------------------------------------------*/

#area01 {
background: url(img/bg01.png);
}

#area01 .bg-inner {
max-width: 1100px;
background: url(img/area01_bg.png) no-repeat right top;
}

#area01 .inner {
padding: 75px 0 45px;
}

#area01 h2 {
text-align: left;
margin-bottom: 20px;
}

.area01-txt001 {
width: 63%;
}

.area01-box {
padding: 15px 15px 10px;
margin-top: 90px;
background: white;
border: 4px solid #186f12;
position: relative;
}

.area01-img01 {
float: left;
margin-right: 20px;
}

.area01-box-child {
width: 55%;
float: left;
margin: 0;
}

.area01-box h3 {
font-size: 20px;
}

.area01-box p {
font-size: 14px;
}

.area01-box .hamidashi {
right: 20px;
top: -17px;
}


/* -----------------------------------------------------------
	area02
------------------------------------------------------------*/

#area02 {
background: url(img/area02_bg.png);
}

.area02-box {
padding: 30px 20px 20px;
margin-bottom: 20px;
}

.area02-box:last-child {
margin-bottom: 0;
}

.area02-box h3 {
margin: 0 0 10px 100px;
}

.area02-box-child {
width: 98%;
margin: 0 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
display: flex;
	-webkit-box-pack:justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
align-items: center;
}

.area02-box-child img {
width: 17%;
}

.area02-box-child p {
width: 75%;
}

	/* IE9以下対策 */
	.area02-box-child {
	overflow: hidden\9;
	}
	
	.area02-box-child img {
	float: left\9;
	}


.a2b-01 {
background: white url(img/area02_img01.png) no-repeat 20px top;
}

.a2b-02 {
background: white url(img/area02_img02.png) no-repeat 20px top;
}

.a2b-03 {
background: white url(img/area02_img03.png) no-repeat 20px top;
}


/* -----------------------------------------------------------
	area03
------------------------------------------------------------*/

#area03 {
background: url(img/area03_bg03.png) no-repeat center top;
}

#area03 h2 {
margin-bottom: 10px;
}

.area03-txt01 {
text-align: right;
margin-bottom: 20px;
}

.area03-txt001 {
margin: 0 20px;
}

.area03-txt002 {
font-size: 24px;
text-align: center;
padding: 15px;
margin: 15px 20px 30px;
background: url(img/area03_bg01.png);
}

.area03-txt02 {
text-align: center;
margin-bottom: 15px;
}

.area03-box {
margin: 0 20px 20px;
}

.area03-box-child {
background: url(img/area03_bg02.png);
float: left;
width: 32%;
padding: 30px 20px;
margin-right: 2%;
min-height: 385px;
border: 1px solid #e7e7e7;
position: relative;
}

.area03-box-child:before {
position: absolute;
top: -30px;
left: 5px;
content: url(img/area03_img01.png);
}

.area03-box-child p {
color: #333;
font-size: 16px;
}

.area03-box-child p + p {
margin-top: 15px;
}

.area03-box-child p span {
color: #dc4437;
}

.area03-img02 {
text-align: center;
}


/* -----------------------------------------------------------
	area04
------------------------------------------------------------*/

#area04 {
background: url(img/bg01.png);
}

#area04 h2 {
margin-bottom: 0;
}

.area04-box {
padding: 45px 35px;
overflow: hidden;
background: url(img/area04_bg.png) no-repeat center top;
}

.area04-box-child {
float: left;
width: 31%;
margin: 0 1%;
}

.area04-box-child dl {
padding: 0 10px 10px;
min-height: 360px;
margin: -20px 3px 0;
background: #f2f2d7;
}

.area04-box-child dt {
color: #176d11;
font-size: 24px;
font-weight: bold;
line-height: 120%;
height: 130px;
margin-bottom: 20px;
border-bottom: 2px dashed #827a5d;
}

.area04-box-child dt span {
display: block;
position: relative;
top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: 130px;
}

.area04-box-child dt em.br-pc {
display: block;
}

.area04-box-child dd {
color: #333;
font-size: 16px;
padding: 0 5px;
}

.a4bc-01 dt {
height: 160px;
background: url(img/area04_img01.png) no-repeat left top;
}

.a4bc-02 dt {
background: url(img/area04_img02.png) no-repeat left center;
}

.a4bc-03 dt {
background: url(img/area04_img03.png) no-repeat left center;
}


/* -----------------------------------------------------------
	area05
------------------------------------------------------------*/

#area05 {
background: url(img/area05_bg01.png) no-repeat center top;
}

#area05 .bg-inner {
background: url(img/area05_bg02.png) no-repeat center bottom;
}

#area05 h2 {
margin-bottom: 20px;
}

.area05-box01 {
padding: 20px;
margin: 0 20px 45px;
background: white;
background: rgba(255,255,255, .5);
}

.area05-box01 p {
color: #333;
font-size: 20px;
font-weight: bold;
}

.area05-box01 p span {
color: #176d11;
}

.area05-img {
text-align: center;
margin-bottom: 45px;
}

.area05-box02 {
margin: 0 20px 20px;
}

.area05-box02 table {
width: 100%;
background: white;
border-collapse: collapse;
}

.area05-box02 th,
.area05-box02 td {
color: #333;
font-size: 14px;
font-weight: normal;
padding: 10px;
text-align: center;
border: 1px solid #ccc;
}

.area05-box02 th {
width: 20%;
background: #f5f4dc;
}

.area05-box02 td,
.area05-box02 thead th {
width: 15%;
}

.area05-box02 thead th:nth-child(2),
.area05-box02 thead th:nth-child(5) {
background: #a3e273;
}

.area05-box02 thead th:nth-child(3),
.area05-box02 thead th:nth-child(6) {
background: #d1f1b9;
}

.area05-box03 {
color: #333;
padding: 25px 30px 45px;
margin: 0 20px;
background: white;
}

.area05-box03 h3 {
font-size: 20px;
display: table;
margin: 0 auto 30px;
border-bottom: 1px solid #656565;
}


/* -----------------------------------------------------------
	area06
------------------------------------------------------------*/

#area06 {
background: url(img/area06_bg.png) no-repeat center top;
}

#area06 .inner {
padding-bottom: 30px;
}

#area06 h2 {
position: relative;
z-index: 2;
}

.area06-box {
padding: 20px 30px;
margin: 80px 20px 0;
background: white;
background: rgba(255,255,255, .7);
position: relative;
}

.area06-box h3 {
padding-bottom: 20px;
margin-bottom: 20px;
width: 60%;
border-bottom: 5px solid #44ab1f;
}

.area06-box p {
width: 40%;
}

.area06-img01 {
right: 0;
bottom: 0;
z-index: 1;
}


/* -----------------------------------------------------------
	area07
------------------------------------------------------------*/

#area07 {
background: url(img/area07_bg.png) no-repeat center top;
}

.area07-box {
margin: 0 1%;
}

.area07-box-child {
float: left;
width: 48%;
padding: 20px;
margin: 0 1% 20px;
box-shadow: 0 2px 5px #999;
background: url(img/area03_bg02.png);
}

.area07-box-child p {
color: #333;
font-size: 20px;
}

.area07-box-child p span {
color: #dc4437;
}

.area07-box-child p.name {
text-align: right;
margin: 30px 20px 0 auto;
}

.area07-box-child:nth-child(1),
.area07-box-child:nth-child(2) {
min-height: 230px;
}

.area07-box-child:nth-child(3),
.area07-box-child:nth-child(4) {
min-height: 330px;
margin-bottom: 0;
}


/* -----------------------------------------------------------
	area08
------------------------------------------------------------*/

#area08 {
background: url(img/bg01.png);
}

#area08 .bg-inner {
background: url(img/area08_bg.png) no-repeat center top;
}

.area08-box {
color: #333;
margin: 0 20px 30px;
}

.area08-box h3 {
font-size: 24px;
padding: 20px 0 20px 80px;
margin-bottom: 10px;
background: url(img/area07_img01.png) no-repeat left center;
}

.area08-box p {
padding: 15px 25px;
font-size: 20px;
background: white;
border: 4px solid #9bb441;
}


/* -----------------------------------------------------------
	footer
------------------------------------------------------------*/

#footer {
background: #176e11;
}

#footer .inner {
padding: 20px 0;
background: url(img/footer_bg.png) no-repeat left top;
}

.footer-box {
width: 599px;
text-align: right;
margin: 0 0 0 auto;
}

.footer-txt01 {
margin-bottom: 7px;
padding: 0 50px 7px 0;
border-bottom: 1px solid white;
}

.btn-tel {
margin-right: 70px;
}


/* -----------------------------------------------------------
	copyright
------------------------------------------------------------*/

#copyright .inner {
padding: 20px 0;
}

#copyright p {
color: #333;
text-align: center;
font-size: 16px;
}


/* footer-link */

.footer-link {
display: table;
overflow: hidden;
margin: 0 auto 20px;
}

.footer-link li {
display: inline;
font-size: 12px;
padding-left: 20px;
margin-right: 20px;
border-left: 1px solid #999;
}

.footer-link li:last-of-type {
margin-right: 0;
padding-right: 20px;
border-right: 1px solid #999;
}


/* -----------------------------------------------------------
	media query
------------------------------------------------------------*/

@media screen and (max-width: 768px) {

p,li,dt,dd,th,td {
font-size: 14px;
}

.sp {
display: block;
}

.pc {
display: none;
}


/* -----------------------------------------------------------
	page
------------------------------------------------------------*/

#page,
.inner {
width: 100%;
min-width: 100%;
max-width: 100%;
}

.cmn-box .inner {
padding: 10px;
}

.cmn-box h2 {
padding: 5px;
margin-bottom: 20px;
}


/* -----------------------------------------------------------
	action
------------------------------------------------------------*/

.action {
padding: 10px;
}

.action .inner {
padding: 10px;
}

.action-box {
padding: 145px 10px 10px;
background: white url(img/action_img01.png) no-repeat center 10px;
background-size: 200px;
}

.action_txt01 {
text-align: center;
max-width: 500px;
margin: 0 auto;
}

.action-btn input[type="submit"] {
width: 260px;
height: 75px;
background: url(img/sp/sp_action_btn.png) no-repeat center;
background-size: contain;
}


/* -----------------------------------------------------------
	header
------------------------------------------------------------*/

#header .inner {
padding: 15px 0;
}

.logo {
width: 120px;
}

h1 {
font-size: 18px;
margin: 5px 15px 0 130px;
}

.head-info p {
font-size: 10px;
}


/* -----------------------------------------------------------
	firstview
------------------------------------------------------------*/

#firstview {
height: auto;
background: url(img/bg01.png) left bottom;
background-size: 20px;
}

#firstview .bg-inner {
position: static;
height: auto;
background: none;
}


/* -----------------------------------------------------------
	area01
------------------------------------------------------------*/

#area01 {
background-size: 20px;
}

#area01 .bg-inner {
max-width: 100%;
background: none;
}

#area01 .inner {
padding: 10px;
}

#area01 h2 {
text-align: center;
margin-bottom: 5px;
}

.area01-txt001 {
width: 100%;
padding-top: 220px;
background: url(img/area01_bg.png) no-repeat center top;
background-size: 170px;
}

.area01-box {
padding: 10px;
margin-top: 20px;
}

.area01-img01 {
display: block;
margin: 0 auto 10px;
float: none;
}

.area01-box-child {
width: 100%;
float: none;
}

.area01-box h3 {
font-size: 16px;
}

.area01-box .hamidashi {
position: static;
display: block;
margin: 0 auto;
}


/* -----------------------------------------------------------
	area02
------------------------------------------------------------*/

#area02 {
background-size: contain;
}

.area02-box {
padding: 10px;
background-size: 50px;
background-position: 10px top;
}

.area02-box h3 {
margin: 0 0 0 60px;
}

.area02-box-child {
width: 100%;
margin: 10px auto 0;
}

.area02-box-child img {
width: 90px;
}

.area02-box-child p {
width: 65%;
}


/* -----------------------------------------------------------
	area03
------------------------------------------------------------*/

.area03-txt01 {
text-align: center;
}

.area03-txt001 {
margin: 0 auto 20px;
}

.area03-txt002 {
font-size: 18px;
padding: 10px 5px;
margin: 0 auto 20px;
}

.area03-txt02 {
margin-bottom: 30px;
}

.area03-box {
margin: 0 auto 20px;
}

.area03-box-child {
float: none;
width: 100%;
padding: 30px 20px 15px;
margin: 0 auto 40px;
min-height: 100%;
}


/* -----------------------------------------------------------
	area04
------------------------------------------------------------*/

#area04 {
background-size: 20px;
}

#area04 h2 {
padding: 0;
margin-bottom: 20px;
background: none;
}

.area04-box {
padding: 0;
background: none;
}

.area04-box-child {
float: none;
width: 100%;
margin: 0 0 20px;
}

.area04-box-child h3 {
width: 65%;
}

.area04-box-child dl {
min-height: 100%;
}

.area04-box-child dt {
font-size: 20px;
height: 100px;
background-size: auto 70%;
background-position: left center;
}

.area04-box-child dt span {
margin-left: 110px;
}

.area04-box-child dt em.br-pc {
display: inline;
}

.a4bc-01 dt {
background-size: auto 90%;
background-position: 15px center;
}


/* -----------------------------------------------------------
	area05
------------------------------------------------------------*/

.area05-box01 {
padding: 10px;
margin: 0 auto 20px;
}

.area05-box01 p {
font-size: 16px;
}

.area05-img {
margin-bottom: 20px;
}

.area05-box02 {
margin: 0 auto 20px;
}

.area05-box02 th,
.area05-box02 td {
font-size: 12px;
padding: 10px 5px;
}

.area05-box03 {
padding: 15px;
margin: 0 auto;
}

.area05-box03 h3 {
margin-bottom: 20px;
}


/* -----------------------------------------------------------
	area06
------------------------------------------------------------*/

#area06 {
background-repeat: repeat;
}

#area06 .inner {
padding: 10px;
}

#area06 h2 {
position: static;
}

.area06-box {
padding: 10px;
margin: 0 auto;
}

.area06-box h3 {
text-align: center;
padding-bottom: 5px;
margin-bottom: 10px;
border-width: 3px;
}

.area06-box h3 img {
width: 150px;
}

.area06-box p {
width: 100%;
}

.area06-img01 {
position: static;
float: right;
width: 50%;
max-width: 150px;
margin: -70px -15px 0 0;
}


/* -----------------------------------------------------------
	area07
------------------------------------------------------------*/

#area07 {
background: none;
}

#area07 .inner {
padding: 10px 0;
}

#area07 h2 {
margin: 0 10px 10px;
}

.area07-box {
margin: 0;
padding-top: 20%;
background: url(img/area07_bg.png) no-repeat center top;
background-size: contain;
}

.area07-box-child {
padding: 15px;
}

.area07-box-child p {
font-size: 16px;
}

.area07-box-child p.name {
margin: 20px 15px 0 0;
}

.area07-box-child:nth-child(1),
.area07-box-child:nth-child(2) {
min-height: 200px;
}

.area07-box-child:nth-child(3),
.area07-box-child:nth-child(4) {
min-height: 300px;
}


/* -----------------------------------------------------------
	area08
------------------------------------------------------------*/

#area08 {
background-size: 20px;
}

#area08 .bg-inner {
background: none;
}

.area08-box {
margin: 0 auto 20px;
}

.area08-box h3 {
font-size: 18px;
padding: 10px 0 10px 50px;
margin-bottom: 5px;
background-size: 45px;
}

.area08-box p {
padding: 10px;
font-size: 16px;
}


/* -----------------------------------------------------------
	footer
------------------------------------------------------------*/

#footer .inner {
padding: 10px;
background: none;
}

.footer-box {
width: 100%;
text-align: center;
}

.footer-txt01 {
padding: 0 0 10px;
margin-bottom: 15px;
background: url(img/footer_bg.png) no-repeat left bottom;
background-size: 35% auto;
padding: 2px 0 2px 35%;
}

.btn-tel {
margin: 0;
}


/* -----------------------------------------------------------
	copyright
------------------------------------------------------------*/

#copyright .inner {
padding: 10px;
}

#copyright p {
font-size: 12px;
}

}


/* スマホ横2 */
@media screen and (max-width: 640px) {

.pc2 {
display: none;
}

.sp2 {
display: block;
}


/* -----------------------------------------------------------
	header
------------------------------------------------------------*/

#header .inner {
padding: 10px 0;
}

h1 {
margin: 0 0 0 120px;
}

.head-info {
clear: both;
}

.head-info p {
margin-left: 120px;
}


/* -----------------------------------------------------------
	area07
------------------------------------------------------------*/

#page .area07-box-child {
float: none;
width: auto;
min-height: 100%;
margin-bottom: 20px;
}

.area07-box-child p.name {
margin: 20px 15px 0 0;
}


/* -----------------------------------------------------------
	copyright
------------------------------------------------------------*/

/* footer-link */

.footer-link {
display: block;
}

.footer-link li {
display: block;
padding-left: 10px;
margin: 0 0 10px 0;
border-width: 3px;
}

.footer-link li:last-of-type {
margin-bottom: 0;
border-right: none;
}

}


/* スマホ縦 */
@media screen and (max-width: 414px) {

.br-414 {
display: block;
}


/* -----------------------------------------------------------
	header
------------------------------------------------------------*/

#header .inner {
padding-bottom: 3px;
}


/* -----------------------------------------------------------
	area02
------------------------------------------------------------*/

.area02-box {
background-size: 35px;
}

.area02-box h3 {
margin-left: 40px;
}


/* -----------------------------------------------------------
	area05
------------------------------------------------------------*/

.area05-box02 th,
.area05-box02 td {
font-size: 8px;
padding: 10px 0;
}

}