@charset "UTF-8";


img {vertical-align: bottom;}
body {width: 100%;overflow: hidden;}
.white {background: #ffffff;}

.button{
width:170px;
height:50px;
border-left:2px solid #85a742;
text-align:center;
cursor:pointer;
position:relative;
box-sizing:border-box;
overflow:hidden;
margin:0;
padding: 0;
}
.button a{
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:16px;
letter-spacing: 4px;
color:#000000;
text-decoration:none;
line-height:50px;
transition:all .5s ease;
z-index:2;
position:relative;
}
.eff{
width:170px;
height:50px;
left:-170px;
background:#85a742;
position:absolute;
transition:all .5s ease;
z-index:1;
}
.button:hover .eff{left:0;}
.button:hover a{color:#fff;}
@media screen and (max-width: 1020px) {
.button{
width:160px;
height:44px;
border-left:2px solid #85a742;
text-align:center;
cursor:pointer;
position:relative;
box-sizing:border-box;
overflow:hidden;
margin:0;
padding: 0;
background:#85a742;

}
.button a{
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:14px;
letter-spacing: 4px;
color: #ffffff;
text-decoration:none;
line-height:44px;
transition:all .5s ease;
z-index:2;
position:relative;
}
.eff{
width:160px;
height:44px;
left:-160px;
background:#85a742;
position:absolute;
transition:all .5s ease;
z-index:1;
}
.button:hover .eff{left:0;}
.button:hover a{color:#fff;}
}
@media screen and (max-width: 767px) {
.button{
width:160px;
height:44px;
border-left:2px solid #85a742;
text-align:center;
cursor:pointer;
position:relative;
box-sizing:border-box;
overflow:hidden;
margin:0;
padding: 0;
background:#85a742;

}
.button a{
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:14px;
letter-spacing: 4px;
color: #ffffff;
text-decoration:none;
line-height:44px;
transition:all .5s ease;
z-index:2;
position:relative;
}
.eff{
width:160px;
height:44px;
left:-160px;
background:#85a742;
position:absolute;
transition:all .5s ease;
z-index:1;
}
.button:hover .eff{left:0;}
.button:hover a{color:#fff;}
}



p.contents_title {font-size: 28px;line-height: 48px;font-weight: 700;}
@media screen and (max-width: 1020px) {
p.contents_title {font-size: 28px;line-height: 48px;font-weight: 700;}
}
@media screen and (max-width: 767px) {
p.contents_title {font-size: 18px;line-height: 28px;font-weight: 700;}
}


header { width: 100%; text-align: center;position: fixed!important;z-index: 99999;}
header img {vertical-align: bottom;}
#header-fixed {width: 100%;height: 110px; position: fixed;top: 0px;left: 0px;background: #ffffff;border-bottom: 2px solid #2a3716;}
#header_box {width: 1000px;margin: 0 auto;position: relative;}
#emblem {width: 180px; position: absolute;top: 20px;left: 0;
-moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;z-index: 99999;}
#emblem img {width: 100%;}
#emblem.smaller {width: 70px !important;}
@-webkit-keyframes emblem_anime{
from{width: 180px;}
to {width: 70px !important;}
}
@keyframes emblem_anime{
from{width: 180px;}
to{width: 70px !important;}
}
#emblem.smaller img {width: 100%;}
#header_menu {width: auto;position: absolute;top: 0;right:0;color: #ffffff;}

@media screen and (max-width: 1020px) {
header { width: 100%; text-align: center;position: fixed!important;z-index: 99999;}
header img {vertical-align: bottom;}
#header-fixed {width: 100%;height: 94px; position: fixed;top: 0px;left: 0px;background: #ffffff;}
#header_box {width: 100%;margin: 0 auto;position: relative;}
#emblem {width: 16%; position: absolute;top: 10px;left: 10px;}
#emblem img {width: 100%;}
#emblem.smaller {width:9.5% !important;}
@-webkit-keyframes emblem_anime{
from{width: 16%;}
to {width: 9.5% !important;}
}
@keyframes emblem_anime{
from{width: 16%;}
to{width: 9.5% !important;}
}
#emblem.smaller img {width: 100%;}
#header_menu {width: auto;position: absolute;top: 0;right:0;color: #ffffff;}

}
@media screen and (max-width: 767px) {
header { width: 100%; text-align: center;z-index: 99999;position: relative;}
header img {vertical-align: bottom;}
#header-fixed {width: 100%;height: 54px; position: fixed;top: 0px;left: 0px;background: #ffffff;}
#header_box {width: auto;margin: 0 auto;position: relative;}
#emblem {width: 23%; position: absolute;top: 5px;left: 5px;}
#emblem img {width: 100%;}
#emblem.smaller {width:44px !important;}
@-webkit-keyframes emblem_anime{
from{width: 16%;}
to {width: 44px !important;}
}
@keyframes emblem_anime{
from{width: 16%;}
to{width: 44px !important;}
}
#emblem.smaller img {width: 100%;}
#header_menu {width: 100%!important;position: absolute;top: 0!important;right:0;color: #ffffff;}

}

#title {background: url(../images/title_back.gif) center top;padding: 40px 0;margin: 110px auto 0;}
#title p {font-size: 28px;font-weight: 700;color: #2a3716;margin: 0 5% 0 15%;}
@media screen and (max-width: 1020px) {
#title {background: url(../images/title_back.gif) center;padding: 3% 0;margin: 90px auto 0;}
#title p {font-size: 18px;font-weight: 700;color: #2a3716;margin: 0 5% 0 20%;}
}
@media screen and (max-width: 767px) {
#title {background: url(../images/title_back.gif) center;padding: 4% 0;margin: 54px auto 0;}
#title p {font-size: 14px;font-weight: 700;color: #2a3716;margin: 0 5% 0 20%;}
#title p img {height: 16px;}
}






ul.header_nav {
padding: 20px 0 0 0;
font-size: 0; }
ul.header_nav li {display:inline-block;margin: 0 25px 0 0;height: 70px;
border-radius: 6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
overflow: hidden;}
ul.header_nav li:last-child {margin: 0;}
ul.header_nav li.pc:last-child {margin: 0;}
ul.header_nav li p {font-size: 14px;line-height: 50px; position: relative;
display: inline-block;
margin: 0;
}
ul.header_nav li p:before {
content: '';
position: absolute;
left: 50%;
bottom: 0;/*線の上下位置*/
display: inline-block;
width: 40px;/*線の長さ*/
height: 1px;/*線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);/*位置調整*/
background-color: #85a742;/*線の色*/
}
ul.header_nav li a {padding:0;color: #2a3716;font-weight: 700;display: block; vertical-align: middle;text-decoration: none;}
ul.header_nav li p a:hover {color: #85a742;}
ul.header_nav li a:hover img{opacity: 0.5;}
ul.header_nav li.sph {display: none;}
ul.header_nav li.pc {display:inline-block;background: #dee6ba;margin: 0 10px 0 0;}
ul.header_nav li.pc img {vertical-align: middle;}
ul.header_nav li.pc2 p {display:inline-block;margin:0;}
ul.header_nav li.pc2 p img {height: 14px;margin: 0 0 15px;}

@media screen and (max-width: 1020px) {
ul.header_nav {
padding: 20px 0 0 0;
font-size: 0; }
ul.header_nav li {display:inline-block;margin: 0 20px 0 0;height: 54px;
border-radius: 6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
overflow: hidden;}
ul.header_nav li p {font-size: 11px;line-height: 40px; position: relative;
display: inline-block;
margin: 0;
}
ul.header_nav li p:before {
content: '';
position: absolute;
left: 50%;
bottom: 0;/*線の上下位置*/
display: inline-block;
width: 40px;/*線の長さ*/
height: 1px;/*線の太さ*/
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);/*位置調整*/
background-color: #85a742;/*線の色*/
}
ul.header_nav li a {padding:0;color: #2a3716;font-weight: 700;display: block; vertical-align: middle;text-decoration: none;}
ul.header_nav li a:hover {}
ul.header_nav li a:hover img{opacity: 0.5;}
ul.header_nav li.sph {display: none;}
ul.header_nav li.pc {width: 54px; display:inline-block;background: #dee6ba;margin: 0 10px 0 0;}
ul.header_nav li.pc img {width: 100%; vertical-align: middle;}
ul.header_nav li.pc2 p {display:inline-block;margin:0;}
ul.header_nav li.pc2 p img {height: 12px;margin: 0 0 15px;}
}
@media screen and (max-width: 640px) {
ul.header_nav {
padding:0;
position: absolute;
display: block;
left: 0;
top:54px;
display: block;
width: 100%;
background: rgba(255, 255, 255, 0.9);
transition: all .4s ease;
visibility: hidden;
opacity: 0; }
.menu-open ul.header_nav {
visibility: visible;
opacity: 1; }
.menu-open ul.header_nav li {
display: block;
width: auto;
height: inherit;
min-width: initial;
margin: 0;
border-bottom: 1px solid #999;
font-size: 16px!important;
line-height: 1;
border-radius: 0;
-webkit-border-radius:0;
-moz-border-radius:0;}
ul.header_nav li p {font-size: 14px;line-height: 40px; position: relative;
display: block;
margin: 0;
}
.menu-open ul.header_nav li p:before {
display: none;
background-color:none;
}

.menu-open .header_nav li a {
display: block;
width: 100%;
padding: 0;
box-sizing: border-box;
background: none;
color: #fff;
font-weight: normal;
text-decoration: none;
text-align: center;
color: #333; }
ul.header_nav li.sph {display: block;}
ul.header_nav li.pc {display:none;}
ul.header_nav li.pc2 {display:none;}
}







#menu_btn {
display: none; }
@media screen and (max-width: 1020px) {

}
@media screen and (max-width: 640px) {
#menu_btn {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 101;
width: 54px;
height: 54px;
transition: all .4s ease; }
#menu_btn span {
position: absolute;
left: 10px;
display: block;
width: 23px;
height: 1px;
background: #2a3716;
transition: all .4s; }
#menu_btn span:nth-child(1) {
top: 16px; }
#menu_btn span:nth-child(2) {
top: 24px; }
#menu_btn span:nth-child(3) {
top: 32px; }
.menu-open #menu_btn {
position: fixed;
transition: all .4s ease; }
.menu-open #menu_btn span {
transition: all .4s ease; }
.menu-open #menu_btn span:nth-child(1) {
transform: translateY(8px) rotate(-45deg); }
.menu-open #menu_btn span:nth-child(2) {
opacity: 0; }
.menu-open #menu_btn span:nth-child(3) {
transform: translateY(-8px) rotate(45deg); }
}










