@charset "UTF-8";
/*※注意 メディアクエリについて
各セレクタ、都度振り分けるパターンと各下部にまとめてる場合があります*/
/* --------------------------------------------------------------------------- 01utils start --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- 01utils var --------------------------------------------------------------------------- */
/* color*/
/* breakpoint */
/* --------------------------------------------------------------------------- 01utils mixin --------------------------------------------------------------------------- */
/* breakpoint */
/* 背景 */
/* 上下中央 */
/* box-sizing */
/* --------------------------------------------------------------------------- 02base start --------------------------------------------------------------------------- */
/*reset*/
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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

body { line-height: 1; }

ol, ul, li { list-style: none; margin: 0; padding: 0; }

blockquote, q { quotes: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

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

caption { width: 100%; }

a { outline: none; }

/*clearfix*/
.cf:before, .cf:after { content: ""; display: block; overflow: hidden; }

.cf:after { clear: both; }

.cf { zoom: 1; }

/*baseline*/
body { color: #444; font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height: 1.8; font-size: 16px; font-weight: 300; background: url("../img/bg_body.png") repeat; /* Media Queries pc */ }

@media screen and (max-width: 1140px) { body body { width: 100%; } }

/* Media Queries pc */
img { vertical-align: bottom; width: 100%; height: auto; border-radius: 5px; /* Media Queries pc */ }

@media screen and (max-width: 1140px) { img img { max-width: 100%; height: auto; } }

a.alpha:hover img { opacity: 0.70; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity: 0.70; -moz-opacity: 0.70; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

a { text-decoration: underline; color: #1E88A8; font-weight: 400; }

a:hover { text-decoration: none; color: #1E88A8; }

/* Media Queries pc */
@media screen and (max-width: 1140px) { a.btn { padding: 2% 3%; } }

/* Media Queries pc */
@media screen and (max-width: 1140px) { /*横サイズ変更時の文字拡大禁止*/
  /* body {-webkit-text-size-adjust: 100%; font-size:80%;} */
  /* ios formのフォーム解除 ====================================================== */
  /* インプットのみ */
  input[type="submit"] { -webkit-appearance: none; } }

a[href^="tel:"] { pointer-events: none; /* Media Queries sp */ }

@media screen and (max-width: 600px) { a[href^="tel:"] { pointer-events: inherit; } }

/*IE6,7の警告*/
#IE6Att { width: 1000px; margin: 10px auto; padding: 10px; font-size: 0.82em; border: 2px solid #F00; background: #FFC; clear: both; }

/* --------------------------------------------------------------------------- 02base Common --------------------------------------------------------------------------- */
a.link01 { display: inline-block; position: relative; padding: 0.06em 1.25em; text-decoration: none; background: #1E88A8; border: 1px solid #1E88A8; text-align: center; color: #fff; font-weight: 400; font-size: 0.94em; margin: 0 auto; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link01:before { font-family: "Font Awesome 5 Free"; content: '\f0da'; font-weight: 700; margin-right: 0.25em; }

a.link01:hover { background: #fff; border: 1px solid #1E88A8; color: #1E88A8; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link02 { display: inline-block; border: 1px solid #fff; padding: 0.5em 2.5em; background-color: #1e88a8; letter-spacing: 0.06em; position: relative; color: #fff; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; text-decoration: none; width: 80%; max-width: 300px; text-align: center; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

a.link02:before { content: ""; width: 8px; height: 8px; border-top: solid 1px #fff; -webkit-transform: rotate(40deg); transform: rotate(40deg); position: absolute; right: 18px; top: 2px; bottom: 0; margin: auto; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

a.link02:after { content: ""; width: 17px; height: 1px; border: 0px; background-color: #fff; position: absolute; top: 2px; right: 15px; bottom: 0; margin: auto; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

a.link02:hover { border: 1px solid #fff; background-color: #186c85; color: #fff; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

a.link02:hover:before { right: 13px; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

a.link02:hover:after { right: 10px; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

a.link03 { display: inline-block; border: 1px solid #1E88A8; padding: 0.5em 2.5em; background-color: rgba(30, 136, 168, 0); letter-spacing: 0.06em; position: relative; color: #1E88A8; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; text-decoration: none; width: 300px; text-align: center; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

a.link03:before { content: ""; width: 8px; height: 8px; border-top: solid 1px #1E88A8; -webkit-transform: rotate(40deg); transform: rotate(40deg); position: absolute; right: 18px; top: 2px; bottom: 0; margin: auto; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link03:after { content: ""; width: 17px; height: 1px; border: 0px; background-color: #1E88A8; position: absolute; top: 2px; right: 15px; bottom: 0; margin: auto; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link03:hover { -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link03:hover:before { right: 13px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link03:hover:after { right: 10px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link04 { background-color: #1E88A8; display: inline-block; position: relative; padding: 0.5em 0; text-decoration: none; color: #fff; text-align: center; width: 100%; font-weight: 400; margin: 0 auto; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; font-size: 1.13em; border-radius: 5px; letter-spacing: 0.06em; }

a.link04:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; position: absolute; right: 0.75em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

a.link04:hover { background-color: #186c85; color: #fff; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link04:hover:after { right: 0.5em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

a.link05 { background-color: #1E88A8; display: inline-block; position: relative; padding: 0.5em 0; text-decoration: none; color: #fff; text-align: center; width: 100%; font-weight: 400; margin: 0 auto; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; font-size: 1.13em; border-radius: 5px; letter-spacing: 0.06em; }

a.link05:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; position: absolute; right: 0.75em; top: 0.5em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

a.link05:hover { background-color: #186c85; color: #fff; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

a.link05:hover:after { top: 0.75em; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/* テキストリンク */
p.t-link01 { text-align: right; margin: 0.31em 0 0; }

p.t-link01:before { content: "\f0a9"; font-family: FontAwesome; margin-right: 0.25em; font-size: 1.19em; color: #1E88A8; }

a.btn { background-color: #fabf2e; border: 2px solid #fabf2e; font-size: 1.13em; margin: 0 auto; padding: 0.5em 15px; text-align: center; text-decoration: none; display: block; width: 250px; color: #fff; font-weight: 400; border-radius: 3px; }

a.btn:hover { background-color: #fff; color: #444; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/* ▼img hover 効果▼ */
.box_img { margin: 0; padding: 0; overflow: hidden; }

.scale { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; }

a:hover .scale { -webkit-transform: scale(1.05); transform: scale(1.05); }

/* ▲img hover 効果▲ */
/* --------------------------------------------------------------------------- 02base Margin/Padding --------------------------------------------------------------------------- */
.MT10 { margin-top: 10px !important; }

.MT15 { margin-top: 15px !important; }

.MT20 { margin-top: 20px !important; }

.MT30 { margin-top: 30px !important; }

.MB0 { margin-bottom: 0px !important; }

.MTB0 { margin-top: 0px !important; margin-bottom: 0px !important; }

.MTB5 { margin-top: 5px !important; margin-bottom: 5px !important; }

.MTB10 { margin-top: 10px !important; margin-bottom: 10px !important; }

.MTB20 { margin-top: 20px !important; margin-bottom: 20px !important; }

.MTB30 { margin-top: 30px !important; margin-bottom: 30px !important; }

/* --------------------------------------------------------------------------- 02base Text --------------------------------------------------------------------------- */
.text p { text-align: justify; }

/* --------------------------------------------------------------------------- 02base Attention --------------------------------------------------------------------------- */
.att001 { color: #C00; font-weight: 500; }

.att002 { color: #1E88A8; font-weight: 500; }

.attbox01 { border: 1px solid #ddd; padding: 1em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 1.25em 0 1em; }

.attbox02 { border: 7px solid #eee; padding: 1em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 1.25em 0 1em; }

/* --------------------------------------------------------------------------- 02base Layout --------------------------------------------------------------------------- */
/*PCとスマホ表示分岐*/
.Box-pc { display: block !important; }

.Box-pc_inline { display: inline-block !important; }

.Box-sp { display: none !important; }

.ta_left { text-align: left !important; }

.ta_right { text-align: right !important; }

.ta_center { text-align: center !important; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { /*PCとスマホ表示分岐*/
  .Box-pc { display: none !important; }
  .Box-pc_inline { display: none !important; }
  .Box-sp { display: block !important; }
  /* padding・borderを枠のサイズに含める ====================================================== */
  * { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  img { max-width: 100%; height: auto; } }

/* --------------------------------------------------------------------------- 03fonts start --------------------------------------------------------------------------- */
@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 100; src: url("../fonts/NotoSansCJKjp-Thin.eot"); src: url("../fonts/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/NotoSansCJKjp-Thin.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 300; src: url("../fonts/NotoSansCJKjp-Light.eot"); src: url("../fonts/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 350; src: url("../fonts/NotoSansCJKjp-DemiLight.eot"); src: url("../fonts/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 400; src: url("../fonts/NotoSansCJKjp-Regular.eot"); src: url("../fonts/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 500; src: url("../fonts/NotoSansCJKjp-Medium.eot"); src: url("../fonts/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 700; src: url("../fonts/NotoSansCJKjp-Bold.eot"); src: url("../fonts/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype"); }

@font-face { font-family: 'Noto Sans Japanese'; font-style: normal; font-weight: 900; src: url("../fonts/NotoSansCJKjp-Black.eot"); src: url("../fonts/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.ttf") format("truetype"); }

/* webfont */
.Oswald { font-weight: 400; font-family: 'Oswald', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif; }

/* --------------------------------------------------------------------------- 04layout start --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- 04layout header --------------------------------------------------------------------------- */
header { width: 220px; z-index: 9999; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #eee; background-attachment: fixed; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { header { height: 65px; width: 100%; position: fixed; background-color: #fff; } }

@media screen and (max-width: 600px) { header { height: 65px; } }

#headdata { height: 100vh; position: fixed; width: 220px; min-height: 690px; margin: 0 auto; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { #headdata { height: inherit; position: inherit; width: 100%; min-height: inherit; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 2%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } }

#headdata h1 { margin: 1.5em 20px 1em; border-bottom: 1px solid #ddd; padding-bottom: 1.5em; position: relative; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #headdata h1 { margin: 1.5em 20px 1em; } }

@media screen and (max-width: 768px) { #headdata h1 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; margin: auto; padding: 0; border: none; margin-top: 6px; } }

@media screen and (max-width: 600px) { #headdata h1 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } }

#headdata h1:after { content: ''; display: inline-block; width: 70px; height: 40px; background-image: url(../img/icon_top_01.png); background-size: contain; vertical-align: middle; position: absolute; bottom: -15px; right: -12px; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { #headdata h1:after { width: 53px; height: 30px; bottom: -2px; right: inherit; left: 90px; } }

#headdata h1 a { display: block; max-width: 120px; margin: 0 0 0 10px; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { #headdata h1 a { max-width: 85px; margin: 0; } }

#headdata .data { /* Media Queries sp */ }

@media screen and (max-width: 600px) { #headdata .data { display: none; } }

#headdata .data .mail a { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #fff; background: #1E88A8; border: 1px solid #1E88A8; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; font-weight: bold; text-align: center; text-decoration: none; padding: 0.38em 1em 0.38em; border-radius: 3px; display: block; margin: 0.5em 20px 0; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { #headdata .data .mail a { margin: 1.25em 10px 0; } }

#headdata .data .mail a:hover { color: #1E88A8; background: #fff; border: 1px solid #1E88A8; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

#headdata .data .mail a i { margin-right: 0.25em; }

#headdata .data .sns { position: absolute; bottom: 5vh; width: 100%; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { #headdata .data .sns { bottom: inherit; padding: 1.25em 0 1em; } }

#headdata .data .sns li { margin-right: 0.5em; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { #headdata .data .sns li { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; border: none !important; margin-right: 0; } }

#headdata .data .sns li a { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #ddd; background-color: white; width: 2em; height: 2em; text-decoration: none; font-size: 1.25em; color: #222; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { #headdata .data .sns li a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; padding: 0; } }

#headdata .data .sns li:last-of-type { margin-right: 0; }

#headdata .navwrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

/*Media Queries tab-up*/
@media screen and (max-width: 768px) { /* 吸着 */
  /* 吸着ナビドロワー */
  .menufixed { width: 100%; /* height: 100%; */ overflow: hidden; }
  /************************************ スマホナビ */
  #mobile-menu { margin: 0.5em 0.25em 0 0; }
  #mobile-menu .slicknav_nav { /* left:0; */ /* padding:5px 0; */ /* top: 107%; */ width: 100%; } }

/* --------------------------------------------------------------------------- 04layout nav --------------------------------------------------------------------------- */
.hvr-underline-from-center:before { height: 2px !important; background: #fafdfe !important; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { .hvr-underline-from-center:before { display: none; } }

.hvr-underline-from-center:hover:before { left: 10% !important; right: 10% !important; }

/* グローバルメニュー 基本レイアウト 始め */
#navwrap { /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { #navwrap { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } }

#navwrap #menu-hnav { /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { #navwrap #menu-hnav { display: none; } }

@media screen and (max-width: 600px) { #navwrap #menu-hnav { display: none; } }

#navwrap #menu-hnav #menu-headnav { /* Media Queries pc */ /* Media Queries tab */ }

#navwrap #menu-hnav #menu-headnav li { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; }

#navwrap #menu-hnav #menu-headnav li a { color: #000; text-decoration: none; background-color: rgba(30, 136, 168, 0.05); border-radius: 5px; margin: 0.38em 1em; padding: 0.44em 20px; display: block; position: relative; letter-spacing: 0.06em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* Media Queries pc */ /* Media Queries tab */ }

@media screen and (max-width: 1140px) { #navwrap #menu-hnav #menu-headnav li a { font-size: 0.94em; } }

@media screen and (max-width: 768px) { #navwrap #menu-hnav #menu-headnav li a { font-size: 0.88em; height: 50px; } }

#navwrap #menu-hnav #menu-headnav li a:hover { background-color: rgba(30, 136, 168, 0.13); -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.category-information #navwrap #menu-hnav ul li#menu1 a, .about #navwrap #menu-hnav ul li#menu2 a, .karesansui #navwrap #menu-hnav ul li#menu3 a, .kuyo #navwrap #menu-hnav ul li#menu4 a, .eidaikuyo #navwrap #menu-hnav ul li#menu5 a, .gyoji_saiji #navwrap #menu-hnav ul li#menu6 a, .event #navwrap #menu-hnav ul li#menu7 a, .active #navwrap #menu-hnav ul li#menu8 a, .cook #navwrap #menu-hnav ul li#menu9 a, .member #navwrap #menu-hnav ul li#menu10 a, .qa #navwrap #menu-hnav ul li#menu11 a, .access #navwrap #menu-hnav ul li#menu12 a { background-color: rgba(30, 136, 168, 0.13); }

/* ２階層以降 滞在 */
/*---------------------------------------------------------
レスポンシブ&２階層目表示 始め
---------------------------------------------------------*/
.mobile-nav { display: none; }

/*---------------------------------------------------------
SlickNav 始め
---------------------------------------------------------*/
/*SlickNav*/
.slicknav_menu { display: none; }

/* Media Queries tab-up */
@media screen and (max-width: 768px) { #menu-headnav { display: none; }
  .slicknav_menu { display: block; }
  #mobile-menu { float: right; margin: 14.5px 0 0; }
  #mobile-menu .slicknav_menu { background: inherit; line-height: 2; border-radius: 3px; padding: 0 10px 3px !important; }
  .slicknav_btn { background-color: #fff !important; padding: 0.438em 0.5em !important; }
  .slicknav_menu .slicknav_icon-bar { background-color: #1E88A8 !important; }
  #mobile-menu .slicknav_nav { width: 100%; position: absolute; top: 65px; left: 0%; padding: 0 0 0 0.13em; background: white; z-index: 9999; height: 370px; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4); padding-bottom: 1.5em; border-top: 1px dotted #ccc; }
  #mobile-menu .slicknav_nav.open { opacity: 1; display: block; position: fixed !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; }
  #mobile-menu .slicknav_nav.open ul { margin: 0; }
  #mobile-menu .slicknav_nav.open .data { display: block; }
  #mobile-menu .slicknav_nav.open .data .vacant { display: none; }
  #mobile-menu .slicknav_nav.open .data .tel { padding: 5px 20px 10px; margin: 0 0 0 -5px; background-color: #55295B; color: #fff; }
  #mobile-menu .slicknav_nav.open .data .tel span { font-size: 0.5em; display: block; margin-top: 0.25em; font-weight: 400; }
  #mobile-menu .slicknav_nav.open .data .tel:after { display: none; }
  #mobile-menu .slicknav_nav ul { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  #mobile-menu .slicknav_nav li { border-bottom: 1px dotted #ccc; margin-bottom: 0.13em; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-right: 1px dotted #ccc; }
  #mobile-menu .slicknav_nav li:last-child { border-bottom: none; /* Media Queries tab-up */ } }

@media screen and (max-width: 768px) and (max-width: 768px) { #mobile-menu .slicknav_nav li:last-child { border-bottom: 1px dotted #ccc; } }

@media screen and (max-width: 768px) { #mobile-menu .slicknav_nav li.hvr-underline-from-center { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: none; transform: none; }
  #mobile-menu .slicknav_nav li img { width: 45px; height: auto; margin: 2px 5px 0 5px; float: left; vertical-align: middle; }
  #mobile-menu .slicknav_nav .spnavibtn .spcontact a, #mobile-menu .slicknav_nav .spnavibtn .sptaiken a, #mobile-menu .slicknav_nav .spnavibtn .sphosyu a { color: #fff; border-radius: 3px; }
  #mobile-menu .slicknav_nav .spnavibtn { padding: 5px 0; }
  #mobile-menu .slicknav_nav .spnavibtn .spcontact a { background-color: #1E88A8; }
  #mobile-menu .slicknav_nav .spnavibtn .sptaiken a { background-color: #55295B; }
  #mobile-menu .slicknav_nav .spnavibtn .sphosyu a { background-color: #55295B; }
  #mobile-menu .slicknav_nav a { padding: 6px 20px 6px 10px; color: #333; font-weight: 400; position: relative; }
  #mobile-menu .slicknav_nav a:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; position: absolute; right: 10px; }
  /* Media Queries tab-up */ }

@media screen and (max-width: 768px) and (max-width: 768px) { #mobile-menu .slicknav_nav .sns a:after { display: none; } }

@media screen and (max-width: 768px) { #mobile-menu .slicknav_nav .slicknav_row { padding: 0; }
  #mobile-menu .slicknav_nav a.sublink { /* margin: 5px 0; */ }
  #mobile-menu .slicknav_nav .slicknav_row:hover { background: #fff; color: #1E88A8; text-decoration: none; }
  #mobile-menu .slicknav_nav .slicknav_row:hover a { color: #1E88A8; text-decoration: none; }
  #mobile-menu .slicknav_nav a:hover { background: #fff; color: #1E88A8; text-decoration: none; }
  .slicknav_nav .slicknav_arrow { font-size: 1.13em !important; }
  .slicknav_nav .slicknav_collapsed .slicknav_arrow:after { content: "\f055"; font-family: FontAwesome; vertical-align: middle; }
  .slicknav_nav .slicknav_open .slicknav_arrow:after { content: "\f056"; font-family: FontAwesome; vertical-align: middle; }
  .slicknav_nav .slicknav_open .slicknav_collapsed .slicknav_arrow:after { content: "\f055"; font-family: FontAwesome; vertical-align: middle; }
  /* ボタン */
  .slicknav_btn, .slicknav_btn span { display: inline-block; -webkit-transition: all .4s; transition: all .4s; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .slicknav_btn { position: relative; height: 26px; width: 32px; margin: 5px 0 6px 5px !important; }
  .slicknav_btn .slicknav_icon span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #1E88A8 !important; border-radius: 4px; -webkit-box-shadow: none !important; box-shadow: none !important; }
  .slicknav_btn .slicknav_icon span:nth-of-type(1) { top: 0; }
  .slicknav_btn .slicknav_icon span:nth-of-type(2) { top: 9px; }
  .slicknav_btn .slicknav_icon span:nth-of-type(3) { bottom: 0; }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(1) { -webkit-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg); }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(2) { opacity: 0; }
  .slicknav_btn.active .slicknav_icon span:nth-of-type(3) { -webkit-transform: translateY(-10.5px) rotate(45deg); transform: translateY(-10.5px) rotate(45deg); } }

/* --------------------------------------------------------------------------- 04layout footer --------------------------------------------------------------------------- */
footer { position: relative; margin-top: 10em; }

footer .bg { width: 100%; background: url("../img/bg_footer.png") no-repeat top center/auto; position: absolute; z-index: -1; background-color: #fff; left: 0; right: 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 100%; opacity: 0.2; /* Media Queries pc */ /* Media Queries tab */ }

footer .bg:after { content: ""; left: 0; top: 0; background-color: rgba(255, 255, 255, 0.2); margin: auto; width: 100%; height: 100%; position: absolute; z-index: 0; }

@media screen and (max-width: 1140px) { footer .bg { padding: 2em 3%; } }

footer.move { -webkit-box-shadow: none; box-shadow: none; }

.home footer { margin-top: 3em; /* Media Queries pc */ /* Media Queries tab */ }

@media screen and (max-width: 1140px) { .home footer { padding: 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 768px) { .home footer { margin-top: 2em; } }

footer .foot_wrap { padding: 2vw 3vw 0; margin: 0 auto; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; /* Media Queries pc */ /* Media Queries tab */ }

@media screen and (max-width: 1140px) { footer .foot_wrap { width: 100%; } }

@media screen and (max-width: 768px) { footer .foot_wrap { display: block; } }

footer .foot_wrap .fdata { width: 210px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { footer .foot_wrap .fdata { margin: 0 auto 2em; text-align: center; } }

footer .foot_wrap .fdata .flogo { width: 120px; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { footer .foot_wrap .fdata .flogo { text-align: center; margin: 0 auto; } }

footer .foot_wrap .fdata .address { margin: 0.5em 0; /* Media Queries pc */ }

@media screen and (max-width: 1140px) { footer .foot_wrap .fdata .address { font-size: 0.94em; } }

footer .foot_wrap .fdata .photo { width: 200px; }

footer .foot_wrap .fdata img { width: 100%; height: auto; }

footer .foot_wrap #footnav { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -ms-justify-content: start; -webkit-justify-content: start; margin-left: 2em; border-left: 1px solid #f6f6f6; padding-left: 2em; width: 100%; /* Media Queries pc */ /* Media Queries tab-up */ }

@media screen and (max-width: 1140px) { footer .foot_wrap #footnav { font-size: 0.94em; } }

@media screen and (max-width: 768px) { footer .foot_wrap #footnav { padding-left: 0; border-left: none; margin-left: 0; } }

footer .foot_wrap #footnav li { margin: 0 1.5em 1.5em 0; border-left: 1px dotted #ccc; padding-left: 1em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { footer .foot_wrap #footnav li { margin: 0 0.75em 1em 0; padding-left: 0.75em; } }

footer .foot_wrap #footnav li a { text-decoration: none; display: block; margin-bottom: 0.25em; font-weight: normal; color: #000; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

footer .foot_wrap #footnav li a:hover { color: #1E88A8; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

footer .foot_wrap #footnav li .sublist { margin-left: 0.31em; }

footer .foot_wrap #footnav li .sublist li { border-left: none; margin: 0; text-indent: -0.75em; padding-left: 0.75em; line-height: 1.3; margin-top: 0.5em; }

footer .foot_wrap #footnav li .sublist li:before { content: " - "; }

footer .foot_wrap #footnav li .sublist li a { display: inline; }

p.copyright { padding: 1em 0; display: block; background-color: rgba(255, 255, 255, 0.5); position: relative; z-index: 0; text-align: center; font-size: 0.88em; letter-spacing: 0.06em; /* Media Queries tab */ }

@media screen and (max-width: 768px) { p.copyright { font-size: 0.88em; margin-top: 2em; } }

/* --------------------------------------------------------------------------- 04layout Sidebar --------------------------------------------------------------------------- */
#sidebar { float: right; position: relative; width: 250px; z-index: 10; /* Media Queries pc */ }

@media screen and (max-width: 1140px) { #sidebar { width: 32%; } }

/* 子ページリスト（親ページインデックス） */
ul.pagelist { margin-top: 1em; }

ul.pagelist li { float: left; width: 320px; margin: 0 15px 15px; }

ul.pagelist li .excerpt { font-size: 0.88em; line-height: 1.4; }

/* 記事ページサイドバー */
.main_widget-title { border-bottom: 1px dotted #1E88A8; border-top: 2px solid #1E88A8; font-size: 1.13em; font-weight: 400; padding: 0.75em 0; text-align: center; }

#sidebar .main_widget:first-of-type { margin-top: 0; }

.main_widget { border-radius: 3px; margin: 15px 0 20px; }

.main_widget ul { border-radius: 5px; }

.main_widget ul a { border-bottom: 1px dotted #ccc; color: #333; display: block; font-size: 0.94em; line-height: 1.8; padding: 0.5em 0.5em 0.5em 2em; position: relative; text-decoration: none; }

.main_widget ul a:before { content: ''; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; height: 12px; width: 12px; display: block; position: absolute; top: 17px; left: 9px; background-color: #1E88A8; -webkit-box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) inset; box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) inset; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; z-index: 1; }

.main_widget ul a:after { content: ''; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; height: 10px; width: 10px; display: block; position: absolute; top: 12px; left: 7px; background-color: #1E88A8; -webkit-box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) inset; box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.2) inset; }

.main_widget select { padding: 0.5em; width: 100%; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { #sidebar { float: none; position: relative; width: 100%; z-index: 10; margin: 4em auto 0; }
  #sidebar h3 { background: rgba(0, 0, 0, 0) url("../img/bg_side01.png") no-repeat scroll center center/100% auto; margin: -15px auto 0; }
  #sidebar #custom-post-type-recent-posts-2.main_widget h3 { background: rgba(0, 0, 0, 0) url("../img/bg_side02.png") no-repeat scroll center center/100% auto; }
  #sidebar .side_bn01 { text-align: center; }
  #sidebar .side_bn02 { display: none; }
  #sidebar .fb-page { margin: 1.75em auto 20px; display: block; text-align: center; width: 94%; }
  .main_widget { margin: 15px 0 2em; }
  ul.pagelist li { float: none; margin: 0 auto 15px; } }

/* --------------------------------------------------------------------------- 04layout Outline --------------------------------------------------------------------------- */
#outwrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Media Queries tab-up */ }

#outwrap #wrapper { width: calc(100% - 220px); position: relative; overflow: hidden; /* Media Queries tab-up */ }

#outwrap #wrapper:after { content: ''; display: inline-block; width: 100.4%; background-image: url(../img/bg/bg_bottom.svg); background-size: contain; vertical-align: middle; position: absolute; top: 0.3%; left: 0; right: 0; margin: auto; z-index: 10; padding-top: 37.5%; background-repeat: repeat-x; background-position-y: bottom; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { #outwrap #wrapper:after { padding-top: 45%; } }

@media screen and (max-width: 600px) { #outwrap #wrapper:after { top: 250px; padding-top: 5.32%; } }

@media screen and (max-width: 768px) { #outwrap #wrapper { width: 100%; } }

.home #outwrap #wrapper { /* Media Queries tab-up */ }

.home #outwrap #wrapper:after { padding-top: 5.32%; top: calc(50vw - 100px); /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { .home #outwrap #wrapper:after { top: calc(69vw - 65px); } }

@media screen and (max-width: 600px) { .home #outwrap #wrapper:after { top: calc(100vw - 25px); } }

@media screen and (max-width: 768px) { .home #outwrap #wrapper { width: 100%; } }

/* --------------------------------------------------------------------------- 04layout Breadcrumb --------------------------------------------------------------------------- */
#breadcrumb { max-width: 1100px; margin: 0 auto; font-size: 0.88em; padding: 1em 50px; }

.ul_breadcrumb { letter-spacing: 0.5px; }

/*Media Queries pc*/
@media screen and (max-width: 1140px) { #breadcrumb { font-size: 0.88em; font-weight: 400; height: auto; margin-bottom: 15px; /*min-width: 1100px;*/ padding: 0; }
  #breadcrumb .wrap { padding: 1% 2%; max-width: 1100px; /*margin: 0 90px;*/ } }

/*Media Queries sp*/
@media screen and (max-width: 600px) { #breadcrumb { font-size: 0.88em; font-weight: 400; height: auto; margin-bottom: 15px; min-width: 100%; padding: 0; width: 100%; }
  #breadcrumb .wrap { margin: 0; /*padding: 0.5em 0 0.75em 5%;*/ max-width: 100%; } }

/* --------------------------------------------------------------------------- 04layout Main --------------------------------------------------------------------------- */
#main { margin-top: 2em; }

.c_wrap { max-width: 1100px; margin: 0 auto; padding: 3em 50px 6em; }

/* Media Queries pc */
@media screen and (max-width: 1140px) { #wrap { max-width: 1100px; /*margin: 36px 90px 0;*/ margin: 36px 0 0; padding: 0 2.5%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .home #wrap { max-width: 100%; padding: 0; }
  .c_wrap { max-width: 100%; padding: 0 6%; } }

/* Media Queries tab */
@media screen and (max-width: 768px) { .c_wrap { padding: 0 4%; } }

/*Media Queries sp*/
@media screen and (max-width: 600px) { #wrap { width: 100%; margin: inherit; padding: 0 3.5%; }
  #main { float: none; position: relative; width: 100%; }
  .c_wrap { margin: 0 auto 0; padding: 0 4%; }
  .archive #wrap, .single #wrap { width: 100%; margin: 2em auto 7em; } }

/* width100%レイアウト */
#wrapper .inner_wrap { padding: 0 5em 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

#wrapper .inner_wrap.first { padding: 3em 5em 0; }

@media screen and (max-width: 1140px) { #wrapper .inner_wrap .inner_wrap { padding: 0 2%; } }

@media screen and (max-width: 768px) { #wrapper .inner_wrap .inner_wrap { padding: 0 4%; } }

@media screen and (max-width: 600px) { #wrapper .inner_wrap .inner_wrap { margin: 0 auto 0; padding: 0 3%; } }

/* --------------------------------------------------------------------------- 04layout Archive --------------------------------------------------------------------------- */
/* NEWS（ブログ） */
/* アーカイブ(基本) */
#wrapper .postwrap { max-width: 1100px; margin: 3em auto 0; padding: 0 5em 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Media Queries sp */ /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 600px) { #wrapper .postwrap { margin: 2em auto 0; padding: 0 4% 0; } }

#wrapper .postwrap.first { padding: 3em 5em 0; }

@media screen and (max-width: 1140px) { #wrapper .postwrap .inner_wrap { padding: 0 2%; } }

@media screen and (max-width: 768px) { #wrapper .postwrap .inner_wrap { padding: 0 2em; } }

@media screen and (max-width: 600px) { #wrapper .postwrap .inner_wrap { margin: 0 auto 0; padding: 0 4%; } }

.archive #wrap, .single #wrap { max-width: 1100px; width: 100%; margin: 2em auto 10em; padding: 0 4% 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Media Queries pc */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { .archive #wrap, .single #wrap { width: 100%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 2.5%; } }

@media screen and (max-width: 600px) { .archive #wrap, .single #wrap { margin-top: 0; } }

/* アーカイブ */
#topics { padding: 0 0 7.5em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #topics { padding: 0 0 15%; } }

#topics dl { font-weight: 400; padding: 1.14em; border-bottom: 1px dashed #ccc; letter-spacing: 0.25em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #topics dl { padding: 0.75em 1em; font-size: 0.88em; } }

#topics dl dt.date { float: left; width: 5.5em; font-size: 0.88em; color: #979797; /* Media Queries tab */ }

@media screen and (max-width: 600px) { #topics dl dt.date { width: 100%; float: none; } }

#topics dl dd.title { line-height: 1.5; padding-left: 8.5em; font-size: 1em; font-weight: 500; letter-spacing: 0.19em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #topics dl dd.title { padding-left: 0; line-height: 1.8; } }

#topics dl dd.title a { color: #000; }

#topics dl dd.title a:hover { text-decoration: none; }

/* アーカイブ(投稿) */
.archive #main, .single-post #main { width: 100%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Media Queries pc */ /* Media Queries sp */ }

@media screen and (max-width: 600px) { .archive #main, .single-post #main { width: 100%; float: none; } }

.single-post #main img { width: inherit; height: auto; }

.single-post #main .alignright { float: right; width: 45%; }

/* アーカイブ(サイドバー) */
.archive #side, .single #side { width: 270px; float: right; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .archive #side, .single #side { width: 100%; } }

/* アーカイブ(調整) */
dl.cat_list { border-bottom: 1px dashed #ccc; margin-bottom: 20px; padding-bottom: 20px; }

dl.cat_list dt.title, dl.cat_list dd.data, dl.cat_list dd.excerpt { padding-left: 140px; }

dl.cat_list dt.title { font-size: 1.25em; line-height: 1.4; margin-bottom: 0.25em; }

dl.cat_list dd.img { float: left; }

dl.cat_list dd.data { color: #555; font-size: 0.94em; margin-bottom: 5px; }

dl.cat_list dd.excerpt { font-size: 0.88em; line-height: 1.5; }

/* Media Queries sp */
@media screen and (max-width: 600px) { dl.cat_list dd.data { font-size: 0.94em; margin-bottom: 0; } }

/* カスタム */
/* アーカイブ(基本) */
.post-type-archive-postproduct #wrap { width: 1100px; margin: 5em auto 10em; /* Media Queries pc */ }

@media screen and (max-width: 1140px) { .post-type-archive-postproduct #wrap { width: 100%; padding: 0 2.5%; } }

/* アーカイブ(投稿) */
.single-postproduct #main { margin-top: 5em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .single-postproduct #main { margin-top: 3em; } }

/* --------------------------------------------------------------------------- 04layout other --------------------------------------------------------------------------- */
/* ページトップへ戻るボタン */
/* #topanchor a{ background-color: #014F90; border-radius: 5px; bottom: 2%; opacity: 1; padding: 16px 13px; position: fixed; right: 2%; text-align: center; } #topanchor a:hover{ background-color: #F9C204; border-radius: 5px; bottom: 2%; opacity: 1; padding: 16px 13px; position: fixed; right: 2%; text-align: center; } #topanchor img{ width:80%; height:auto; } */
/* 検索 */
/* #searchform input#s { padding: 0.6em; width: 65%; font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important; font-weight:300; border: 1px solid #ccc; border-radius: 2px;	 } #searchform input#searchsubmit { font-size: 1.06em; margin-left: 4%; padding: 0.2em; width: 20%; font-family: 'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif !important; font-weight:300; } */
/* ページ送り */
p.singlefooter { margin: 7em 0 4em; }

p.singlefooter a span { background-color: #f3f3f3; border-radius: 5px; display: block; font-size: 1em; line-height: 1.3; padding: 7px 1%; width: 46%; }

p.singlefooter span.line { padding: 4px; display: inline-block; width: 4%; text-align: center; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

p.singlefooter a:hover span { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: block; background-color: #1E88A8; color: #fff; }

p.singlefooter a { color: #444; }

p.singlefooter a span.prev { float: left; }

p.singlefooter a span.next { float: right; text-align: right; }

/* Media Queries sp */
@media screen and (max-width: 600px) { p.singlefooter a span { margin-bottom: 0.5em; width: 100%; padding: 2% 3%; }
  p.singlefooter span.line { display: none; }
  p.singlefooter a { color: #444; display: block; }
  p.singlefooter a span.prev { float: none; }
  p.singlefooter a span.next { float: none; text-align: left; } }

/* ページナビ */
.wp-pagenavi { text-align: center; padding-top: 2.5em; }

.wp-pagenavi span.current { font-weight: bold; background-color: #1E88A8; color: #fff; border: 1px solid #1E88A8; }

.wp-pagenavi a, .wp-pagenavi span { border: 1px solid #bfbfbf; margin: 2px; padding: 6px 12px; text-decoration: none; }

.wp-pagenavi a:hover, .wp-pagenavi span.current { border: 1px solid #1E88A8; }

/* --------------------------------------------------------------------------- 05modules start --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- 05modules H tag --------------------------------------------------------------------------- */
/* h2 */
h2.title01 { height: 110px; padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; font-size: 2.13em; letter-spacing: 0.06em; position: relative; /* Media Queries sp */ }

@media screen and (max-width: 600px) { h2.title01 { font-size: 1.75em; height: 130px; padding-bottom: 35px; } }

h2.title01:before { background-color: #1E88A8; position: absolute; bottom: -7px; height: 1px; width: 0.56em; content: ""; top: 0; margin: auto; /* Media Queries sp */ }

@media screen and (max-width: 600px) { h2.title01:before { bottom: -10px; width: 1em; } }

h2.title01:after { font-size: 0.44em; bottom: 45px; margin: auto; letter-spacing: 0.06em; position: absolute; font-weight: bold; /* Media Queries sp */ }

@media screen and (max-width: 600px) { h2.title01:after { bottom: 35px; left: 0; right: 0; margin: auto; text-align: center; } }

h2.title02 { font-size: 1.56em; letter-spacing: 0.06em; margin: 0 auto 0.5em; position: relative; font-weight: bold; /* Media Queries pc */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { h2.title02 { font-size: 1.44em; } }

@media screen and (max-width: 600px) { h2.title02 { font-size: 1.25em; } }

/* h3 */
h3.title01 { color: #333; margin: 0 auto 1em; padding-left: 0.5em; position: relative; padding-bottom: 0.06em; font-size: 1.68em; letter-spacing: 0.06em; font-weight: normal; border-bottom: 1px dashed #bbb; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { h3.title01 { margin: 2.5em auto 1.5em; } }

@media screen and (max-width: 600px) { h3.title01 { margin: 0 auto 1em; font-size: 1.44em; } }

h3.title01.ver01, h3.title01.ver02, h3.title01.ver03, h3.title01.ver04 { position: relative; }

h3.title01.ver01 span, h3.title01.ver02 span, h3.title01.ver03 span, h3.title01.ver04 span { position: absolute; bottom: 2.75em; left: 0; font-size: 0.5em; letter-spacing: 0.06em; }

h3.title01.ver01:before, h3.title01.ver02:before, h3.title01.ver03:before, h3.title01.ver04:before { content: ''; /*何も入れない*/ display: inline-block; /*忘れずに！*/ width: 60px; /*画像の幅*/ height: 56px; /*画像の高さ*/ background-size: contain; position: absolute; top: -0.56em; left: -0.75em; margin: auto; z-index: -1; /* Media Queries sp */ }

@media screen and (max-width: 600px) { h3.title01.ver01:before, h3.title01.ver02:before, h3.title01.ver03:before, h3.title01.ver04:before { width: 48px; height: 45px; top: -0.69em; left: -0.13em; } }

h3.title01.ver01:before { background-image: url("../img/bg_h3_01.png"); }

h3.title01.ver02:before { background-image: url("../img/bg_h3_02.png"); }

h3.title01.ver03:before { background-image: url("../img/bg_h3_03.png"); }

h3.title01.ver04:before { background-image: url("../img/bg_h3_04.png"); }

#main h3.title01:first-of-type { margin-top: 0; }

h3.title02 { font-size: 1.75em; letter-spacing: 0.06em; padding-bottom: 0.25em; margin-bottom: 1em; border-bottom: 1px dotted #aaa; font-weight: 500; }

/* h4 */
h4.title01 { background-color: #f7f7f7; padding: 0.25em 0.75em; font-size: 1.31em; font-weight: normal; letter-spacing: 0.06em; margin: 2.5em auto 1em; position: relative; border: 1px dotted #ddd; border-radius: 5px 0px 0px 5px; }

h4.title01:before { content: ""; width: 1em; height: 1px; top: 0; bottom: 0; position: absolute; left: -0.6em; background-color: #888; margin: auto; }

h4.title02 { color: #1E88A8; font-size: 1.38em; font-weight: normal; letter-spacing: 0.06em; margin: 0.5em auto 0.13em; }

/* h5 */
h5.title01 { color: #1E88A8; font-size: 1.13em; font-weight: 400; letter-spacing: 0.06em; margin: 0.5em auto 0.13em; }

h5.title02 { color: #1E88A8; letter-spacing: 0.13em; font-weight: 400; font-size: 1.13em; margin: 1em auto 0.5em; }

/* --------------------------------------------------------------------------- 05modules ul List --------------------------------------------------------------------------- */
.ul_style01 { margin: 0.5em 0 0.5em 0.5em; }

.ul_style01 li { padding-left: 0.25em; text-indent: -0.5em; margin-top: 0.5em; line-height: 1.4; }

.ul_style01 li:before { content: "・"; display: inline-block; margin: 0 auto; vertical-align: top; }

.ul_style02 { padding: 0.5em; margin: 0.25em auto 0.75em; border: 1px dashed #ccc; border-radius: 5px; font-weight: 400; letter-spacing: -0.5px; }

/* 汎用　単純なリストパターン */
.ul_list01 { margin: 0.5em 0 0.5em 0.5em; }

.ul_list01 li { padding-left: 1.25em; text-indent: -1.25em; margin-top: 0.25em; line-height: 1.4; }

.ul_list01 li:first-child { margin-top: 0; }

.ul_list01 li:before { content: "・"; font-size: 1em; vertical-align: top; margin-right: 0.25em; }

.ul_check { margin: 0.5em 0 0.5em 0.5em; }

.ul_check li { padding-left: 1.44em; text-indent: -1.44em; margin-top: 0.5em; text-align: left; line-height: 1.2; }

.ul_check li:first-child { margin-top: 0; }

.ul_check li:before { color: #0099cc; font-size: 1.25em; vertical-align: middle; margin-right: 0.44em; content: "\f14a"; font-family: FontAwesome; }

ul.notes { margin: 0.5em 0 0 0; font-size: 0.94em; color: #555; }

ul.notes li { padding-left: 1.0em; text-indent: -1.0em; margin-top: 3px; }

/* --------------------------------------------------------------------------- 05modules Table --------------------------------------------------------------------------- */
table { border-collapse: separate; margin: 20px 0 30px; text-indent: 0; width: 100%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

table.table_basic01 { border-spacing: 1px; /* background-color:#f6f6f6;  */ }

table.table_basic01 tr:nth-child(odd) td { background-color: #f6f6f6; }

table.table_basic01 th { background-color: #f6fcfd; font-size: 0.94em; font-weight: 300; letter-spacing: -0.5px; padding: 1em; text-align: left; }

table.table_basic01 th.title01 { text-align: left; }

table.table_basic01 th.title02 { text-align: center; background-color: #EEF7EA; padding: 5px 10px; font-weight: bold; color: #53B500; font-size: 110%; }

table.table_basic01 td { text-align: left; background-color: #fff; padding: 10px; line-height: 1.3; }

table.table_basic01 td.img { text-align: center; padding: 10px 10px; }

table.table_basic01 td span { font-size: 0.88em; }

table.table_basic02 { border-spacing: 1px; width: 100%; margin: 15px auto 25px; }

table.table_basic02 th { border-bottom: 1px dotted #ddd; padding: 1em; text-align: left; font-weight: 400; }

table.table_basic02 th.title01 { text-align: center; padding: 1em 5px; font-weight: bold; font-size: 110%; }

table.table_basic02 td { line-height: 1.3; padding: 1em 10px; text-align: left; border-bottom: 1px dotted #ddd; }

table.table_basic02 tr:nth-child(odd) td { line-height: 1.3; padding: 0.7em 10px; text-align: left; }

/*Media Queries sp*/
@media screen and (max-width: 600px) { table.table_basic01 th { white-space: nowrap; } }

/* --------------------------------------------------------------------------- 05modules dl List --------------------------------------------------------------------------- */
dl.dl_basic01 { border-bottom: 1px dotted #AFDBFF; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; font-size: 0.94em; line-height: 1.45; }

dl.dl_basic01 dt { color: #0066a5; float: left; width: 6em; }

dl.dl_basic01 dd { padding-left: 6em; font-weight: normal; }

dl.dl_basic01 dd img { vertical-align: middle; }

dl.dl_basic01 dd a { color: #333; text-decoration: underline; }

dl.dl_basic01 dd a:hover { color: #333; text-decoration: none; }

.dl_style01 { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.dl_style01 dl { font-size: 1em; line-height: 1.45; display: table; border-top: 1px dotted #9e9e9f; width: 100%; margin-top: 0.75em; padding-top: 0.75em; }

.dl_style01 dl:first-of-type { margin-top: 0; }

.dl_style01 dl:last-of-type { border-bottom: 1px dotted #9e9e9f; padding-bottom: 0.75em; }

.dl_style01 dl dt { width: 5.5em; display: table-cell; vertical-align: middle; padding: 0.44em 1em; letter-spacing: 0.25em; text-align: center; color: #707070; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .dl_style01 dl dt { vertical-align: top; padding: 0.44em 0.5em; letter-spacing: 0; } }

.dl_style01 dl dd { display: table-cell; padding: 0.44em 1em; word-break: break-all; }

.dl_style01 dl dd a { display: block; position: relative; }

.dl_style01 dl dd a:after { font-family: "Font Awesome 5 Free"; content: '\f054'; font-weight: 900; position: absolute; font-size: 1em; top: 0; bottom: 0; margin: auto; right: 1em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .dl_style01 dl dd a:after { display: none; } }

.dl_style01 dl dd a:hover:after { right: 0.5em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

/* --------------------------------------------------------------------------- 05modules tab 切り替え --------------------------------------------------------------------------- */
/*tabきりかえ*/
#tabContainer > div { display: none; }

#tabContainer > div.selected { display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.tabNavi > li { cursor: pointer; }

/* --------------------------------------------------------------------------- 05modules columm --------------------------------------------------------------------------- */
/* 2カラム */
.col2 { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .col2 { display: block; } }

.col2 .col-item { -ms-flex-preferred-size: 48%; flex-basis: 48%; max-width: 48%; text-align: justify; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .col2 .col-item { margin-bottom: 1em; max-width: 100%; } }

/* 3カラム */
.col3 { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.col3 .col-item { -ms-flex-preferred-size: 32%; flex-basis: 32%; max-width: 32%; }

/* 4カラム */
/* --------------------------------------------------------------------------- 05modules common --------------------------------------------------------------------------- */
/* ローディング */
.loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20000; background: url("../img/bg_body.png") repeat; }

.loading .spinner { width: 70px; height: 70px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 9998; text-align: center; -webkit-animation: sk-rotate 2.0s infinite linear; animation: sk-rotate 2.0s infinite linear; }

.loading img.logo { width: 125px; position: absolute; margin: auto; left: 0; right: 0; bottom: 1em; top: 0; z-index: 99999; }

.loading .dot1, .loading .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: rgba(30, 136, 168, 0.2); border-radius: 100%; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }

.loading .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); } }

@keyframes sk-rotate { 100% { transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); }
  50% { -webkit-transform: scale(1); } }

@keyframes sk-bounce { 0%, 100% { transform: scale(0);
    -webkit-transform: scale(0); }
  50% { transform: scale(1);
    -webkit-transform: scale(1); } }

/* イメージ */
/* アニメーション /jquery.inview/common.js/ */
/* テキスト */
.txt { line-height: 1.8; letter-spacing: 0.06em; text-align: justify; /* Media Queries sp */ }

.txt p { margin-bottom: 0.75em; }

@media screen and (max-width: 600px) { .txt { font-size: 0.94em; } }

/* 背景 */
.bg01 { background-color: #f6f6f6; padding: 0.5em 1em; }

/* --------------------------------------------------------------------------- 06pages start --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- 06pages front-page --------------------------------------------------------------------------- */
/* 共通 */
section .wrap { max-width: 1100px; margin: 0 auto; /* Media Queries pc */ }

@media screen and (max-width: 1140px) { section .wrap { max-width: 100%; padding: 0 2.5%; } }

#top_diary h2.title02, #top_insta h2.title02 { text-align: center; font-size: 2em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_diary h2.title02, #top_insta h2.title02 { font-size: 1.5em; } }

/* スライダー */
.flexslider-container { /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { .flexslider-container { padding-top: 65px; } }

@media screen and (max-width: 600px) { .flexslider-container { padding-top: 65px; } }

.flexslider { margin: 0 !important; border: none !important; }

.flexslider .slides > li { padding-top: 56.25%; overflow: hidden; /* Media Queries tab */ /* Media Queries sp */ }

.flexslider .slides > li:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); z-index: -1; }

@media screen and (max-width: 600px) { .flexslider .slides > li { height: calc(60vh - 65px); } }

.slider01 { background: url(../img/slider/slider01.png) no-repeat center center/cover; }

.slider02 { background: url(../img/slider/slider02.png) no-repeat center center/cover; }

.slider03 { background: url(../img/slider/slider03.png) no-repeat center center/cover; }

/* Media Queries sp */
.flex-direction-nav a:before { font-family: FontAwesome !important; font-size: 50px !important; display: inline-block !important; color: rgba(255, 255, 255, 0.8) !important; text-shadow: none !important; line-height: 0.75; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .flex-direction-nav a:before { font-size: 30px !important; } }

.flex-direction-nav a.flex-next:before { content: "\f105" !important; }

.flex-direction-nav a.flex-prev:before { content: "\f104" !important; }

.flexslider .flex-control-nav { display: none !important; }

.flex-direction-nav .flex-prev { left: 10px !important; }

.flex-direction-nav .flex-next { right: 10px !important; }

.flexslider .slides > li .tbox { position: absolute; bottom: 6vw; margin: auto; height: 10em; right: 4vw; color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); /* Media Queries tab */ }

@media screen and (max-width: 768px) { .flexslider .slides > li .tbox { height: 7.5em; } }

.flexslider .slides > li .tbox .title { font-size: 2.25em; letter-spacing: 0.13em; text-align: center; font-weight: bold; /* Media Queries tab */ }

@media screen and (max-width: 768px) { .flexslider .slides > li .tbox .title { font-size: 1.75em; max-width: 450px; } }

.flexslider .slides > li .tbox .text { text-align: center; margin-top: 0.5em; font-size: 1.13em; /* Media Queries tab */ }

@media screen and (max-width: 768px) { .flexslider .slides > li .tbox .text { font-size: 0.88em; max-width: 450px; } }

/* Media Queries sp */
@media screen and (max-width: 600px) { .flexslider .slides > li.slider01 .tbox, .flexslider .slides > li.slider02 .tbox, .flexslider .slides > li.slider03 .tbox { width: 90%; top: 45%; bottom: 0; left: 0; right: 0; margin: auto; }
  .flexslider .slides > li .tbox .title { font-size: 1.5em; max-width: 100%; line-height: 1.4; } }

.flex-active-slide .tbox { -webkit-animation: fadeup 4.5s; animation: fadeup 4.5s; }

@-webkit-keyframes fadeup { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

/* スライドバナー */
#slidebn { overflow: hidden; background-color: #fff; padding: 1em 0; }

#slidebn .diarywrap { position: relative; }

#slidebn .diarywrap .swiper-button-next, #slidebn .diarywrap .swiper-button-prev { top: 50%; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 0.5em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#slidebn .diarywrap .swiper-button-prev, #slidebn .diarywrap .swiper-container-rtl .swiper-button-next { left: 0; right: auto; }

#slidebn .diarywrap .swiper-button-next, #slidebn .diarywrap .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; }

#slidebn .diarywrap .swiper-button-next:after, #slidebn .diarywrap .swiper-button-prev::after { font-size: 1.5em; font-weight: bold; }

#slidebn .swiper-container_bn { width: 92%; margin: 0 auto; }

#slidebn .swiper-slide a.linkbox { -ms-flex-preferred-size: 22.5%; flex-basis: 22.5%; max-width: 22.5%; color: inherit; text-decoration: none; max-width: inherit; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #slidebn .swiper-slide a.linkbox { max-width: 100%; } }

#slidebn .swiper-slide a.linkbox .photo { overflow: hidden; position: relative; -webkit-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; }

#slidebn .swiper-slide a.linkbox .photo:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.35); -webkit-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; }

#slidebn .swiper-slide a.linkbox:hover .photo:after { background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; }

#slidebn .swiper-slide a.linkbox .title { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; height: 100%; width: 100%; top: 0; margin: auto; color: #fff; font-size: 1.38em; }

#slidebn .swiper-slide a.linkbox .tbox { margin-top: 0.5em; }

#slidebn .swiper-slide a.linkbox .tbox .data { color: #707070; display: block; font-size: 0.75em; letter-spacing: 0.13em; }

#slidebn .swiper-slide a.linkbox .tbox .title { line-height: 1.35; display: block; font-weight: 400; margin-top: 0.13em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #slidebn .swiper-slide a.linkbox .tbox .title { font-size: 0.94em; } }

/* ごあいさつ / ご先祖供養・ご納骨 */
#top_greeting, #top_kuyo, #top_active { margin-top: 2em; overflow: hidden; position: relative; }

#top_greeting a, #top_kuyo a, #top_active a { color: #fff; text-decoration: none; text-align: center; padding: 5em 2em; font-weight: bold; display: block; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); }

#top_greeting a .bgbox, #top_kuyo a .bgbox, #top_active a .bgbox { -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; z-index: -1; height: 100%; width: 100%; left: 0; top: 0; margin: auto; position: absolute; }

#top_greeting a .bgbox:after, #top_kuyo a .bgbox:after, #top_active a .bgbox:after { content: ""; background-color: rgba(0, 0, 0, 0.2); position: absolute; height: 100%; width: 100%; left: 0; top: 0; margin: auto; z-index: 0; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_greeting a h3, #top_kuyo a h3, #top_active a h3 { font-size: 2.5em; border-bottom: 1px solid #fff; display: inline-block; padding: 0 1em 0.13em; margin-bottom: 0.5em; letter-spacing: 0.13em; }

#top_greeting a .subtitle, #top_kuyo a .subtitle, #top_active a .subtitle { font-size: 1.5em; letter-spacing: 0.06em; margin-bottom: 1em; }

#top_greeting a .text, #top_kuyo a .text, #top_active a .text { letter-spacing: 0.06em; line-height: 1.9; font-size: 1.06em; }

#top_greeting a .button, #top_kuyo a .button, #top_active a .button { display: inline-block; border: 1px solid #fff; padding: 0.75em 4em; margin-top: 1.5em; background-color: rgba(250, 253, 254, 0.4); letter-spacing: 0.06em; position: relative; }

#top_greeting a .button:before, #top_kuyo a .button:before, #top_active a .button:before { content: ""; width: 8px; height: 8px; border-top: solid 1px #fff; -webkit-transform: rotate(40deg); transform: rotate(40deg); position: absolute; right: 18px; top: 2px; bottom: 0; margin: auto; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_greeting a .button:after, #top_kuyo a .button:after, #top_active a .button:after { content: ""; width: 17px; height: 1px; border: 0px; background-color: #fff; position: absolute; top: 2px; right: 15px; bottom: 0; margin: auto; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_greeting a:hover .bgbox, #top_kuyo a:hover .bgbox, #top_active a:hover .bgbox { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_greeting a:hover .bgbox:after, #top_kuyo a:hover .bgbox:after, #top_active a:hover .bgbox:after { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_greeting a:hover .button:before, #top_kuyo a:hover .button:before, #top_active a:hover .button:before { right: 13px; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_greeting a:hover .button:after, #top_kuyo a:hover .button:after, #top_active a:hover .button:after { right: 10px; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_greeting a .bgbox { background: url("../img/bg_top_greeting_01.png") no-repeat center center/cover; }

#top_kuyo { margin-top: 0; }

#top_kuyo a .bgbox { background: url("../img/bg_top_kuyo_01.png") no-repeat center center/cover; }

#top_active { margin-top: 0; }

#top_active a .bgbox { background: url("../img/bg_top_active_01.png") no-repeat center center/cover; }

/* 投稿コンテンツ */
#top_news { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 3.5em 3.5em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 2.5em 4%; background-color: #fff; border-radius: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { #top_news { padding: 1.5em 4%; display: block; } }

@media screen and (max-width: 600px) { #top_news { padding: 2em 4% 1em; } }

#top_news #oshirase h2 { padding-left: 55px; /* Media Queries pc */ /* Media Queries tab-up */ }

@media screen and (max-width: 1140px) { #top_news #oshirase h2 { padding-left: 40px; } }

@media screen and (max-width: 768px) { #top_news #oshirase h2 { padding-left: 50px; } }

#top_news #oshirase h2:before { content: ''; /*何も入れない*/ display: inline-block; /*忘れずに！*/ width: 65px; /*画像の幅*/ height: 45px; /*画像の高さ*/ background-image: url("../img/icon_top_02.png"); background-size: contain; position: absolute; top: 0; left: -15px; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_news #oshirase h2:before { top: -4px; left: -27px; } }

@media screen and (max-width: 768px) { #top_news #oshirase h2:before { left: -17px; } }

@media screen and (max-width: 600px) { #top_news #oshirase h2:before { left: -9px; width: 59px; height: 41px; } }

#top_news #gyoji h2 { padding-left: 45px; }

#top_news #gyoji h2:before { content: ''; /*何も入れない*/ display: inline-block; /*忘れずに！*/ width: 45px; /*画像の幅*/ height: 50px; /*画像の高さ*/ background-image: url("../img/icon_top_03.png"); background-size: contain; position: absolute; bottom: 1px; left: -6px; /* Media Queries pc */ }

#top_news .newsbox { -ms-flex-preferred-size: 47%; flex-basis: 47%; max-width: 47%; position: relative; /* Media Queries pc */ /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { #top_news .newsbox { max-width: 100%; margin-bottom: 2em; } }

#top_news .newsbox ul { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#top_news .newsbox ul li a { line-height: 1.45; border-top: 1px dotted #9e9e9f; width: 100%; display: block; padding: 0.75em 0; position: relative; text-decoration: none; color: #000; font-size: 1.13em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_news .newsbox ul li a { font-size: 1em; } }

#top_news .newsbox ul li a:after { content: '〉'; position: absolute; font-size: 1em; height: 1.25em; top: 0; bottom: 0; margin: auto; right: 0.75em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_news .newsbox ul li a:after { display: none; } }

#top_news .newsbox ul li a:hover:after { right: 0.5em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

#top_news .newsbox ul li a span.desc { display: block; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_news .newsbox ul li a span.desc { font-size: 0.88em; } }

#top_news .newsbox ul li a span.desc span.data { color: #707070; letter-spacing: 0.13em; }

#top_news .newsbox ul li a span.desc .label { padding: 0.25em 1em 0.13em; font-size: 0.69em; letter-spacing: 0.06em; border-radius: 3px; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_news .newsbox ul li a span.desc .label { padding: 0.18em 1em 0.18em; vertical-align: top; line-height: 2; } }

#top_news .newsbox ul li a span.desc .label-diary { background-color: #e5cde9; }

#top_news .newsbox ul li a span.desc .label-information { background-color: white; }

#top_news .newsbox ul li a span.desc .label-events { background-color: #bee2cf; }

#top_news .newsbox ul li a span.desc .label-activity { background-color: white; }

#top_news .newsbox ul li a span.title { letter-spacing: 0.13em; font-size: 0.94em; }

#top_news .newsbox ul li:first-of-type a { margin-top: 0; }

#top_news .newsbox ul li:last-of-type a { border-bottom: 1px dotted #9e9e9f; padding-bottom: 0.75em; }

#top_news .newsbox .linkbtn { position: absolute; top: 4px; right: 0; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_news .newsbox .linkbtn { position: relative; text-align: center; margin: 1em auto 0; } }

#top_news .newsbox .linkbtn a { border-radius: 3px; }

/* ブログ */
#top_diary { position: relative; padding: 2.5em 1.25em 2.5em; background-color: #fff; border-radius: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; margin: 0 4%; }

#top_diary h2 { position: relative; }

#top_diary h2:before { content: ''; /*何も入れない*/ display: inline-block; /*忘れずに！*/ width: 50px; /*画像の幅*/ height: 42px; /*画像の高さ*/ background-image: url("../img/icon_top_04.png"); background-size: contain; position: absolute; bottom: 10px; left: -12em; right: 0; margin: auto; /* Media Queries pc */ /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_diary h2:before { left: -12em; width: 40px; height: 34px; bottom: 7px; } }

#top_diary h2:after { content: ''; /*何も入れない*/ display: inline-block; /*忘れずに！*/ width: 35px; /*画像の幅*/ height: 53px; /*画像の高さ*/ background-image: url("../img/icon_top_05.png"); background-size: contain; position: absolute; bottom: 7px; left: 0; right: -11.5em; margin: auto; /* Media Queries pc */ /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_diary h2:after { width: 28px; height: 42px; right: -11.5em; bottom: 5px; } }

#top_diary .diarywrap { position: relative; }

#top_diary .diarywrap .swiper-button-next, #top_diary .diarywrap .swiper-button-prev { top: 40%; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 0.5em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_diary .diarywrap .swiper-button-next, #top_diary .diarywrap .swiper-button-prev { top: 28%; } }

@media screen and (max-width: 600px) { #top_diary .diarywrap .swiper-button-next, #top_diary .diarywrap .swiper-button-prev { top: 38%; } }

#top_diary .diarywrap .swiper-button-prev, #top_diary .diarywrap .swiper-container-rtl .swiper-button-next { left: 0; right: auto; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_diary .diarywrap .swiper-button-prev, #top_diary .diarywrap .swiper-container-rtl .swiper-button-next { left: -20px; } }

#top_diary .diarywrap .swiper-button-next, #top_diary .diarywrap .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_diary .diarywrap .swiper-button-next, #top_diary .diarywrap .swiper-container-rtl .swiper-button-prev { right: -20px; } }

#top_diary .diarywrap .swiper-button-next:after, #top_diary .diarywrap .swiper-button-prev::after { font-size: 1.5em; font-weight: bold; }

#top_diary .swiper-container { width: 92%; margin: 0 auto; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_diary .swiper-container { width: 100%; } }

#top_diary .swiper-slide a.linkbox { -ms-flex-preferred-size: 22.5%; flex-basis: 22.5%; max-width: 22.5%; color: inherit; text-decoration: none; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_diary .swiper-slide a.linkbox { -ms-flex-preferred-size: 48%; flex-basis: 48%; max-width: 48%; margin-top: 1.5em; } }

#top_diary .swiper-slide a.linkbox:hover .photo:after { background-color: rgba(0, 0, 0, 0); -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_diary .swiper-slide a.linkbox .photo { overflow: hidden; position: relative; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_diary .swiper-slide a.linkbox .photo:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_diary .swiper-slide a.linkbox .tbox { margin-top: 0.5em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_diary .swiper-slide a.linkbox .tbox { margin-top: 0.75em; padding: 0 4%; } }

#top_diary .swiper-slide a.linkbox .tbox .data { color: #707070; display: block; font-size: 0.75em; letter-spacing: 0.13em; }

#top_diary .swiper-slide a.linkbox .tbox .title { line-height: 1.35; display: block; font-weight: 400; margin-top: 0.13em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_diary .swiper-slide a.linkbox .tbox .title { font-size: 0.94em; } }

#top_diary .linkbtn { text-align: center; margin-top: 1.25em; }

/* バナー群 */
#top_bn { margin-top: 2em; }

#top_bn .bnwrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 2% 1% 1%; background-color: #f6f6f6; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_bn .bnwrap { display: block; padding: 0; } }

#top_bn .bnwrap a { -ms-flex-preferred-size: 49.5%; flex-basis: 49.5%; max-width: 49.5%; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; text-decoration: none; text-align: center; padding: 5em 2em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); overflow: hidden; position: relative; height: 20vw; margin-bottom: 1%; /* Media Queries sp */ }

@media screen and (max-width: 600px) { #top_bn .bnwrap a { padding: 6em 2em; max-width: 100%; } }

#top_bn .bnwrap a:after { content: ""; background-color: rgba(0, 0, 0, 0.25); position: absolute; height: 100%; width: 100%; left: 0; top: 0; margin: auto; z-index: 0; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_bn .bnwrap a .bgbox { -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; z-index: -1; height: 100%; width: 100%; left: 0; top: 0; margin: auto; position: absolute; }

#top_bn .bnwrap a h4 { font-size: 1.5em; border: 1px solid #fff; display: inline-block; padding: 0.75em 2em; letter-spacing: 0.13em; z-index: 1; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { #top_bn .bnwrap a h4 { font-size: 1.13em; } }

@media screen and (max-width: 600px) { #top_bn .bnwrap a h4 { font-size: 1.25em; } }

#top_bn .bnwrap a:hover:after { background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_bn .bnwrap a:hover .bgbox { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

#top_bn .bnwrap a.num01 .bgbox { background: url("../img/bg_bn_01.png") no-repeat center center/cover; }

#top_bn .bnwrap a.num02 .bgbox { background: url("../img/bg_bn_02.png") no-repeat center center/cover; }

#top_bn .bnwrap a.num03 .bgbox { background: url("../img/bg_bn_03.png") no-repeat center center/cover; }

#top_bn .bnwrap a.num04 .bgbox { background: url("../img/bg_bn_04.png") no-repeat center center/cover; }

/* バナー群02 */
#top_bn02 { margin-top: 2em; }

#top_bn02 .bnlist { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; }

#top_bn02 .bnlist li { margin: 0 0.75em 0 0; }

#top_bn02 .bnlist li:last-of-type { margin-right: 0; }

#top_bn02 .bnlist li a img { height: 80px; width: 160px; border: 1px solid #ddd; border-radius: 0; }

/* Instagram */
#top_insta { padding: 5em 0 0; }

#top_insta h2 { position: relative; }

#top_insta .instashow-gallery .instashow-gallery-media-cover { background: rgba(250, 253, 254, 0.7); }

/* アクセス */
#top_access h2 { position: relative; }

#top_access .accesswrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { #top_access .accesswrap { display: block; } }

@media screen and (max-width: 600px) { #top_access .accesswrap { margin-top: 4em; } }

#top_access .accesswrap .tbox { -ms-flex-preferred-size: 35%; flex-basis: 35%; max-width: 35%; background-color: #F2F2ED; padding: 2em 2em 2em 3.9vw; text-align: justify; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_access .accesswrap .tbox { padding: 2em 0.5em 2em 3.9vw; } }

@media screen and (max-width: 768px) { #top_access .accesswrap .tbox { padding: 2em 2em 2.5em 2.5em; max-width: 100%; } }

@media screen and (max-width: 600px) { #top_access .accesswrap .tbox { padding: 1em 4% 1.5em; text-align: center; max-width: 100%; } }

#top_access .accesswrap .tbox h2.title02 { width: 100%; position: relative; }

#top_access .accesswrap .tbox h2.title02:after { content: ''; display: inline-block; width: 80px; height: 65px; background-image: url(../img/icon_top_06.png); background-size: contain; vertical-align: middle; bottom: -0.5em; left: 4.5em; position: absolute; opacity: 0.9; /* Media Queries pc */ /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { #top_access .accesswrap .tbox h2.title02:after { width: 60px; height: 49px; } }

@media screen and (max-width: 600px) { #top_access .accesswrap .tbox h2.title02:after { width: 60px; height: 49px; right: -8em; left: 0; margin: auto; } }

#top_access .accesswrap .tbox .address { margin-bottom: 0.75em; }

#top_access .accesswrap .tbox .linkbtn { margin-bottom: 0.25em; }

#top_access .accesswrap .gmap { position: relative; width: 100%; height: 0; padding-top: 35%; overflow: hidden; -ms-flex-preferred-size: 65%; flex-basis: 65%; max-width: 65%; /* Media Queries pc */ /* Media Queries tab-up */ }

@media screen and (max-width: 1140px) { #top_access .accesswrap .gmap { padding-top: 40%; } }

@media screen and (max-width: 768px) { #top_access .accesswrap .gmap { max-width: 100%; } }

#top_access .accesswrap .gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 600px) { #top_access .accesswrap .gmap { width: 100%; height: 40vh; padding-top: 0; }
  #top_access .accesswrap .gmap iframe { width: 100%; height: 40vh; position: relative; top: inherit; left: inherit; } }

/* --------------------------------------------------------------------------- 06pages form --------------------------------------------------------------------------- */
/*レイアウト*/
.w_contact { width: 768px; margin: 0 auto 0; color: #000; }

.w_contact h3.title01 { margin: 6em auto 0.5em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .w_contact h3.title01 { font-size: 1.5em; margin-top: 4em; } }

.w_contact h3.title01:first-of-type { margin: 1em auto 1.25em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .w_contact h3.title01:first-of-type { margin: 2.5em auto 0.5em; } }

.w_contact .tel { font-weight: 700; font-size: 3.5em; margin: 0 auto 0.25em !important; letter-spacing: 0.5px; line-height: 1; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .w_contact .tel { width: 100%; margin: 0 auto 1em; font-size: 2.5em; } }

.w_contact .tel a { text-decoration: none; }

.w_contact .tel i { margin-right: 0.13em; }

.w_contact .note { font-size: 1.18em; letter-spacing: 0.06em; font-weight: 500; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .w_contact .note { font-size: 0.94em; } }

.w_contact .note02 { font-size: 1.18em; letter-spacing: 0.06em; font-weight: 400; color: #CC0000; margin-top: 2em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .w_contact .note02 { font-size: 0.94em; } }

/*フォーム*/
.wpcf7-form { margin-top: 2em; /* Media Queries sp */ /* chrome opera */ /* IE11 */ }

@media screen and (max-width: 600px) { .wpcf7-form { margin-top: 2em; } }

.wpcf7-form p.att { color: #e50011; margin: 3em 0 1.5em; }

.wpcf7-form select { width: 50%; padding: 0.5em; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #c7c7c7; }

.wpcf7-form .wpcf7-form-control-wrap.classyour-subject:after, .wpcf7-form .wpcf7-form-control-wrap.classyour-subject02:after { background-color: #1E88A8; color: #fff; content: "\f078"; font-family: FontAwesome; display: block; position: absolute; top: -9px; right: 0; pointer-events: none; padding: 0.68em 0.75em; line-height: 1; }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { .wpcf7-form .wpcf7-form-control-wrap.classyour-subject:after, .wpcf7-form .wpcf7-form-control-wrap.classyour-subject02:after { padding: 8px 8px; top: -6px; } }

.wpcf7-form :-ms-lang(x)::-ms-backdrop .wpcf7-form-control-wrap.classyour-subject:after, .wpcf7-form :-ms-lang(x)::-ms-backdrop .wpcf7-form-control-wrap.classyour-subject02:after, .wpcf7-form .css-hack .wpcf7-form-control-wrap.classyour-subject:after, .wpcf7-form .css-hack .wpcf7-form-control-wrap.classyour-subject02:after { top: -0.38em; }

.wpcf7-form dl { width: 100%; margin: 0 0 1.75em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.wpcf7-form dl.autoform { background: url(../img/contact/bg1.png) repeat; padding: 2px 10px 10px; }

.wpcf7-form dl dt { font-weight: 400; font-size: 1.18em; letter-spacing: 0.13em; }

.wpcf7-form dl dd { margin-top: 0.5em; }

.wpcf7-form .estimate { padding: 1em; background-color: #f4fcff; }

.wpcf7-form .estimate p { margin: 0 0 0.5em; }

.wpcf7-form p.title { color: #1E88A8; font-size: 1.75em; text-align: center; margin-top: 4.5em; font-weight: 400; }

.wpcf7-form .info { border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; padding: 1em 2em; width: 77%; margin: 0.5em auto 0; color: #555; }

.wpcf7-form .free_dial { font-size: 1.75em; margin-bottom: 0.5em; font-weight: 400; }

.wpcf7-form .free_dial img { width: 40px; height: auto; vertical-align: top; margin: 0.31em 0.44em 0 0; }

.wpcf7-form .tel { font-size: 1.75em; font-weight: 500; line-height: 1.3; }

.wpcf7-form .tel span { font-weight: 400; font-size: 0.75em; letter-spacing: 0.06em; }

span.zip input.wpcf7-text { width: 7em; }

input.wpcf7-text, textarea.wpcf7-textarea { padding: 0.75em; border: 1px solid #c7c7c7; width: 100%; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.autoform input.wpcf7-text, .autoform textarea.wpcf7-textarea { padding: 1.25em; font-size: 1.25em; border: none; }

textarea.wpcf7-textarea { height: 10em; }

span.wpcf7-list-item { display: inline-block; margin: 0 0.5em 0 0; }

.privacy_text { font-weight: 400; font-size: 1.18em; letter-spacing: 0.13em; width: 100%; display: block; margin: 0 auto 3em; }

.privacy_text a { color: #000; }

.privacy_box { padding: 0.25em 1em 1em; border: 1px solid #ccc; width: 90%; margin: 3em auto 1em; }

.privacy_box p.link { margin: 1em 0 0 0.5em; }

.estimate .ul_upfile li span { background-color: #fff; border: 1px solid #f0f0f0; display: block; margin: 0 0 0.25em; padding: 0.5em; width: 80%; overflow: hidden; }

.formbutton { width: 100%; margin: 0 auto; }

.wpcf7c-elm-step1, .wpcf7-back { margin-right: 1em; }

.wpcf7-confirm:disabled, .wpcf7-back:disabled, .wpcf7-reset:disabled, .wpcf7-submit:disabled { cursor: inherit; background-color: #FFF; font-weight: 400 !important; letter-spacing: 1.0px; font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }

.wpcf7-confirm, .wpcf7-back, .wpcf7-reset, .wpcf7-submit { background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border: 1px solid #1E88A8; font-size: 1.18em; padding: 0.75em 2.25em; cursor: inherit; background-color: #FFF; color: #1E88A8; letter-spacing: 1.0px; font-weight: 400 !important; font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .wpcf7-confirm, .wpcf7-back, .wpcf7-reset, .wpcf7-submit { padding: 0.75em 1.75em; } }

.wpcf7-confirm:enabled:hover, .wpcf7-back:enabled:hover, .wpcf7-reset:enabled:hover, .wpcf7-submit:enabled:hover { background-attachment: scroll; background-clip: border-box; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border: 1px solid #1E88A8; font-size: 1.18em; padding: 0.75em 2.25em; background-color: #1E88A8; cursor: pointer; color: #fff; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; letter-spacing: 1.0px; font-weight: 400 !important; font-family: 'Sawarabi Mincho', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .wpcf7-confirm:enabled:hover, .wpcf7-back:enabled:hover, .wpcf7-reset:enabled:hover, .wpcf7-submit:enabled:hover { padding: 0.75em 1.75em; } }

div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; background-color: #fff; }

/*確認用*/
.wpcf7c-conf { background-color: #1E88A8; border: 1px solid #1E88A8; }

input.wpcf7c-conf[type="radio"]:checked, input.wpcf7c-conf[type="hidden"]:checked { -webkit-box-shadow: 0 0 0 2px #1E88A8; box-shadow: 0 0 0 2px #1E88A8; }

input:checked + label { color: #1E88A8; }

/*Media Queries pc*/
@media screen and (max-width: 1140px) { .w_contact { margin: 0 auto; padding: 3% 5%; }
  .wpcf7-form dl dd textarea { width: 100%; padding: 0.94em; } }

/* Media Queries tab */
@media screen and (max-width: 768px) { .wpcf7-form .wpcf7-form-control-wrap.classyour-subject:after { padding: 8px; top: -6px; }
  .wpcf7-form dl dd textarea { width: 90%; }
  .wpcf7-form .tel span { font-size: 0.68em; letter-spacing: 0; }
  .wpcf7-form .info { width: 90%; } }

/*Media Queries sp*/
@media screen and (max-width: 600px) { .w_contact { border: medium none; padding: 0; width: 100%; }
  .wpcf7-form select { width: 100%; padding: 0.5em; }
  .wpcf7-form .wpcf7-form-control-wrap { width: 100%; }
  .wpcf7-form .wpcf7-form-control-wrap.classyour-subject:after, .wpcf7-form .wpcf7-form-control-wrap.classyour-subject02:after { top: 0; right: 0; pointer-events: none; pointer-events: none; padding: 0 8px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .wpcf7-form dl { margin-bottom: 1.5em; display: block; }
  .wpcf7-form dl dt { float: none; display: block; width: 100%; margin-bottom: 0.5em; }
  .wpcf7-form dl dd { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-left: 0; }
  .wpcf7-form dl dd textarea { width: 100%; }
  .wpcf7-form p.title { font-size: 1.25em; margin-top: 3em; }
  .wpcf7-form .info { padding: 1em 0.5em; width: 100%; }
  .wpcf7-form .free_dial { font-size: 1.25em; }
  .wpcf7-form .free_dial img { width: 35px; margin: 0.31em 0 0 0; }
  .wpcf7-form .tel { font-size: 1.44em; font-weight: 500; line-height: 1.4; }
  .wpcf7-form .tel span { display: block; }
  .wpcf7-form input.wpcf7-text { width: 100%; }
  .wpcf7-form span.zip input.wpcf7-text { width: 40%; }
  .wpcf7-form .address input.wpcf7-text, .wpcf7-form .name-company input.wpcf7-text { width: 100%; }
  .privacy_box { padding: 0.25em 0.5em 1em; width: 100%; } }

/* ---------------------------------------------------------------------------
** 06pages Title
--------------------------------------------------------------------------- */
#container { padding-top: 115px; padding-bottom: 10em; /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { #container { padding-top: 139px; } }

@media screen and (max-width: 600px) { #container { padding-bottom: 0; padding-top: 65px; } }

/* 各ページの英字 */
/* h2 */
.h2_bg { position: relative; padding-top: 37.5%; overflow: hidden; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { .h2_bg { margin-top: 65px; } }

@media screen and (max-width: 600px) { .h2_bg { padding-top: 39%; } }

.h2_bg:before { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; z-index: 0; top: 0; left: 0; }

.h2_bg h2 { bottom: 0; color: #fff; font-size: 2.25em; height: 1.75em; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 40%; z-index: 10; padding: 4% 1em 3%; letter-spacing: 0.06em; line-height: 1.1; font-weight: normal; border-radius: 88% 78% 23% 41% / 119% 117% 67% 82%; color: #232323; background-image: repeating-radial-gradient(circle at center center, transparent 0px, transparent 2px, rgba(0, 0, 0, 0.03) 2px, rgba(0, 0, 0, 0.03) 3px, transparent 3px, transparent 5px, rgba(0, 0, 0, 0.03) 5px, rgba(0, 0, 0, 0.03) 7px), repeating-radial-gradient(circle at center center, rgba(255, 255, 255, 0.9) 0px, rgba(255, 255, 255, 0.9) 9px, rgba(255, 255, 255, 0.9) 9px, rgba(255, 255, 255, 0.9) 21px, rgba(255, 255, 255, 0.9) 21px, rgba(255, 255, 255, 0.9) 31px, rgba(255, 255, 255, 0.9) 31px, rgba(255, 255, 255, 0.9) 40px); background-size: 20px 20px; color: #1E88A8; /* Media Queries pc */ /* Media Queries tab */ /* Media Queries sp */ }

@media screen and (max-width: 1140px) { .h2_bg h2 { font-size: 2em; } }

@media screen and (max-width: 768px) { .h2_bg h2 { width: 50vw; font-size: 2em; } }

@media screen and (max-width: 600px) { .h2_bg h2 { font-size: 1.38em; width: 70vw; height: 3.25em; padding: 0.94em 1em 0.75em; border-radius: 68% 78% 38% 41% / 79% 106% 57% 92%; } }

.h2_bg h2:after { display: block; font-size: 0.5em; }

/* 各ページの背景 */
.page .h2_bg { background: url(http://satyr.io/1600x600/ccc?text=page+mainphoto) no-repeat center center/100% auto; }

.about .h2_bg, .privacy_policy .h2_bg { background: url(../img/bg/bg_about.jpg) no-repeat center center/cover; }

.karesansui .h2_bg { background: url(../img/bg/bg_archive.jpg) no-repeat center center/cover; }

.kuyo .h2_bg { background: url(../img/bg/bg_kuyo.jpg) no-repeat center center/cover; }

.eidaikuyo .h2_bg { background: url(../img/bg/bg_eidaikuyo.jpg) no-repeat center center/cover; }

.gyoji_saiji .h2_bg { background: url(../img/bg/bg_gyoji_saiji.jpg) no-repeat center center/cover; }

.event .h2_bg { background: url(../img/bg/bg_event.jpg) no-repeat center center/cover; }

.active .h2_bg { background: url(../img/bg/bg_active.jpg) no-repeat center center/cover; }

.member .h2_bg { background: url(../img/bg/bg_member.jpg) no-repeat center center/cover; }

.qa .h2_bg, .error404 .h2_bg { background: url(../img/bg/bg_qa.jpg) no-repeat center center/cover; }

.access .h2_bg { background: url(../img/bg/bg_access.jpg) no-repeat center center/cover; }

.contact .h2_bg { background: url(../img/bg/bg_contact.jpg) no-repeat center center/cover; }

.archive .h2_bg, .single .h2_bg { background: url(../img/bg/bg_qa.jpg) no-repeat center center/cover; }

.about h2:after { content: "About Us"; }

.karesansui h2:after { content: "Karesansui"; }

.kuyo h2:after { content: "Memorial services"; }

.eidaikuyo h2:after { content: "Memorial services"; }

.gyoji_saiji h2:after { content: "Traditional Event"; }

.event h2:after { content: "Event"; }

.active h2:after { content: "Activity"; }

.member h2:after { content: "Member"; }

.qa h2:after { content: "Faq"; }

.access h2:after { content: "Guide"; }

.contact h2:after { content: "Contact Us"; }

.error404 h2:after { content: "Not Found"; }

.privacy_policy h2:after { content: "Privacy Policy"; }

.category-topics h2:after { content: "Topics"; }

.categoryid-1 h2:after { content: "Diary"; }

.categoryid-6 h2:after, .category-gyoji h2:after { content: "Events"; }

.category-information h2:after { content: "Information"; }

.category-diary h2:after { content: "Diary"; }

.categoryid-8 h2:after { content: "Activity"; }

/* Media Queries sp */
@media screen and (max-width: 600px) { .h2_bg { background-size: 160% auto !important; height: 200px; padding-top: 200px; } }

/* Media Queries tab */
/* Media Queries sp */
/* ---------------------------------------------------------------------------
** 06pages page
--------------------------------------------------------------------------- */
.page section { background: rgba(255, 255, 255, 0.9); padding: 2em 2em 2.5em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; margin-bottom: 3em; position: relative; z-index: 0; -webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .page section { padding: 1.5em 0.5em 0.75em; } }

.page section:first-of-type:after { content: ''; /*何も入れない*/ display: inline-block; /*忘れずに！*/ width: 87px; /*画像の幅*/ height: 115px; /*画像の高さ*/ background-size: contain; position: absolute; top: -3em; right: 1em; margin: auto; z-index: 1; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .page section:first-of-type:after { width: 65px; height: 86px; top: -2em; } }

.about section:first-of-type:after, .active section:first-of-type:after { background-image: url("../img/bg_cat_tate_01.png"); }

.karesansui section:first-of-type:after, .member section:first-of-type:after { background-image: url("../img/bg_cat_tate_02.png"); }

.kuyo section:first-of-type:after, .qa section:first-of-type:after { background-image: url("../img/bg_cat_tate_03.png"); }

.eidaikuyo section:first-of-type:after, .access section:first-of-type:after { background-image: url("../img/bg_cat_yoko_01.png"); width: 180px; height: 100px; top: -1.75em; right: 0; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .eidaikuyo section:first-of-type:after, .access section:first-of-type:after { width: 144px; height: 80px; } }

.gyoji_saiji section:first-of-type:after, .contact section:first-of-type:after { background-image: url("../img/bg_cat_yoko_02.png"); width: 180px; height: 100px; top: -1.75em; right: 0; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .gyoji_saiji section:first-of-type:after, .contact section:first-of-type:after { width: 144px; height: 80px; } }

.event section:first-of-type:after { background-image: url("../img/bg_cat_yoko_03.png"); width: 180px; height: 100px; top: -1.75em; right: 0; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .event section:first-of-type:after { width: 144px; height: 80px; } }

/* 共通 */
.page .index_link { margin: 0 auto 4.5em; }

.page .index_link ul { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .page .index_link ul { padding: 0.5em 0.5em 1em 0.5em; } }

.page .index_link ul li { margin-right: 1em; margin-top: 0.75em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .page .index_link ul li { margin-right: 0.75em; } }

.page .index_link ul li:first-child { /* Media Queries sp */ }

.page .index_link ul li a { display: block; text-decoration: none; font-size: 1.06em; letter-spacing: 0.06em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background-color: #fff; padding: 0.5em 1.75em 0.5em 1em; border-radius: 3px; color: #232323; position: relative; -webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; /* Media Queries tab-up */ /* Media Queries sp */ }

.page .index_link ul li a:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #232323; border-right: solid 1px #232323; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: -0.13em; bottom: 0; margin: auto; right: 0.75em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.page .index_link ul li a:hover { background-color: #1E88A8; color: #fff; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.page .index_link ul li a:hover:after { border-color: #fff; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

@media screen and (max-width: 768px) { .page .index_link ul li a { font-size: 1em; } }

@media screen and (max-width: 600px) { .page .index_link ul li a { font-size: 0.88em; } }

/* Media Queries sp */
@media screen and (max-width: 600px) { .page .index_link { margin: 1em 0 3em; } }

.page .index_link_tab { margin: 0 auto 4.5em; }

.page .index_link_tab ul { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .page .index_link_tab ul { padding: 0.5em 0.5em 1em 0.5em; } }

.page .index_link_tab ul li { margin-right: 1em; margin-top: 0.75em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .page .index_link_tab ul li { margin-right: 0.75em; } }

.page .index_link_tab ul li { display: block; text-decoration: none; font-size: 1.06em; letter-spacing: 0.06em; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background-color: #fff; padding: 0.5em 1em 0.5em 1em; border-radius: 3px; color: #232323; position: relative; -webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; /* Media Queries tab-up */ /* Media Queries sp */ }

.page .index_link_tab ul li:hover { background-color: #1E88A8; color: #fff; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

@media screen and (max-width: 768px) { .page .index_link_tab ul li { font-size: 1em; } }

@media screen and (max-width: 600px) { .page .index_link_tab ul li { font-size: 0.88em; } }

/* Media Queries sp */
@media screen and (max-width: 600px) { .page .index_link_tab { margin: 1em 0 3em; } }

/*Media Queries sp*/
@media screen and (max-width: 600px) { .page #gmap iframe { width: 100%; height: 30vh; } }

/*スワイパー*/
.swiper-container .swiper-slide { position: relative; }

.swiper-container .swiper-slide .swiper-slide-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: all 3s ease 0s; transition: all 3s ease 0s; }

.swiper-my-pagination .swiper-pagination-bullet { width: auto; height: auto; border-radius: 0; }

.swiper-container-horizontal > .swiper-my-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; }

.swiper-my-pagination img { -webkit-box-shadow: none; box-shadow: none; margin: 0; vertical-align: bottom; }

.swiper-my-pagination { display: table; }

.swiper-my-pagination { display: table; table-layout: fixed; }

.swiper-my-pagination .swiper-pagination-bullet { display: table-cell; padding: 2px; background: transparent; opacity: 1; }

.swiper-my-pagination .swiper-pagination-bullet-active { background: transparent; opacity: 0.6; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { margin-top: 5px; }

.swiper-button-next:after, .swiper-button-prev:after { color: #fff; }

.swiper-button-next, .swiper-button-prev { top: 44.5%; }

.swiper-container .swiper-slide .swiper-slide-content { color: #fff !important; font-size: 1.13em; font-weight: 400; letter-spacing: 0.06em; top: inherit; bottom: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; text-align: center; padding: 0.13em 1em; }

/* 真光寺について */
.about #greeting .ptbox, .about #origin .ptbox { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .about #greeting .ptbox, .about #origin .ptbox { display: block; } }

.about #greeting .ptbox .photo, .about #origin .ptbox .photo { -ms-flex-preferred-size: 24%; flex-basis: 24%; max-width: 24%; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { .about #greeting .ptbox .photo, .about #origin .ptbox .photo { -ms-flex-preferred-size: 34%; flex-basis: 34%; max-width: 34%; } }

@media screen and (max-width: 600px) { .about #greeting .ptbox .photo, .about #origin .ptbox .photo { max-width: 100%; } }

.about #greeting .ptbox .text, .about #origin .ptbox .text { -ms-flex-preferred-size: 72%; flex-basis: 72%; max-width: 72%; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { .about #greeting .ptbox .text, .about #origin .ptbox .text { -ms-flex-preferred-size: 62%; flex-basis: 62%; max-width: 62%; } }

@media screen and (max-width: 600px) { .about #greeting .ptbox .text, .about #origin .ptbox .text { margin-top: 1em; max-width: 100%; } }

.about #greeting .ptbox .name, .about #origin .ptbox .name { text-align: right; font-size: 1.13em; }

.about #origin .ptbox { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.about #keidai .text { text-align: center; }

.about #keidai .photo { max-width: 1000px; margin: 3.5em auto 1em; }

.about .linkbtn { text-align: center; margin: 1.5em auto 0; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .about .linkbtn { margin: 1em auto 1em; } }

/* 枯山水庭園 */
.karesansui #ishiniwa02 .col2, .karesansui #ishiniwa04 .col2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

/* お法事・お葬式 */
.kuyo .btnwrap { margin-top: 1.25em; }

.kuyo .btnwrap .linkbtn { text-align: center; }

.kuyo .btnwrap a.link02 { width: 80%; max-width: 300px; }

.kuyo .btnwrap .btn_link03wrap { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; margin-top: 1em; /* Media Queries tab-up */ }

@media screen and (max-width: 768px) { .kuyo .btnwrap .btn_link03wrap { display: block; } }

.kuyo .btnwrap .btn_link03wrap .linkbtn { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; /* Media Queries tab-up */ /* Media Queries sp */ }

@media screen and (max-width: 768px) { .kuyo .btnwrap .btn_link03wrap .linkbtn { max-width: inherit; margin: 0 auto 0.5em; } }

@media screen and (max-width: 600px) { .kuyo .btnwrap .btn_link03wrap .linkbtn a.link03 { max-width: 80%; } }

.kuyo .bring .title { max-width: 350px; margin: 0.5em auto 1em; }

.kuyo .flowwrap .flowbox { margin-bottom: 1.25em; }

.kuyo .flowwrap .flowbox .num { color: #1E88A8; margin-right: 0.5em; }

.kuyo .flowwrap .flowbox .num span { font-size: 0.88em; }

.kuyo .flowwrap .flowbox h4 { font-size: 1.38em; font-weight: 500; letter-spacing: 0.06em; }

.kuyo .flowwrap .flowbox p { text-align: justify; }

.kuyo .photo { margin-top: 2em; }

.kuyo #nenkihoyo .nenkaiwrap { padding: 1em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 7px solid #eee; border-radius: 3px; margin-top: 1em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .kuyo #nenkihoyo .nenkaiwrap { padding: 1em 1em 0em; } }

.kuyo #nenkihoyo .nenkaiwrap .title { text-align: center; font-size: 1.25em; }

.kuyo #nenkihoyo .nenkaiwrap .nenkaihyo { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; text-align: justify; display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 1em 0; height: 15em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .kuyo #nenkihoyo .nenkaiwrap .nenkaihyo { -ms-writing-mode: inherit; -webkit-writing-mode: inherit; writing-mode: inherit; height: auto; display: block; text-align: center; } }

.kuyo #nenkihoyo .nenkaiwrap .nenkaihyo dl { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; height: 100%; -ms-flex-line-pack: center; align-content: center; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .kuyo #nenkihoyo .nenkaiwrap .nenkaihyo dl { display: block; margin-bottom: 1em; line-height: 1.4; } }

.kuyo #nenkihoyo .nenkaiwrap .nenkaihyo dl dt { margin-bottom: 1.5em; height: 5em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .kuyo #nenkihoyo .nenkaiwrap .nenkaihyo dl dt { height: auto; margin-bottom: 0; } }

.kuyo #document .linkbtn { text-align: center; margin-top: 1.5em; }

.kuyo #document a.link02 { width: 80%; max-width: 300px; }

/* お墓・永代供養堂 */
.eidaikuyo h5.title01 { margin: 0; }

.eidaikuyo .attbox01 .col-item { margin-top: 1em; -ms-flex-preferred-size: 49%; flex-basis: 49%; max-width: 49%; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .eidaikuyo .attbox01 .col-item { max-width: 100%; } }

.eidaikuyo .attbox01 p { text-align: justify; }

.eidaikuyo .linkbtn { text-align: center; margin: 2em auto 0; }

.eidaikuyo #ohaka .photo .col-item { margin-top: 1.5em; -ms-flex-preferred-size: 48.5%; flex-basis: 48.5%; max-width: 48.5%; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .eidaikuyo #ohaka .photo .col-item { max-width: 100%; } }

.eidaikuyo #kuyo .ptbox { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .eidaikuyo #kuyo .ptbox { display: block; } }

.eidaikuyo #kuyo .ptbox .tbox { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .eidaikuyo #kuyo .ptbox .tbox { max-width: 100%; } }

.eidaikuyo #kuyo .ptbox .pbox { -ms-flex-preferred-size: 26%; flex-basis: 26%; max-width: 26%; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .eidaikuyo #kuyo .ptbox .pbox { max-width: 100%; margin-top: 1em; } }

.eidaikuyo #kuyo .photo { margin-top: 1em; }

/* 行事・催事 */
.gyoji_saiji #nenkan .col2 { padding: 1em 1em 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .gyoji_saiji #nenkan .col2 { padding: 0 2%; } }

.gyoji_saiji #nenkan .col2 .col-item { margin-bottom: 1.5em; }

.gyoji_saiji #annual_events h4 { font-weight: normal; letter-spacing: 0.06em; }

.gyoji_saiji #annual_events .jp_month { font-size: 1.5em; margin-right: 0.25em; position: relative; }

.gyoji_saiji #annual_events .jp_month:before { content: "-"; position: absolute; left: -0.75em; top: 0; bottom: 0; margin: auto; height: 1.75em; }

.gyoji_saiji #annual_events table.table_basic01 { border-spacing: 1px; background-color: #bbb; }

.gyoji_saiji #annual_events table.table_basic01 th { width: 20%; }

.gyoji_saiji #annual_events table.table_basic01 td { background-color: #f6f6f6; }

.gyoji_saiji #annual_events table.table_basic01 tr:nth-child(odd) td { background-color: #f6f6f6; }

.gyoji_saiji #obon .linkbtn, .gyoji_saiji #mishogatsu .linkbtn { margin-top: 1.5em; text-align: center; }

/* イベント event */
.event #indeterminate_event .diarywrap { position: relative; }

.event #indeterminate_event .diarywrap .swiper-button-next, .event #indeterminate_event .diarywrap .swiper-button-prev { top: 36%; color: #fff; background-color: rgba(0, 0, 0, 0.4); padding: 0.5em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.event #indeterminate_event .diarywrap .swiper-button-prev, .event #indeterminate_event .diarywrap .swiper-container-rtl .swiper-button-next { left: 0; right: auto; }

.event #indeterminate_event .diarywrap .swiper-button-next, .event #indeterminate_event .diarywrap .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; }

.event #indeterminate_event .diarywrap .swiper-button-next:after, .event #indeterminate_event .diarywrap .swiper-button-prev::after { font-size: 1.5em; font-weight: bold; }

.event #indeterminate_event .swiper-container { margin: 0 auto; }

.event #indeterminate_event .swiper-slide a.linkbox { -ms-flex-preferred-size: 22.5%; flex-basis: 22.5%; max-width: 22.5%; color: inherit; text-decoration: none; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .event #indeterminate_event .swiper-slide a.linkbox { -ms-flex-preferred-size: 48%; flex-basis: 48%; max-width: 48%; margin-top: 1.5em; } }

.event #indeterminate_event .swiper-slide a.linkbox:hover .photo:after { background-color: rgba(0, 0, 0, 0); -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.event #indeterminate_event .swiper-slide a.linkbox .photo { overflow: hidden; position: relative; -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.event #indeterminate_event .swiper-slide a.linkbox .photo:after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.1); -webkit-transition: all 1s ease 0s; transition: all 1s ease 0s; }

.event #indeterminate_event .swiper-slide a.linkbox .tbox { margin-top: 0.5em; }

.event #indeterminate_event .swiper-slide a.linkbox .tbox .data { color: #707070; display: block; font-size: 0.75em; letter-spacing: 0.13em; }

.event #indeterminate_event .swiper-slide a.linkbox .tbox .title { line-height: 1.35; display: block; font-weight: 400; margin-top: 0.13em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .event #indeterminate_event .swiper-slide a.linkbox .tbox .title { font-size: 0.94em; } }

.event #indeterminate_event .linkbtn { text-align: center; margin-top: 2em; }

.event #yoga .text { margin-bottom: 1em; }

.event #yoga .col3 { display: -webkit-box; display: -ms-flexbox; display: flex; display: -ms-flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1em; background-color: #fafdfe; padding: 0.25em 1em; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .event #yoga .col3 { display: block; padding: 0.25em 1em 1em; } }

.event #yoga .col3 .col-item { -ms-flex-preferred-size: 32%; flex-basis: 32%; max-width: 32%; text-align: center; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .event #yoga .col3 .col-item { max-width: 100%; } }

.event #yoga ul.notes { margin: 0; font-size: 0.94em; color: #555; }

.event #yoga ul.notes li { margin-top: 3px; }

.event #yoga .linkbtn { text-align: center; margin: 2em auto 1em; }

/* 真光寺の活動 */
.active .text { line-height: 1.8; }

.active #publication .col2, .active #syugyo .col2, .active #teracafe .col2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.active #osagari .photobox { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 1em; border: 1px dashed #ccc; margin: 1em auto 1.5em; }

/* いろいろな会員 member */
.member .text { margin-bottom: 1em; }

.member #baika .col2, .member #otasuke .col2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

/* よくあるご質問 */
.qa .acMenu dt { background-color: #f6fcfd; border-radius: 3px; font-size: 1.13em; padding: 0.5em 1em 0.5em 3.25em; margin: 1.5em 0 0.5em; text-indent: -2.5em; line-height: 1.5; }

.qa .acMenu dt:first-child { margin: 0em 0 0.5em; }

.qa .acMenu dt:before { color: #1E88A8; content: "Q."; font-size: 2em; line-height: 0.8; margin-right: 0.25em; }

.qa .acMenu dd { line-height: 1.6; padding: 0.5em 1em 0.5em 3.75em; text-indent: -2.44em; /* Media Queries sp */ }

@media screen and (max-width: 600px) { .qa .acMenu dd { padding: 0.5em 1em 0.5em 3.63em; } }

.qa .acMenu dd:before { color: #333; content: "A."; font-size: 2.13em; line-height: 0.8; margin-right: 0.25em; }

/* アクセス */
.access #traffic { /* Media Queries sp */ }

.access #traffic .text { text-align: center; margin: 1.5em auto 2em; }

.access #traffic .gmap { position: relative; width: 100%; height: 0; padding-top: 35%; overflow: hidden; }

.access #traffic .gmap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 600px) { .access #traffic .gmap { max-width: 100%; height: 40vh; padding-top: 0; }
  .access #traffic .gmap iframe { width: 100%; height: 40vh; position: relative; top: inherit; left: inherit; } }

/* プライバシーポリシー */
.privacy.page .c_wrap p.text { margin-bottom: 4em; }

.privacy h3.h3_title01 { text-align: left; margin: 2em auto 1.25em; }

.privacy h3.h3_title01 span { text-align: left; display: block; }

/* ---------------------------------------------------------------------------
** 06pages sitemap
--------------------------------------------------------------------------- */
.sitemap .wsp-pages-title, .sitemap .wsp-categories-title, .sitemap .wsp-product_cats-title, .sitemap .wsp-postproducts-title, .sitemap .wsp-postworkss-title { color: #fff; font-size: 1.13em; margin: 1.5em 0 0.5em; padding: 0.5em 0.75em; font-weight: 500; text-align: left; background-color: #1E88A8; font-size: 1.06em; }

.sitemap .wsp-container ul { margin: 0.13em 1em; }

.sitemap .wsp-container ul li { line-height: 1.8; text-align: left; }

.sitemap .wsp-container ul li { line-height: 1.8; text-align: left; }

.sitemap .wsp-container ul li:before { content: "┝"; color: #1E88A8; margin-right: 0.44em; }

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