@charset "utf-8";
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, strong, 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 {background: none repeat scroll 0 0 transparent;border: 0 none;margin: 0;outline: 0 none;padding: 0;font-size:inherit;}
html{font-size:16px;}
body {font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;color:#000;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
h1, h2, h3, h4, h5, h6 {line-height: 1.2;}
ol, ul {list-style: none outside none;}
fieldset, img{vertical-align: bottom;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
br {letter-spacing: 0;}
li, ol {font-size: inherit;}
hr {color: #000;}
em{font-style:normal;}
p{line-height:1.6;}
input, button, textarea, select {margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
pre, code {font: 100% monospace;}
a {text-decoration: none;color: inherit;}
[hidden],template {display: none;}
small{font-size:0.8em;line-height:1.3em;}
em{font-weight:bold;}
strong{font-weight:bold;}

img+small{text-align:center;display:block;margin-top:1em;word-wrap: break-word;word-break : break-all;}

#panel-btn{display:none;}
#panel-wrap{}

#pankuzu {font-size: 12px;margin: 0 auto 2rem;max-width:1000px;text-align:left;text-align:left;}
#pankuzu a {color: #ffbe00;text-decoration: underline;}
#pankuzu a:hover {color: #ffbe00;text-decoration: none;}

.mk{display:block;position:absolute;content:"";background-position:center center;background-size:contain;background-repeat:no-repeat;}

h1,h2,h3,p,a,#main th,#main section dl dt,
.min,.min3{font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
header .sitename,#modal_bg dl dd a,
.goth{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', 'Meiryo','ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;}
a:hover img{filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.row{margin-left:auto;margin-right:auto;position:relative;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.lead{font-size:1.3em;margin:2rem auto;}
.lead.bold{font-weight:bold;}
body{}
body.second{}


/** header **/

header{background:#FFF;}

header .title{height:100vh;position:relative;background:url(./images/mv.jpg) center top no-repeat;background-size:cover;}
header .title .row{height:100%;display:flex;align-items:center;position:relative;width:100%;max-width:1000px;margin:0px auto;padding:0px;}
header .title p{margin-left:30px;}
header .sitename{width:100%;position:fixed;left:0px;top:0px;font-weight:normal;text-align:left;line-height:1;z-index:1200;pointer-events: none;}
header .sitename h1{width:96%;max-width:1000px;margin:10px auto;}


/* #main */

#main,
#contents{width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box;}
#main section > .row{max-width:1000px;margin-left:auto;margin-right:auto;width:1000px;}

section{display:flex;box-sizing:border-box;padding:2rem 0px;min-height:100vh;align-items:center;justify-content:center;}

section dl{font-size:1.1rem;background: linear-gradient(to right, rgba(230,218,204,1) 1%,rgba(255,255,255,1) 100%);padding:1rem;}
section dl:nth-child(even){background:#FFF;}
section dl dt{color:#571C00;}

p a{text-decoration:underline;}
p a:hover{text-decoration:none;}
*:not([class^="btn"]) a{color:inherit;}

.btn{text-align:center;}
.btn img{display:block;margin:0px auto 10px;}
.btn a{margin:0px auto;max-width:220px;text-align:center;padding-right:1em;justify-content:center;text-decoration:none;display:flex;align-items:center;position:relative;height:3em;background:#000;color:#FFF;}
.btn a:after{content:"";display:block;width:0.5em;height:0.5em;border-right:3px solid #FFF;border-top:3px solid #FFF;transform:rotate(45deg);position:absolute;top:50%;right:10px;margin-top:-0.3em;}
.btn a:hover{opacity:0.6;}

.btn.ble a{background:#1E4AA7;}
.btn.org a{background:#E35532;}

.form-actions{text-align:center;display:flex;justify-content:space-around;}
input[type=button].btn,
button.btn{width:220px;text-align:center;padding-right:1em;justify-content:center;text-decoration:none;display:flex;align-items:center;position:relative;height:3em;background:#000;color:#FFF;font-size: 1rem;padding: 0px 10px 0px 10px;margin: 0px auto;}
button.btn:after{content:"";display:block;width:0.5em;height:0.5em;border-right:3px solid #FFF;border-top:3px solid #FFF;transform:rotate(45deg);position:absolute;top:50%;right:10px;margin-top:-0.3em;}
button.btn:hover{background:#99000;}

input[type=button].btn.back{background:#990000;}

#main .leftimg{float:left;margin-right:1rem;margin-bottom:1rem;}
#main .rightimg{float:right;margin-left:1rem;margin-bottom:1rem;}
#main .leftimg img,
#main .rightimg img{width:auto;height:auto;max-width:100%;display:block;}

#main strong{color:#EE0000;}

span.error{color:#EE0000;}


h1,h2,h3,
h4{position:relative;font-weight:normal;}


#main h1{font-size:2rem;margin:0rem 0px 2rem;}
#main h2{font-size:2.3rem;margin:2rem 0px 4rem;}
#main h3{font-size:1.7rem;margin: 2.4rem 0px 2rem 0px;}
#main h4{font-size:1.4rem;margin:2rem 0px 1rem;}

#main h2.line{text-align:center;display:flex;justify-content:center;align-items:center;width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}
#main h2.line:before,
#main h2.line:after{content:"";display:block;flex-grow:1;margin-top:1rem;height:1px;background:#000;}
#main h2.line span{margin:0px 1.5rem;}
#main h2 small{display:block;font-size:1rem;letter-spacing:0.12em;margin-bottom:5px;}

#main #modal_3 p.lead{}
#main #modal_3 h3{background:#42210B;color:#FFF;font-size: 1.2rem;margin: 2rem 0px 1rem;padding: 0.4rem;}
#main p{margin: 1rem auto 1rem auto;line-height:1.7;}

#main section#catalog{}
#main section#catalog h2{border-bottom:1px solid #FFF;margin:0px 0px 1rem;padding-bottom:1rem;}


#main ul,#main ol {margin: 0px 0px 15px 0px;list-style: decimal outside none;}
#main ul {margin: 10px 0px;padding:0px;}
#main ul li{list-style-type:none;padding-left:1.5rem;position:relative;margin:10px 0px;font-size:1rem;line-height: 1.3em;}
#main ul li:before{content:"";display:block;transform:rotate(45deg);width:10px;height:10px;background:#500A1C;position:absolute;left:5px;top:5px;}
#main ul li a{color:#000;}
#main ul li a:hover{opacity:0.5;}

#main ol{list-style: none;counter-reset: ol_li; margin: 10px 0px;padding:10px;}
#main ol li {position:relative;margin: 10px 0px;padding-left:1.5rem;line-height: 1.3em;}
#main ol li:before {width:1.3rem;height:1rem;text-align:right;line-height:1.3em;color: #ff825a;font-weight:bold;margin-right: .8em;counter-increment: ol_li;content: counter(ol_li);display:block;position:absolute;left:-0.3rem;top:0px;font-size:1rem;}


table {border-collapse:separate;border-spacing:4px;empty-cells:show;font-size: 1rem;margin: 1.5rem 0px;word-break:break-all;}

#main th{text-align:left;background:#E6DCD1;color:#571C00;padding:1rem;width:20%;font-size:1.1rem;line-height:1.3em;font-weight:normal;}
#main td{padding:0.9rem;background:#FFF;line-height:1.4em;}

#modal_confim th{text-align:left;background:#E6DCD1;color:#571C00;padding:1rem;width:20%;font-size:1.1rem;line-height:1.3em;font-weight:normal;}
#modal_confim td{padding:0.9rem;background:#FFF;line-height:1.4em;}

section#catalog{color:#FFF;background:url(./images/bg1p.png) left top repeat,url(./images/bg1c.png) left top repeat-x;background-size:auto,contain;}


section#contact{background:url(./images/bg2p.png) left top repeat,url(./images/bg2c.png) left top repeat-x;background-size:auto,contain;}

footer #gototop{left:auto;right:10px;top:auto;bottom:20px;display:none;margin-left:auto;position:fixed;}

footer{position:relative;background:#42210B;color:#FFF;padding-top:30px;box-sizing:border-box;margin-top:0px;}

footer > .row{max-width:1000px;width:92%;margin:0px auto;}
footer h3{font-size:1.8rem;}
footer #fm{position:absolute;right:0px;top:0px;}
footer #fm a{font-weight:normal;display;inline-block;}
footer #fm a:hover{text-decoration:underline;}
footer #fm a+a{margin-left:10px;border-left:1px solid #FFF;padding-left:10px;}


#ff{ font-size:0.8rem;text-align:center;padding:10px 0px;}


body:not(.fixed).bbg .sitename img{filter: brightness(100) invert(0);transition: filter 0.3s ease;}

#overlay,
#modal_bg{display:none;background:rgba(0,0,0,0.7);position:fixed;top:0px;left:0px;width:100%;height:100vh;z-index:1300;}
#overlay,
#modal_bg.active{display:flex;align-items:center;justify-content:center;}

#modal_confim,
#modal_bg .modal{max-height:93vh;overflow-y:scroll;width:90%;max-width:500px;display:block;padding:20px;background:#FFF;box-sizing:border-box;}
#modal_bg .modal#modal_3{max-width:800px;}
#modal_confim h3,
#modal_bg .modal dl dt{color:#FFF;font-size:1.3rem;text-align:center;padding:5px 10px;}
#modal_confim h3,
#modal_bg .modal dl dt.ble{background:#1E4AA7;}
#modal_bg .modal dl dt.org{background:#E35532;}
#modal_bg .modal dl dd a{display:block;padding:12px 0px;border-bottom:1px solid #000;}

#modal_confim{max-width:800px;}

#modal_bg .modal .close_modal{text-align:center;}



form table{width:100%;}
form input,
form textarea{font-size:1rem;padding:10px;width:90%;}
form textarea{height:6rem;}

form input:focus,
form textarea:focus{background:#EFEFEF;}

form input:focus::placeholder,
textarea:focus::placeholder{color:transparent;}


#leadblock{position:absolute;left:38px;width:189px;height:436px;background:url(./images/line.png) left top no-repeat;}
#leadblock img{position:absolute;transition-property:all; transition-duration:1s;opacity:0;}
#leadblock #lb1.mov{right:23px;top:0px;opacity:1;}
#leadblock #lb1{right:16px;top:0px;opacity:0;transition-delay:0;}
#leadblock #lb2.mov{right:-1px;top:106px;opacity:1;}
#leadblock #lb2{right:-7px;top:106px;opacity:0;transition-delay:0.4s;}
#leadblock #lb3.mov{right:14px;top:168px;opacity:1;}
#leadblock #lb3{right:-0px;top:168px;opacity:0;transition-delay:0.8s;}
#leadblock #lb4.mov{right:30px;top:266px;opacity:1;}
#leadblock #lb4{right:20px;top:266px;opacity:0;transition-delay:1.2s;}
#leadblock #lb5.mov{left:0px;top:105px;opacity:1;}
#leadblock #lb5{left:0px;top:97px;opacity:0;transition-delay:1.8s;}
#leadblock #lb6.mov{left:32px;top:196px;opacity:1;}
#leadblock #lb6{left:32px;top:187px;opacity:0;transition-delay:2.4s;}
#leadblock #lb7.mov{left:0px;top:272px;opacity:1;}
#leadblock #lb7{left:0px;top:260px;opacity:0;transition-delay:2.8s;}
#leadblock #lb8.mov{left:42px;top:348px;opacity:1;}
#leadblock #lb8{left:42px;top:335px;opacity:0;transition-delay:3.2s;}

.fuwafuwa {
-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;
}

@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -4px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}
}

@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -4px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}



@media screen and (min-width: 751px){
html{font-size:16px;line-height:1.8;}
header .sitename img{max-width:250px;}

#panel-wrap{position:fixed;width:100%;top:0px;left:0px;display:block;z-index:1000;}
#panel-wrap .g_nav{margin:0px auto;display:flex;width:100%;max-width:1000px;justify-content:flex-end;}
.g_nav a{color:#FFF;display:flex;background:#571C00;padding:10px 2rem;line-height:1;font-weight:normal;}
.g_nav a:hover{background:#e15d1f;color:#FFF;}
.g_nav a+a{margin-left:5px;}
.g_nav div.close{display:none;}

.bbg .g_nav a{background:#FFF;color:#571C00;transition-property:all; transition-duration:0.3s;}


section dl{display:flex;justify-content:space-between;}
section dl dt{flex-basis:23%;max-width:23%;}
section dl dd{flex-basis:75%;max-width:75%;}

section#catalog > .row{padding:0px 0px 0px 470px;background:url(./images/p1b.png) -20px center no-repeat;background-size:contain;}
section#catalog > .row.n2025{padding:0px 0px 0px 470px;background:url(./images/p1b_2025.png) -20px center no-repeat;background-size:contain;}
section#catalog > .row .row.col2{padding-left:100px;}

.fb_iframe_widget iframe,
.fb_iframe_widget span{width:290px!important;max-width:100%!important;}

#facebook{height:800px;}

}


@media screen and (max-width: 750px){

html{line-height: 1.8;font-size:16px;}

body.fixed{pwidth:100%;}
header{position:relative;}

header .sitename{max-width:250px;}

header {margin-bottom:0px;}
header .title{padding:5rem 1rem 3rem;box-sizing:border-box;height:auto;background-image:url(./images/mv_sp.jpg);}
header .title p{}
header .title img{max-width:100%;height: 60vw;}

#main p.center{text-align:left;}

#contents{padding:0px 0%;box-sizing:border-box;display:block;margin-bottom:0rem;}

#side{display:none;}

#main section{min-height:auto;display:block;}
#main section > .row{width:92%;}

#main section#catalog h2{text-align:center;}
#main section#catalog h2+p{text-align:center;}

#facebook{max-width:340px;margin:0px auto;}

#main h1{font-size: 1.6rem;line-height:1.2em;height:auto;margin-bottom:1rem;}
#main h2{font-size:1.5rem;}
#main h3{font-size:1.2rem;}
#main h4{font-size: 1.1rem;}
#main h4{font-size:1.1rem;}

#main p{line-height:1.8;}


#main .table-layout table{width:750px;}
#main .table-layout{overflow:auto;overflow-x: scroll; width: 100%;}
#main .table-layout::-webkit-scrollbar{height: 5px;}
#main .table-layout::-webkit-scrollbar-track{background: #F1F1F1;}
#main .table-layout::-webkit-scrollbar-thumb {background: #BCBCBC;}

#main table{display:block;}
#main table thead{display:none;}
#main table tbody{display:block;}
#main table tr,
#main table tr th,
#main table tr td{display:block;border-bottom:2px solid #FFF;}
#main table tr{}
#main table tr th{width: auto;}

#main .leftimg,
#main .rightimg{float:none;margin-left:auto;margin-right:auto;}
#main .leftimg img,
#main .rightimg img{display:block;margin-left:auto;margin-right:auto;}
#main .alignnone img{max-width:100%;height:auto;display:block;width:auto;}


#freebottom {padding:0px;}
#main ul li{margin:4px 0px;}

#panel-btn{top:10px;right:10px;position:fixed;margin-top:0px;}
#panel-btn{background:#571C00;padding-top:4px;z-index:1200;font-size:0.65em;text-align:center;color:#FFF;font-weight:600;box-sizing:border-box;display: block;width:45px;height:48px;}
#panel-btn-icon{display: block;position: absolute;top: 12px;left: 20%;width: 60%;height: 2px;background: #FFF;transition: .2s;margin-top: 10px;border-radius:3px;}
#panel-btn-icon:before, #panel-btn-icon:after{display: block;content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 2px;background: #FFF;transition: .3s;border-radius:3px;}
#panel-btn-icon:before{margin-top: -9px;}
#panel-btn-icon:after{ margin-top: 7px;}
#panel-btn .close{background: transparent;}
#panel-btn .close:before, #panel-btn .close:after{margin-top: 0;}
#panel-btn .close:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
#panel-btn .close:after{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}


#panel-wrap{width:100%;margin-left:0rem;position:absolute;display:none;top:100%;left:0px;z-index:1000;box-sizing:border-box;padding-top:100px;}
#panel-wrap.active{background:#FFF;position:fixed;top:0px;left:0px;height:100vh;display:block;padding:0rem 0px 0px;box-sizing:border-box;}
.g_nav {margin-top:20vw;border-top:1px solid #000;}
.g_nav > a{display:block;padding:1rem;border-bottom:1px solid #000;}
.g_nav .close{width:100%;box-sizing:border-box;position:absolute;bottom:0px;left:0px;}
.g_nav .close a{display:flex;padding:1rem;background:#571C00;color:#FFF;text-align:center;justify-content:center;}

section .gmap{max-width:100%;margin-bottom:1rem;}
section .gmap iframe{max-width:100%;}

footer{text-align:center;margin-top:0px;padding-top:1rem;display:flex;flex-direction:column;}
footer h3{font-size:inherit;}
footer #fm{display:none;}

::-webkit-scrollbar {width: 3px;height:3px;}
::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, .2);}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .4);box-shadow:0 0 0 1px rgba(255, 255, 255, .3);}


#modal_bg .modal{padding:10px;}
}


@media screen and (max-width: 360px){
html{font-size:13px;}

}