#main {width: 100%; min-width: 1000px;height: 720px;overflow:hidden;margin: 110px 0 0; /*position:relative;*/}
/*#main img {position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}*/
ul.bxslider {width: 100%;position: relative;}
ul.bxslider li {top: 0;left: 0;width: 100%;min-width: 1000px;height: 720px;overflow: hidden;position: absolute;top: 0;}
ul.bxslider li .main_pic {width: 100%;height: 720px;position: relative;}
ul.bxslider li .main_pic img {width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}
ul.bxslider li .main_pic img.illust {max-height: 720px;width: 1445px!important;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}

.main_pic {width: 100%;height: 720px;position: relative;}
.main_pic img {width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}
.main_pic img.illust {max-height: 720px;width: 1445px;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}

@media screen and (max-width: 1020px) {
#main {width: 100%; min-width: inherit;height: 400px;overflow:hidden;margin: 94px 0 0; /*position:relative;*/}
/*#main img {width: 150%; position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}*/
ul.bxslider {width: 100%;position: relative;}
ul.bxslider li {top: 0;left: 0;width: 100%;min-width: 100%;height: 400px;overflow: hidden;position: absolute;top: 0;}
ul.bxslider li .main_pic {width: 100%;height:400px;position: relative;}
ul.bxslider li .main_pic img {width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}
ul.bxslider li .main_pic img.illust {height: auto;width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}

.main_pic {width: 100%;height:400px;position: relative;}
.main_pic img {width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}
.main_pic img.illust {height: auto;width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}

}
@media screen and (max-width: 767px) {
#main {width: 100%; min-width: inherit;height: 200px;overflow:hidden;margin: 54px 0 0; /*position:relative;*/}
/*#main img {width: 150%; position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}*/
ul.bxslider {width: 100%;height: 200px;position: relative;}
ul.bxslider li {top: 0;left: 0;width: 100%;min-width: 100%;height: 200px;overflow: hidden;position: absolute;top: 0;}
ul.bxslider li .main_pic {width: 100%;height: 200px;position: relative;}
ul.bxslider li .main_pic img {width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}
ul.bxslider li .main_pic img.illust {height: auto;width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}

.main_pic {width: 100%;height: 200px;position: relative;}
.main_pic img {width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}
.main_pic img.illust {height: auto;width: 100%;position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}

}




