@charset "UTF-8";
/*
Theme Name: SAVEON Template
Author: 
Author URI: 
Version: 1.0.0
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Old+Standard+TT:400,400i,700|EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i);
.clearfix, .container, .container-lower, .float-box, .overflow-auto > div, .pageGallerylist, .add-bookmark .box, .header-nav, .header-sp-menu-container, .footer-banner ul, .footer-sitemap .link, .contact-tel, .page-list-store, .top-main, .top-link, .top-link-list, .franchise-owner, .franchise-process .process-list.sublist ul, .news-container, .news-list-link li, .error-container, .page-container-body, .page-container-fixed, .page-container-body section, .page-container-body div, .page-container-fixed section, .page-container-fixed div, .page-container-body .gallery, .page-container-fixed .gallery { *zoom: 1; }
.clearfix:after, .container:after, .container-lower:after, .float-box:after, .overflow-auto > div:after, .pageGallerylist:after, .add-bookmark .box:after, .header-nav:after, .header-sp-menu-container:after, .footer-banner ul:after, .footer-sitemap .link:after, .contact-tel:after, .page-list-store:after, .top-main:after, .top-link:after, .top-link-list:after, .franchise-owner:after, .franchise-process .process-list.sublist ul:after, .news-container:after, .news-list-link li:after, .error-container:after, .page-container-body:after, .page-container-fixed:after, .page-container-body section:after, .page-container-body div:after, .page-container-fixed section:after, .page-container-fixed div:after, .page-container-body .gallery:after, .page-container-fixed .gallery:after { content: ""; display: table; clear: both; }

/* --- サイト内共通 ----------------------------------------------------------------------------------------- */
html { font-size: 62.5%; font-family: "Lato", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic Gothic Medium, "メイリオ", "Meiryo", sans-serif; }
@media (min-width: 48em) { html { font-size: 125%; } }
@media all and (-ms-high-contrast: none) { html { font-family: 'Segoe UI',YuGothicM,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; } }

body { font-size: 16px; font-size: 1.6rem; line-height: 1.625; color: #555; }
@media (min-width: 48em) { body { font-size: 0.8rem; } }

a { position: relative; text-decoration: none; color: #000; outline: none; }
@media (min-width: 62em) { a { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  a:hover { opacity: 0.60; } }

video.normal-movie { display: block; margin: 0; min-width: 100%; min-height: auto; width: 100%; height: auto; }

#wrapper { overflow: hidden; }

.container { margin: 0 auto; padding-left: 0.75rem; padding-right: 0.75rem; }
@media (min-width: 64em) { .container { max-width: 1230px; } }
.container-lower { margin: 0 auto; padding-left: 0.75rem; padding-right: 0.75rem; }
@media (min-width: 48em) { .container-lower { max-width: 1032px; } }

.float-box { margin: 0 -0.75rem; }

.float-l { float: left !important; }

.float-r { float: right !important; }

.col-md-1, .col-md-2, .col-md-2-5, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; position: relative; min-height: 1px; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 1.5rem; }

.col-md-1 { float: none; }
@media (min-width: 48em) { .col-md-1 { float: left; width: 8.3333%; } }

.col-md-2 { float: none; }
@media (min-width: 48em) { .col-md-2 { float: left; width: 16.6666%; } }

.col-md-2-5 { float: none; width: 100%; }
@media (min-width: 48em) { .col-md-2-5 { float: left; width: 50%; } }
@media (min-width: 62em) { .col-md-2-5 { float: left; width: 20%; } }

.col-md-3 { float: none; width: 100%; }
@media (min-width: 62em) { .col-md-3 { float: left; width: 25%; } }

.col-md-4 { float: none; width: 100%; }
@media (min-width: 62em) { .col-md-4 { float: left; width: 33.3333%; } }

.col-md-5 { float: none; width: 100%; }
@media (min-width: 62em) { .col-md-5 { float: left; width: 41.6666%; } }

.col-md-6 { float: none; width: 100%; }
@media (min-width: 62em) { .col-md-6 { float: left; width: 50%; } }

.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: none; width: 100%; }
@media (min-width: 62em) { .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; width: 58.3333%; } }

@media (min-width: 62em) { .col-md-8 { float: left; width: 66.6666%; } }

@media (min-width: 62em) { .col-md-9 { float: left; width: 75%; } }

@media (min-width: 62em) { .col-md-10 { float: none; width: 100%; } }
@media (min-width: 76.875em) { .col-md-10 { float: none; width: 83.3333%; margin: 0 auto; } }

@media (min-width: 62em) { .col-md-11 { float: none; width: 100%; } }
@media (min-width: 76.875em) { .col-md-11 { float: none; width: 91.6666%; margin: 0 auto; } }

@media (min-width: 62em) { .col-md-12 { float: none; width: 100%; } }

@media (min-width: 62em) { .f-w-10 { float: left; width: 10% !important; } }

@media (min-width: 62em) { .f-w-20 { float: left; width: 20% !important; } }

@media (min-width: 62em) { .f-w-30 { float: left; width: 30% !important; } }

@media (min-width: 62em) { .f-w-40 { float: left; width: 40% !important; } }

@media (min-width: 62em) { .f-w-50 { float: left; width: 50% !important; } }

@media (min-width: 62em) { .f-w-60 { float: left; width: 60% !important; } }

@media (min-width: 62em) { .f-w-70 { float: left; width: 70% !important; } }

@media (min-width: 62em) { .f-w-80 { float: left; width: 80% !important; } }

@media (min-width: 62em) { .f-w-90 { float: left; width: 90% !important; } }

@media (min-width: 62em) { .f-w-100 { float: left; width: 100% !important; } }

.pd-4px-8px { padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }

.pd-8px-16px { padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; }

.pd-12px-24px { padding-top: 1.2rem !important; padding-bottom: 1.2rem !important; }

.pd-16px-32px { padding-top: 1.6rem !important; padding-bottom: 1.6rem !important; }

.pd-20px-40px { padding-top: 2rem !important; padding-bottom: 2rem !important; }

.pd-24px-48px { padding-top: 2.4rem !important; padding-bottom: 2.4rem !important; }

.pd-28px-56px { padding-top: 2.8rem !important; padding-bottom: 2.8rem !important; }

.pd-32px-64px { padding-top: 3.2rem !important; padding-bottom: 3.2rem !important; }

.pd-36px-72px { padding-top: 3.6rem !important; padding-bottom: 3.6rem !important; }

.pd-40px-80px { padding-top: 4rem !important; padding-bottom: 4rem !important; }

.pd-box-4px-8px { padding: 0.4rem !important; }
.pd-box-4px-8px p:nth-last-child(1), .pd-box-4px-8px ul:nth-last-child(1), .pd-box-4px-8px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-8px-16px { padding: 0.8rem !important; }
.pd-box-8px-16px p:nth-last-child(1), .pd-box-8px-16px ul:nth-last-child(1), .pd-box-8px-16px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-12px-24px { padding: 1.2rem !important; }
.pd-box-12px-24px p:nth-last-child(1), .pd-box-12px-24px ul:nth-last-child(1), .pd-box-12px-24px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-16px-32px { padding: 1.6rem !important; }
.pd-box-16px-32px p:nth-last-child(1), .pd-box-16px-32px ul:nth-last-child(1), .pd-box-16px-32px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-20px-40px { padding: 2rem !important; }
.pd-box-20px-40px p:nth-last-child(1), .pd-box-20px-40px ul:nth-last-child(1), .pd-box-20px-40px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-24px-48px { padding: 2.4rem !important; }
.pd-box-24px-48px p:nth-last-child(1), .pd-box-24px-48px ul:nth-last-child(1), .pd-box-24px-48px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-28px-56px { padding: 2.8rem !important; }
.pd-box-28px-56px p:nth-last-child(1), .pd-box-28px-56px ul:nth-last-child(1), .pd-box-28px-56px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-32px-64px { padding: 3.2rem !important; }
.pd-box-32px-64px p:nth-last-child(1), .pd-box-32px-64px ul:nth-last-child(1), .pd-box-32px-64px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-36px-72px { padding: 3.6rem !important; }
.pd-box-36px-72px p:nth-last-child(1), .pd-box-36px-72px ul:nth-last-child(1), .pd-box-36px-72px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-box-40px-80px { padding: 4rem !important; }
.pd-box-40px-80px p:nth-last-child(1), .pd-box-40px-80px ul:nth-last-child(1), .pd-box-40px-80px ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.pd-bottom-0px { padding-bottom: 0 !important; }

.mg-bottom-4px-8px { margin-bottom: 0.4rem !important; }

.mg-bottom-8px-16px { margin-bottom: 0.8rem !important; }

.mg-bottom-12px-24px { margin-bottom: 1.2rem !important; }

.mg-bottom-16px-32px { margin-bottom: 1.6rem !important; }

.mg-bottom-20px-40px { margin-bottom: 2rem !important; }

.mg-bottom-24px-48px { margin-bottom: 2.4rem !important; }

.mg-bottom-28px-56px { margin-bottom: 2.8rem !important; }

.mg-bottom-32px-64px { margin-bottom: 3.2rem !important; }

.mg-bottom-36px-72px { margin-bottom: 3.6rem !important; }

.mg-bottom-40px-80px { margin-bottom: 4rem !important; }

.mg-lr-2px { margin-left: 2px !important; margin-right: 2px !important; }

.mg-lr-4px { margin-left: 4px !important; margin-right: 4px !important; }

.mg-lr-6px { margin-left: 6px !important; margin-right: 6px !important; }

.mg-lr-8px { margin-left: 8px !important; margin-right: 8px !important; }

.mg-lr-10px { margin-left: 10px !important; margin-right: 10px !important; }

.mg-lr-12px { margin-left: 12px !important; margin-right: 12px !important; }

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

.w-10pc { width: 10% !important; }

@media (min-width: 48em) { .w-10pc-pc { width: 10% !important; } }

.w-20pc { width: 20% !important; }

@media (min-width: 48em) { .w-20pc-pc { width: 20% !important; } }

.w-30pc { width: 30% !important; }

@media (min-width: 48em) { .w-30pc-pc { width: 30% !important; } }

.w-40pc { width: 40% !important; }

@media (min-width: 48em) { .w-40pc-pc { width: 40% !important; } }

.w-50pc { width: 50% !important; }

@media (min-width: 48em) { .w-50pc-pc { width: 50% !important; } }

.w-60pc { width: 60% !important; }

@media (min-width: 48em) { .w-60pc-pc { width: 60% !important; } }

.w-70pc { width: 70% !important; }

@media (min-width: 48em) { .w-70pc-pc { width: 70% !important; } }

.w-80pc { width: 80% !important; }

@media (min-width: 48em) { .w-80pc-pc { width: 80% !important; } }

.w-90pc { width: 90% !important; }

@media (min-width: 48em) { .w-90pc-pc { width: 90% !important; } }

.w-100pc { width: 100% !important; }

@media (min-width: 48em) { .w-100pc-pc { width: 100% !important; } }

@media (min-width: 62em) { .mg-l--1px { margin-left: -1px !important; } }

@media (min-width: 62em) { .mg-r--1px { margin-right: -1px !important; } }

@media (min-width: 62em) { .mg-b--1px { margin-bottom: -1px !important; } }

@media (min-width: 62em) { .mg-t--1px { margin-top: -1px !important; } }

.mg-b--1px-sp { margin-bottom: -1px !important; }
@media (min-width: 62em) { .mg-b--1px-sp { margin-bottom: auto !important; } }

.mg-t--1px-sp { margin-top: -1px !important; }
@media (min-width: 62em) { .mg-t--1px-sp { margin-top: auto !important; } }

.mg-center { margin-left: auto !important; margin-right: auto !important; }

.dp-block { display: block !important; }

.dp-in-block { display: inline-block !important; vertical-align: top; }

