@charset "utf-8";
/* CSS Document */
/**共通**/
.container-baibai { width: 100%; max-width: 1000px; margin: 0 auto;}
/*h2 { background: #0e2457;margin-bottom: 20px;padding: 10px 15px;color: #fff; font-size: 130%;}**/
.frank {font-family: frank-new, sans-serif;font-weight: 700;font-style: normal;letter-spacing:0.1em; }


/**index.html***/
section#pia-top { width:100%;}
/*section#pia #slide ul li{background: url("../images/main_photo.jpg"); background-size: cover; width: 100%;}
*/
section#pia-top div.toho { width:100%; font-size: 1.3rem; line-height: 1.3;}
section#pia-top div.toho span.rosen { font-size: 1.4rem;font-weight: bold;}
section#pia-top div.toho span.eki { font-size: 2.4rem;font-weight: bold;}
section#pia-top div.toho p { font-weight: bold;}
section#pia-top div.toho ul {display: flex;justify-content: space-between; color: #0e2457;font-weight: bold;align-items: stretch; margin-bottom: 40px;}
section#pia-top div.toho ul li {  border-right: 1px solid;padding: 0 10px;}
section#pia-top div.toho ul li:first-child { border-left: 1px solid;width: 35%;}
section#pia-top div.toho ul li:last-child { width:65%; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
section#pia-top div.toho ul li:last-child div { display: inline-block;margin-right: 1em;}
section#pia-top div.toho ul li.kukaku4 { background: #0e2457; color: #FFF; text-align: center;align-content: center;font-size: 1.8rem;padding: 15px 10px;font-weight: 400;}
section#pia-top div.saishu { text-align: center; margin: 50px auto; font-size: 2.0rem; font-weight: bold;}
section#pia-top #main-box { position: relative;}
section#pia-top #main-box img.main { display:block; margin:0 auto; width:100%; max-width:1300px; }
section#pia-top #main-box img.main-logo {position: absolute; top: 2em ; right: 3em;}
section#pia-top #main-box p.kome {position: absolute; bottom: 1em ; right: 3em; font-size: 85%;}
section#pia-top #main-box div.grad-box { width: 100%; height: 4em; background: -moz-linear-gradient(bottom, #f2f6f4, transparent);  background: -webkit-linear-gradient(bottom, #f2f6f4, transparent);  background: linear-gradient(to top, #f2f6f4, transparent); position: absolute; bottom: 0;}
section#main_menu {background: #f7f8fa;}
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: #0e2457; 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 1em;}
section#main_menu ul.btn_menu li { width: 50%; overflow: hidden;}
section#main_menu ul.btn_menu a { display: block;}
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 {transform: scale(1.1,1.1);}
section#main_menu ul.btn_menu p { font-size: 120%; position: relative; padding-left: 13px; text-align: center; letter-spacing: 0.2em;}
section#main_menu ul.btn_menu p::before {position: absolute; content: ''; width: 0; height: 0; border: solid 5px transparent; border-left: solid 5px #555; top: 50%; margin-left: -1em; margin-top: -4px;}
section#main_menu ul.btn_menu a:hover { text-decoration: none;}
section#contact { padding: 40px 0; text-align: center; background: #0e2457; margin-top: 60px;}
section#contact p { color: #FFFFFF; margin-bottom: 1em;font-size: 1.6rem;}
section#contact a,input {display: block; width: 85%; max-width: 500px;margin: 0 auto;padding: 20px 0;color: #FFF;font-size: 150%;background: /*url(../../../../images/icon_wht.png) 10px 50% no-repeat*/ #be9d4d; 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; font-weight: bold;}
section#contact input:hover { cursor:pointer; border: 0;}
section#contact a:hover {text-decoration: none;}