#topics_back {background: #fef3c0;}
#topics {width: 1000px;margin: 0 auto;position: relative;padding: 20px 0 10px;}
#topics #topics_title {background-image: url(../images/topics.png);width: 84px;height: 46px;position: absolute;left: 0;top: -6px;z-index: 9999;}
#topics #topics_title p {font-size: 14px;line-height: 46px;color: #ffffff; margin: 0 4px 0 0;}
#topics dl {margin: 0 0 10px 100px;text-align: left;}
#topics dl dt {width: 90px;vertical-align: top; font-size: 16px;line-height: 22px;font-weight: 700; display: inline-block;margin: 0 10px 0 0;}
#topics dl dd {width: 790px;vertical-align: top; font-size: 16px;line-height: 22px;display: inline-block;}
@media screen and (max-width: 1020px) {
#topics_back {background: #fef3c0;}
#topics {width: 96%;margin: 0 auto;position: relative;padding: 20px 0 10px;}
#topics #topics_title {background-image: url(../images/topics.png);width: 84px;height: 46px;position: absolute;left: 0;top: -6px;z-index: 9999;}
#topics #topics_title p {font-size: 14px;line-height: 46px;color: #ffffff; margin: 0 4px 0 0;}
#topics dl {margin: 0 0 10px 100px;text-align: left;}
#topics dl dt {font-size: 14px;line-height: 20px;font-weight: 700; display: inline-block;margin: 0 10px 0 0;}
#topics dl dd {font-size: 14px;line-height: 20px;display: inline-block;}
}
@media screen and (max-width: 767px) {
#topics_back {background: #fef3c0;}
#topics {width: 90%;margin: 0 auto;position: relative;padding: 32px 0 10px;}
#topics #topics_title {background-image: url(../images/topics.png);width: 84px;height:30px;position: absolute;left: 0;top: -6px;z-index: 9999;}
#topics #topics_title p {font-size: 14px;line-height: 30px;color: #ffffff; margin: 0 4px 0 0;}
#topics dl {width: 100%; margin: 0 auto 10px;text-align: left;}
#topics dl dt {width: 100%;font-size: 10px;line-height: 16px;font-weight: 700; display:block;margin: 0 10px 0 0;}
#topics dl dd {width: 100%;font-size: 10px;line-height: 16px;display: block;}
}




