@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Oswald:wght@500&display=swap');
*{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:#000}::selection{background:#ddd}img{max-width:100%;border-style:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;vertical-align:bottom}.sp{display:none}
@media screen and (max-width: 896px){.sp{display:block}.pc{display:none}}

.flex{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{justify-content: center;-webkit-justify-content: center;}
.flex--end{justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{justify-content: space-around;-webkit-justify-content: space-around;}
.flex--between{-webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:space-between;}
.col1{width:100%;}.col2{width:48%;}.col3{width:30%;}.col4{width:25%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
.vaC{align-items: center;}.vaB{align-items: flex-end;}
a:link {color: #000;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:visited {color: #000;}
a:hover,a:active{color:#931e15;opacity: 0.7; text-decoration: none;}
.bold{font-weight: 700}
.Tleft{ text-align:left;}.Tright{ text-align:right;}.Tcenter{ text-align:center;}
.coution {margin-left: 1em;text-indent: -1em;text-align: left;line-height: 1.5em;padding-bottom: 10px}
.font12{font-size: 1.3rem}
.palt{font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
.wideimg img{width: 100%;height: auto}
/*===========
body
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Oswald', sans-serif;
============*/
html{width: 100%;height: 100%;font-size: 62.5%;-webkit-font-smoothing: antialiased;}
body {
position: relative;
width: 100%;
height: 100%;
font-size: 16px;font-size: 1.6rem;
line-height: 1.9em;
color: #333;
font-family:'Noto Sans JP',"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
overflow-x: hidden;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
-ms-text-size-adjust: 100%;/*EgdeMobile*/
-moz-text-size-adjust: 100%;/*firefox*/
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
font-feature-settings: "palt";-webkit-font-feature-settings: "palt";
}
@media screen and (min-width: 897px) {/*PCスタイルのスタイル*/
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}
.inner--base{margin:auto;max-width: 1200px;position: relative}
.inner--long{max-width:100%;width: 100%;}
.inner--short{width: 740px;margin: 0 auto;position: relative}
.fontEG{font-family: 'Oswald', sans-serif;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}


/*
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
*/
/*<a id="test" class="anker"></a>*/
a.anker{display: block;margin-top:-100px;padding-top:100px;}

@media screen and (max-width: 896px) {/*スマホのスタイル*/
body{font-size: 13px;font-size: 1.3rem;}
.inner--base{width: 96%;}
.inner--short{width: 84%;}
img{max-width: 100%;height: auto}
}

#header{position: fixed;left: 0;top: 0;width: 100%;z-index: 900;padding: 10px 0 0;background: #fff;box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
#header .logo{display: none; text-align: center;position:absolute;left: 0;right: 0;top: 10px; z-index: 2;width: 250px;margin: auto}
#header .logo img{width: 80%;height: auto}
#header .gnav p a{display: block;color: #fff;padding: 16px 0;}
#header .gnav p a:hover{background: #5D0304;color: #fff}
#header .gnav .kara{width: 250px;}
#header .subnav{position: absolute;right: 1%;top: 30px}
#header .subnav p{margin-left: 12px;}
#header .subnav .bt a{border: 2px solid #FF0000;border-radius: 30px; padding: 5px 22px;color: #FF0000}
#header .subnav .bt a:hover{border: 2px solid #FF0000;background:#FF0000;color: #fff }
@media screen and (min-width: 897px) {/*PCスタイルのスタイル*/
#header .gnav{background: #FF0000;margin-top: 70px; justify-content: space-between;}
#header .gnav p{text-align: center;font-weight: 700;flex: 1;}
#header .gnav p+p{border-left: 1px solid #fff;}
#header .gnav ul.sp{display: none}
}

@media screen and (max-width: 896px) {/*スマホのスタイル*/
#header{background: #FF0000;height: 70px}
#header .logo{display: block;width: 65px;top: 3px;left: 0;margin-left: 0; text-align: left;z-index: 99}
#header .logo img{width: 100%;height: auto}
#header .gnav p,
#header .subnav .bt,
#header .gnav ul.sp,
body.drawer-opened #header .gnav p.kara{display: none}
#header .subnav{margin-right: 80px;top: 20px}
#humberger{display: block;position:fixed;top:6px;right:0px;z-index:98;width:70px;padding:12px 0 8px; cursor:pointer;text-align: center}
#humberger p{color: #fff}
body.drawer-opened #humberger .icon-bar{background:#fff;}
body.drawer-opened #humberger :nth-child(1){transform:translate(0,8px) rotate(45deg);-webkit-transform:translate(0,8px) rotate(45deg);}
body.drawer-opened #humberger :nth-child(2){transform:translate(-20px ,0);-webkit-transform:translate(-20px ,0);opacity:0;}
body.drawer-opened #humberger :nth-child(3){transform:translate(0,-8px) rotate(-45deg);-webkit-transform:translate(0,-8px) rotate(-45deg);}
.icon-bar{height:2px;width: 50%;margin: auto; background:#fff;display:block;margin-bottom:6px;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
.icon-bar.last{margin-bottom:0}

.fixed-content{right:inherit;width:100%;z-index:2;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
#overlay{z-index:-1;opacity:0;background:#000;left:0;top:0;width:100%;height:100%;position:fixed;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000,0.000,0.000,1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000,1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
body.drawer-opened #header .gnav{background: #fff;left: 0;top: 0px;display: block;text-align: center;
position: fixed;width: 100%;z-index: 98;max-height: 100%;;
overflow: auto;-webkit-overflow-scrolling: touch;
-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */ }

body.drawer-opened #header .gnav{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;align-items:flex-start;padding-bottom: 80px;padding-top: 30px;height: 100%;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
}
body.drawer-opened #header .gnav{background: #FF0000;margin-top: 70px;}
body.drawer-opened #header .gnav p{display: flex;flex-direction: column;width: 100%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;font-size: 1.6rem;padding: 10px 0}
body.drawer-opened #header .gnav ul.sp{display: flex;width: 96%;margin:12px auto 0}
body.drawer-opened #header .gnav li{width: 48%;border: 2px solid #fff;border-radius: 30px; padding: 5px 22px;color: #fff;font-size: 1.6rem;}
body.drawer-opened #header .gnav li a{color: #fff}
}

.container{margin-top: 120px;}
.centerbox{position: absolute;top: 50%;left: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.gmap {height: 0;overflow: hidden;padding-top: 40%/*56.25%*/;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.mainarea{width:74%}
.sidearea{width:23%}

.contents_title{background: #000;color: #fff;border-radius: 6px;padding:12px;font-size: 2.6rem;letter-spacing: 0.2em;text-indent: 0.2em; margin-bottom: 30px;font-weight: 700;text-align: center;line-height: 1.5em}
.contents_title span{font-size: 1.4rem;display: block;font-weight: normal;letter-spacing: 0.1em;text-indent: 0.1em;margin-bottom: 10px}
.area1{background: #9400e5}
.area2{background: #f48a00}
.area3{background: #ce000c}
.area4{background: #0caa21}
.area5{background: #f60d72}
.areaall{background: #000000}
.sidearea li{margin-bottom: 12px;width: 100%}
.sidearea li img{width: 100%;height: auto;border: 3px solid #FF0000;border-radius: 10px}

@media screen and (max-width: 896px) {/*スマホのスタイル*/
.container{margin-top:90px;}
.centerbox{width: 100%}
.gmap {padding-top: 80%/*56.25%*/;}
.mainarea{width:100%;margin-bottom: 30px}
.sidearea{width:100% }
.contents_title{font-size: 1.6rem;margin-bottom: 30px;}
.contents_title span{font-size: 1.3rem;}
.sidearea li{width:48% }
}
#footer{background: #FF0000;padding: 30px 0;text-align: center;color: #fff;margin-top: 60px}
#footer .gnav p{text-align: center;flex: 1;}
#footer .gnav p+p{border-left: 1px solid #fff;}
#footer .gnav a{color: #fff;font-size: 1.4rem}
#footer h2{margin: 20px auto}
#footer .address{font-size: 1.2rem;}
.pagetop{position: fixed;bottom: 10px;right: 10px;display: none}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
#footer .gnav{width: 70%;margin: auto;justify-content: center;-webkit-justify-content: center;border-right: 1px solid #fff;}

#footer h2{width: 40%;}
.pagetop{bottom: 20px;right: 10px;z-index: 99}
}