.ttl_area {display: flex;justify-content: space-between; background: #f2f0e9; flex-wrap: wrap; align-items: center;position: relative;margin-bottom: 4em;}
.ttl_area h2 { display:inline-block; background:#f2f0e9; z-index: 10; height: 100%;margin-left: 10%; padding: 1em;font-size: 3.0rem;}
.ttl_area h2 span {display: block; font-size: 1.4rem; text-align: left;font-family: 'NotoSansCJKjp', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; font-weight: 400;}
.ttl_area img {display: block; width: 45%; z-index: 10; }
.ttl_area hr { border-top:1px solid #b8a000; width: 100%; height: 1px;position: absolute; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); z-index: 1;}


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

.ChangeElem_Panel ul.category { }
.ChangeElem_Panel ul.category li { }

/*タブの中身を初期非表示に*/
.ChangeElem_Panel_in,.ChangeElem_Panel_in2 {display: none; padding-top: 30px;}
/*タブを横並べに*/
.ChangeElem_Btn_Content_in,.ChangeElem_Btn_Content_in2 {display: flex; justify-content: center; }
/*通常時のタブ装飾*/
.ChangeElem_Btn_in,.ChangeElem_Btn_in2 {width: 34%; max-width: 200px; text-align: center; padding: 10px; border-bottom: 3px solid #ccc; color: #ccc; cursor: pointer;}
/*カレントとホバー時のタブ装飾*/
.ChangeElem_Btn_in:hover,.ChangeElem_Btn_in2:hover,
.ChangeElem_Btn_in.is-active,.ChangeElem_Btn_in2.is-active {border-bottom: 3px solid #333; color: #333; font-weight: 600;}


section#madori h2 { color: #0e2457; margin-bottom: 1.2em;}
section.madori-gaiyou{background: #f1f1f1;padding: 25px;margin-top: 50px;margin-bottom: 50px;font-size: 85%;text-align: justify;}
dl.menseki { /*border-top: 1px solid #ccc;*/border-bottom: 1px solid #ccc; padding: 10px; margin-bottom: 20px;}
dl.menseki dt { font-weight: bold;font-size: 130%;border-left: 5px solid #0e2457;padding-left: 10px; margin-bottom: 0.5em;display: flex; justify-content: space-between;align-items: center;}
/*dl.menseki dt span.free { border: 1px solid #0e2457 ; background: #eaedf4; color: #0e2457; padding: 0.2em 0.5em; font-size: 1.3rem; margin-right: 5px; align-self: center; display: inline-block;}*/
dl.menseki dt span.view { border: 1px solid #0e2457 ; background: #eaedf4; color: #0e2457; padding: 0.2em 0.5em; font-size: 1.3rem; align-self: center;display: inline-block;}
dl.menseki dt span.view span { margin-right: 0.5em;}
dl.menseki dt span.mini { display: block; font-size: 1.0rem; text-align: right; margin-top: 0.3em;}
dl.menseki dd span.ttl { color: #0e2457;font-weight: bold; margin-right: 0.5em;}
dl.menseki dd { display: inline-block; margin-right: 1.5em;}
dl.menseki dd.kome {font-size: 1.1rem;}
div.image_att { text-align: center; margin-bottom: 80px;}
img.madori { display: block; margin: 0 auto; width: 100%; }
img.label { display: block; margin: 0 auto; width: 60%; }
.yuryo { border: 1px solid #0e2457; padding: 15px;}
.yuryo h3 {display: flex; font-size: 130%; color: #0e2457; border-bottom: 1px dotted #0e2457; 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;}
.kukaku { text-align: center; background: #f1f1f1; 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: 80%; font-size: 1.6rem; font-weight: bold; color: #0e2457; 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.switch { margin-bottom: 30px;}
section#madori ul.switch ul { margin-bottom: 20px;}
section#madori ul.switch ul.icon li {display: inline-block; background: #b09249; margin: 0 0.5em 0.5em 0; padding: 0.2em 0.5em;border-radius: 0.3em; font-size: 1.2rem; color: #FFF;}
section#madori ul.switch ul.icon li.free {border: 1px solid #0e2457; background: #FFF; color: #0e2457;}
section#madori ul.switch ul.icon li.att { background: none; color: #555; padding: 0; margin: 0;font-size: 1.0rem;}
dl.model { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 90px auto;}
dl.model dt {width: 100%; text-align: center; font-size: 2.8rem;font-weight: bold; padding: 0 0 1.2em; color: #0e2457;}
dl.model dt p { color: #333; font-size: 1.4rem; font-weight: 400; margin: 15px auto;}
dl.model dd {width: 48.5%;}
dl.model dd img {width: 100%; display: block; margin-bottom:30px; }
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; font-size: 2.4rem;}
.kukaku p.tochi {margin: 20px auto 0; color: #0e2457; font-size: 2.0rem;}
.kukaku h3 {margin: 50px auto 1em; color: #0e2457;}
table.ichiran {width:90%;border-top:1px solid #0e2457; margin: 0 auto 1em;}
table.ichiran tr {}
table.ichiran td {width:30%; padding: 10px 8px; text-align: center;border-bottom:1px solid #0e2457; color: #0e2457; font-weight: bold;}
table.ichiran td.ttl {color:#0e2457; font-weight: bold;}
table.ichiran td.tou {font-weight: bold;color:#0e2457; 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:#0e2457; margin: 3em 0 1.2em;}
#equipment h2 span { font-size: 1.2rem;}
p.midashi { font-size: 2.4rem;margin: 0 0 3em; font-weight: bold; text-align: center;}
p.midashi span{ margin: 0 auto; border-bottom: 1px solid #be9d4d; display: inline-block; padding-bottom: 0.5em;}
p.midashi span.att {display: block;font-size: 60%; 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: #f1f1f1;margin: 1em 0 3em; flex-wrap: wrap;}
div.setsubi_list .photo-area { width: 37%; max-width: 350px; align-self: flex-start;}
div.setsubi_list .photo-area img { width: 100%; display: block;}
div.setsubi_list div.right { width: 60%;margin: 0 0 1em; font-size: 1.5rem; }
div.setsubi_list div.right h3 { color:#0e2457; display: flex; justify-content: space-between; font-size: 1.8rem; align-items: flex-start;}
section#equipment h3.setsubi_ttl { display: inline-block;}
/*section#equipment h3.setsubi_ttl {padding: 0.7em 0.5em 0.7em 1em; border-bottom: 1px solid #666; position: relative; }
section#equipment h3.setsubi_ttl::before {content: ""; display: block;position: absolute;bottom: -7px;left: 0;width: 12px;height: 12px;background: #666;box-sizing: border-box;}*/
div.setsubi_list div.right dl { font-size: 1.3rem;}
div.setsubi_list div.right dl dt {margin-top: 0.5em; font-weight: bold;}
div.setsubi_list div.right dl dd {padding-left: 0em; text-align: justify;}
div.setsubi_list div.right dl dd.kome {padding-left:0; margin-top: 2em;}
div.setsubi_list div.right dl dt img { width: 100%; max-width: 435px;margin: 10px 0 0;}
div.setsubi_list div.right dl dt.col_ttl {margin-top: 1.5em; }
div.setsubi_list div.right dl dt.col_ttl span { background: #e5e5e5; padding: 3px 5px;}
div.setsubi_list ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
div.setsubi_list ul.panel03 { justify-content: flex-start;}
div.setsubi_list ul li { width: 23%; font-size: 1.2rem;}
div.setsubi_list ul li img { width: 100%;}
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;}
div.setsubi_list ul li p { font-weight: 600; margin: 0.5em 0;}


div.setsubi_list span.icon01 {padding: 0.3em 1em;color: #0e2457; border: 1px solid #0e2457;font-weight: bold;font-size: 1.2rem;letter-spacing: 0.1rem;}
div.setsubi_list div.style { width: 100%; text-align: center; margin: 50px 0 0;}
div.setsubi_list div.style h4 { color: #16467c; border: 1px solid; display: inline-block; padding: 0.5em 1.5em; font-size: 1.6rem; margin-bottom: 1em;}
div.setsubi_list div.style img { width: 85%; max-width: 700px; margin-top: 2em;}

div.setsubi_list div.icon {float: right;}
div.setsubi_list div.icon span {margin-left: 5px;}
div.setsubi_list h3 div span { margin-left: 5px;}

div.style-all { text-align: center; border: 5px solid #f1f1f1; padding: 50px 30px; margin: 60px 0;}
div.style-all h4 { color: #16467c; border: 1px solid; display: inline-block; padding: 0.5em 1.5em; font-size: 2.0rem; margin-bottom: 1em;}
div.style-all img { width: 85%; max-width: 700px; margin-top: 4em;}

/**location.html****/
dl.info { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 60px;}
dl.info dt {width: 100%; text-align: center; font-size: 2.8rem;font-weight: bold; padding: 0 0 1.2em; color: #0e2457;}
dl.info dt p { color: #333; font-size: 1.4rem; font-weight: 400; margin: 15px auto;}
dl.info dd {width: 48%; padding: 2em; background:#f1f1f1; margin-bottom: 3em; font-size: 1.3rem;}
dl.info dd img {width: 100%; display: block; margin-bottom:1.3em; }
dl.info dd p {font-size: 1.3rem; margin-top: 1em; }
dl.info dd span {color:#0e2457; font-weight: bold; font-size: 1.5rem; margin-right: 0.5em;}

section#lifeinfo { text-align: center; }
section#lifeinfo img { width: 100%;max-width: 720px; display: block;margin: 5px auto 25px;}
p.carnavi {font-size: 1.2rem;text-align: center; padding: 1em;line-height: 1.8;}
p.carnavi img {display: block;margin: 0 auto 0.5em;width: 25px;}
p.carnavi span { font-size: 1.6rem;color: #0e2457; font-weight: bold;}
img.map {width:100%;}

/**access.html****/
dl.rout {display: flex; flex-wrap: wrap;justify-content: space-between; margin: 30px 0;}
dl.rout dt {width: 100%; font-size: 2.2rem;border-left: 1px solid #0e2457;border-bottom: 1px solid #0e2457; padding: 0.2em 0 0.2em 0.7em;margin-bottom: 0.5em; }
dl.rout dd {width: 24%;font-size: 1.8rem; color:#0e2457; 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: 100px auto 0;
}

.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%;
}

nav.page ul { display:flex;justify-content: center; text-align: center; margin: 20px auto 15px;}
nav.page ul li { font-size:1.2rem;border-right: 1px solid #CCC;}
nav.page ul li:first-child { border-left: 1px solid #CCC;}
nav.page ul li a { text-decoration:none; padding: 0 3em; font-weight: bold;}
nav.page ul li a.on { border-bottom: 3px solid #be9d4d; padding-bottom: 1em;}


/*画面幅769px以上の設定
-----------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:769px){

/*section#pia-top div.toho { font-size:2.0rem; display: flex;}
section#pia-top div.toho span { }
section#pia-top div.toho br.spbr { display: none;}*/
a:hover img { opacity: 0.8;}
section#main_menu { padding: 40px 0 0; }
section#contact a:hover {opacity: 0.85;}
p.madori-ttl { font-size: 160%;font-weight: bold; margin: 50px 10px; text-align: center;}
nav.setsubi_menu { display: none;}
div.setsubi_list ul.panel03 li { margin-right: 2.5%;}

}

/*画面幅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-top #main-box {height: 350px; background: url("../images/main.jpg") no-repeat center center;background-position: 50% 0;background-size: cover;}
section#pia-top #main-box img.main { display: none; }
section#pia-top #main-box img.main-logo {width: 30%; top: 1em; right: 1em;max-width: 130px;}
nav.page ul {margin-bottom: 12px;}
nav.page ul li a { padding :0 1.5em; font-size: 1.0rem;}
nav.page ul { margin-top: 5px;}
/*nav.page ul { display:flex;justify-content: center; text-align: center; border-top: 1px solid #0e2457;border-bottom: 1px solid #0e2457;}
nav.page ul li { margin:1px; font-size:85%;}
nav.page ul li a { display:block; padding:0.5em; text-decoration:none;}
nav.page ul li a.on { opacity:1.0;}
nav.page ul li a:hover { opacity:1.0;}*/
section#pia-top div.toho ul {flex-wrap: wrap; margin-bottom: 20px;}
section#pia-top div.toho ul li {width: 100%;text-align: center; border: none;}
section#pia-top div.toho ul li:first-child { border:none; margin-bottom: 20px; font-size: 1.4rem; width: 100%;}
section#pia-top div.toho span.rosen {display: inline;font-size: 1.2rem;}
section#pia-top div.toho ul li:last-child { width: 100%;}
section#pia-top div.toho span.eki { font-size: 1.6rem;}
/*section#pia-top div.toho span.rosen {font-size: 1.0rem;}*/
section#pia-top div.saishu {padding: 0 10px; font-size: 1.6rem; margin: 30px auto;}

section#contact p { font-size: 1.2rem;}
h2 { font-size: 1.8rem;}
.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 { padding: 20px 0 0; }*/
section#main_menu ul.btn_menu { justify-content: space-around; font-size: 75%;}
.ChangeElem_Btn { font-size: 1.1rem; padding: 8px;line-height: 1.2;}
.ChangeElem_Btn:hover, .ChangeElem_Btn.is-active { font-size: 1.2rem;line-height: 1.2;padding: 8px;}
section#pia-top div.toho p { font-size: 1.2rem; margin-top: 0.3em; text-align: center;}
section#pia-top 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: 10px 0;font-size: 1.6rem; background: url(../../../../images/icon_wht.png) 10px 50% no-repeat #be9d4d; 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;}
.ChangeElem_Panel_in, .ChangeElem_Panel_in2 { padding-top: 5px;}
section#madori ul.switch { margin-bottom: 30px;}
section#madori ul.switch ul { margin-top: 15px; }
section#madori ul.switch ul.icon li {font-size: 1.1rem;}
p.madori-ttl { font-size: 110%;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: 1px solid #ccc; padding: 15px;}
dl.menseki dt {font-size: 1.5rem;margin-bottom: 0.5em;}
dl.menseki dt span { }
dl.menseki dt span.view {font-size: 1.1rem; display: block;}
dl.menseki dt span.view span { display: block;}
.yuryo h3 { font-size: 120%;}
dl.model {margin-bottom: 30px;}
dl.model dt {font-size: 1.8rem;}
dl.model dd {width: 49%; padding: 0 3px 0;}
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%; max-width: 500px;}
.kukaku ul li img { margin: 0.3em 0 1.5em 0;}
.kukaku p.tochi { font-size: 1.6rem;}
.kukaku h3 { margin: 30px auto 1em;}
img.label { width: 80%; max-width: 450px; }

section#main_menu ul.btn_menu p {letter-spacing: 0;}

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

#equipment h2 {margin: 0 0 1em;}
div.setsubi_list {padding:2em; margin-bottom: 30px;}
div.setsubi_list .photo-area { width: 100%; max-width: 600px;  margin: 0 auto 20px;}
div.setsubi_list .photo-area img {}
div.setsubi_list div.right { width: 100%;}
div.setsubi_list div.right h3 {font-size: 1.6rem;}
div.setsubi_list div.right div { font-size: 1.3rem;}
div.setsubi_list ul { flex-wrap: wrap;}
div.setsubi_list ul li { width: 48%; margin-bottom: 30px;}
div.setsubi_list ul.panel03 { justify-content: space-between;}
div.setsubi_list ul.panel03 li:last-child { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
div.setsubi_list ul.panel03 li:last-child div { width: 48%;}
div.setsubi_list ul.panel03 li:last-child span { display: block; width: 48%;}
div.setsubi_list div.style { margin-top: 20px;}
div.setsubi_list div.style h4 { font-size: 1.3rem;}
div.setsubi_list div.style img { width: 100%; max-width: 600px;}
div.setsubi_list span.icon01 {padding: 0.2em 0.5em; font-size: 1.0rem; letter-spacing: normal; white-space: nowrap;}

nav.setsubi_menu ul {margin: 0 auto;padding:0;width: 100%;overflow: hidden;display: table;}
nav.setsubi_menu ul li {margin: 0;padding: 10px 0;display: table-cell;width:33%;vertical-align:middle;list-style-type: none;font-size: 10px;border-left:1px solid #fff; }
nav.setsubi_menu ul li a i{font-size: 24px;}
nav.setsubi_menu ul li a {border: none;display: block;color: #fff;text-align: center;text-decoration: none;}
.setsubi_menu ul {position: fixed;bottom: 0;left:0;background: #777;z-index: 9999999999;-moz-opacity: 0.9;opacity: 0.9;}

div.style-all { padding: 30px 15px; margin-bottom: 40px;}
div.style-all h4 {padding: 0.5em 1.5em; font-size: 1.6rem; margin-bottom: 1em;}
div.style-all img { width: 100%; max-width: 650px; margin-top: 2em;}

dl.info dt { font-size: 2rem;}
dl.info dt p { font-size: 1.2rem; margin:10px auto 0;}
dl.info dd {width: 100%; padding: 20px; margin-bottom: 1.5em;}
dl.info dd span {font-size: 1.3rem;}
p.carnavi span { font-size: 1.5rem;}
section#contact { margin-top: 30px;padding: 30px 0;}

/**access.html****/
dl.rout {display: flex; flex-wrap: wrap;justify-content: space-between; margin: 15px 0;}
dl.rout dt {width: 100%; font-size: 1.4rem;border-left: 1px solid #0e2457;border-bottom: 1px solid #0e2457; padding: 0.2em 0 0.2em 0.7em;margin-bottom: 0.5em; }
dl.rout dd {width: 50%;font-size: 1.4rem; color:#0e2457; 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: 50px;}
.googlemap .inner { padding-top: 75%;}


}


/*画面幅480px以下の設定
-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
section#pia-top #main-box {height: 250px; }
section#main_menu ul.btn_menu li {width: 100%;}
nav.page ul li a { padding :0 0.7em;}
div.setsubi_list { flex-wrap: wrap;}
div.setsubi_list .photo-area { width: 100%;margin: 0 auto 15px;}
div.setsubi_list section { width: 100%;}

	
}