#concept {width: 1000px;margin: 0 auto;padding: 80px 0;}
#concept #concept_main {}
#concept #concept_main img {}
#concept dl {width: 756px;margin: 0 auto;text-align: left;padding: 50px 0;}
#concept dl dt {font-size: 24px;line-height: 34px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 50px;}
#concept dl dd {font-size: 14px;line-height: 28px;}
#concept #concept_footer {}
#concept #concept_footer img {}
@media screen and (max-width: 1020px) {
#concept {width: 80%;margin: 0 auto;padding: 10% 0;}
#concept #concept_main {width: 100%;}
#concept #concept_main img {width: 100%;}
#concept dl {width: 100%;margin: 0 auto;text-align: left;padding: 10% 0 2%;}
#concept dl dt {font-size: 24px;line-height: 34px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 5%;}
#concept dl dd {font-size: 14px;line-height: 28px;}
#concept #concept_footer {width: 25%;margin: 0 auto;}
#concept #concept_footer img {width: 100%;}
}
@media screen and (max-width: 767px) {
#concept {width: 80%;margin: 0 auto;padding: 10% 0 5%;}
#concept #concept_main {width: 100%;}
#concept #concept_main img {width: 100%;}
#concept dl {width: 100%;margin: 0 auto;text-align: left;padding: 10% 0 5%;}
#concept dl dt {font-size: 18px;line-height: 28px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 5%;}
#concept dl dd {font-size: 10px;line-height: 20px;}
#concept #concept_footer {width: 25%;margin: 0 auto;}
#concept #concept_footer img {width: 100%;}
}


