@charset "utf-8";
/*
Theme Name: ishitsune
Theme URI: http://desse-web.com/
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap');

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- common */

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, header, footer, aside, figure, figcaption, nav, section {display: block;}
body {line-height: 1;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
ol, ul {list-style: none;list-style-type: none;}
figure {margin: 0;}
button, input[type="submit"] {border: 0 none;background: none;cursor: pointer;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}
img, input[type="image"] {max-width: 100%;width:auto;height: auto;backface-visibility: hidden;-webkit-backface-visibility: hidden;object-fit: cover;}
a {text-decoration: none;color: #222;}
a:hover, a img:hover, button:hover {opacity: 0.7;transition: all 0.5s ease;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {height: 100%;overflow-x: hidden;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;scroll-behavior: smooth;font-size: 62.5%;}
body {background: #fff;color: #394049;font-family: 'Noto Sans JP', sans-serif;font-size: 1.6rem;font-weight: 400;line-height: 2;letter-spacing: 0.05em;}
@media only screen and (max-width: 896px) {body {font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.02em;}}
.mincho {font-family: 'Noto Serif JP', serif;}

.pc {display: inherit;}
.sp {display: none;}
.inner {width: 100%;max-width: 1080px;margin: auto;}
@media only screen and (max-width: 896px) {.inner {width: 90%;}}
@media only screen and (max-width: 767px) {.pc {display: none;}.sp {display: block;}}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;}
.Acenter {position: absolute;top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

header {width: 100%;position: fixed;top: 0;z-index: 5;background: #fff;}
header ul#head {padding: 15px 0;align-items: center;}
header ul#head li#logo {margin: 0 auto 0 0;}
header ul#head li#logo a {width: 150px;height: 33px;display: block;background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20133.3%2029.8%22%20style%3D%22enable-background%3Anew%200%200%20133.3%2029.8%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M6.9%204.8c.6.2%201.2.3%201.8.3.9%200%201.7-.1%202.5-.3.9-.2%202.1-.4%203.4-.6%204.9-.6%207.4-.9%207.6-1%20.3-.1.6-.2%201-.1.9.1%201.7.4%202.4.8.8.4%201.1.8%201.1%201.3%200%20.3-.5.4-1.4.4h-4.2c-1.9.1-3.8.4-5.6.8.3.2.5.6.5.9%200%20.6-1.9%203.6-5.6%209%204.1-.7%208.2-1.1%2012.4-1.1.3-.1.6-.1.8-.1.5.1%201.1.3%201.5.6%201.4.9%202.1%201.6%202.1%202-.6%201.1-1.3%202.1-2.1%203.1l-2.2%202.8c1%20.5%201.5.9%201.5%201.4%200%20.5-.2.7-.6.7-3%20.1-6%200-8.9-.1%200%201.3-.1%202-.4%202-.5%200-1.4-1-2.8-3%200-1.2-.8-3.4-2.2-6.6-1.1%201.6-2.5%203-4.2%204.2-1.6%201-3.5%201.4-5.3%201.1%202.6-1.1%205.1-3.6%207.5-7.3.9-1.4%201.8-2.9%202.5-4.4%201.3-2.1%201.9-3.6%201.8-4.5-.7.3-1.4.5-2.1.6-.4%200-1.3-.9-2.8-2.7v-.2zm13.9%2011.8c-.8%200-1.5.1-2.2.3-1.4.2-2.8.5-4.1%201-.3.2-.7.3-1.1.3-.4%200-.8%200-1.1-.1.8%201.7%201.5%203.4%202.1%205.2h5.1c.8-1%201.5-2.1%202.1-3.2.6-1%201-2.1%201.3-3.2-.8-.3-1.4-.3-2.1-.3zm15.9-8.7c2.4-.8%204.5-2.8%206.2-5.8.1-.5-.1-1-.4-1.4%201.5.1%202.9.8%203.9%202-2.1%201.9-4.3%203.7-6.6%205.3%201.2.3%202.2.7%203.3%201.3l1.7-2c.4-.6.6-1.3.3-2%201.3.2%202.5%201.1%203%202.4l-3.7%203.7c1.1.6%202.2%201.1%203.2%201.5.6%201.1.6%202.4.1%203.5-.9-.3-1.5-1-1.8-1.8-1.6.7-3.2%201.6-4.8%202.5%201.2.6%202%201.9%202.1%203.2.4%205.2.3%208.4-.3%209.4-.5-.1-1-.4-1.3-.8-.5-.9-1-1.8-1.3-2.8.8-1.3.8-4.2.3-8.7-1%20.3-2%20.8-2.8%201.4-1.1-.7-2-1.6-2.8-2.7%201.4-.4%202.6-1.1%203.7-2.1%201-.9%202.1-2%203.1-3.1-1.3-.9-2.9-1.3-4.5-1.1l-.6-1.9zm12.8-4.2c.6.6%201.5.8%202.2.6%201-.3%202-.6%203-.8%201.1-.3%202.1-.6%203.1-1.1%201%20.3%201.9.9%202.5%201.7-1.4%201.7-2.6%203.5-3.5%205.5%203.4%202.9%207.2%205.2%2011.4%206.8-1.5.5-3%20.7-4.5.7-1.8.3-3.5-.5-4.5-2-1-1.4-2.2-2.7-3.5-3.8-.8.9-1.5%201.9-2.4%203%201.2.3%202.3.8%203.4%201.4.2.4.3.9.3%201.4-.1.4-.1.8-.1%201.3l1.1-.8c1.7.4%202.6.9%202.8%201.5-1.4.7-2.8%201.3-4.2%201.7-.2%201.3-.4%202.7-.6%204.1%201.4-.1%202.8-.1%204.2-.1.6%200%201.2-.1%201.7-.3%201.4.2%202.6%201.2%203.2%202.5-.3.3-.7.4-1.1.4-.3%200-.7-.1-1-.1-4.3-1.1-8.8-.8-12.8%201-.6.3-1.4.1-1.8-.4-.6-.6-1-1.3-1.4-2.1.9.5%201.9.6%202.8.4%201.4-.3%202.8-.6%204.1-1v-3.8c-1.3%200-2.6-.4-3.8-1%201.3-.3%202.6-.6%203.8-1%200-.7%200-1.4-.1-2.1%200-.9-.2-1.8-.7-2.5-1.7%201.6-3.4%202.2-5.1%201.7%202.6-1.8%204.8-4.2%206.3-7-.8-.9-1.7-1.8-2.7-2.5-.3.3-.7.3-1%20.1-.7-1.2-1.1-2.3-1.1-3.4zm7.5.2c-1.4.5-2.7%201.1-4%201.9.3.4.6.7%201%201%20.3.4.8.7%201.3.8.6-1.2%201.2-2.4%201.7-3.7zm-11.8%209.6c-.4-.6-.9-1.2-1.4-1.7-1.3%201.1-2.7%202.3-4.2%203.5%201.9-.3%203.8-1%205.6-1.8zm-.5%204.9c.9%200%201.8.4%202.4%201.1%201.1.9%201.2%202.5.3%203.6-.6-.4-1-1-1.1-1.7-.4-1-1-2-1.6-3zM36%2022.8c.6-.7%201.1-1.6%201.3-2.5.1-.5.2-.7.4-.8.8%202.1.7%204.5-.4%206.5h-.1c-.4-.4-.7-1-.8-1.5-.2-.7-.3-1.3-.4-1.7zm39.3-18c.6.2%201.2.3%201.8.3.9%200%201.7-.1%202.5-.3.9-.2%202.1-.4%203.4-.6%204.9-.6%207.4-.9%207.6-1%20.3-.1.6-.2%201-.1.9.1%201.7.4%202.4.8.8.4%201.1.8%201.1%201.3%200%20.3-.5.4-1.4.4h-4.2c-1.9.1-3.8.4-5.6.8.3.2.5.5.6.8%200%20.6-1.9%203.6-5.6%209%204.1-.7%208.2-1.1%2012.4-1.1.3-.1.6-.1.8-.1.5.1%201.1.3%201.5.6%201.4.9%202.1%201.6%202.1%202-.6%201.1-1.3%202.1-2.1%203.1l-2.2%202.8c1%20.5%201.5.9%201.5%201.4%200%20.5-.2.7-.6.7-3%20.1-6%200-8.9-.1%200%201.3-.1%202-.4%202-.5%200-1.4-1-2.8-3%200-1.2-.8-3.4-2.2-6.6-1.1%201.7-2.6%203.2-4.2%204.4-1.6%201-3.5%201.4-5.3%201.1%202.6-1.1%205.1-3.6%207.5-7.3.9-1.4%201.8-2.9%202.5-4.4%201.3-2.1%201.9-3.6%201.8-4.5-.7.3-1.4.5-2.1.6-.4%200-1.3-.9-2.8-2.7l-.1-.3zm13.9%2011.8c-.8%200-1.5.1-2.2.3-1.4.2-2.8.5-4.1%201-.3.2-.7.3-1.1.3-.4%200-.8%200-1.1-.1.8%201.7%201.5%203.4%202.1%205.2h5.1c.8-1%201.5-2.1%202.1-3.2.6-1%201-2.1%201.3-3.2-.8-.3-1.4-.3-2.1-.3zM123.7%200c1.7.1%203.3.7%204.6%201.8-.4%202.3-.6%204.6-.7%206.9.7%200%201.4-.1%202.1-.3.3-.1.6-.1.8-.1.5%200%20.9.2%201.3.4.9.5%201.4.8%201.4%201.1%200%20.4-.9.5-2.8.4h-2.8v1.4c.5.2.7.4.7.6-.1.6-.4%201.2-.8%201.7.1%205.2.3%2010.2.6%2015.2-3.2-.4-6.1-2.1-8.7-5.2%201.8.7%203.8%201.1%205.8%201.1.2-.8.3-1.6.3-2.4.1-.8.1-1.7.1-2.5v-4.9c-1.7%201.8-3.5%203.5-5.3%205.1-2%201.7-3.9%202.2-5.8%201.7%201.2-.5%202.3-1.2%203.2-2.1%203.1-2.5%205.5-5.6%207.3-9.1-1.9.6-3.8%201.4-5.5%202.4-.9%200-2.2-.9-3.7-2.7h.1c.7.2%201.4.4%202.1.4.5%200%20.9%200%201.4-.1%201.8-.5%203.7-1%205.9-1.5-.1-2-.1-3.9-.1-5.8%200-1.4-.6-2.6-1.5-3.5zm-13.9.7c1.2%200%202.4.3%203.5.8.8.4%201.2.9%201%201.7-.5%202.9-.7%204.5-.7%204.6.3-.2.7-.4%201-.6%201.8.2%202.7.7%202.7%201.4-.5.2-1%20.3-1.5.4-.8.2-1.5.4-2.4.6-.2%201.1-.3%202.2-.3%203.2.5.4%201.2.6%201.8.6.7.9%201.1%202.1%201%203.2-1.1-.2-2-.8-2.7-1.7-.1%201.7%200%204.9.1%209.7%200%201.1-.1%202.2-.4%203.2h-.3c-1.2-.8-2.1-2.4-2.5-4.6.4-.6.8-1.3%201-2%20.2-2.1.3-4.1.1-6.2-1%201.6-2.2%203-3.5%204.4-1.2%201.3-2.8%202-4.5%202%201.7-1.5%203.2-3.3%204.5-5.2.8-1.4%201.4-2.4%201.7-3%20.5-.9.9-1.8%201.1-2.8-1.4.5-2.7%201.2-3.9%202-1.1-.7-2.1-1.6-3-2.7%201%20.3%202.1.3%203.1%200%201.6-.5%203.1-1%204.6-1.5-.1-1.5-.1-3-.1-4.6%200-1.1-.5-2.2-1.4-2.9z%22%20style%3D%22fill%3A%23034059%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0 / cover;overflow: hidden;text-indent: 100%;white-space: nowrap;line-height: 0;}
header ul#head li.tel {margin: 0 20px 0 0;}
header ul#head li.tel a {position: relative;display: block;font-family: 'Noto Serif JP', serif;font-size: 3rem;font-weight: 500;line-height: 1.2;letter-spacing: 0.02em;}
header ul#head li.tel a i {width: 32px;height: auto;margin: 0 8px 0 0;display: inline-block;}
header ul#head li.tel a small {display: block;font-family: 'Noto Sans JP', sans-serif;font-size: 1.1rem;letter-spacing: 0;}
header ul#head li.mail a {padding: 10px 20px;position: relative;display: block;background: #c12d1c;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);color: #fff;}
header ul#head li.mail a:hover {top: 3px;pacity: 1;box-shadow: 0 0 0 0;}
header ul#head li.mail a i {width: 20px;height: auto;margin: 0 5px 0 0;display: inline-block;vertical-align: middle;}
header ul#head li.mail a i .st0 {fill: none;stroke: #fff;stroke-miterlimit: 10;}
header #gNav {width: 100%;padding: 15px 0;background: #034059;}
header #gNav ul {text-align: center;justify-content: space-between;line-height: 1;letter-spacing: 0.1em;}
header #gNav ul li {width: calc(100% / 7);position: relative;border-left: 1px solid #fff;}
header #gNav ul li:nth-child(7) {border-right: 1px solid #fff;}
header #gNav ul li a {padding: 5px 0;display: block;color: #fff;}
header #gNav ul li ul {width: 100%;padding: 0;position: absolute;left: 0;top: 45px;z-index: 10;text-align: center;background: #fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);}
header #gNav ul li:nth-child(4):hover ul::before {content: "";position: absolute;top: -30px;left: 50%;margin-left: -15px;border: 15px solid transparent;border-bottom: 15px solid #fff;}
header #gNav ul li:nth-child(4):hover a:after {transform: rotate(180deg);transition: .1s;}
header #gNav ul li:nth-child(4):hover ul li {height: 38px;overflow: visible;}
header #gNav ul li ul li {width: calc(100% / 1);height: 0;overflow: hidden;border-left: 0 none;transition: .2s;}
header #gNav ul li ul li a {padding: 12px 0;background: #fff;color: #222;font-size: 1.4rem;}
header #gNav ul li ul li a:hover {background: #034059;color: #fff;opacity: 1;transition: .5s;}
@media only screen and (max-width: 767px) {
header {border-bottom: 1px solid #eee;}
header ul#head {padding: 17px 0;}
header ul#head li#logo a {width: 118px;height: 26px;}
header #navBtn {height: 60px;position: fixed;top: 0;right: 0;z-index: 10;background: #034059;}
header #navBtn > p {width: 60px;position: relative;cursor: pointer;}
header #navBtn > p::after {content: "メニュー";position: absolute;left: 10px;bottom: -55px;display: block;color: #fff;font-size: 1rem;}
header #navBtn span {width: 60%;height: 2px;position: absolute;left: 12px;display: block;background: #fff;transition: top .5s ease, -webkit-transform .6s ease-in-out;transition: transform .6s ease-in-out, top .5s ease;transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;}
header #navBtn span:nth-child(1) {top: 13px;}
header #navBtn span:nth-child(2) {top: 23px;}
header #navBtn span:nth-child(3) {top: 33px;}
header #gNav {width: 100%;height: 100%;position: fixed;top: 60px;left: 0;z-index: 3;text-align: center;visibility: hidden;background: #034059;opacity: 0;transition: all 0.5s;-webkit-overflow-scrolling: touch;}
header #gNav ul li {width: calc(100% / 1);border-bottom: 1px solid #fff;border-left: 0 none;}
header #gNav ul li:nth-child(6) {border-right: 0 none;}
header #gNav ul li:nth-child(7), header #gNav ul li:last-child {border-bottom: 0 none;}
header #gNav ul li a {padding: 20px 0;}
header #gNav ul li.tel {margin: 0 20px 0 0;}
header #gNav ul li.tel a {position: relative;display: block;font-size: 3rem;font-weight: 500;line-height: 1.2;letter-spacing: 0.02em;}
header #gNav ul li.tel a i {width: 30px;height: auto;margin: 0 8px 0 0;display: inline-block;}
header #gNav ul li.tel a small {margin: 5px auto 0;display: block;font-size: 1.1rem;letter-spacing: 0;}
header #gNav ul li.mail a {padding: 20px 0;display: block;background: #c12d1c;color: #fff;}
header #gNav ul li.mail a i {width: 20px;height: auto;margin: 0 5px 0 0;display: inline-block;}
header #gNav ul li.mail a i .st0 {fill: none;stroke: #fff;stroke-miterlimit: 10;}
header #gNav ul li ul {display: none;}
.open {overflow: hidden;}
.open header #navBtn span:nth-child(1) {top: 25px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open header #navBtn span:nth-child(2) {opacity: 0;}
.open header #navBtn span:nth-child(3) {top: 25px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.open header #gNav {visibility: visible;overflow-y: auto;opacity: 1;animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;}
}

footer {width: 100%;background: #034059;color: #fff;}
footer p#topBtn {padding: 40px 10px 10px;position: fixed;right: 20px;bottom: 20px;z-index: 3;background: #034059;border: 2px solid #fff;cursor: pointer;}
footer p#topBtn::before {content: "";width: 1px;height: 15px;position: absolute;left: 40px;top: 20px;display: block;background: #fff;}
footer p#topBtn::after {content: "";width: 8px;height: 8px;position: absolute;left: 36px;top: 20px;display: block;border-top: 1px solid #fff;border-left: 1px solid #fff;transform: rotate(45deg);}
footer a {color: #fff;}
footer ul#fCont {padding: 60px 0 30px;justify-content: space-between;}
footer ul#fCont li#fLogo {width: 35%;line-height: 1.5;}
footer ul#fCont li#fLogo p {width: 150px;height: 33px;margin: 0 0 20px;display: block;background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20133.3%2029.8%22%20style%3D%22enable-background%3Anew%200%200%20133.3%2029.8%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M6.9%204.8c.6.2%201.2.3%201.8.3.9%200%201.7-.1%202.5-.3.9-.2%202.1-.4%203.4-.6%204.9-.6%207.4-.9%207.6-1%20.3-.1.6-.2%201-.1.9.1%201.7.4%202.4.8.8.4%201.1.8%201.1%201.3%200%20.3-.5.4-1.4.4h-4.2c-1.9.1-3.8.4-5.6.8.3.2.5.6.5.9%200%20.6-1.9%203.6-5.6%209%204.1-.7%208.2-1.1%2012.4-1.1.3-.1.6-.1.8-.1.5.1%201.1.3%201.5.6%201.4.9%202.1%201.6%202.1%202-.6%201.1-1.3%202.1-2.1%203.1l-2.2%202.8c1%20.5%201.5.9%201.5%201.4%200%20.5-.2.7-.6.7-3%20.1-6%200-8.9-.1%200%201.3-.1%202-.4%202-.5%200-1.4-1-2.8-3%200-1.2-.8-3.4-2.2-6.6-1.1%201.6-2.5%203-4.2%204.2-1.6%201-3.5%201.4-5.3%201.1%202.6-1.1%205.1-3.6%207.5-7.3.9-1.4%201.8-2.9%202.5-4.4%201.3-2.1%201.9-3.6%201.8-4.5-.7.3-1.4.5-2.1.6-.4%200-1.3-.9-2.8-2.7v-.2zm13.9%2011.8c-.8%200-1.5.1-2.2.3-1.4.2-2.8.5-4.1%201-.3.2-.7.3-1.1.3-.4%200-.8%200-1.1-.1.8%201.7%201.5%203.4%202.1%205.2h5.1c.8-1%201.5-2.1%202.1-3.2.6-1%201-2.1%201.3-3.2-.8-.3-1.4-.3-2.1-.3zm15.9-8.7c2.4-.8%204.5-2.8%206.2-5.8.1-.5-.1-1-.4-1.4%201.5.1%202.9.8%203.9%202-2.1%201.9-4.3%203.7-6.6%205.3%201.2.3%202.2.7%203.3%201.3l1.7-2c.4-.6.6-1.3.3-2%201.3.2%202.5%201.1%203%202.4l-3.7%203.7c1.1.6%202.2%201.1%203.2%201.5.6%201.1.6%202.4.1%203.5-.9-.3-1.5-1-1.8-1.8-1.6.7-3.2%201.6-4.8%202.5%201.2.6%202%201.9%202.1%203.2.4%205.2.3%208.4-.3%209.4-.5-.1-1-.4-1.3-.8-.5-.9-1-1.8-1.3-2.8.8-1.3.8-4.2.3-8.7-1%20.3-2%20.8-2.8%201.4-1.1-.7-2-1.6-2.8-2.7%201.4-.4%202.6-1.1%203.7-2.1%201-.9%202.1-2%203.1-3.1-1.3-.9-2.9-1.3-4.5-1.1l-.6-1.9zm12.8-4.2c.6.6%201.5.8%202.2.6%201-.3%202-.6%203-.8%201.1-.3%202.1-.6%203.1-1.1%201%20.3%201.9.9%202.5%201.7-1.4%201.7-2.6%203.5-3.5%205.5%203.4%202.9%207.2%205.2%2011.4%206.8-1.5.5-3%20.7-4.5.7-1.8.3-3.5-.5-4.5-2-1-1.4-2.2-2.7-3.5-3.8-.8.9-1.5%201.9-2.4%203%201.2.3%202.3.8%203.4%201.4.2.4.3.9.3%201.4-.1.4-.1.8-.1%201.3l1.1-.8c1.7.4%202.6.9%202.8%201.5-1.4.7-2.8%201.3-4.2%201.7-.2%201.3-.4%202.7-.6%204.1%201.4-.1%202.8-.1%204.2-.1.6%200%201.2-.1%201.7-.3%201.4.2%202.6%201.2%203.2%202.5-.3.3-.7.4-1.1.4-.3%200-.7-.1-1-.1-4.3-1.1-8.8-.8-12.8%201-.6.3-1.4.1-1.8-.4-.6-.6-1-1.3-1.4-2.1.9.5%201.9.6%202.8.4%201.4-.3%202.8-.6%204.1-1v-3.8c-1.3%200-2.6-.4-3.8-1%201.3-.3%202.6-.6%203.8-1%200-.7%200-1.4-.1-2.1%200-.9-.2-1.8-.7-2.5-1.7%201.6-3.4%202.2-5.1%201.7%202.6-1.8%204.8-4.2%206.3-7-.8-.9-1.7-1.8-2.7-2.5-.3.3-.7.3-1%20.1-.7-1.2-1.1-2.3-1.1-3.4zm7.5.2c-1.4.5-2.7%201.1-4%201.9.3.4.6.7%201%201%20.3.4.8.7%201.3.8.6-1.2%201.2-2.4%201.7-3.7zm-11.8%209.6c-.4-.6-.9-1.2-1.4-1.7-1.3%201.1-2.7%202.3-4.2%203.5%201.9-.3%203.8-1%205.6-1.8zm-.5%204.9c.9%200%201.8.4%202.4%201.1%201.1.9%201.2%202.5.3%203.6-.6-.4-1-1-1.1-1.7-.4-1-1-2-1.6-3zM36%2022.8c.6-.7%201.1-1.6%201.3-2.5.1-.5.2-.7.4-.8.8%202.1.7%204.5-.4%206.5h-.1c-.4-.4-.7-1-.8-1.5-.2-.7-.3-1.3-.4-1.7zm39.3-18c.6.2%201.2.3%201.8.3.9%200%201.7-.1%202.5-.3.9-.2%202.1-.4%203.4-.6%204.9-.6%207.4-.9%207.6-1%20.3-.1.6-.2%201-.1.9.1%201.7.4%202.4.8.8.4%201.1.8%201.1%201.3%200%20.3-.5.4-1.4.4h-4.2c-1.9.1-3.8.4-5.6.8.3.2.5.5.6.8%200%20.6-1.9%203.6-5.6%209%204.1-.7%208.2-1.1%2012.4-1.1.3-.1.6-.1.8-.1.5.1%201.1.3%201.5.6%201.4.9%202.1%201.6%202.1%202-.6%201.1-1.3%202.1-2.1%203.1l-2.2%202.8c1%20.5%201.5.9%201.5%201.4%200%20.5-.2.7-.6.7-3%20.1-6%200-8.9-.1%200%201.3-.1%202-.4%202-.5%200-1.4-1-2.8-3%200-1.2-.8-3.4-2.2-6.6-1.1%201.7-2.6%203.2-4.2%204.4-1.6%201-3.5%201.4-5.3%201.1%202.6-1.1%205.1-3.6%207.5-7.3.9-1.4%201.8-2.9%202.5-4.4%201.3-2.1%201.9-3.6%201.8-4.5-.7.3-1.4.5-2.1.6-.4%200-1.3-.9-2.8-2.7l-.1-.3zm13.9%2011.8c-.8%200-1.5.1-2.2.3-1.4.2-2.8.5-4.1%201-.3.2-.7.3-1.1.3-.4%200-.8%200-1.1-.1.8%201.7%201.5%203.4%202.1%205.2h5.1c.8-1%201.5-2.1%202.1-3.2.6-1%201-2.1%201.3-3.2-.8-.3-1.4-.3-2.1-.3zM123.7%200c1.7.1%203.3.7%204.6%201.8-.4%202.3-.6%204.6-.7%206.9.7%200%201.4-.1%202.1-.3.3-.1.6-.1.8-.1.5%200%20.9.2%201.3.4.9.5%201.4.8%201.4%201.1%200%20.4-.9.5-2.8.4h-2.8v1.4c.5.2.7.4.7.6-.1.6-.4%201.2-.8%201.7.1%205.2.3%2010.2.6%2015.2-3.2-.4-6.1-2.1-8.7-5.2%201.8.7%203.8%201.1%205.8%201.1.2-.8.3-1.6.3-2.4.1-.8.1-1.7.1-2.5v-4.9c-1.7%201.8-3.5%203.5-5.3%205.1-2%201.7-3.9%202.2-5.8%201.7%201.2-.5%202.3-1.2%203.2-2.1%203.1-2.5%205.5-5.6%207.3-9.1-1.9.6-3.8%201.4-5.5%202.4-.9%200-2.2-.9-3.7-2.7h.1c.7.2%201.4.4%202.1.4.5%200%20.9%200%201.4-.1%201.8-.5%203.7-1%205.9-1.5-.1-2-.1-3.9-.1-5.8%200-1.4-.6-2.6-1.5-3.5zm-13.9.7c1.2%200%202.4.3%203.5.8.8.4%201.2.9%201%201.7-.5%202.9-.7%204.5-.7%204.6.3-.2.7-.4%201-.6%201.8.2%202.7.7%202.7%201.4-.5.2-1%20.3-1.5.4-.8.2-1.5.4-2.4.6-.2%201.1-.3%202.2-.3%203.2.5.4%201.2.6%201.8.6.7.9%201.1%202.1%201%203.2-1.1-.2-2-.8-2.7-1.7-.1%201.7%200%204.9.1%209.7%200%201.1-.1%202.2-.4%203.2h-.3c-1.2-.8-2.1-2.4-2.5-4.6.4-.6.8-1.3%201-2%20.2-2.1.3-4.1.1-6.2-1%201.6-2.2%203-3.5%204.4-1.2%201.3-2.8%202-4.5%202%201.7-1.5%203.2-3.3%204.5-5.2.8-1.4%201.4-2.4%201.7-3%20.5-.9.9-1.8%201.1-2.8-1.4.5-2.7%201.2-3.9%202-1.1-.7-2.1-1.6-3-2.7%201%20.3%202.1.3%203.1%200%201.6-.5%203.1-1%204.6-1.5-.1-1.5-.1-3-.1-4.6%200-1.1-.5-2.2-1.4-2.9z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E') no-repeat 0 0 / cover;overflow: hidden;text-indent: 100%;white-space: nowrap;line-height: 0;}
footer ul#fCont li#fLogo address {margin: 0 0 15px;font-style: normal;font-size: 1.4rem;}
footer ul#fCont li#fLogo ul#sns {}
footer ul#fCont li#fLogo ul#sns li:nth-child(1) {margin: 0 20px 0 0;}
footer ul#fCont li#fNav {width: 55%;}
footer ul#fCont li#fNav ul {}
footer ul#fCont li#fNav ul li {width: calc(100% / 4);margin: 0 0 10px;font-size: 1.4rem;}
footer ul#fCont li#copy {width: 80%;margin: -20px 0 0 auto;text-align: right;font-size: 1.2rem;}
footer ul#fCont li#copy small {display: block;}
footer ul#fCont li#copy a {text-decoration: underline;}
@media only screen and (max-width: 767px) {
footer p#topBtn {padding: 30px 5px 5px;right: 10px;bottom: 10px;font-size: 1rem;}
footer p#topBtn::before {left: 25px;top: 12px;}
footer p#topBtn::after {left: 21px;top: 12px;}
footer ul#fCont {padding: 50px 0;text-align: center;}
footer ul#fCont li#fLogo {width: 100%;}
footer ul#fCont li#fLogo p {width: 118px;height: 26px;margin: 0 auto 15px;}
footer ul#fCont li#fLogo ul#sns	{justify-content: center;}
footer ul#fCont li#fLogo ul#sns li, footer ul#fCont li#fLogo ul#sns li:nth-child(1) {width: auto;margin: 0 10px;}
footer ul#fCont li#fNav {width: 100%;margin: 10px auto 20px;}
footer ul#fCont li#fNav ul li {width: calc(100% / 2);}
footer ul#fCont li#copy {width: 100%;margin: 0 auto;text-align: center;line-height: 1.5;}
footer ul#fCont li#copy small {margin: 10px auto 0;}
}

main {margin: 130px auto 0;position: relative;}
@media only screen and (max-width: 767px) {main {margin: 60px auto 0;}}

main h2 {margin: 0 auto 100px;position: relative;text-align: center;color: #034059;font-family: 'Noto Serif JP', serif;font-size: 3.2rem;font-weight: 500;line-height: 1;letter-spacing: 0.1em;}
main h2::after {content: "";width: 40px;height: 30px;position: absolute;top: 80px;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;background: url("images/i-h2.svg") no-repeat 0 0/ cover;}
@media only screen and (max-width: 767px) {
main h2 {margin: 0 auto 70px;font-size: 2.4rem;}
main h2::after {width: 30px;height: 22px;top: 50px;}
}

#pageHead {width: 100%;height: 30vh;position: relative;text-align: center;background: url("images/pageHead-back.svg") no-repeat 0 center / 100% auto;}
#pageHead::before {content: "";width: 100%;height: 100%;position: absolute;z-index: -1;display: block;background: url("images/pageHead-back.jpg") no-repeat 0 0 / cover;}
#pageHead h1 {position: absolute;top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-family: 'Noto Serif JP', serif;font-size: 4rem;font-weight: 500;}
@media only screen and (max-width: 767px) {
#pageHead {height: 20vh;background: url("images/pageHead-back_sp.svg") no-repeat 0 center / 100% auto;}
#pageHead h1 {font-size: 2.8rem;}
}

nav#breadcrumb {padding: 20px 0;}
nav#breadcrumb ul {line-height: 1;}
nav#breadcrumb ul li {margin: 0 10px 0 0;padding: 0 10px 0 0;display: inline-block;border-right: 1px solid #ccc;color: #b4b4b4;}
nav#breadcrumb ul li a {color: #b4b4b4;}
nav#breadcrumb ul li:last-child {margin: 0;padding: 0;font-weight: 500;border-right: 0 none;}
@media only screen and (max-width: 767px) {
nav#breadcrumb ul {font-size: 1.2rem;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- HOME */

#mainVisual {}
#mainVisual ul#mvSlide {}
#mainVisual ul#mvSlide li {padding: 0 10px;}
@media only screen and (max-width: 767px) {#mainVisual ul#mvSlide li {padding: 0;}}

#mainMenu {padding: 80px 0;background: url("images/main-backR.svg") no-repeat 110% 90% / auto 500px;}
#mainMenu ul {text-align: center;justify-content: space-between;line-height: 0;}
#mainMenu ul li {width: calc(95% / 3);margin: 0 0 30px;position: relative;}
#mainMenu ul li:nth-child(1) {background: url("images/business01-back.png") no-repeat 0 0 / cover;}
#mainMenu ul li:nth-child(2) {background: url("images/business02-back.png") no-repeat 0 0 / cover;}
#mainMenu ul li:nth-child(3) {background: url("images/business03-back.png") no-repeat 0 0 / cover;}
#mainMenu ul li:nth-child(4) {background: url("images/business04-back.png") no-repeat 0 0 / cover;}
#mainMenu ul li:nth-child(5) {background: url("images/business05-back.png") no-repeat 0 0 / cover;}
#mainMenu ul li:nth-child(6) {background: url("images/business06-back.png") no-repeat 0 0 / cover;}
#mainMenu ul li:nth-child(7) {background: url("images/business07-back.jpg") no-repeat 0 0 / cover;}
#mainMenu ul li:nth-child(8) {background: url("images/business08-back.jpg") no-repeat 0 0 / cover;}
#mainMenu ul li:nth-child(9) {background: url("images/business09-back.jpg") no-repeat 0 0 / cover;}
#mainMenu ul li a {padding: 200px 0 10px;display: block;font-family: 'Noto Serif JP', serif;font-size: 1.8rem;}
#mainMenu ul li a::before {content: "";width: 93%;height: 90%;position: absolute;top: 50%;left: 50%;z-index: 1;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;border: 1px solid #fff;}
#mainMenu ul li a span {width: 100%;padding: 40px 0;position: absolute;bottom: 0;display: block;background: rgba(31,66,52,0.8);color: #fff;transition: all 0.5s;}
#mainMenu ul li a span::before {content: "";width: 17px;height: 8px;position: absolute;right: 30px;bottom: 25px;display: block;z-index: 1;background: url("images/arrow-w.svg") no-repeat 0 0 / cover;}
#mainMenu ul li a:hover {opacity: 1;}
#mainMenu ul li a:hover span {padding: 105px 0;}
@media only screen and (max-width: 767px) {
#mainMenu {padding: 50px 0;background: url("images/main-backR.svg") no-repeat 110% 90% / auto 200px;}
#mainMenu ul li {width: calc(100% / 1);margin: 0 0 20px;}
#mainMenu ul li a span {padding: 30px 0 40px;}
}

#topAbout {padding: 100px 0;text-align: center;background: url("images/about-back.png") no-repeat 0 0 / cover;}
#topAbout h3 {color: #fff;font-size: 1.8rem;font-weight: 500;letter-spacing: 0.1em;}
@media only screen and (max-width: 767px) {
#topAbout {padding: 50px 0;background: url("images/about-back_sp.png") no-repeat 0 0 / cover;}
#topAbout h3 {font-size: 1.6rem;line-height: 1.5;}
}

#topProduct {padding: 80px 0;background: url("images/main-backL.svg") no-repeat -5% 50% / auto 500px;}
#topProduct ul {justify-content: space-between;}
#topProduct ul#productArea {margin: 0 auto 50px;}
#topProduct ul#productArea li {width: calc(97% / 2);margin: 0 0 30px;position: relative;}
#topProduct ul#productArea li:nth-child(1) {background: url("images/product-wa-back.jpg") no-repeat 0 0 / cover;}
#topProduct ul#productArea li:nth-child(2) {background: url("images/product-design-back.jpg") no-repeat 0 0 / cover;}
#topProduct ul#productArea li:nth-child(3) {background: url("images/product-future-back.jpg") no-repeat 0 0 / cover;}
#topProduct ul#productArea li:nth-child(4) {background: url("images/product-jewel-back.jpg") no-repeat 0 0 / cover;}
#topProduct ul#productArea li a {width: 100%;height: 250px;position: relative;z-index: 1;display: block;}
#topProduct ul#productArea li a::after {content: "";width: 0;height: 100%;position: absolute;display: block;background: rgba(31,66,52,0.8);transition: all 0.5s;}
#topProduct ul#productArea li a span {position: absolute;top: 35%;left: 10%;z-index: 1;font-family: 'Noto Serif JP', serif;font-size: 3.8rem;transition: all 0.5s;}
#topProduct ul#productArea li a:hover {opacity: 1;}
#topProduct ul#productArea li a:hover::before {content: "";width: 17px;height: 8px;position: absolute;right: 30px;bottom: 25px;z-index: 1;display: block;background: url("images/arrow-w.svg") no-repeat 0 0 / cover;}
#topProduct ul#productArea li a:hover::after {width: 100%;}
#topProduct ul#productArea li a:hover span {top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #fff;}
#topProduct ul#snsArea li {width: calc(95% / 2);}
#topProduct ul#snsArea li h3 {margin: 0 0 20px;position: relative;border-bottom: 2px solid #222;font-family: 'Noto Serif JP', serif;font-size: 2.4rem;font-weight: 500;}
#topProduct ul#snsArea li h3 a {padding: 15px 40px 15px 20px;position: absolute;right: 0;bottom: 10px;display: inline-block;background: rgb(68,147,126);background: linear-gradient(90deg, rgba(68,147,126,1) 0%, rgba(14,41,68,1) 100%);box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);color: #fff;font-size: 1.4rem;line-height: 0;}
#topProduct ul#snsArea li h3 a::after {content: "";position: absolute;right: 10px;bottom: 10px;display: block;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #fff;}
#topProduct ul#snsArea li figure {margin: 0 auto;text-align: center;line-height: 0;}
#topProduct ul#snsArea li figure img {width: 100%;}
#topProduct ul#snsArea li iframe {width: 100%;height: 500px;border: none;overflow: hidden;}
@media only screen and (max-width: 767px) {
#topProduct {padding: 50px 0;background: url("images/main-backL.svg") no-repeat -5px 50% / auto 200px;}
#topProduct ul#productArea {margin: 0 auto 30px;}
#topProduct ul#productArea li {width: calc(100% / 1);margin: 0 0 15px;}
#topProduct ul#productArea li::after	{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 50%);}
#topProduct ul#productArea li:nth-child(1) {background: url("images/product-wa-back.jpg") no-repeat 50% 0 / cover;}
#topProduct ul#productArea li:nth-child(2) {background: url("images/product-design-back.jpg") no-repeat 50% 0 / cover;}
#topProduct ul#productArea li:nth-child(3) {background: url("images/product-future-back.jpg") no-repeat 90% 0 / cover;}
#topProduct ul#productArea li:nth-child(4) {background: url("images/product-jewel-back.jpg") no-repeat 80% 0 / cover;}
#topProduct ul#productArea li a {height: 200px;}
#topProduct ul#productArea li a::after {display: none;}
#topProduct ul#productArea li a span {left: 5%;font-size: 2.6rem;}
#topProduct ul#productArea li a:hover span {top: 50%;left: 5%;margin-right: 0%;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
#topProduct ul#snsArea li {width: calc(100% / 1);}
#topProduct ul#snsArea li:nth-child(1) {margin: 0 0 40px;}
#topProduct ul#snsArea li h3 {font-size: 1.8rem;}
#topProduct ul#snsArea li h3 a {padding: 15px 30px 15px 20px;bottom: 5px;font-size: 1.2rem;}
#topProduct ul#snsArea li h3 a::after {right: 8px;bottom: 11px;border-width: 3px 0 3px 5px;}
#topProduct ul#snsArea li iframe {height: 350px;}
}

#contact {width: 100%;padding: 100px 0;position: relative;text-align: center;background: url("images/contact-back.jpg") no-repeat 0 50% / cover;}
#contact::after {content: "";width: 100%;height: 100%;position: absolute;top: 0;display: block;background: rgba(0,0,0,0.5);}
#contact h6 {margin: 0 auto 15px;position: relative;z-index: 1;color: #fff;font-family: 'Noto Serif JP', serif;font-size: 2.4rem;font-weight: 500;line-height: 1;letter-spacing: 0.1em;}
#contact h6 + p {margin: 0 auto 30px;position: relative;z-index: 1;color: #fff;font-size: 1.6rem;}
#contact ul {justify-content: space-between;}
#contact ul li {width: calc(97% / 2);position: relative;z-index: 1;background: #fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);font-family: 'Noto Serif JP', serif;font-size: 2rem;font-weight: 600;}
#contact ul li::before  {content: "";width: 17px;height: 8px;position: absolute;right: 30px;top: 38px;display: block;z-index: 1;background: url("images/arrow-b.svg") no-repeat 0 0 / cover;}
#contact ul li a {padding: 20px 0;display: block;color: #034059;}
#contact ul li a i {margin: 0 10px 0 0;display: inline-block;vertical-align: middle;line-height: 0;}
#contact ul li:nth-child(1) a i img {width: 28px;}
#contact ul li:nth-child(2) a i img {width: 25px;}
@media only screen and (max-width: 767px) {
#contact {padding: 70px 0;}
#contact h6 {line-height: 1.2;letter-spacing: 0.05em;}
#contact h6 + p {line-height: 1.5;}
#contact ul li {width: calc(100% / 1);text-align: left;font-size: 1.6rem;}
#contact ul li::before {top: 27px;}
#contact ul li:nth-child(1) {margin: 0 0 10px;}
#contact ul li a {padding: 15px 0 15px 15%;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 石経石材とは */

#strengths {padding: 100px 0 80px;}
#strengths h3 {margin: 0 auto 50px;text-align: center;font-size: 2rem;font-weight: 400;}
#strengths ul {justify-content: space-between;}
#strengths ul li {width: calc(92% / 3);}
#strengths ul li figure {}
#strengths ul li figure img {width: 50%;margin: 0 auto 20px;display: block;}
#strengths ul li figure figcaption h4 {margin: 0 auto 5px;text-align: center;color: #034059;font-family: 'Noto Serif JP', serif;font-size: 2rem;}
@media only screen and (max-width: 767px) {
#strengths {padding: 50px 0 30px;}
#strengths h3 {margin: 0 auto 30px;font-size: 1.6rem;}
#strengths ul li {width: calc(100% / 1);margin: 0 0 20px;}
#strengths ul li figure img {width: 30%;}
#strengths ul li figure figcaption h4 {font-size: 1.6rem;}
}

#company {padding: 80px 0;background: url("images/main-backR.svg") no-repeat 110% 0 / auto 500px;}
#company dl {border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;line-height: 1.5;}
#company dl dt {width: 25%;padding: 20px 0;text-align: center;background: #034059;border-bottom: 1px solid #ccc;color: #fff;}
#company dl dd {width: 75%;padding: 20px;background: #fff;border-bottom: 1px solid #ccc;}
@media only screen and (max-width: 767px) {
#company {padding: 30px 0;background: url("images/main-backR.svg") no-repeat 110% 0 / auto 200px;}
#company dl dt {width: 100%;padding: 10px 0;}
#company dl dd {width: 100%;padding: 10px;}
}

#access {padding: 80px 0 100px;background: url("images/main-backL.svg") no-repeat -5% 10% / auto 500px;}
#access ul {margin: 0 auto 30px;justify-content: space-between;}
#access ul li:nth-child(1) {width: 60%;}
#access ul li:nth-child(1) dl {border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;line-height: 1.5;}
#access ul li:nth-child(1) dl dt {width: 25%;padding: 10px 0;text-align: center;background: #034059;border-bottom: 1px solid #ccc;color: #fff;}
#access ul li:nth-child(1) dl dd {width: 75%;padding: 10px 20px;background: #fff;border-bottom: 1px solid #ccc;}
#access ul li:nth-child(2) {width: 35.5%;}
#access iframe {height: 450px;margin: auto;display: block;border: 0 none;}
@media only screen and (max-width: 767px) {
#access {padding: 30px 0 50px;background: url("images/main-backL.svg") no-repeat -5% 10% / auto 200px;}
#access ul {flex-direction: column-reverse;}
#access ul li:nth-child(1) {width: 100%;}
#access ul li:nth-child(2) {width: 100%;margin: 0 0 10px;}
#access iframe {height: 200px;}
#access ul li:nth-child(1) dl dt {width: 100%;}
#access ul li:nth-child(1) dl dd {width: 100%;padding: 10px;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- お墓を建てる */

h3.contHead {margin: 50px auto;padding: 50px 30px;display: block;text-align: center;background: url("images/sepulcher/h3-back.jpg") no-repeat 0 0 / auto;font-size: 2.2rem;font-weight: 400;line-height: 1.5;}
@media only screen and (max-width: 767px) {h3.contHead {margin: 40px auto 0;padding: 30px 10px;font-size: 1.8rem;}}

#flow {padding: 80px 0 30px;counter-reset: flow;background: url("images/main-backL.svg") no-repeat -5% 10% / auto 500px;}
#flow ul {}
#flow ul li {margin: 0 auto 80px;padding: 30px;position: relative;border: 1px solid #034059;background: #fff;}
#flow ul li::before {content: "";position: absolute;left: 0;top: 0;border-style: solid;border-width: 80px 80px 0 0;border-color: #034059 transparent transparent transparent;}
#flow ul li::after {content: "";position: absolute;left: 50%;bottom: -50px;display: block;border-style: solid;border-width: 20px 22px 0 22px;border-color: #034059 transparent transparent transparent;}
#flow ul li:last-child::after {display: none;}
#flow ul li h3 {margin: 0 0 5px;padding: 0 0 0 50px;color: #034059;font-family: 'Noto Serif JP', serif;font-size: 1.8rem;font-weight: 600;}
#flow ul li h3::before {content: "0" counter(flow);counter-increment: flow;position: absolute;left: 10px;top: 0;color: #fff;font-size: 2.2rem;}
#flow ul li h3::after {content: "";width: 80px;height: 80px;position: absolute;top: 50%;left: 93%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;}
#flow ul li:nth-child(1) h3::after {top: 50%;background: url("images/sepulcher/flow01.svg") no-repeat 0 0 / auto;}
#flow ul li:nth-child(2) h3::after {background: url("images/sepulcher/flow02.svg") no-repeat 0 0 / auto;}
#flow ul li:nth-child(3) h3::after {background: url("images/sepulcher/flow03.svg") no-repeat 0 0 / auto;}
#flow ul li:nth-child(4) h3::after {background: url("images/sepulcher/flow04.svg") no-repeat 0 0 / auto;}
#flow ul li:nth-child(5) h3::after {background: url("images/sepulcher/flow05.svg") no-repeat 0 0 / auto;}
#flow ul li:nth-child(6) h3::after {background: url("images/sepulcher/flow06.svg") no-repeat 0 0 / auto;}
#flow ul li:nth-child(7) h3::after {background: url("images/sepulcher/flow07.svg") no-repeat 0 0 / auto;}
#flow ul li:nth-child(8) h3::after {background: url("images/sepulcher/flow08.svg") no-repeat 0 0 / auto;}
#flow ul li p {padding: 0 150px 0 50px;line-height: 1.6;position: relative;}
@media only screen and (max-width: 767px) {
#flow {padding: 50px 0 30px;background: url("images/main-backL.svg") no-repeat -5% 10% / auto 200px;}
#flow ul li {margin: 0 auto 50px;padding: 20px;}
#flow ul li::before {border-width: 60px 80px 0 0;}
#flow ul li::after {left: 45%;bottom: -35px;}
#flow ul li h3 {padding: 0 0 0 40px;font-size: 1.6rem;}
#flow ul li h3::after {width: 60px;height: 60px;left: 90%;}
#flow ul li p {padding: 0 50px 0 40px;font-size: 1.4rem;line-height: 1.5;}
}

#gravestone {padding: 80px 0 100px;background: url("images/pageCont-back.jpg") repeat;}
#gravestone ul {}
#gravestone ul li {width: calc(95% / 3);margin: 0 25px 30px 0;}
#gravestone ul li:nth-child(3n) {margin: 0 0 30px;}
#gravestone ul li figure {}
#gravestone ul li figure img {width: 100%;height: 200px;object-fit: cover;}
#gravestone ul li figure figcaption {margin: 5px 0 0;}
#gravestone ul li figure figcaption ul {margin: 0 auto 5px;padding: 5px 10px;border-top: 1px solid #034059;border-bottom: 1px solid #034059;}
#gravestone ul li figure figcaption ul li {width: auto;margin: 0 10px 0 0;}
#gravestone ul li figure figcaption ul li:nth-child(odd) {color: #034059;font-weight: 600;}
#gravestone ul li figure figcaption ul li:nth-child(3n) {width: auto;margin: 0 10px;}
@media only screen and (max-width: 767px) {
#gravestone {padding: 30px 0 50px;}
#gravestone ul li {width: calc(92% / 2);margin: 0 25px 30px 0;}
#gravestone ul li:nth-child(3n) {margin: 0 25px 30px 0;}
#gravestone ul li:nth-child(even) {margin: 0 0 30px;}
#gravestone ul li figure img {height: 100px;}
#gravestone ul li figure figcaption p {font-size: 1.4rem;line-height: 1.5;}
#gravestone ul li figure figcaption ul {padding: 5px;font-size: 1.4rem;line-height: 1.5;}
#gravestone ul li figure figcaption ul li {width: auto;margin: 0;}
#gravestone ul li figure figcaption ul li:nth-child(1n) {width: 35%;}
#gravestone ul li figure figcaption ul li:nth-child(2n) {width: 65%;}
#gravestone ul li figure figcaption ul li:nth-child(3n) {width: 35%;margin: 0;}
#gravestone ul li figure figcaption ul li:nth-child(4n) {width: 65%;}
#gravestone ul li figure figcaption ul li:nth-child(even) {margin: 0;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 事業紹介 */

.service section h2 + h3 {margin: 0 auto 40px;text-align: center;font-size: 2rem;font-weight: 500;line-height: 1.5;}
.service section ul li p {margin: 0 0 30px;}
.service section .btn a {padding: 30px 100px 30px 60px;position: relative;display: inline-block;background: rgb(68,147,126);background: linear-gradient(90deg, rgba(68,147,126,1) 0%, rgba(14,41,68,1) 100%);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);color: #fff;font-size: 1.6rem;line-height: 0;}
.service section .btn a::before {content: "";width: 17px;height: 8px;position: absolute;right: 30px;bottom: 25px;display: block;z-index: 1;background: url("images/arrow-w.svg") no-repeat 0 0 / cover;}
@media only screen and (max-width: 767px) {
.service section h2 + h3 {margin: 0 auto 30px;padding: 0 20px;font-size: 1.6rem;}
.service section ul li p {margin: 0 0 20px;}
.service section .btn {text-align: center;}
.service section .btn a {width: 100%;margin: auto;padding: 25px 0;position: relative;display: block;}
.service section .btn a::before {bottom: 20px;}
}

#serviceNav {padding: 50px 0 30px;}
#serviceNav ul {text-align: center;justify-content: space-between;line-height: 1;font-size: 1.6rem;}
#serviceNav ul li {width: calc(95% / 3);margin: 0 0 20px;border: 1px solid #034059;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);}
#serviceNav ul li a {padding: 20px 0;position: relative;display: block;color: #034059;}
#serviceNav ul li a::after {content: "";width: 10px;height: 10px;position: absolute;right: 20px;top: 20px;display: block;border-bottom: 1px solid #034059;border-right: 1px solid #034059;transform: rotate(45deg);}
@media only screen and (max-width: 767px) {
#serviceNav ul {text-align: left;}
#serviceNav ul li {width: calc(95% / 2);font-size: 1.2rem;}
#serviceNav ul li a {padding: 15px 0 15px 10px;}
#serviceNav ul li a::after {width: 8px;height: 8px;right: 10px;top: 15px;}
}

#cemetery {padding: 100px 0;background: url("images/pageCont-back.jpg") repeat;}
#cemetery ul {justify-content: space-between;align-items: center;}
#cemetery ul li {width: calc(95% / 2);}
#cemetery ul li img {width: 100%;}
@media only screen and (max-width: 767px) {
#cemetery {padding: 50px 0;}
#cemetery ul li {width: calc(100% / 1);}
#cemetery ul li:nth-child(1) {margin: 0 0 10px;}
}

#sale {padding: 100px 0;background: url("images/main-backL.svg") no-repeat -5% 10% / auto 500px;}
#sale ul {justify-content: space-between;align-items: center;flex-direction: row-reverse;}
#sale ul li {width: calc(95% / 2);position: relative;}
#sale ul li:nth-child(1) {height: 400px;}
#sale ul li span:nth-of-type(1) {width: 80%;position: absolute;right: 0;top: 0;}
#sale ul li span:nth-of-type(2) {width: 60%;position: absolute;left: 0;bottom: 0;z-index: 1;}
@media only screen and (max-width: 767px) {
#sale {padding: 50px 0;background: url("images/main-backL.svg") no-repeat -5% 10% / auto 200px;}
#sale ul li {width: calc(100% / 1);}
#sale ul li:nth-child(1) {margin: 0 0 10px;height: 300px;}
}

#addition {padding: 100px 0;background: url("images/pageCont-back.jpg") repeat;counter-reset: flow;}
#addition ul {justify-content: space-between;align-items: center;}
#addition ul li {width: calc(95% / 2);}
#addition ul li ul li {width: calc(100% / 1);margin: 0 auto 30px;padding: 10px 20px;position: relative;border: 1px solid #034059;background: #fff;}
#addition ul li ul li::before {content: "";position: absolute;left: 0;top: 0;border-style: solid;border-width: 50px 80px 0 0;border-color: #034059 transparent transparent transparent;}
#addition ul li ul li::after {content: "";position: absolute;left: 50%;bottom: -20px;display: block;border-style: solid;border-width: 10px 12px 0 12px;border-color: #034059 transparent transparent transparent;}
#addition ul li ul li:last-child::after {display: none;}
#addition ul li ul li h3 {position: relative;text-align: center;font-size: 1.6rem;font-weight: 500;}
#addition ul li ul li h3::before {content: "0" counter(flow);counter-increment: flow;position: absolute;left: -10px;top: -15px;color: #fff;font-family: 'Noto Serif JP', serif;font-size: 2rem;}
#addition ul li ul li h3::after {content: "";width: 50px;height: 50px;position: absolute;top: 50%;left: 95%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;}
#addition ul li ul li:nth-child(1) h3::after {background: url("images/service/flow01.svg") no-repeat 0 0 / auto;}
#addition ul li ul li:nth-child(2) h3::after {background: url("images/service/flow02.svg") no-repeat 0 0 / auto;}
#addition ul li ul li:nth-child(3) h3::after {background: url("images/service/flow03.svg") no-repeat 0 0 / auto;}
#addition ul li ul li:nth-child(4) h3::after {background: url("images/service/flow04.svg") no-repeat 0 0 / auto;}
#addition ul li ul li:nth-child(5) h3::after {background: url("images/service/flow05.svg") no-repeat 0 0 / auto;}
#addition ul li ul li:nth-child(6) h3::after {background: url("images/service/flow06.svg") no-repeat 0 0 / auto;}
@media only screen and (max-width: 767px) {
#addition {padding: 50px 0;}
#addition ul li {width: calc(100% / 1);}
#addition ul li ul li::before {border-width: 45px 70px 0 0;}
#addition ul li ul li h3 {font-size: 1.4rem;}
#addition ul li ul li h3::before {top: -10px;font-size: 1.8rem;}
#addition ul li ul li h3::after {width: 40px;height: 40px;left: 98%;}
}

#moving {padding: 100px 0;background: url("images/main-backR.svg") no-repeat 110% 90% / auto 500px;}
#moving ul {justify-content: space-between;}
#moving ul li {width: calc(95% / 2);}
#moving ul li blockquote {width: 100%;margin: -10px auto 0;padding: 20px 30px;display: block;background: rgba(7,65,91,0.1);}
#moving ul li em {font-style: normal;color: #c12d1c;}
@media only screen and (max-width: 767px) {
#moving {padding: 50px 0;background: url("images/main-backR.svg") no-repeat 110% 90% / auto 200px;}
#moving ul li {width: calc(100% / 1);}
#moving ul li blockquote {margin: -10px auto 10px;padding: 10px 20px;}
}

#dismantling {padding: 100px 0;background: url("images/pageCont-back.jpg") repeat;}
#dismantling ul {margin: 0 auto 30px;justify-content: space-between;align-items: center;}
#dismantling ul li {width: calc(95% / 2);position: relative;}
#dismantling ul li:nth-child(1)::after {content: "";width: 100px;height: 65px;position: absolute;top: 42%;right: -15%;z-index: 1;display: block;background: url("images/service/arrow.svg") no-repeat 0 0 / cover;}
#dismantling ul + p {text-align: center;}
@media only screen and (max-width: 767px) {
#dismantling {padding: 50px 0;}
#dismantling ul {margin: 0 auto 10px;}
#dismantling ul li:nth-child(1)::after {width: 50px;height: 32px;top: 35%;right: -18%;}
#dismantling ul + p {padding: 0 20px;text-align: left;}
}

#eternal {padding: 100px 0;background: url("images/main-backL.svg") no-repeat -5% 10% / auto 500px;}
#eternal ul {justify-content: space-between;align-items: center;}
#eternal ul li {width: calc(95% / 2);}
@media only screen and (max-width: 767px) {
#eternal {padding: 50px 0;background: url("images/main-backL.svg") no-repeat -5% 10% / auto 200px;}
#eternal ul li {width: calc(100% / 1);}
#eternal ul li:nth-child(1) {margin: 0 0 10px;}
}

#cg {padding: 100px 0;background: url("images/pageCont-back.jpg") repeat;}
#cg ul {margin: 0 auto 30px;justify-content: space-between;align-items: center;}
#cg ul li {width: calc(95% / 2);position: relative;}
#cg ul li:nth-child(1)::after {content: "";width: 100px;height: 65px;position: absolute;top: 42%;right: -15%;z-index: 1;display: block;background: url("images/service/arrow.svg") no-repeat 0 0 / cover;}
#cg ul + p {text-align: center;}
@media only screen and (max-width: 767px) {
#cg {padding: 50px 0;}
#cg ul {margin: 0 auto 10px;}
#cg ul li:nth-child(1)::after {width: 50px;height: 32px;top: 35%;right: -18%;}
#cg ul + p {padding: 0 20px;text-align: left;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 取扱製品 */

#productNav {padding: 50px 0 30px;}
#productNav ul {text-align: center;justify-content: space-between;font-size: 1.6rem;line-height: 1;}
#productNav ul li {width: calc(95% / 3);margin: 0 0 20px;border: 1px solid #034059;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);}
#productNav ul li a {padding: 20px 0;position: relative;display: block;color: #034059;}
#productNav ul li a::after {content: "";width: 10px;height: 10px;position: absolute;right: 20px;top: 20px;display: block;border-bottom: 1px solid #034059;border-right: 1px solid #034059;transform: rotate(45deg);}
@media only screen and (max-width: 767px) {
#productNav ul {text-align: left;}
#productNav ul li {width: calc(95% / 2);font-size: 1.2rem;}
#productNav ul li a {padding: 15px 0 15px 10px;}
#productNav ul li a::after {width: 8px;height: 8px;right: 10px;top: 15px;}
}

#wa {padding: 100px 0 80px;background: url("images/main-backR.svg") no-repeat 110% 100% / auto 500px;}
#wa h3 {margin: 0 auto 40px;padding: 0 0 5px;border-bottom: 3px solid #034059;color: #034059;font-family: 'Noto Serif JP', serif;font-size: 2.4rem;font-weight: 600;}
#wa ul {justify-content: space-between;line-height: 0;}
#wa ul li {width: calc(97% / 2);}
@media only screen and (max-width: 767px) {
#wa {padding: 30px 0;background: url("images/main-backR.svg") no-repeat 110% 100% / auto 200px;}
#wa h3 {margin: 0 auto 20px;font-size: 2rem;}
#wa ul li {width: calc(100% / 1);margin: 0 0 15px;}
}

#design {padding: 50px 0 100px;}
#design h3 {margin: 0 auto 40px;padding: 0 0 5px;border-bottom: 3px solid #034059;color: #034059;font-family: 'Noto Serif JP', serif;font-size: 2.4rem;font-weight: 600;}
#design ul {justify-content: space-between;line-height: 0;}
#design ul li {width: calc(97% / 2);margin: 0 0 30px;}
@media only screen and (max-width: 767px) {
#design {padding: 30px 0 50px;}
#design h3 {margin: 0 auto 20px;font-size: 2rem;}
#design ul li {width: calc(100% / 1);margin: 0 0 15px;}
}

#picky {padding: 100px 0 50px;background: url("images/pageCont-back.jpg") repeat;}
#picky ul {margin: 0 auto 50px;justify-content: space-between;}
#picky ul:nth-of-type(1) li:nth-child(1) {width: 40%;}
#picky ul:nth-of-type(1) li:nth-child(2) {width: 55%;}
#picky ul:nth-of-type(2) li:nth-child(1) {width: 55%;}
#picky ul:nth-of-type(2) li:nth-child(2) {width: 40%;}
#picky ul:nth-of-type(3) li:nth-child(1) {width: 55%;}
#picky ul:nth-of-type(3) li:nth-child(2) {width: 40%;}
#picky ul:nth-of-type(4) li:nth-child(1) {width: 40%;}
#picky ul:nth-of-type(4) li:nth-child(2) {width: 55%;}
#picky ul:nth-of-type(5) li:nth-child(1) {width: 40%;}
#picky ul:nth-of-type(5) li:nth-child(2) {width: 55%;}
#picky ul:nth-of-type(6) li:nth-child(1) {width: 55%;}
#picky ul:nth-of-type(6) li:nth-child(2) {width: 40%;}
#picky ul:nth-of-type(7) li:nth-child(1) {width: 40%;}
#picky ul:nth-of-type(7) li:nth-child(2) {width: 55%;}
#picky ul:nth-of-type(8) li:nth-child(1) {width: 55%;}
#picky ul:nth-of-type(8) li:nth-child(2) {width: 40%;}
#picky ul:nth-of-type(9) li:nth-child(1) {width: 40%;}
#picky ul:nth-of-type(9) li:nth-child(2) {width: 55%;}
#picky ul:nth-of-type(10) li:nth-child(1) {width: 55%;}
#picky ul:nth-of-type(10) li:nth-child(2) {width: 40%;}
#picky ul li h3 {margin: 0 auto 20px;font-family: 'Noto Serif JP', serif;font-size: 2.4rem;font-weight: 600;}
#picky ul li figure {margin: 30px auto;}
#picky ul li figure.right img {margin: 0 0 0 auto;display: block;}
#picky ul li figure.left img {margin: 0 auto 0 0;display: block;}
#picky ul li p small {margin: 10px auto 0;display: block;}
@media only screen and (max-width: 767px) {
#picky {padding: 50px 0 30px;}
#picky ul li h3 {margin: 0 auto 10px;font-size: 2rem;}
#picky ul:nth-of-type(1), #picky ul:nth-of-type(4), #picky ul:nth-of-type(5), #picky ul:nth-of-type(6), #picky ul:nth-of-type(7), #picky ul:nth-of-type(9) {flex-direction: column-reverse;}
#picky ul:nth-of-type(1) li:nth-child(1) ,#picky ul:nth-of-type(1) li:nth-child(2) {width: 100%;}
#picky ul:nth-of-type(2) li:nth-child(1), #picky ul:nth-of-type(2) li:nth-child(2) {width: 100%;}
#picky ul:nth-of-type(3) li:nth-child(1), #picky ul:nth-of-type(3) li:nth-child(2) {width: 100%;}
#picky ul:nth-of-type(4) li:nth-child(1), #picky ul:nth-of-type(4) li:nth-child(2) {width: 100%;}
#picky ul:nth-of-type(5) li:nth-child(1), #picky ul:nth-of-type(5) li:nth-child(2) {width: 100%;}
#picky ul:nth-of-type(6) li:nth-child(1) {width: 100%;margin: 0 0 30px;}
#picky ul:nth-of-type(6) li:nth-child(2) {width: 100%;}
#picky ul:nth-of-type(7) li:nth-child(1), #picky ul:nth-of-type(7) li:nth-child(2) {width: 100%;}
#picky ul:nth-of-type(8) li:nth-child(1), #picky ul:nth-of-type(8) li:nth-child(2) {width: 100%;}
#picky ul:nth-of-type(9) li:nth-child(1), #picky ul:nth-of-type(9) li:nth-child(2){width: 100%;}
#picky ul:nth-of-type(10) li:nth-child(1), #picky ul:nth-of-type(10) li:nth-child(2) {width: 100%;}
#picky ul li figure {margin: 10px auto;}
}

#archiveList {padding: 100px 0;background: url("images/pageCont-back.jpg") repeat;}
#archiveList h3 {margin: 0 auto;text-align: center;font-family: 'Noto Serif JP', serif;font-size: 1.8rem;font-weight: 600;}
#archiveList ul {margin: 80px auto 0;line-height: 0;}
#archiveList ul li {width: calc(92% / 3);margin: 0 38px 40px 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);background: #fff;}
#archiveList ul li:nth-child(3n) {margin: 0 0 40px;}
#archiveList ul li figure figcaption {padding: 0 20px 20px;}
#archiveList ul li figure figcaption h4 {font-family: 'Noto Serif JP', serif;font-size: 2.6rem;font-weight: 600;line-height: 2;}
#archiveList ul li figure figcaption h4 small {display: block;font-size: 1.4rem;font-weight: 400;}
@media only screen and (max-width: 767px) {
#archiveList {padding: 50px 0;}
#archiveList h3 {padding: 0 20px;font-size: 1.6rem;}
#archiveList ul {margin: 50px auto 0;}
#archiveList ul li {width: calc(95% / 2);margin: 0 15px 20px 0;}
#archiveList ul li:nth-child(3n) {margin: 0 15px 20px 0;}
#archiveList ul li:nth-child(even) {margin: 0 0 20px;}
#archiveList ul li figure figcaption {padding: 0 10px 10px;}
#archiveList ul li figure figcaption h4 {font-size: 1.4rem;}
#archiveList ul li figure figcaption h4 small {font-size: 1.1rem;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 施工実績 */

#worksNav {padding: 50px 0 30px;}
#worksNav ul {text-align: center;justify-content: space-between;font-size: 1.6rem;line-height: 1;}
#worksNav ul li {width: calc(94% / 3);margin: 0 0 20px;border: 1px solid #034059;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);}
#worksNav ul li a {padding: 20px 0;position: relative;display: block;color: #034059;}
#worksNav ul li a::after {content: "";width: 10px;height: 10px;position: absolute;right: 20px;top: 20px;display: block;border-bottom: 1px solid #034059;border-right: 1px solid #034059;transform: rotate(45deg);}
@media only screen and (max-width: 767px) {
#worksNav ul {text-align: left;}
#worksNav ul li {width: calc(95% / 2);font-size: 1.2rem;}
#worksNav ul li a {padding: 15px 0 15px 10px;}
#worksNav ul li a::after {width: 8px;height: 8px;right: 10px;top: 15px;}
}

#worksList {padding: 100px 0 80px;background: url("images/main-backR.svg") no-repeat 110% 0 / auto 500px;}
#worksList ul {}
#worksList ul li {width: calc(92% / 4);margin: 0 28px 30px 0;}
#worksList ul li:nth-child(4n) {margin: 0 0 30px;}
#worksList ul li figure {line-height: 0;}
#worksList ul li figure figcaption {margin: 15px auto 0;line-height: 1.5;}
@media only screen and (max-width: 767px) {
#worksList {padding: 50px 0 30px;background: url("images/main-backR.svg") no-repeat 110% 0 / auto 200px;}
#worksList ul li {width: calc(95% / 2);margin: 0 16px 30px 0;}
#worksList ul li:nth-child(4n) {margin: 0 16px 30px 0;}
#worksList ul li:nth-child(even) {margin: 0 0 30px 0;}
#worksList ul li figure figcaption {font-size: 1.3rem;}
}

#voice {padding: 100px 0 80px;background: url("images/pageCont-back.jpg") repeat;}
#voice ul {}
#voice ul li {width: calc(94% / 3);margin: 0 30px 30px 0;}
#voice ul li:nth-child(3n) {margin: 0 0 30px;}
#voice ul li a {position: relative;display: block;}
#voice ul li a::after {content: "";width: 52px;height: 52px;position: absolute;right: 0;bottom: 0;display: block;background: url("images/works/i-zoom.svg") no-repeat 0 0 / cover;transition: all 0.5s;}
#voice ul li a:hover::after {width: 70px;height: 70px;}
#voice ul li a img {width: 100%;height: 500px;object-fit: cover;object-position: top;}
@media only screen and (max-width: 767px) {
#voice {padding: 50px 0 30px;}
#voice ul li {width: calc(95% / 2);margin: 0 16px 30px 0;}
#voice ul li:nth-child(3n) {margin: 0 16px 30px 0;}
#voice ul li:nth-child(even) {margin: 0 0 30px 0;}
#voice ul li a::after {width: 30px;height: 30px;}
#voice ul li a:hover::after {width: 50px;height: 50px;}
#voice ul li a img {height: 230px;}
}

#faq {padding: 100px 0;background: url("images/main-backL.svg") no-repeat -5% 0% / auto 500px;}
#faq dl dt {margin: 0 0 20px;padding: 15px 20px 15px 60px;position: relative;display: block;background: #034059;color: #fff;cursor: pointer;font-family: 'Noto Serif JP', serif;font-size: 2rem;font-weight: 400;}
#faq dl dt::before {content: "Q";position: absolute;top: 0;left: 25px;display: block;color: #fff;font-size: 3rem;}
#faq dl dt::after {content: "＋";position: absolute;top: 15px;right: 25px;display: block;color: #fff;font-size: 2rem;}
#faq dl dt.active::after {content: "－";}
#faq dl dd {margin: -20px 0 30px;padding: 15px 20px 15px 60px;position: relative;display: none;background: rgba(7,65,91,0.1);}
#faq dl dd::before {content: "A";position: absolute;top: 0;left: 25px;display: block;color: #034059;font-family: 'Noto Serif JP', serif;font-size: 3rem;}
@media only screen and (max-width: 767px) {
#faq {padding: 30px 0 50px;background: url("images/main-backL.svg") no-repeat -5% 0% / auto 200px;}
#faq dl dt {padding: 10px 30px 10px 40px;font-size: 1.6rem;line-height: 1.5;}
#faq dl dt::before {top: 5px;left: 15px;font-size: 2rem;}
#faq dl dt::after {top: 5px;right: 10px;font-size: 1.8rem;}
#faq dl dd {padding: 10px 10px 10px 40px;font-size: 1.4rem;}
#faq dl dd::before {top: 5px;left: 15px;font-size: 2rem;}
}

.modal {width: 100%;height: 100vh;position: fixed;top: 0;z-index: 50;display: none;}
.modal__bg {width: 100%;height: 100vh;position: absolute;background: rgba(7,65,91,0.8);}
.modal__content {width: 80vw;height: auto;max-width: 650px;max-height: 800px;padding: 10px;position: absolute;left: 50%;top: 50%;z-index: 51;transform: translate(-50%,-50%);background: #fff;}
.modal__content section {width: 100%;height: 100%;position: relative;overflow: auto;}
.modal__content section figure img {width: 100%;max-height: 700px;object-fit: contain;}
.modal__content section figure figcaption {padding: 0 8%;}
.modal__content .modalClose {width: 50px;height: 50px;position: absolute;top: -20px;right: -20px;z-index: 502;display: block;background: #034059;border: 1px solid #fff;border-radius: 50%;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.modal__content .modalClose::before {content: "";width: 30px;height: 2px;position: absolute;top: 22px;left: 9px;background: #fff;transform: rotate(45deg);}
.modal__content .modalClose::after {content: "";width: 30px;height: 2px;position: absolute;top: 22px;left: 9px;background: #fff;transform: rotate(-45deg);}
.modal__content .modalClose:hover {background-position: bottom center;}
@media only screen and (max-width: 767px) {
.modal__content {width: 85vw;max-width: auto;max-height: auto;}
.modal__content .modalClose {width: 40px;height: 40px;}
.modal__content .modalClose::before {width: 20px;top: 18px;left: 9px;}
.modal__content .modalClose::after {width: 20px;top: 18px;left: 9px;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- お問い合わせ */

#contactHead {padding: 100px 0 50px;text-align: center;}
#contactHead h3 {margin: 0 auto 30px;font-size: 1.8rem;font-weight: 400;}
#contactHead ul#contactBox {position: relative;justify-content: center;align-items: center;background: #034059;color: #fff;}
#contactHead ul#contactBox::before {content: "";width: 98%;height: 90%;position: absolute;top: 50%;left: 50%;margin-right: -50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;border: 1px solid #fff;}
#contactHead ul#contactBox li:nth-child(1) {width: 100%;padding: 20px 0 10px;font-size: 1.8rem;font-weight: 400;}
#contactHead ul#contactBox li:nth-child(2) {width: auto;margin: 0 15px;padding: 0 0 20px;font-size: 3.2rem;font-weight: 400;line-height: 0;}
#contactHead ul#contactBox li:nth-child(3) {width: auto;margin: 0 15px;padding: 0 0 20px;text-align: left;line-height: 1.5;}
@media only screen and (max-width: 767px) {
#contactHead {padding: 50px 0 30px;}
#contactHead h3 {margin: 0 auto 20px;font-size: 1.4rem;}
#contactHead ul#contactBox::before {width: 95%;}
#contactHead ul#contactBox li:nth-child(2) {width: 100%;margin: 0;padding: 0 0 10px;text-align: center;}
#contactHead ul#contactBox li:nth-child(3) {width: 100%;margin: 0;text-align: center;}
}

#formArea {padding: 50px 0 100px;}
#formArea h3 {margin: 80px auto 30px;text-align: center;color: #034059;font-family: 'Noto Serif JP', serif;font-size: 2.4rem;font-weight: 400;}
#formArea h3 + p {margin: 0 auto 30px;text-align: center;}
#formArea #contactNav ul {margin: 0 auto 40px;justify-content: space-between;text-align: center;line-height: 1;font-family: 'Noto Serif JP', serif;font-size: 2.4rem;font-weight: 400;}
#formArea #contactNav ul li {width: calc(95% / 3);padding: 0 0 10px;border-bottom: 5px solid rgba(0,0,0,0.2);color: rgba(0,0,0,0.2);}
#formArea #contactNav ul li.active {border-bottom: 5px solid #034059;color: #034059;}
#formArea dl {justify-content: space-between;}
#formArea dl dt {width: 30%;margin: 0 0 0 auto;padding: 20px 0;position: relative;border-bottom: 1px solid #ccc;}
#formArea dl dt span {margin: 0 20px 0 auto;padding: 12px 10px;position: absolute;right: 0;display: inline-block;background: #c12d1c;color: #fff;line-height: 0;}
#formArea dl dd {width: 70%;padding: 20px 0;border-bottom: 1px solid #ccc;}
#formArea dl dd input[type="radio"] , #formArea dl dd input[type="checkbox"] {transform: scale(1.5);}
#formArea dl dd input[type="text"], .mw_wp_form dl dd input[type="email"] {width: 100%;padding: 10px;background: #f8f8f8;border: 1px solid #ccc;}
#formArea dl dd p#zip input[type="text"] {width: 20%;margin: 0 0 10px;}
#formArea dl dd ::placeholder {color: #ccc;font-family: "Noto Sans JP", sans-serif;font-size: 1.5rem;}
#formArea dl dd textarea {width: 100%;height: 200px;padding: 10px;background: #f8f8f8;border: 1px solid #ccc;}
#formArea dl + p {margin: 30px auto 20px;text-align: center;}
#formArea dl + p a {color: #6eb9db;text-decoration: underline;}
#formArea #btnArea {text-align: center;}
#formArea #btnArea p#submitBtn {margin: auto 10px;position: relative;display: inline-block;text-align: center;background: rgb(68,147,126);background: linear-gradient(90deg, rgba(68,147,126,1) 0%, rgba(14,41,68,1) 100%);box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);color: #fff;line-height: 0;}
#formArea #btnArea p#submitBtn::after {content: "";width: 20px;height: 9px;position: absolute;right: 20px;top: 28px;display: block;z-index: 1;background: url("images/arrow-w.svg") no-repeat 0 0 / cover;}
#formArea #btnArea p#submitBtn input[type="submit"] {padding: 20px 100px 20px 70px;display: block;color: #fff;font-size: 1.6rem;font-weight: 600;letter-spacing: 0.1em;}
#formArea #btnArea .backBtn {margin: auto 10px;padding: 30px 60px 30px 90px;position: relative;display: inline-block;text-align: center;background: rgb(68,147,126);background: #fff;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2);border: 1px solid #034059;color: #034059;font-size: 1.6rem;font-weight: 600;letter-spacing: 0.1em;line-height: 0;}
#formArea #btnArea .backBtn::after {content: "";width: 20px;height: 9px;position: absolute;left: 20px;top: 28px;display: block;z-index: 1;background: url("images/arrow-b.svg") no-repeat 0 0 / cover;transform: rotate(-180deg);}
.mw_wp_form .error {color: #c12d1c;}
.mw_wp_form dl dd.errorB input[type="text"], .mw_wp_form dl dd.errorB input[type="email"], .mw_wp_form dl dd.errorB textarea {border: 2px solid #c12d1c;}
.mw_wp_form dl dd.errorB p#zip {display: inline-block;}
.mw_wp_form .horizontal-item + .horizontal-item {margin-left: 0;}
@media only screen and (max-width: 767px) {
#formArea {padding: 30px 0 50px;}
#formArea h3 {margin: 50px auto 20px;font-size: 1.8rem;}
#formArea #contactNav ul {margin: 0 auto 20px;font-size: 1.8rem;}
#formArea dl dt {width: 100%;margin: 0;padding: 20px 0 5px;border-bottom: 0 none;}
#formArea dl dt span {margin: 0 0 0 10px;position: relative;left: 0;}
#formArea dl dd {width: 100%;padding: 0 0 20px;border-bottom: 1px solid #ccc;}
#formArea dl dd	label {display: block;}
#formArea dl dd	label input[type="radio"] {margin: 0 10px 0 0;}
#formArea dl dd p#zip input[type="text"] {width: 30%;}
#formArea #btnArea p#submitBtn {max-width: auto;}
#formArea #btnArea p#submitBtn input[type="submit"] {padding: 20px 60px 20px 40px;font-size: 1.4rem;}
#formArea #btnArea .backBtn {max-width: auto;padding: 30px 40px 30px 60px;font-size: 1.4rem;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- プライバシーポリシー */

#policy {padding: 100px 0;}
#policy h3 {margin: 40px auto 10px;color: #034059;font-size: 2rem;font-weight: 600;}
#policy p:last-of-type {margin: 50px 0 0;}
@media only screen and (max-width: 767px) {
#policy {padding: 50px 0;}
#policy h3 {margin: 30px auto 10px;font-size: 1.6rem;}
#policy p:last-of-type {margin: 30px 0 0;}
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */






/****ここから検索関連追記****/


.subpage_sec {
    padding: 80px 0;
}
.wrapper {
    max-width: 1080px;
    margin: 0 auto;
}


.subpage_sec h2 {
    text-align: left;
    margin-bottom: 0;
}

.subpage_sec h2::after {
    display: none;
}

br.sp {
  display: none;
}


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

  br.pc {
    display: none;
  }
  br.sp {
    display: block;
  }
    .subpage_sec {
        padding: 30px 0;
    }
    .wrapper {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
}

/*個別ページ*/

/*トップ*/

.cemetery_single_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.cemetery_images {
    width: calc(50% - 50px);
    background-color: #eee;
    padding: 10px;
}

.top_images_slide figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75.5%;
}

.top_images_slide figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

.sub_images_slide {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.sub_images_slide li {
    width: calc(100% / 5 - 20px / 5);
    margin-bottom: 5px;
}

.sub_images_slide li:not(:nth-of-type(5n)) {
    margin-right: 5px;
}

.sub_images_slide figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border: 1px solid #034059;
}

.sub_images_slide figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}


.cemetery_content {
    width: 50%;
    margin-bottom: 40px;
}
.cemetery_content .name_box {
    padding-left: 10px;
    border-left: 5px solid #034059;
    padding-bottom: 4px;
    margin-bottom: 20px;
}
.cemetery_content .cemetery_title {
    text-align: left;
    margin: 0;
}

.cemetery_content .cemetery_title::after {
    display: none;
}

.cemetery_content .ex_box {
    margin-bottom: 10px;
}

.cemetery_content .data_box dl {
    display: flex;
    border-bottom: 1px solid #ccc;
}

.cemetery_content .data_box dl:first-of-type {
    border-top: 1px solid #ccc;
}

.cemetery_content .data_box dl dt {
    width: 150px;
}

.cemetery_content .data_box dl dd {
    flex: 1;
}


.request_link_btn {
    text-align: center;
}


.request_link_btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    font-size: 2rem;
    background-color: #034059;
    color: white;
    max-width: 400px;
    margin: 0 auto;
}

.request_link_btn button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    font-size: 2rem;
    background-color: #eee;
    max-width: 400px;
    width: 100%;
    margin: 0 auto 20px;
}

.request_link_btn button.already {
    opacity: 0.5;
}

.cemetery_content .request_link_btn {
    margin-top: 30px;
}


@media screen and (max-width: 896px) {
    .cemetery_single_top {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .cemetery_images {
        width: 100%;
        background-color: #eee;
        padding: 10px;
        margin-bottom: 20px;
    }
    .cemetery_content {
        width: 100%;
        margin-bottom: 40px;
    }
}

/*中央*/
.cemetery_single_middle {

    margin-bottom: 50px;
}



.cemetery_single_middle dl dt {
    color: #034059;
    font-size: 2.4rem;
    font-weight: bold;
    border-bottom: 1px solid #034059;
}


.cemetery_single_middle h3 {
    margin-top: 10px;
}

@media screen and (max-width: 896px) {
    .cemetery_single_middle {

        margin-bottom: 40px;
    }
    

    
}


/***おすすめポイント***/
.cemetery_single_points {
  margin-bottom: 50px;
}

.cemetery_single_points h2 {
  margin-bottom: 10px;
}


.recommend_points li {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #034059;
}


.recommend_points li .num {
  width: 30px;
  height: 30px;
  background-color: #034059;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: white;
  margin-right: 20px;
}

.recommend_points li .title {
  flex: 1;
}

/*下*/
.cemetery_single_bottom h2 {
    margin-bottom: 20px;
}

.cemetery_price_list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 10px;
}

.cemetery_price_list > dl {
  width: calc(100% / 4 - 30px / 4);
  text-align: center;
  display: flex;
  flex-direction: column;


  
}

.cemetery_price_list > dl dt {
  padding: 5px;
  background-color: #034059;
  color: white;
}

.cemetery_price_list > dl dd {
  border: 1px solid #034059;
  padding: 10px 5px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cemetery_price_list > dl dd p {
  line-height: 1.2;
}
.cemetery_price_list > dl dd em {
  font-size: 1.4em;
}


.cemetery_price_list > dl dd small {
  font-size: 0.8em;
}


.cemetery_price_list > dl dd span {
  color: red;
  font-size: 1.4em;
}

.cemetery_price_box .memo {
    font-size: 1.4rem;
}

.cemetery_single_bottom .request_link_btn {
    margin-top: 30px;
}

@media screen and (max-width: 896px) {
  .cemetery_price_list {
    flex-wrap: wrap;
  }
  .cemetery_price_list > dl {
    width: calc(100% / 2 - 10px / 2);
    text-align: center;
    display: flex;
    flex-direction: column;

  
    
  }

  .cemetery_price_list > dl:nth-of-type(n + 3) {
    margin-top: 20px;
  }

}



/***地図***/
.cemetery_single_map {
  margin-top: 50px;
}

.cemetery_single_map .gmap {
  position: relative;
}

.cemetery_single_map .gmap iframe {
  width: 100%;
  height: 400px;
}


@media screen and (max-width: 896px) {
  .cemetery_single_map .gmap iframe {
    width: 100%;
    height: 350px;
  }

}


/***サービス***/
.cemetery_single_service {
  margin-top: 50px;
}

.cemetery_single_service .list {
  display: flex;
  flex-wrap: wrap;
}

.cemetery_single_service li {
  width: 120px;
  margin-bottom: 20px;
  margin-right: 20px;
  text-align: center;
  background-color: #eee;
  padding: 10px;
}

.cemetery_single_service li.off {
  opacity: 0.3;
}

.cemetery_single_service li .image {
  max-width: 60px;
  margin: 0 auto 10px;
}

.cemetery_single_service li figure {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.cemetery_single_service li figure img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  object-position: center;
}

.cemetery_single_service li .name {
  font-size: 14px;
}

.cemetery_single_service li.on .name {
  font-weight: 600;
  color: #034059;
}


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

  .cemetery_single_service li {
    width: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    background-color: #eee;
    padding: 10px;
  }
  .cemetery_single_service li .image {
    max-width: 40px;
    margin: 0 auto 10px;
  }
  .cemetery_single_service li .name {
    font-size: 13px;
  }
  

}
/***TOP***/
.top_cemetery_sec {
    padding-top: 60px;
}
.search_tab{

    margin: 0 auto;
  }
  
  .tab-list{
    display: flex;
  }
  
  .tab-list-item{
    width: 50%;
    text-align: center;
    padding: 8px 0;
    cursor: pointer;
    border: 2px solid #ccc;
    border-bottom: none;
    background-color: #eee;
    font-size: 1.6rem;

  }
  .tab-contents-wrap {
    border: 1px solid #ccc;
    border-top: none;
    background: url(./images/new/white_00080.png) center / cover no-repeat;

  }
  .tab-contents{
    display: none;
  }
  
  .is-btn-active{
    background-color: white;
    font-weight: bold;

  }
  
  .is-contents-active{
    display: block;
  }





  .top_area_column {
    display: flex;

  }
  .search_tab .area_box {
    display: flex;
    flex: 1;
  }

  .area_text_list {
    width: 40%;
    padding: 20px;
  }

    .area_text_list h3 {
      font-size: 2.2rem;
      margin-bottom: 20px;
    }

  .area_text_list li:not(:last-of-type) {
    margin-bottom: 20px;
  }

  .area_text_list a {
    display: block;
    width: 100%;
    max-width: 230px;
    text-align: center;
    padding: 8px 10px;
    font-size: 2rem;
    background-color: #034059;
    color: white;
    box-shadow: 7px 7px 0px #ccc;
  }


 

  .search_tab .area_list,
  .search_tab .area_map {
    width: 50%;
  }

  

  .search_tab .area_list {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
  }

  .search_tab .area_list > li:not(:last-of-type) {
    margin-bottom: 30px;
    margin-right: 10px;
  }

  .search_tab .area_list .area_name {
    font-size: 2.4rem;
    color: #034059;
    padding-left: 20px;
    position: relative;
    line-height: 1.5;
  }

  .search_tab .area_list .area_name::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #c12d1c;
    border-right: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .search_tab .area_list .area_ex {
    line-height: 1.6;
  }

  .search_tab .area_map {
    position: relative;
  }

  .search_tab .area_map figure {
    line-height: 1;
  }

  .area_map .area_link {
    position: absolute;
    top: 0;
    left: 0;
  }


  /*大阪市*/
  .area_map .area_link.area_9 {
    top: 48%;
    left: 51%;
  }

  /*大阪北部*/
  .area_map .area_link.area_10 {
    top: 37%;
    left: 53.5%;
  }
  /*大阪東部*/
  .area_map .area_link.area_11 {
    top: 44%;
    left: 54%;
  }

    /*大阪南部*/
  .area_map .area_link.area_12 {
    top: 58%;
    left: 46%;
  }

  /*堺市*/
  .area_map .area_link.area_13 {
    top: 52%;
    left: 50%;
  }


  /*奈良*/
  .area_map .area_link.area_14 {
    top: 68%;
    left: 57%;
  }

  /*兵庫*/
  .area_map .area_link.area_15 {
    top: 29%;
    left: 32%;
  }

  /*京都*/
  .area_map .area_link.area_16 {
    top: 23%;
    left: 49%;
  }

      /*和歌山*/
  .area_map .area_link.area_17 {
    top: 75%;
    left: 44%;
  }


  .area_map .area_link p {
    font-size: 1.8rem;
    font-weight: bold;
    color: white;
    padding-left: 24px;
    line-height: 1;
  }


  .area_map .area_link p::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #C12D1C;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }


  @media screen and (min-width: 897px) {
    .search_tab .area_list {
      display: none;
    }
    .search_tab .area_map {
      width: 100%;
    }
  }
  @media screen and (max-width: 896px) {

    .search_tab .area_box {
      flex-direction: column;
    }
  
   
  
    .search_tab .area_list,
    .search_tab .area_map {
      width: 100%;
    }

    .search_tab .area_map {
      display: none;
    }
    .area_text_list {
      display: none;
    }

    .search_tab .area_list > li:not(:last-of-type) {
      margin-bottom: 20px;
    }
  
  }
  /***検索ボックス***/
  .subpage_sec .serch_box {

    margin-bottom: 40px;
  }
  .serch_box form {
    background-color: rgba(255, 255, 255, 0.7);
    padding:20px 20px;
  }
  .subpage_sec .serch_box form {

    background-color: #eee;
  }

  .serch_box form > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .serch_box form > ul > li:not(:last-of-type) {
    width: calc(100% / 3 - 40px / 3);
  }

  .serch_box form > ul > li:last-of-type {
    width: 100%;
    text-align: center;
  }

  .serch_box form > ul > li:nth-last-of-type(2) {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  

  .serch_box form > ul ul > li {
    line-height: 1;
  }

 
  .serch_box form h4 {
    border-bottom: 1px solid #ccc;
    font-size: 2rem;
  }

  .serch_box form > ul > li:nth-last-of-type(2) label {
    width: 100%;
    margin-top: 10px;
  }
  .serch_box form > ul > li:nth-last-of-type(2) input {
    width: 100%;
    padding: 10px;
    font-size: 18px;
  }


  .serch_box form > ul > li:last-of-type input[type="submit"] {
    background-color: #034059;
    font-size: 1.6rem;
    padding: 10px 20px;
    color: white;
    margin-top: 30px;
  }

  .hit_num {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }

  .hit_num span {
    font-weight: bold;
    font-size: 2em;
    color: #034059;
  }
  @media screen and (max-width: 896px) {

    .serch_box form > ul {
        flex-direction: column;
      }
      .serch_box form > ul > li:not(:last-of-type) {
        width: 100%;
      }

      .serch_box form > ul > li ul {
        display: flex;
        flex-wrap: wrap;
      }

      .serch_box form > ul > li ul > li:not(:last-of-type) {
        margin-right: 20px;
      }
    
}

  /***一覧***/
  .result_list > li:not(:last-of-type) {
    margin-bottom: 40px;
  }
  .result_list .area_name {
    background-color: #034059;
    display: inline-block;
    padding: 2px 10px;
    color: white;
    border-radius: 3px 3px 0 0;
  }
  .result_box {
    background-color: white;
    border: 1px solid #034059;
    padding: 30px;
  }

  .result_box .two_column {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    
  }

  .result_box .text_content {
    width: 50%;
  }
  .result_box .image_content {
    width: calc(50% - 30px);
  }

  .result_box .text_content h2 {
    border-left: 5px solid #034059;
    padding: 2px 0;
    padding-left: 5px;
    margin-bottom: 5px;
  }

  .result_box .text_content .list_data {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
  }


  .result_box .text_content .list_data dl {
    margin-bottom: 10px;
  }

  .result_box .text_content .list_data dl dt {
    font-weight: bold;
  }


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


    
      .result_box .two_column {
        flex-direction: column;
        
      }
    
      .result_box .text_content {
        width: 100%;
        margin-bottom: 20px;
      }
      .result_box .image_content {
        width: 100%;
      }
}

/***ライン***/

/***LINEアイコン***/
.line_link {
    position: fixed;
    bottom: 15%;
    right: 25px;
    width: 180px;
    display: flex;
    z-index: 1000;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    text-align: center;
}

.line_link img {
    width: 100%;
}

.line_link span {
    color: #000;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    margin-top: 5px;
    font-weight: bold;

}

.line_link span br {
    display: none;
}

@media screen and (max-width: 750px){
    .line_link {
        bottom: 2%;
        right: inherit;
        left: 5px;
        width: 120px;
        z-index: 1000;
    }

    .line_link span {
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5), -1px 1px 2px rgba(255, 255, 255, 0.5), 1px -1px 2px rgba(255, 255, 255, 0.5), -1px -1px 2px rgba(255, 255, 255, 0.5);
        font-weight: bold;
        font-size: 10px;
        margin-top: 5px;
        line-height: 1.1;
    }


.line_link span br {
    display: block;
}
    
}




/***地震対策***/
/*トップ*/
.counter_top_sec {
  padding-top: 70px;
}

.counter_top_sec .message {
  background: url(images/new/h3-back.png) center / cover no-repeat;
  padding: 50px;
  text-align: center;
}

.counter_top_sec .message p {
  font-size: 1.8rem;
}
@media screen and (max-width: 896px) {
  .counter_top_sec {
    padding-top: 40px;
  }
  .counter_top_sec .message {
    padding: 30px 20px;
    text-align: left;
  }



}

/*about*/

.counter_about_sec {
  padding: 100px 0;
  position: relative;
  background: url(images/new/deco_1.png) center left / 20% no-repeat;
}

.counter_about_sec::before {
  content: '';
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(images/new/productImage.png) center right / 20% no-repeat;
}

.counter_about_sec .text {
  text-align: center;
  margin-bottom: 50px;
}

.counter_about_sec .text p {
  font-size: 2rem;
  line-height: 1.6;
}

.counter_about_sec .text p span {
  color: #C12D1C;
}

.counter_about_sec .ex_list {
  display: flex;
  justify-content: space-between;
}

.counter_about_sec .ex_list .box {
  width: calc(100% / 2 - 40px / 2);
  border: 1px solid #034059;
  position: relative;
  padding: 55px 30px 50px;
  background-color: white;
}

.counter_about_sec .ex_list .box .num {
  position: absolute;
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, #034059 0%, #034059 50%, transparent 50%);
  color: white;
  top: 0;
  left: 0;
  font-size: 2.2rem;
  padding: 13px;
  font-weight: bold;
  line-height: 1;
}

.counter_about_sec .ex_list .box h3 {
  text-align: center;
  color: #034059;
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 25px;
}

.counter_about_sec .ex_list .box .two_column {
  display: flex;
  justify-content: space-between;
}


.counter_about_sec .ex_list .box .two_column .image {
  width: 42%;
}

.counter_about_sec .ex_list .box .two_column .ex {
  width: 52%;
}


.counter_about_sec .ex_list .box .two_column .ex p {
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 896px) {
  .counter_about_sec {
    padding: 50px 0;

  }
  .counter_about_sec::before {
    display: none;
  }
  .counter_about_sec .text {
    text-align: left;
    margin-bottom: 30px;
  }

  .counter_about_sec .ex_list {
   flex-direction: column;
  }
  
  .counter_about_sec .ex_list .box {
    width: 100%;
    padding: 55px 20px 50px;
  }

    
  .counter_about_sec .ex_list .box:nth-of-type(1) {
    margin-bottom: 20px;
  }
  .counter_about_sec .ex_list .box .two_column {
    flex-direction: column;
  }
  
  
  .counter_about_sec .ex_list .box .two_column .image {
    width: 70%;
    margin: 0 auto 20px;
    max-width: 400px;
  }
  
  .counter_about_sec .ex_list .box .two_column .ex {
    width: 100%;
  }

}

/*施工*/
.counter_const_sec {
  padding: 100px 0;
  background: url(images/new/pageCont-back.png) center / cover no-repeat;
}

.counter_const_sec .wrapper {
  max-width: 800px;
}

.counter_const_sec .ex_list {
  display: flex;
  justify-content: space-around;
  margin-bottom: 30px;

}

.counter_const_sec .ex_list .box {
  width: 44%;
  text-align: center;
}

.counter_const_sec .ex_list .box figure {
  margin-bottom: 15px;
}

.counter_const_sec .ex_list .box  h3 {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #394049;
}

.counter_const_sec .ex_list .box p {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #394049;
}


.counter_const_sec .ex_box {
  display: flex;
  justify-content: space-between;
  background-color: white;
  padding: 25px 50px;
}


.counter_const_sec .ex_box dl {
  width: 45%;
}

.counter_const_sec .ex_box .image {
  width: 50%;
  text-align: center;
}

.counter_const_sec .ex_box dl dt {
  display: inline-block;
  background-color: #394049;
  color: white;
  font-size: 1.6rem;
  padding: 3px 10px;
  line-height: 1;
  margin-bottom: 10px;

}

.counter_const_sec .ex_box dl dd {
  font-size: 1.6rem;
  line-height: 1.6;
}

.counter_const_sec .ex_box .image p {
  font-size: 1.4rem;
}
@media screen and (max-width: 896px) {
  .counter_const_sec {
    padding: 50px 0;
  }

  .counter_const_sec .ex_list {
    flex-direction: column;
    margin-bottom: 30px;
  
  }
  
  .counter_const_sec .ex_list .box {
    width: 100%;
    text-align: center;
  }

  .counter_const_sec .ex_list .box:nth-of-type(1) {
    margin-bottom: 30px;
  }

  .counter_const_sec .ex_box {
    flex-direction: column;
  }
  
  
  .counter_const_sec .ex_box dl {
    width: 100%;
    margin-bottom: 20px;
  }
  
  .counter_const_sec .ex_box .image {
    width: 70%;
    max-width: 400px;
    margin: 0 auto;
  }
  
  

}
/*特許*/

.counter_patent_sec {
  padding: 100px 0;
  background: url(images/new/tokyo_back.png) center right / contain no-repeat;
}


.counter_patent_sec h2 {
  line-height: 1.6;
}

.counter_patent_sec h2::after {
  top: calc(100% + 30px);
}

.counter_patent_sec .patent_list {
  display: flex;
  justify-content: space-between;
  max-width: 800px;
  margin: 0 auto;
}

.counter_patent_sec .patent_list .box {
  text-align: center;
  width: calc(50% - 40px / 2);
}

.counter_patent_sec .patent_list .box figure {
  max-width: 200px;
  margin: 0 auto 20px;
}
.counter_patent_sec .patent_list .box p {
  line-height: 1;
}
@media screen and (max-width: 896px) {
  .counter_patent_sec {
    padding: 50px 0;
  }
  

}
/*実験*/
.counter_labo_sec {
  padding: 100px 0;
  background: url(images/new/pageCont-back.png) center / cover no-repeat;
}

.counter_labo_sec .wrapper {
  max-width: 900px;
}

.counter_labo_sec h3 {
  line-height: 1.6;
  margin-bottom: 15px;
  font-size: 2rem;
  text-align: center;
}

.counter_labo_sec h3 span {
  color: #C12D1C;
}

.counter_labo_sec .ex {
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.6;
}

.counter_labo_sec .youtube figure {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 56%;
}

.counter_labo_sec .youtube figure iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 896px) {
  .counter_labo_sec {
    padding: 50px 0;
  }
  
  .counter_labo_sec .ex {
    text-align: left;
  }

}

/***バナー***/
.banner_sec {
  padding-bottom: 60px;
  text-align: center;
}