l@charset "UTF-8";
html.wf-loading [data-char-span] {
}
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 { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; box-sizing:border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block;}
body {color: #00331D;line-height: 1;}
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;}
form button:hover{ cursor: pointer; cursor: hand; opacity: 0.8; }
.wysiwyg iframe{ max-width: 100%; }
img{ width: 100%; height: auto;}
/* WEB FONTs 游ゴシックかすれ予防*/
.f-gothic { font-family: "Shippori Mincho", serif; font-style: normal; }
.f-min{ font-family: "Shippori Mincho", serif; font-style: normal;}
.f-en{ font-family: "Cinzel", serif;}
.main-title .jp{ font-family: "Shippori Mincho", serif; }
.page-list{ font-family: "EB Garamond", serif; }
/* .fadeCom{opacity: 0; -webkit-transition: 1500ms ease; -o-transition: 1500ms ease; transition: 1500ms ease; -webkit-transform: translate3d(0, 30px, 0) scale(0.9825, 0.9825); -ms-transform: translate3d(0, 30px, 0) scale(0.9825, 0.9825); transform: translate3d(0, 30px, 0) scale(0.9825, 0.9825); -webkit-transition-property: opacity,transform; -o-transition-property: opacity,transform; transition-property: opacity,transform; }
.fadeCom__On{-webkit-transform:translate3d(0, 0, 0) scale(1,1); -ms-transform:translate3d(0, 0, 0) scale(1,1); transform:translate3d(0, 0, 0) scale(1,1); opacity: 1; }
/* 初期状態 */
.fadeCom {
opacity: 0;
transform: translate3d(0, 10px, 0);
filter: blur(2px);
transition:
opacity 1.8s ease,
transform 1.1s ease,
filter 1.1s ease;
}
/* 表示状態 */
.fadeCom__On {
opacity: 1;
transform: translate3d(0, 0, 0);
filter: blur(0);
}
/* loading------------------------------------------------ */
#wrap.load{opacity: 1;transition: opacity 1800ms;-moz-transition: opacity 1800ms;-webkit-transition: opacity 1800ms;-o-transition: opacity 1800ms;}
#com_loading__box {height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #fff; z-index: 99999999999999; -webkit-transition: all 400ms; -o-transition: all 400ms; -moz-transition: all 400ms; transition: all 400ms; }
/*プログレスバー*/
#com_loading {width: 0; height: 5px; background: #222222; position: fixed; top: 0; left: 0; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
#com_loading__img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate( -50%,-50% ); -ms-transform: translate( -50%,-50% ); transform: translate( -50%,-50% ); }
#com_loading__img img{ -webkit-filter: brightness(0); filter: brightness(0);}
/*確認画面と完了画面を非表示*/
.confirm_area, .thanks_area { display: none; }
/*デフォルトのサンクスメッセージを非表示*/
.wpcf7-response-output{ display: none; }
#systmttl{ display: none;}
/* common */
a:hover{ text-decoration: none; }
@media screen and (min-width: 768px), print {
html{font-size: 62.5%;}
#side-fixn{position: fixed;top: 188px;right: 0;z-index: 10;}
#side-fixn ul{ }
#side-fixn ul li{margin-bottom: 10px; border-radius: 10px 0px 0px 10px; background: #fff;}
#side-fixn ul li a img{ opacity: 1; transition: all 0.3s ease-in-out;}
#side-fixn ul li a:hover img{ opacity: 0.7; }
#footerback{position: relative;z-index: 6;margin-bottom: -13px;background: url(../images/common/foot-back.png)repeat-x bottom left;padding: 290px 3rem 0;overflow: hidden;}
header .mr10{ margin-right: 10px; }
.sp-h-menu{ display: none; }
.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}
#toc_container { overflow: hidden; }
.toggle-toc { display: inline-block; margin-left: 10px; color: #fff; cursor: pointer; }
.toc_title { display: flex; justify-content: space-between; align-items: center; background-color: #333; color: #fff; padding: 10px; }
.toc_list { display: block; /* 初期状態は表示 */ }
/* bese */
body {background: url(../images/common/head-back.jpg)repeat-x top center,url(../images/common/body-back.jpg)repeat top center;font-size: 1.6rem;/* overflow-x: hidden; */line-height: 2;letter-spacing: 0.16rem;font-weight: 400;padding-top: 7rem;}
header{width: 100%;height: 135px;position: fixed;left: 0;top: 0;z-index: 10;background: url(../images/common/common-headback.png)repeat-x top center;}
header .inner-Box{padding: 35px 0 0 50px;}
header .h-logo {}
header .h-logo img{width: 20rem;}
header .head-glnavi{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;position: absolute;top: 3.7rem;right: 48.3rem;z-index: 3;}
header .head-glnavi li.list {font-size: 1.6rem;letter-spacing: 0.32rem;font-weight: 400;margin-left: 3.67rem;position: relative;}
header .head-glnavi li.list a{transition: all 0.3s ease-in-out;color: #fff;}
header .head-glnavi li.list a:hover{ color: #F7E2B0; }
header .head-glnavi li.list a{transition: all 0.3s ease-in-out;color: #fff;}
header .head-glnavi li.list span.pulll{ color: #fff; position: relative;}
header .head-glnavi li.list span.pulll::before{content: url(../images/common/arr.svg);position: absolute;top: -3px;right: -17px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transform: rotate(90deg);transform-origin: center;}
header .head-glnavi li.list span.pulll { cursor: pointer;}
header .dropmenu li.list ul.sub {visibility: hidden;opacity: 0;transition: 0s;position: absolute;top: 32px;left: 0;margin: 0;z-index: 500;width: 294px;padding: 10px;background: #fff;border-radius: 10px;}
header .dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
header .dropmenu li.list ul li span { font-size: 1.4rem; }
header .dropmenu li.list ul li a {visibility: hidden;opacity: 0;transition: 0.9s;display: block;width: 294px;padding: 0px 10px 0px 20px;color: #000;border-bottom: none;font-size: 1.6rem;position: relative;}
header .dropmenu li.list ul li a::before{ content: url(../images/common/arr.svg); position: absolute; top: 0; left: 7px;}
header .dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }
header .dropmenu li.list:hover ul li a:hover { color: #005F37; }
header .head-sns{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;position: absolute;top: 3rem;right: 41.1rem;z-index: 3;}
header .head-sns li {margin-left: 2.57rem;}
header .mbtn{position: absolute;top: 0;right: 21.3rem;}
header .mbtn a {position: relative;display: block;width: 15.8rem;height: 7.8rem;border-radius: 0px 0px 15px 15px;background: #FFFFFF;text-align: center;font-size: 1.6rem;letter-spacing: 0.16rem;line-height: 1.5; /* 高さに合わせて中央寄せ */color: #005F37;overflow: hidden;z-index: 0;padding-top: 1.5rem;transition: all 0.3s ease-in-out;}
header .mbtn a:hover{ background: #005F37; color: #fff; }
header .mbtn2{position: absolute;top: 0;right: 4.9rem;}
header .mbtn2 a {position: relative;display: block;width: 15.8rem;height: 7.8rem;border-radius: 0px 0px 15px 15px;background: #005F37;text-align: center;font-size: 1.6rem;letter-spacing: 0.16rem;line-height: 1.5; /* 高さに合わせて中央寄せ */color: #fff;overflow: hidden;z-index: 0;padding-top: 1.5rem;transition: all 0.3s ease-in-out;}
header .mbtn2 a:hover{ background: #fff; color: #005F37; }
#global-nav{ display: none;}
.morebtn {display: inline-block;width: 100%;height: 70px;background: #005F37;clip-path: polygon( 5% 0%, 95% 0%, 100% 20%, 100% 78%, 95% 100%, 5% 100%, 0% 78%, 0% 23% );padding: 1px;}
.morebtn a {display: inline-block;width: 100%;height: 68px;border: none;background-color: #005F37;color: #fff;font-size: 1.6rem;text-align: left;font-weight: 400;clip-path: polygon( 5% 0%, 95% 0%, 100% 20%, 100% 78%, 95% 100%, 5% 100%, 0% 78%, 0% 23% );transition: all 0.3s ease;padding: 19px 31px;}
.morebtn a .arr{display: block;line-height: 1;position: absolute;top: 23px;right: 30px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 7px;}
.morebtn a:hover{ background: #fff; color: #005F37; }
.morebtn a:hover .arr{ -webkit-filter: none; filter: none;}
.morebtn2 {display: inline-block;width: 100%;height: 70px;background: #005F37;clip-path: polygon( 5% 0%, 95% 0%, 100% 20%, 100% 78%, 95% 100%, 5% 100%, 0% 78%, 0% 23% );padding: 1px;}
.morebtn2 a {display: inline-block;width: 100%;height: 68px;border: none;background-color: #fff;color: #005F37;font-size: 1.6rem;text-align: left;font-weight: 400;clip-path: polygon( 5% 0%, 95% 0%, 100% 20%, 100% 78%, 95% 100%, 5% 100%, 0% 78%, 0% 23% );transition: all 0.3s ease;padding: 19px 31px;position: relative;}
.morebtn2 a .arr{display: block;line-height: 1;position: absolute;top: 23px;right: 30px;width: 7px;}
.morebtn2 a:hover{ background: #005F37; color: #fff; }
.morebtn2 a:hover .arr{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
p.dlbtn {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;}
p.dlbtn a {font-size: 1.6rem;letter-spacing: 0.112rem;color: #fff;display: block;width: 14.7rem;height: 4rem;background: #005F37; border: #005F37 1px solid; transition: all 0.3s ease-in-out; border-radius: 30px;position: relative;padding: 0.3rem 0.3rem 0.3rem 2.4rem;}
p.dlbtn a .arr{width: 0.6rem;height: 0.8rem;display: block;position: absolute;top: -0.7rem;right: 1.6rem;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transition: all 0.3s ease-in-out;}
p.dlbtn a:hover { background: #fff; color: #005F37; }
p.dlbtn a:hover .arr{ -webkit-filter: none;filter:none; }
p.dlbtn2 {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;}
p.dlbtn2 a {font-size: 1.6rem;letter-spacing: 0.112rem;color: #005F37;display: block;width: auto;height: 4rem;background: #fff;border: #fff 1px solid;transition: all 0.3s ease-in-out;border-radius: 30px;position: relative;padding: 0.3rem 3.9rem 0.3rem 2.4rem;}
p.dlbtn2 a .arr{width: 0.6rem;height: 0.8rem;display: block;position: absolute;top: -0.7rem;right: 1.6rem;-webkit-filter: none;transition: all 0.3s ease-in-out;}
p.dlbtn2 a:hover { background: #005F37; color: #fff; }
p.dlbtn2 a:hover .arr{ filter:none;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1); }
.base-title{font-size: 3.2rem;line-height: 2;letter-spacing: 0.192rem;font-weight: 700;top: -8px;left: 0px;}
.base-title .f-en{display: block;font-size: 1.4rem;line-height: 37px;letter-spacing: 0.14rem;font-weight: 400;margin-bottom: -14px;position: relative;z-index: 3;}
.base-title .jpn{ position: relative; z-index: 3; }
.base-title .arr{position: absolute;top: -32px;left: 20px;z-index: 0;}
#contentsend {margin: 0 auto 155px;position: relative;background: url(../images/common/contentsend-back01.svg) no-repeat top 44px center, linear-gradient(180deg, #FAEDCD 0%, #F7E2B0 100%);max-width: 1100px;height: 388px;}
#contentsend::before{content: "";background: url(../images/common/contentsend-icon01.svg)no-repeat top center;width: 35px;height: 121px;display: block;position: absolute;bottom: 31px;left: 31px;transform: scale(1, -1);}
#contentsend::after{content: "";background: url(../images/common/contentsend-icon01.svg)no-repeat top center;width: 35px;height: 121px;display: block;position: absolute;bottom: 31px;right: 31px;transform: scale(-1, -1);}
#contentsend .inner-Box::before{ content: ""; background: url(../images/common/contentsend-icon01.svg)no-repeat top center; width: 35px; height: 121px; display: block; position: absolute; top: 31px; left: 31px; }
#contentsend .inner-Box::after{ content: ""; background: url(../images/common/contentsend-icon01.svg)no-repeat top center; width: 35px; height: 121px; display: block; position: absolute; top: 31px; right: 31px; transform: scale(-1, 1);}
#contentsend .inner-Box {margin: 0 auto;position: relative;text-align: center;padding: 0 6rem;}
#contentsend .inner-Box h2 {font-size: 2.5rem;line-height: 1.5;font-weight: 500;letter-spacing: 0.5rem;margin-bottom: 19px;position: relative;color: #005F37;padding: 41px 0 0;}
#contentsend .inner-Box h2::before{content: "";display: block;position: absolute;top: 59px;left: 50%;width: 210px;height: 1px;background: #005F37;margin-left: -436px;}
#contentsend .inner-Box h2::after{content: "";display: block;position: absolute;top: 59px;left: 50%;width: 210px;height: 1px;background: #005F37;margin-left: 231px;}
#contentsend .inner-Box p.entext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.315rem;margin-bottom: 3rem;position: relative;color: #005F37;margin-bottom: 0px;}
#contentsend .inner-Box p.teltext {font-size: 3rem;line-height: 2;font-weight: 700;letter-spacing: 0.3rem;margin-bottom: -1rem;position: relative;color: #005F37;}
#contentsend .inner-Box p.teltext span.sp-tl-link {font-size: 4.5rem;letter-spacing: 0.315rem;display: inline-block;position: relative;right: -5px;}
#contentsend .inner-Box p.etimetext {font-size: 1.6rem;line-height: 2;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 3rem;position: relative;color: #005F37;}
#contentsend .inner-Box p.etimetext span {display: inline-block;border: 1px solid #005F37;padding: 0 7px;margin-right: 7px;}
#contentsend .inner-Box ul.endlist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 679px;margin: 0 auto;}
#contentsend .inner-Box ul li {position: relative;width: 47.1%;margin-right: 5.8%;}
#contentsend .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#mainttlbox{max-width: 1200px;margin: 0 auto 54px;padding: 13px 0 0;text-align: center;}
#mainttlbox span {display: block;width: 30px;margin: 0 auto -5px;}
#mainttlbox h1{font-size: 3.5rem;color: #fff;font-weight: 500;letter-spacing: 0.7rem;}
.contactbtn{text-align: left;position: relative;}
.contactbtn a{position: relative;display: inline-block;font-weight: 500;font-size: 1.3rem;line-height: 1.6;letter-spacing: 0.054rem;pad;width: 290px;transition: all 0.3s ease;text-align: left;border-radius: 26px;}
.contactbtn a:hover{ text-decoration: none; color: #ABAD80;}
.contactbtn a:hover span.arr{ right: 18px; }
.contactbtn a span.arr{width: 7px;display: block;position: absolute;top: 8px;right: 23px;transition: all 0.3s ease-in-out;}
.contactbtn2 a{position: relative;display: block;background: none;font-weight: 500;font-size: 1.7rem;letter-spacing: 0.17rem;line-height: 1.6;pad;width: 300px;height: 60px;border-radius: 30px;padding: 17px 29px 17px 32px;text-align: center;border: 1px solid #232323;transition: all 0.3s ease;}
.contactbtn2 a::before{content: "";width: 8px;height: 8px;display: block;background: #232323;border-radius: 50%;position: absolute;top: 25px;right: 19px;transition: transform 0.3s ease, background 0.3s ease; /* スムーズに変化 */transform: scale(1);transform-origin: center;}
.contactbtn2 a:hover{ letter-spacing:0.26rem;text-decoration: none; border: #6F6F6F 1px solid;color: #6F6F6F;}
.contactbtn2 a:hover::before { transform: scale(0.8); /* ホバー時に1.3倍 */ background: #6F6F6F;}
.contactbtnardw a{border: #665B50 1px solid;position: relative;display: block;background: #665B50;color: #fff;font-weight: 500;font-size: 16px;line-height: 1.6;letter-spacing: 1.6px;pad;width: 305px;height: 60px;border-radius: 30px;padding: 17px 29px;transition: all 0.3s ease;}
.contactbtnardw a span {position: absolute;top: 21px;right: 19px;line-height: 0;transition: top 0.3s;}
.contactbtnardw a span img{filter: invert(1);transform: rotate(90deg); transform-origin: center;width: 15px;height: auto;transition: filter 0.3s;}
.contactbtnardw a:hover{letter-spacing:0.26rem; text-decoration: none; border: #232323 1px solid;background: #fff;color: #232323;}
.contactbtnardw a:hover span.arr {top: 26px;}
.contactbtnardw a:hover span.arr img{ filter: invert(0);transform: rotate(90deg); transform-origin: center; }
.pritext{text-align: center;font-size: 1.6rem;position: relative;top: -3px;left: -19px;letter-spacing: 0.5px;margin-bottom: 24px;}
.pritext a{ color: #639360; text-decoration: underline;}
input[type="checkbox"] {position: relative;height: 22px;width: 22px;vertical-align: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;border: 1px solid #2D5823;background: #fff;top: 7px;left: 10px;margin-right: 12px!important;}
input[type="checkbox"]:checked:before {position: absolute;top: 0.3px;left: 6px;transform: rotate(43deg);height: 14px;width: 6px;border-right: 1px solid #2D5823;border-bottom: 1px solid #2D5823;content: '';}
.open-main-Box{ width: 1200px; margin: 0 auto; text-align: center; }
footer{width: 100%;max-width: 1100px;position: relative;margin: 0 auto -10px;padding: 76px 0rem 114px;z-index: 3;color: #fff;}
footer .footer-contact-Box{max-width: 1102px;margin: 0 auto 33px;position: relative;padding: 0px 0px 0px 25.7rem;}
footer::before{ content: ""; background: url(../images/common/footicon.svg); width: 337px; height: 354px; display: block; background-size: 100% auto; position: absolute; top: 0; right: -310px; }
footer a{ color: #fff;transition: all 0.3s ease-in-out;}
footer a:hover{ color: #F7E2B0; }
footer .about-Box{width: 220px;position: absolute;top: 10px;left: 2px;}
footer .about-Box .f-logo{width: 200px;margin-bottom: 17px;}
footer .about-Box .f-text{font-size: 1.4rem;line-height: 1.8;margin-bottom: 8px;}
footer .about-Box .f-text2{font-size: 1.4rem;letter-spacing: 0.098rem;margin-bottom: 13px;}
footer .about-Box .f-sns{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
footer .about-Box .f-sns li{margin-right: 26px;}
footer .link-Box{}
footer .link-Box .f-list1{float: left;width: 18.7%;}
footer .link-Box .f-list2{float: left;width: 29.4%;}
footer .link-Box .f-list3{float: left;width: 19.5%;}
footer .link-Box .f-list4{float: left;width: 30.7%;}
footer .link-Box li{ }
footer .link-Box li.mmlink{position: relative;margin-bottom: 8px;font-size: 1.6rem;}
footer .link-Box li.slink{font-size: 1.4rem;margin-bottom: 7.2px;position: relative;}
footer .link-Box li.mmlink::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 5px;height: 7px;display: block;position: absolute;top: 1.4rem;left: -10px;background-size: 100% auto;}
footer .link-Box li.slink::before{content: "";width: 7px;display: block;height: 1px;background: #fff;position: absolute;top: 14px;left: -11px;}
footer .link-Box li.mmlink span{ font-size: 1.4rem; }
footer .in-Box2{max-width: 1100px;margin: 0 auto;position: relative;}
footer .in-Box2 .flist{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
footer .in-Box2 .flist li{position: relative;margin-right: 28px;}
footer .in-Box2 .flist a{font-size: 1.2rem;padding-left: 12px;}
footer .in-Box2 .flist a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 5px;height: 7px;display: block;position: absolute;top: 1.6rem;left: 1px;background-size: 100% auto;}
footer .in-Box2 .flist2{ }
footer .in-Box2 .flist2 a{border-radius: 20px;display: block;width: auto;height: 40px;background: #fff;border: 1px solid #005F37;color: #005F37;text-align: center;padding: 3px 35px 0 24px;margin-left: 30px;position: relative;transition: all 0.3s ease-in-out;font-size: 1.6rem;}
footer .in-Box2 .flist2 a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;/* -webkit-filter: brightness(0) invert(1); *//* filter: brightness(0) invert(1); */width: 5px;height: 7px;display: block;position: absolute;top: 1.6rem;right: 15px;background-size: 100% auto;transition: all 0.3s ease-in-out;}
footer .in-Box2 .flist2 a:hover{ background: #005F37; color: #fff; }
footer .in-Box2 .flist2 a:hover::before{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
footer .in-Box2 .flist2 { position: absolute; top: 10px; right: 0; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
footer .in-Box2 .copyright{font-size: 1.2rem;padding-top: 9px;display: inline-block;}
/* 2カラムサイト----------------
#tow-cl{ width: 1100px; margin: 0 auto; padding: 20px 0;}
#tow-cl main{ width: 800px!important; float: left; }
#tow-cl #side{ width: 280px; float: left; margin-right: 19px; background: #333; height: 800px; }
#blog #tow-cl #side{ display: none;}
#blog #tow-cl main{ width: 1100px !important;}*/
/*common layout*/
#main{padding: 73px 50px 0;margin: 0 auto 80px;position: relative;z-index: 8;}
#contentsall{width: 100%;margin-bottom: 40px;}
#title_wrap{position: sticky;top: 20px;left: 20px;width: 214px;padding: 10px;border-radius: 8px;height: 410px;}
.main-title{margin-bottom: -2px;position: absolute;padding-top: 14px;}
.main-title .jp {display: block;line-height: 1;font-size: 3.2rem;font-weight: 700;letter-spacing: 0.38rem;writing-mode: vertical-rl;left: 0;position: relative;}
.main-title span{position: absolute;top: 0%;left: 103px;transform: translateY(-50%);z-index: -1;mix-blend-mode: multiply;}
h2.sub-title{ padding: 25px 20px 10px; margin-bottom: 50px; font-size: 28px; font-weight: bold; letter-spacing: 2px; text-align: center; border-bottom: solid 2px #000;}
.seo_bread_list{width: 100%;max-width: 1219px;padding: 42px 6rem 0;margin: 0px auto 23px;font-size: 1.2rem;letter-spacing: 0.084rem;line-height: 1.4;/* overflow-x: auto; */display: none;color: #fff;}
.homeicon{position: relative;display: inline-block;margin-right: 6px;top: -3px;}
.hmarr{position: relative;top: -5.5px;left: 0px;display: inline;margin: 0 10px 0 6px;width: 6px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.seo_bread_list li{ margin-right: 20px; float: left; }
.seo_bread_list a{color: #fff;}
.seo_bread_list a:hover{ text-decoration: none; }
.seo_bread_list li::after{ content: " >"; }
.seo_bread_list li:last-child::after{ content: ""; }
#panlistid {/* white-space: nowrap; */ /* 開業を防ぐ *//* overflow-x: auto; */ /* 横スクロールを有効化 *//* overflow-y: hidden; */ /* 不要な縦スクロールを非表示 */display: block; /* 要素を横並びに表示 */}
#panlistid ul {/* display: inline-flex; */ /* 子要素を横並びに *//* align-items: center; */ /* 要素の縦位置を中央揃え *//* list-style: none; */ /* liのデフォルトスタイルを削除 */line-height: 1.5;}
#panlistid span, #panlistid a {display: inline; /* インラインブロックで横並び */text-decoration: none; /* リンクの下線を削除 */}
/*pc・タブレットcss*/
/*pc_defaultset*/
.pc { display: block !important; }
/*pcのみ表示ブロック*/
.pc2 { display: inline-block !important; }
/*pcのみ表示ブロック*/
.sp, .sp2 { display: none !important; }
/*スマホのみ表示ブロック*/
.h_menu { display: none; }
/*スマホ用ヘッダ*/
.sp-header { display: none; }
/*スマホ用メニュー*/
#sp-global-nav { display: none; }
/*スマホ用メニュー*/
.sp-fix-list { display: none; }
/* Antialiasing ※任意 */
.fit img { object-fit: cover; font-family: "object-fit: cover;"; }
html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
body {-webkit-text-size-adjust: 100%;}
img { vertical-align: bottom; }
a {text-decoration: none;color: #333;}
/* clearfix */
.clearfix { zoom: 1; }
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
/* wysiwyg */
.wysiwyg {word-wrap: break-word;margin: 0 0 3px;}
.wysiwyg strong { font-weight: bolder; }
.wysiwyg em { }
.wysiwyg img { max-width: 100% !important; height: auto; margin-bottom: 30px; }
.wysiwyg p {min-height: 1.6rem;font-weight: 400;min-width: 10px;margin-bottom: 4rem;font-size: 1.6rem;line-height: 2;letter-spacing: 0.16rem;}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {font-weight: bold;text-align: left;}
.wysiwyg h1 { padding: 12px 24px; font-size: 24px; line-height: 1.6; margin: 10px 5px;}
.wysiwyg h2 {padding: 11px 15px 11px;font-size: 1.8rem;letter-spacing: 0.126rem;margin: 0px 0px 2rem;}
.wysiwyg h3{font-size: 1.7rem;line-height: 1;font-weight: 700;letter-spacing: 0.054rem;margin-bottom: 2rem;position: relative;padding: 1px 0 13px 15px;}
.wysiwyg h3::before{ content: ""; background: url(../images/privacy/icon01.svg)no-repeat top center; width: 12px;height: 12px;display: block;position: absolute;top: 6px;left: 0;}
.wysiwyg h4 { padding: 0 0 10px; font-size: 18px; line-height: 1.6; margin: 10px 5px;}
.wysiwyg h5 { padding: 0 0 10px; font-size: 18px; line-height: 1.6; margin: 10px 5px;}
.wysiwyg h6 { padding: 10px; font-size: 16px; line-height: 1.6; margin: 10px 5px;}
.wysiwyg ul {list-style-type: disc;line-height: 1.6;font-size: 16px;margin: 5px 0 50px 21px;}
.wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 16px; margin: 5px 0 10px 20px}
.wysiwyg table{table-layout: fixed;margin-bottom: 30px;border-collapse: separate!important;border-spacing: 0px;}
.wysiwyg table th,
.wysiwyg table td {padding: 10px;font-size: 1.4rem;letter-spacing: 0.042rem;line-height: 21px;padding: 10px 10px!important;background: #fff;border: 1px solid #E2DDDD;}
.wysiwyg table th{font-weight: 400;text-align: left;}
.wysiwyg iframe{ height: 500px !important; width: 100% !important; margin: 0 auto 40px; display: block;}
.wysiwyg ul li::before {content: "";display: block;width: 3px;height: 3px;background: #00331D;position: absolute;top: 13px;left: -17px;}
.wysiwyg ul li { position: relative;}
/* リンク透明
a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
/* リンク透明にしない
.noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
/*---------------------------------------- 外部サービス ----------------------------------------*/
/* ggmap */
/* iframeのコピーしたコード
*/
.ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/*---------------------------------------- webフォント（サーバー置き） ----------------------------------------*/
@font-face { font-family: 'jp-sttl01';
/* お好きな名前にしましょう */
src: url("../font/.eot");
/* IE9以上用 */
src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
/* iOS, Android用 */
/* 念の為指定しておきます */
font-weight: normal;
/* 念の為指定しておきます */
font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
.myWebFontClass { font-family: 'jp-sttl01'; }
}
@media screen and (min-width:768px) and ( max-width:1919px) {
}
@media screen and (min-width:768px) and ( max-width:1800px) {
.main-title .jp{left: 40px;}
header .inner-Box{ padding: 2.9rem; }
header .h-logo img{width: 14.8rem;}
header .head-glnavi{top: 3.7rem;right: 37.3rem;z-index: 3;}
header .head-glnavi li.list {font-size: 1.4rem;letter-spacing: 0.1rem;font-weight: 400;margin-left: 2rem;position: relative;}
header .head-sns{right: 31rem;}
header .dropmenu li.list ul.sub {width: 26rem;}
header .mbtn{right: 14.3rem;}
header .mbtn a {width: 12rem;font-size: 1.2rem;}
header .mbtn2{right: 1.3rem;}
header .mbtn2 a {width: 12rem;font-size: 1.2rem;}
}
@media screen and (min-width:768px) and ( max-width:1439px) {
html { overflow: auto;font-size: 56.25%; /* 1rem ≈ 9.28px */ }
}
@media screen and (min-width:768px) and ( max-width: 1270px) {
}
@media screen and (min-width:768px) and ( max-width: 1100px) {
header .head-glnavi li {font-size: 1.4rem;letter-spacing: 0.2rem;margin-left: 1.67rem;}
header .head-glnavi {top: 8.7rem;left: 1rem;}
header .head-glnavi {left: 0.6rem;width: 100%;}
footer .footer-contact-Box{padding-left: 230px;}
footer .in-Box2 .flist{ margin-bottom: 50px;}
}
@media screen and (min-width:768px) and ( max-width:1050px) {
#contentsend .inner-Box h2::before{content: none;}
#contentsend .inner-Box h2::after{content: none;}
footer .in-Box2 .flist2{ top: 40px;}
}
@media screen and (max-width: 767px) {
img{ width: 100%; max-width: 100%;}
.h-logo{position: absolute;z-index: 3;top: 4vw;left: 5.4vw;}
.mw_wp_form input[type="file"] { display: inline-block; width: 100%; font-size: 3.8vw; }
html{ font-size:62.5%;}
body {background: url(../images/common/sp-head-back.jpg)no-repeat top center,url(../images/common/sp-body-back.jpg);background-size: 100% auto;overflow: hidden;font-size: 4.27vw;letter-spacing: 0.29vw;font-family: sans-serif;-webkit-text-size-adjust: 100%;line-height: 2;padding-top: 13vw;}
.pc, .pc2 { display: none !important; }
/*pcのみ表示ブロック*/
.sp { display: block !important; }
/*スマホのみ表示ブロック*/
.sp2 { display: inline-block !important; }
/*スマホのみ表示ブロック*/
.no-br { display: none; }
/*スマホでbrを解除したい場合に使用*/
.sp_display_block { display: block !important; }
/*スマホでflexboxを解除したい場合等に使用*/
.pc-menu{ display: none; }
.side-fix{ display: none; }
.fix-list{ display: none; }
body{
}
#mainttlbox{margin: 0 4vw 13.9vw;padding: 14.6vw 0 0;text-align: center;}
#mainttlbox p {color: #fff;letter-spacing: 0;font-size: 11.73vw;font-weight: 400;line-height: 1;position: relative;margin-bottom: -1vw;}
#mainttlbox h1{font-size: 3.47vw;letter-spacing: 0.14vw;}
.base-title{font-size: 3.73vw;line-height: 2;letter-spacing: 0.75vw;font-weight: 400;position: relative;margin: 0 1.3vw 0;}
.base-title .f-en{display: block;font-size: 3.20vw;line-height: 1;letter-spacing: 0.32vw;font-weight: 400;margin-bottom: 1.53vw;position: relative;z-index: 3;}
.base-title .jpn{position: relative;z-index: 3;font-size: 4.80vw;letter-spacing: 0.32vw;font-weight: bold;}
.base-title .arr{position: absolute;top: -8.03vw;left: 5.23vw;z-index: 0;width: 42.93vw;}
.contactbtn a{position: relative;display: block;font-weight: 500;font-size: 3.47vw;line-height: 1.6;letter-spacing: 0.11vw;pad;padding: 3.31vw 7.0vw;transition: background 0.3s, color 0.3s, border 0.3s;margin: 0 19.2vw 20.77vw;}
.contactbtn a .arr{ width: 1.8vw; display: block; position: absolute; top: 2.5vw; right: 6.7vw; }
.contactbtn2 a{position: relative;display: block;background: none;color: #222222;font-weight: 500;font-size: 4.27vw;line-height: 1.6;letter-spacing: 0.43vw;pad;height: 14.83vw;border-radius: 7.25vw;padding: 4.11vw 7.0vw 4.11vw 8vw;transition: background 0.3s, color 0.3s, border 0.3s;margin: 0 auto 10.77vw;border: 0.24vw solid #222;text-align: center;}
.contactbtn2 a::before{content: "";width: 2.13vw;height: 2.13vw;display: block;background: #222222;border-radius: 50%;position: absolute;top: 6.1vw;right: 5.07vw;transition: transform 0.3s ease, background 0.3s ease; /* スムーズに変化 */transform: scale(1);transform-origin: center;}
header{width: 100%;background-size: 100% auto;height: 30.43vw;}
header .h-logo {}
header .h-logo img{}
header .head-glnavi,header .head-sns{ display: none; }
#glnavi{position: fixed;width: 17.33vw;height: 18.67vw;right: 0;top: 0;z-index: 1000;background-size: 100% auto;}
header .mbtn{ display: none; }
header .mbtn2{ display: none; }
#sp-back{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;background: url(../images/common/sp-common-back.jpg)no-repeat;background-size: cover;z-index: -1;}
body.fdout::before,body.fdout::after{ opacity: 0;}
header{width: 100%;height: 13.32vw;padding-top: 0vw;}
header .h-logo { width: 41.2vw; }
header .h-logo img{
}
#glnavi .menuttl{font-size: 2.67vw;line-height: 1;letter-spacing: 0.27vw;font-weight: 500;text-align: center;position: relative;top: 4.53vw;/* left: 1.33vw; */}
#glnavi.active .menuttl{font-size: 5.33vw;letter-spacing: 1.07vw;padding: 7.47vw 0 8.27vw 10.4vw;text-align: center;display: none;}
/*+++ Reset +++*/
#glnavi .h-menu .zdo_drawer_buttonsp::before{height: 0.27vw;/* content: ""; */display: block;position: relative;top: 0;left: 0;}
#glnavi .h-menu .zdo_drawer_buttonsp * {margin: 0;padding: 0;outline: none;border: none;font: inherit;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;text-align: left;text-decoration: none;list-style: none;color: #005F37;font-family: "Shippori Mincho", serif;}
#glnavi .h-menu .zdo_drawer_buttonsp {display: block;padding: 0;right: 0vw;width: 15.43vw;height: 15.37vw;background: none;border: none;text-align: center;letter-spacing: 0.1em;cursor: pointer;outline: none;position: fixed;top: 0;right: 0;z-index: 1000;background: #fff;border-radius: 0 0 0 3.63vw;}
#glnavi .h-menu .zdo_drawer_buttonsp .menu{font-size: 2.67vw;position: relative;top: 2vw;}
#glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar {display: block;height: 0.4vw;width: 7.20vw;transition: all 0.2s;transform-origin: 0% 0%;transform: translateY(-50%);position: absolute;top: 10.67vw;background: #005F37;}
#glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar1 {left: 4.23vw;top: 4.3vw;}
#glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar2 { left: 9.6vw; }
#glnavi .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar3 {left: 4.27vw;top: 6.2vw;}
#glnavi.active .h-menu .zdo_drawer_buttonsp{background: #fff;}
#glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar {}
#glnavi.active .h-menu .zdo_drawer_buttonsp .menu{ display: none;}
#glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar1 {transform: rotate(0.75rad) translateY(-85%);border-radius: 0;top: 4.48vw;left: 5.3vw;}
#glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar2 { opacity: 0; }
#glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_bar3 {transform: rotate(-0.75rad) translateY(-440%);border-radius: 0;top: 10.67vw;left: 6.73vw;}
#glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_menu_text { display: none; }
#glnavi.active .h-menu .zdo_drawer_buttonsp .zdo_drawer_close { display: block; }
.zdo_drawer_text { width: 100%; position: absolute; bottom: -2.6vw; left: 0; text-align: center; font-size: 1.3vw; }
.zdo_drawer_close { letter-spacing: 0.08em; display: none; }
/*+++ Default Button Color +++*/
.zdo_drawer_buttonsp { color: #000; }
.zdo_drawer_buttonsp .zdo_drawer_bar {background-color: #DDD2A3;}
#glnavi .head-sns{position: fixed;bottom: 2rem;right: 2rem;/* black *//* -webkit-filter: brightness(0); *//* filter: brightness(0); */mix-blend-mode: difference;z-index: 5;}
#glnavi .head-sns li{margin-bottom: 4.27vw;}
#glnavi .head-sns li span{font-size: 3.2vw;letter-spacing: 0.32vw;line-height: 1;display: block;font-weight: 400;margin-bottom: 0vw;position: relative;left: 0vw;mix-blend-mode: difference;color: #fff;}
#global-nav{background: url(../images/common/sp-foot-back.jpg)repeat;overflow-y: auto;/* overflow-x: hidden; *//* */position: fixed;left: 0;top: 0;z-index: 999;display: none;width: 100vw;height: 100vh;}
#global-nav{background: url(../images/common/sp-foot-back.jpg)repeat;overflow-y: auto;/* overflow-x: hidden; *//* */position: fixed;left: 0;top: 0;z-index: 999;display: none;width: 100vw;height: 100vh;}
#global-nav .flink li{font-size: 5.33vw;position: relative;}
#global-nav .flink{position: relative;margin: 0 0 8.8vw;}
#global-nav .flink .flist{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 6.3vw;}
#global-nav .flink .flist li{position: relative;margin-right: 6.76vw;margin-bottom: 2.3vw;}
#global-nav .flink .flist li:nth-child(3){ top: -8.6vw; left: -9.9vw; }
#global-nav .flink .flist a{font-size: 3.20vw;padding-left: 2.9vw;}
#global-nav .flink .flist a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 1.21vw;height: 1.69vw;display: block;position: absolute;top: 3.4vw;left: 0.24vw;background-size: 100% auto;}
#global-nav .flink .f-sns{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 36.2vw;margin-bottom: 9vw;}
#global-nav .flink .f-sns li{margin-right: 6.78vw;width: 5.4vw;}
#global-nav .flink .flist2{ }
#global-nav .flink .flist2 a{border-radius: 4.83vw;display: block;width: 78.5vw;height: 11.16vw;background: #fff;border: 0.24vw solid #005F37;color: #005F37;padding: 0.92vw 8.45vw 0 6.8vw;position: relative;transition: all 0.3s ease-in-out;font-size: 4.26vw;margin-bottom: 7.4vw;text-align: left;}
#global-nav .flink .flist2 a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;/* -webkit-filter: brightness(0) invert(1); *//* filter: brightness(0) invert(1); */width: 1.61vw;height: 2.69vw;display: block;position: absolute;top: 4.5vw;right: 4.02vw;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#global-nav .flink .flist2 {position: relative;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;/* margin: 0vw 5.5vw; */}
#global-nav a{color: #fff;position: relative;display: block;}
#globalback{padding: 29vw 9.3vw 21vw;}
.morebtn {display: inline-block;width: 100%;height: 18.61vw;background: #005F37;clip-path: polygon( 5% 0%, 95% 0%, 100% 20%, 100% 78%, 95% 100%, 5% 100%, 0% 78%, 0% 23% );padding: 0.24vw;}
.morebtn a {display: inline-block;width: 100%;height: 18.31vw;border: none;background-color: #005F37;color: #fff;font-size: 4.27vw;text-align: left;font-weight: 400;clip-path: polygon( 5% 0%, 95% 0%, 100% 20%, 100% 78%, 95% 100%, 5% 100%, 0% 78%, 0% 23% );transition: all 0.3s ease;padding: 5.09vw 7.89vw;letter-spacing: 0.43vw;}
.morebtn a .arr{display: block;line-height: 1;position: absolute;top: 6.56vw;right: 8.25vw;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 2vw;}
.morebtn a:hover{ background: #fff; color: #005F37; }
.morebtn a:hover .arr{ -webkit-filter: none; filter: none;}
.morebtn2 {display: inline-block;width: 100%;height: 18.81vw;background: #005F37;clip-path: polygon( 5% 0%, 95% 0%, 100% 20%, 100% 78%, 95% 100%, 5% 100%, 0% 78%, 0% 23% );padding: 0.24vw;}
.morebtn2 a {display: inline-block;width: 100%;height: 18.23vw;border: none;background-color: #fff;color: #005F37;font-size: 4.27vw;text-align: left;font-weight: 400;clip-path: polygon( 5% 0%, 95% 0%, 100% 20%, 100% 78%, 95% 100%, 5% 100%, 0% 78%, 0% 23% );transition: all 0.3s ease;padding: 4.99vw 7.49vw;letter-spacing: 0.43vw;position: relative;}
.morebtn2 a .arr{display: block;line-height: 1;position: absolute;top: 6.56vw;right: 8.25vw;width: 2vw;}
.morebtn2 a:hover{ background: #005F37; color: #fff; }
.morebtn2 a:hover .arr{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
p.dlbtn {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;}
p.dlbtn a {font-size: 4.27vw;letter-spacing: 0.3vw;color: #fff;display: block;width: 39.4vw;height: 11vw;background: #005F37;border: #005F37 0.27vw solid;transition: all 0.3s ease-in-out;border-radius: 8.0vw;position: relative;padding: 1.1vw 6.5vw;}
p.dlbtn a .arr{width: 1.8vw;height: 3vw;display: block;position: absolute;top: -1.7vw;right: 4.3vw;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transition: all 0.3s ease-in-out;}
p.dlbtn2 {font-size: 4.27vw;line-height: 2;font-weight: 400;letter-spacing: 0.43vw;}
p.dlbtn2 a {font-size: 4.27vw;letter-spacing: 0.3vw;color: #005F37;display: block;width: auto;height: 10.7vw;background: #fff;border: #fff 0.27vw solid;transition: all 0.3s ease-in-out;border-radius: 8.0vw;position: relative;padding: 0.7vw 0.7vw 0.7vw 6.7vw;}
p.dlbtn2 a .arr{width: 1.5vw;height: 3vw;display: block;position: absolute;top: -2vw;right: 4.2vw;-webkit-filter: none;transition: all 0.3s ease-in-out;}
#pullnavi { opacity: 0; transition: opacity 0.3s, transform 0.3s; transform: translateY(-100%); }
#pullnavi.upMove { opacity: 0; transform: translateY(-100%); }
#pullnavi.dwMove { opacity: 1; transform: translateY(0); }
#pullnavi {position: fixed;top: 0;left: 0;z-index: 10;}
#pullnavi {background: #fff;width: 100%;box-shadow: 0.0vw 0.8vw 5.33vw #00000029;}
#pullnavi .inbox{width: 100%;min-height: 18.67vw;margin: 0.0vw auto 5.33vw auto;padding-top: 3.73vw;position: relative;}
#footerback{background: url(../images/common/sp-foot-back.png)no-repeat bottom 0vw center;background-size: 114vw auto;padding-top: 58vw;}
#global-nav .arrow{display: block;width: 4.27vw;height: 4.27vw;position: absolute;top: 3.4vw;right: 0vw;}
#global-nav .arrow::before{content: "";width: 4.27vw;height: 2px;display: block;background: #fff;top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);}
#global-nav .arrow::after{ content: ""; width: 4.27vw; height: 2px; display: block; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); transform-origin: center center;transition: all 0.3s ease-in-out;}
#global-nav .arrow.rotated::after{ transform: translate(-50%, -50%) rotate(0deg); }
#global-nav .sub-menu { display: none; margin: 1vw 0 0 3vw; }
#global-nav .in-Box2{position: relative;}
#global-nav .in-Box2 .flist{
margin-bottom: 9.7vw;
}
#global-nav .in-Box2 .flist li{position: relative;margin-bottom: 5.7vw;}
#global-nav .in-Box2 .flist li:nth-child(3){}
#global-nav .in-Box2 .flist a{font-size: 3.20vw;letter-spacing: 0.8vw;padding-left: 3.9vw;}
#global-nav .in-Box2 .flist a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 1.21vw;height: 1.69vw;display: block;position: absolute;top: 2.4vw;left: 0.24vw;background-size: 100% auto;}
#global-nav .in-Box2 .f-sns{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 22.7vw;margin-bottom: 9vw;}
#global-nav .in-Box2 .f-sns li{margin-right: 6.78vw;width: 5.4vw;}
#global-nav .in-Box2 .flist2{ }
#global-nav .in-Box2 .flist2 a{border-radius: 4.83vw;display: block;width: 78.5vw;height: 11.16vw;background: #fff;border: 0.24vw solid #005F37;color: #005F37;padding: 0.92vw 8.45vw 0 6.8vw;position: relative;transition: all 0.3s ease-in-out;font-size: 4.26vw;margin-bottom: 7.4vw;text-align: left;}
#global-nav .in-Box2 .flist2 a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;/* -webkit-filter: brightness(0) invert(1); *//* filter: brightness(0) invert(1); */width: 1.61vw;height: 2.69vw;display: block;position: absolute;top: 4.5vw;right: 4.02vw;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#global-nav .in-Box2 .flist2 {position: relative;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0vw 1.5vw;}
#global-nav .f-list1 .mmlink{display: block;border-bottom: #1C8156 1px solid;padding-bottom: 5vw;margin-bottom: 2.7vw;}
#global-nav .f-list1 .mmlink span{ font-size: 3.73vw;}
#global-nav .f-list1 .mmlink a{display: block;padding: 0 0 0 4.3vw;}
#global-nav .f-list1 .mmlink a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 1.81vw;height: 2.69vw;display: block;position: absolute;top: 4.3vw;left: 0.12vw;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#global-nav .f-list1 .lon2{border-bottom: #1C8156 1px solid;padding-bottom: 3vw;margin-bottom: 4.7vw;}
#global-nav .f-list1 .lon2 a.lon{display: block;padding: 0 0 0 4.3vw;}
#global-nav .f-list1 .lon2 a.lon::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 1.61vw;height: 2.69vw;display: block;position: absolute;top: 4.5vw;left: -0.4vw;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#global-nav .f-list1 li li{ font-size: 4.27vw; padding: 1.6vw 0vw; }
#global-nav .f-list1 li li a::before{content: "";width: 2.13vw;height: 1px;display: block;background: #fff;position: absolute;top: 4.5vw;left: -3.7vw;}
#mainttlbox{margin: 0 4vw;padding: 0.24vw 0 0;text-align: center;}
#mainttlbox span {display: block;width: 6.45vw;margin: 0 auto 0vw;}
#mainttlbox h1{font-size: 6.13vw;color: #fff;font-weight: 500;letter-spacing: 1.23vw;}
#contentsend {margin: 0 5.3vw 7.44vw;position: relative;background: url(../images/common/contentsend-back01.svg) no-repeat top 35.63vw center, linear-gradient(180deg, #FAEDCD 0%, #F7E2B0 100%);height: 145.92vw;background-size: 77vw auto;}
#contentsend .inner-Box::before{content: "";background: url(../images/common/contentsend-icon01.svg)no-repeat top center;width: 5.05vw;height: 18.23vw;display: block;position: absolute;top: 7.59vw;left: 5.39vw;background-size: 100% auto;}
#contentsend .inner-Box::after{content: "";background: url(../images/common/contentsend-icon01.svg)no-repeat top center;width: 5.05vw;height: 18.23vw;display: block;position: absolute;top: 7.79vw;right: 5.39vw;transform: scale(-1, 1);background-size: 100% auto;}
#contentsend .inner-Box {position: relative;text-align: center;padding: 0 5.3vw;}
#contentsend .inner-Box h2 {font-size: 4.80vw;line-height: 1.67;font-weight: 500;letter-spacing: 0.96vw;margin-bottom: 4.59vw;position: relative;color: #005F37;padding: 7.5vw 0 0;}
#contentsend .inner-Box p.entext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.75vw;position: relative;color: #005F37;margin-bottom: 1.7vw;}
#contentsend .inner-Box p.teltext {font-size: 5.33vw;line-height: 2;font-weight: 700;letter-spacing: 0.72vw;margin: 0 -10vw 1.5vw;position: relative;color: #005F37;}
#contentsend .inner-Box p.teltext span.sp-tl-link {font-size: 8.00vw;letter-spacing: 0.56vw;display: inline-block;position: relative;right: 0.4vw;margin-left: 2.2vw;}
#contentsend .inner-Box p.etimetext {font-size: 3.73vw;line-height: 2;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 6.1vw;position: relative;color: #005F37;text-align: left;}
#contentsend .inner-Box p.etimetext span {display: inline-block;border: 0.24vw solid #005F37;padding: 0 1.69vw;display: block;text-align: center;margin-bottom: 1.5vw;}
#contentsend .inner-Box ul.endlist {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 0vw;}
#contentsend .inner-Box ul li {position: relative;width: 100%;margin-bottom: 6.8vw;}
#contentsend .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
footer{position: relative;margin: 0 5vw 0vw;padding: 19.66vw 0rem 8.54vw;z-index: 3;color: #fff;}
footer .footer-contact-Box{margin: 0 auto 7.97vw;position: relative;}
footer::before{content: "";background: url(../images/common/footicon.svg)no-repeat;width: 41.4vw;height: 45.51vw;display: block;background-size: 100% auto;position: absolute;top: 13vw;right: -0.6vw;}
footer a{ color: #fff;transition: all 0.3s ease-in-out;}
footer a:hover{ color: #F7E2B0; }
footer .about-Box{position: relative;margin-bottom: -3.7vw;}
footer .about-Box .f-logo{margin-bottom: 4.11vw;width: 53.9vw;}
footer .about-Box .f-text{font-size: 3.73vw;letter-spacing: 0.26vw;line-height: 1.71;margin-bottom: 2.03vw;}
footer .about-Box .f-text2{font-size: 3.73vw;letter-spacing: 0.26vw;margin-bottom: 6.04vw;}
footer .about-Box .f-sns{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
footer .about-Box .f-sns li{margin-right: 6.28vw;}
footer .about-Box .f-list1 {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 4.27vw;margin-bottom: -11vw;}
footer .about-Box li.mmlink{position: relative;margin-bottom: 2.93vw;font-size: 4.27vw;width: 50%;padding: 0 0 0 3vw;letter-spacing: 0.30vw;}
footer .about-Box li.mmlink span{ font-size: 3.73vw; }
footer .about-Box li.mmlink::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 1.21vw;height: 1.69vw;display: block;position: absolute;top: 3.4vw;left: 0vw;background-size: 100% auto;}
footer .about-Box li:nth-child(2n){position: relative;left: 1.7vw;}
footer .about-Box li:nth-child(7){position: relative;top: -9vw;}
footer .about-Box li:nth-child(9),footer .about-Box li:nth-child(11){position: relative;top: -20vw;}
footer .about-Box li:nth-child(10){position: relative;top: -4vw;}
footer .in-Box2{position: relative;}
footer .in-Box2 .flist{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 6.3vw;}
footer .in-Box2 .flist li{position: relative;margin-right: 6.76vw;margin-bottom: 2.3vw;}
footer .in-Box2 .flist li:nth-child(3){top: -10.5vw;left: -9.9vw;}
footer .in-Box2 .flist a{font-size: 3.20vw;padding-left: 2.9vw;}
footer .in-Box2 .flist a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);width: 1.21vw;height: 1.69vw;display: block;position: absolute;top: 4.1vw;left: 0.24vw;background-size: 100% auto;}
footer .in-Box2 .f-sns{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 27.2vw;margin-bottom: 9vw;}
footer .in-Box2 .f-sns li{margin-right: 6.78vw;width: 5.4vw;}
footer .in-Box2 .flist2{ }
footer .in-Box2 .flist2 a{border-radius: 4.83vw;display: block;width: 78.5vw;height: 11.16vw;background: #fff;border: 0.24vw solid #005F37;color: #005F37;padding: 0.92vw 8.45vw 0 6.8vw;position: relative;transition: all 0.3s ease-in-out;font-size: 4.26vw;margin-bottom: 7.4vw;text-align: left;}
footer .in-Box2 .flist2 a::before{content: "";background: url(../images/common/arr.svg)no-repeat top center;/* -webkit-filter: brightness(0) invert(1); *//* filter: brightness(0) invert(1); */width: 1.61vw;height: 2.69vw;display: block;position: absolute;top: 4.5vw;right: 4.02vw;background-size: 100% auto;transition: all 0.3s ease-in-out;}
footer .in-Box2 .flist2 {position: relative;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0vw 5.5vw;}
footer .in-Box2 .copyright{font-size: 2.9vw;letter-spacing: 0.4vw;padding-top: 2.17vw;display: block;text-align: center;}
#panlistid a{ color: #fff;}
#fixbtn{ display: none!important;}
.base-title{font-size: 5.87vw;line-height: 1;font-weight: 400;letter-spacing: 0.559vw;margin: 0 0 8vw;position: relative;}
.base-title span{display: inline-block;position: relative;}
.base-title2{font-size: 8vw;line-height: 1;font-weight: 400;letter-spacing: 0.55vw;margin-bottom: 2.9vw;padding-left: 2.2vw;position: relative;color: #fff;}
.base-title2 span{display: inline-block;position: relative;}
.base-title2::before{content: "";background: #9F9E9E;height: 4.53vw;width: 4.53vw;position: absolute;left: 0.8vw;top: -0.4vw;}
.contactbtnardw a{border: #665B50 0.2vw solid;position: relative;display: block;background: #665B50;color: #fff;font-size: 4.26vw;line-height: 1.6;letter-spacing: 0.42vw;pad;padding: 4.7vw 3.6vw 1.4vw 8.3vw;height: 16.2vw;border-radius: 11vw;transition: background 0.3s, color 0.3s, border 0.3s;text-align: left;margin: 0 5.1vw;}
.contactbtnardw a span.arr {transform: rotate(90deg); transform-origin: center;position: absolute;top: 5.7vw;right: 5.4vw;line-height: 0;transition: right 0.3s;}
.contactbtnardw a span.arr img{filter: invert(1);height: auto;transition: filter 0.3s;width: 4vw;}
#title_wrap{margin-bottom: 13.6vw;}
.main-title{width: 100%;position: relative;text-align: center;}
.main-title .jp {display: inline;font-size: 6.13vw;font-weight: 700;letter-spacing: 0.81vw;position: relative;z-index: 3;writing-mode: vertical-rl;left: 0vw;}
.pritext{text-align: center;font-size: 3.87vw;position: relative;top: 0vw;left: 0vw;letter-spacing: -0.07vw;margin-bottom: 6.4vw;}
.pritext a{ color: #639360; text-decoration: underline;}
input[type="checkbox"] {position: relative;width: 5.27vw;height: 5.37vw;vertical-align: 0.0vw;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;border: 0.27vw solid #2D5823;background: #fff;top: 2.07vw;left: 0vw;margin-right: 0vw!important;}
input[type="checkbox"]:checked:before {position: absolute;top: 0vw;left: 1.2vw;transform: rotate(43deg);height: 3.43vw;width: 1.8vw;border-right: 0.8vw solid #2D5823;border-bottom: 0.8vw solid #2D5823;content: '';}
textarea::placeholder { font-size: 4.3vw; line-height: 1.6; font-family: "Noto Sans JP", sans-serif !important; color: #999; opacity: 0.4;}
h2.sub-title{ font-weight: bold; padding: 3vw 3vw 1vw; margin-bottom: 5vw; font-size: 5vw; letter-spacing: 0.3vw; text-align: center; border-bottom: solid #000 0.2vw;}
.seo_bread_list{/* width: 100%; */padding: 5.2vw 3.8vw 3.5vw 5.2vw;margin: 0 auto;font-size: 3.2vw;color: #666;line-height: 1.6;position: relative;}
/*.seo_bread_list{display: none;}*/
.seo_bread_list a {/* color: #B4AB9C; */}
.seo_bread_list .homeicon{width: 4.5vw;height: auto;position: relative;top: -0.3vw;}
.seo_bread_list .hmarr{width: 2.1vw;height: 2vw;margin: 0 2.6vw 0 2.5vw;position: relative;top: 1.4vw;z-index: 3;left: 0.1vw;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.seo_bread_list li{ margin-right: 1.5vw; float: left; }
.seo_bread_list li::after{ content: ">"; }
.seo_bread_list li:last-child::after{ content: none; }
#panlistid {white-space: nowrap;overflow-x: auto;overflow-y: hidden;display: block;padding: 6.57vw 6vw 0.67vw 0;margin-left: 5.3vw;margin-bottom: 5.3vw;font-size: 2.93vw;/* display: none; */color: #fff;}
#panlistid ul {display: inline-flex;/* align-items: center; *//* gap: 0.47vw; */padding: 0;margin: 0;list-style: none;}
#panlistid a.home {display: inline-block;text-decoration: none;font-size: 3.2vw;}
#panlistid img.hmarr {}
/* 2カラムサイト---------------- */
#tow-cl #side{ display: none;}
.fit img { object-fit: cover; }
.wysiwyg img { width: auto !important; height: auto !important; }
html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
*:focus { outline: none!important;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;color: #00331D;}
body { -webkit-text-size-adjust: 100%; }
img {vertical-align: bottom;max-width: 100%;height: auto;}
a {text-decoration: none;color: #00331D;}
a:hover { text-decoration: underline; }
.nobd a:hover { text-decoration: none !important; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
#main{
margin: 0 0 -12.8vw;
position: relative;
z-index: 8;
}
/* wysiwyg */
.wysiwyg {word-wrap: break-word;margin-bottom: -5.2vw;font-size: 3.6vw;}
.wysiwyg strong { font-weight: bolder; }
.wysiwyg em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; }
.wysiwyg img { max-width: 100% !important; height: auto;margin-bottom: 7.25vw; }
.wysiwyg p {min-height: 3.73vw;min-width: 3vw;line-height: 1.7;font-size: 3.73vw;letter-spacing: 0.11vw;margin-bottom: 11.11vw;font-weight: 400;}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {font-weight: 500;text-align: left;}
.wysiwyg h1 { padding: 3vw; font-size: 4.2vw; line-height: 1.6; margin: 0.2vw 0 4.2vw;}
.wysiwyg h2 {padding: 3vw 4vw 3vw 4vw;font-size: 4.80vw;line-height: 1.46;margin: 0.2vw 0 4.83vw;letter-spacing: 0.34vw;}
.wysiwyg h3{font-size: 4.53vw;line-height: 1.3;font-weight: 700;letter-spacing: 0.32vw;margin-bottom: 4.83vw;position: relative;padding: 0.6vw 3.2vw 2.6vw;border-left: #A50005 8px solid!important;}
.wysiwyg h3::before{ content: ""; background: url(../images/privacy/icon01.svg)no-repeat top center; width: 3.2vw;height: 3.2vw;display: block;position: absolute;top: 1.6vw;left: 0; background-size: 100% auto;}
.wysiwyg h4 { padding: 0 0 3vw; font-size: 4vw; line-height: 1.6; margin: 0.2vw 0 4.2vw;}
.wysiwyg h5 { padding: 0 0 3vw; font-size: 3.6vw; line-height: 1.6; margin: 0.2vw 0 4.2vw;}
.wysiwyg h6 { padding: 3vw; font-size: 3.6vw; line-height: 1.6; margin: 0.2vw 0 4.2vw;}
.wysiwyg ul {list-style-type: disc;line-height: 1.6;margin: 0.2vw 0 3.2vw 2vw;}
.wysiwyg ol {list-style-type: decimal;line-height: 1.6;font-size: 3.6vw;margin: 0.2vw 0 4.2vw 7vw;}
.wysiwyg table{table-layout: fixed;margin-bottom: 8.0vw;border-collapse: separate!important;}
.wysiwyg table th,
.wysiwyg table td {padding: 2.67vw;font-size: 3.73vw;letter-spacing: 0.11vw;line-height: 5.6vw;padding: 2.67vw 2.67vw!important;background: #fff;}
.wysiwyg table th{background: rgba(206, 223, 188, 0.5);font-weight: 400;text-align: left;border-radius: 1.33vw;color: #408040;}
.wysiwyg iframe{ height: 50vw !important; width: 100% !important; margin-bottom: 4vw!important; }
/* 横スクロールの土台にする */
.wysiwyg figure.wp-block-flexible-table-block-table{ display: block; /* overflowを効かせるため */ overflow-x: auto; /* 横スクロールON */ overflow-y: hidden; -webkit-overflow-scrolling: touch; /* iOS慣性スクロール */ width: 100%; position: relative; }
.wysiwyg figure.wp-block-flexible-table-block-table table{width: 100%; /* ここで横幅を拡張 */ /* 余計な縮み防止 */border-collapse: collapse; /* お好みで */}
.wysiwyg figure.wp-block-flexible-table-block-table::before{ content: ""; background: url(../images/index/scroll.svg)no-repeat; width: 21.33vw; height: 21.33vw; position: absolute; top: 50%; left: 28vw; background-size: 100% auto; z-index: 3; transition: opacity .4s ease; /* ← フェード時間 */ pointer-events: none; transform: translateY(-50%); }
/* 既存の ::before 定義はそのまま */
.wysiwyg figure.wp-block-flexible-table-block-table.hint-hide::before{ opacity: 0; }
#feat
/* はみ出し防止（任意） */
.wysiwyg figure.wp-block-flexible-table-block-table th,
.wysiwyg figure.wp-block-flexible-table-block-table td{
/* padding: 8px; */
}
#gallery .vkfs button[type=submit] .vkfs_submit-text{}
/* img-block */
/* アンカーリンク調整 */
.hideAnchor { display: block; height: 0; overflow: hidden; text-indent: -9999px; margin-top: -2vw; padding-bottom: 2vw; }
/* スクロール縦 */
.scroll-y { box-sizing: border-box; overflow-y: scroll; transform: translateZ(0); }
/* リンク透明 */
a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
a:hover { text-decoration: none; }
/* リンク透明にしない */
.noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
/*---------------------------------------- 外部サービス ----------------------------------------*/
/* ggmap */
/* iframeのコピーしたコード
*/
.sp-ggmap { position: relative; padding-bottom: 56.25%; padding-top: 5vw; height: 0; overflow: hidden; }
.sp-ggmap iframe, .sp-ggmap object, .sp-ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/*---------------------------------------- webフォント（サーバー置き） ----------------------------------------*/
@font-face { font-family: 'jp-sttl01';
/* お好きな名前にしましょう */
src: url("../font/.eot");
/* IE9以上用 */
src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff");
/* iOS, Android用 */
/* 念の為指定しておきます */
font-weight: normal;
/* 念の為指定しておきます */
font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
.myWebFontClass { font-family: 'jp-sttl01'; }
}
@media screen and (max-height: 450px) {
/* 高さ450px以下の場合 andoroidのフォーム対策 ストーカーバナー用 */
.sp-fix-list{display: none;}
}
.wysiwyg h1 { background-color: #dcdcdc;font-family: "Shippori Mincho", serif; font-style: normal;}
.wysiwyg h2 {
font-family: "Shippori Mincho", serif;
font-style: normal;
font-weight: 400;
background: #005F37;
color: #fff;
}
.wysiwyg h3 {
border-left: #A50005 5px solid;
border-bottom: #A50005 1px solid;
color: #A50005;
}
.wysiwyg h4 { }
.wysiwyg h5 { }
.wysiwyg h6 { }