#life_back {background-image: url(../images/life_back.jpg);background-size: cover;background-position: center; height: 712px;}
#life {width: 1000px;margin: 0 auto;text-align: left;}
#life_box {width: 450px; background: #ffffff;position: relative;}
#life_box p.contents_title {margin: 0 60px;}
#life_box dl {margin: 0 60px;padding: 0 0 50px;}
#life_box dl dt {font-size: 14px;line-height: 24px;padding: 35px 0; }
#life_box dl dd {font-size: 14px;line-height: 24px;margin:0 0 35px;}
#life_box .life_pic {margin: 0 20px 0 0;text-align: right;position: absolute;right: 0;bottom: 0;}
#life_box .life_pic img {}
@media screen and (max-width: 1020px) {
#life_back {background-image: url(../images/life_back.jpg);background-size: cover;background-position: center; height: 576px;}
#life {width: 90%;margin: 0 auto;text-align: left;}
#life_box {width: 50%; background: #ffffff;position: relative;}
#life_box p.contents_title {text-align: left;margin: 0 10%;}
#life_box dl {text-align: left; margin: 0 10%;}
#life_box dl dt {font-size: 12px;line-height: 22px;padding: 10% 0;}
#life_box dl dd {font-size: 12px;line-height: 22px;margin:0 0 35px;}
#life_box .life_pic {margin: 0;text-align: right;position: absolute;right: 0;bottom: 0;}
#life_box .life_pic img {}
}
@media screen and (max-width: 767px) {
#life_back { background-image: url(../images/life_back.jpg);background-size: 100%;background-repeat: no-repeat;background-position:top!important; background-position: center;height: inherit;}
#life {width: 90%;margin: 0 auto;text-align: left;padding:60% 0 0;}
#life_box {width: 100%; background: #ffffff;text-align:left;position: relative;}
#life_box p.contents_title {text-align: left;margin: 0;padding: 5% 5% 0;}
#life_box dl {text-align: left; margin: 0 5% ;padding: 0 0 10px;}
#life_box dl dt {font-size: 10px;line-height: 20px;padding: 5% 0;}
#life_box dl dd {font-size: 10px;line-height: 20px;margin:0 0 5%;}
#life_box dl dd .right {width: 160px;margin: 110px 0 0 auto;}
#life_box .life_pic {margin: 0; width: 100%;text-align: left; height: 162px;position: absolute;right: 0;bottom: 0;}
#life_box .life_pic img {}
}




#equipment_block {background-image: url(../images/equipment_block.jpg);background-size: cover;background-position: center; height: 712px;}
#equipment_block #equipment {width: 1000px;height: 712px;margin: 0 auto;text-align: left;position: relative;}
#equipment_block #equipment #equipment_box {width: 450px; background: #ffffff;position: absolute;right: 0;bottom:60px;padding: 60px 0 0;}
#equipment_block #equipment #equipment_box dl {padding: 0 60px 60px;}
#equipment_block #equipment #equipment_box dl dt {font-size: 14px;line-height: 24px;padding: 35px 0;}
#equipment_block #equipment #equipment_box dl dd {font-size: 14px;line-height: 24px;margin: 0 0 20px;}
#equipment_block #equipment #equipment_box p.contents_title {margin: 0 60px;}
#equipment_block #equipment #equipment_pic {width: 160px; position: absolute;top: 120px;right: 20px;}
#equipment_block #equipment #equipment_pic img {width: 100%;}
@media screen and (max-width: 1020px) {
#equipment_block {background-image: url(../images/equipment_block.jpg);background-size: cover;background-position: center; height: 576px;}
#equipment_block #equipment {width: 90%;height: 576px;margin: 0 auto;text-align: left;position: relative;}
#equipment_block #equipment #equipment_box {width: 50%; background: #ffffff;position: absolute;right: 0;bottom:60px;padding: 5% 0 0;}
#equipment_block #equipment #equipment_box dl {padding: 0 10% 5%;}
#equipment_block #equipment #equipment_box dl dt {font-size: 14px;line-height: 24px;padding: 10% 0 5%;}
#equipment_block #equipment #equipment_box dl dt img {width: 100%;}
#equipment_block #equipment #equipment_box dl dd {font-size: 14px;line-height: 24px;margin: 0 0 5%;}
#equipment_block #equipment #equipment_box p.contents_title {margin: 0 10%;}
#equipment_block #equipment #equipment_pic {width: 17%; position: absolute;top: 17%;right: 2%;}
#equipment_block #equipment #equipment_pic img {width: 100%;}
}
@media screen and (max-width: 767px) {
#equipment_block {background-image: url(../images/equipment_block.jpg);background-size: 100%;background-repeat: no-repeat;background-position:top!important; background-position: center;height: inherit;margin: 0;padding: 0;}
#equipment_block #equipment {width: 90%;height: auto;margin: 0 auto;text-align: left;padding:60% 0 0;position: relative}
#equipment_block #equipment #equipment_box {width: 100%; background: #ffffff;text-align:left;position: inherit;right: 0;bottom:0;padding: 5% 0 0;}
#equipment_block #equipment #equipment_box dl {padding: 0 5%;}
#equipment_block #equipment #equipment_box dl dt {font-size: 10px;line-height: 20px;padding: 5% 0 5%;text-align: left;}
#equipment_block #equipment #equipment_box dl dt img {width: 70%;margin: 0 auto;}
#equipment_block #equipment #equipment_box dl dd {font-size: 10px;line-height: 20px;margin:0 0 5%;}
#equipment_block #equipment #equipment_box p.contents_title {margin: 0 5%;text-align: left;}
#equipment_block #equipment #equipment_pic {width: 35%; position: absolute;top: 19%;right: 2%;}
#equipment_block #equipment #equipment_pic img {width: 100%;}
}





