@charset "UTF-8";
/*!
Theme Name: hw-micocorosha
Theme URI:
Description: hw-micocorosha-theme
Author: hubworks
Author URI: http://hubworks.jp
Version:1.0
*/
/** html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) Richard Clark (http://richclarkdesign.com) http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* -------------------------------- base -------------------------------- */
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */ word-break: break-word; -moz-tab-size: 4; tab-size: 4; }

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

a { cursor: pointer; }

a:link, a:visited, a:hover, a:active { color: transparent; text-decoration: none; }

figure img { max-width: 100%; }

ul { margin: 0; list-style-type: none; padding-left: 0; }

ul.disc li { list-style-type: disc; padding-bottom: 5px; }

sup { font-size: 70%; vertical-align: super; }

sub { font-size: 70%; vertical-align: sub; }

strong { font-weight: bold; background: linear-gradient(transparent 60%, #e4f2ff 60%); }

.grecaptcha-badge { visibility: hidden; }

@media screen and (min-width: 768px) { a[href^="tel:"] { pointer-events: none; } }
/* ハンバーガーボタンのデザイン */
.drawer__button { position: fixed; top: 10px; right: 5px; z-index: 200000000; align-self: stretch; width: 50px; height: 50px; background-color: transparent; cursor: pointer; background-color: #fff; opacity: 1; }
@media (min-width: 768px) { .drawer__button { display: none; } }

/* ハンバーガーボタン内の線 */
.drawer__button > span { display: block; position: absolute; top: 50%; left: 50%; width: 3rem; height: 2px; background-color: #282828; transform: translateX(-50%); }

.drawer__button > span:first-child { transform: translate(-50%, calc(-50% - 1rem)); transition: transform 0.3s ease; }

.drawer__button > span:nth-child(2) { transform: translate(-50%, -50%); transition: opacity 0.3s ease; }

.drawer__button > span:last-child { transform: translate(-50%, calc(-50% + 1rem)); transition: transform 0.3s ease; }

/* 展開時のデザイン */
.drawer__button.active { background-color: #282828; top: 20px; }

.drawer__button.active > span { background-color: #fff; }

.drawer__button.active > span:first-child { transform: translate(-50%, -50%) rotate(-45deg); }

.drawer__button.active > span:nth-child(2) { opacity: 0; }

.drawer__button.active > span:last-child { transform: translate(-50%, -50%) rotate(45deg); }

/* メニューのデザイン */
.drawer__nav { position: fixed; /* 追従ヘッダーなどでも表示できるよう設定しておく */ top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); transition: opacity 0.3s ease; opacity: 0; visibility: hidden; z-index: 190000000; }

.drawer__nav.active { opacity: 1; visibility: visible; }

.drawer__nav__inner { position: relative; width: 80%; height: 100%; background-color: white; padding: 50px 15px 10px; margin: 0 0 0 auto; overflow: scroll; transform: translateX(100%); transition: transform 0.3s ease; }
.drawer__nav__inner .o_nav { margin-top: 2em; margin-right: 0; }
.drawer__nav__inner .o_nav .o_nav_list { text-align: right; }
.drawer__nav__inner .o_nav .o_nav_list .o_nav_item .o_nav_btn { background: #D41100; color: #fff; display: inline-block; border-radius: .4rem; padding: 1rem 2rem; font-size: 1.6rem; font-weight: 700; margin-bottom: 10px; transition: 0.3s; }
@media (max-width: 1366px) { .drawer__nav__inner .o_nav .o_nav_list .o_nav_item .o_nav_btn { font-size: 1.4rem; } }
.drawer__nav__inner .o_nav .o_nav_list .o_nav_item .o_nav_btn i { padding-right: 1rem; }
.drawer__nav__inner .o_nav .o_nav_list .o_nav_item .o_nav_btn:hover { background-color: rgba(211, 17, 0, 0.5); }
.drawer__nav__inner .o_nav .o_nav_list .o_nav_item .o_nav_btn2 { background: #111; color: #fff; transition: 0.3s; }
.drawer__nav__inner .o_nav .o_nav_list .o_nav_item .o_nav_btn2:hover { background-color: rgba(17, 17, 17, 0.5); }

.drawer__nav.active .drawer__nav__inner { transform: translateX(0); }

.drawer__nav__menu { list-style: none; padding-left: 0; }
.drawer__nav__menu .drawer__nav__item p { margin-top: 2rem; }

.drawer__nav__link { display: block; color: #282828 !important; text-decoration: none; padding: 15px 10px; border-bottom: solid 1px lightgray; font-size: 16px; }
.drawer__nav__link i { padding-right: 10px; }

/* ハンバーガーメニュー展開時、背景を固定 */
body.active { height: 100%; overflow: hidden; }

/* パンくず */
#bread_crumb { margin: 0; width: 100%; height: 60px; line-height: 60px; background-color: #fff; white-space: nowrap; overflow: hidden; }
#bread_crumb ul { width: 90%; margin: 0 auto; text-align: left; max-width: 1200px; }
@media (max-width: 767px) { #bread_crumb ul { width: 98%; } }
#bread_crumb ul li { font-size: 13px; font-size: 1.3rem; display: inline-block; font-family: 'Roboto', sans-serif; }
#bread_crumb ul li a { color: #D18F40; }
#bread_crumb ul li a:hover { text-decoration: underline; }
#bread_crumb ul li.level-2 { padding-left: 10px; color: #555; }
#bread_crumb ul li.level-2:before { content: ">"; letter-spacing: 10px; color: #666; }
#bread_crumb ul li.level-3 { padding-left: 10px; color: #666; }
#bread_crumb ul li.level-3:before { content: ">"; letter-spacing: 10px; color: #666; }

.flex { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.transparent { opacity: 0; }

img { border: 0; max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; vertical-align: bottom; }

.back-to-top a { display: block; font-size: 11px; color: #282828; text-shadow: white 0 0 3px; text-align: center; font-family: 'Roboto', "Noto Sans JP", sans-serif; font-weight: 900; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease; transition-timing-function: ease; }
.back-to-top a:link, .back-to-top a:visited, .back-to-top a:hover, .back-to-top a:active, .back-to-top a:focus { text-decoration: none; }
.back-to-top a span { display: block; text-shadow: 0 0 0 transparent; width: 30px; height: 30px; margin: 0 auto; border-top: 1px solid #282828; border-left: 1px solid #282828; -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) rotate(45deg); box-shadow: 1px 1px 0 1px #eee inset; }
.back-to-top.fixed { position: fixed; bottom: 40px; right: 20px; margin: 0; z-index: 10; }
@media screen and (max-width: 767px) { .back-to-top.fixed { bottom: 140px; right: 10px; } }

/* hr */
.hr_pink { border: 0; height: 8px; background-image: repeating-linear-gradient(45deg, #fce4ec 0px, #fad4d2 1px, transparent 0%, transparent 50%); background-size: 8px 8px; margin: 0; background-color: #fef6f4; }

.hr_blue { border: 0; height: 8px; background-image: repeating-linear-gradient(45deg, #8bc4ff 0px, #b2d7fd 1px, transparent 0%, transparent 50%); background-size: 8px 8px; margin: 0; background-color: #dcedff; }
@media screen and (max-width: 767px) { .hr_blue { display: none; } }

.sp { display: none; }
@media screen and (max-width: 767px) { .sp { display: block; } }

.pc { display: block; }
@media screen and (max-width: 767px) { .pc { display: none; } }

/* 共通コンタクト資料請求ブロック */
.full-wrap_contact_request { background-color: #dcedff; position: relative; padding: 3rem 0; /* .bn-contact_block */ }
.full-wrap_contact_request .bn-contact_block { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; margin-top: 3rem; margin-bottom: 3rem; -webkit-box-align: stretch; align-items: stretch; z-index: 2; position: relative; }
@media screen and (max-width: 900px) { .full-wrap_contact_request .bn-contact_block { margin-top: 4rem; margin-bottom: 4rem; } }
.full-wrap_contact_request .bn-contact_block a { display: block; width: 100%; height: 100%; }
.full-wrap_contact_request .bn-contact_block .bn-tel { display: block; width: 48%; margin-bottom: 1rem; text-align: center; background-color: #fff; border-radius: 4px; border: 2px solid #111; line-height: 1; -webkit-box-shadow: 4px 4px 0 #282828; box-shadow: 4px 4px 0 #282828; }
@media screen and (max-width: 1000px) { .full-wrap_contact_request .bn-contact_block .bn-tel { width: 49%; } }
@media screen and (max-width: 767px) { .full-wrap_contact_request .bn-contact_block .bn-tel { width: 100%; margin-bottom: 2rem; } }
.full-wrap_contact_request .bn-contact_block .bn-tel .bn-tel_txt1 { display: inline-block; position: relative; color: #cb3c3c; font-size: 14px; font-size: 1.4rem; padding: 0 4rem 0.4rem; margin: 1rem 0 0; border-bottom: 1px solid #cb3c3c; }
.full-wrap_contact_request .bn-contact_block .bn-tel .bn-tel_txt1::before { content: ""; position: absolute; top: calc(1.4rem + 0.4rem); right: 0; width: 20px; height: 1px; border-radius: 9999px; background-color: #cb3c3c; transform: rotate(35deg); transform-origin: calc(100% - 0.5px) 50%; }
.full-wrap_contact_request .bn-contact_block .bn-tel .bn-tel_number { font-size: 34px; font-size: 3.4rem; color: #282828; font-weight: 900; padding: 10px 0; }
@media screen and (max-width: 1199px) { .full-wrap_contact_request .bn-contact_block .bn-tel .bn-tel_number { font-size: 30px; font-size: 3rem; } }
.full-wrap_contact_request .bn-contact_block .bn-tel .bn-tel_number i { padding-right: 1rem; font-size: 26px; font-size: 2.6rem; }
.full-wrap_contact_request .bn-contact_block .bn-tel .bn-tel_txt2 { color: #282828; font-size: 12px; font-size: 1.2rem; margin-bottom: 1rem; }
@media screen and (max-width: 860px) { .full-wrap_contact_request .bn-contact_block .bn-tel .bn-tel_txt2 { font-size: 10px; font-size: 1rem; } }
@media screen and (max-width: 767px) { .full-wrap_contact_request .bn-contact_block .bn-tel .bn-tel_txt2 { font-size: 12px; font-size: 1.2rem; } }
.full-wrap_contact_request .bn-contact_block .bn-request { display: block; width: 48%; text-align: center; margin-bottom: 1rem; background-color: #e69123; border-radius: 4px; border: 2px solid #7e4400; line-height: 1; -webkit-box-shadow: 4px 4px 0 #7e4400; box-shadow: 4px 4px 0 #7e4400; -webkit-transition: all 0.3s; transition: all 0.3s; }
@media screen and (max-width: 1000px) { .full-wrap_contact_request .bn-contact_block .bn-request { width: 49.5%; } }
@media screen and (max-width: 767px) { .full-wrap_contact_request .bn-contact_block .bn-request { width: 100%; margin-bottom: 2rem; } }
.full-wrap_contact_request .bn-contact_block .bn-request:hover { -webkit-box-shadow: 2px 2px 0 #7e4400; box-shadow: 2px 2px 0 #7e4400; background-color: #c16311; }
.full-wrap_contact_request .bn-contact_block .bn-request .bn-request_txt1 { display: inline-block; position: relative; text-align: center; font-size: 16px; font-size: 1.6rem; margin: 1rem 0 1rem; color: #fff; padding: 0 4rem 0.4rem; border-bottom: 1px solid #fff; }
.full-wrap_contact_request .bn-contact_block .bn-request .bn-request_txt1::before { content: ""; position: absolute; top: calc(1.6rem + 0.4rem); right: 0; width: 20px; height: 1px; border-radius: 9999px; background-color: #fff; transform: rotate(35deg); transform-origin: calc(100% - 0.5px) 50%; }
.full-wrap_contact_request .bn-contact_block .bn-request .bn-request_main { text-align: center; font-size: 26px; font-size: 2.6rem; margin-bottom: 1rem; line-height: 1.4; color: #fff; }
@media screen and (max-width: 767px) { .full-wrap_contact_request .bn-contact_block .bn-request .bn-request_main { font-size: 24px; font-size: 2.4rem; } }
.full-wrap_contact_request .bn-contact_block .bn-request .bn-request_main span { font-size: 30px; font-size: 3rem; font-weight: 700; }
@media screen and (max-width: 767px) { .full-wrap_contact_request .bn-contact_block .bn-request .bn-request_main span { font-size: 28px; font-size: 2.8rem; } }
.full-wrap_contact_request .bn-contact_block .bn-request .bn-request_main i { padding-right: 1rem; }

/* .full-wrap_contact_request */
.full-wrap_common-flow { padding: 3rem 0; }

/* リンクボタン（矢印回転） */
.link_btn { display: block; }
.link_btn a { background: #D18F40; border-radius: 9999px; position: relative; display: flex; justify-content: space-around; align-items: center; margin: auto; width: 250px; padding: 14px 10px; text-decoration: none; font-size: 16px; font-size: 1.6rem; color: #fff; line-height: 1; transition: 0.3s ease-in-out; font-weight: 500; }
.link_btn a::after { content: ''; position: absolute; top: 42%; right: 2rem; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); transition: all .3s; }
.link_btn a:hover { background: #b3600f; color: #FFF; }
.link_btn a:hover::after { border-top: 2px solid #fff; border-right: 2px solid #fff; animation: arrowrotate .3s; }

@keyframes arrowrotate { 100% { transform: rotate(360deg); } }
.add_alert { line-height: 2; color: #6d6d6d; display: block; font-size: 12px; font-size: 1.2rem; }

.google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.full-wrap_single { background-color: #FAF2E8; color: #282828; padding: 4rem 0; }

/* 必須css */
em { font-style: italic; }

blockquote { background-color: #ddd; padding: 1em 1em 1em 3em; position: relative; }

blockquote:before { content: "“"; font-size: 600%; line-height: 1em; font-family: "ＭＳ Ｐゴシック", sans-serif; color: #999; position: absolute; left: 0; top: 0; }

.aligncenter { display: block; margin: 0 auto; }

.alignright { float: right; }

.alignleft { float: left; }

img[class*="wp-image-"], img[class*="attachment-"] { max-width: 100%; height: auto; }

.sub_archive img[class*="wp-image-"], .sub_archive img[class*="attachment-"] { margin: 0 30px 0 30px; }

/* フォーム form*/
.sub-form-sec .full-wrap_form { background-color: #FAF2E8; }
.sub-form-sec .form-lead { font-size: 16px; font-size: 1.6rem; padding: 4rem 1rem 0; color: #282828; text-align: center; }
@media screen and (max-width: 767px) { .sub-form-sec .form-lead { font-size: 14px; font-size: 1.4rem; } }
.sub-form-sec .wpcf7 p { line-height: 1.7; font-size: 16px; font-size: 1.6rem; margin-top: 20px; text-align: center; }
.sub-form-sec .wpcf7 table { width: 100%; background-color: #fff; border-collapse: collapse; border-spacing: 0; margin: 40px auto 0; }
@media screen and (max-width: 767px) { .sub-form-sec .wpcf7 table { width: 100%; } }
.sub-form-sec .wpcf7 table tr { border-bottom: 1px solid #fff; }
.sub-form-sec .wpcf7 table tr th { border-right: 1px solid #D18F40; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2rem 1rem; vertical-align: middle; width: 30%; text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: 700; background-color: #f8f8f8; color: #282828; line-height: 1.7; }
@media screen and (max-width: 767px) { .sub-form-sec .wpcf7 table tr th { width: 30%; line-height: 1.5; padding: 1rem 0; font-size: 13px; font-size: 1.3rem; } }
.sub-form-sec .wpcf7 table tr th small { font-size: 13px; font-size: 1.3rem; color: #6d6d6d; }
@media screen and (max-width: 767px) { .sub-form-sec .wpcf7 table tr th small { font-size: 11px; font-size: 1.1rem; } }
.sub-form-sec .wpcf7 table tr td { border-left: 1px solid #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 16px; font-size: 1.6rem; line-height: 1.7; text-align: left; padding: 2rem; vertical-align: middle; }
@media screen and (max-width: 767px) { .sub-form-sec .wpcf7 table tr td { font-size: 14px; font-size: 1.4rem; } }
.sub-form-sec .wpcf7 table tr td span.wpcf7-list-item { display: block; }
.sub-form-sec label { display: inline-block; margin-bottom: 5px; font-weight: bold; }
.sub-form-sec .wpcf7-form { text-align: center; }
.sub-form-sec .wpcf7 input, .sub-form-sec .wpcf7 textarea { font-size: 16px; font-size: 1.6rem; line-height: 1.8; padding: 4px 5px; }
.sub-form-sec input[type="date"] { line-height: 34px; border: 1px solid #ccc; }
.sub-form-sec .require { display: inline-block; color: #cb3c3c; padding: 0 0 0 1rem; font-size: 11px; font-size: 1.1rem; font-weight: 700; text-align: center; vertical-align: middle; line-height: 1; background: none; }
@media screen and (max-width: 767px) { .sub-form-sec .require { margin-left: 0; } }
@media screen and (max-width: 600px) { .sub-form-sec .require { display: block; } }
.sub-form-sec .text { border: solid 1px #ddd; padding: 4px 5px; border-radius: 3px; }
.sub-form-sec .length-l { width: 100%; }
.sub-form-sec .length-m { width: 100%; }
@media screen and (max-width: 767px) { .sub-form-sec .length-m { width: 100%; } }
.sub-form-sec input.submit { display: block; margin: 40px auto; padding: 10px 20px; font-size: 16px; font-size: 1.6rem; font-weight: 600; }
.sub-form-sec input[type="submit"] { -webkit-appearance: button; appearance: button; cursor: pointer; background-color: #EFEFEF !important; color: #282828 !important; border-width: 1px; border-style: outset; border-image: initial; border-radius: 4px; }
.sub-form-sec input[type="submit"]:hover { background-color: #ccc !important; color: #282828 !important; }

/* .sub-form-sec */
.sub_404 { text-align: center; }
.sub_404 .tl_404 { font-size: 14px; font-size: 1.4rem; font-family: 'Roboto', sans-serif; }
.sub_404 .type_bg_tl { display: inline-block; padding: 10px 120px; color: #fff; background-color: #6d6d6d; font-size: 18px; font-size: 1.8rem; margin: 10px 0 60px; }
@media screen and (max-width: 767px) { .sub_404 .type_bg_tl { padding: 10px 20px; font-size: 14px; font-size: 1.4rem; } }
.sub_404 .i404 { font-family: 'Roboto', sans-serif; color: #fff; border-radius: 50%; background-color: #ddd; display: block; font-size: 30px; font-size: 3rem; width: 100px; height: 100px; line-height: 100px; margin: 0 auto; padding: 0; text-align: center; }
.sub_404 p { margin-top: 60px; padding-bottom: 100px; text-align: center; line-height: 1.5; }

body { width: 100%; height: 100%; background-color: #fff; color: #282828; font-weight: 500; font-style: normal; text-rendering: geometricPrecision; font-family: "Roboto", "Noto Sans JP", sans-serif; line-height: 1.5; /* .wrapper */ }
body .wrapper { width: 100%; font-optical-sizing: auto; }

/* body */
/* ヘッダー */
.header { width: 100%; z-index: 10000; background-color: #fff; /* .header-main */ /* .header-nav */ }
@media (max-width: 767px) { .header { border-bottom: 1px solid #D18F40; } }
.header .header-main { width: 100%; max-width: 1200px; margin: 0 auto; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; padding: 1.5rem 0;     /*.header-lead { width: 20%; max-width: 172px; line-height: 0; text-align: center; @include font-size(13); letter-spacing: 0.02em; color: #555;
 @media screen and (max-width: 767px) { padding-bottom: 10px; @include font-size(11); width: 35%; } }
 .header-lead_margin { width: 80%; line-height: 0;
 @media screen and (max-width: 767px) { width: 65%; } }
*/ /* .header-right */ }
@media screen and (max-width: 1199px) { .header .header-main { padding: 1rem; } }
@media screen and (max-width: 767px) { .header .header-main { padding: 1rem; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: start; justify-content: flex-start; } }
.header .header-main .header-logo { width: 20%; max-width: 180px; }
@media screen and (max-width: 767px) { .header .header-main .header-logo { width: 35%; } }
.header .header-main .header-right { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; width: 50%; /* .header-support2 */ /* .header-contact */ }
@media screen and (max-width: 1199px) { .header .header-main .header-right { width: 70%; } }
@media screen and (max-width: 767px) { .header .header-main .header-right { width: 50%; -webkit-box-pack: start; justify-content: flex-start; margin-left: 2rem; } }
.header .header-main .header-right .header-support { width: 30%; padding: 1rem; text-align: center; font-size: 18px; font-size: 1.8rem; color: #ffffff; line-height: 1; margin-right: 2rem; border: 5px double #ffffff; background-color: #61B5E1; box-shadow: 0 0 0 4px #61B5E1; font-weight: 700; }
@media screen and (max-width: 1199px) { .header .header-main .header-right .header-support { font-size: 18px; font-size: 1.8rem; margin-right: 1rem; width: 25%; } }
@media screen and (max-width: 900px) { .header .header-main .header-right .header-support { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 767px) { .header .header-main .header-right .header-support { display: none; } }
.header .header-main .header-right .header-support span { font-weight: 600; font-size: 13px; font-size: 1.3rem; }
@media screen and (max-width: 1199px) { .header .header-main .header-right .header-support span { font-size: 12px; font-size: 1.2rem; } }
@media screen and (max-width: 900px) { .header .header-main .header-right .header-support span { font-size: 11px; font-size: 1.1rem; } }
.header .header-main .header-right .header-contact { width: 55%; text-align: center; }
@media screen and (max-width: 1199px) { .header .header-main .header-right .header-contact { width: 60%; max-width: 350px; } }
@media screen and (max-width: 767px) { .header .header-main .header-right .header-contact { display: none; } }
.header .header-main .header-right .header-contact .header-contact_txt { font-size: 14px; font-size: 1.4rem; }
@media screen and (max-width: 1199px) { .header .header-main .header-right .header-contact .header-contact_txt { font-size: 13px; font-size: 1.3rem; } }
.header .header-main .header-right .header-contact .header-contact_tel { font-size: 34px; font-size: 3.4rem; font-weight: 900; padding: 0; line-height: 1.3; }
@media screen and (max-width: 1199px) { .header .header-main .header-right .header-contact .header-contact_tel { font-size: 30px; font-size: 3rem; } }
.header .header-main .header-right .header-contact .header-contact_tel i { padding-right: 1rem; color: #444; font-size: 24px; font-size: 2.4rem; }
.header .header-main .header-right .header-contact .header-contact_form { display: block; color: #fff; background: #cb3c3c; border-radius: 20px; line-height: 2.6; font-size: 14px; font-size: 1.4rem; font-weight: 700; max-width: 300px; margin: 0 auto; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }
.header .header-main .header-right .header-contact .header-contact_form i { padding-right: 1rem; color: #fff; }
.header .header-main .header-right .header-contact .header-contact_form:hover { opacity: .7; }
.header .header-main .header-right .header-contact_sp { display: none; /* .header-support */ }
@media screen and (max-width: 767px) { .header .header-main .header-right .header-contact_sp { display: block; } }
.header .header-main .header-right .header-contact_sp .header-support_sp { display: block; border-radius: 4px; padding-bottom: 0.5rem; text-align: center; font-size: 10px; font-size: 1rem; color: #212529; line-height: 1; margin-right: 0.4rem; }
.header .header-main .header-right .header-contact_sp .header-support_sp span { font-weight: 700; font-size: 12px; font-size: 1.2rem; }
.header .header-main .header-right .header-contact_sp .header-contact_form_sp { display: block; color: #fff; background: #cb3c3c; border-radius: 20px; text-align: center; padding: 0.5rem 1rem; font-size: 12px; font-size: 1.2rem; font-weight: 700; margin: 0 auto; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }
.header .header-main .header-right .header-contact_sp .header-contact_form_sp i { padding-right: 0.5rem; color: #fff; }
.header .header-main .header-right .header-contact_sp .header-contact_form_sp:hover { opacity: .7; }
.header .header-nav { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; /* .header-nav_list */ }
@media screen and (max-width: 767px) { .header .header-nav { display: none; } }
.header .header-nav .header-nav_list { width: 100%; max-width: 1200px; margin: 0 auto; display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; /* .header-nav_item */ }
.header .header-nav .header-nav_list .header-nav_item { position: relative; width: 16.666%; background-color: transparent; text-align: center; }
@media screen and (max-width: 767px) { .header .header-nav .header-nav_list .header-nav_item { width: 33.332%; } }
.header .header-nav .header-nav_list .header-nav_item:before { content: ""; position: absolute; top: 10px; bottom: 10px; left: 0; width: 1px; background-color: #bbb; }
.header .header-nav .header-nav_list .header-nav_item a { display: block; width: 100%; height: 100%; line-height: 50px; padding-top: 3px; color: #282828; font-family: "Shippori Mincho", serif; font-size: 16px; font-size: 1.6rem; font-weight: 700; border-bottom: 3px solid transparent; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; }
@media screen and (max-width: 767px) { .header .header-nav .header-nav_list .header-nav_item a { font-size: 15px; font-size: 1.5rem; } }
@media screen and (max-width: 500px) { .header .header-nav .header-nav_list .header-nav_item a { font-size: 14px; font-size: 1.4rem; } }
.header .header-nav .header-nav_list .header-nav_item a:hover { border-bottom: 3px solid #D18F40; }
@media screen and (max-width: 767px) { .header .header-nav .header-nav_list .header-nav_item:first-child, .header .header-nav .header-nav_list .header-nav_item:nth-child(2), .header .header-nav .header-nav_list .header-nav_item:nth-child(3) { border-bottom: 1px solid #ccc; } }
@media screen and (max-width: 767px) { .header .header-nav .header-nav_list .header-nav_item:first-child:before, .header .header-nav .header-nav_list .header-nav_item:nth-child(4):before { background-color: transparent; } }
.header .sticky { position: fixed; top: 0; z-index: 1000; width: 100%; border-bottom: 1px solid #D18F40; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

/* .header */
/* メイン */
/* .main */
.full-wrap { width: 100%; }

.inner { width: 100%; max-width: 1100px; margin: 0 auto; }
@media screen and (max-width: 1199px) { .inner { padding: 0 10px; } }

.inner1000 { width: 100%; max-width: 1000px; margin: 0 auto; }
@media screen and (max-width: 1099px) { .inner1000 { padding: 0 10px; max-width: 100%; } }

.main-visual { width: 100%; background-image: url("images/bg_main_left.jpg"), url("images/bg_main_right.jpg"); background-repeat: no-repeat, no-repeat; background-size: auto, auto; background-position: left top, right bottom; background-color: #fef6f4; }
@media screen and (max-width: 767px) { .main-visual { background-image: none; } }
.main-visual .main-visual_inner { width: 100%; max-width: 1200px; min-height: 600px; margin: 0 auto; display: flex; -webkit-box-align: center; align-items: center; }
@media screen and (max-width: 767px) { .main-visual .main-visual_inner { min-height: auto; } }
.main-visual .main-visual_inner img { margin: 0 auto; }

/* トップページ（コンテンツ） */
.full-wrap_top-content { background-color: #F4E4CF; background-color: #f9f9f9; padding: 6rem 0; }
@media screen and (max-width: 1199px) { .full-wrap_top-content { padding: 3rem 5px; margin-bottom: 4rem; } }
@media screen and (max-width: 767px) { .full-wrap_top-content { padding: 3rem 0; margin-bottom: 2rem; } }

.top-lead { font-size: 20px; font-size: 2rem; margin: 0 0 4rem; line-height: 1.7; font-family: "Shippori Mincho", serif; text-align: center; font-weight: 700; }
@media screen and (max-width: 767px) { .top-lead { font-size: 16px; font-size: 1.6rem; margin: 0 0 2rem; } }
@media screen and (max-width: 500px) { .top-lead { font-size: 13px; font-size: 1.3rem; } }

.common_tl { text-align: center; }
.common_tl span { display: inline-block; font-size: 28px; font-size: 2.8rem; padding: 0 1rem 0.5rem; border-bottom: 2px solid #af6308; color: #af6308; text-align: center; margin: 3rem 0; font-family: "Shippori Mincho", serif; font-weight: 900; }
@media screen and (max-width: 1199px) { .common_tl span { font-size: 26px; font-size: 2.6rem; } }
@media screen and (max-width: 767px) { .common_tl span { font-size: 22px; font-size: 2.2rem; } }

.common-lead { font-size: 18px; font-size: 1.8rem; margin-bottom: 2rem; line-height: 1.7; font-family: "Shippori Mincho", serif; text-align: center; font-weight: 700; }
@media screen and (max-width: 767px) { .common-lead { font-size: 16px; font-size: 1.6rem; margin-bottom: 2rem; } }
@media screen and (max-width: 500px) { .common-lead { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 500px) { .common-lead2 { font-size: 13px; font-size: 1.3rem; } }

.top-content { margin-top: 6rem; }
@media screen and (max-width: 767px) { .top-content { margin-top: 2rem; } }
.top-content .top-content_block { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; position: relative; margin-bottom: 6rem; background-color: #fff; border-radius: 4px; border: 8px solid #efeff7; }
@media screen and (max-width: 767px) { .top-content .top-content_block { margin-bottom: 2rem; } }
.top-content .top-content_block::after { background-color: #D18F40; border-top-right-radius: 4px; content: ''; display: block; position: absolute; top: -8px; right: -8px; width: 8px; height: 8px; }
.top-content .top-content_block .top-content_img { width: 48%; position: relative; top: -20px; left: -20px; }
@media screen and (max-width: 767px) { .top-content .top-content_block .top-content_img { width: 100%; position: static; } }
.top-content .top-content_block .top-content_img img { border-radius: 4px; }
.top-content .top-content_block .top-content_img2 { order: 2; top: -20px; left: 20px; }
@media screen and (max-width: 767px) { .top-content .top-content_block .top-content_img2 { width: 100%; position: static; order: 1; } }
.top-content .top-content_block .top-content_desc { width: 52%; background-color: #fff; padding: 2rem; font-family: "Shippori Mincho", serif; }
@media screen and (max-width: 980px) { .top-content .top-content_block .top-content_desc { padding: 1rem 1rem 6rem; } }
@media screen and (max-width: 767px) { .top-content .top-content_block .top-content_desc { padding: 2rem; width: 100%; } }
.top-content .top-content_block .top-content_desc .top-content_txt { font-size: 16px; font-size: 1.6rem; margin-bottom: 1.5rem; font-weight: 600; line-height: 1.8; }
@media screen and (max-width: 1050px) { .top-content .top-content_block .top-content_desc .top-content_txt { font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 980px) { .top-content .top-content_block .top-content_desc .top-content_txt { margin-bottom: 1rem; } }
.top-content .top-content_block .top-content_desc .top-content_txt em { font-weight: 900; font-style: normal; font-size: 18px; font-size: 1.8rem; color: #914f00; }
@media screen and (max-width: 1050px) { .top-content .top-content_block .top-content_desc .top-content_txt em { font-size: 15px; font-size: 1.5rem; } }
.top-content .top-content_block .top-content_desc .top-content_txt .em2 { font-size: 17px; font-size: 1.7rem; }
@media screen and (max-width: 1050px) { .top-content .top-content_block .top-content_desc .top-content_txt .em2 { font-size: 15px; font-size: 1.5rem; } }
.top-content .top-content_block .top-content_desc .link_btn { position: absolute; bottom: 2rem; right: 2rem; font-family: "Roboto", "Noto Sans JP", sans-serif; font-weight: 600; }
@media screen and (max-width: 767px) { .top-content .top-content_block .top-content_desc .link_btn { position: static; margin-top: 2rem; } }
.top-content .top-content_block .top-content_desc .link_btn2 { right: 51%; }
.top-content .top-content_block .top-content_desc2 { order: 1; }
.top-content .top-content_block2 { margin-bottom: 2rem; }
.top-content .top-content_block2::after { background-color: #D18F40; content: ''; display: block; position: absolute; top: -8px; left: -8px; width: 8px; height: 8px; }

/* トップページ（プラン） */
.full-wrap_top-plan { background-color: #F4E4CF; padding: 3rem 0; }
@media screen and (max-width: 767px) { .full-wrap_top-plan .common-lead { text-align: left; } }

.top-plan { padding-bottom: 3rem; }
@media screen and (max-width: 900px) { .top-plan { padding-bottom: 0; } }
.top-plan .top-plan_list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.top-plan .top-plan_list .top-plan_item { position: relative; text-align: center; width: 31.41%; aspect-ratio: 1; margin-bottom: 4rem; border: 2px solid transparent; }
@media screen and (max-width: 767px) { .top-plan .top-plan_list .top-plan_item { width: 90%; margin: 0 auto 2rem; } }
.top-plan .top-plan_list .top-plan_item a .top-plan_txt { font-size: 14px; font-size: 1.4rem; color: #fff; position: absolute; top: 3rem; width: 100%; }
@media screen and (max-width: 1030px) { .top-plan .top-plan_list .top-plan_item a .top-plan_txt { font-size: 12px; font-size: 1.2rem; } }
@media screen and (max-width: 900px) { .top-plan .top-plan_list .top-plan_item a .top-plan_txt { font-size: 11px; font-size: 1.1rem; } }
@media screen and (max-width: 820px) { .top-plan .top-plan_list .top-plan_item a .top-plan_txt { font-size: 10px; font-size: 1rem; } }
@media screen and (max-width: 767px) { .top-plan .top-plan_list .top-plan_item a .top-plan_txt { top: 8rem; font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 600px) { .top-plan .top-plan_list .top-plan_item a .top-plan_txt { top: 6rem; font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 540px) { .top-plan .top-plan_list .top-plan_item a .top-plan_txt { top: 4rem; font-size: 16px; font-size: 1.6rem; } }
.top-plan .top-plan_list .top-plan_item a .link_btn_plan { display: block; position: absolute; bottom: 3rem; width: 100%; background: #fff; font-size: 16px; font-size: 1.6rem; color: #e77663; line-height: 1; font-weight: 500; border-radius: 9999px; width: 80%; padding: 10px 10px; left: 50%; transform: translateX(-50%); transition: all .3s; }
@media screen and (max-width: 950px) { .top-plan .top-plan_list .top-plan_item a .link_btn_plan { bottom: 2rem; font-size: 14px; font-size: 1.4rem; } }
@media screen and (max-width: 767px) { .top-plan .top-plan_list .top-plan_item a .link_btn_plan { bottom: 8rem; font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 600px) { .top-plan .top-plan_list .top-plan_item a .link_btn_plan { bottom: 6rem; font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 540px) { .top-plan .top-plan_list .top-plan_item a .link_btn_plan { bottom: 4rem; font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 500px) { .top-plan .top-plan_list .top-plan_item a .link_btn_plan { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 440px) { .top-plan .top-plan_list .top-plan_item a .link_btn_plan { bottom: 3rem; } }
.top-plan .top-plan_list .top-plan_item a .link_btn_plan_small { color: #54a145; }
.top-plan .top-plan_list .top-plan_item a .link_btn_plan_standard { color: #7b69b6; }
.top-plan .top-plan_list .top-plan_item a:hover .link_btn_plan { background-color: #852500; color: #fff; opacity: 1; }
.top-plan .top-plan_list .top-plan_item:hover { border: 2px solid #fff; }

/* トップページ（サポート） */
.full-wrap_top-support { padding: 3rem 0 6rem; background-color: #FAF2E8; }

.top-support { position: relative; background-color: #F4E4CF; padding: 4rem 4rem 6rem; border-radius: 8px; }
@media screen and (max-width: 767px) { .top-support { padding: 2rem 1rem 6rem; } }
.top-support .top-support_more_txt { text-align: right; font-size: 14px; font-size: 1.4rem; padding-bottom: 1rem; }
.top-support .link_btn { position: absolute; right: 4rem; }
@media screen and (max-width: 767px) { .top-support .link_btn { right: 1rem; } }
.top-support .link_btn a { width: 340px; }
@media screen and (max-width: 767px) { .top-support .link_btn a { width: fit-content; padding: 14px 30px; } }
.top-support .top-support_list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }
.top-support .top-support_list .top-support_item { padding: 2rem; background-color: #fff; border: 2px solid #D18F40; border-radius: 10px; width: 48%; text-align: center; color: #d0760c; margin-bottom: 2rem; font-size: 24px; font-size: 2.4rem; font-weight: 600; }
@media screen and (max-width: 767px) { .top-support .top-support_list .top-support_item { font-size: 16px; font-size: 1.6rem; padding: 1rem; } }

/* トップコラム */
.full-wrap_top-column { padding: 3rem 0 6rem; background-color: #fff; }
.full-wrap_top-column .inner .relative_box { position: relative; }
.full-wrap_top-column .inner .link_btn { position: absolute; right: 0; top: 6rem; }
@media screen and (max-width: 767px) { .full-wrap_top-column .inner .link_btn { top: 8rem; } }
.full-wrap_top-column .inner .link_btn a { width: 180px; font-size: 1.6rem; }
@media screen and (max-width: 767px) { .full-wrap_top-column .inner .link_btn a { width: fit-content; font-size: 1.5rem; padding: 14px 30px; } }
.full-wrap_top-column .inner .top-column { padding-top: 4rem; }
.full-wrap_top-column .inner .top-column .top-column_list { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: start; justify-content: flex-start; }
.full-wrap_top-column .inner .top-column .top-column_list .top-column_item { text-align: left; width: 23.5%; margin-bottom: 2rem; margin-right: 2%; }
@media screen and (max-width: 767px) { .full-wrap_top-column .inner .top-column .top-column_list .top-column_item { width: 49%; } }
.full-wrap_top-column .inner .top-column .top-column_list .top-column_item:last-child { margin-right: 0; }
.full-wrap_top-column .inner .top-column .top-column_list .top-column_item .top-column_img { width: 100% img; width-aspect-ratio: 4.2 / 3; width-object-fit: cover; width-max-width: 100%; }
.full-wrap_top-column .inner .top-column .top-column_list .top-column_item .top-column_tl { line-height: 1.4; font-size: 16px; font-size: 1.6rem; color: #282828; font-weight: 500; padding: 1rem 0.4rem 0; }
.full-wrap_top-column .inner .top-column .top-column_list .top-column_item a { transition: color 0.3s; }
.full-wrap_top-column .inner .top-column .top-column_list .top-column_item a:hover .top-column_tl { color: #c5601d; }

/* 下層開始 */
/* 料金プラン plan */
.sub-plan-sec .full-wrap_plan { padding: 6rem 0; margin: 0 auto; }
@media screen and (max-width: 1199px) { .sub-plan-sec .full-wrap_plan { padding: 3rem 0; } }
.sub-plan-sec .plan-list_block { margin-bottom: 4rem; }
@media screen and (max-width: 767px) { .sub-plan-sec .plan-list_block { margin-bottom: 2rem; } }
.sub-plan-sec .plan-list_block .plan-list_img { width: 50%; }
@media screen and (max-width: 767px) { .sub-plan-sec .plan-list_block .plan-list_img { width: 100%; } }
.sub-plan-sec .plan-list_block .plan-list_box { width: 50%; padding: 2rem; /* .plan-flow_figure */ }
@media screen and (max-width: 1080px) { .sub-plan-sec .plan-list_block .plan-list_box { padding: 2rem 1rem; } }
@media screen and (max-width: 990px) { .sub-plan-sec .plan-list_block .plan-list_box { padding: 1rem; } }
@media screen and (max-width: 767px) { .sub-plan-sec .plan-list_block .plan-list_box { width: 100%; padding: 2rem 1rem; } }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_desc { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; }
@media screen and (max-width: 767px) { .sub-plan-sec .plan-list_block .plan-list_box .plan-list_desc { display: none; } }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_desc .plan-list_desc-item { width: 20%; border: 2px solid #EF856D; border-radius: 9999px; aspect-ratio: 1 / 1; align-content: center; text-align: center; margin: 0 1rem; padding: 1rem 0; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }
@media screen and (max-width: 950px) { .sub-plan-sec .plan-list_block .plan-list_box .plan-list_desc .plan-list_desc-item { font-size: 13px; font-size: 1.3rem; } }
@media screen and (max-width: 800px) { .sub-plan-sec .plan-list_block .plan-list_box .plan-list_desc .plan-list_desc-item { font-size: 12px; font-size: 1.2rem; } }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_desc_one-day .plan-list_desc-item { border: 4px solid #EF856D; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_desc_small .plan-list_desc-item { border: 4px solid #60A952; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_desc_standard .plan-list_desc-item { border: 4px solid #8476B5; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow { width: 100%; margin: 3rem 0; }
@media screen and (max-width: 1080px) { .sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow { margin: 2rem 0; } }
@media screen and (max-width: 900px) { .sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow { margin: 1rem 0 2rem; } }
@media screen and (max-width: 767px) { .sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow { display: none; } }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li { color: #fff; font-weight: 600; font-size: 15px; font-size: 1.5rem; width: calc(100% / 5); line-height: 50px; text-align: center; position: relative; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li:not(:first-child):not(:last-child) { padding: 0 0 0 10px; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li::before, .sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li::after { content: ""; width: 0; height: 0; display: block; position: absolute; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li::before { border: solid 32px transparent; border-right: solid 13px transparent; border-left: solid 13px #FFF; top: -7px; left: 0; z-index: 1; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li::after { border: solid 25px transparent; border-right: solid 10px transparent; top: 0; right: -19px; z-index: 2; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li:first-child::before, .sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li:last-child::after { content: none; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li.flow-no { display: inline-block; background-color: #6d6d6d; letter-spacing: 1px; text-decoration: solid line-through #EF856D 3px; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow li.flow-no::after { border-left: solid 10px #6d6d6d !important; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow_one-day li { background: #EF856D; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow_one-day li::after { border-left: solid 10px #EF856D; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow_small li { background: #60A952; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow_small li::after { border-left: solid 10px #60A952; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow_standard li { background: #8476B5; }
.sub-plan-sec .plan-list_block .plan-list_box .plan-list_flow_standard li::after { border-left: solid 10px #8476B5; }
.sub-plan-sec .plan-list_block_one-day { border: 4px solid #EF856D; }
.sub-plan-sec .plan-list_block_small { border: 4px solid #60A952; }
.sub-plan-sec .plan-list_block_standard { border: 4px solid #8476B5; }

/* 旅立ち葬の棺 coffin */
.sub-coffin-sec { /* .coffin-design */ }
.sub-coffin-sec .full-wrap_coffin-lead { padding: 6rem 0; max-width: 1000px; margin: 0 auto; }
@media screen and (max-width: 1199px) { .sub-coffin-sec .full-wrap_coffin-lead { padding: 3rem 0; } }
.sub-coffin-sec .coffin-lead_block { background-image: url("images/coffin/bg_lead.jpg"); background-repeat: no-repeat; aspect-ratio: 12 / 5; object-fit: cover; }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-lead_block { background-position: center; } }
.sub-coffin-sec .coffin-lead_block .coffin-lead_desc { padding: 6rem; font-family: "Shippori Mincho", serif; }
@media screen and (max-width: 1199px) { .sub-coffin-sec .coffin-lead_block .coffin-lead_desc { padding: 4rem; } }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-lead_block .coffin-lead_desc { padding: 2rem; } }
.sub-coffin-sec .coffin-lead_block .coffin-lead_desc .coffin-lead_tl { width: 40%; color: #D18F40; font-size: 38px; font-size: 3.8rem; padding: 0.5rem; border-bottom: 1px solid #D18F40; background-color: transparent; margin-bottom: 2rem; }
@media screen and (max-width: 1199px) { .sub-coffin-sec .coffin-lead_block .coffin-lead_desc .coffin-lead_tl { font-size: 34px; font-size: 3.4rem; } }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-lead_block .coffin-lead_desc .coffin-lead_tl { font-size: 22px; font-size: 2.2rem; width: 100%; } }
.sub-coffin-sec .coffin-lead_block .coffin-lead_desc .coffin-lead_txt { font-size: 28px; font-size: 2.8rem; line-height: 1.7; margin-bottom: 2rem; }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-lead_block .coffin-lead_desc .coffin-lead_txt { font-size: 20px; font-size: 2rem; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; } }
.sub-coffin-sec .coffin-lead_block .coffin-lead_desc .coffin-lead_txt2 { font-size: 20px; font-size: 2rem; line-height: 2; }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-lead_block .coffin-lead_desc .coffin-lead_txt2 { font-size: 16px; font-size: 1.6rem; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff; } }
.sub-coffin-sec .coffin-lead_block .coffin-lead_img { width: 50%; }
.sub-coffin-sec .coffin-lead_block .coffin-lead_img2 { width: 100%; }
.sub-coffin-sec .full-wrap_coffin-design { padding: 6rem 0; background-color: #FAF2E8; }
@media screen and (max-width: 1199px) { .sub-coffin-sec .full-wrap_coffin-design { padding: 3rem 0; } }
@media screen and (max-width: 767px) { .sub-coffin-sec .full-wrap_coffin-design { padding: 1rem 0; } }
.sub-coffin-sec .coffin-design { background-color: #F4E4CF; padding: 4rem; /* .coffin-design_block */ }
@media screen and (max-width: 1100px) { .sub-coffin-sec .coffin-design { padding: 3rem; } }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design { padding: 1rem; } }
.sub-coffin-sec .coffin-design .coffin-design_tl { text-align: center; font-family: "Shippori Mincho", serif; font-size: 26px; font-size: 2.6rem; color: #af6308; margin-bottom: 3rem; font-weight: 600; }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_tl { font-size: 20px; font-size: 2rem; margin-bottom: 1rem; font-weight: 500; } }
.sub-coffin-sec .coffin-design .coffin-design_block { padding: 2em; text-align: center; background-color: #fff; margin-bottom: 2rem; background-image: url("images/coffin/bg_natural.png"); background-repeat: no-repeat; background-position: left bottom; }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block { margin-bottom: 1rem; background-image: none; } }
.sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc { width: 50%; font-weight: 400; }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc { width: 100%; } }
.sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc .coffin-design_subtl { font-size: 20px; font-size: 2rem; padding: 0 0 0.5rem; border-bottom: 1px solid #D18F40; margin: 0 auto 2rem; font-weight: 500; color: #c5601d; text-align: left; }
@media screen and (max-width: 1000px) { .sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc .coffin-design_subtl { font-size: 18px; font-size: 1.8rem; } }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc .coffin-design_subtl { font-size: 16px; font-size: 1.6rem; margin: 0 auto 2rem; line-height: 1.4; } }
.sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc .coffin-design_subtl span { font-size: 23px; font-size: 2.3rem; padding-left: 0.5rem; }
@media screen and (max-width: 1000px) { .sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc .coffin-design_subtl span { width: 100%; font-size: 20px; font-size: 2rem; padding: 0 0 0.5rem; } }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc .coffin-design_subtl span { font-size: 18px; font-size: 1.8rem; } }
.sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc .coffin-design_txt { font-size: 16px; font-size: 1.6rem; line-height: 1.8; color: #282828; text-align: left; padding: 0; }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_desc .coffin-design_txt { font-size: 14px; font-size: 1.4rem; line-height: 1.4; } }
.sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_img { width: 46%; background-color: #fff; margin-top: 1rem; }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block .coffin-design_img { width: 90%; margin: 0 auto; } }
.sub-coffin-sec .coffin-design .coffin-design_block2 { background-image: url("images/coffin/bg_brown.png"); }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block2 { background-image: none; } }
.sub-coffin-sec .coffin-design .coffin-design_block3 { background-image: url("images/coffin/bg_lily.png"); }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block3 { background-image: none; } }
.sub-coffin-sec .coffin-design .coffin-design_block4 { background-image: url("images/coffin/bg_black-lily.png"); }
@media screen and (max-width: 767px) { .sub-coffin-sec .coffin-design .coffin-design_block4 { background-image: none; } }

/* 私達について guide */
.sub-guide-sec { /* .guide_lead */ /* .guide-point */ }
.sub-guide-sec .full-wrap_guide-lead { padding: 6rem 0; }
@media screen and (max-width: 1199px) { .sub-guide-sec .full-wrap_guide-lead { padding: 3rem 0; } }
.sub-guide-sec .guide-lead { text-align: center; margin: 0 auto; background-image: url("images/guide/bg_guide.jpg"); background-repeat: no-repeat; background-size: cover; padding: 4rem; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-lead { padding: 1rem; } }
.sub-guide-sec .guide-lead .guide-lead_wrap { padding: 6rem 14rem; border: 2px solid #D18F40; }
@media screen and (max-width: 1000px) { .sub-guide-sec .guide-lead .guide-lead_wrap { padding: 6rem 6rem; } }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-lead .guide-lead_wrap { padding: 3rem 2rem; } }
.sub-guide-sec .guide-lead .guide-lead_intro { font-size: 24px; font-size: 2.4rem; line-height: 2.4; color: #282828; font-family: "Shippori Mincho", serif; font-weight: 700; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-lead .guide-lead_intro { font-size: 18px; font-size: 1.8rem; line-height: 2; } }
.sub-guide-sec .guide-lead .guide-lead_tl { border-bottom: 1px solid #D18F40; font-size: 24px; font-size: 2.4rem; padding: 0 1rem 0.5rem; font-family: "Shippori Mincho", serif; color: #9f6116; font-weight: 700; margin: 4rem auto 1rem; }
@media screen and (max-width: 1199px) { .sub-guide-sec .guide-lead .guide-lead_tl { font-size: 22px; font-size: 2.2rem; } }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-lead .guide-lead_tl { font-size: 20px; font-size: 2rem; padding: 0 0 0.5rem; } }
@media screen and (max-width: 600px) { .sub-guide-sec .guide-lead .guide-lead_tl { font-size: 18px; font-size: 1.8rem; } }
.sub-guide-sec .guide-lead .guide-lead_txt { font-size: 16px; font-size: 1.6rem; text-align: justify; text-justify: inter-ideograph; padding: 2rem 0 2rem; line-height: 1.6; }
@media screen and (max-width: 1000px) { .sub-guide-sec .guide-lead .guide-lead_txt { font-size: 16px; font-size: 1.6rem; } }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-lead .guide-lead_txt { font-size: 15px; font-size: 1.5rem; } }
.sub-guide-sec .guide-lead .guide-lead_txt2 { font-size: 15px; font-size: 1.5rem; text-align: justify; text-justify: inter-ideograph; padding: 4rem 0 2rem; line-height: 1.6; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-lead .guide-lead_txt2 { padding: 2rem 0 2rem; font-size: 14px; font-size: 1.4rem; } }
.sub-guide-sec .full-wrap_guide-situation { padding: 6rem 0; background-color: #F4E4CF; }
@media screen and (max-width: 1199px) { .sub-guide-sec .full-wrap_guide-situation { padding: 3rem 0; } }
.sub-guide-sec .guide-situation_block { margin: 4rem 0; text-align: center; }
.sub-guide-sec .guide-situation_block .guide-situation_box { width: 25%; }
@media screen and (max-width: 1100px) { .sub-guide-sec .guide-situation_block .guide-situation_box { width: 30%; } }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-situation_block .guide-situation_box { width: 80%; margin: 0 auto 4rem; } }
.sub-guide-sec .guide-situation_block .guide-situation_box img { border-radius: 50%; aspect-ratio: 1; background-color: #fff; }
.sub-guide-sec .guide-situation_block .guide-situation_box .guide-situation_tl { margin-top: 1rem; font-size: 15px; font-size: 1.5rem; padding: 1rem; background-color: #fff; border-radius: 4px; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-situation_block .guide-situation_box .guide-situation_tl { width: 80%; margin: 1rem auto 0; } }
.sub-guide-sec .guide-situation_block .guide-situation_box:last-child { margin-bottom: 0; }
.sub-guide-sec .full-wrap_guide-point { padding: 6rem 0; background-color: #FAF2E8; }
@media screen and (max-width: 1199px) { .sub-guide-sec .full-wrap_guide-point { padding: 3rem 0; } }
@media screen and (max-width: 767px) { .sub-guide-sec .full-wrap_guide-point { padding: 1rem 0; } }
.sub-guide-sec .guide-point { background-color: #F4E4CF; padding: 4rem; /* .guide-point_block */ }
@media screen and (max-width: 1100px) { .sub-guide-sec .guide-point { padding: 3rem; } }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-point { padding: 2rem; } }
.sub-guide-sec .guide-point .guide-point_tl { color: #af6308; text-align: center; font-size: 28px; font-size: 2.8rem; margin-bottom: 3rem; font-family: "Shippori Mincho", serif; font-weight: 900; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-point .guide-point_tl { font-size: 22px; font-size: 2.2rem; margin-bottom: 1rem; font-weight: 500; } }
.sub-guide-sec .guide-point .guide-point_tl i { padding: 0 0.5rem; font-size: 26px; font-size: 2.6rem; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-point .guide-point_tl i { font-size: 20px; font-size: 2rem; } }
.sub-guide-sec .guide-point .guide-point_block { padding: 4rem; text-align: center; background-color: #fff; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-point .guide-point_block { padding: 2rem; } }
.sub-guide-sec .guide-point .guide-point_block .guide-point_subtl { font-size: 21px; font-size: 2.1rem; padding: 0 1rem 0.5rem; border-bottom: 1px solid #D18F40; margin: 0 auto 2rem; font-weight: 500; width: 90%; color: #c5601d; }
@media screen and (max-width: 1000px) { .sub-guide-sec .guide-point .guide-point_block .guide-point_subtl { width: 100%; font-size: 19px; font-size: 1.9rem; padding: 0 0 0.5rem; } }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-point .guide-point_block .guide-point_subtl { font-size: 17px; font-size: 1.7rem; margin: 0 auto; line-height: 1.4; } }
.sub-guide-sec .guide-point .guide-point_block .guide-point_desc { width: 70%; font-weight: 400; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-point .guide-point_block .guide-point_desc { width: 100%; } }
.sub-guide-sec .guide-point .guide-point_block .guide-point_desc .guide-point_txt { font-size: 17px; font-size: 1.7rem; line-height: 1.8; color: #282828; text-align: left; padding: 2rem; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-point .guide-point_block .guide-point_desc .guide-point_txt { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 2rem 0; } }
.sub-guide-sec .guide-point .guide-point_block .guide-point_img { width: 28%; background-color: #fff; transform: rotate(-8deg); margin-top: 1rem; }
@media screen and (max-width: 767px) { .sub-guide-sec .guide-point .guide-point_block .guide-point_img { width: 90%; margin: 0 auto; transform: rotate(0); } }
.sub-guide-sec .guide-point .guide-point_block .guide-point_img img { border: solid 1px #eee; padding: 5px; }

/* .sub-guide-sec */
/* お葬式の流れ　flow */
.sub-flow-sec { /* .flow-block */ }
.sub-flow-sec .full-wrap_flow { padding: 3rem 0 6rem; background-color: #FAF2E8; }
.sub-flow-sec .flow-block { background-color: #F4E4CF; border-radius: 6px; padding: 2rem; width: 100%; margin-top: 2rem; /* .flow-box */ }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block { padding: 1rem; } }
.sub-flow-sec .flow-block .flow-box { -webkit-box-align: center; align-items: center; padding: 2rem 4rem; background-color: #fff; border-radius: 4px; margin-top: 2rem; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box { padding: 2rem 1.5rem; margin-top: 1rem; } }
.sub-flow-sec .flow-block .flow-box:first-child { margin-top: 0; }
.sub-flow-sec .flow-block .flow-box .flow-box_tl { color: #fff; background-color: #D18F40; border-radius: 6px; padding: 0.5rem 1rem; width: 25%; text-align: center; font-size: 20px; font-size: 2rem; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_tl { position: relative; font-size: 18px; font-size: 1.8rem; width: 100%; margin-bottom: 1rem; cursor: pointer; } }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_tl::after { transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; position: absolute; top: 45%; right: 20px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; content: ''; transition: transform .3s; display: inline-block; } }
.sub-flow-sec .flow-block .flow-box .flow-box_tl.open::after { transform: rotate(225deg); }
.sub-flow-sec .flow-block .flow-box .flow-box_desc { width: 70%; text-align: left; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_desc { width: 100%; } }
.sub-flow-sec .flow-block .flow-box .flow-box_desc .flow-box_txt { font-size: 17px; font-size: 1.7rem; color: #282828; line-height: 1.6; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_desc .flow-box_txt { font-size: 15px; font-size: 1.5rem; } }
.sub-flow-sec .flow-block .flow-box .flow-box_desc .flow-box_txt span { font-size: 15px; font-size: 1.5rem; color: #444; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_desc .flow-box_txt span { font-size: 13px; font-size: 1.3rem; } }
.sub-flow-sec .flow-block .flow-box .flow-box_tl2 { width: 100%; font-size: 20px; font-size: 2rem; color: #D18F40; margin-bottom: 2rem; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_tl2 { font-size: 18px; font-size: 1.8rem; width: 100%; margin-bottom: 1rem; position: relative; cursor: pointer; } }
.sub-flow-sec .flow-block .flow-box .flow-box_tl2 span { width: 25%; display: inline-block; color: #fff; background-color: #D18F40; border-radius: 6px; padding: 0.5rem 1rem; text-align: center; margin-right: 2rem; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_tl2 span { width: 100%; margin-right: 0; display: block; margin-bottom: 1rem; } }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_tl2 span::after { transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; position: absolute; top: 20%; right: 20px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; content: ''; transition: transform .3s; display: inline-block; } }
.sub-flow-sec .flow-block .flow-box .flow-box_tl2.open span::after { transform: rotate(225deg); }
.sub-flow-sec .flow-block .flow-box .flow-box_txt2 { width: 100%; text-align: left; font-size: 17px; font-size: 1.7rem; color: #282828; line-height: 1.6; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_txt2 { font-size: 15px; font-size: 1.5rem; } }
.sub-flow-sec .flow-block .flow-box .flow-box_txt2 span { font-size: 15px; font-size: 1.5rem; color: #444; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box .flow-box_txt2 span { font-size: 13px; font-size: 1.3rem; } }
.sub-flow-sec .flow-block .flow-box_bg1 { background-image: url("images/flow/bg_flow1.jpg"); background-repeat: no-repeat; background-size: auto; background-position: right center; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box_bg1 { background-image: none; } }
.sub-flow-sec .flow-block .flow-box_bg2 { background-image: url("images/flow/bg_flow2.jpg"); background-repeat: no-repeat; background-size: auto; background-position: right center; }
@media screen and (max-width: 767px) { .sub-flow-sec .flow-block .flow-box_bg2 { background-image: none; } }
.sub-flow-sec:last-child { margin-bottom: 6rem; }
.sub-flow-sec .flow-line { position: relative; left: calc(50% - 2px); height: 60px; width: 4px; background-color: #D18F40; -webkit-box-align: center; align-items: center; }
.sub-flow-sec .flow-line .flow-dot-arrow-down { position: absolute; bottom: -5px; left: -5px; display: inline-block; vertical-align: middle; color: #D18F40; line-height: 1; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 1.5rem 0.75rem; border-top-color: currentColor; border-bottom: 0; }

/* .sub-flow-sec */
.sub-sec { /* 個別プラン */ /* .plan-lead */ /* .plan-service */ /* .plan-option */ /* .plan-other  */ /* サポートサービス */ /* 料金プラン */ /* .sub-bottom-plan */ /* .bn-common_flow */ }
.sub-sec .page_common_block { color: #282828; padding: 6rem 0 4rem; }
.sub-sec .page_common_block p { font-size: 16px; font-size: 1.6rem; line-height: 1.8; text-align: center; margin-bottom: 3rem; }
.sub-sec .page_common_block p:last-child { margin-bottom: 0; }
.sub-sec .plan-lead { /* .plan-flow_block */ }
.sub-sec .plan-lead .plan-tl { text-align: center; font-size: 24px; font-size: 2.4rem; font-weight: 600; margin: 4rem auto 2rem; max-width: 900px; padding-bottom: 1rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-lead .plan-tl { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 450px) { .sub-sec .plan-lead .plan-tl { max-width: 700px; line-height: 1.4; } }
.sub-sec .plan-lead .plan-txt { line-height: 2; text-align: center; font-size: 16px; font-size: 1.6rem; color: #282828; margin: 0 auto 4rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-lead .plan-txt { font-size: 14px; font-size: 1.4rem; width: 96%; max-width: 650px; } }
.sub-sec .plan-lead .plan-subtl { text-align: center; font-size: 22px; font-size: 2.2rem; margin-bottom: 3rem; font-weight: 700; }
@media screen and (max-width: 767px) { .sub-sec .plan-lead .plan-subtl { font-size: 20px; font-size: 2rem; } }
.sub-sec .plan-lead .plan-subtl i { padding: 0 0.5rem; }
@media screen and (max-width: 500px) { .sub-sec .plan-lead .plan-subtl i { display: none; } }
.sub-sec .plan-lead .plan-flow_block { width: 100%; padding-top: 1rem; /* .plan-flow_figure */ }
@media screen and (max-width: 1000px) { .sub-sec .plan-lead .plan-flow_block { width: 1000px; overflow: auto; } }
.sub-sec .plan-lead .plan-flow_block .plan-flow_outer { width: 100%; text-align: center; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_outer .outer-unit { position: relative; width: 40%; height: 20px; line-height: 20px; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_outer .outer-unit span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size: 14px; font-size: 1.4rem; display: inline-block; background-color: #fff; padding: 1rem 2rem; white-space: nowrap; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_outer .outer-unit_short { width: 20%; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure { width: 100%; margin-top: 4px; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure li { color: #fff; font-weight: 600; font-size: 15px; font-size: 1.5rem; width: calc(100% / 5); line-height: 50px; text-align: center; position: relative; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure li:not(:first-child):not(:last-child) { padding: 0 0 0 10px; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure li::before, .sub-sec .plan-lead .plan-flow_block .plan-flow_figure li::after { content: ""; width: 0; height: 0; display: block; position: absolute; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure li::before { border: solid 32px transparent; border-right: solid 13px transparent; border-left: solid 13px #FFF; top: -7px; left: 0; z-index: 1; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure li::after { border: solid 25px transparent; border-right: solid 10px transparent; top: 0; right: -19px; z-index: 2; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure li:first-child::before, .sub-sec .plan-lead .plan-flow_block .plan-flow_figure li:last-child::after { content: none; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure li.flow-no { display: inline-block; background-color: #6d6d6d; letter-spacing: 1px; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_figure li.flow-no::after { border-left: solid 10px #6d6d6d !important; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_img { width: 100%; position: relative; z-index: 3; }
.sub-sec .plan-lead .plan-flow_block .plan-flow_img .img-unit { width: calc(100% / 5); }
.sub-sec .plan-lead .plan-flow_block .plan-flow_img .img-unit-no { opacity: .4; }
.sub-sec .plan-lead .plan-flow_block_sp { width: 100%; padding-top: 1rem; margin-bottom: 1rem; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_outer { width: 100%; text-align: center; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_outer .outer-unit { position: relative; width: 66.66%; height: 20px; line-height: 20px; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_outer .outer-unit span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size: 14px; font-size: 1.4rem; display: inline-block; background-color: #fff; padding: 1rem 1rem; white-space: nowrap; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_outer .outer-unit2 { width: 100%; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_outer .outer-unit_short { width: 32.33%; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure { width: 100%; margin-top: 4px; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li { color: #fff; font-weight: 600; font-size: 15px; font-size: 1.5rem; width: calc(100% / 3); line-height: 50px; text-align: center; position: relative; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li:not(:first-child):not(:last-child) { padding: 0 0 0 10px; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li::before, .sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li::after { content: ""; width: 0; height: 0; display: block; position: absolute; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li::before { border: solid 32px transparent; border-right: solid 13px transparent; border-left: solid 13px #FFF; top: -7px; left: 0; z-index: 1; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li::after { border: solid 25px transparent; border-right: solid 10px transparent; top: 0; right: -19px; z-index: 2; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li:first-child::before, .sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li:last-child::after { content: none; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li.flow-no { display: inline-block; background-color: #6d6d6d; letter-spacing: 1px; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure li.flow-no::after { border-left: solid 10px #6d6d6d !important; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_figure2 li { width: calc(100% / 2); }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_img { width: 100%; position: relative; z-index: 3; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_img .img-unit { width: calc(100% / 3.04); }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_img .img-unit-no { opacity: .4; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_img2 { width: 100%; position: relative; z-index: 3; }
.sub-sec .plan-lead .plan-flow_block_sp .plan-flow_img2 .img-unit { width: calc(100% / 2.01); }
.sub-sec .plan-lead .scroll-hint-icon-wrap { z-index: 4; }
.sub-sec .plan-lead .plan-recommend_block { margin-bottom: 6rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-lead .plan-recommend_block { margin-bottom: 4rem; } }
.sub-sec .plan-lead .plan-recommend_block .plan-recommend_box { padding: 2rem; width: 31%; background-color: #F4E4CF; text-align: center; border-radius: 4px; }
@media screen and (max-width: 767px) { .sub-sec .plan-lead .plan-recommend_block .plan-recommend_box { width: 49%; margin-bottom: 1rem; padding: 1rem; } }
.sub-sec .plan-lead .plan-recommend_block .plan-recommend_box .plan-recommend_txt { font-size: 16px; font-size: 1.6rem; margin-bottom: 2rem; font-weight: 600; color: #154f66; }
@media screen and (max-width: 767px) { .sub-sec .plan-lead .plan-recommend_block .plan-recommend_box .plan-recommend_txt { font-size: 14px; font-size: 1.4rem; text-align: left; } }
.sub-sec .plan-lead .plan-recommend_block .plan-recommend_box .plan-recommend_icon { text-align: center; max-width: 60%; margin: 0 auto; }
@media screen and (max-width: 767px) { .sub-sec .plan-lead .plan-recommend_block .plan-recommend_box .plan-recommend_icon { max-width: 80%; } }
.sub-sec .plan-lead .plan-recommend_block .plan-recommend_box .plan-recommend_icon img { max-height: 100px; }
.sub-sec .plan-service { padding-bottom: 6rem; /* .plan-service_block */ /* .plan-faq_dl */ }
@media screen and (max-width: 767px) { .sub-sec .plan-service { padding-bottom: 4rem; } }
.sub-sec .plan-service .plan-bg_tl { color: #fff; font-size: 24px; font-size: 2.4rem; line-height: 3; border-radius: 20px; margin: 2rem 0 2rem; text-align: center; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-bg_tl { font-size: 18px; font-size: 1.8rem; line-height: 1.6; padding: 5px 0; } }
.sub-sec .plan-service .plan-bg_subtl { color: #fff; font-size: 24px; font-size: 2.4rem; line-height: 2.4; border-radius: 20px; margin: 4rem 0 2rem; text-align: center; display: inline-block; padding: 0 2rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-bg_subtl { display: block; } }
.sub-sec .plan-service .plan-service_block { -webkit-box-align: stretch; align-items: stretch; }
.sub-sec .plan-service .plan-service_block .plan-service_box { width: 19.2%; margin-bottom: 1rem; border-radius: 10px; background-color: #F4E4CF; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-service_block .plan-service_box { width: 32%; } }
.sub-sec .plan-service .plan-service_block .plan-service_box .plan-service_txt { background-color: #fff; text-align: center; font-size: 15px; font-size: 1.5rem; font-weight: 700; line-height: 2.4; border-radius: 10px 10px 0 0; color: #282828; }
.sub-sec .plan-service .plan-service_block .plan-service_box .plan-service_img { text-align: center; background-color: #F4E4CF; padding: 2rem 0; border-radius: 0 0 10px 10px; }
.sub-sec .plan-service .plan-service_block .plan-service_box .plan-service_img img { max-height: 60px; }
.sub-sec .plan-service .plan-service_block .plan-service_no_box { border: 1px solid #999; background-color: #eee; align-content: center; min-height: 135.59px; }
.sub-sec .plan-service .plan-service_block .plan-service_no_box .plan-service_no_txt { text-align: center; vertical-align: middle; color: #999; font-weight: 600; font-size: 14px; font-size: 1.4rem; }
.sub-sec .plan-service .plan-service_block .plan-service_box_long { width: 79.8%; padding: 1rem; background-color: #fff; border-radius: 10px; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-service_block .plan-service_box_long { width: 100%; } }
.sub-sec .plan-service .plan-service_block .plan-service_box_long .plan-bg_subtl { margin: 0 0 1rem; line-height: 2; font-size: 16px; font-size: 1.6rem; }
.sub-sec .plan-service .plan-service_block .plan-service_box_long .plan-service_box_long_txt { color: #282828; font-size: 12px; font-size: 1.2rem; }
.sub-sec .plan-service .add_alert2 { background-color: #fff; font-size: 13px; font-size: 1.3rem; line-height: 2; border-radius: 10px; text-align: center; width: 40%; margin: 1rem 0 0 auto; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .add_alert2 { margin: 1rem auto 0; width: 80%; } }
.sub-sec .plan-service .plan-faq { background-color: #fff; margin-top: 6rem; padding: 0 4rem 4rem; /* .plan-faq_dl */ }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-faq { padding: 2rem 2rem; } }
.sub-sec .plan-service .plan-faq .plan-bg_subtl { margin: -30px 0 2rem 2rem !important; line-height: 2; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-faq .plan-bg_subtl { margin: -40px 0 2rem 0 !important; } }
.sub-sec .plan-service .plan-faq .plan-faq_dl { margin-top: 2rem; }
.sub-sec .plan-service .plan-faq .plan-faq_dl .plan-faq_dt { color: #282828; margin-bottom: 1rem; padding-bottom: 5px; font-size: 18px; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-faq .plan-faq_dl .plan-faq_dt { font-size: 16px; font-size: 1.6rem; } }
.sub-sec .plan-service .plan-faq .plan-faq_dl .plan-faq_dt span { padding-right: 1rem; font-size: 20px; font-size: 2rem; font-weight: 900; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-faq .plan-faq_dl .plan-faq_dt span { font-size: 18px; font-size: 1.8rem; } }
.sub-sec .plan-service .plan-faq .plan-faq_dl .plan-faq_dd { color: #6d6d6d; font-size: 16px; font-size: 1.6rem; font-weight: 500; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-faq .plan-faq_dl .plan-faq_dd { font-size: 14px; font-size: 1.4rem; } }
.sub-sec .plan-service .plan-faq .plan-faq_dl .plan-faq_dd span { padding-right: 1rem; font-size: 20px; font-size: 2rem; font-weight: 900; }
@media screen and (max-width: 767px) { .sub-sec .plan-service .plan-faq .plan-faq_dl .plan-faq_dd span { font-size: 18px; font-size: 1.8rem; } }
.sub-sec .plan-option { padding-bottom: 2rem; /* .plan-option_block */ }
@media screen and (max-width: 767px) { .sub-sec .plan-option { padding-bottom: 0; } }
.sub-sec .plan-option .plan-option_tl { font-size: 22px; font-size: 2.2rem; margin-bottom: 2rem; text-align: center; color: #282828; }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_tl { font-size: 20px; font-size: 2rem; } }
.sub-sec .plan-option .plan-option_tl i { padding: 0 0.5rem; }
.sub-sec .plan-option .plan-option_subtl { color: #D18F40; font-size: 22px; font-size: 2.2rem; margin: 0 auto 2rem; text-align: center; border-bottom: 1px solid #D18F40; width: 60%; text-align: center; padding-bottom: 1rem; }
.sub-sec .plan-option .plan-option_block { margin-bottom: 4rem; border: 2px solid #D18F40; align-content: center; color: #282828; /* .plan-option_detail_box */ /* .plan-option_desc_box */ /* .plan-option_price_box */ }
.sub-sec .plan-option .plan-option_block .plan-option_img { width: 35%; }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_img { width: 100%; } }
.sub-sec .plan-option .plan-option_block .plan-option_detail_box { width: 63%; text-align: center; padding: 1rem; background-color: #fff; align-content: center; }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box { width: 100%; } }
.sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_tl { font-size: 30px; font-size: 3rem; padding-bottom: 1rem; width: 100%; }
@media screen and (max-width: 900px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_tl { font-size: 26px; font-size: 2.6rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_tl { font-size: 24px; font-size: 2.4rem; } }
.sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_txt { font-size: 18px; font-size: 1.8rem; padding-bottom: 2rem; width: 100%; }
@media screen and (max-width: 830px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_txt { font-size: 15px; font-size: 1.5rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_txt { padding-bottom: 1rem; font-size: 15px; font-size: 1.5rem; text-align: left; } }
.sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_price { color: #D18F40; font-size: 22px; font-size: 2.2rem; width: 100%; font-weight: 700; }
@media screen and (max-width: 900px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_price { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_price { font-size: 18px; font-size: 1.8rem; } }
.sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_price span { font-size: 40px; font-size: 4rem; }
@media screen and (max-width: 900px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_price span { font-size: 34px; font-size: 3.4rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_price span { font-size: 32px; font-size: 3.2rem; } }
.sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_price .no-tax { font-size: 14px; font-size: 1.4rem; }
.sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_note { font-size: 14px; font-size: 1.4rem; padding-top: 1rem; width: 100%; }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_detail_box .plan-option_detail_note { text-align: left; font-size: 13px; font-size: 1.3rem; } }
.sub-sec .plan-option .plan-option_block .plan-option_desc_box { width: 60%; padding: 3rem; }
@media screen and (max-width: 900px) { .sub-sec .plan-option .plan-option_block .plan-option_desc_box { padding: 3rem 2rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_desc_box { width: 100%; } }
.sub-sec .plan-option .plan-option_block .plan-option_desc_box .plan-option_desc_txt { font-size: 16px; font-size: 1.6rem; padding-bottom: 2rem; }
.sub-sec .plan-option .plan-option_block .plan-option_desc_box .plan-option_desc_note { font-size: 14px; font-size: 1.4rem; }
.sub-sec .plan-option .plan-option_block .plan-option_price_box { width: 40%; text-align: center; align-content: center; padding: 0 1rem 1rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_price_box { width: 100%; } }
.sub-sec .plan-option .plan-option_block .plan-option_price_box .plan-option_price_tl { background-color: #D18F40; color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: 700; padding: 0 2rem; line-height: 2; border-radius: 8px; margin: 0 auto 2rem; width: 40%; }
.sub-sec .plan-option .plan-option_block .plan-option_price_box .plan-option_price_txt { color: #D18F40; font-size: 22px; font-size: 2.2rem; width: 100%; font-weight: 700; }
@media screen and (max-width: 900px) { .sub-sec .plan-option .plan-option_block .plan-option_price_box .plan-option_price_txt { font-size: 20px; font-size: 2rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_price_box .plan-option_price_txt { font-size: 18px; font-size: 1.8rem; } }
.sub-sec .plan-option .plan-option_block .plan-option_price_box .plan-option_price_txt span { font-size: 40px; font-size: 4rem; }
@media screen and (max-width: 900px) { .sub-sec .plan-option .plan-option_block .plan-option_price_box .plan-option_price_txt span { font-size: 34px; font-size: 3.4rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-option .plan-option_block .plan-option_price_box .plan-option_price_txt span { font-size: 32px; font-size: 3.2rem; } }
.sub-sec .plan-option .plan-option_block .plan-option_price_box .plan-option_price_txt .no-tax { font-size: 14px; font-size: 1.4rem; }
.sub-sec .plan-other { padding-top: 4rem; /* .plan-other_block  */ }
@media screen and (max-width: 767px) { .sub-sec .plan-other { padding-top: 2rem; } }
.sub-sec .plan-other .plan-other_tl { text-align: center; font-size: 24px; font-size: 2.4rem; margin-top: 2rem; margin-bottom: 3rem; font-weight: 700; background-color: #D18F40; color: #fff; line-height: 3; border-radius: 20px; }
@media screen and (max-width: 767px) { .sub-sec .plan-other .plan-other_tl { font-size: 18px; font-size: 1.8rem; } }
.sub-sec .plan-other .plan-other_lead { line-height: 2; text-align: left; font-size: 16px; font-size: 1.6rem; color: #282828; width: 80%; margin: 0 auto; }
@media screen and (max-width: 767px) { .sub-sec .plan-other .plan-other_lead { font-size: 14px; font-size: 1.4rem; width: 96%; max-width: 650px; margin: 0 auto 3rem; } }
.sub-sec .plan-other .plan-other_block { margin: 2rem 0 4rem; padding: 2rem 2rem 0; /* .plan-other_box  */ }
@media screen and (max-width: 767px) { .sub-sec .plan-other .plan-other_block { margin: 2rem 0 2rem; padding: 1rem 1rem 0; } }
.sub-sec .plan-other .plan-other_block .plan-other_box { background-color: #fff; padding: 2rem 2rem 2rem 0; -webkit-box-align: center; align-items: center; margin-bottom: 2rem; border-radius: 10px; }
.sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_number { text-align: center; width: 15%; font-size: 40px; font-size: 4rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_number { font-size: 34px; font-size: 3.4rem; } }
.sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_desc { width: 85%; padding-right: 4rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_desc { padding-right: 1rem; } }
.sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_desc .plan-other_subtl { font-size: 20px; font-size: 2rem; padding-bottom: 0.5rem; margin-bottom: 1rem; border-bottom: 1px solid #D18F40; }
@media screen and (max-width: 767px) { .sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_desc .plan-other_subtl { font-size: 16px; font-size: 1.6rem; } }
.sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_desc .plan-other_txt { color: #282828; font-size: 16px; font-size: 1.6rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_desc .plan-other_txt { font-size: 14px; font-size: 1.4rem; } }
.sub-sec .plan-other .plan-other_block .plan-other_box .plan-other_desc .plan-other_txt span { display: block; font-size: 12px; font-size: 1.2rem; }
.sub-sec .plan-other .plan-other_block .plan-other_box:last-child { margin-bottom: 6rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-other .plan-other_block .plan-other_box:last-child { margin-bottom: 4rem; } }
.sub-sec .full-wrap_support { padding: 3rem 0 6rem; background-color: #FAF2E8; }
@media screen and (max-width: 767px) { .sub-sec .full-wrap_support { padding: 3rem 0; } }
.sub-sec .plan-support_block { background-color: #F4E4CF; margin: 2rem 0 0; padding: 4rem 4rem 4rem; border-radius: 8px; /* .plan-other_box2  */ }
@media screen and (max-width: 1000px) { .sub-sec .plan-support_block { padding: 2rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-support_block { margin: 2rem 0 2rem; padding: 2rem 1rem 2rem; } }
.sub-sec .plan-support_block .plan-support_box { padding: 2rem; background-color: #fff; border: 2px solid #D18F40; border-radius: 10px; width: 48.5%; text-align: center; margin-bottom: 2rem; }
@media screen and (max-width: 900px) { .sub-sec .plan-support_block .plan-support_box { padding: 1rem; } }
.sub-sec .plan-support_block .plan-support_box .plan-support_subtl { padding-bottom: 0.5rem; border-bottom: 1px solid #D18F40; color: #d0760c; font-size: 24px; font-size: 2.4rem; margin-bottom: 1rem; font-weight: 600; }
@media screen and (max-width: 1000px) { .sub-sec .plan-support_block .plan-support_box .plan-support_subtl { font-size: 21px; font-size: 2.1rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-support_block .plan-support_box .plan-support_subtl { font-size: 16px; font-size: 1.6rem; } }
.sub-sec .plan-support_block .plan-support_box .plan-support_txt { font-size: 16px; font-size: 1.6rem; color: #282828; }
@media screen and (max-width: 1000px) { .sub-sec .plan-support_block .plan-support_box .plan-support_txt { font-size: 15px; font-size: 1.5rem; } }
@media screen and (max-width: 767px) { .sub-sec .plan-support_block .plan-support_box .plan-support_txt { font-size: 14px; font-size: 1.4rem; text-align: left; } }
@media screen and (max-width: 500px) { .sub-sec .plan-support_block .plan-support_box .plan-support_txt { font-size: 12px; font-size: 1.2rem; } }
.sub-sec .plan-support_block .plan-support_box .plan-support_txt span { display: block; font-size: 12px; font-size: 1.2rem; padding-top: 0.5rem; }
@media screen and (max-width: 767px) { .sub-sec .plan-support_block .plan-support_box .plan-support_txt span { font-size: 11px; font-size: 1.1rem; } }
.sub-sec .plan-support_block .plan-support_box:nth-child(9) { margin-bottom: 0; }
.sub-sec .plan-support_block .plan-support_box:nth-child(10) { margin-bottom: 0; }
.sub-sec .full-wrap_other-plan { padding: 5rem 0 3rem; }
@media screen and (max-width: 767px) { .sub-sec .full-wrap_other-plan { padding: 3rem 0 1rem; } }
.sub-sec .full-wrap_other-plan .common-lead { color: #282828; }
.sub-sec .sub-bottom-plan { padding-bottom: 0; /* .sub-bottom-plan_list */ }
.sub-sec .sub-bottom-plan .sub-bottom-plan_list { -webkit-box-align: center; align-items: center; -webkit-box-align: center; align-items: center; }
.sub-sec .sub-bottom-plan .sub-bottom-plan_list .sub-bottom-plan_item { width: 47%; margin-bottom: 2rem; }
@media screen and (max-width: 767px) { .sub-sec .sub-bottom-plan .sub-bottom-plan_list .sub-bottom-plan_item { width: 100%; } }
.sub-sec .sub-bottom-plan .sub-bottom-plan_list .sub-bottom-plan_item .sub-bottom-plan_tl { color: #D18F40; padding-bottom: 0.5rem; border-bottom: 1px solid #D18F40; text-align: center; font-size: 26px; font-size: 2.6rem; }
@media screen and (max-width: 767px) { .sub-sec .sub-bottom-plan .sub-bottom-plan_list .sub-bottom-plan_item .sub-bottom-plan_tl { font-size: 20px; font-size: 2rem; } }
.sub-sec .sub-bottom-plan .sub-bottom-plan_list .sub-bottom-plan_item a { -webkit-transition: all 0.3s; transition: all 0.3s; }
.sub-sec .sub-bottom-plan .sub-bottom-plan_list .sub-bottom-plan_item a:hover { opacity: .7; }
.sub-sec .bn-common_flow { display: block; width: 90%; margin: 2rem auto; background-color: #282828; border-radius: 4px; border: 2px solid #282828; -webkit-box-shadow: 4px 4px 0 #ccc; box-shadow: 4px 4px 0 #ccc; -webkit-transition: all 0.3s; transition: all 0.3s; }
@media screen and (max-width: 767px) { .sub-sec .bn-common_flow { width: 95%; margin: 2rem auto 2rem; } }
.sub-sec .bn-common_flow:hover { -webkit-box-shadow: 2px 2px 0 #ccc; box-shadow: 2px 2px 0 #ccc; background-color: #6d6d6d; }
.sub-sec .bn-common_flow .bn-common_flow_txt { color: #fff; text-align: center; font-size: 22px; font-size: 2.2rem; margin: 2rem 0; color: #fff; line-height: 2; }
@media screen and (max-width: 767px) { .sub-sec .bn-common_flow .bn-common_flow_txt { font-size: 18px; font-size: 1.8rem; } }
.sub-sec .bn-common_flow .bn-common_flow_txt i { padding-right: 1rem; }

/* .sub-sec */
/* 個別プラン内容 */
.sub-one-day-sec { color: #EF856D; }
.sub-one-day-sec .plan-bg_tl, .sub-one-day-sec .plan-service_box, .sub-one-day-sec .plan-bg_subtl { background-color: #EF856D; }
.sub-one-day-sec .plan-service_box, .sub-one-day-sec .add_alert2 { border: 1px solid #EF856D; color: #EF856D; }
.sub-one-day-sec .plan-tl, .sub-one-day-sec .plan-faq_dt { border-bottom: 1px solid #EF856D; }
.sub-one-day-sec .plan-faq_dt span, .sub-one-day-sec .plan-faq_dd span { color: #EF856D; }
.sub-one-day-sec .outer-unit { border-left: 1px solid #EF856D; border-top: 1px solid #EF856D; border-right: 1px solid #EF856D; }
.sub-one-day-sec .plan-flow_figure li { background: #EF856D; }
.sub-one-day-sec .plan-flow_figure li::after { border-left: solid 10px #EF856D !important; }
.sub-one-day-sec .plan-flow_figure li.flow-no { text-decoration: solid line-through #EF856D 3px; }

.sub-small-sec { color: #60A952; }
.sub-small-sec .plan-bg_tl, .sub-small-sec .plan-service_box, .sub-small-sec .plan-bg_subtl { background-color: #60A952; }
.sub-small-sec .plan-service_box, .sub-small-sec .add_alert2 { border: 1px solid #60A952; }
.sub-small-sec .plan-tl, .sub-small-sec .plan-faq_dt { border-bottom: 1px solid #60A952; }
.sub-small-sec .plan-faq_dt span, .sub-small-sec .plan-faq_dd span { color: #60A952; }
.sub-small-sec .outer-unit { border-left: 1px solid #60A952; border-top: 1px solid #60A952; border-right: 1px solid #60A952; }
.sub-small-sec .plan-flow_figure li::after { border-left: solid 10px #60A952 !important; }
.sub-small-sec .plan-flow_figure li { background: #60A952; }
.sub-small-sec .plan-flow_figure li.flow-no { text-decoration: solid line-through #60A952 3px; }

.sub-standard-sec { color: #8476B5; }
.sub-standard-sec .plan-bg_tl, .sub-standard-sec .plan-service_box, .sub-standard-sec .plan-bg_subtl { background-color: #8476B5; }
.sub-standard-sec .plan-service_box, .sub-standard-sec .add_alert2 { border: 1px solid #8476B5; }
.sub-standard-sec .plan-tl, .sub-standard-sec .plan-faq_dt { border-bottom: 1px solid #8476B5; }
.sub-standard-sec .plan-faq_dt span, .sub-standard-sec .plan-faq_dd span { color: #8476B5; }
.sub-standard-sec .outer-unit { border-left: 1px solid #8476B5; border-top: 1px solid #8476B5; border-right: 1px solid #8476B5; }
.sub-standard-sec .plan-flow_figure li::after { border-left: solid 10px #8476B5 !important; }
.sub-standard-sec .plan-flow_figure li { background: #8476B5; }
.sub-standard-sec .plan-flow_figure li.flow-no { text-decoration: solid line-through #8476B5 3px; }

.full-wrap_common { background-color: #F4E4CF; color: #D18F40; padding-bottom: 2rem; }
@media screen and (max-width: 767px) { .full-wrap_common { padding-bottom: 1rem; } }

.full-wrap_sub_concept { background-color: #F4E4CF; color: #282828; padding: 6rem 0; }
@media screen and (max-width: 1199px) { .full-wrap_sub_concept { padding: 3rem 5px; margin-bottom: 2rem; } }
@media screen and (max-width: 767px) { .full-wrap_sub_concept { padding: 5px 0; margin-bottom: 2rem; } }

.full-wrap_one-day { background-color: #fef1ec; padding-top: 4rem; }
@media screen and (max-width: 767px) { .full-wrap_one-day { padding-top: 2rem; } }

.full-wrap_small { background-color: #f4f8f0; padding-top: 4rem; }
@media screen and (max-width: 767px) { .full-wrap_small { padding-top: 2rem; } }

.full-wrap_standard { background-color: #edecf6; padding-top: 4rem; }
@media screen and (max-width: 767px) { .full-wrap_standard { padding-top: 2rem; } }

/* 運営会社　about */
.sub-about-sec { /* .about-block */ }
.sub-about-sec .full-wrap_about { background-color: #FAF2E8; }
.sub-about-sec .about-block { padding: 6rem 0 4rem; }
@media screen and (max-width: 767px) { .sub-about-sec .about-block { padding: 6rem 1rem 4rem; } }
.sub-about-sec .about-block .about-block_table { width: 100%; }
.sub-about-sec .about-block .about-block_table th, .sub-about-sec .about-block .about-block_table td { padding: 2rem; font-size: 16px; font-size: 1.6rem; }
@media screen and (max-width: 767px) { .sub-about-sec .about-block .about-block_table th, .sub-about-sec .about-block .about-block_table td { font-size: 14px; font-size: 1.4rem; padding: 2rem 1rem; } }
.sub-about-sec .about-block .about-block_table th { background-color: #F4E4CF; color: #282828; text-align: center; vertical-align: middle; border-top: 1px solid #D18F40; border-bottom: 1px solid #D18F40; }
.sub-about-sec .about-block .about-block_table td { color: #282828; text-align: left; background-color: #fff; border-top: 1px solid #D18F40; border-bottom: 1px solid #D18F40; }
.sub-about-sec .about-block .about-block_list { width: 60%; margin: 0 auto; }
@media screen and (max-width: 767px) { .sub-about-sec .about-block .about-block_list { width: 90%; } }
.sub-about-sec .about-block .about-block_list .about-block_item { padding-bottom: 1.5rem; font-size: 20px; font-size: 2rem; color: #282828; }
@media screen and (max-width: 767px) { .sub-about-sec .about-block .about-block_list .about-block_item { font-size: 16px; font-size: 1.6rem; } }

/* .sub-about-sec */
/* 教会一覧 church*/
.sub-church-sec { /* .church-block */ }
.sub-church-sec .church-block_list { margin: 4rem 0; }
.sub-church-sec .church-block_list .church-block_item { width: 19%; margin-bottom: 1rem; display: inline-block; }
@media screen and (max-width: 1000px) { .sub-church-sec .church-block_list .church-block_item { width: 32%; } }
@media screen and (max-width: 767px) { .sub-church-sec .church-block_list .church-block_item { width: 48%; } }
.sub-church-sec .church-block_list .church-block_item a { color: #fff; width: 100%; height: 100%; display: block; background-color: #D18F40; padding: 1rem 1rem; color: #fff; border-radius: 20px; font-size: 15px; font-size: 1.5rem; text-align: center; }
@media screen and (max-width: 767px) { .sub-church-sec .church-block_list .church-block_item a { font-size: 14px; font-size: 1.4rem; font-weight: 600; } }
@media screen and (max-width: 500px) { .sub-church-sec .church-block_list .church-block_item a { font-size: 13px; font-size: 1.3rem; font-weight: 600; } }
.sub-church-sec .church-block_list .church-block_item a:hover { opacity: .7; }
.sub-church-sec .church-block { padding-bottom: 10px; /* .church-block_area */ /* .church-block_table */ }
.sub-church-sec .church-block .church-block_tl { background-color: #D18F40; padding: 1rem 2rem; color: #fff; border-radius: 20px; margin-top: 4rem; margin-bottom: 2rem; font-size: 16px; font-size: 1.6rem; text-align: center; display: inline-block; width: 30%; }
@media screen and (max-width: 1000px) { .sub-church-sec .church-block .church-block_tl { width: 40%; } }
@media screen and (max-width: 767px) { .sub-church-sec .church-block .church-block_tl { width: 65%; } }
.sub-church-sec .church-block .church-block_tl:first-child { margin-top: 0; }
@media screen and (max-width: 767px) { .sub-church-sec .church-block .js-scrollable { margin-bottom: 2rem; } }
.sub-church-sec .church-block .church-block_table { width: 100%; }
@media screen and (max-width: 767px) { .sub-church-sec .church-block .church-block_table { width: 767px; overflow: auto; } }
.sub-church-sec .church-block .church-block_table tr:nth-child(odd) { background-color: #ffffff; }
.sub-church-sec .church-block .church-block_table tr:nth-child(even) { background-color: #f0f0f0; }
.sub-church-sec .church-block .church-block_table tr:first-child { background-color: #6c6c6c; }
.sub-church-sec .church-block .church-block_table td { padding: 1.5rem 1rem; font-size: 16px; font-size: 1.6rem; border: 1px solid #282828; color: #282828; text-align: center; vertical-align: middle; white-space: nowrap; }
@media screen and (max-width: 950px) { .sub-church-sec .church-block .church-block_table td { font-size: 14px; font-size: 1.4rem; padding: 1rem 0.5rem; } }
.sub-church-sec .church-block .church-block_table .th_head { padding: 1rem 1rem; font-size: 16px; font-size: 1.6rem; border: 1px solid #282828; color: #fff; }
@media screen and (max-width: 950px) { .sub-church-sec .church-block .church-block_table .th_head { font-size: 14px; font-size: 1.4rem; padding: 1rem 0.5rem; } }
.sub-church-sec .church-block .church-block_source { font-size: 15px; font-size: 1.5rem; color: #282828; text-align: right; padding-top: 1rem; margin-bottom: 40px; }
.sub-church-sec .church-block .church-block_source a { color: #0066c0; }
.sub-church-sec .church-block .church-block_source a:hover { color: #1a0dab; }
.sub-church-sec .church-block .church-attention { text-align: center; font-size: 18px; font-size: 1.8rem; text-align: center; font-weight: 500; color: #282828; margin-top: 4rem; margin-bottom: 3rem; line-height: 1.4; }
@media screen and (max-width: 767px) { .sub-church-sec .church-block .church-attention { font-size: 16px; font-size: 1.6rem; } }

/* .sub-church-sec */
/* コラム一覧　*/
.full-wrap_archive { padding: 4rem 0; color: #282828; background-color: #FAF2E8; }
@media screen and (max-width: 767px) { .full-wrap_archive { padding: 2rem 0; } }

/* コラム詳細　*/
.sub-sec_block { margin-bottom: 4rem; }

/* フッター　*/
.footer { /* .foot-bottom-block */ }
.footer .full-wrap { width: 100%; background-color: #F4E4CF; }
.footer .inner { width: 100%; max-width: 1100px; margin: 0 auto; background-color: transparent; }
@media screen and (max-width: 1199px) { .footer .inner { padding: 0 5px; } }
.footer .footer-company { color: #282828; padding: 6rem 0; text-align: center; }
@media screen and (max-width: 1199px) { .footer .footer-company { padding: 4rem 5px; } }
.footer .footer-company .footer-company_tl { display: inline-block; min-width: 600px; font-size: 20px; font-size: 2rem; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid #af6308; line-height: 2.5; text-align: center; margin-bottom: 3rem; letter-spacing: 1px; color: #af6308; }
@media screen and (max-width: 767px) { .footer .footer-company .footer-company_tl { display: block; min-width: auto; } }
.footer .footer-company .footer-contact_form { display: block; color: #fff; background: #282828; border-radius: 20px; line-height: 2.6; font-size: 14px; font-size: 1.4rem; font-weight: 700; max-width: 300px; margin: 1rem auto; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }
.footer .footer-company .footer-contact_form i { padding-right: 1rem; color: #fff; }
.footer .footer-company .footer-contact_form:hover { opacity: .7; }
.footer .footer-company .footer-company_name { font-size: 20px; font-size: 2rem; padding-bottom: 1rem; font-weight: 500; }
.footer .footer-company .footer-company_name span { font-size: 16px; font-size: 1.6rem; padding-right: 3px; }
.footer .footer-company .footer-company_address { font-size: 16px; font-size: 1.6rem; line-height: 1.7; font-weight: 400; }
.footer .footer-company .footer-company_address span { font-size: 14px; font-size: 1.4rem; padding-right: 6px; }
.footer .footer-company .footer-company_tel { font-size: 16px; font-size: 1.6rem; line-height: 1.4; font-weight: 400; letter-spacing: 1px; }
.footer .footer-company .footer-company_tel span { font-size: 14px; font-size: 1.4rem; padding-right: 6px; }
.footer .copyright { width: 100%; color: #fff; text-align: center; font-size: 12px; font-size: 1.2rem; padding: 10px 0; margin-bottom: 0; background-color: #D18F40; }
@media screen and (max-width: 767px) { .footer .copyright { margin-bottom: 90px; } }
.footer .foot-bottom-block { display: none; /* .bn-contact_block */ }
@media screen and (max-width: 767px) { .footer .foot-bottom-block { position: fixed; display: block; bottom: 0; text-align: center; width: 100%; z-index: 20000; } }
.footer .foot-bottom-block .bn-contact_block { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: stretch; align-items: stretch; /* .bn-request */ }
.footer .foot-bottom-block .bn-contact_block a { display: block; width: 100%; height: 100%; }
.footer .foot-bottom-block .bn-contact_block .bn-tel { display: block; width: 70%; text-align: center; background-color: #e75f14; padding: 1rem; }
.footer .foot-bottom-block .bn-contact_block .bn-tel .bn-tel_txt1 { display: inline-block; color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: 600; padding-bottom: 1rem; }
.footer .foot-bottom-block .bn-contact_block .bn-tel .bn-tel_number { font-size: 26px; font-size: 2.6rem; color: #282828; font-weight: 900; padding: 0; color: #fff; letter-spacing: 0; }
.footer .foot-bottom-block .bn-contact_block .bn-tel .bn-tel_number i { padding-right: 1rem; font-size: 30px; font-size: 3rem; color: #fff; }
.footer .foot-bottom-block .bn-contact_block .bn-request { display: block; width: 30%; background-color: #0c227a; padding: 1rem 0; }
.footer .foot-bottom-block .bn-contact_block .bn-request .bn-request_main { text-align: center; font-size: 18px; font-size: 1.8rem; color: #fff; font-weight: 700; }
.footer .foot-bottom-block .bn-contact_block .bn-request i { padding-bottom: 0.5rem; font-size: 30px; font-size: 3rem; color: #fff; }

/* .footer */