@charset "utf-8";
/* CSS Document */
/**共通**/
.container-baibai { width: 100%; max-width: 1000px; margin: 0 auto;}
.frank {/*font-family: frank-new, sans-serif;*/font-weight: 700;font-style: normal;letter-spacing:0.1em; margin-bottom: 1.5em; font-size: 2.8rem; }
nav.page { top: 0; transition-duration: .6s;}
nav.page.fixed { position: sticky; top: 30px; z-index: +1;}
nav.page.fixed.none { opacity: 0; z-index: -1;}
nav.page.fixed .logo { text-indent: -99999px;}

/**index.html***/
section#pia { width:100%;/*box-shadow: 0px 10px 10px 0 rgb(0 0 0 / 5%);*/}
.bg-switcher {z-index: 300;}
section#main_menu div.toho { width:100%; font-size: 2.0rem; line-height: 1.8; text-align: center;padding: 60px 0 0;}
section#main_menu div.toho span.rosen { font-size: 1.4rem;font-weight: bold; display: block; text-indent: 1em;margin-bottom: 0.3em;}
section#main_menu div.toho span.eki { font-size: 2.6rem;font-weight: bold;}
section#main_menu div.toho p { font-weight: bold;font-size: 1.8rem;}
section#main_menu div.toho ul {display: flex;justify-content: space-around; color: #03236c;font-weight: bold;}
section#main_menu div.toho ul li { width: 33.3%; border-right: 1px solid;padding: 0 10px;}
section#main_menu div.toho ul li:first-child { border-left: 1px solid;}
section#pia div.saishu { text-align: center; margin: 50px auto; font-size: 2.0rem; font-weight: bold;}
section#pia #main-box { position: relative;}
section#pia #main-box img.main { display:block; margin:0 auto; width:100%; max-width:1300px; }
section#pia #main-box img.main-logo {position: absolute; top: 2em ; right: 3em;}
section#pia #main-box p.kome {position: absolute; bottom: 1em ; right: 3em; font-size: 85%;}
section#pia #main-box div.grad-box { width: 100%; height: 4em; background: -moz-linear-gradient(bottom, #f2f0e9, transparent);  background: -webkit-linear-gradient(bottom, #f2f0e9, transparent);  background: linear-gradient(to top, #f2f0e9, transparent); position: absolute; bottom: 0;}
section#main_menu { margin-top: 80px;}
section#main_menu div.wrap { width: 100%; max-width: 1000px; margin: 0 auto; padding-bottom: 5em;}
section#main_menu div.wrap .double_box { width: 100%; font-size: 2.2rem; font-weight: bold; color: #03236c; text-align: center;margin-top: 20px; padding-top: 20px;border-top: 1px solid #be9d4d; }
section#main_menu ul.btn_menu { display:flex; justify-content: space-between; flex-wrap: wrap;width: 100%; max-width: 1000px; margin: 0 auto;}
section#main_menu ul.btn_menu li { width: 31%; overflow: hidden;}
section#main_menu ul.btn_menu li:hover {outline: 2px solid #333; outline-offset: 8px;}
section#main_menu ul.btn_menu a { display: block; position: relative;}
section#main_menu ul.btn_menu img {width: 100%; display: block;transition-duration: 0.5s;outline: 8px solid rgba(255,255,255,0.3);outline-offset: -8px;}
section#main_menu ul.btn_menu img:hover {}
section#main_menu ul.btn_menu p { font-size: 1.5rem; letter-spacing: 0.1em; position: absolute; top: 0; left: 0; background: #FFF; padding: 0.5em 1em; line-height: 1.0; border-bottom: 2px solid #333;}
section#main_menu ul.btn_menu p::before {}
section#main_menu ul.btn_menu a:hover { text-decoration: none;}
article.pia_bg {background: url("../images/bg.png") ; background-size: cover;}
section#contact { padding: 60px 0; margin-top: 60px; text-align: center; background: url("../images/bg.png") ; background-size: cover; }
section#contact p { margin-bottom: 1em;font-size: 1.6rem;}
section#contact a,input {display: block; width: 85%; max-width: 500px;margin: 0 auto;padding: 25px 0;color: #FFF;font-size: 150%;background: /*url(../../../../images/icon_wht.png) 10px 50% no-repeat*/ #13317A; background-size: 15px 15px ;-moz-background-size: 15px 15px;-webkit-background-size: 15px 15px;-o-background-size: 15px 15px;-ms-background-size: 15px 15px; border: 0; font-family: inherit; }
section#contact input:hover { cursor:pointer; border: 0;}
section#contact a:hover {text-decoration: none;}