#layout_back {padding: 60px 0; background-image: url(../images/layout_back.gif);background-position: center;}
#layout {width: 1000px;height: 630px; margin: 0 auto;padding:0;text-align: left; background: #ffffff url(../images/layout_lobo.jpg) right top no-repeat;position: relative;}
#layout p.contents_title {margin: 0 60px 30px;padding: 40px 0 0 ;position: relative;}
#layout .layout_no {position: absolute;left: 60px;top: -16px;}
#layout .layout_no p {font-size: 14px;line-height: 1em;font-weight: 700; padding: 8px 16px;color: #ffffff;background: #85a742;display: inline-block;}
#layout p.layout_data {font-size: 14px;line-height: 24px; padding: 40px 0 0; margin: 0 60px 20px;}
#layout p.layout_copy {font-size: 20px;line-height: 30px;margin: 0 60px;}
/*
#layout dl {margin: 0 60px;}
#layout dl dt {font-size: 20px;line-height: 30px;font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 30px;}
#layout dl dd {font-size: 14px;line-height: 24px;margin: 0 0 20px;}
#layout dl dd p.no {font-size: 12px;line-height: 1em;padding: 8px 16px;margin: 0 0 10px; color: #ffffff;display: inline-block;background: #85a742;}
*/
#layout #layout_plan {position: absolute;left: 400px;bottom: 0; width: 600px;height: 400px;}
#layout #layout_plan img {width: 100%;}
#layout #layout_pic {position: absolute;left:20px;bottom: 0;}
#layout #layout_btn {position: absolute;right:0;bottom: -55px;}
@media screen and (max-width: 1020px) {
#layout_back {padding: 60px 0; background-image: url(../images/layout_back.gif);background-position: center;}
#layout {width: 90%;height: 540px; margin: 0 auto;padding:0;text-align: left; background: #ffffff url(../images/layout_lobo.jpg) right top no-repeat;position: relative;}
#layout p.contents_title {margin: 0 5% 2%;padding: 40px 0 0 ;position: relative;}
#layout .layout_no {position: absolute;left: 40px;top: -16px;}
#layout .layout_no p {font-size: 14px;line-height: 1em;font-weight: 700; padding: 8px 16px;color: #ffffff;background: #85a742;display: inline-block;}
#layout p.layout_data {font-size: 14px;line-height: 24px; padding: 40px 0 0; margin: 0 40px 20px;}
#layout p.layout_copy {font-size: 20px;line-height: 30px;margin: 0 40px;}
/*
#layout dl {margin: 0 5%;}
#layout dl dt {font-size: 16px;line-height: 26px;font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 30px;}
#layout dl dd {font-size: 14px;line-height: 24px;margin: 0 0 5%;}
#layout dl dd p.no {font-size: 12px;line-height: 1em;padding: 8px 16px;margin: 0 0 10px; color: #ffffff;display: inline-block;background: #85a742;}
*/
#layout #layout_plan {width: 60%;height: auto; position: absolute;left:inherit;right: 0; top: inherit;bottom: 5%;}
#layout #layout_plan img {width: 100%;}
#layout #layout_pic {width: 40%; position: absolute;left:2%;bottom: 0;}
#layout #layout_pic img {width: 100%;}
#layout #layout_btn {position: absolute;right:0;bottom: -53px;}
}
@media screen and (max-width: 767px) {
#layout_back {padding: 10% 0; background-image: url(../images/layout_back.gif);background-position: center;}
#layout {width: 90%;height: auto; margin: 0 auto;padding:0;text-align: left; background: #ffffff url(../images/layout_lobo.jpg) right top no-repeat ;background-size: 33%; position: relative;}
#layout p.contents_title {margin: 0 5% 5%;padding: 8% 0 0 ;position: relative;}
#layout .layout_no {position: absolute;left: 5%;top: -16px;}
#layout .layout_no p {font-size: 12px;line-height: 1em;font-weight: 700; padding: 8px 16px;color: #ffffff;background: #85a742;display: inline-block;}
#layout p.layout_data {font-size: 10px;line-height: 18px; padding: 10% 0 0; margin: 0 5% 5%;}
#layout p.layout_copy {font-size: 12px;line-height: 18px;margin: 0 5% 5%;}
/*
#layout dl {margin: 0 5%;}
#layout dl dt {font-size: 12px;line-height: 22px;font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 30px;}
#layout dl dd {font-size: 12px;line-height: 22px;margin: 0 0 5%;}
#layout dl dd p.no {font-size: 10px;line-height: 1em;padding: 8px 16px;margin: 0 0 10px; color: #ffffff;display: inline-block;background: #85a742;}
*/
#layout #layout_plan {width: 90%;margin: 0 auto;position: inherit;left:inherit;right: inherit; top: inherit;bottom: inherit;}
#layout #layout_plan img {width: 100%;}
#layout #layout_pic {width: 70%;margin: 0 auto;text-align: center; position: inherit;left:inherit;bottom: inherit;}
#layout #layout_pic img {width: 100%;}
#layout #layout_btn {position: inherit;right:inherit;bottom:inherit;margin: 0 5%;}
}


