@charset "UTF-8"; /* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/* a { pointer-events: none; }
*/
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-size: 100%; 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 { line-height: 1; font-family: "Noto Sans JP", sans-serif; }
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%; }
.f-gothic { font-family: "Zen Kaku Gothic New", sans-serif; }
.f-en { font-family: "Montserrat", sans-serif; }
h1.main-title .en { display: none; }
.fas.fa-home { display: none; }
.grecaptcha-badge { visibility: hidden; }
@media screen and (min-width: 768px), print {
/* bese */ body { font-size: 16px; overflow-x: hidden; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: normal; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #2a2a2f; max-width: 1920px; width: 100%; margin: 0 auto; }
body, html { overflow-x: hidden; }
#one-cl { overflow: hidden; }
header { max-width: 1920px; width: 100%; height: 197px; background-color: #fff; position: relative; }
header .h-link { position: absolute; right: 752px; top: 83px; background-image: url(../images/common/h-deco.svg); background-repeat: no-repeat; background-position: 7px 12px; padding-left: 20px; font-weight: 500; font-size: 16px; letter-spacing: 0.2em; text-align: center; color: #333; }
header .h-bnr-list { width: 444px; position: absolute; right: 271px; top: 71px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
header .hh-logo { position: absolute; top: 72px; left: 80px; }
#g-nav { display: none; }
.pc-menu { position: fixed; top: 50px; right: 65px; z-index: 500; }
.pc-menu:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
.side-fix { position: fixed; top: 196px; right: 15px; z-index: 10;
display: none;
}
.side-fix .list-01 { margin-bottom: 4px; }
.side-fix .list-02 { margin-bottom: 4px; }
#pc-menu-open { display: none; background: #F9F8F4; width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 10000; overflow: scroll; }
#pc-menu-open .open-close-01 { position: absolute; top: 50px; right: 65px;
z-index: 100;
}
#pc-menu-open .open-close-01:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
#pc-menu-open .open-main-Box { padding-top: 69px; }
.open-main-Box .open-main-txt-1 { text-align: center; position: relative; left: 8px; margin-bottom: 59px; }
.open-main-Box .open-main-list { width: 1112px; margin: 0 auto; margin-bottom: 38px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.open-main-Box .open-main-list li:nth-child(1) { margin-right: 53px; }
.open-main-Box .open-main-list li:nth-child(2) { margin-right: 39px; }
.open-main-Box .footer-inner { width: 1086px; margin: 0 auto; /* padding-left: 173px; */
/* padding-right: 160px; */ }
.open-main-Box .footer-inner .ff-flex { padding-bottom: 175px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; /* justify-content: space-between; */ }
.open-main-Box .footer-inner .ff-flex .ff-box-l { width: 260px; padding-top: 3px; margin-right: 127px; }
.open-main-Box .footer-inner .ff-flex .ff-box-l .ff-logo { width: 225px; margin-bottom: 19px; }
.open-main-Box .footer-inner .ff-flex .ff-box-l .ff-txt-01 { margin-bottom: 9px; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #333; }
.open-main-Box .footer-inner .ff-flex .ff-box-l .ff-txt-02 { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #333; margin-bottom: 7px; }
.open-main-Box .footer-inner .ff-flex .ff-box-l .ff-sns-list { margin-top: 180px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
.open-main-Box .footer-inner .ff-flex .ff-box-l .ff-sns-list > li { width: 32px; margin-right: 20px; }
.open-main-Box .footer-inner .ff-flex .ff-box-l .ff-sns-list > li:last-child { margin-right: 0; }
.open-main-Box .footer-inner .ff-flex .ff-box-r { width: 699px; position: relative; right: -15px; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-home { margin-bottom: 34px; font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 29px; text-align: left; color: #333; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-home a:hover { text-decoration: none; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-home a:hover .ff-jp { text-decoration: underline; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-home .ff-en { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 18px; letter-spacing: 0.05em; line-height: 29px; text-align: left; color: #159785; display: block; margin-bottom: 3px; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box.ano { margin-bottom: 33px; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-ttl { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 18px; letter-spacing: 0.1em; line-height: 28px; text-align: left; color: #159785; margin-bottom: 6px; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-ttl.jp { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: bold; font-size: 16px; letter-spacing: 0.1em; line-height: 28px; text-align: left; color: #159785; margin-bottom: 5px; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-list { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #333; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-list > li { background-image: url(../images/common/f-icon.svg); background-repeat: no-repeat; background-position: 0 17px; padding-left: 17px; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-l { width: 215px; margin-right: 49px; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-m { width: 155px; margin-right: 70px; }
.open-main-Box .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-r { width: 209px; }
#g-nav { width: 1100px; margin: 0px auto 10px auto; padding: 20px 0; text-align: center; font-size: 0.875em; }
#g-nav li.list { position: relative; display: inline-block; margin-right: 2px; }
#g-nav li.list span { cursor: pointer; }
#g-nav li.list span, #g-nav li.list a { border-right: 1px solid #999; display: block; text-align: center; padding: 10px 20px; }
#g-nav li.list:first-child a { border-left: 1px solid #999; }
#g-nav .dropmenu li.list ul.sub { visibility: hidden; opacity: 0; transition: 0s; position: absolute; top: 35px; left: 0; margin: 0; padding: 0; z-index: 500; width: 220px; }
#g-nav .dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
#g-nav .dropmenu li.list ul li:last-child a { border-bottom: 1px solid #ccc; }
#g-nav .dropmenu li.list ul li a { visibility: hidden; opacity: 0; transition: 0.9s; background: #fff; display: block; width: 220px; padding: 10px; color: #000; border: 1px solid #ccc; border-bottom: none; }
#g-nav .dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }
/*============================
#ee
============================*/
#ee { margin-top: 128px; background-image: url(../images/common/bg-ptn-01.png), url(../images/common/bg-ptn-02.png); background-repeat: repeat-x, repeat; background-position: 0 0, 0 0; }
#ee .ee-box { width: 1400px; margin: 0 auto; background: #fff; /* border: 1px solid #d6d5cf; */
padding-top: 68px; padding-bottom: 87px; filter: drop-shadow(20px 20px 40px rgba(0, 0, 0, 0.1)); }
#ee .ee-box .ee-ttl { width: 218px; margin: 0 auto; margin-bottom: 18px; }
#ee .ee-box .ee-txt-01 { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: normal; font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: center; color: #333; margin-bottom: 56px; }
#ee .ee-box .ee-li-box { width: 1100px; margin: 0 auto; position: relative; }
#ee .ee-box .ee-li-box .ee-li-box-deco { position: absolute; top: -168px; right: 15px; }
#ee .ee-box .ee-li-box .ee-li-box-list { position: relative; z-index: 10; margin-bottom: 50px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
#ee .ee-box .ee-li-box .ee-li-box-list > li { width: 340px; margin-right: 40px; background-color: #fff; transition: 0.3s; }
#ee .ee-box .ee-li-box .ee-li-box-list > li:last-child { margin-right: 0; }
#ee .ee-box .ee-li-box .ee-li-box-list > li:hover { transform: translate(0px, -10px); transition: 0.3s ease-in-out; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); }
#ee .ee-box .ee-flex { width: 580px; margin: 0 auto; margin-bottom: 33px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
#ee .ee-box .ee-flex .ee-box-l { position: relative; padding-left: 47px; padding-top: 11px; margin-right: 15px; }
#ee .ee-box .ee-flex .ee-box-l .ee-txt-02 { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 0.05em; line-height: 24px; text-align: center; color: #333; }
#ee .ee-box .ee-flex .ee-box-r { position: relative; }
#ee .ee-box .ee-txt-box .ee-txt-box-txt { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.1em; line-height: 28px; text-align: center; color: #333; }
footer { max-width: 1920px; width: 100%; margin: 0 auto; background-image: url(../images/common/bg-ptn-02.png); background-repeat: repeat; background-position: center 0; padding-top: 137px; }
footer .footer-inner { padding-left: 173px; padding-right: 160px; }
footer .footer-inner .ff-flex { padding-bottom: 175px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
footer .footer-inner .ff-flex .ff-box-l { width: 260px; padding-top: 3px; }
footer .footer-inner .ff-flex .ff-box-l .ff-logo { width: 225px; margin-bottom: 19px; }
footer .footer-inner .ff-flex .ff-box-l .ff-txt-01 { margin-bottom: 9px; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #333; }
footer .footer-inner .ff-flex .ff-box-l .ff-txt-02 { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #333; margin-bottom: 7px; }
footer .footer-inner .ff-flex .ff-box-l .ff-sns-list { margin-top: 180px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
footer .footer-inner .ff-flex .ff-box-l .ff-sns-list > li { width: 32px; margin-right: 20px; }
footer .footer-inner .ff-flex .ff-box-l .ff-sns-list > li:last-child { margin-right: 0; }
footer .footer-inner .ff-flex .ff-box-r { width: 699px; }
footer .footer-inner .ff-flex .ff-box-r .ff-home { margin-bottom: 34px; font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 29px; text-align: left; color: #333; }
footer .footer-inner .ff-flex .ff-box-r .ff-home a:hover { text-decoration: none; }
footer .footer-inner .ff-flex .ff-box-r .ff-home a:hover .ff-jp { text-decoration: underline; }
footer .footer-inner .ff-flex .ff-box-r .ff-home .ff-en { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 18px; letter-spacing: 0.05em; line-height: 29px; text-align: left; color: #159785; display: block; margin-bottom: 3px; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box.ano { margin-bottom: 33px; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-ttl { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 18px; letter-spacing: 0.1em; line-height: 28px; text-align: left; color: #159785; margin-bottom: 6px; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-ttl.jp { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: bold; font-size: 16px; letter-spacing: 0.1em; line-height: 28px; text-align: left; color: #159785; margin-bottom: 5px; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-list { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #333; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-list > li { background-image: url(../images/common/f-icon.svg); background-repeat: no-repeat; background-position: 0 17px; padding-left: 17px; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-l { width: 215px; margin-right: 49px; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-m { width: 155px; margin-right: 70px; }
footer .footer-inner .ff-flex .ff-box-r .ff-link-box .ff-link-box-r { width: 209px; }
.pagetop-fix { position: fixed; bottom: 0; right: 0; }
.copyright { background-color: #159785; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 24px; text-align: center; color: #fff; padding-top: 10px; padding-bottom: 14px; display: block; }
.copyright a{text-decoration: underline;
color: #fff;
}
.copyright a:hover{
text-decoration: none;
}
/* common */
/* 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; }
*/
/* 1カラムサイト */
/*#one-cl { }
*/
h1.main-title { height: 100px; background-color: #F2F2F2; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: center; align-items: center; }
h1.main-title .jp { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 22px; letter-spacing: 0.05em; line-height: 26px; text-align: center; color: #1a1a1a; }
h2.sub-title { background: #525252; padding: 25px 20px; color: #fff; margin-bottom: 30px; font-size: 28px; font-weight: bold; letter-spacing: 7px; text-align: center; }
.seo_bread_list { max-width: 1183px; width: 100%; padding: 27px 0; margin: 0 auto 30px; font-family: "Noto Sans JP"; font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #a1a1a1; }
.seo_bread_list li { margin-right: 20px; float: left; }
.seo_bread_list a { color: #a1a1a1; }
.seo_bread_list li::after { content: " >"; }
.seo_bread_list li:last-child::after { content: ""; }
/*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 { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover; "; }
html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; }
/* WEB FONTs 游ゴシックかすれ予防*/
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
.f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.f-min-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.f-noto { font-family: "Noto Sans JP", sans-serif; }
.f-noto-c { font-family: noto-serif, serif; font-style: normal; }
body { -webkit-text-size-adjust: 100%; }
img { vertical-align: bottom; }
a { text-decoration: none; color: #090909; }
a:hover { text-decoration: underline; }
.nobd a:hover { text-decoration: none !important; }
/* 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-bottom: 30px; }
.wysiwyg a { color: #1a73e8; text-decoration: underline; }
.wysiwyg strong { font-weight: bolder; }
.wysiwyg em { font-family: "ＭＳ ゴシック", sans-serif; font-style: italic; }
.wysiwyg img { max-width: 100% !important; height: auto !important; }
.wysiwyg p { min-height: 15px; min-width: 10px; line-height: 1.6; margin-bottom: 1em; }
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #333; font-weight: bold; text-align: left; }
.wysiwyg h1 { background-color: #159785; color: #fff; padding: 12px 24px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h2 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 12px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h3 { border-left: 6px solid #159785; padding: 5px 20px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h4 { border-bottom: 1px solid #000; padding: 0 0 10px; font-size: 1.188rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h5 { border-bottom: 1px dashed #000; padding: 0 0 10px; font-size: 1.188rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h6 { background-color: #eee; border: 1px dotted #999; padding: 10px; font-size: 1rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg ul { list-style-type: disc; line-height: 1.6; font-size: 0.875rem; margin: 0.5em 0 1em 2em; }
.wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 0.875rem; margin: 0.5em 0 1em 2em; }
.wysiwyg table { table-layout: fixed; width: 100% !important; }
.wysiwyg table th, .wysiwyg table td { border: 1px solid #999; padding: 8px 16px; margin: 0.5em 0 1em; line-height: 1.75; }
/* リンク透明 */
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; }
/*---------------------------------------- 外部サービス ----------------------------------------*/
/* 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: 766px) and (max-width: 1500px) {
#ee .ee-box { width: 1280px; }
footer .footer-inner { padding-left: 136px; padding-right: 132px; }
}
@media screen and (max-width: 1200px) {
html { overflow: auto; }
body { overflow: visible; }
}
@media screen and (max-width: 767px) {
.mw_wp_form input[type=file] { display: inline-block; width: 100%; font-size: 3.8vw; }
html { font-size: 62.5%; }
body { overflow: hidden; font-size: 3.865vw; font-family: "Zen Kaku Gothic New", sans-serif; -webkit-text-size-adjust: 100%; line-height: 1.6; }
.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; }
#pc-menu-open { display: none; }
#g-nav { display: none; }
.sp-header { height: 24.155vw; position: relative; }
.sp-header .h-logo { position: absolute; top: 3.623vw; left: 4.106vw; }
.sp-header .h-logo img { width: 30.314vw; }
.sp-header .h-menu { position: fixed; top: 1.932vw; right: 1.932vw; z-index: 997; }
.sp-header .h-menu img { height: 13.043vw; width: auto; }
nav#sp-global-nav .h-logo { background: #fff; }
nav#sp-global-nav .h-logo img { position: absolute; top: 3.623vw; left: 4.106vw; width: 30.314vw; }
nav#sp-global-nav { font-size: 1.4rem; z-index: 999; overflow: scroll; position: fixed; top: 0; width: 100vw; height: 100vh; display: none; background-color: #F9F8F4; box-sizing: border-box; }
nav#sp-global-nav .open-close-01 { position: fixed; top: 1.932vw; right: 1.932vw; width: 13.043vw; z-index: 998; }
nav#sp-global-nav .open-close-01 img { height: 13.043vw; width: auto; }
nav#sp-global-nav .list { margin: 12.077vw 0 4.831vw; }
nav#sp-global-nav .list li a { color: #fff; line-height: 1.4; text-decoration: none; padding: 5%; display: block; border-bottom: 1px solid #fff; }
nav#sp-global-nav .open-color-Box-list { width: 83.575vw; margin: 0 auto; margin-bottom: 9.662vw; }
nav#sp-global-nav .open-color-Box-list li { margin-bottom: 2.899vw; }
.open-color-Box-txt { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.797vw; text-align: center; color: #333; margin-bottom: 5.797vw; }
.open-color-Box-tel { width: 72.947vw; margin: 0 auto; margin-bottom: 15.942vw; }
.open-color-Box { margin-top: 22.464vw; }
.open-color-Box .oo-home-txt a { display: block; font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 4.348vw; letter-spacing: 0.1em; line-height: 6.763vw; text-align: left; color: #159785; margin-bottom: 8.696vw; padding-left: 3.865vw; }
.open-color-Box .ff-link-box >div { margin-bottom: 9.179vw; }
.open-color-Box .ff-link-box >div .ff-link-box-ttl.jp { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: bold; padding-left: 4.106vw; letter-spacing: 0.242vw; margin-bottom: 1.449vw; }
.open-color-Box .ff-link-box >div .ff-link-box-ttl { font-family: Montserrat; font-weight: 600; font-size: 4.589vw; letter-spacing: 0.1em; line-height: 6.763vw; text-align: left; color: #159785; padding-left: 3.865vw; }
.open-color-Box .ff-link-box >div li a { display: block; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; /* line-height: 14.493vw; */
text-align: left; color: #1a1a1a; background-image: url(../images/common/sp-oo-deco-01.svg),url(../images/common/sp-oo-deco-02.svg),url(../images/common/sp-oo-deco-03.png); background-repeat: no-repeat,no-repeat; background-position: 4.831vw 7.246vw,right 7.246vw top 6.28vw,0 bottom; background-size: 1.075vw,2.072vw,100%; padding: 4.106vw 7.488vw 4.348vw; }
.oo-bnr-box .oo-bnr-box-txt { width: 45.411vw; margin: 0 auto; margin-bottom: 5.797vw; margin-top: 28.986vw; }
.oo-bnr-box .oo-bnr-box-list { width: 55.85vw; margin: 0 auto; margin-bottom: 32vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.oo-bnr-box .oo-bnr-box-list li { width: 7.729vw; }
.open-color-Box .ff-link-box .ff-link-box-l { }
.open-color-Box .ff-link-box .ff-link-box-l .ff-link-box-ttl { }
.open-color-Box .ff-link-box .ff-link-box-l .ff-link-box-list { }
.open-color-Box .ff-link-box .ff-link-box-m { }
.open-color-Box .ff-link-box .ff-link-box-m .ff-link-box-ttl { margin-bottom: 0.966vw; }
.open-color-Box .ff-link-box .ff-link-box-m .ff-link-box-list { }
.sp-fix-list { position: fixed; bottom: 0; width: 100%; z-index: 996; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; }
/*============================
#ee
============================*/
#ee { margin-top: 12.9vw; padding-top: 7.971vw; background-image: url(../images/common/bg-ptn-02.png); background-repeat: repeat; background-position: 0 0; background-size: 19.324vw; }
#ee .ee-box { width: 91.787vw; margin: 0 auto; background: #fff; /* border: 1px solid #d6d5cf; */
padding-top: 9.662vw; padding-bottom: 18.841vw; /* filter: drop-shadow(20px 20px 40px rgba(0, 0, 0, 0.1)); */ }
#ee .ee-box .ee-ttl { width: 38.647vw; margin: 0 auto; margin-bottom: 4.831vw; }
#ee .ee-box .ee-txt-01 { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: normal; text-align: center; color: #333; margin-bottom: 17.874vw; font-size: 3.865vw; letter-spacing: 0.1em; line-height: 7.246vw; }
#ee .ee-box .ee-li-box { width: 82.126vw; margin: 0 auto; position: relative; }
#ee .ee-box .ee-li-box .ee-li-box-deco { position: absolute; top: -16.425vw; right: 1.691vw; width: 17.512vw; }
#ee .ee-box .ee-li-box .ee-li-box-list { position: relative; z-index: 10; margin-bottom: 7.729vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
#ee .ee-box .ee-li-box .ee-li-box-list > li { width: 100%; /* margin-right: 9.662vw; */
background-color: #fff; margin-bottom: 2.415vw; }
#ee .ee-box .ee-li-box .ee-li-box-list > li:last-child { margin-right: 0; }
#ee .ee-box .ee-flex { width: 100%; margin: 0 auto; margin-bottom: 3.382vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
#ee .ee-box .ee-flex .ee-box-l { position: relative; /* padding-left: 11.353vw; */
/* padding-top: 2.657vw; */
/* margin-right: 3.623vw; */
width: 100%; }
#ee .ee-box .ee-flex .ee-box-l .ee-txt-02 { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; text-align: center; color: #333; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.797vw; margin-bottom: 3.623vw; }
#ee .ee-box .ee-flex .ee-box-r { position: relative; width: 73.913vw; margin: 0 auto; }
#ee .ee-box .ee-txt-box .ee-txt-box-txt { font-weight: normal; font-size: 3.382vw; letter-spacing: 0.1em; text-align: center; color: #333; line-height: 6.28vw; }
.ee-txt-box-txt-ss { display: none; }
.sp-page-top { width: 77.295vw; margin: 0 auto; margin-bottom: 12.077vw; }
.sp-page-top a { }
.sp-page-top a img { /* width: 10%; */
/* height: auto; */ }
footer { max-width: 100%; width: 100%; margin: 0 auto; background-image: url(../images/common/bg-ptn-02.png); background-repeat: repeat; background-position: center 0; padding-top: 23.671vw; background-size: 19.324vw; font-family: "Zen Kaku Gothic New", sans-serif; }
footer .footer-inner { /* padding-left: 41.787vw; */
/* padding-right: 38.647vw; */ }
footer .footer-inner .ff-flex { padding-bottom: 27.053vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
footer .footer-inner .ff-flex .ff-box-l { width: 100%; /* padding-top: 0.725vw; */
text-align: center; }
footer .footer-inner .ff-flex .ff-box-l .ff-logo { width: 54.348vw; margin: 0 auto; margin-bottom: 4.348vw; }
footer .footer-inner .ff-flex .ff-box-l .ff-txt-01 { margin-bottom: 2.174vw; font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.797vw; color: #333; }
footer .footer-inner .ff-flex .ff-box-l .ff-txt-02 { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.797vw; color: #333; margin-bottom: 1.691vw; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 5.797vw; }
footer .footer-inner .ff-flex .ff-box-l .ff-sns-list { margin-top: 43.478vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; display: none; }
footer .footer-inner .ff-flex .ff-box-l .ff-sns-list > li { width: 100%; margin-right: 4.831vw; }
footer .footer-inner .ff-flex .ff-box-l .ff-sns-list > li:last-child { margin-right: 0; }
footer .footer-inner .ff-flex .ff-box-r { display: none; }
h1.main-title { background-color: #F9F8F4; padding: 0 1em; height: 19.324vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
h1.main-title .jp { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 500; font-size: 4.348vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: center; color: #1a1a1a; }
.copyright { background-color: #159785; font-weight: 500; padding-top: 6.522vw; padding-bottom: 3.382vw; display: block; height: 43.961vw; color: #fff; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 5.797vw; text-align: center; color: #fff; font-family: "Zen Kaku Gothic New", sans-serif; }
.copyright-ss { display: none; }
.copyright a{text-decoration: underline;
color: #fff;
}
.copyright a:hover{
text-decoration: none;
}
h2.sub-title { background: #525252; font-weight: bold; padding: 3%; color: #fff; margin-bottom: 5%; font-size: 5vw; letter-spacing: 0.966vw; text-align: center; }
.seo_bread_list { width: 100%; padding: 5% 2%; margin: 0 auto; font-size: 1.2rem; color: #666; line-height: 1.6; }
.seo_bread_list { display: none; }
/* .seo_bread_list a { color: #666; }
.seo_bread_list li { margin-right: 0.5em; float: left; }
.seo_bread_list li::after { content: ">"; }
.seo_bread_list li:last-child::after { content: none; }
*/
/* 2カラムサイト---------------- */
#tow-cl #side { display: none; }
.fit img { -o-object-fit: cover; 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; }
/* WEB FONTs 游ゴシックかすれ予防*/
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
@font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
.f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.f-min-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Sawarabi Mincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.f-noto { font-family: "Noto Sans JP", sans-serif; }
.f-noto-c { font-family: noto-serif, serif; font-style: normal; }
body { -webkit-text-size-adjust: 100%; }
img { vertical-align: bottom; max-width: 100%; }
a { text-decoration: none; color: #090909; }
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: "."; }
/* wysiwyg */
/* wysiwyg */
.wysiwyg { font-size: 3.4vw; margin-bottom: 4vw; word-wrap: break-word; }
.wysiwyg a { text-decoration: underline; color: #1a73e8; }
.wysiwyg strong { font-weight: bolder; }
.wysiwyg em { font-family: "ＭＳ ゴシック", sans-serif; font-style: italic; }
.wysiwyg img { max-width: 100% !important; height: auto !important; }
.wysiwyg p { line-height: 1.6; min-width: 1rem; min-height: 1rem; margin-bottom: 1em; }
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { font-weight: bold; text-align: left; color: #333; }
.wysiwyg h1 { font-size: 4vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 3vw; background-color: #159785; color: #fff; }
.wysiwyg h2 { font-size: 3.865vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 3vw; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.wysiwyg h3 { font-size: 3.865vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 2vw; border-left: 4px solid #159785; }
.wysiwyg h4 { font-size: 3.865vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 0 0 3%; border-bottom: 1px solid #000; }
.wysiwyg h5 { font-size: 3.865vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 0 0 3%; border-bottom: 1px dashed #000; }
.wysiwyg h6 { font-size: 3.865vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 2vw; border: 1px dotted #999; background-color: #eee; }
.wysiwyg ul { line-height: 1.6; margin: 0.5em 0 1em 2em; list-style-type: disc; }
.wysiwyg ol { font-size: 1.4rem; line-height: 1.6; margin: 0.5em 0 1em 2em; list-style-type: decimal; }
.wysiwyg table { overflow-x: scroll; width: 100% !important; margin-bottom: 1.2em; table-layout: fixed; border-left: 1px solid #999; }
.wysiwyg table th, .wysiwyg table td { font-size: 3.6vw; line-height: 1.75; padding: 0.6em; border: 1px solid #999; border-top: none; border-left: none; height: auto !important; }
.wysiwyg table tr { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; height: auto !important; }
.wysiwyg table td { line-height: 1.7; min-width: 45vw; height: auto !important; }
.wysiwyg .wys-scr { overflow-x: scroll; width: 100%; margin-right: 2em; border-top: 1px solid #999; }
.wysiwyg .wys-scr p { margin-bottom: 0; }
/* img-block */
/* アンカーリンク調整 */
.hideAnchor { display: block; height: 0px; overflow: hidden; text-indent: -2415.217vw; margin-top: -2.415vw; padding-bottom: 2.415vw; }
/* スクロール縦 */
.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; }
/* リンク透明にしない */
.noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1; }
/*---------------------------------------- 外部サービス ----------------------------------------*/
/* ggmap */
/* iframeのコピーしたコード
*/
.sp-ggmap { position: relative; padding-bottom: 56.25%; padding-top: 7.246vw; 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; }
}
/*# sourceMappingURL=common.css.map */