@charset "utf-8";html, body {width: 100%; }#wrapper {position: relative;min-height: 100vh;overflow: hidden;background: url(../images/common/main_bg.jpg) repeat center center; }.btn {margin-top: 50px;text-align: center; }@media screen and (max-width: 768px) {.btn {margin-top: 30px; } }.btn a {display: inline-flex;position: relative;margin: 0 auto;padding: 0 30px;min-width: 334px;height: 70px;border: 1px solid #b40a14;background: none transparent;color: #b40a14;font-weight: 400;font-size: 17px;line-height: 1.2;letter-spacing: 0.08em;text-align: center;box-sizing: border-box;align-items: center;justify-content: center; }.btn a:hover {text-decoration: none; }.btn a + a {margin-left: 50px; }.btn a:after {content: "";display: inline-block;position: absolute;right: 25px;top: 50%;z-index: 1;border-right: 2px solid #b40a14;border-top: 2px solid #b40a14;margin-top: -4px;width: 10px;height: 10px;transform: rotate(45deg); }.btn a.back:after {right: auto;left: 25px;transform: rotate(-135deg); }@media screen and (max-width: 768px) {.btn a {display: flex;padding: 15px 20px;min-width: 0;max-width: 80%;height: auto;font-size: 15px; }.btn a:after {right: 15px;margin-top: -3px;width: 8px;height: 8px; }.btn a.back:after {right: auto;left: 15px; }.btn a + a {margin: 20px auto 0; } }a:hover > img, .btn > *:hover {-webkit-font-smoothing: antialiased;text-decoration: none;opacity: 0.6; }html.ios a:hover > img, html.ios .btn > *:hover {opacity: 1; }[class^="grid_"].clearFix {float: none;margin-left: auto;margin-right: auto; }[class^="inner"] {max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px; }[class^="inner"] [class^="inner"] {padding-left: 0;padding-right: 0; }.innerL {width: 1054px; }.innerM {width: 930px; }.innerS {width: 880px; }.clearFix {display: block; }.clearFix:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }#header {z-index: 100;padding: 20px 0;width: 100%; }@media screen and (max-width: 768px) {#header {padding: 0; } }#header [class^="inner"] {-js-display: flex;display: flex;flex-wrap: wrap;flex-wrap: nowrap;align-items: center;justify-content: space-between; }@media screen and (max-width: 768px) {#header [class^="inner"] {display: block;padding: 0;display: block; }#header [class^="inner"]:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; } }#header [class^="inner"] h1 {text-align: center; }@media screen and (max-width: 768px) {#header [class^="inner"] h1 {float: left;padding-top: 8px;padding-left: 10px; } }#header [class^="inner"] h1 a {display: block; }#header [class^="inner"] #spMenu {display: none; }@media screen and (max-width: 768px) {#header [class^="inner"] #spMenu {float: right;display: block;width: 60px;height: 60px;padding-top: 17px;background-color: #fff;overflow: hidden; }#header [class^="inner"] #spMenu:hover {text-decoration: none;/*&:after {					content: "MENU";					display: block;					width: 100%;					margin-top: 6px;					color: $black02;;					font-size: 10px;					text-align: center;					line-height: 1;				}*/ }#header [class^="inner"] #spMenu span {position: relative;display: block;width: 30px;height: 3px;margin: 0 auto; }#header [class^="inner"] #spMenu span + span {margin-top: 9px; }#header [class^="inner"] #spMenu span:before, #header [class^="inner"] #spMenu span:after {content: "";position: absolute;top: 0;display: block;width: 50%;height: 3px;background-color: #b40a14; }#header [class^="inner"] #spMenu span:before {left: 0;border-radius: 2px 0 0 2px; }#header [class^="inner"] #spMenu span:after {right: 0;border-radius: 0 2px 2px 0; }#header [class^="inner"] #spMenu.open span.top:before {left: 2px;top: 6px;transform: rotate(45deg); }#header [class^="inner"] #spMenu.open span.top:after {right: 2px;top: 6px;transform: rotate(-45deg); }#header [class^="inner"] #spMenu.open span.middle:before {left: -100%; }#header [class^="inner"] #spMenu.open span.middle:after {right: -100%; }#header [class^="inner"] #spMenu.open span.bottom:before {left: 2px;top: -6px;transform: rotate(-45deg); }#header [class^="inner"] #spMenu.open span.bottom:after {right: 2px;top: -6px;transform: rotate(45deg); } }#header [class^="inner"] #telephone {display: none; }@media screen and (max-width: 768px) {#header [class^="inner"] #telephone {float: right;display: block;width: 51px;height: 50px;border-right: 1px #56483c solid;background-color: #fff; }#header [class^="inner"] #telephone img {width: 100%;height: 100%; } }#header [class^="inner"] #gNavi {flex-grow: 1;margin-right: 20px; }@media screen and (max-width: 768px) {#header [class^="inner"] #gNavi {display: block;position: fixed;z-index: 10000;right: -160px;top: 60px;overflow-y: auto;margin: 0;width: 160px;height: auto;transition: all 0.5s;background-color: #fff;-webkit-overflow-scrolling: touch; }#header [class^="inner"] #gNavi.open {right: 0; } }#header [class^="inner"] #gNavi > ul {-js-display: flex;display: flex;flex-wrap: wrap;justify-content: flex-end; }@media screen and (max-width: 768px) {#header [class^="inner"] #gNavi > ul {display: block;width: 100%;height: 100%;padding: 0;overflow-y: auto; } }#header [class^="inner"] #gNavi > ul li {margin: 0 15px;letter-spacing: 0.08em; }@media screen and (max-width: 768px) {#header [class^="inner"] #gNavi > ul li {float: none;display: block;width: 100%;margin: 0;border-top: 1px #b40a14 solid; }#header [class^="inner"] #gNavi > ul li:last-child {border-bottom: 1px #b40a14 solid; }#header [class^="inner"] #gNavi > ul li.sp {padding: 10px 15px;font-size: 0px;text-align: left;letter-spacing: -0.4em;text-align: left; }#header [class^="inner"] #gNavi > ul li.sp > * {display: inline-block;font-size: 14px;letter-spacing: 0;vertical-align: top; }#header [class^="inner"] #gNavi > ul li.sp > * * {letter-spacing: 0; }#header [class^="inner"] #gNavi > ul li.sp a {width: 20px;height: 20px;padding: 0; }#header [class^="inner"] #gNavi > ul li.sp a + a {margin-left: 10px; } }#header [class^="inner"] #gNavi > ul li > a {position: relative;display: block;padding: 8px 0;color: #b40a14;font: 700 24px/1 'Noto Serif JP', serif; }#header [class^="inner"] #gNavi > ul li > a:after {content: "";position: absolute;left: 50%;bottom: 0;width: 0%;height: 3px;background-color: #b40a14;transform: translateX(-50%); }@media screen and (max-width: 768px) {#header [class^="inner"] #gNavi > ul li > a:after {display: none; } }#header [class^="inner"] #gNavi > ul li > a:hover, #header [class^="inner"] #gNavi > ul li > a.current {text-decoration: none; }#header [class^="inner"] #gNavi > ul li > a:hover:after, #header [class^="inner"] #gNavi > ul li > a.current:after {width: 100%; }@media screen and (max-width: 768px) {#header [class^="inner"] #gNavi > ul li > a {padding: 10px 15px;font-size: 14px !important;font-family: 'Noto Serif JP', serif;text-align: left; } }#header [class^="inner"] #sns {display: inline-block;flex-shrink: 0; }@media screen and (max-width: 768px) {#header [class^="inner"] #sns {display: none; } }#header [class^="inner"] #sns ul {display: block; }#header [class^="inner"] #sns ul:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }#header [class^="inner"] #sns ul li {float: left; }#header [class^="inner"] #sns ul li + li {margin-left: 10px; }#header [class^="inner"] #sns ul li a {display: block;width: 28px; }#content figure {text-align: center; }#content .ttl01, #content .ttl02 {display: block;position: relative;padding: 0;margin: 0 auto 60px;color: #b40a14;font-weight: 700;font-size: 46px;line-height: 1;text-align: center; }#content .ttl01:after, #content .ttl02:after {content: "";display: block;position: absolute;left: 50%;top: 50%;width: 430px;height: 100px;background: url(../images/page/ttl_bg.png) no-repeat center center / contain;transform: translate(-50%, -50%); }#content .ttl01 strong, #content .ttl02 strong {display: inline-block;position: relative;z-index: 1;padding: 15px 30px 25px 0;min-width: 430px;min-height: 100px;font-weight: 700;letter-spacing: 0.02em; }#content .ttl01 strong span, #content .ttl02 strong span {display: block;margin-top: 10px;font: normal 400 13px/1 'Noto Sans JP', sans-serif;letter-spacing: 0.08em; }@media screen and (max-width: 768px) {#content .ttl01, #content .ttl02 {margin-bottom: 20px;font-size: 30px; }#content .ttl01:after, #content .ttl02:after {width: 260px;height: 60px; }#content .ttl01 strong, #content .ttl02 strong {padding: 10px 15px 20px 0;min-width: 260px;min-height: 60px;letter-spacing: 0; }#content .ttl01 strong span, #content .ttl02 strong span {margin-top: 5px;font-size: 10px;letter-spacing: 0.04em; } }@media screen and (max-width: 768px) { }@media screen and (max-width: 768px) { }#content .ttl03 {-js-display: flex;display: flex;flex-wrap: wrap;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;margin: 90px auto 50px;padding: 0;min-height: 26px;color: #b40a14;font-weight: 700;font-size: 32px;line-height: 1.2;letter-spacing: 0.08em;text-align: center; }#content .ttl03:before, #content .ttl03:after {content: "";display: block;position: absolute;top: 50%;margin-top: -13px;width: 188px;height: 26px;background: url(../images/page/ttl_bg2.png) no-repeat center center / contain; }#content .ttl03:before {left: 0; }#content .ttl03:after {right: 0;transform: scale(-1, 1); }@media screen and (max-width: 768px) {#content .ttl03 {margin: 30px 0 20px;padding: 0;font-size: 20px; }#content .ttl03:before, #content .ttl03:after {margin-top: -7px;width: 94px;height: 14px; }#content .ttl03:before {margin-right: 5px; }#content .ttl03:after {margin-left: 5px; } }#content #bread article {-js-display: flex;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: start;position: relative;z-index: 1;padding: 0;min-height: 380px;font-weight: 500;line-height: 1.4; }#content #bread article:nth-child(even) {flex-flow: row-reverse; }#content #bread article:nth-child(even) figure {left: 10px;right: auto; }#content #bread article:nth-child(even) figure:before {left: -90px;right: auto;bottom: -30px; }@media screen and (max-width: 768px) {#content #bread article:nth-child(even) figure {left: 0; }#content #bread article:nth-child(even) figure:before {left: 0;bottom: 0; } }#content #bread article + article {margin-top: 30px; }@media screen and (max-width: 768px) {#content #bread article {display: block;min-height: 0; } }#content #bread article .txt {padding: 35px 0;width: 360px; }@media screen and (max-width: 768px) {#content #bread article .txt {padding: 0;width: auto; } }#content #bread article .txt h3 {margin: 0 0 25px;color: #b40a14;font-weight: 700;font-size: 30px;line-height: 1.3;letter-spacing: 0.1em; }@media screen and (max-width: 768px) {#content #bread article .txt h3 {margin-bottom: 10px;font-size: 24px; } }#content #bread article .txt em {display: block;margin-bottom: 20px;font-weight: 400;font-size: 18px;line-height: 1; }#content #bread article .txt em i {display: inline-block;margin-right: 2px;font-size: 24px;vertical-align: baseline; }@media screen and (max-width: 768px) {#content #bread article .txt em {margin-bottom: 10px;font-size: 15px; }#content #bread article .txt em i {font-size: 20px; } }#content #bread article figure {position: absolute;z-index: 1;right: 10px;top: 50%;width: calc(100% - 420px);transform: translateY(-50%); }@media screen and (max-width: 768px) {#content #bread article figure {position: relative;right: auto;top: auto;margin-bottom: 15px;width: auto;transform: none; } }#content #bread > p {margin-top: 35px;line-height: 2;text-align: center; }#content #bread > p small {display: inline-block;font-size: 13px;line-height: 1.5; }@media screen and (max-width: 768px) {#content #bread > p {margin-top: 20px; }#content #bread > p small {font-size: 11px; } }#footer {float: none;clear: both; }#footer a {text-decoration: underline; }#footer a:hover {text-decoration: none; }@media screen and (max-width: 768px) { }#footer > div {display: flex;position: relative;width: 760px;margin: 50px auto 40px;padding: 0 10px;text-align: right;justify-content: space-between;align-items: flex-start; }@media screen and (max-width: 768px) {#footer > div {margin: 20px 0;width: auto;text-align: center;flex-direction: column; } }#footer > div strong {display: inline-block;position: relative; }@media screen and (max-width: 768px) {#footer > div strong {display: block;position: static;margin-left: auto;margin-right: auto;max-width: 70%;transform: translateY(0%); } }#footer > div .wrap {display: inline-flex;flex-direction: column;margin: 0 auto; }#footer > div .wrap address {display: inline-block;text-align: left;margin-bottom: 24px; }@media screen and (max-width: 768px) {#footer > div .wrap address {margin-top: 15px;text-align: center; } }#footer #copyright {display: block;padding: 15px 10px;background: #b40a14;color: #d9bc87;font-size: 10px;text-align: center; }@media screen and (max-width: 768px) {#footer #copyright {padding: 10px 0; } }