br.sph {display: none;}
br.pc {display: block;}
br.tab {display: none;}
@media screen and (max-width: 1020px) {
br.sph {display: none;}
br.pc {display: block;}
br.tab {display: block;}
}
@media screen and (max-width: 767px) {
br.sph {display: block;}
br.pc {display: none;}
br.tab {display: block;}
}





#access {width: 1000px;margin: 0 auto;position: relative;padding: 60px 0 20px;}
#access dl {}
#access dl dt {font-size: 20px;line-height: 30px;font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 50px;}
#access dl dd {font-size: 14px;line-height: 24px;margin: 0 0 40px;position: relative;}
#access dl dd .right {position: absolute;right: 0;top: 0;}
#access #access_pic1 {position: absolute;left: 0;bottom: -35px;}
#access #access_pic2 {position: absolute;right:40px;top: 60px;}
#map {}
#map iframe {width: 100%;height: 600px;}
@media screen and (max-width: 1020px) {
#access {width: 90%;margin: 0 auto;position: relative;padding: 10% 0 5%;}
#access dl {}
#access dl dt {font-size: 20px;line-height: 30px;font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 10%;}
#access dl dd {font-size: 14px;line-height: 24px;margin: 0 0 3%;position: relative;}
#access dl dd .right {position: absolute;right: 0;top: 0;}
#access #access_pic1 {position: absolute;left: -5%;bottom: -30px;}
#access #access_pic2 {position: absolute;right:-5%;top: 20px;}
#map {}
#map iframe {width: 100%;height: 400px;}
}
@media screen and (max-width: 767px) {
#access {width: 90%;margin: 0 auto;position: relative;padding: 10% 0 5%;}
#access dl {}
#access dl dt {font-size: 14px;line-height: 24px;font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 10%;text-align: left;}
#access dl dd {font-size: 10px;line-height: 18px;margin: 0 0 5%;position: relative;text-align: left;}
#access dl dd span {width: 100%; text-align: center!important;display: block;}
#access dl dd .right {position: inherit;right: inherit;top: inherit;text-align: center;}
#access dl dd .right .button {margin: 0 0 0 auto;}
#access dl dd span img {width: 35%; margin: 0 auto;}
#access #access_pic1 {width: 40%;position: absolute;left: -5%;bottom: -6%;}
#access #access_pic1 img {width: 100%;}
#access #access_pic2 {width: 20%; position: absolute;right:0;top: -7%;}
#access #access_pic2 img {width: 100%;}
#map {}
#map iframe {width: 100%;height: 240px;}
}



#modelhouse {width: 1000px;margin: 0 auto;padding: 60px 0;position: relative;}
#modelhouse #modelhouse_title {position: absolute;right: 40px;top:50px;}
#modelhouse #modelhouse_pic2 {position: absolute;left: 240px;bottom: 0;}
#modelhouse #modelhouse_btn {position: absolute;left: 0;bottom: 60px;}
@media screen and (max-width: 1020px) {
#modelhouse {width: 90%;margin: 0 auto;padding: 7% 0;position: relative;}
#modelhouse img {width: 100%;}
#modelhouse #modelhouse_title {width: 40%; position: absolute;right: 5%;top:12%;}
#modelhouse #modelhouse_title img {}
#modelhouse #modelhouse_pic2 {width: 25%; position: absolute;left:25%;bottom: 0;}
#modelhouse #modelhouse_pic2 img {width: 100%;}
#modelhouse #modelhouse_btn {position: absolute;left: 0;bottom: 5%;}
}
@media screen and (max-width: 767px) {
#modelhouse {width: 90%;margin: 0 auto;padding: 7% 0 20%;position: relative;}
#modelhouse img {width: 100%;}
#modelhouse #modelhouse_title {width: 40%; position: absolute;right: 5%;top:8%;}
#modelhouse #modelhouse_title img {}
#modelhouse #modelhouse_pic2 {width: 40%; position: absolute;left:inherit;right: 0; bottom: 0;}
#modelhouse #modelhouse_pic2 img {width: 100%;}
#modelhouse #modelhouse_btn {position: absolute;left: 0;bottom: 5%;}
}




