@charset "UTF-8";
/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/* Normalization */
audio:not([controls]) { display: none; }

button { overflow: visible; -webkit-appearance: button; }

details { display: block; }

html { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; }

input { -webkit-border-radius: 0; }
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; }
input[type="number"] { width: auto; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

summary { display: block; }

svg:not(:root) { overflow: hidden; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { background-repeat: no-repeat; margin: 0; padding: 0; }

:root { background-color: #FFFFFF; box-sizing: border-box; color: #000000; cursor: default; font: 62.5%/1.5 sans-serif; text-rendering: auto; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: vertical; }

::-moz-selection { background-color: #B3D4FC; color: #ffffff; text-shadow: none; }

::selection { background-color: #B3D4FC; color: #ffffff; text-shadow: none; }

[aria-busy="true"] { cursor: progress; }

[aria-controls] { cursor: pointer; }

[aria-disabled] { cursor: default; }

[hidden][aria-hidden="false"] { clip: rect(0 0 0 0); display: inherit; position: absolute; }
[hidden][aria-hidden="false"]:focus { clip: auto; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

img { max-width: 100%; height: auto; }

.d-b { display: block; }
.d-ib { display: inline-block; }
.d-i { display: inline; }

.f-l { float: left; }
.f-r { float: right; }

.clear { clear: both; }

.clearfix:after { content: ""; display: block; clear: both; }

.color-font { color: #3E3A39; }
.color-main { color: #2f8e49; }
.color-sub { color: #f6f6f2; }
.color-accent { color: #cc3e55; }
.color-attention { color: #d00; }

.font-w__b { font-weight: bold; }

.ta-l { text-align: left; }
.ta-c { text-align: center; }
.ta-r { text-align: right; }

ul { list-style-type: none; }
ul.disc { list-style-type: disc; padding: 0 0 0 1.5em; }
ul.circle { list-style: circle; padding: 0 0 0 1.5em; }
ul.square { list-style: square; padding: 0 0 0 1.5em; }

ol { padding: 0 0 0 1.5em; }

@-webkit-keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes fadein { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.btn-default, .btn-main, .btn-sub, .btn-accent { display: inline-block; border-radius: 4px; padding: .5em 1em .35em; text-decoration: none; }
.btn-default:hover, .btn-main:hover, .btn-sub:hover, .btn-accent:hover { cursor: pointer; }
.btn-l.btn-default, .btn-l.btn-main, .btn-l.btn-sub, .btn-l.btn-accent { padding: .6em 3em .5em; font-size: 1.25em; }
.btn-s.btn-default, .btn-s.btn-main, .btn-s.btn-sub, .btn-s.btn-accent { font-size: .8em; }

.btn-default { border: solid 1px #c9caca; background-color: #f6f6f6; box-shadow: 0 3px 0 0 #b0b0b0; color: #333 !important; text-align: center; }
.btn-default:hover { background-color: #fcfcfc; }
.btn-default:active { position: relative; top: 3px; box-shadow: none; }
.btn-main { border: solid 1px #2f8e49; background-color: #2f8e49; box-shadow: 0 3px 0 0 #296138; color: #fff !important; }
.btn-main:hover { background-color: #3cb45d; }
.btn-main:active { position: relative; top: 3px; box-shadow: none; }
.btn-sub { border: solid 1px #f6f6f2; background-color: #f6f6f2; box-shadow: 0 3px 0 0 #ddddd8; color: #fff !important; }
.btn-sub:hover { background-color: white; }
.btn-sub:active { position: relative; top: 3px; box-shadow: none; }
.btn-accent { border: solid 1px #cc3e55; background-color: #cc3e55; box-shadow: 0 3px 0 0 #9f3848; color: #fff !important; }
.btn-accent:hover { background-color: #d76679; }
.btn-accent:active { position: relative; top: 3px; box-shadow: none; }

textarea, input, select { padding: 3px; }

[type="submit"], button { cursor: pointer; }

[type="text"], [type="password"], [type="email"], [type="url"], [type="number"], select, textarea { border: 1px solid #ccc; border-radius: 2px; background-color: #fbfbfb; }
[type="text"]:focus, [type="password"]:focus, [type="email"]:focus, [type="url"]:focus, [type="number"]:focus, select:focus, textarea:focus { border-color: #999; background-color: #fefefe; }

::-webkit-input-placeholder { color: #999; }

::-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

.placeholder { color: #999; }

html:not(.no-js) .is-loading *, html:not(.no-js) .is-loading *:before, html:not(.no-js) .is-loading *:after { -webkit-animation: none !important; animation: none !important; -webkit-transition: none !important; transition: none !important; }
html:not(.no-js) .page-content { -webkit-animation: fadein 1s; animation: fadein 1s; }
html.no-js .is-loading:after { content: none; }
html.no-js .page-content { visibility: visible; }

.is-loading:after { content: ''; position: fixed; left: 50%; top: 50%; border: 4px solid rgba(30, 57, 38, 0.3); border-top-color: #2f8e49; width: 64px; height: 64px; border-radius: 50%; margin-top: -32px; margin-left: -32px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }
.is-loading .page-content { visibility: hidden; }

@font-face { font-family: 'webicon'; src: url("../fonts/webicon.ttf?oof4wj") format("truetype"), url("../fonts/webicon.woff?oof4wj") format("woff"), url("../fonts/webicon.svg?oof4wj#webicon") format("svg"); font-weight: normal; font-style: normal; }
.icon:before, .icon:after, [class^="icon-"], [class*=" icon-"] { font-family: 'webicon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-file-pdf:before { content: "\f1c1"; }

.icon-file-word:before { content: "\f1c2"; }

.icon-file-excel:before { content: "\f1c3"; }

.icon-arrow-down2:before { content: "\e905"; }

.icon-arrow-left2:before { content: "\e906"; }

.icon-arrow-right2:before { content: "\e907"; }

.icon-arrow-up2:before { content: "\e908"; }

.icon-image:before { content: "\f03e"; }

.icon-map-marker:before { content: "\f041"; }

.icon-mail:before { content: "\f0e0"; }

.icon-home:before { content: "\e88a"; }

.icon-list-arrow:before { content: "\e900"; }

.icon-arrow-right:before { content: "\e409"; }

.icon-list-arrow2:before { content: "\e038"; }

.icon-menu:before { content: "\e901"; }

.icon-close:before { content: "\e902"; }

html { overflow-y: scroll; font-size: 62.5%; }

body { color: #3E3A39; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size: 1.5rem; letter-spacing: 0.05em; }

input, select, option, textarea { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a, a * { -webkit-transition-property: color, border-color, background-color, opacity; transition-property: color, border-color, background-color, opacity; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

a { color: #2f8e49; text-decoration: none; }
a:visited { color: #35a153; }
a:hover { outline: 0; color: #297b3f; text-decoration: underline; }
a:hover img { opacity: 0.6; }
a:active { outline: 0; color: #cc3e55; }

::-moz-selection { background-color: #226835; color: #fff; }

::selection { background-color: #226835; color: #fff; }

.for-tab { display: none; }

.for-sp { display: none; }

.margin-lg { margin: 64px 0; }
.margin-md { margin: 40px 0; }
.margin-sm { margin: 16px 0; }
.margin-xs { margin: 8px 0; }

.grid-row { margin-left: -15px; margin-right: -15px; }
.grid-row:after { content: ""; display: block; clear: both; }
.grid-row + .grid-row { margin-top: 30px; }
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { box-sizing: border-box; float: left; padding: 0 15px; }
.grid-1 :first-child, .grid-2 :first-child, .grid-3 :first-child, .grid-4 :first-child, .grid-5 :first-child, .grid-6 :first-child, .grid-7 :first-child, .grid-8 :first-child, .grid-9 :first-child, .grid-10 :first-child, .grid-11 :first-child, .grid-12 :first-child { margin-top: 0; }
.grid-1 { width: 8.33333%; }
.grid-2 { width: 16.66667%; }
.grid-3 { width: 25%; }
.grid-4 { width: 33.33333%; }
.grid-5 { width: 41.66667%; }
.grid-6 { width: 50%; }
.grid-7 { width: 58.33333%; }
.grid-8 { width: 66.66667%; }
.grid-9 { width: 75%; }
.grid-10 { width: 83.33333%; }
.grid-11 { width: 91.66667%; }
.grid-12 { width: 100%; }

.styling-area { padding: 32px 0; }
.styling-area h2 { margin-bottom: 40px; font-size: 3rem; font-weight: normal; }
.styling-area h3 { position: relative; margin-bottom: 20px; padding: 10px 0 .5em; border-bottom: 2px solid #c9caca; font-size: 2.4rem; font-weight: normal; }
.styling-area h4 { position: relative; margin-bottom: 20px; padding: 10px 0 .3em; font-size: 1.8rem; font-weight: normal; }
.styling-area h4::after { position: absolute; bottom: -4px; left: 0; content: ''; height: 4px; width: 100%; background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #c9c9c9 2px, #c9c9c9 4px); background: repeating-linear-gradient(45deg, #fff, #fff 2px, #c9c9c9 2px, #c9c9c9 4px); }
.styling-area p, .styling-area ul, .styling-area ol, .styling-area dl { margin-bottom: 1em; font-size: 1.6rem; }
.styling-area ul, .styling-area ol { padding: 0 0 0 1.8em; }
.styling-area ul li + li, .styling-area ol li + li { margin: .3em 0 0; }
.styling-area ul { list-style: none; }
.styling-area ul li { position: relative; }
.styling-area ul li:before { content: ''; position: absolute; left: -1em; top: .4em; width: .5em; height: .5em; background-color: #2f8e49; width: 6px; height: 6px; border-radius: 50%; }
.styling-area hr { clear: both; margin: 40px 0; border: none; border-top: 1px solid #ccc; }
.styling-area img { margin: 0 10px 15px; color: #c9caca; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); }
.styling-area img:after { content: ""; display: block; clear: both; }

body { overflow: hidden; }

.page { position: relative; }

#is-sp-checkbox { display: none; }

.btn-sp-menu { display: none; }

.l-inner { margin: 0 auto; width: 1080px; }
.l-inner:after { content: ""; display: block; clear: both; }

.page-header { z-index: 100; position: fixed; top: 0; width: 100%; background-color: #fff; opacity: 0.95; height: 100px; }

.customize-support .page-header { top: 32px; }

.logo-main { position: absolute; top: 15px; left: 30px; font-size: 34px; }
.logo-main a { text-decoration: none; font-weight: bold; color: #3E3A39; }

.ttl_em { font-size: 12px; }

.nav-main__list { float: right; margin: 0 20px; width: 590px; font-size: 18px; }
.nav-main__list__home { float: left; height: 90px; border-right: 3px solid #c9caca; }
.nav-main__list__home a { padding: 32px 0; color: #3E3A39; width: 70px !important; }
.nav-main__list__up a { padding: 12px 20px 10px 20px; border-bottom: 1px solid #c9caca; }
.nav-main__list__low a { padding: 10px 20px 10px 20px; }
.nav-main__list a { float: left; color: #3E3A39; width: 170px; display: block; }
.nav-main__list a:hover { color: #2f8e49; }

.page-heading { margin: 116px 0 0; min-height: 200px; position: relative; }

._template-bg { background: url(../_template/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.e404-bg { background: url(../greetings/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.information-bg { background: url(../information/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.greetings-bg { background: url(../greetings/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.organizes-bg { background: url(../organizes/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.project-bg { background: url(../project/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.regulations-bg { background: url(../regulations/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.scenery-bg { background: url(../scenery/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.access-bg { background: url(../access/images/bg_titl.jpg) no-repeat center; background-size: cover; }

.page-title { display: table-cell; vertical-align: middle; margin-top: 100px; padding: 40px 20px; height: 200px; font-size: 4rem; color: #fff; }

.breadcrumbs { padding: 10px; background-color: #fff; }

.heading-lg { margin-bottom: 40px; font-size: 3rem; font-weight: normal; /*        margin-bottom: 20px; padding: 10px 20px 7px; font-size: 30px; border-top: 3px solid $color_main; border-bottom: 1px dashed $color_main; */ }

.txt_mincho { font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif; }

.heading-md { position: relative; margin-bottom: 20px; padding: 10px 0 .5em; border-bottom: 2px solid #c9caca; font-size: 2.4rem; font-weight: bold; }

.regulations-page .heading-md { padding: 0 0 .5em; border: none; }
.regulations-page .grid-row { padding: 20px 0; border-top: 1px dashed #c9caca; }

.heading-sm { position: relative; margin-bottom: 20px; padding: 10px 0 .3em; font-size: 1.8rem; font-weight: normal; }
.heading-sm::after { position: absolute; bottom: -4px; left: 0; content: ''; height: 4px; width: 100%; background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #c9c9c9 2px, #c9c9c9 4px); background: repeating-linear-gradient(45deg, #fff, #fff 2px, #c9c9c9 2px, #c9c9c9 4px); }
.heading-xs{
    margin-bottom: 20px;
}
.p-text { margin-bottom: 1em; font-size: 1.6rem; }

.list-disc > li { position: relative; padding: 0 0 0 1.5em; }
.list-disc > li:before { position: absolute; left: 5px; top: .5em; content: ''; background-color: #2f8e49; width: 6px; height: 6px; border-radius: 50%; }

.list-arrow > li { position: relative; padding: 0 0 0 1.5em; }
.list-arrow > li:before { position: absolute; left: 0; top: 0; content: '\e900'; font-family: 'webicon'; color: #2f8e49; }

.tbl.tbl-full { width: 100%; }
.tbl th, .tbl td { border: 1px solid #c9caca; text-align: left; }
.tbl th { padding: .6em .5em .3em; background-color: #f6f6f2; font-weight: normal; }
.tbl td { padding: .6em .5em .4em; }

.tbl-col th { border-bottom: 3px solid #2f8e49; }

.tbl-row th { border-right: 3px solid #2f8e49; }

.tbl-list th { width: 20%; }

.img-frame { color: #c9caca; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); }

.image-list { margin: 0 -10px; display: flex; flex-wrap: wrap; }
.image-list__item { /*            width: 25%;*/ padding: 10px; font-size: 1.3rem; }
.image-list__name { margin: 8px 0 0 !important; font-weight: bold; }
.image-list__text { margin: 8px 0 0; }

.definition-list { font-size: 1.3rem; }
.definition-list dt { font-weight: bold; }
.definition-list.side-by-side { display: flex; }
.definition-list.side-by-side dt { white-space: nowrap; margin: 0 1em 0 0; }

.purpose-box { padding: 20px; border: 3px solid #f6f6f2; }
.purpose-box__heading { margin-bottom: 10px; padding: 0 0 5px; border-bottom: 1px dashed #c9caca; }
.purpose-box__body { font-size: 1.2rem; }

#information { padding: 60px 0; background-color: #f6f6f2; border-bottom: 1px solid #e6e5d7; border-top: 1px solid #e6e5d7; }

.news-list { margin: 40px 0 40px; display: -webkit-box; /*--- Androidブラウザ用 ---*/ display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: justify; /*--- Androidブラウザ用 ---*/ }

.card-item { width: calc(33.3% - 30px); margin: 20px 0 20px 30px; }

.card-item a { position: relative; color: #c9caca; display: block; background-color: #fff; box-shadow: 1px 2px; border: 1px solid #ccc; border-top: none; border-left: none; text-decoration: none; height: 100%; overflow: hidden; }
.card-item a:after { position: absolute; bottom: 10px; right: 15px; content: ""; background: url(../images/common/next-dot.png) no-repeat bottom right; width: 40px; height: 10px; }
.card-item a:hover { box-shadow: 3px 6px 6px; }

.news-entry__image { margin-bottom: 15px; position: relative; text-align: center; }
.news-entry__image:after { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; border-left: 20px solid transparent; }
.news-entry__date { margin: 15px 15px 0; }
.news-entry__category { margin: 5px 15px 15px; color: #3E3A39; }
.news-entry__title { position: relative; margin: 5px 15px 15px; padding: 0 0 30px; color: #3E3A39; font-size: 20px; font-weight: normal; }

.card-list__more { float: right; width: 31%; position: relative; }
.card-list__more a { color: #c9caca; display: block; background-color: #fff; box-shadow: 1px 2px; border: 1px solid #ccc; border-top: none; border-left: none; text-decoration: none; }
.card-list__more a:after { position: absolute; bottom: 16px; right: 15px; content: ""; background: url(../images/common/next-dot.png) no-repeat bottom right; width: 40px; height: 10px; }
.card-list__more a:hover { box-shadow: 3px 6px 6px; }
.card-list__more .news-entry__title { margin: 0; padding: 10px 20px; font-size: 14px; }

.pager { display: flex; justify-content: center; }
.pager .page-numbers { position: relative; padding: 10px 20px; color: #c9caca; display: block; background-color: #fff; box-shadow: 1px 2px; border: 1px solid #ccc; border-top: none; border-left: none; text-decoration: none; height: 100%; overflow: hidden; }
.pager .page-numbers-link { color: #3E3A39; }
.pager .page-numbers-link:hover { color: #2f8e49; }
.pager .page-numbers:hover { box-shadow: 3px 6px 6px; }
.pager .current { background-color: #2f8e49; opacity: .5; }

.pager-single { display: flex; justify-content: center; }
.pager-single a { position: relative; padding: 10px 20px; color: #c9caca; display: block; background-color: #fff; box-shadow: 1px 2px; border: 1px solid #ccc; border-top: none; border-left: none; text-decoration: none; height: 100%; overflow: hidden; }
.pager-single a .page-numbers-link { color: #3E3A39; }
.pager-single a .page-numbers-link:hover { color: #2f8e49; }
.pager-single a:hover { box-shadow: 3px 6px 6px; }
.pager-single .current { background-color: #2f8e49; opacity: .5; }

.blog-menu { display: flex; justify-content: space-between; }
.blog-menu__category { display: flex; align-items: center; }

.project-list { border-top: 1px dashed #c9caca; }
.project-list li a { display: block; padding: 1rem 3rem 0.9rem 2rem; border-bottom: 1px dashed #c9caca; position: relative; }
.project-list li a i { position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #c9caca; font-size: 3.0rem; }
.project-list li a:hover { background-color: #ececec; }
.project-list li a:hover i { color: #666; }

.pagetop { position: fixed; right: 10px; bottom: 20px; display: none; }

.show { display: block; }

.page-footer { padding: 60px 0 0; background-color: #fff; }

.author-info__first { float: left; width: 40%; }
.author-info__second { float: right; width: 60%; }
.author-info__name { font-size: 26px; font-weight: normal; }

.sitemap { border-bottom: 1px solid #c9caca; padding-bottom: 20px; }
.sitemap__menu { float: left; width: 70%; }
.sitemap__sns { float: right; width: 30%; }

.nav-foot { overflow: hidden; display: flex; }
.nav-foot__menu { float: left; width: 70%; display: flex; flex-wrap: wrap; }
.nav-foot__menu li { position: relative; width: 50%; }
.nav-foot__menu li:before { position: absolute; top: 10px; left: 0; content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #c9caca; }
.nav-foot__menu li a { margin-left: 15px; padding: 5px; display: block; color: #3E3A39; }
.nav-foot__menu li a:hover { color: #2f8e49; }
.nav-foot__menu .w100 { display: block; width: 100%; }
.nav-foot__sns { display: flex; align-items: flex-end; justify-content: flex-end; }
.nav-foot__sns a { padding: 0 0 0 40px; }
.nav-foot__sns img { width: 40px; }

.detail-address { padding: 20px 0 5px; }

.detail-dialnum dt { float: left; }
.detail-dialnum dd { float: left; padding: 0 20px 0 10px; }

.copyright { clear: both; float: right; padding: 20px 0; width: 60%; }
.copyright small { font-size: 1.2rem; }

@media only screen and (max-width: 589px) { .for-pc { display: none; }
  .for-tab { display: none; }
  .for-sp { display: block; }
  .margin-lg { margin: 32px 0; }
  .margin-md { margin: 24px 0; }
  .margin-sm { margin: 8px 0; }
  .margin-xs { margin: 4px 0; }
  .grid-row { margin-left: -8px; margin-right: -8px; }
  .grid-row + .grid-row { margin-top: 16px; }
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { padding: 0 8px; }
  .sp-full.grid-1, .sp-full.grid-2, .sp-full.grid-3, .sp-full.grid-4, .sp-full.grid-5, .sp-full.grid-6, .sp-full.grid-7, .sp-full.grid-8, .sp-full.grid-9, .sp-full.grid-10, .sp-full.grid-11, .sp-full.grid-12 { width: auto; float: none; margin-top: 16px; margin-bottom: 16px; }
  .sp-full.grid-1 :last-child, .sp-full.grid-2 :last-child, .sp-full.grid-3 :last-child, .sp-full.grid-4 :last-child, .sp-full.grid-5 :last-child, .sp-full.grid-6 :last-child, .sp-full.grid-7 :last-child, .sp-full.grid-8 :last-child, .sp-full.grid-9 :last-child, .sp-full.grid-10 :last-child, .sp-full.grid-11 :last-child, .sp-full.grid-12 :last-child { margin-bottom: 0; }
  .grid-1:last-child.sp-full, .grid-2:last-child.sp-full, .grid-3:last-child.sp-full, .grid-4:last-child.sp-full, .grid-5:last-child.sp-full, .grid-6:last-child.sp-full, .grid-7:last-child.sp-full, .grid-8:last-child.sp-full, .grid-9:last-child.sp-full, .grid-10:last-child.sp-full, .grid-11:last-child.sp-full, .grid-12:last-child.sp-full { margin-bottom: 0; }
  .styling-area { padding: 32px 0; }
  .styling-area h2 { font-size: 2.6rem; }
  .styling-area img { margin: 10px auto; }
  .styling-area img:after { content: ""; display: block; clear: both; }
  .page { left: 0; transition: left .2s; }
  #is-sp-checkbox:checked + .page .sitemap { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu:after { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu i:before { content: '\e902'; position: relative; z-index: 105; color: #fff; }
  .btn-sp-menu { display: block; margin: 0 5px 0 0; float: right; /*        width: 60px; height: 60px;
*/ cursor: pointer; text-align: center; /*        background-color: $color_sub;*/ }
  .btn-sp-menu i { /*            margin: 10px 0 0;*/ font-size: 40px; color: #3E3A39; line-height: 70px; }
  .btn-sp-menu:after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; width: 100%; height: 1000px; z-index: 101; visibility: hidden; opacity: 0; transition: visibility .4s,opacity .4s; }
  .l-inner { width: auto; margin: 0 8px; }
  .page-header { height: 70px; }
  .customize-support .page-header { top: 32px; }
  .logo-main { font-size: 5vw; top: 10px; left: 10px; }
  .ttl_em { font-size: 10px; }
  .nav-main { display: none; }
  .heading-lg { font-size: 2.6rem; }
  .txt_mincho { font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif; }
  .image-list__item { width: 50%; }
  .news-list { display: block; }
  .card-item { width: 100%; margin: 20px auto; }
  .card-item a { margin-bottom: 10px; }
  .news-entry__image:after { border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; }
  .card-list__more { width: 100%; }
  .pager { display: block; width: 100%; text-align: center; }
  .pager-single { display: block; width: 100%; text-align: center; }
  .blog-menu { display: block; }
  .blog-menu__category { margin-bottom: 10px; }
  .pagetop img { width: 40px; }
  .author-info__first { float: none; width: 100%; text-align: center; }
  .author-info__second { float: none; width: 100%; text-align: center; }
  .author-info__name { font-size: 20px; }
  .author-info__datalink { font-size: 11px; }
  .sitemap { transition: visibility .5s, opacity .5s; visibility: hidden; opacity: 0; position: fixed; top: 70px; left: 0; right: 0; z-index: 110; padding-bottom: 0; }
  .sitemap a { color: #fff; }
  .nav-foot { display: block; }
  .nav-foot__menu { float: none; width: 100%; }
  .nav-foot__menu li { border: 1px solid #c9caca; text-align: left; }
  .nav-foot__menu li:before { position: absolute; top: 15px; left: 10px; }
  .nav-foot__menu li a { color: #fff; padding: 10px; }
  .nav-foot__sns { float: none; width: 100%; }
  .nav-foot__sns a { padding: 20px; }
  .detail-dialnum { display: flex; justify-content: center; }
  .detail-dialnum dd { padding: 0 12px 0 0; }
  .copyright { float: none; width: 100%; text-align: center; }
  .copyright small { font-size: 1.0rem; } }
@media only screen and (min-width: 590px) and (max-width: 1079px) { .for-pc { display: none; }
  .for-tab { display: block; }
  .for-sp { display: none; }
  .margin-lg { margin: 48px 0; }
  .margin-md { margin: 32px 0; }
  .margin-sm { margin: 16px 0; }
  .margin-xs { margin: 8px 0; }
  .grid-row { margin-left: -10px; margin-right: -10px; }
  .grid-row + .grid-row { margin-top: 20px; }
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { padding: 0 10px; }
  .styling-area { padding: 32px 0; }
  .styling-area img { margin: 0 10px 15px; }
  .styling-area img:after { content: ""; display: block; clear: both; }
  .page { left: 0; transition: left .2s; }
  #is-sp-checkbox:checked + .page .sitemap { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu:after { visibility: visible; opacity: 1; }
  #is-sp-checkbox:checked + .page .btn-sp-menu i:before { content: '\e902'; position: relative; z-index: 105; color: #fff; }
  .btn-sp-menu { display: block; margin: 0 5px 0 0; float: right; /*        width: 60px; height: 60px;
*/ cursor: pointer; text-align: center; /*        background-color: $color_sub;*/ }
  .btn-sp-menu i { /*            margin: 10px 0 0;*/ font-size: 40px; color: #3E3A39; line-height: 70px; }
  .btn-sp-menu:after { content: ''; position: absolute; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; width: 100%; height: 1000px; z-index: 101; visibility: hidden; opacity: 0; transition: visibility .4s,opacity .4s; }
  .l-inner { width: auto; margin: 0 16px; }
  .page-header { height: 70px; }
  .customize-support .page-header { top: 32px; }
  .logo-main { font-size: 24px; top: 10px; left: 10px; }
  .ttl_em { font-size: 10px; }
  .nav-main { display: none; }
  .txt_mincho { font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif; }
  .author-info__first { float: none; width: 100%; text-align: center; }
  .author-info__second { float: none; width: 100%; text-align: center; }
  .author-info__name { font-size: 26px; }
  .author-info__datalink { font-size: 11px; }
  .sitemap { transition: visibility .5s, opacity .5s; visibility: hidden; opacity: 0; position: fixed; top: 70px; left: 0; right: 0; z-index: 110; padding-bottom: 0; }
  .sitemap a { color: #fff; }
  .nav-foot { display: block; }
  .nav-foot__menu { float: none; width: 100%; }
  .nav-foot__menu li { border: 1px solid #c9caca; text-align: left; }
  .nav-foot__menu li:before { position: absolute; top: 15px; left: 10px; }
  .nav-foot__menu li a { color: #fff; padding: 10px; }
  .nav-foot__sns { float: none; width: 100%; }
  .nav-foot__sns a { padding: 20px; }
  .detail-dialnum { display: flex; justify-content: center; }
  .detail-dialnum dd { padding: 0 12px 0 0; }
  .copyright { float: none; width: 100%; text-align: center; }
  .copyright small { font-size: 1.0rem; } }
@media only screen and (min-width: 1080px) { .styling-area { padding: 32px 0; }
  .customize-support .page-header { top: 32px; }
  .txt_mincho { font-family: YuMincho, "Yu Mincho", "游明朝体", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "MS PMincho", "ＭＳ Ｐ明朝", serif; } }

/*# sourceMappingURL=style.css.map */

.mv-video{
	width: 100%;
	height: auto;
}

/*# img_QRコード */
.img_qr {
    padding: 5rem;
    text-align: center;
}
.img_qr img {
    width: 100%;
}