:root{--viewport-width: 390;--base-unit: 100vw}@media screen and (min-width:768px),print{:root{--viewport-width: 1;--base-unit: 1px}}#header{margin-bottom:0}#main{margin-bottom:60px;width:auto}#main .mainImg{border-bottom:1px solid #e9e9e9;margin-bottom:60px}#main .mainImg .mainImgInner{position:relative;background:url("../img/top/mainImg/bg.png") center center repeat;height:523px;margin:0 auto 0;text-align:center;overflow:hidden}@media screen and (max-width:767px){#main .mainImg .mainImgInner{height:400px}}#main .mainImgTitle,#main .mainImgSubTitle,#main .kakerun,#main .nami01,#main .nami02,#main .nami03,#main .nami04{position:absolute}#main .nami01,#main .nami02,#main .nami03,#main .nami04{height:523px;background-position:bottom center;background-repeat:repeat-x;display:block;width:100%}#main .mainImgTitle{top:-74px;right:0;bottom:0;left:0;margin:auto;height:134px;z-index:100}@media screen and (min-width:768px),print{#main .mainImgTitle{width:685px}}@media screen and (max-width:767px){#main .mainImgTitle{top:-65px;width:300px;height:59px}}#main .mainImgSubTitle{top:170px;right:0;bottom:0;left:0;margin:auto;height:74px;z-index:100}@media screen and (min-width:768px),print{#main .mainImgSubTitle{width:685px}}@media screen and (max-width:767px){#main .mainImgSubTitle{top:60px;width:300px;height:31px}}#main .kakerun{top:-80px;bottom:0;left:20px;margin:auto;height:80px;z-index:35}@media screen and (min-width:768px),print{#main .kakerun{width:129px}}#main .nami01{background-image:url("../img/top/mainImg/nami01.png");bottom:0;left:0;z-index:10}#main .nami02{background-image:url("../img/top/mainImg/nami02.png");bottom:0;left:0;z-index:50}#main .nami03{background-image:url("../img/top/mainImg/nami03.png");bottom:0;left:0;z-index:0}#main .nami04{background-image:url("../img/top/mainImg/nami04.png");bottom:0;left:0;z-index:20}#main .comPhotoUl{margin:0 auto 65px}@media screen and (min-width:768px),print{#main .comPhotoUl{width:960px}}@media screen and (max-width:767px){#main .comPhotoUl{padding:0 calc(20/var(--viewport-width)*var(--base-unit))}}#main .comPhotoUl li{padding:0;line-height:1.65}#main .comPhotoUl li a{color:#333}#main .comPhotoUl li a .ttl{margin:15px 0 7px}#main .subBoxBg{margin-bottom:48px;padding:49px 0;background:url(../img/top/sub_box_bg.jpg) no-repeat top center;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}@media screen and (max-width:767px){#main .subBoxBg{padding:50px calc(20/var(--viewport-width)*var(--base-unit))}}@media screen and (max-width:767px){#main .subBoxBg{background-size:cover}}#main .subBox{margin:0 auto;padding:40px 0 0 60px;position:relative;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:relative;behavior:url(../js/pie.htc);background-color:#fff}@media screen and (min-width:768px),print{#main .subBox{width:900px}}@media screen and (max-width:767px){#main .subBox{padding:0 calc(20/var(--viewport-width)*var(--base-unit));padding-bottom:40px}}#main .subBox .txt{color:#fff;font-size:1.2rem;position:absolute;top:0;right:88px}@media screen and (max-width:767px){#main .subBox .txt{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}#main .subBox .txt span{padding:9px 19px 8px;display:block;border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;position:relative;behavior:url(../js/pie.htc);background-color:#01b3cd}#main .subBox .imgBox .photoBox{margin-top:78px;float:right}#main .subBox .imgBox .photoBox p{margin-bottom:38px;text-align:center}#main .subBox .imgBox .textBox{line-height:2}@media screen and (max-width:767px){#main .subBox .imgBox .textBox{text-align:center}}#main .subBox .imgBox ul{float:left}@media screen and (min-width:768px),print{#main .subBox .imgBox ul{width:590px}}#main .subBox .imgBox li{padding:0 5px;width:21px;float:left;font-size:1.3rem;line-height:1.1;letter-spacing:4px}#main .inner{margin:0 auto}@media screen and (min-width:768px),print{#main .inner{width:960px}}@media screen and (max-width:767px){#main .inner{padding:0 calc(20/var(--viewport-width)*var(--base-unit))}}#main .inner h2{padding:13px 13px 13px 0;overflow:hidden;font-size:1.6rem;background:url(../img/top/h2_bg.jpg) no-repeat top left}@media screen and (max-width:767px){#main .inner h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-size:cover;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}#main .inner h2 span{padding-left:18px;display:inline-block;background:url(../img/common/icon01.gif) no-repeat left 6px}@media screen and (min-width:768px),print{#main .inner h2 span{margin-top:5px}}@media screen and (max-width:767px){#main .inner h2 span{background:url(../img/common/icon01.gif) no-repeat left center}}#main .inner h2 a{float:right}#main .inner h2 a img{transition:opacity .5s;-webkit-transition:opacity .5s}#main .inner h2 a:hover img{opacity:.5}#main .inner .lBox,#main .inner .rBox{border:1px solid #e9e9e9;width:100%}@media screen and (min-width:768px),print{#main .inner .lBox,#main .inner .rBox{width:463px}}@media screen and (min-width:768px),print{#main .inner .lBox{float:left}}#main .inner .lBox dt{padding:19px 0 0 20px;font-size:1.2rem;line-height:1.6;border-top:1px solid #e9e9e9}#main .inner .lBox dt span{color:#01b3cd}#main .inner .lBox dd{padding:0 0 16px 20px;font-size:1.2rem;line-height:1.4}@media screen and (min-width:768px),print{#main .inner .rBox{float:right}}@media screen and (max-width:767px){#main .inner .rBox{margin-top:40px}}#main .inner .rBox .listBox{padding:19px 20px 18px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}@media screen and (max-width:767px){#main .inner .rBox .listBox{display:grid;grid-template-columns:100fr 302fr;gap:0 15px;padding:20px}}@media screen and (max-width:767px){#main .inner .rBox .listBox:before,#main .inner .rBox .listBox:after{display:none}}@media screen and (max-width:767px){#main .inner .rBox .listBox .floatL,#main .inner .rBox .listBox .floatR{float:none !important}}#main .inner .rBox .listBox a img{transition:opacity .5s;-webkit-transition:opacity .5s}#main .inner .rBox .listBox a:hover img{opacity:.5}#main .inner .rBox .linkUl{padding:15px 0 9px 20px}#main .inner .rBox .linkUl li{float:left;font-size:1.2rem}@media screen and (min-width:768px),print{#main .inner .rBox .linkUl li{width:200px}}@media screen and (max-width:767px){#main .inner .rBox .linkUl li{margin-right:15px}}#main .inner .rBox .linkUl li a{padding-left:16px;display:inline-block;background:url(../img/common/icon03.png) no-repeat left center}.bnrs{margin-top:50px}@media screen and (max-width:767px){.bnrs{margin-top:40px}}.bnrs a:hover img{opacity:.5}.bnrs a img{-webkit-transition:opacity .5s;transition:opacity .5s}/*# sourceMappingURL=top.css.map */