#footer_back {background: #2a3716;padding: 40px 0;}
#footer {width: 1000px;margin: 0 auto;}
#footer_outline {width: 50%;text-align: left;display: inline-block;vertical-align: top;}
#footer_outline dl {}
#footer_outline dl dt {margin: 0 0 40px;}
#footer_outline dl dd {font-size: 14px;line-height: 20px;color: #ffffff;font-weight:100;}
#footer_right {text-align: right; width: 50%; display: inline-block;vertical-align: top;}
#footer_right p {margin: 0 0 10px;}
#footer_right p a{font-size: 14px;line-height: 20px;color: #ffffff;text-decoration: underline;}
#footer_right p a:hover {text-decoration: none;}
#footer_right ul {}
#footer_right ul li {display: inline-block;margin: 0 20px 0 0;text-align: left;font-size: 14px;line-height: 20px;color: #ffffff;}
#footer_right ul li.icon {width: 70px;height: 70px;overflow: hidden; margin: 0 0 0 10px;border-radius: 6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background: #dee6ba;}
#footer_right ul li.icon a:hover img{opacity: 0.5;}
#copyright {background: #dee6ba;}
#copyright p {font-size: 12px;line-height: 60px;font-weight: 700;}
@media screen and (max-width: 1020px) {
#footer_back {background: #2a3716;padding: 40px 0;}
#footer {width: 90%;margin: 0 auto;}
#footer_outline {width: 50%;text-align: left;display: inline-block;vertical-align: top;}
#footer_outline dl {}
#footer_outline dl dt {margin: 0 0 20px;}
#footer_outline dl dd {font-size: 12px;line-height: 18px;color: #ffffff;font-weight:100;}
#footer_right {text-align: right; width: 50%; display: inline-block;vertical-align: top;}
#footer_right p {margin: 0 0 10px;}
#footer_right p a{font-size: 12px;line-height: 18px;color: #ffffff;text-decoration: underline;}
#footer_right p a:hover {text-decoration: none;}
#footer_right ul {}
#footer_right ul li {display: inline-block;margin: 0 20px 0 0;text-align: left;font-size: 12px;line-height: 18px;color: #ffffff;}
#footer_right ul li .mikuni {height: 40px;}
#footer_right ul li .mikuni img{height: 40px;}
#footer_right ul li.icon {width: 54px;height: 54px;overflow: hidden; margin: 0 0 0 10px;border-radius: 6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background: #dee6ba;}
#footer_right ul li.icon img {width: 100%;}
#footer_right ul li.icon a:hover img{opacity: 0.5;}
#copyright {background: #dee6ba;}
#copyright p {font-size: 12px;line-height: 60px;font-weight: 700;}
}
@media screen and (max-width: 767px) {
#footer_back {background: #2a3716;padding: 10% 0;}
#footer {width: 90%;margin: 0 auto;}
#footer_outline {width: 100%;text-align: left;display: inline-block;vertical-align: top;}
#footer_outline dl {margin: 0 0 5%;}
#footer_outline dl dt {margin: 0 0 5%;}
#footer_outline dl dt img {width: 100%;}
#footer_outline dl dd {font-size: 12px;line-height: 18px;color: #ffffff;font-weight:100;}
#footer_right {text-align: center; width: 100%; display: inline-block;vertical-align: top;}
#footer_right p {margin: 0 0 5%;}
#footer_right p a{font-size: 10px;line-height: 16px;color: #ffffff;text-decoration: underline;}
#footer_right p a:hover {text-decoration: none;}
#footer_right ul {}
#footer_right ul li {display: inline-block;margin: 0 20px 0 0;text-align: left;font-size: 10px;line-height: 16px;color: #ffffff;vertical-align: bottom;}
#footer_right ul li .mikuni {height:36px;}
#footer_right ul li .mikuni img{height: 36px;}
#footer_right ul li.icon {width: 54px;height: 54px;overflow: hidden; margin: 0 0 0 10px;border-radius: 6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background: #dee6ba;}
#footer_right ul li.icon img {width: 100%;}
#footer_right ul li.icon a:hover img{opacity: 0.5;}
#copyright {background: #dee6ba;}
#copyright p {font-size: 10px;line-height: 40px;font-weight: 700;}
}