h2 { height: 100%; font-size: 3.0rem;}
h2 span {display: block; font-size: 1.4rem; text-align: center;font-family: 'NotoSansCJKjp', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; font-weight: 400;}

/**madori.html**/
/*タブの中身を初期非表示に*/
.ChangeElem_Panel {display: none;}
/*タブを横並べに*/
.ChangeElem_Btn_Content {display: flex;justify-content: space-between;margin-bottom: 30px; border-bottom:2px solid #13317A; }
/*通常時のタブ装飾*/
.ChangeElem_Btn { border-bottom: 0; background-color: #e9e9e9;color: #666;cursor: pointer;display: inline-block;flex: 1;font-size: 1.6rem;position: relative;transition: all .3s ease-in-out;vertical-align: middle;outline:none;padding: 20px 10px;text-align: center; margin-right: 5px;}
.ChangeElem_Btn:last-child {margin-right: 0;}
/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn:hover,
.ChangeElem_Btn.is-active {background: #fff;border: 2px solid #13317A; border-bottom: 0; box-sizing: border-box; color: #13317A;margin-bottom: -2px; font-weight: bold; font-size: 1.8rem; }

/*section#madori h2 { margin-bottom: 1.2em;}*/
section#madori img.kukaku {width: 100%;}
section.madori-gaiyou{background: #f5f5f5;padding: 25px;margin-top: 50px;margin-bottom: 100px;font-size: 85%;text-align: justify;}
dl.menseki { border: 2px solid #13317A; display: flex; padding: 30px 0; align-items: center;}
dl.menseki dt { width: 33%; min-width: 100px; font-weight: bold;font-size: 1.8rem; border-right: 1px solid #13317A; text-align: center; margin-right: 30px;}
dl.menseki dt span.sankoplan {display: block; font-size: 1.2rem;}
dl.menseki dt span.koyaura {font-size: 1.2rem;}
dl.menseki dd { display: flex; flex-wrap: wrap;align-items: flex-end;}
dl.menseki dd div { font-weight: bold; margin-right: 1.5em; font-size: 1.4rem; }
dl.menseki dd div:last-child {margin-right: 0; }
dl.menseki dd div.ttl { font-size: 1.8rem; }
dl.menseki dd div span.ttl { color: #13317A;font-weight: bold; margin-right: 0.5em;}
dl.menseki dd div span.att { color: #707070; font-weight: 400; margin-left: 0.5em; font-size: 1.3rem;}
dl.menseki dd div.spacer { width: 100%;}
dl.menseki dd div sup { font-size: 1.0rem;}
dl.menseki dd.kome {font-size: 1.1rem;}
img.madori { display: block; margin: 0 auto; width: 100%; }
.yuryo { border: 1px solid #13317A; padding: 15px;}
.yuryo h3 {display: flex; font-size: 130%; color: #13317A; border-bottom: 1px dotted #13317A; margin-bottom: 0.5em;padding-bottom: 0.3em; justify-content: space-between;}
.yuryo a.btn { display: inline-block; background: url(../../../../images/icon_gn.png) 5px 50% no-repeat; border: 1px solid #ccc; background-size: 9px 9px;-moz-background-size: 9px 9px;-webkit-background-size: 9px 9px;-o-background-size: 9px 9px;-ms-background-size: 9px 9px; padding: 5px 10px 5px 20px; font-size: 70%; margin-top: -5px;}
.shoene_label { width: 70%; max-width: 600px; display: block; margin: 0 auto;}
/*.kukaku { text-align: center; background: #f5f5f5; padding: 30px;}
.kukaku img { display: block; margin: 0 auto 20px; width: 100%;}
.kukaku ul { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 70px;}
.kukaku ul li { width: 100%; font-size: 1.6rem; font-weight: bold; color: #13317A; position: relative;}
.kukaku ul li.mou::after { content: "申込済"; display: block; color: #c30d23; position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin: 0 auto; width: 40%; height: 1.5em; background: #FFF; border: 2px solid #c30d23; border-radius: 5px; padding: 0.3em; font-size: 1.6rem; }
.kukaku ul li img { margin: 0.5em 0 2.5em 0;}*/
section#madori ul { margin-bottom: 50px;}
dl.model { display: flex; flex-wrap: wrap; justify-content: space-between; }
dl.model::after { content: ""; width: 32%;}
dl.model dt {width: 100%; text-align: center; font-size: 2.4rem;font-weight: bold; padding: 0 0 1.2em; color: #13317A;}
dl.model dd {width: 32%;}
dl.model dd img {width: 100%; display: block; margin-bottom:1.3em; }
ul.examples {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2em;}
ul.examples li { width: 49%; margin-bottom: 4em;}
ul.examples li img { width: 100%; margin-bottom: 1em;}
ul.examples li span {font-weight: bold; display: block; color: #9A002C;}
h2 { text-align: center; }
.kukaku h3 {margin: 50px auto 1em; color: #13317A;}
table.ichiran {width:90%;border-top:1px solid #13317A; margin: 0 auto 1em;}
table.ichiran tr {}
table.ichiran td {width:30%; padding: 10px 8px; text-align: center;border-bottom:1px solid #13317A; color: #13317A; font-weight: bold;}
table.ichiran td.ttl {color:#13317A; font-weight: bold;}
table.ichiran td.tou {font-weight: bold;color:#13317A; width: 30%; }
table.ichiran tr.soldout {color:#b3bacb; display: none;}
table.ichiran tr.soldout td {color:#b3bacb;}
table.ichiran tr.mou {color:#b3bacb;}
table.ichiran tr.mou td {color:#b3bacb;}


/**equipment.html**/
#equipment h2 {color:#13317A; margin: 3em 0 1.2em;}
#equipment h3 { font-size: 2.4rem;text-align: center; color: #13317A; margin-top: 3em;}
p.midashi { font-size: 2.4rem;margin: 2.5em 0.5em; font-weight: bold; text-align: center;}
p.midashi span{ margin: 0 auto; border-top: 1px solid #be9d4d; display: inline-block; padding-top: 10px; margin-top: 10px;}
p.midashi span.att {display: block;font-size: 1.0rem; font-weight: normal;}
div.setsubi_list { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between; padding:3em; background: #f5f5f5;margin: 1em 0 3em; flex-wrap: wrap;}
div.setsubi_list .photo-area { width: 30%; max-width: 300px; align-self: flex-start;}
div.setsubi_list .photo-area img { width: 100%; display: block;}
div.setsubi_list section { width: 66%;}
div.setsubi_list section h4 { color:#13317A;display: flex; justify-content: space-between; align-items: flex-start; font-size: 1.8rem; }
section#equipment h4.setsubi_ttl { font-size: 130%; background: linear-gradient(45deg, #e7e7e7, #fff );padding: 0.3em 1em;
margin-bottom: 1em;text-align: left;}
div.setsubi_list section dl dt {margin-top: 0.5em; font-weight: bold;}
div.setsubi_list section dl dd {padding-left: 1em;}
div.setsubi_list section dl dt img { width: 100%; max-width: 435px;margin: 10px 0 0;}
div.setsubi_list section dl dt.col_ttl {margin-top: 1.5em; }
div.setsubi_list section dl dt.col_ttl span { background: #e5e5e5; padding: 3px 5px;}
div.setsubi_list span.icon01 {padding: 0.2em 1em;color: #13317A; border: 1px solid #13317A; font-weight: 500;font-size: 1.2rem;margin-left: 5px;white-space: nowrap; border-radius: 5px;}
div.setsubi_list section dl dd ul.yuka {display: flex; flex-wrap: wrap; justify-content: flex-start;}
div.setsubi_list section dl dd ul.yuka li { margin-right: 1em;}
div.setsubi_list sup { font-size: 1.0rem;}
div.setsubi_list .img-area { width: 100%; display: flex; justify-content: space-around;}
div.setsubi_list .img-area img { display: block; width: 45%; margin: 50px 2% 0;}
div.setsubi_list div.model {position: relative; z-index: 0; }
div.setsubi_list div.model::before {content: "モデルハウス";display: block;bottom: 5px;color: #333;right: 5px; position: absolute;z-index: 10; font-size: 1rem;text-shadow: 1px 1px 1px #fff;}
div.setsubi_list div.rei {position: relative; z-index: 0; }
div.setsubi_list div.rei::before {content: "当社施工例";display: block;bottom: 5px;color: #333;right: 5px; position: absolute;z-index: 10; font-size: 1rem;text-shadow: 1px 1px 1px #fff;}
div.setsubi_list div.image {position: relative; z-index: 0; }
div.setsubi_list div.image::before {content: "イメージ";display: block;bottom: 5px;color: #333;right: 5px; position: absolute;z-index: 10; font-size: 1rem;text-shadow: 1px 1px 1px #fff;}


/**location.html****/
dl.info {margin-bottom: 30px;}
dl.info dd { padding: 1.5em; background:#f5f5f5; margin-bottom: 1em; display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center;}
dl.info dd img { width: 100%;}
dl.info dd span {color:#13317A; font-weight: bold; font-size: 1.5rem;}
section#lifeinfo { text-align: center; }
section#lifeinfo div.ttl { font-size: 2.6rem; }
section#lifeinfo img.route { width: 100%; margin-top: 100px; }
p.carnavi {font-size: 1.2rem;text-align: center; padding: 20px 10px;border: 2px solid #13317a;}
p.carnavi img {vertical-align: bottom; width: 1.7em; margin-right: 0.5em;}
p.carnavi span { font-size: 2rem;color: #03236c; font-weight: bold; display: block; margin-top: 0.3em;}
img.map {width:100%;}

/**access.html****/
dl.rout {display: flex; flex-wrap: wrap;justify-content: space-between; margin: 30px 0; text-align: left;}
dl.rout dt {width: 100%; font-size: 2.2rem;border-bottom: 2px solid #03236c; padding: 0.2em 0 0.2em 0.0em;margin-bottom: 0.5em; font-weight: bold;}
dl.rout dd {width: 24%;font-size: 1.8rem; color:#03236c; border-right: 1px dotted #ccc;}
dl.rout dd:last-child {border-right:none;}
dl.rout dd span {font-size: 2.6rem; font-weight: bold;}
p.att {text-align: center; font-size: 1.0rem;}
.googlemap { width: 100%; box-sizing: border-box; margin: 30px auto 60px;}
.googlemap .inner {position: relative;height: 0;padding-top: 56.25%;overflow: hidden;}
.googlemap .inner iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

section#lifeinfo ul { margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap;background: #f5f5f5;padding: 20px 20px 10px;}
section#lifeinfo ul li { width: 30%; padding: 0.5em; margin-bottom: 1em; border-bottom: 1px dotted #b3b3b3; display: flex; justify-content: space-between;}
section#lifeinfo ul li span { display: block;}
section#lifeinfo ul li span:first-child { font-weight: bold;}
section#lifeinfo ul::after {content: ""; display: block; width: 30%; height: 0;}

nav.page ul { display:flex;justify-content: flex-end; text-align: center; /*margin: 0 auto 10px;*/}
nav.page ul li { font-size:1rem;border-right: 1px solid #CCC; text-align: center; background: #FFFFFF; opacity: 0.9;}
nav.page ul li:first-child { border-left: 1px solid #CCC;}
nav.page ul li a { text-decoration:none; font-weight: bold; text-align: center; display: block; width: 100%; padding: 0.5em 1.5em;}
nav.page ul li a.on { border-bottom: 3px solid #be9d4d; padding-bottom: 1em;}
nav.page ul li img { width: 30px; display: block; margin: 0 auto; margin-bottom: 3px;}

.menu_box { display: flex; justify-content: center;flex-wrap: wrap; padding: 2em 1em; border: 2px solid #13317a; text-align: center;}
.menu_box a { padding: 0 1.2em; color: #13317a; font-weight: bold; font-size: 1.5rem; display: block; border-right: 1px solid #CCC; margin: 0.5em 0; line-height: 1.0;}
.menu_box a:first-child { border-left: 1px solid #CCC;}


/*画面幅769px以上の設定
-----------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:769px){
.container-baibai #contents {clear: both;}
nav.page {display: inline-block; padding: 0 0 20px; float: right;}
nav.page::after {content: ""; clear: both;}
.container-baibai .logo {font-size: 1.8rem;font-weight: bold; float: left; margin-top: 15px; color: #444;}
.container-baibai .logo a { display: flex;}
.container-baibai .logo a:hover { text-decoration: none; color: #666;}
.container-baibai .logo img {height: 40px;vertical-align: middle; margin-right: 15px;}
a:hover img { opacity: 0.8;}
.container-baibai .logo a span.name {display: block; align-self: center;}
.container-baibai .logo a span.att {display: block; font-size: 1.0rem; text-align: center;}
section#main_menu {}
section#contact a:hover {opacity: 0.85;}
p.madori-ttl { font-size: 160%;font-weight: bold; margin: 50px 10px 20px; text-align: center;}
nav.setsubi_menu { display: none;}

}

/*画面幅1000px以下の設定
-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){

.container-baibai { padding: 0 10px;}
section#main_menu ul.btn_menu { padding: 0 10px;}

}

/*画面幅768px以下の設定
-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){
section#pia { margin-top: 10px;}
section#pia #main-box {height: 350px; background: url("../images/main.jpg") no-repeat center center;background-position: 50% 0;background-size: cover;}
section#pia #main-box img.main { display: none; }
section#pia #main-box img.main-logo {width: 30%; top: 1em; right: 1em;max-width: 130px;}
section#main_menu ul.btn_menu div.spimg {display: none;}
.container-baibai .logo {display: none;}
.container-baibai .logo-sp {font-size: 1.6rem;font-weight: bold; text-align: center; margin: 20px 0 15px;}
.container-baibai .logo-sp img {height: 36px;vertical-align: middle; margin-right: 10px;}
.container-baibai .logo-sp a { display: flex;justify-content: center;}
.container-baibai .logo-sp a span.name {display: block; align-self: center;}
.container-baibai .logo-sp a span.att {display: block; font-size: 1.0rem; text-align: center;}
nav.page ul {justify-content: center; margin-bottom: 0;}
nav.page ul li { width: 25%;}
nav.page.fixed { top: 0 !important;}
section#main_menu div.toho { font-size: 1.6rem; padding: 10px 0 0;}
section#main_menu div.toho p {font-size: 1.6rem;}
section#main_menu ul.btn_menu li:hover {outline: none;}


section#contact p { font-size: 1.4rem;}
h2.frank { margin: 20px 0; font-size: 2.2rem;}
.ttl_area { margin-bottom: 3em;}
.ttl_area h2 {font-size: 2.0rem; margin-left: 5%;padding: 0.5em;}
.ttl_area h2 span{font-size: 1.0rem;}
ul.menu li.menu_mega ul.menu_second-level {display: none;}
header nav#hdmenu_sp #openMenu {display: none;}
.container-baibai { padding: 0 10px; font-size: 1.2rem;}
section#main_menu { margin-top: 30px; }
section#main_menu ul.btn_menu { justify-content: space-around; font-size: 75%;margin-bottom: 20px;}
.ChangeElem_Btn { font-size: 1.2rem; padding: 10px;line-height: 1.2;}
.ChangeElem_Btn:hover, .ChangeElem_Btn.is-active { font-size: 1.2rem;line-height: 1.2;}
section#pia div.toho p { font-size: 1.2rem; margin-top: 0.3em; text-align: center;}
section#pia div.toho p span { font-size: 1.6rem; }
section#main_menu div.wrap .double_box {font-size: 1.4rem; width: 95%; margin: 15px auto 0;}
section#contact a, input {padding: 15px 0;font-size: 1.6rem; background: url(../../../../images/icon_wht.png) 10px 50% no-repeat #13317A; background-size: 10px 10px ;-moz-background-size: 10px 10px;-webkit-background-size: 10px 10px;-o-background-size: 10px 10px;-ms-background-size: 10px 10px;}
.ChangeElem_Btn_Content { margin-bottom: 20px;}
section#madori ul { margin-bottom: 30px;}
p.madori-ttl { font-size: 1.5rem;font-weight: bold; margin: 25px 10px 10px; text-align: center;}
section.madori-gaiyou{margin-top: 20px; padding: 15px; margin-bottom: 40px;}
dl.menseki { margin: 7px 0;border: 0; background: #f5f5f5; padding: 15px;flex-wrap: wrap;}
dl.menseki dt {font-size: 1.6rem; width: 100%; margin: 0 0 10px 0; border-right: none; background: #13317A; color: #FFF;padding: 0.3em;}
dl.menseki dt span.koyaura {display: inline; font-size: 1.6rem;}
dl.menseki dd div.ttl { font-size: 1.6rem;}
.yuryo h3 { font-size: 120%;}
.shoene_label { width: 90%; max-width: 600px;}
dl.model {margin-bottom: 30px;justify-content: center;}
dl.model::after { width: auto;}
dl.model dt {font-size: 1.8rem;}
dl.model dd {width: 100%; padding: 0 3px 0; max-width: 500px;}
dl.model dd img { margin-bottom: 13px;}
/*.kukaku { padding:10px;}
.kukaku img {margin-bottom: 10px;}*/
table.ichiran {width:100%; }
table.ichiran td { width:50%;}
table.ichiran td:last-child { width:38%;}
table.ichiran td.tou { width:22%;}
.kukaku ul { margin-top: 20px;}
.kukaku ul li { font-size: 1.4rem; width: 100%;}
.kukaku ul li img { margin: 0.3em 0 1.5em 0;}
.kukaku h3 { margin: 30px auto 1em;}

section#main_menu ul.btn_menu p {letter-spacing: 0; font-size: 1.4rem;}

p.midashi { font-size: 1.5rem; margin: 30px 0 30px;}
p.midashi span.att {margin-top: 5px;}

.menu_box { padding: 1em;}
.menu_box a { font-size: 1.3rem; border: 0; border-radius: 0.5em;background: #f5f5f5;margin: 0.3em;padding: 0.3em 1em;}
.menu_box a:first-child { border: 0;}
#equipment h2 {margin: 0 0 1em;}
#equipment h3 { font-size: 1.8rem;text-align: center; margin-top: 2em; padding-top: 80px; margin-top: -80px;}
div.setsubi_list {padding:2em; margin-bottom: 30px;flex-wrap: wrap;}
div.setsubi_list section h4 {font-size: 1.6rem;}
div.setsubi_list .photo-area { width: 100%;margin: 0 auto 25px;}
div.setsubi_list section { width: 100%;}
div.setsubi_list .img-area { flex-wrap: wrap;}
div.setsubi_list .img-area img { display: block; width: 100%; max-width: 400px; margin: 30px 0 0;}
dl.info dd { padding: 10px;}
dl.info dd span {font-size: 1.3rem;}
section#contact { margin-top: 30px;padding: 30px 0;}

/**access.html****/
p.carnavi {padding: 15px 10px;}
p.carnavi span {font-size: 1.5rem;}
dl.rout {display: flex; flex-wrap: wrap;justify-content: space-between; margin: 15px 0;}
dl.rout dt {width: 100%; font-size: 1.6rem;border-bottom: 1px solid #03236c; padding: 0.2em 0 0.2em 0.7em;margin-bottom: 0.5em; text-align: center; }
dl.rout dd {width: 50%;font-size: 1.4rem; color:#03236c; border-bottom: 1px dotted #ccc;padding: 0.3em 0; text-align: center;}
dl.rout dd:nth-of-type(2) { border-right: none;}
dl.rout dd span {font-size: 1.8rem; font-weight: bold;}
p.att {text-align: center;}
.googlemap {margin-top: 20px; margin-bottom: 40px;}
.googlemap .inner { padding-top: 100%;}

section#lifeinfo div.ttl {font-size: 2.0rem;}
section#lifeinfo ul{margin-top: 40px;}
section#lifeinfo ul li { width: 48%;}

}


/*画面幅480px以下の設定
-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
section#pia #main-box {height: 250px; }
section#main_menu ul.btn_menu li {width: 100%; margin-bottom: 20px;}
section#main_menu ul.btn_menu {margin-bottom: 0;}
nav.page ul li a {}

section#main_menu ul.btn_menu p {margin-bottom: 2em;}
section#main_menu ul.btn_menu img {display: none;}
section#main_menu ul.btn_menu div.spimg { display: block; width: 100%;height: 120px; outline: 8px solid rgba(255,255,255,0.3); outline-offset: -8px;}
section#main_menu ul.btn_menu div.img01 { background:url("../images/btn_madori.jpg") no-repeat; background-size: cover;background-position: center; }
section#main_menu ul.btn_menu div.img02 { background:url("../images/btn_setsubi.jpg") no-repeat; background-size: cover; background-position: center;}
section#main_menu ul.btn_menu div.img03 { background:url("../images/btn_lifeinfo.jpg") no-repeat; background-size: cover;background-position: center; }
section#lifeinfo ul li {width: 100%;}
section#lifeinfo img.route {margin-top: 50px;}
	
}