.overflow-auto { height: 360px; overflow: auto; border: 1px solid #c6c9d3; }
.overflow-auto > div { padding: 20px; }

.googlemap-box iframe { width: 100%; height: 360px; }

.co-center { position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.co-center-y { position: absolute; top: 50%; left: auto; right: auto; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }

.table-2col { margin-bottom: 1.6rem; }
.table-2col table { width: 100%; margin: 0 !important; }
.table-2col th, .table-2col td { display: block; width: 100%; }
.table-2col td { margin: -1px 0; }
@media (min-width: 48em) { .table-2col th, .table-2col td { display: table-cell; }
  .table-2col th { width: 25%; } }
.table-overflow { margin-bottom: 1.8rem; display: block; overflow-y: auto; white-space: nowrap; width: 100%; }
@media (min-width: 48em) { .table-overflow { white-space: normal; } }
.table-overflow table { width: 972px !important; display: block; margin: 0 !important; white-space: normal; }
@media (min-width: 48em) { .table-overflow table { width: 100% !important; } }

.overflow-box { overflow: auto; margin-bottom: 1.2rem; padding: 0; background-color: #fff; border: 1px solid #c6c9d3; height: 20.0rem; }
.overflow-box > div { padding: 2.0rem; }
.overflow-box h3, .overflow-box h4, .overflow-box h5, .overflow-box h6 { margin-top: 0 !important; }
.overflow-box p:nth-last-child(1), .overflow-box ul:nth-last-child(1), .overflow-box ol:nth-last-child(1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

.fo-st-italic { font-style: italic; }
.fo-st-normal { font-style: normal; }

.fo-w-normal { font-weight: normal; }
.fo-w-bold { font-weight: bold; }
.fo-w-100 { font-weight: 100; }
.fo-w-300 { font-weight: 300; }
.fo-w-400 { font-weight: 400; }
.fo-w-700 { font-weight: 700; }
.fo-w-900 { font-weight: 900; }

.fo-fa-Lato { font-family: Lato; }
.fo-fa-Roboto { font-family: Roboto; }
.fo-fa-Old_Standard_TT { font-family: Old Standard TT; }
.fo-fa-jp-go { font-family: "Lato", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", YuGothic Gothic Medium, "メイリオ", "Meiryo", sans-serif; }
.fo-fa-jp-min { font-family: "EB Garamond", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", serif; }

.fo-2px { font-size: 2px; font-size: 0.2rem !important; line-height: 5 !important; }
@media (min-width: 48em) { .fo-2px { font-size: 0.1rem !important; } }

.fo-2px-sp { font-size: 2px; font-size: 0.2rem !important; line-height: 5 !important; }

@media (min-width: 48em) { .fo-2px-pc { font-size: 2px; font-size: 0.1rem !important; line-height: 5 !important; } }

.fo-4px { font-size: 4px; font-size: 0.4rem !important; line-height: 3 !important; }
@media (min-width: 48em) { .fo-4px { font-size: 0.2rem !important; } }

.fo-4px-sp { font-size: 4px; font-size: 0.4rem !important; line-height: 3 !important; }

@media (min-width: 48em) { .fo-4px-pc { font-size: 4px; font-size: 0.2rem !important; line-height: 3 !important; } }

.fo-6px { font-size: 6px; font-size: 0.6rem !important; line-height: 2.33333 !important; }
@media (min-width: 48em) { .fo-6px { font-size: 0.3rem !important; } }

.fo-6px-sp { font-size: 6px; font-size: 0.6rem !important; line-height: 2.33333 !important; }

@media (min-width: 48em) { .fo-6px-pc { font-size: 6px; font-size: 0.3rem !important; line-height: 2.33333 !important; } }

.fo-8px { font-size: 8px; font-size: 0.8rem !important; line-height: 2 !important; }
@media (min-width: 48em) { .fo-8px { font-size: 0.4rem !important; } }

.fo-8px-sp { font-size: 8px; font-size: 0.8rem !important; line-height: 2 !important; }

@media (min-width: 48em) { .fo-8px-pc { font-size: 8px; font-size: 0.4rem !important; line-height: 2 !important; } }

.fo-10px { font-size: 10px; font-size: 1rem !important; line-height: 1.8 !important; }
@media (min-width: 48em) { .fo-10px { font-size: 0.5rem !important; } }

.fo-10px-sp { font-size: 10px; font-size: 1rem !important; line-height: 1.8 !important; }

@media (min-width: 48em) { .fo-10px-pc { font-size: 10px; font-size: 0.5rem !important; line-height: 1.8 !important; } }

.fo-12px { font-size: 12px; font-size: 1.2rem !important; line-height: 1.66667 !important; }
@media (min-width: 48em) { .fo-12px { font-size: 0.6rem !important; } }

.fo-12px-sp { font-size: 12px; font-size: 1.2rem !important; line-height: 1.66667 !important; }

@media (min-width: 48em) { .fo-12px-pc { font-size: 12px; font-size: 0.6rem !important; line-height: 1.66667 !important; } }

.fo-14px { font-size: 14px; font-size: 1.4rem !important; line-height: 1.57143 !important; }
@media (min-width: 48em) { .fo-14px { font-size: 0.7rem !important; } }

.fo-14px-sp { font-size: 14px; font-size: 1.4rem !important; line-height: 1.57143 !important; }

@media (min-width: 48em) { .fo-14px-pc { font-size: 14px; font-size: 0.7rem !important; line-height: 1.57143 !important; } }

.fo-16px { font-size: 16px; font-size: 1.6rem !important; line-height: 1.5 !important; }
@media (min-width: 48em) { .fo-16px { font-size: 0.8rem !important; } }

.fo-16px-sp { font-size: 16px; font-size: 1.6rem !important; line-height: 1.5 !important; }

@media (min-width: 48em) { .fo-16px-pc { font-size: 16px; font-size: 0.8rem !important; line-height: 1.5 !important; } }

.fo-18px { font-size: 18px; font-size: 1.8rem !important; line-height: 1.44444 !important; }
@media (min-width: 48em) { .fo-18px { font-size: 0.9rem !important; } }

.fo-18px-sp { font-size: 18px; font-size: 1.8rem !important; line-height: 1.44444 !important; }

@media (min-width: 48em) { .fo-18px-pc { font-size: 18px; font-size: 0.9rem !important; line-height: 1.44444 !important; } }

.fo-20px { font-size: 20px; font-size: 2rem !important; line-height: 1.4 !important; }
@media (min-width: 48em) { .fo-20px { font-size: 1rem !important; } }

.fo-20px-sp { font-size: 20px; font-size: 2rem !important; line-height: 1.4 !important; }

@media (min-width: 48em) { .fo-20px-pc { font-size: 20px; font-size: 1rem !important; line-height: 1.4 !important; } }

.fo-22px { font-size: 22px; font-size: 2.2rem !important; line-height: 1.36364 !important; }
@media (min-width: 48em) { .fo-22px { font-size: 1.1rem !important; } }

.fo-22px-sp { font-size: 22px; font-size: 2.2rem !important; line-height: 1.36364 !important; }

@media (min-width: 48em) { .fo-22px-pc { font-size: 22px; font-size: 1.1rem !important; line-height: 1.36364 !important; } }

.fo-24px { font-size: 24px; font-size: 2.4rem !important; line-height: 1.33333 !important; }
@media (min-width: 48em) { .fo-24px { font-size: 1.2rem !important; } }

.fo-24px-sp { font-size: 24px; font-size: 2.4rem !important; line-height: 1.33333 !important; }

@media (min-width: 48em) { .fo-24px-pc { font-size: 24px; font-size: 1.2rem !important; line-height: 1.33333 !important; } }

.fo-26px { font-size: 26px; font-size: 2.6rem !important; line-height: 1.30769 !important; }
@media (min-width: 48em) { .fo-26px { font-size: 1.3rem !important; } }

.fo-26px-sp { font-size: 26px; font-size: 2.6rem !important; line-height: 1.30769 !important; }

@media (min-width: 48em) { .fo-26px-pc { font-size: 26px; font-size: 1.3rem !important; line-height: 1.30769 !important; } }

.fo-28px { font-size: 28px; font-size: 2.8rem !important; line-height: 1.28571 !important; }
@media (min-width: 48em) { .fo-28px { font-size: 1.4rem !important; } }

.fo-28px-sp { font-size: 28px; font-size: 2.8rem !important; line-height: 1.28571 !important; }

@media (min-width: 48em) { .fo-28px-pc { font-size: 28px; font-size: 1.4rem !important; line-height: 1.28571 !important; } }

.fo-30px { font-size: 30px; font-size: 3rem !important; line-height: 1.26667 !important; }
@media (min-width: 48em) { .fo-30px { font-size: 1.5rem !important; } }

.fo-30px-sp { font-size: 30px; font-size: 3rem !important; line-height: 1.26667 !important; }

@media (min-width: 48em) { .fo-30px-pc { font-size: 30px; font-size: 1.5rem !important; line-height: 1.26667 !important; } }

.fo-32px { font-size: 32px; font-size: 3.2rem !important; line-height: 1.25 !important; }
@media (min-width: 48em) { .fo-32px { font-size: 1.6rem !important; } }

.fo-32px-sp { font-size: 32px; font-size: 3.2rem !important; line-height: 1.25 !important; }

@media (min-width: 48em) { .fo-32px-pc { font-size: 32px; font-size: 1.6rem !important; line-height: 1.25 !important; } }

.fo-34px { font-size: 34px; font-size: 3.4rem !important; line-height: 1.23529 !important; }
@media (min-width: 48em) { .fo-34px { font-size: 1.7rem !important; } }

.fo-34px-sp { font-size: 34px; font-size: 3.4rem !important; line-height: 1.23529 !important; }

@media (min-width: 48em) { .fo-34px-pc { font-size: 34px; font-size: 1.7rem !important; line-height: 1.23529 !important; } }

.fo-36px { font-size: 36px; font-size: 3.6rem !important; line-height: 1.22222 !important; }
@media (min-width: 48em) { .fo-36px { font-size: 1.8rem !important; } }

.fo-36px-sp { font-size: 36px; font-size: 3.6rem !important; line-height: 1.22222 !important; }

@media (min-width: 48em) { .fo-36px-pc { font-size: 36px; font-size: 1.8rem !important; line-height: 1.22222 !important; } }

.fo-38px { font-size: 38px; font-size: 3.8rem !important; line-height: 1.21053 !important; }
@media (min-width: 48em) { .fo-38px { font-size: 1.9rem !important; } }

.fo-38px-sp { font-size: 38px; font-size: 3.8rem !important; line-height: 1.21053 !important; }

@media (min-width: 48em) { .fo-38px-pc { font-size: 38px; font-size: 1.9rem !important; line-height: 1.21053 !important; } }

.fo-40px { font-size: 40px; font-size: 4rem !important; line-height: 1.2 !important; }
@media (min-width: 48em) { .fo-40px { font-size: 2rem !important; } }

.fo-40px-sp { font-size: 40px; font-size: 4rem !important; line-height: 1.2 !important; }

@media (min-width: 48em) { .fo-40px-pc { font-size: 40px; font-size: 2rem !important; line-height: 1.2 !important; } }

.fo-42px { font-size: 42px; font-size: 4.2rem !important; line-height: 1.19048 !important; }
@media (min-width: 48em) { .fo-42px { font-size: 2.1rem !important; } }

.fo-42px-sp { font-size: 42px; font-size: 4.2rem !important; line-height: 1.19048 !important; }

@media (min-width: 48em) { .fo-42px-pc { font-size: 42px; font-size: 2.1rem !important; line-height: 1.19048 !important; } }

.fo-44px { font-size: 44px; font-size: 4.4rem !important; line-height: 1.18182 !important; }
@media (min-width: 48em) { .fo-44px { font-size: 2.2rem !important; } }

.fo-44px-sp { font-size: 44px; font-size: 4.4rem !important; line-height: 1.18182 !important; }

@media (min-width: 48em) { .fo-44px-pc { font-size: 44px; font-size: 2.2rem !important; line-height: 1.18182 !important; } }

.fo-46px { font-size: 46px; font-size: 4.6rem !important; line-height: 1.17391 !important; }
@media (min-width: 48em) { .fo-46px { font-size: 2.3rem !important; } }

.fo-46px-sp { font-size: 46px; font-size: 4.6rem !important; line-height: 1.17391 !important; }

@media (min-width: 48em) { .fo-46px-pc { font-size: 46px; font-size: 2.3rem !important; line-height: 1.17391 !important; } }

.fo-48px { font-size: 48px; font-size: 4.8rem !important; line-height: 1.16667 !important; }
@media (min-width: 48em) { .fo-48px { font-size: 2.4rem !important; } }

.fo-48px-sp { font-size: 48px; font-size: 4.8rem !important; line-height: 1.16667 !important; }

@media (min-width: 48em) { .fo-48px-pc { font-size: 48px; font-size: 2.4rem !important; line-height: 1.16667 !important; } }

.fo-50px { font-size: 50px; font-size: 5rem !important; line-height: 1.16 !important; }
@media (min-width: 48em) { .fo-50px { font-size: 2.5rem !important; } }

.fo-50px-sp { font-size: 50px; font-size: 5rem !important; line-height: 1.16 !important; }

@media (min-width: 48em) { .fo-50px-pc { font-size: 50px; font-size: 2.5rem !important; line-height: 1.16 !important; } }

.fo-52px { font-size: 52px; font-size: 5.2rem !important; line-height: 1.15385 !important; }
@media (min-width: 48em) { .fo-52px { font-size: 2.6rem !important; } }

.fo-52px-sp { font-size: 52px; font-size: 5.2rem !important; line-height: 1.15385 !important; }

@media (min-width: 48em) { .fo-52px-pc { font-size: 52px; font-size: 2.6rem !important; line-height: 1.15385 !important; } }

.fo-54px { font-size: 54px; font-size: 5.4rem !important; line-height: 1.14815 !important; }
@media (min-width: 48em) { .fo-54px { font-size: 2.7rem !important; } }

.fo-54px-sp { font-size: 54px; font-size: 5.4rem !important; line-height: 1.14815 !important; }

@media (min-width: 48em) { .fo-54px-pc { font-size: 54px; font-size: 2.7rem !important; line-height: 1.14815 !important; } }

.fo-56px { font-size: 56px; font-size: 5.6rem !important; line-height: 1.14286 !important; }
@media (min-width: 48em) { .fo-56px { font-size: 2.8rem !important; } }

.fo-56px-sp { font-size: 56px; font-size: 5.6rem !important; line-height: 1.14286 !important; }

@media (min-width: 48em) { .fo-56px-pc { font-size: 56px; font-size: 2.8rem !important; line-height: 1.14286 !important; } }

.fo-58px { font-size: 58px; font-size: 5.8rem !important; line-height: 1.13793 !important; }
@media (min-width: 48em) { .fo-58px { font-size: 2.9rem !important; } }

.fo-58px-sp { font-size: 58px; font-size: 5.8rem !important; line-height: 1.13793 !important; }

@media (min-width: 48em) { .fo-58px-pc { font-size: 58px; font-size: 2.9rem !important; line-height: 1.13793 !important; } }

.fo-60px { font-size: 60px; font-size: 6rem !important; line-height: 1.13333 !important; }
@media (min-width: 48em) { .fo-60px { font-size: 3rem !important; } }

.fo-60px-sp { font-size: 60px; font-size: 6rem !important; line-height: 1.13333 !important; }

@media (min-width: 48em) { .fo-60px-pc { font-size: 60px; font-size: 3rem !important; line-height: 1.13333 !important; } }

.fo-co-base { color: #e6002d !important; }
.fo-co-sub { color: #1f5fa8 !important; }
.fo-co-white { color: #fff !important; }
.fo-co-black { color: black !important; }
.fo-co-gray { color: #999999 !important; }
.fo-co-red { color: #d70c19 !important; }
.fo-co-pink { color: #f36861 !important; }
.fo-co-blue { color: #36b1c0 !important; }
.fo-co-green { color: #1e9e49 !important; }
.fo-co-orange { color: #faa701 !important; }
.fo-co-yellow { color: #ffff00 !important; }

.text-lh-16px { line-height: 16px; }

.text-lh-24px { line-height: 24px; }

.text-lh-32px { line-height: 32px; }

.text-lh-40px { line-height: 40px; }

.text-lh-48px { line-height: 48px; }

.text-lh-56px { line-height: 56px; }

.text-num-0 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-0:before { content: "0"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-0:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-1 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-1:before { content: "1"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-1:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-2 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-2:before { content: "2"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-2:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-3 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-3:before { content: "3"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-3:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-4 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-4:before { content: "4"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-4:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-5 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-5:before { content: "5"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-5:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-6 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-6:before { content: "6"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-6:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-7 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-7:before { content: "7"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-7:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-8 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-8:before { content: "8"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-8:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-9 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-9:before { content: "9"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-9:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.text-num-10 { position: relative; display: inline-block; padding: 0 0 0 32px; }
.text-num-10:before { content: "10"; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; z-index: 1; line-height: 24px; text-align: center; color: #fff; font-family: Roboto; font-weight: 400; }
.text-num-10:after { content: ''; position: absolute; top: 2px; left: 0; width: 24px; height: 24px; background-color: #1f5fa8; border-radius: 24px; }

.button-common { margin: 0 auto 8px auto; min-width: 240px; width: 90%; position: relative; display: inline-block; padding: 10px 20px !important; color: #fff !important; text-align: center; background-color: #000; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
.button-common:before { content: '\f30b'; font-family: "Font Awesome 5 Pro"; font-weight: 300; color: #fff; position: absolute; top: 50%; right: 10px; font-size: 16px; line-height: 1; margin-top: -8px; }
@media (min-width: 48em) { .button-common { margin: 0 0 8px; width: 240px; display: inline-block; vertical-align: top; }
  .button-common.center { margin-left: auto; margin-right: auto; display: block; } }
.button-common.big { padding: 24px !important; }
@media (min-width: 48em) { .button-common.w320 { width: 320px; } }
@media (min-width: 48em) { .button-common.w400 { width: 400px; } }
@media (min-width: 48em) { .button-common.w480 { width: 480px; } }
@media (min-width: 48em) { .button-common.w640 { width: 640px; } }
.button-common.base { background-color: #e6002d; }
.button-common.red { background-color: #d70c19; }
.button-common.blue { background-color: #36b1c0; }
.button-common.orange { background-color: #faa701; }
.button-common.green { background-color: #1e9e49; }

.arrow-s { position: relative; padding-left: 14px; }
.arrow-s:before { content: '\f105'; font-family: "Font Awesome 5 Pro"; position: absolute; top: 4px; left: 2px; font-size: 14px; line-height: 1; }
.arrow-s-dw { padding-left: 16px; }
.arrow-s-dw:before { content: '\f107'; font-family: "Font Awesome 5 Pro"; position: absolute; top: 6px; left: 2px; font-size: 14px; line-height: 1; }
.arrow-b { position: relative; padding-left: 14px; }
.arrow-b:before { content: '\f054'; font-family: "Font Awesome 5 Pro"; position: absolute; top: 6px; left: 0; font-size: 12px; line-height: 1; }
.arrow-b-dw { padding-left: 16px; }
.arrow-b-dw:before { content: '\f078'; font-family: "Font Awesome 5 Pro"; position: absolute; top: 4px; left: 0; font-size: 12px; line-height: 1; }

.img-float-l, .img-float-r { display: block; margin: 0 auto 2rem auto; text-align: center; }
@media (min-width: 30em) { .img-float-l, .img-float-r { float: left; display: inline-block; margin: 0 1.875rem 1.875rem 0; } }
@media (min-width: 30em) { .img-float-r { float: right; margin: 0 0 1.875rem 1.875rem; } }

img.img-sp { display: block; }
@media (min-width: 48em) { img.img-sp { display: none; } }
img.img-pc { display: none; }
@media (min-width: 48em) { img.img-pc { display: block; } }

.border-top { border-top: 1px #c6c9d3 solid; }
.border-top-dotted { border-top: 1px #c6c9d3 dotted; }
.border-bottom { border-bottom: 1px #c6c9d3 solid; }
.border-bottom-dotted { border-bottom: 1px #c6c9d3 dotted; }
.border-1px { border: 1px solid #c6c9d3; }
.border-2px { border: 2px solid #c6c9d3; }
.border-3px { border: 3px solid #e6e9ee; }
.border-4px { border: 4px solid #e6e9ee; }
.border-5px { border: 5px solid #e6e9ee; }
.border-dotted { border-style: dotted; }
.border-co-base { border-color: #e6002d !important; }
.border-co-white { border-color: #fff !important; }
.border-co-black { border-color: black !important; }
.border-co-gray { border-color: #999999 !important; }
.border-co-red { border-color: #d70c19 !important; }
.border-co-pink { border-color: #f36861 !important; }
.border-co-blue { border-color: #36b1c0 !important; }
.border-co-green { border-color: #1e9e49 !important; }
.border-co-orange { border-color: #faa701 !important; }
.border-co-yellow { border-color: #ffff00 !important; }

.radius-4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.radius-8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.radius-16 { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.radius-24 { -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }
.radius-32 { -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; }
.radius-40 { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.radius-100 { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.bg-co-base { background-color: #e6002d; color: #1f5fa8; }
.bg-co-gray { background-color: #f5f6f8; }
.bg-co-gray-light { background-color: #e6e9ee; }
.bg-co-gray-middle { background-color: #d7dbe3; }
.bg-co-gray-dark { background-color: #c8ced9; }
.bg-co-black { background-color: black; color: #fff; }
.bg-co-red { background-color: #d70c19; color: #fff; }
.bg-co-pink { background-color: #f36861; color: #fff; }
.bg-co-white { background-color: #fff; }

#PagetopBtn { position: fixed; right: -44px; bottom: 24px; z-index: 3000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 0); filter: alpha(opacity = 0); opacity: 0; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; transition: 0.3s ease-in; }
#PagetopBtn.visible { right: 16px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100); filter: alpha(opacity = 100); opacity: 1; }
#PagetopBtn a { outline: none; width: 48px; height: 48px; display: block; color: #fff; text-align: center; font-size: 16px; line-height: 46px; background-color: rgba(205, 0, 40, 0.9); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
@media (min-width: 62em) { #PagetopBtn a:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60); filter: alpha(opacity = 60); opacity: 0.6; } }

.tab { margin: 0; padding: 0; list-style: none; }
.tab li { margin: 0; }

.content_wrap { display: block; }
.content_wrap.disnon { display: block; }
@media (min-width: 48em) { .content_wrap.disnon { display: none; } }

.accordion-menu-btn { cursor: pointer; }
.accordion-menu-box { display: none; }
.accordion-menu-box.visible { display: none; }

.accordion-menu-sp-btn { cursor: pointer; }
@media (min-width: 48em) { .accordion-menu-sp-btn { cursor: auto; } }
.accordion-menu-sp-box { display: none; }
.accordion-menu-sp-box.open { display: block; }
@media (min-width: 48em) { .accordion-menu-sp-box { display: block; } }

.slider, .slider-multi { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.slider li, .slider-multi li { margin: 0 !important; padding: 0 !important; }
.slider li:before, .slider-multi li:before { display: none !important; }
.slider img, .slider-multi img { margin: 0 auto; min-width: 100%; }

.slick-list { z-index: 0; }

/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top: -20px; display: block; width: 20px; height: 40px; padding: 0; cursor: pointer; border: none; outline: none; background: transparent; z-index: 300; }
.slick-prev:before, .slick-next:before { content: "\f105"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; right: 0; outline: 0; font-size: 48px; color: rgba(255, 255, 255, 0.8); -webkit-text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.slick-prev:before { left: 0; right: auto; content: "\f104"; }

.slick-prev { left: 0.75rem; }
@media (min-width: 48em) { .slick-prev { left: 0.75rem; } }

.slick-next { right: 0.75rem; }
@media (min-width: 48em) { .slick-next { right: 0.75rem; } }

.slick-prev:hover:before, .slick-next:hover:before { color: white; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { color: rgba(255, 255, 255, 0.6); }

/* Dots */
.slick-dots { position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 300; }
@media (min-width: 48em) { .slick-dots { bottom: 8px; } }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0; padding: 0; cursor: pointer; vertical-align: middle; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { line-height: 12px; position: absolute; top: 0; left: 50%; width: 10px; height: 10px; margin-left: -5px; content: ''; background-color: rgba(255, 255, 255, 0.6); text-align: center; color: black; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.slick-dots li.slick-active button:before { background-color: rgba(230, 0, 45, 0.8); }

.slider-multi .slick-slide { width: 320px; }
@media (min-width: 48em) { .slider-multi .slick-slide { width: 768px; } }
@media (min-width: 62em) { .slider-multi .slick-slide { width: 970px; } }

.youtube-movie { width: 100%; overflow: hidden; position: relative; padding-bottom: 56.25%; margin-bottom: 10px; }
@media (min-width: 62em) { .youtube-movie { width: 640px; margin: 0 auto; overflow: auto; position: relative; padding-bottom: 0; margin-bottom: 16px; } }
.youtube-movie iframe { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; }
@media (min-width: 62em) { .youtube-movie iframe { position: relative; top: 0; left: 0; width: 640px; height: 360px; min-width: 640px; min-height: 360px; } }
.youtube-movie-w100 { width: 100%; overflow: hidden; position: relative; padding-bottom: 56.25%; }
@media (min-width: 62em) { .youtube-movie-w100 { display: inline-block; vertical-align: top; margin: 0 auto; overflow: auto; position: relative; padding-bottom: 0; } }
.youtube-movie-w100 iframe { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; }
@media (min-width: 62em) { .youtube-movie-w100 iframe { position: relative; top: 0; left: 0; min-width: 100%; min-height: 480px; width: 100%; height: 480px; } }

.pageGallerylist { margin: 0 -0.75rem !important; padding: 0; list-style: none; }
@media (min-width: 48em) { .pageGallerylist { margin: 0 -0.375rem !important; } }
.pageGallerylist li { float: left; width: 50%; margin: 0 !important; padding: 0 0.75rem 1.5rem 0.75rem !important; }
.pageGallerylist li:before { display: none; }
@media (min-width: 30em) { .pageGallerylist li { width: 33.333333%; } }
@media (min-width: 48em) { .pageGallerylist li { width: 20%; padding: 0 0.375rem 0.75rem 0.375rem !important; } }
.pageGallerylist a { display: block; padding: 0 !important; background-color: #fff; border: none !important; }

.add-bookmark { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; }
.add-bookmark .box { position: relative; background-color: #f5f6f8; margin: 16px; padding: 15px; -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.add-bookmark .box:before { content: ''; position: absolute; left: 50%; bottom: -12px; margin-left: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #f5f6f8 transparent transparent transparent; }
.add-bookmark .close { position: absolute; top: -12px; right: 12px; background-color: #333; color: #fff; font-size: 12px; line-height: 1; width: 24px; height: 24px; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.add-bookmark .close i { position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.add-bookmark .icon { float: left; margin-top: 4px; width: 56px; height: 56px; overflow: hidden; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.add-bookmark .text { margin: 0 0 0 72px; font-size: 14px; line-height: 22px; }

#svgicon { display: block; width: 0; height: 0; overflow: hidden; }

.tel-link a { color: currentColor; }

@media (min-width: 48em) { .img-hover:hover { opacity: 1; }
  .img-hover:hover .img:before { opacity: 1; }
  .img-hover:hover .img figcaption { opacity: 1; }
  .img-hover:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } }
.img-hover figure { position: relative; overflow: hidden; }
.img-hover figure img { margin: 0; min-width: 100%; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 48em) { .img-hover figure:before { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; z-index: 1; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.img-hover figure figcaption { display: none; }
@media (min-width: 48em) { .img-hover figure figcaption { display: block; width: auto; max-width: 170px; height: 38px; border: 2px solid #fff; text-align: center; font-size: 16px; font-weight: normal; color: #fff; line-height: 34px; position: absolute; top: 0; bottom: 0; left: 5%; right: 5%; margin: auto; opacity: 0; z-index: 5; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }

.freetel { font-size: 32px; line-height: 1; letter-spacing: 0.03em; color: #1eaa39; font-family: Roboto; text-align: center; font-weight: bold; }
@media (min-width: 48em) { .freetel { font-size: 40px; } }
.freetel .icon-freetel { display: inline-block; vertical-align: bottom; margin: 0 8px 4px 0; width: 48px; height: 24px; }
.freetel .sub { font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .freetel .sub { font-size: 0.7rem; } }

#header { position: relative; width: 100%; background-color: #fff; z-index: 1000; }

.header-nav { margin: 0 auto; height: 64px; }
@media (min-width: 62em) { .header-nav { position: relative; height: 80px; max-width: 1230px; } }
.header-nav .title { position: absolute; top: 50%; left: 1.5rem; right: auto; margin: auto; z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.header-nav .title a { display: inline-block; margin: 0 auto; }
.header-nav .title .logo { margin: 0; display: block; width: 130px; height: 26px; fill: #e6002d; vertical-align: top; }
.header-nav .title a.icon, .header-nav .title span.icon { display: inline-block; vertical-align: top; margin: -2px 0 0 8px; width: auto; }
.header-nav .title a.icon img, .header-nav .title span.icon img { width: 30px; }
.header-nav .g-nav { margin: 0; padding: 0; list-style: none; letter-spacing: 0.05em; }
.header-nav .g-nav-link { display: none; }
@media (min-width: 62em) { .header-nav .g-nav-link { display: block; position: absolute; bottom: 26px; left: 180px; right: 95px; text-align: right; } }
.header-nav .g-nav-link ul { margin: 0; padding: 0; list-style: none; }
.header-nav .g-nav-link ul.sub-menu { position: absolute; top: auto; left: 50%; z-index: 500; margin: 0 0 0 -100px; padding: 8px 0 0 0; opacity: 0; visibility: hidden; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.header-nav .g-nav-link ul.sub-menu li { padding: 0; display: block; text-align: center; min-width: 200px; border-bottom: 1px solid rgba(238, 238, 238, 0.8); font-size: 1.4rem; line-height: 1.71429; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
@media (min-width: 48em) { .header-nav .g-nav-link ul.sub-menu li { font-size: 0.7rem; } }
.header-nav .g-nav-link ul.sub-menu li:nth-last-child(-n + 1) { border-bottom: none; }
.header-nav .g-nav-link ul.sub-menu li a { position: relative; padding: 8px; background-color: rgba(255, 255, 255, 0.9); }
.header-nav .g-nav-link ul.sub-menu li a:hover { background-color: rgba(230, 0, 45, 0.9); color: #fff !important; opacity: 1.0; }
.header-nav .g-nav-link ul.sub-menu li a:hover:after { display: none; }
.header-nav .g-nav-link li { display: inline-block; margin: 0 4px; font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .header-nav .g-nav-link li { font-size: 0.7rem; } }
@media (min-width: 62em) { .header-nav .g-nav-link li a { color: #000; } }
.header-nav .g-nav-link li > a { display: block; padding: 0; }
.header-nav .g-nav-link li.menu-item-has-children { position: relative; }
.header-nav .g-nav-link li.menu-item-has-children:hover .sub-menu { opacity: 1; visibility: visible; }
.header-nav .g-nav-contact { text-align: center; }
@media (min-width: 62em) { .header-nav .g-nav-contact { position: absolute; top: 0; right: 0; } }
.header-nav .g-nav-contact a { position: relative; display: none; width: 48px; height: 48px; background-color: #fff; color: #e6002d; font-size: 26px; line-height: 48px; text-align: center; }
@media (min-width: 62em) { .header-nav .g-nav-contact a { display: block; width: 80px; height: 80px; background-color: #e6002d; line-height: 80px; color: #fff; } }

.header-clone { display: none; position: fixed; top: -100px; height: 64px; z-index: 800; width: 100%; background-color: white; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.35); box-shadow: 0 0 7px rgba(0, 0, 0, 0.35); }
@media (min-width: 62em) { .header-clone { display: block; } }
.header-clone.visible { top: 0; }
@media (min-width: 62em) { .header-clone .header-nav { height: 64px; max-width: 100%; } }
.header-clone .header-nav .title .logo { width: 100px; }
@media (min-width: 62em) { .header-clone .header-nav .g-nav-link { position: absolute; top: 50%; bottom: auto; left: 140px; right: 74px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } }
.header-clone .header-nav .g-nav-sns { display: none; }
.header-clone .header-nav .g-nav-contact a { width: 64px; height: 64px; line-height: 64px; }

.header-sp-menu { position: fixed; top: 0; left: auto; right: -260px; width: 260px; height: 100%; z-index: 1000; background-color: rgba(230, 0, 45, 0.9); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
@media (min-width: 48em) { .header-sp-menu { width: 640px; right: -640px; } }
@media (min-width: 62em) { .header-sp-menu { display: none; } }
.header-sp-menu.open { right: 0; }
.header-sp-menu-container { position: fixed; margin: 0 auto; padding-bottom: 24px; width: 260px; height: 100%; overflow-y: auto; }
@media (min-width: 48em) { .header-sp-menu-container { width: 640px; } }
.header-sp-menu .title { position: relative; top: auto; left: auto; right: auto; margin: auto; -webkit-transform: none; -moz-transform: none; transform: none; }
.header-sp-menu .title a { display: block; margin: 0 auto; padding: 19px 0; width: 100%; }
.header-sp-menu .title .logo { margin: 0 auto; display: block; width: 130px; height: 26px; fill: #fff; }
.header-sp-menu .title a.icon, .header-sp-menu .title span.icon { display: none; }
.header-sp-menu .g-nav-link { display: block; border-top: 1px solid rgba(255, 255, 255, 0.6); }
.header-sp-menu .g-nav-link ul.sub-menu { position: relative; top: auto; left: auto; z-index: 0; margin: 0; padding: 0; opacity: 1; visibility: visible; }
.header-sp-menu .g-nav-link ul.sub-menu li { padding: 0; display: block; text-align: left; min-width: 200px; border-top: 1px dotted rgba(255, 255, 255, 0.3); border-bottom: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.header-sp-menu .g-nav-link ul.sub-menu li a { position: relative; padding: 8px 8px 8px 32px; background: none; }
.header-sp-menu .g-nav-link li { display: block; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
.header-sp-menu .g-nav-link li a { color: #fff; }
.header-sp-menu .g-nav-link li > a { display: block; padding: 8px 8px 8px 16px; }
.header-sp-menu .g-nav-link li.menu-item-has-children { position: relative; }
.header-sp-menu .g-nav-link li.menu-item-has-children:hover .sub-menu { opacity: 1; visibility: visible; }
.header-sp-menu .g-nav-contact { display: block; padding: 16px; text-align: center; }
.header-sp-menu .g-nav-contact a { display: inline-block; background-color: #fff; color: #e6002d; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

#menu-btn { position: absolute; top: 0; right: 260px; padding: 0; width: 64px; height: 64px; background-color: rgba(230, 0, 45, 0.9); display: block; z-index: 9000; cursor: pointer; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 48em) { #menu-btn { right: 640px; } }
@media (min-width: 62em) { #menu-btn { display: none; } }
#menu-btn .menu-btn-icon { display: block; position: absolute; top: 35%; left: 50%; width: 24px; height: 2px; margin: 0 0 0 -12px; background-color: #fff; }
#menu-btn .menu-btn-icon:before, #menu-btn .menu-btn-icon:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 24px; height: 2px; background-color: #fff; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
#menu-btn .menu-btn-icon:before { margin-top: -6px; }
#menu-btn .menu-btn-icon:after { margin-top: 6px; }
#menu-btn .menu-btn-text { position: absolute; bottom: 12%; left: 0; width: 100%; text-align: center; color: #fff; font-size: 1.4rem; }
@media (min-width: 48em) { #menu-btn .menu-btn-text { font-size: 0.7rem; } }
#menu-btn.open .menu-btn-icon { background: transparent; }
#menu-btn.open .menu-btn-icon:before { margin-top: 0; background-color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
#menu-btn.open .menu-btn-icon:after { margin-top: 0; background-color: #fff; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); }
#menu-btn.open .menu-btn-text { color: #fff; }

/****** Effect Setting ********/
/* Overlay */
.overlay { display: block; position: fixed; z-index: 900; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 62em) { .overlay { display: none; } }

.overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.footer-banner .title, .footer-group .title { margin: 0 0 1.6rem; font-size: 1.8rem; line-height: 1.55556; text-align: center; color: #111; }
@media (min-width: 48em) { .footer-banner .title, .footer-group .title { font-size: 1.2rem; line-height: 1.41667; } }
.footer-banner ul, .footer-group ul { margin: 0; padding: 0; list-style: none; font-size: 0; text-align: center; }
.footer-banner ul li, .footer-group ul li { display: inline-block; }
.footer-banner { border-top: 1px solid #e6e9ee; background-color: #fff; padding: 3.0rem 0 1.5rem 0; }
@media (min-width: 48em) { .footer-banner .container { max-width: 970px; } }
@media (min-width: 62em) { .footer-banner ul { max-width: 900px; margin: 0 auto; } }
.footer-banner li { float: left; width: 50%; padding: 0 0.75rem 1.5rem 0.75rem; }
.footer-banner li:nth-child(even) { text-align: left; }
.footer-banner li:nth-child(odd) { text-align: right; }
@media (min-width: 48em) { .footer-banner li { width: 33.3333333%; }
  .footer-banner li:nth-child(even) { text-align: center; }
  .footer-banner li:nth-child(odd) { text-align: center; } }
@media (min-width: 62em) { .footer-banner li { width: auto; padding: 0; margin: 0 0.75rem 1.5rem 0.75rem; } }
.footer-banner img { width: 270px; height: auto; }
.footer-group { background-color: #f5f6f8; padding: 2.4rem 0 1.5rem 0; }
@media (min-width: 48em) { .footer-group { padding: 2.0rem 0 1.0rem 0; } }
@media (min-width: 62em) { .footer-group .container { max-width: 1030px; } }
.footer-group ul { margin: 0 1.5rem; }
@media (min-width: 48em) { .footer-group ul { margin: 0; } }
.footer-group li { padding: 0 0.75rem 1.5rem 0.75rem; }
.footer-group img { width: 85px; height: auto; background-color: #fff; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
@media (min-width: 48em) { .footer-group img { width: auto; } }
.footer-sitemap { padding: 2.0rem 0; background-color: #e6002d; }
.footer-sitemap a { display: block; color: #fff; }
.footer-sitemap .sns-list { margin: 0 0.75rem 2.0rem 0.75rem; padding: 0 0 1.00rem 0; list-style: none; text-align: center; font-size: 0; border-bottom: 1px solid #ff345b; }
.footer-sitemap .sns-list li { margin: 0; padding: 0.4rem; display: inline-block; vertical-align: top; }
.footer-sitemap .sns-list a { position: relative; display: block; border: 3px solid #fff; overflow: hidden; width: 50px; height: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
@media (min-width: 62em) { .footer-sitemap .sns-list a:hover { opacity: 1; background-color: #fff; }
  .footer-sitemap .sns-list a:hover .sns-icon.off { top: -150%; }
  .footer-sitemap .sns-list a:hover .sns-icon.on { top: 50%; } }
.footer-sitemap .sns-list .sns-icon { position: absolute; top: 50%; left: 50%; margin: auto; fill: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.footer-sitemap .sns-list .sns-icon.facebook { width: 24px; height: 24px; }
.footer-sitemap .sns-list .sns-icon.youtube { width: 34px; height: 34px; }
.footer-sitemap .sns-list .sns-icon.twitter { width: 24px; height: 24px; }
.footer-sitemap .sns-list .sns-icon.line { width: 32px; height: 32px; }
.footer-sitemap .sns-list .sns-icon.off { top: 50%; left: 50%; }
.footer-sitemap .sns-list .sns-icon.on { top: 150%; left: 50%; fill: #e6002d; }
.footer-sitemap .title { margin-bottom: 1.5rem; }
@media (min-width: 62em) { .footer-sitemap .title { float: left; width: 30%; } }
.footer-sitemap .title-logo { margin: 0; padding: 0.75rem; text-align: center; font-size: 0; }
.footer-sitemap .title-logo svg { width: 160px; height: 32px; fill: #fff; }
.footer-sitemap .link { margin-bottom: 1.5rem; }
@media (min-width: 62em) { .footer-sitemap .link { float: left; width: 70%; } }
.footer-sitemap .link-list { margin: 0; padding: 0; float: left; width: 50%; list-style: none; font-size: 0; }
@media (min-width: 48em) { .footer-sitemap .link-list { width: 33.333333%; display: inline-block; vertical-align: top; padding: 0; border: none; } }
.footer-sitemap .link-list li { position: relative; margin: 0; padding: 1px; font-size: 1.4rem; line-height: 1.71429; font-weight: bold; }
@media (min-width: 48em) { .footer-sitemap .link-list li { float: none; width: 100%; font-size: 0.7rem; border: none; } }
@media (min-width: 62em) { .footer-sitemap .link-list li { padding: 0; } }
.footer-sitemap .link-list ul { margin: 0; padding: 0 0 0 16px; list-style: none; }
.footer-sitemap .link-list ul li { width: 100%; font-weight: normal; }
.footer-sitemap .link-list a { position: relative; display: block; padding: 4px 8px 4px 30px; }
.footer-sitemap .link-list a:before { content: '\f105'; font-family: "Font Awesome 5 Pro"; position: absolute; top: 4px; left: 16px; color: #fff; }
@media (min-width: 48em) { .footer-sitemap .link-list a { background: none; } }
@media (min-width: 62em) { .footer-sitemap .link-list a { margin: 0; padding: 0 0 3px 14px; display: inline-block; overflow: hidden; }
  .footer-sitemap .link-list a:before { top: 0; left: 0; }
  .footer-sitemap .link-list a:hover { opacity: 0.60; } }
.footer-sitemap .copy { margin: 0 0.75rem; text-align: center; font-size: 1.4rem; line-height: 1.71429; color: #fff; }
@media (min-width: 48em) { .footer-sitemap .copy { font-size: 0.7rem; } }

#mainContents { overflow: hidden; }

.contact-tel { padding: 0 1.5rem; background-color: #1f5fa8; color: #fff; text-align: center; }
.contact-tel .container { margin: 0 auto; padding: 3.2rem 0.75rem; }
@media (min-width: 64em) { .contact-tel .container { max-width: 44em; } }
.contact-tel .title { position: relative; margin-bottom: 48px; padding: 20px; border-top: 4px solid #fff; border-bottom: 4px solid #fff; font-size: 1.8rem; line-height: 1.55556; }
@media (min-width: 48em) { .contact-tel .title { font-size: 1.2rem; line-height: 1.41667; } }
.contact-tel .title:before, .contact-tel .title:after { content: ''; position: absolute; z-index: 0; bottom: -40px; left: 25%; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #fff transparent transparent transparent; }
.contact-tel .title:after { z-index: 1; bottom: -34px; border-width: 36px 36px 0 0; border-top-color: #1f5fa8; }
.contact-tel .title span:after { content: ''; position: absolute; z-index: 3; bottom: -36px; left: 25%; width: 4px; height: 36px; background-color: #fff; }
.contact-tel .num { margin: 0 0 0.75rem; font-size: 3.6rem; line-height: 1.27778; font-family: Roboto; font-weight: 700; }
@media (min-width: 48em) { .contact-tel .num { font-size: 3rem; line-height: 1.16667; } }
.contact-tel .num i { margin-right: 12px; font-size: 2.8rem; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); transform: rotate(-30deg); }
@media (min-width: 48em) { .contact-tel .num i { font-size: 2.4rem; } }
.contact-tel .text { margin-bottom: 2.4rem; font-size: 1.6rem; line-height: 1.625; }
@media (min-width: 48em) { .contact-tel .text { font-size: 0.8rem; } }
.contact-tel .button { margin: 0; font-size: 1.8rem; line-height: 1.55556; font-weight: bold; text-align: center; }
@media (min-width: 48em) { .contact-tel .button { font-size: 1.2rem; line-height: 1.41667; } }
.contact-tel .button a { position: relative; display: block; padding: 0; min-height: 80px; background-color: #fff; color: #1f5fa8; border-radius: 50px; }
.contact-tel .button a:after { content: '\f30b'; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; top: 50%; right: 12px; margin-top: -12px; font-size: 24px; line-height: 1; }
@media (min-width: 48em) { .contact-tel .button a:after { right: 24px; margin-top: -16px; font-size: 32px; } }
.contact-tel .button span { position: absolute; top: 50%; left: 40px; right: 40px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }

.page-container { position: relative; margin: 0; padding: 2.4rem 0 0; }
.page-header { padding: 2.4rem 1.5rem; border-top: 4px solid #e6002d; text-align: center; letter-spacing: 0.10em; }
.page-header .title { position: relative; margin: 0; padding-bottom: 0.8rem; color: #111; font-size: 2.8rem; line-height: 1.35714; }
@media (min-width: 48em) { .page-header .title { font-size: 1.6rem; line-height: 1.3125; } }
.page-header .title:after { content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -16px; width: 32px; height: 4px; background-color: #e6002d; }
.page-header .title-sub { position: relative; margin: 0; padding-top: 0.8rem; font-weight: bold; color: #d0d0d0; font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .page-header .title-sub { font-size: 0.8rem; line-height: 1.625; } }

.pankuzu { margin: auto; width: 100%; padding: 0.75rem 0; background-color: #f5f6f8; font-size: 1.4rem; line-height: 22px; }
@media (min-width: 48em) { .pankuzu { font-size: 0.7rem; } }
.pankuzu-list { margin: 0; padding: 0 0.75rem; }
.pankuzu a { position: relative; display: inline-block; vertical-align: top; margin: 4px 24px 4px 0; padding: 8px 20px; color: #000; background-color: #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.pankuzu a:after { content: '\f105'; font-family: "Font Awesome 5 Pro"; position: absolute; right: -16px; top: 50%; margin: -8px 0 0; font-size: 16px; line-height: 1; color: #c6c9d3; }
.pankuzu a.home { padding: 8px 0; width: 39px; height: 39px; }
.pankuzu a.home i { position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.pankuzu span { display: inline-block; vertical-align: top; }
.pankuzu span:nth-last-child(-n + 1) { position: relative; display: inline-block; vertical-align: top; margin: 4px 24px 4px 0; padding: 8px 20px; background-color: #e9ebf0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }

.page-list-link { display: block; background-color: #1f5fa8; color: #fff; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
@media (min-width: 48em) { .page-list-link:hover { background-color: #1b5392; }
  .page-list-link:hover .page-list-title:before { color: #1f5fa8; }
  .page-list-link:hover .page-list-title:after { background-color: #fff; } }
.page-list-title { position: relative; display: block; margin: 0; padding: 12px 56px 12px 16px; font-weight: bold; }
.page-list-title:before { content: '\f30b'; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; top: 50%; right: 18px; margin-top: -12px; z-index: 5; font-size: 24px; line-height: 1; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.page-list-title:after { content: ''; position: absolute; top: 50%; right: 10px; width: 40px; height: 40px; margin-top: -20px; z-index: 1; background-color: #1b5392; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.page-list-store { padding-bottom: 2.0rem; background-color: #f3f7f9; }
.page-list-store-text { position: relative; padding: 2.5rem 1.5rem 1.5rem 1.5rem; margin-bottom: -80px; min-height: 500px; overflow: hidden; background-image: url(img/bg_town.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: auto 1200px; text-align: center; }
@media (min-width: 48em) { .page-list-store-text { min-height: 650px; background-size: auto auto; } }
.page-list-store-text .icon-store { position: absolute; bottom: 110px; left: 50%; margin-left: -100px; }
@media (min-width: 48em) { .page-list-store-text .icon-store { bottom: 140px; margin-left: -200px; } }
.page-list-store-text .icon-store img { width: 200px; height: auto; }
@media (min-width: 48em) { .page-list-store-text .icon-store img { width: 400px; } }
.page-list-store-link { position: relative; display: block; background-color: #1f5fa8; color: #fff; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
@media (min-width: 48em) { .page-list-store-link:hover .text .button-more { background-color: #1b5392; color: #fff; } }
.page-list-store-link .text { padding: 25px 25px 100px 25px; }
.page-list-store-link .text p { font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .page-list-store-link .text p { font-size: 0.7rem; } }
.page-list-store-link .text .title { position: relative; margin: 0 0 1.0rem; padding: 0 0 0.8rem; text-align: center; font-size: 1.6rem; line-height: 1.625; font-weight: bold; }
.page-list-store-link .text .title:before { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 2px; background-color: #fff; }
@media (min-width: 48em) { .page-list-store-link .text .title { font-size: 0.8rem; } }
.page-list-store-link .text .button { position: absolute; margin: 0; left: 0; right: 0; bottom: 25px; text-align: center; }
.page-list-store-link .text .button-more { position: relative; display: block; margin: 0 auto; width: 75%; min-height: 48px; background-color: #fff; color: #1f5fa8; font-weight: bold; line-height: 48px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.page-list-store-link .text .button-more:before { content: '\f30b'; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; top: 50%; right: 12px; margin-top: -12px; z-index: 5; font-size: 24px; line-height: 1; }

.page-submain { position: relative; margin: 0 0 1.5rem; padding: 0; }
.page-submain .img { position: relative; }
@media (min-width: 48em) { .page-submain .img:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 200px; background: transparent; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); } }
.page-submain .img img { margin: 0; }
.page-submain .text { margin: 0; padding: 10px; color: #111; text-align: center; }
@media (min-width: 48em) { .page-submain .text { position: absolute; bottom: 25px; left: 10px; right: 10px; color: #fff; -webkit-text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); -moz-text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); } }
.page-submain .text-small { display: block; margin-bottom: 6px; font-size: 1.8rem; line-height: 1.55556; }
@media (min-width: 48em) { .page-submain .text-small { font-size: 1.4rem; line-height: 1.35714; } }
.page-submain .text-big { display: block; font-size: 2.4rem; line-height: 1.41667; }
@media (min-width: 48em) { .page-submain .text-big { font-size: 1.7rem; line-height: 1.29412; } }

.top-main { position: relative; overflow: hidden; background-color: #e6002d; text-align: center; color: #fff; letter-spacing: 0.05em; }
@media (min-width: 76.875em) { .top-main-img { float: right; width: 64%; } }
.top-main-text { padding: 4.0rem 2.0rem; }
@media (min-width: 76.875em) { .top-main-text { float: right; width: 36%; position: absolute; top: 50%; left: auto; right: auto; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } }
.top-main-text .main-logo { margin-bottom: 1.5rem; }
.top-main-text .main-logo svg { display: block; margin: 0 auto; fill: #fff; }
.top-main-text .main-logo .logo { margin-bottom: 1.5rem; width: 150px; height: 30px; }
@media (min-width: 48em) { .top-main-text .main-logo .logo { width: 220px; height: 45px; } }
.top-main-text .main-logo .border { width: 70px; height: 15px; }
@media (min-width: 48em) { .top-main-text .main-logo .border { width: 100px; height: 10px; } }
.top-main-text .main-title { margin-bottom: 1.5rem; font-size: 2.2rem; line-height: 1.45455; }
@media (min-width: 48em) { .top-main-text .main-title { font-size: 1.7rem; line-height: 1.29412; } }
.top-main-text .main-title .sub { display: block; font-size: 1.6rem; line-height: 1.625; }
@media (min-width: 48em) { .top-main-text .main-title .sub { font-size: 0.9rem; line-height: 1.55556; } }
.top-main-text .main-sub { display: inline-block; padding: 1.0rem; width: 100%; background-color: #b30023; font-weight: bold; }
.top-main-text .main-sub p { font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .top-main-text .main-sub p { font-size: 0.8rem; line-height: 1.625; } }
.top-main-text .main-sub p:nth-last-child(-n + 1) { margin-bottom: 0; }

.top-link { padding-bottom: 2.0rem; background-color: #f3f7f9; }
.top-link-text { position: relative; padding: 2.5rem 1.5rem 1.5rem 1.5rem; margin-bottom: -80px; min-height: 450px; overflow: hidden; background-image: url(img/bg_town.jpg); background-repeat: no-repeat; background-position: bottom center; background-size: auto 1200px; text-align: center; }
@media (min-width: 48em) { .top-link-text { min-height: 700px; background-size: auto auto; } }
.top-link-text .title { margin: 0; padding: 2.5rem 0 1.5rem; }
.top-link-text .text { font-size: 2rem; line-height: 1.71429; color: #111; }
@media (min-width: 48em) { .top-link-text .text { font-size: 1rem; line-height: 1.71429; } }
.top-link-text .text br { display: none; }
@media (min-width: 48em) { .top-link-text .text br { display: inline-block; } }
.top-link-text .icon-store { position: absolute; bottom: 110px; left: 50%; margin-left: -100px; }
@media (min-width: 48em) { .top-link-text .icon-store { bottom: 140px; margin-left: -200px; } }
.top-link-text .icon-store img { width: 200px; height: auto; }
@media (min-width: 48em) { .top-link-text .icon-store img { width: 400px; } }
.top-link-list { position: relative; margin: 0 auto 3.0rem auto; padding: 0 1.5rem; z-index: 10; }
@media (min-width: 64em) { .top-link-list { max-width: 1230px; } }
@media (min-width: 62em) { .top-link-list.left .top-link-list-img { float: left; }
  .top-link-list.left .top-link-list-text { right: 1.5rem; }
  .top-link-list.left .top-link-list-text:before { left: -20px; } }
@media (min-width: 62em) { .top-link-list.right .top-link-list-img { float: right; }
  .top-link-list.right .top-link-list-text { left: 1.5rem; }
  .top-link-list.right .top-link-list-text:before { right: -20px; } }
@media (min-width: 62em) { .top-link-list-img { width: 70%; } }
.top-link-list-img img { width: 100%; }
.top-link-list-text { position: relative; margin: -40px auto 0 auto; padding: 2.4rem; width: 90%; background-color: #fff; z-index: 10; letter-spacing: 0.05rem; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
@media (min-width: 62em) { .top-link-list-text { position: absolute; top: 50%; margin: auto; width: 470px; height: 360px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
  .top-link-list-text:before { content: ''; position: absolute; top: 50%; width: 40px; height: 1px; background-color: #1f5fa8; z-index: 10; } }
.top-link-list-text .title { margin: 0 0 1.5rem; font-size: 2.4rem; line-height: 1.41667; color: #111; }
@media (min-width: 48em) { .top-link-list-text .title { font-size: 1.2rem; } }
.top-link-list-text .title .sub { display: block; font-size: 1.4rem; line-height: 1.71429; color: #1f5fa8; }
@media (min-width: 48em) { .top-link-list-text .title .sub { font-size: 0.7rem; } }
.top-link-list-text .text { padding-bottom: 2.4rem; }
@media (min-width: 62em) { .top-link-list-text .text { padding: 0; } }
.top-link-list-text .text p { font-size: 1.6rem; line-height: 1.625; }
@media (min-width: 48em) { .top-link-list-text .text p { font-size: 0.8rem; } }
.top-link-list-text .text p:nth-last-child(-n + 1) { margin-bottom: 0; }
.top-link-list-text .button { margin: 0; text-align: center; }
@media (min-width: 62em) { .top-link-list-text .button { position: absolute; bottom: 1.8rem; left: 0; right: 0; } }
.top-link-list-text .button a { position: relative; display: block; padding: 0; min-height: 48px; background-color: #e6002d; color: #fff; line-height: 48px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
@media (min-width: 48em) { .top-link-list-text .button a { margin: 0 auto; max-width: 250px; } }
.top-link-list-text .button a:after { content: '\f30b'; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; top: 50%; right: 16px; margin-top: -12px; font-size: 24px; line-height: 1; }

.franchise-owner { margin: 0 auto; padding-left: 0.75rem; padding-right: 0.75rem; }
@media (min-width: 64em) { .franchise-owner { max-width: 1030px; } }
.franchise-owner .img { margin: 0 0 0.75rem; text-align: center; }
.franchise-owner .list { margin: 0; padding: 0; list-style: none; }
.franchise-owner .list li { margin: 0; padding: 0 0 1.5rem 0; }
@media (min-width: 48em) { .franchise-owner .list li { padding: 0 0.75rem 0.75rem 0.75rem; } }
.franchise-owner .list-box { padding: 15px; background-color: #f5f6f8; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.franchise-owner .list-icon { position: relative; float: left; display: block; width: 60px; height: 60px; background-color: #e6e9ee; text-align: center; font-size: 28px; line-height: 56px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.franchise-owner .list-text { display: block; margin-left: 75px; font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .franchise-owner .list-text { font-size: 0.7rem; } }
@media (min-width: 48em) { .franchise-process .col-md-2 { float: none; width: 100%; padding-bottom: 0.75rem; } }
@media (min-width: 62em) { .franchise-process .col-md-2 { float: left; width: 16.6666%; } }
@media (min-width: 48em) { .franchise-process .col-md-4 { float: none; width: 100%; padding-bottom: 0.75rem; } }
@media (min-width: 62em) { .franchise-process .col-md-4 { float: left; width: 33.3333%; } }
.franchise-process .process-list.sublist ul { float: left; position: relative; margin: 0 2% 20px 2%; padding: 10px; width: 46%; list-style: none; border: 2px solid #e6002d; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.franchise-process .process-list.sublist ul:after { content: '\f0dd'; font-family: "Font Awesome 5 Pro"; font-weight: bold; position: absolute; bottom: -28px; left: 50%; margin-left: -11px; font-size: 36px; color: #e6002d; line-height: 1; }
@media (min-width: 62em) { .franchise-process .process-list.sublist ul { float: none; margin: 0 0 20px; padding: 0; width: 100%; height: 130px; }
  .franchise-process .process-list.sublist ul:after { content: '\f0da'; font-family: "Font Awesome 5 Pro"; top: 50%; bottom: 0; right: -26px; left: auto; margin: -18px 0 0 0; } }
.franchise-process .process-list.sublist li { margin: 0 !important; padding: 0 !important; }
@media (min-width: 62em) { .franchise-process .process-list.sublist li { float: left; width: 50%; padding: 10px !important; } }
.franchise-process .process-list.sublist li .box { margin-bottom: 35px; background-color: #e6002d; color: #fff; }
@media (min-width: 62em) { .franchise-process .process-list.sublist li .box { margin: 0; height: 105px; line-height: 105px; }
  .franchise-process .process-list.sublist li .box:after { right: -20px; } }
.franchise-process .process-list.sublist li:nth-last-child(-n + 1) .box { margin-bottom: 0; }
.franchise-process .process-list.sublist li:nth-last-child(-n + 1) .box:after { display: none; }
.franchise-process .process-list .box { position: relative; display: block; margin-bottom: 20px; padding: 15px; border: 2px solid #e6002d; text-align: center; font-weight: bold; color: #e6002d; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.franchise-process .process-list .box:after { content: '\f0dd'; font-family: "Font Awesome 5 Pro"; position: absolute; bottom: -28px; left: 50%; margin-left: -11px; font-size: 36px; color: #e6002d; line-height: 1; }
@media (min-width: 62em) { .franchise-process .process-list .box { margin: 0; padding: 0 15px; height: 280px; line-height: 280px; }
  .franchise-process .process-list .box:after { content: '\f0da'; font-family: "Font Awesome 5 Pro"; top: 50%; bottom: 0; right: -26px; left: auto; margin: -18px 0 0 0; } }
.franchise-process .process-list .box-store { position: relative; display: block; margin-bottom: 20px; padding: 15px; border: 2px solid #1f5fa8; text-align: center; font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 62em) { .franchise-process .process-list .box-store { margin: 0; padding: 0 15px; height: 280px; } }
.franchise-process .process-list .box-store img { margin-bottom: 16px; width: 50%; }
@media (min-width: 62em) { .franchise-process .process-list .box-store img { width: 100%; } }
@media (min-width: 62em) { .franchise-process .process-list .box-store figure { position: absolute; top: 50%; left: 15px; right: 15px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } }
.franchise-process .process-list .box-store figcaption { display: block; margin: 0 auto; padding: 0px 4px; max-width: 240px; background-color: #1f5fa8; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

.philosophy-creed .list { border: 1px solid #c6c9d3; padding: 20px; }
.philosophy-creed .list .title { margin: 0 0 16px; padding: 0 0 16px; font-size: 1.8rem; line-height: 1.55556; }
@media (min-width: 48em) { .philosophy-creed .list .title { font-size: 0.9rem; } }
.philosophy-creed .list .title:before { content: '◆'; position: absolute; bottom: 0; left: 50%; margin-left: -5px; font-size: 10px; line-height: 1; color: #dadada; }
.philosophy-creed .list .title:after { display: none; }
.philosophy-creed .list .title .sub { display: block; padding: 8px 0; font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .philosophy-creed .list .title .sub { font-size: 0.7rem; } }
.philosophy-creed .list .title.orange01 .sub { color: #edba20; }
.philosophy-creed .list .title.orange02 .sub { color: #e79429; }
.philosophy-creed .list .title.red .sub { color: #e1777a; }
.philosophy-creed .list .text p { font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .philosophy-creed .list .text p { font-size: 0.7rem; } }
.philosophy-creed .list .text p:nth-last-child(-n + 1) { margin-bottom: 0; }

.recruit-point { margin: 0 !important; padding: 0 !important; list-style: none; }
.recruit-point li { float: left; width: 50%; margin: 0 !important; padding: 0 0.75rem 1.5rem 0.75rem !important; }
.recruit-point li span { display: block; padding: 10px; border: 2px solid #1f5fa8; color: #1f5fa8; text-align: center; font-weight: bold; }
.recruit-linklist { margin: 0; padding: 1rem 0 0 0 !important; list-style: none; text-align: center; font-size: 0; }
.recruit-linklist li { display: block; margin: 0 !important; padding: 0 0.75rem 1.5rem 0.75rem !important; font-size: 1.8rem; }
@media (min-width: 48em) { .recruit-linklist li { display: inline-block; vertical-align: top; font-size: 0.9rem; } }
.recruit-linklist a { display: block; margin-bottom: 2px; background-color: #000; height: 72px; line-height: 72px; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
@media (min-width: 48em) { .recruit-linklist a { min-width: 360px; } }
.recruit-linklist a.new { background-color: #00a5e9; }
.recruit-linklist a.career { background-color: #f98700; }
.recruit-linklist img { vertical-align: top; }
.recruit-flow { margin: 0; padding: 1rem 0 !important; list-style: none; text-align: center; font-size: 0; }
.recruit-flow li { display: block; margin: 0 !important; padding: 0 0.75rem 0.75rem 0.75rem !important; font-size: 1.6rem; line-height: 1.625; }
@media (min-width: 48em) { .recruit-flow li { display: inline-block; vertical-align: top; font-size: 0.8rem; } }
.recruit-flow li:nth-last-child(-n + 1) .box:after { display: none; }
.recruit-flow li .box { position: relative; display: block; margin-bottom: 20px; padding: 15px; border: 2px solid #e6002d; text-align: center; font-weight: bold; color: #e6002d; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.recruit-flow li .box:after { content: '\f0dd'; font-family: "Font Awesome 5 Pro"; position: absolute; bottom: -26px; left: 50%; margin-left: -11px; font-size: 36px; color: #e6002d; line-height: 1; }
@media (min-width: 48em) { .recruit-flow li .box { margin: 0; padding: 0 15px; width: 140px; height: 200px; }
  .recruit-flow li .box:after { content: '\f0da'; font-family: "Font Awesome 5 Pro"; top: 50%; bottom: 0; right: -26px; left: auto; margin: -18px 0 0 0; } }
@media (min-width: 62em) { .recruit-flow li .box { width: 170px; height: 280px; } }
@media (min-width: 48em) { .recruit-flow li .box .text { position: absolute; top: 50%; left: 10px; right: 10px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } }
.recruit-entry { padding: 2.4rem 0.75rem; text-align: center; }
.recruit-entry-title { display: inline-block; margin-bottom: 1.5rem; padding: 16px; width: 180px; height: 180px; overflow: hidden; background-color: #fff; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.recruit-entry-title .img { margin: 0; }
.recruit-entry-title .img img { width: 140px; }
.recruit-entry-title .title { margin: 0; font-size: 2rem; line-height: 1.5; text-align: center; color: #111; font-weight: bold; }
@media (min-width: 48em) { .recruit-entry-title .title { font-size: 1rem; } }
.recruit-entry-title .title .sub { display: block; font-size: 1.4rem; line-height: 1.71429; text-align: center; color: #aaa; font-weight: bold; }
@media (min-width: 48em) { .recruit-entry-title .title .sub { font-size: 0.7rem; } }
.recruit-entry-num { margin: 0 0 0.75rem !important; font-size: 3.6rem; line-height: 1.27778; font-family: Roboto; font-weight: 700; color: #111; }
@media (min-width: 48em) { .recruit-entry-num { font-size: 2.4rem; line-height: 1.20833; } }
.recruit-entry-num i { margin-right: 12px; font-size: 3rem; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); transform: rotate(-30deg); }
@media (min-width: 48em) { .recruit-entry-num i { font-size: 2.4rem; } }

.offer-caselist { padding: 1.2rem; border: 1px solid #c6c9d3; }
.offer-caselist .img { position: relative; min-height: 195px; overflow: hidden; text-align: center; }
.offer-caselist .img img { position: absolute; top: 50%; left: 50%; margin: auto !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.offer-caselist .text p:nth-last-child(-n + 1) { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.news-container { padding: 4.0rem 0; }

.news-attention { margin-bottom: 2.0rem; border: 3px solid #d7dbe3; background-color: #fff; padding: 1.5rem; text-align: center; }
.news-attention p:nth-last-child(-n + 1) { margin-bottom: 0; }

.news-list { margin: 0 auto; padding: 0 1.5rem; }
@media (min-width: 48em) { .news-list { max-width: 1032px; } }
.news-list-title { margin: 0 0 2.0rem; text-align: center; color: #111; font-size: 2.4rem; line-height: 1.41667; }
@media (min-width: 48em) { .news-list-title { font-size: 1.6rem; line-height: 1.3125; } }
.news-list-subtitle { position: relative; margin: 0 0 1.5rem 0; padding: 0; color: #111; text-align: center; font-size: 2rem; line-height: 1.5; }
@media (min-width: 48em) { .news-list-subtitle { font-size: 1rem; line-height: 1.5; } }
.news-list-outline { padding: 0 0 2.0rem 0; }
.news-list-outline p:nth-last-child(-n + 1) { margin-bottom: 0; }
.news-list-link { margin: 0 0 2.4rem; padding: 0; list-style: none; border-top: 1px solid #d7dbe3; }
.news-list-link li { margin: 0; border-bottom: 1px solid #d7dbe3; }
.news-list-link a { position: relative; display: block; padding: 1.4rem 2.0rem 1.4rem 0.8rem; color: #fff; }
.news-list-link a:before { content: '\f105'; font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; right: 0.8rem; margin: auto; color: #000; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 48em) { .news-list-link a { padding: 1.0rem 0.8rem; }
  .news-list-link a:before { display: none; } }
@media (min-width: 62em) { .news-list-link a span { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .news-list-link a:hover { opacity: 1; }
  .news-list-link a:hover .title { opacity: 0.40; } }
.news-list-link span { display: inline-block; }
@media (min-width: 48em) { .news-list-link span { float: left; display: block; } }
.news-list-link span.data { width: 110px; margin: 1px 0 0.6rem; font-family: Roboto; color: #555; }
@media (min-width: 48em) { .news-list-link span.data { margin-bottom: 0; } }
.news-list-link span.category { min-width: 130px; margin: 2px 0 0.6rem 0; text-align: center; font-size: 1.2rem; line-height: 1.83333; border: 1px solid #e6002d; color: #e6002d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .news-list-link span.category { margin-bottom: 2px; font-size: 0.6rem; } }
.news-list-link span.category.topics { color: #e4697d; border: 1px solid #e4697d; }
.news-list-link span.category.products { color: #3cad6c; border: 1px solid #3cad6c; }
.news-list-link span.category.corporate { color: #0068b7; border: 1px solid #0068b7; }
.news-list-link span.title { display: block; position: relative; color: #000; }
@media (min-width: 48em) { .news-list-link span.title { float: none; margin-left: 264px; } }
.news-list-morelink { margin: 0 auto; width: 80%; font-size: 1.4rem; line-height: 1.71429; text-align: center; }
@media (min-width: 48em) { .news-list-morelink { width: 320px; font-size: 0.7rem; } }
.news-list-morelink a { position: relative; display: block; padding: 12px 20px; color: #fff; background-color: #e6002d; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.news-list-morelink i { margin-right: 8px; }

.news-body-container { margin: 0 auto; padding: 3.0rem 1.5rem; }
@media (min-width: 48em) { .news-body-container { max-width: 1032px; } }
.news-body-header { position: relative; }
.news-body-header .title-main { clear: both; margin: 0 0 1.0rem; padding-bottom: 2.0rem; border-bottom: 1px dotted #c6c9d3; font-size: 2.8rem; line-height: 1.35714; font-weight: 400; color: #333; }
@media (min-width: 48em) { .news-body-header .title-main { margin: 0 0 0.75rem; padding-bottom: 1.0rem; font-size: 1.6rem; line-height: 1.3125; } }
.news-body-header .title-data { margin-bottom: 1.2rem; }
.news-body-header .title-data span { display: inline-block; }
@media (min-width: 48em) { .news-body-header .title-data span { float: left; display: block; } }
.news-body-header .title-data span.data { min-width: 120px; margin: 1px 0 0.6rem; font-family: Roboto; color: #555; }
@media (min-width: 48em) { .news-body-header .title-data span.data { margin-bottom: 0; } }
.news-body-header .title-data span.category { min-width: 130px; margin: 2px 0 0.6rem 0; text-align: center; font-size: 1.2rem; line-height: 1.83333; border: 1px solid #e6002d; color: #e6002d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .news-body-header .title-data span.category { margin-bottom: 2px; font-size: 0.6rem; } }
.news-body-header .title-data span.category.topics { color: #e4697d; border: 1px solid #e4697d; }
.news-body-header .title-data span.category.products { color: #3cad6c; border: 1px solid #3cad6c; }
.news-body-header .title-data span.category.corporate { color: #0068b7; border: 1px solid #0068b7; }
.news-body-sns-list { margin: 0; padding: 0; list-style: none; text-align: right; font-size: 0; }
.news-body-sns-list.footer { padding: 1.0rem 0 0.6rem 0; }
.news-body-sns-list li { display: inline-block; vertical-align: top; margin: 0 4px; font-size: 30px; }
.news-body-sns-list .fa-facebook-square { color: #3b5998; }
.news-body-sns-list .fa-line { color: #00c300; }
@media (min-width: 62em) { .news-body-sns-list .fa-line { display: none; } }
.news-body-sns-list .fa-twitter-square { color: #55acee; }
.news-body-button { margin: 0; padding: 1.5rem; border-top: 1px solid #d7dbe3; background-color: #f5f6f8; font-size: 1.4rem; line-height: 1.71429; text-align: center; }
@media (min-width: 48em) { .news-body-button { font-size: 0.7rem; } }
.news-body-button .back { margin: 0 auto; max-width: 320px; }
.news-body-button a { position: relative; display: block; padding: 12px 20px; color: #fff; background-color: #e6002d; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.news-body-button i { margin-right: 8px; }

input[type="radio"] { vertical-align: middle; }

input[type="checkbox"] { vertical-align: middle; *vertical-align: baseline; }

.wpcf7 br { display: none; }
.wpcf7 .form-div { display: block; margin: 0; padding: 16px; background-color: #fff; border-bottom: 1px dotted #c6c9d3; font-size: 0; }
@media (min-width: 62em) { .wpcf7 .form-div { display: block; width: 99%; margin: 0 0.5%; } }
.wpcf7 .form-div input[type="text"], .wpcf7 .form-div input[type="email"], .wpcf7 .form-div input[type="tel"], .wpcf7 .form-div textarea { border: none; outline: none; display: block; width: 100%; color: #444; padding: 0.4rem 0.8rem; background-color: #f9f9f9; border: 1px solid #c6c9d3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); }
.wpcf7 .form-div input[type="text"]:placeholder-shown, .wpcf7 .form-div input[type="email"]:placeholder-shown, .wpcf7 .form-div input[type="tel"]:placeholder-shown, .wpcf7 .form-div textarea:placeholder-shown { color: #999; }
.wpcf7 .form-div input[type="text"]::-webkit-input-placeholder, .wpcf7 .form-div input[type="email"]::-webkit-input-placeholder, .wpcf7 .form-div input[type="tel"]::-webkit-input-placeholder, .wpcf7 .form-div textarea::-webkit-input-placeholder { color: #999; }
.wpcf7 .form-div input[type="text"]:-moz-placeholder, .wpcf7 .form-div input[type="email"]:-moz-placeholder, .wpcf7 .form-div input[type="tel"]:-moz-placeholder, .wpcf7 .form-div textarea:-moz-placeholder { opacity: 1; color: #999; }
.wpcf7 .form-div input[type="text"]::-moz-placeholder, .wpcf7 .form-div input[type="email"]::-moz-placeholder, .wpcf7 .form-div input[type="tel"]::-moz-placeholder, .wpcf7 .form-div textarea::-moz-placeholder { opacity: 1; color: #999; }
.wpcf7 .form-div input[type="text"]:-ms-input-placeholder, .wpcf7 .form-div input[type="email"]:-ms-input-placeholder, .wpcf7 .form-div input[type="tel"]:-ms-input-placeholder, .wpcf7 .form-div textarea:-ms-input-placeholder { color: #999; }
@media (min-width: 62em) { .wpcf7 .form-div input[type="text"].w30, .wpcf7 .form-div input[type="email"].w30, .wpcf7 .form-div input[type="tel"].w30, .wpcf7 .form-div textarea.w30 { width: 30%; } }
@media (min-width: 62em) { .wpcf7 .form-div input[type="text"].w50, .wpcf7 .form-div input[type="email"].w50, .wpcf7 .form-div input[type="tel"].w50, .wpcf7 .form-div textarea.w50 { width: 50%; } }
@media (min-width: 62em) { .wpcf7 .form-div input[type="text"].w70, .wpcf7 .form-div input[type="email"].w70, .wpcf7 .form-div input[type="tel"].w70, .wpcf7 .form-div textarea.w70 { width: 70%; } }
.wpcf7 .form-div input[type="radio"], .wpcf7 .form-div input[type="checkbox"] { margin: 12px 4px; vertical-align: middle; }
.wpcf7 .form-div select, .wpcf7 .form-div input[type="number"] { margin: 0; padding: 0.4rem 0.8rem; background-color: #f9f9f9; border: 1px solid #c6c9d3; color: #444; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); }
.wpcf7 .form-div .wpcf7-list-item { margin: 0 8px 0 0; }
.wpcf7 .midashi { display: block; margin-bottom: 8px; font-size: 1.6rem; line-height: 1.625; }
@media (min-width: 48em) { .wpcf7 .midashi { font-size: 0.8rem; } }
@media (min-width: 62em) { .wpcf7 .midashi { display: inline-block; vertical-align: top; margin: 0; padding: 7px 0; width: 30%; } }
.wpcf7 .midashi-sub { display: block; padding-top: 6px; }
.wpcf7 .required, .wpcf7 .optional { display: inline-block; vertical-align: top; padding: 1px 8px; margin: 0 10px; background-color: #d70c19; color: #fff; font-size: 1.2rem; line-height: 1.83333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .wpcf7 .required, .wpcf7 .optional { font-size: 0.6rem; } }
.wpcf7 .optional { padding: 0; background-color: black; font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .wpcf7 .optional { font-size: 0.7rem; } }
.wpcf7 .optional label { display: inline-block; padding: 8px 16px; }
.wpcf7 .optional input[type="checkbox"] { margin-right: 6px; }
.wpcf7 .control-wrap { font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .wpcf7 .control-wrap { font-size: 0.7rem; } }
@media (min-width: 62em) { .wpcf7 .control-wrap { display: inline-block; width: 70%; vertical-align: top; } }
.wpcf7 .control-wrap-sub { display: block; padding: 0.75rem 0; border-bottom: 1px dotted #c6c9d3; }
.wpcf7 .control-wrap-sub .midashi-sub { display: block; padding: 0 0.4rem; }
@media (min-width: 48em) { .wpcf7 .control-wrap-sub .midashi-sub { display: inline-block; vertical-align: middle; } }
.wpcf7 .submit { text-align: center; padding: 24px 0; }
.wpcf7 .submit input[type="submit"], .wpcf7 .submit input[type="button"], .wpcf7 .submit input[type="submit"][disabled], .wpcf7 .submit input[type="button"][disabled] { margin: 0 auto 10px auto; min-width: 240px; width: 90%; position: relative; display: block; padding: 10px 20px !important; color: #fff; text-align: center; background-color: #e6002d; border: 1px solid #e6002d !important; font-size: 1.4rem; line-height: 1.71429; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .wpcf7 .submit input[type="submit"], .wpcf7 .submit input[type="button"], .wpcf7 .submit input[type="submit"][disabled], .wpcf7 .submit input[type="button"][disabled] { margin: 0 8px 16px 8px; width: 240px; display: inline-block; vertical-align: top; font-size: 0.7rem; }
  .wpcf7 .submit input[type="submit"].center, .wpcf7 .submit input[type="button"].center, .wpcf7 .submit input[type="submit"][disabled].center, .wpcf7 .submit input[type="button"][disabled].center { margin-left: auto; margin-right: auto; display: block; } }
.wpcf7 .submit input[type="button"] { color: #fff !important; background-color: #1f5fa8; border: 1px solid #1f5fa8 !important; }
.wpcf7 .submit input[type="submit"][disabled], .wpcf7 .submit input[type="button"][disabled] { color: #fff !important; background-color: #ccc; border: 1px solid #ccc !important; }
.wpcf7 .wpcf7c-elm-step2 { position: relative; margin: 1.5rem 0 40px 0; padding: 1.0rem; background-color: #1f5fa8; color: #fff; font-weight: bold; text-align: center; }
.wpcf7 .wpcf7c-elm-step2:before { content: ''; position: absolute; bottom: -24px; margin-left: -24px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 24px 24px 0 24px; border-color: #1f5fa8 transparent transparent transparent; }
.wpcf7 .wpcf7-validation-errors { padding: 0.75rem; border: 2px solid #d70c19; color: #d70c19; text-align: center; }

.form-kiyaku { overflow: auto; padding: 2.0rem; background-color: #fff; height: 20.0rem; font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .form-kiyaku { font-size: 0.7rem; } }
.form-kiyaku br { display: block; }

@media (min-width: 62em) { .wpcf7 .midashi { width: 38%; } }
@media (min-width: 62em) { .wpcf7 .control-wrap { width: 60%; } }
.wpcf7 .recipe-num, .wpcf7 .recipe-form-txt { display: inline-block; vertical-align: middle; }
.wpcf7 .recipe-num { width: 40%; }
.wpcf7 .recipe-form-txt { margin: 0 8px; }
.wpcf7 .recipe-form-txt.ingredient, .wpcf7 .recipe-form-txt.recipe { width: 26px; height: 26px; line-height: 24px; text-align: center; border: 1px solid #555; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; }
.wpcf7 .recipe-ingredient01, .wpcf7 .recipe-recipe01 { display: inline-block; vertical-align: middle; width: 80%; }
.wpcf7 .recipe-ingredient02, .wpcf7 .recipe-recipe02 { display: inline-block; vertical-align: middle; width: 80%; }
.wpcf7 .recipe-ingredient03, .wpcf7 .recipe-recipe03 { display: inline-block; vertical-align: middle; width: 80%; }
.wpcf7 .recipe-ingredient04, .wpcf7 .recipe-recipe04 { display: inline-block; vertical-align: middle; width: 80%; }
.wpcf7 .recipe-ingredient05, .wpcf7 .recipe-recipe05 { display: inline-block; vertical-align: middle; width: 80%; }
.wpcf7 .recipe-ingredient06, .wpcf7 .recipe-recipe06 { display: inline-block; vertical-align: middle; width: 80%; }
.wpcf7 .recipe-ingredient07, .wpcf7 .recipe-recipe07 { display: inline-block; vertical-align: middle; width: 80%; }
.wpcf7 .recipe-ingredient08, .wpcf7 .recipe-recipe08 { display: inline-block; vertical-align: middle; width: 80%; }
.wpcf7 .recipe-ingredient09, .wpcf7 .recipe-recipe09 { display: inline-block; vertical-align: middle; width: 80%; }

.error-container { background-color: #f5f6f8; padding: 3.0rem 0; }

.error-detail { margin: 0 auto; padding: 0 1.5rem; }
@media (min-width: 48em) { .error-detail { max-width: 970px; } }

.error-search { margin-bottom: 2.4rem; padding: 2.4rem; background-color: #e6e9ee; border: 4px solid #d7dbe3; }
@media (min-width: 48em) { .error-search { padding: 1.6rem; } }
.error-search .title { margin: 0; padding: 0 0 16px 0; font-size: 1.8rem; line-height: 1.55556; text-align: center; color: #111; }
@media (min-width: 48em) { .error-search .title { float: left; width: 30%; padding: 12px 0; font-size: 0.9rem; } }
.error-search .search-form { position: relative; z-index: 10; text-align: center; margin: 0 auto; max-width: 100%; font-size: 0; background-color: #fff; }
@media (min-width: 48em) { .error-search .search-form { margin-left: 30%; height: 52px; overflow: hidden; } }
.error-search .search-moduleInput { display: inline-block; vertical-align: top; font-size: 14px; line-height: 1; width: 80%; }
.error-search .search-moduleInput input { background: none; border: none; padding: 17px 15px; width: 100%; outline: 0; }
.error-search .search-moduleInput input:placeholder-shown { color: #626a77; }
.error-search .search-moduleInput input::-webkit-input-placeholder { color: #626a77; }
.error-search .search-moduleInput input:-moz-placeholder { opacity: 1; color: #626a77; }
.error-search .search-moduleInput input::-moz-placeholder { opacity: 1; color: #626a77; }
.error-search .search-moduleInput input:-ms-input-placeholder { color: #626a77; }
.error-search .search-moduleButton { display: inline-block; vertical-align: top; font-size: 14px; width: 20%; }
.error-search .search-moduleButton button { background: #626a77; border: none; padding: 15px; width: 100%; text-align: center; color: #fff; }

/* --- basic setting ----------------------------------------------------------------------------------------- */
.wp-caption-text { text-align: center; }

.alignright { float: right; }

.alignleft { float: left; }

.aligncenter { margin-left: auto; margin-right: auto; }

.centered { margin-left: auto; margin-right: auto; }

.clear { clear: both; }

hr { border: 0; border-bottom: 1px solid #c6c9d3; }

.youtube { position: relative; width: 100%; padding-top: 56.25%; }

.youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

/* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */
.page-container-body h2 { clear: both; position: relative; margin: 0 0 1.4rem 0; padding: 0.75rem 1.0rem; background-color: #e6002d; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.page-container-body h3 { clear: both; position: relative; margin: 0.75rem 0; padding: 0 0 0 22px; color: #111; }
.page-container-body h3:before { content: ''; position: absolute; left: 0; top: 0.68rem; width: 16px; height: 16px; border: 3px solid #e6002d; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
@media (min-width: 48em) { .page-container-body h3:before { top: 0.42rem; } }
.page-container-body h4 { clear: both; position: relative; margin: 0.75rem 0; padding: 8px 0 8px 16px; border-top: 3px solid #e6002d; border-bottom: 1px dotted #c6c9d3; color: #111; }
.page-container-body h5 { clear: both; position: relative; margin: 0.75rem 0; padding: 0 0 0 16px; color: #111; }
.page-container-body h5:before { content: ''; position: absolute; left: 0; top: 5%; width: 5px; height: 90%; background-color: #e6002d; }
.page-container-body h6 { margin-bottom: 0.6rem; color: #111; }
.page-container-body h1 { font-size: 2.8rem; line-height: 1.41667; color: #111; }
.page-container-body h2 { font-size: 2.2rem; line-height: 1.45455; }
.page-container-body h2 .sub { font-size: 1.6rem; line-height: 1.625; font-weight: 700; }
.page-container-body h3 { font-size: 2rem; line-height: 1.5; }
.page-container-body h4 { font-size: 1.8rem; line-height: 1.55556; }
.page-container-body h5 { font-size: 1.8rem; line-height: 1.55556; }
.page-container-body h6 { font-size: 1.6rem; line-height: 1.625; }
@media (min-width: 48em) { .page-container-body h1 { font-size: 1.6rem; }
  .page-container-body h2 { font-size: 1.2rem; line-height: 1.45455; }
  .page-container-body h2 .sub { font-size: 0.8rem; }
  .page-container-body h3 { font-size: 1.1rem; line-height: 1.5; }
  .page-container-body h4 { font-size: 1rem; }
  .page-container-body h5 { font-size: 1rem; }
  .page-container-body h6 { font-size: 0.9rem; } }

.page-container-fixed h2 { clear: both; position: relative; margin: 0 0 1.4rem 0; padding: 0.75rem 1.0rem; background-color: #e6002d; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.page-container-fixed h3 { clear: both; position: relative; margin: 0 0 1.4rem 0; padding: 0 0 15px; color: #111; text-align: center; }
.page-container-fixed h3:after { content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -12px; width: 24px; height: 2px; background-color: #111; }
.page-container-fixed h4 { clear: both; position: relative; margin: 0.75rem 0 0.75rem 0; padding: 0 0 0 22px; color: #111; }
.page-container-fixed h4:before { content: ''; position: absolute; left: 0; top: 0.725rem; width: 16px; height: 16px; border: 3px solid #e6002d; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
@media (min-width: 48em) { .page-container-fixed h4:before { top: 0.395rem; } }
.page-container-fixed h5 { position: relative; margin-bottom: 0.75rem; padding: 0 0 0 22px; color: #111; }
.page-container-fixed h5:before { content: ''; position: absolute; top: 12px; left: 0; width: 12px; height: 4px; background-color: #e6002d; }
.page-container-fixed h6 { margin-bottom: 0.6rem; color: #111; }
.page-container-fixed h2 { font-size: 2.2rem; line-height: 1.45455; }
.page-container-fixed h2 .sub { font-size: 1.6rem; line-height: 1.625; font-weight: 700; }
.page-container-fixed h3 { font-size: 2rem; line-height: 1.5; }
.page-container-fixed h4 { font-size: 1.8rem; line-height: 1.55556; }
.page-container-fixed h5 { font-size: 1.6rem; line-height: 1.625; }
.page-container-fixed h6 { font-size: 1.6rem; line-height: 1.625; }
@media (min-width: 48em) { .page-container-fixed h2 { font-size: 1.2rem; line-height: 1.45455; }
  .page-container-fixed h2 .sub { font-size: 0.8rem; }
  .page-container-fixed h3 { font-size: 1.1rem; line-height: 1.5; }
  .page-container-fixed h4 { font-size: 1rem; }
  .page-container-fixed h5 { font-size: 0.9rem; }
  .page-container-fixed h6 { font-size: 0.9rem; } }

.page-container-body, .page-container-fixed { line-height: 1.83333; letter-spacing: 0.05em; /* image */ /* icon */ /* table */ /* list */ /* block quote */ /* gallery */ }
.page-container-body p, .page-container-fixed p { margin-bottom: 1.2rem; }
.page-container-body img, .page-container-fixed img { height: auto; max-width: 100%; width: auto; margin: 4px auto 8px auto; }
.page-container-body img.centered, .page-container-body div.centered, .page-container-fixed img.centered, .page-container-fixed div.centered { display: block; margin: 24px auto; }
.page-container-body img.aligncenter, .page-container-body div.aligncenter, .page-container-fixed img.aligncenter, .page-container-fixed div.aligncenter { display: block; margin: 24px auto; }
.page-container-body img.alignright, .page-container-body div.alignright, .page-container-fixed img.alignright, .page-container-fixed div.alignright { float: none; margin: 4px auto 16px auto; display: block; }
.page-container-body img.alignleft, .page-container-body div.alignleft, .page-container-fixed img.alignleft, .page-container-fixed div.alignleft { float: none; margin: 4px auto 16px auto; display: block; }
.page-container-body .wp-caption, .page-container-fixed .wp-caption { max-width: 100%; padding: 0; margin: 24px auto; }
.page-container-body .wp-caption.alignright, .page-container-fixed .wp-caption.alignright { float: none; margin: 4px auto 16px auto; }
.page-container-body .wp-caption.alignleft, .page-container-fixed .wp-caption.alignleft { float: none; margin: 4px auto 16px auto; }
.page-container-body .wp-caption.aligncenter, .page-container-fixed .wp-caption.aligncenter { margin: 24px auto; }
.page-container-body .wp-caption img, .page-container-fixed .wp-caption img { display: block; margin: 0 auto 6px auto; max-width: 100%; }
.page-container-body .wp-caption .wp-caption-text, .page-container-fixed .wp-caption .wp-caption-text { padding: 0; font-size: 14px; }
@media (min-width: 48em) { .page-container-body img.alignright, .page-container-body div.alignright, .page-container-fixed img.alignright, .page-container-fixed div.alignright { float: right; margin: 4px 0 30px 30px; display: inline; }
  .page-container-body img.alignleft, .page-container-body div.alignleft, .page-container-fixed img.alignleft, .page-container-fixed div.alignleft { float: left; margin: 4px 30px 30px 0; display: inline; }
  .page-container-body .wp-caption.alignright, .page-container-fixed .wp-caption.alignright { float: right; margin: 4px 0 30px 30px; }
  .page-container-body .wp-caption.alignleft, .page-container-fixed .wp-caption.alignleft { float: left; margin: 4px 30px 30px 0; } }
.page-container-body i.fas, .page-container-body i.far, .page-container-body i.fal, .page-container-body i.fab, .page-container-fixed i.fas, .page-container-fixed i.far, .page-container-fixed i.fal, .page-container-fixed i.fab { margin: 0 6px; }
.page-container-body table, .page-container-fixed table { margin: 0 0 1.2rem 0; width: 100%; border-top: 1px solid #c6c9d3; }
.page-container-body table.col-2 td, .page-container-body table.col-2 th, .page-container-fixed table.col-2 td, .page-container-fixed table.col-2 th { display: block; width: 100%; }
@media (min-width: 48em) { .page-container-body table.col-2 td, .page-container-body table.col-2 th, .page-container-fixed table.col-2 td, .page-container-fixed table.col-2 th { display: table-cell; } }
@media (min-width: 48em) { .page-container-body table.col-2 th, .page-container-fixed table.col-2 th { width: 20%; } }
.page-container-body table.col-2 td, .page-container-fixed table.col-2 td { border-bottom: 1px solid #c6c9d3; }
@media (min-width: 48em) { .page-container-body table.col-2 td, .page-container-fixed table.col-2 td { border-bottom: 1px dotted #c6c9d3; } }
@media (min-width: 48em) { .page-container-body table.col-2.th-30 th, .page-container-fixed table.col-2.th-30 th { width: 30%; } }
@media (min-width: 48em) { .page-container-body table.col-2.th-40 th, .page-container-fixed table.col-2.th-40 th { width: 40%; } }
.page-container-body tr:nth-child(even), .page-container-fixed tr:nth-child(even) { background-color: #f5f6f8; }
.page-container-body tr:hover, .page-container-fixed tr:hover { background-color: #f5f6f8; }
.page-container-body td, .page-container-body th, .page-container-fixed td, .page-container-fixed th { border-bottom: 1px dotted #c6c9d3; padding: 10px 15px; vertical-align: top; text-align: left; font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { .page-container-body td, .page-container-body th, .page-container-fixed td, .page-container-fixed th { font-size: 0.8rem; line-height: 2; } }
.page-container-body th, .page-container-fixed th { font-weight: bold; color: #333; }
.page-container-body td, .page-container-fixed td { color: #555; }
.page-container-body th a, .page-container-fixed th a { color: #333; text-decoration: underline; }
.page-container-body dt, .page-container-body dd, .page-container-fixed dt, .page-container-fixed dd { margin: 0; }
.page-container-body ul, .page-container-body ol, .page-container-fixed ul, .page-container-fixed ol { margin: 0 0 0.8rem; padding: 0 0 0 16px; }
.page-container-body ul li, .page-container-body ol li, .page-container-fixed ul li, .page-container-fixed ol li { margin: 0 0 0.6rem 0.8rem; padding: 0 0 0 0.4rem; }
.page-container-body blockquote, .page-container-fixed blockquote { margin: 0 0 2em 0; padding: 30px 30px 2px; background: #f2f2f2; color: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; }
.page-container-body blockquote:before, .page-container-fixed blockquote:before { content: '"'; font-style: italic; font-size: 30px; font-weight: bold; line-height: 40px; width: 30px; height: 30px; position: absolute; top: 10px; left: 10px; color: #999; }
.page-container-body blockquote:after, .page-container-fixed blockquote:after { content: '"'; font-style: italic; font-size: 30px; font-weight: bold; text-align: left; line-height: 60px; width: 30px; height: 30px; position: absolute; bottom: 10px; right: 5px; color: #999; }
.page-container-body .gallery, .page-container-fixed .gallery { margin: 0 -0.75rem !important; padding: 0 0 1.8rem; list-style: none; }
@media (min-width: 48em) { .page-container-body .gallery, .page-container-fixed .gallery { margin: 0 -0.375rem !important; } }
.page-container-body .gallery-item, .page-container-fixed .gallery-item { float: left; width: 50%; margin: 0 !important; padding: 0 0.75rem 1.5rem 0.75rem !important; text-align: center; }
.page-container-body .gallery-item:before, .page-container-fixed .gallery-item:before { display: none; }
@media (min-width: 30em) { .page-container-body .gallery-item, .page-container-fixed .gallery-item { width: 33.333333%; } }
@media (min-width: 48em) { .page-container-body .gallery-item, .page-container-fixed .gallery-item { width: 20%; padding: 0 0.375rem 0.75rem 0.375rem !important; } }
.page-container-body .gallery-item img, .page-container-fixed .gallery-item img { margin: 0 auto; }
.page-container-body .gallery-item a, .page-container-fixed .gallery-item a { border: 2px #999999 solid; display: block; background-color: #fff; padding: 0; }
.page-container-body .gallery-caption, .page-container-fixed .gallery-caption { padding: 4px; font-size: 1.4rem; line-height: 1.625; }
@media (min-width: 48em) { .page-container-body .gallery-caption, .page-container-fixed .gallery-caption { font-size: 0.7rem; } }
@media (min-width: 30em) { .page-container-body .gallery-columns-2 .gallery-item, .page-container-fixed .gallery-columns-2 .gallery-item { width: 50%; } }
@media (min-width: 48em) { .page-container-body .gallery-columns-3 .gallery-item, .page-container-fixed .gallery-columns-3 .gallery-item { width: 33.333333%; } }
@media (min-width: 48em) { .page-container-body .gallery-columns-4 .gallery-item, .page-container-fixed .gallery-columns-4 .gallery-item { width: 25%; } }
@media (min-width: 48em) { .page-container-body .gallery-columns-5 .gallery-item, .page-container-fixed .gallery-columns-5 .gallery-item { width: 20%; } }

/* コメント */
#comments.comments-area { clear: both; padding: 2.0rem 0; }
#comments .comment-respond { padding: 2.0rem; border: 1px solid #c6c9d3; font-size: 1.4rem; line-height: 1.71429; }
@media (min-width: 48em) { #comments .comment-respond { font-size: 0.7rem; } }
#comments .comment-reply-title { margin-top: 0 !important; }
#comments .comment-form-comment textarea { outline: none; display: block; width: 100%; padding: 12px; margin-bottom: 0.4rem; color: #444; border: 1px solid #eee; background-color: #f5f6f8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); }
#comments .comment-form-author input, #comments .comment-form-email input { outline: none; display: block; width: 100%; padding: 12px; margin-bottom: 0.4rem; color: #444; border: 1px solid #eee; background-color: #f5f6f8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); }
@media (min-width: 48em) { #comments .comment-form-author, #comments .comment-form-email { float: left; width: 48%; } }
@media (min-width: 48em) { #comments .comment-form-email { float: right; } }
#comments .form-submit { clear: both; padding-top: 8px; text-align: center; }
#comments .form-submit input[type="submit"] { width: 100%; margin: 0; height: 56px; line-height: 56px; border: 1px black solid; background-color: black; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#comments .form-submit input[type="submit"]:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60); filter: alpha(opacity = 60); opacity: 0.6; }
@media (min-width: 30em) { #comments .form-submit input[type="submit"] { width: 300px; display: inline-block; margin: 0; } }

/* next-page */
.pagesprit { text-align: center; font-size: 0; padding: 16px 0 32px 0; }

.pagesprit .page-numbers { line-height: 1; }

.pagesprit a, .pagesprit span { display: inline-block; margin: 0 2px; font-size: 14px; line-height: 14px; }

.pagesprit .numbers { border: 1px #e6002d solid; width: 40px; height: 40px; line-height: 40px; background-color: #e6002d; color: #fff; }

.pagesprit a .numbers { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.pagesprit a:hover .numbers { background-color: #e6002d; color: #fff; }

.pagesprit a .numbers { background-color: #fff; color: #e6002d; }

/* PageNaviプラグイン */
.wp-pagenavi { padding: 0 0 2.0rem 0; text-align: center; }

.wp-pagenavi a, .wp-pagenavi span { border: none; padding: 0; }

.wp-pagenavi .pages { display: block; margin: 8px; font-size: 14px; font-weight: 500; }

.wp-pagenavi .current, .wp-pagenavi .page, .wp-pagenavi .extend, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { display: inline-block; background-color: #fff; margin: 8px 2px; width: 40px; height: 40px; line-height: 40px; font-size: 16px; font-weight: 500; border-radius: 40px; border: none; }

.wp-pagenavi .extend { border: none; margin: 8px 0; }

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { border: none; background: none; }

.wp-pagenavi .current { background-color: #e6002d; color: #fff; }

.wp-pagenavi .page:hover { color: #fff; background-color: #e6002d; opacity: 1; }

.wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover { color: #e6002d; }

@media (min-width: 62em) { .wp-pagenavi .current, .wp-pagenavi .page, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { width: 36px; height: 36px; line-height: 35px; } }
@media screen and (max-width: 600px) { #wpadminbar { position: fixed !important; } }

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