@charset "UTF-8";
/*
Theme Name: Beisia Template
Author: 
Author URI: 
Version: 1.0.0
*/
@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i|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, .float-box, .overflow-auto > div, .pageGallerylist, .add-bookmark .box, .header-heading-container, .menu-big-container, .menu-big-container.service .list-link a, .menu-big-container.useful .list-new a, .menu-big-container.corporate .list-news a, .menu-big-container.ir .list-news a, .footer-banner ul, .footer-sitemap .link, .lower-sidenav, .news-open li, .news-container, .news-list-link li, .top-tvcm, .top-catalog-container, .top-width-block, .store-search-list .store-list-outline .store-list-info .info-big, .store-search-list .store-list-outline .store-list-info .info-small, .store-search-list-near .store-list-outline .store-list-info .info-big, .store-search-list-near .store-list-outline .store-list-info .info-small, .store-detail-box, .store-detail-box .store-guide ul, .store-jobfind .jobfind-result-list .list, .products-top .list a, .corporate-info-link ul, .corporate-comlink, .ir-page section, .ir-page div, .ir-news dl, .ir-comlink, .ir-footerlink, .business-brandsindex .brandlist, .business-brandsindex .brandlist-box, .recruit-faq dd, .manager-contact-close, .gr-container .manager-newtop-news .news-link, .gr-container .manager-newtop-news li a, .gr-container .manager-newtop-news li span.nolink, .gr-container .manager-top-treepoint-point, .gr-container .manager-top-treepoint-point .detail-box, .gr-container .manager-storelist .store-detail, .gr-container .manager-storelist .store-title, .gr-container .manager-storelist .other-outline, .gr-container .manager-storelist .other-list, .gr-container .manager-step-list .detail, .gr-container .manager-faq dd, .gr-container, .gr-container .float-box, .gr-container .wmplus-message .store .overview, .gr-container .wmplus-bland .bland, .gr-container .wmplus-bland .lineup, .gr-container .jobfind-top-point, .gr-container .jobfind-search-box .search_area, .gr-container .jobfind-result-title, .gr-container .jobfind-result-list .list, .faq-search-container, .error-container, .container-body, .container-body section, .container-body div, .gallery { *zoom: 1; }
.clearfix:after, .container:after, .float-box:after, .overflow-auto > div:after, .pageGallerylist:after, .add-bookmark .box:after, .header-heading-container:after, .menu-big-container:after, .menu-big-container.service .list-link a:after, .menu-big-container.useful .list-new a:after, .menu-big-container.corporate .list-news a:after, .menu-big-container.ir .list-news a:after, .footer-banner ul:after, .footer-sitemap .link:after, .lower-sidenav:after, .news-open li:after, .news-container:after, .news-list-link li:after, .top-tvcm:after, .top-catalog-container:after, .top-width-block:after, .store-search-list .store-list-outline .store-list-info .info-big:after, .store-search-list .store-list-outline .store-list-info .info-small:after, .store-search-list-near .store-list-outline .store-list-info .info-big:after, .store-search-list-near .store-list-outline .store-list-info .info-small:after, .store-detail-box:after, .store-detail-box .store-guide ul:after, .store-jobfind .jobfind-result-list .list:after, .products-top .list a:after, .corporate-info-link ul:after, .corporate-comlink:after, .ir-page section:after, .ir-page div:after, .ir-news dl:after, .ir-comlink:after, .ir-footerlink:after, .business-brandsindex .brandlist:after, .business-brandsindex .brandlist-box:after, .recruit-faq dd:after, .manager-contact-close:after, .gr-container .manager-newtop-news .news-link:after, .gr-container .manager-newtop-news li a:after, .gr-container .manager-newtop-news li span.nolink:after, .gr-container .manager-top-treepoint-point:after, .gr-container .manager-top-treepoint-point .detail-box:after, .gr-container .manager-storelist .store-detail:after, .gr-container .manager-storelist .store-title:after, .gr-container .manager-storelist .other-outline:after, .gr-container .manager-storelist .other-list:after, .gr-container .manager-step-list .detail:after, .gr-container .manager-faq dd:after, .gr-container:after, .gr-container .float-box:after, .gr-container .wmplus-message .store .overview:after, .gr-container .wmplus-bland .bland:after, .gr-container .wmplus-bland .lineup:after, .gr-container .jobfind-top-point:after, .gr-container .jobfind-search-box .search_area:after, .gr-container .jobfind-result-title:after, .gr-container .jobfind-result-list .list:after, .faq-search-container:after, .error-container:after, .container-body:after, .container-body section:after, .container-body div:after, .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: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; } }

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

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; } }

.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; }

.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-fa-Crimson { font-family: Crimson Text; }

.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: #ffa900 !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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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: #000; 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; border: 1px solid #000 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.button-common:before { content: '\f105'; font-family: FontAwesome; color: #fff; position: absolute; top: 50%; right: 10px; font-size: 14px; line-height: 1; margin-top: -7px; }
@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.noarrow:before { display: none; }
.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: #ffa900; border: 1px solid #ffa900 !important; color: #000 !important; }
.button-common.base:before { color: #000 !important; }
.button-common.red { background-color: #d70c19; border: 1px solid #d70c19 !important; }
.button-common.blue { background-color: #36b1c0; border: 1px solid #36b1c0 !important; }
.button-common.orange { background-color: #faa701; border: 1px solid #faa701 !important; }
.button-common.green { background-color: #1e9e49; border: 1px solid #1e9e49 !important; }

.arrow-s { position: relative; padding-left: 14px; }
.arrow-s:before { content: '\f105'; font-family: FontAwesome; 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: FontAwesome; 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: FontAwesome; 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: FontAwesome; 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: #ffa900 !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: #ffa900; color: #000; }
.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: #000; text-align: center; font-size: 16px; line-height: 46px; background-color: rgba(255, 169, 0, 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: FontAwesome; 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(255, 169, 0, 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; }

.h-title { margin-bottom: 1.2rem; font-size: 2.44444rem; line-height: 1.45455; color: #000; }
@media (min-width: 48em) { .h-title { font-size: 1.22222rem; } }
.h-title.white { color: #fff; }
.h-title.center { text-align: center; }
.h-title.center .icon { display: block; margin: 0 auto 6px auto; }
.h-svgicon { display: inline-block; vertical-align: middle; margin: 4px 4px 8px 4px; width: 60px; height: 30px; }
.h-svgicon.plus { width: 132px; height: 24px; }
.h-svgicon.white { padding: 4px; width: 68px; height: 38px; background-color: #fff; }
.h-svgicon.white.plus { width: 140px; }

@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 figure { position: relative; overflow: hidden; }
.img-hover figure img { min-width: 100%; }
@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; -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; -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.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .freetel .sub { font-size: 0.77778rem; } }

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

.header-heading { position: relative; margin: 0 auto; }
@media (min-width: 62em) { .header-heading { padding-left: 1.5rem; padding-right: 1.5rem; max-width: 1230px; min-height: 96px; } }
.header-heading-container { background-color: #fff; font-size: 1.55556rem; line-height: 1.71429; -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: 48em) { .header-heading-container { font-size: 0.77778rem; } }
@media (min-width: 62em) { .header-heading-container { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }
.header-title { position: relative; z-index: 5; margin: 0; padding: 4.0rem 0; background-image: url(img/common/bg_store_sp.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: cover; }
@media (min-width: 48em) { .header-title { padding: 2.0rem 0; } }
@media (min-width: 62em) { .header-title { padding: 0; margin: auto; background: none; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
.header-title .title { margin: 0 auto; padding: 0; font-size: 0; text-align: center; }
.header-title .logo-workman, .header-title .logo-plus { margin: 0 4px; padding: 4px; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-indent: 100%; width: 103px; height: 58px; background-image: url(img/common/title_logo.png); background-repeat: no-repeat; background-position: center center; background-size: 95px 50px; }
@media (min-width: 62em) { .header-title .logo-workman, .header-title .logo-plus { margin: 0 8px; padding: 0; width: 95px; height: 50px; } }
.header-title .logo-workman:before, .header-title .logo-plus:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: -1; }
@media (min-width: 62em) { .header-title .logo-workman:before, .header-title .logo-plus:before { display: none; } }
.header-title .logo-plus { width: 131px; background-image: url(img/common/title_logo_plus.png); background-repeat: no-repeat; background-position: center center; background-size: 123px 26.5px; }
@media (min-width: 62em) { .header-title .logo-plus { width: 123px; } }
.header-home { padding: 0; text-align: center; font-size: 14px; display: none; }
@media (min-width: 62em) { .header-home { position: absolute; display: block; top: 50%; left: 1.5rem; right: auto; bottom: auto; margin: -20px 0 0 0; } }
.header-home a { position: relative; display: block; min-height: 4.0rem; line-height: 4.0rem; color: #000; background-color: #ffa900; border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.header-home a:after { content: 'Home'; font-weight: bold; }
@media (min-width: 62em) { .header-home a { width: 40px; min-height: 2.0rem; line-height: 1; font-size: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
  .header-home a:after { display: none; } }
.header-home a i { margin-right: 8px; font-size: 16px; }
@media (min-width: 62em) { .header-home a i { display: block; font-size: 20px; position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
.header-search { float: left; width: 15%; }
.header-search.open .search-form { top: 64px; opacity: 1; visibility: visible; }
@media (min-width: 62em) { .header-search.open .search-form { position: relative; top: auto; } }
@media (min-width: 62em) { .header-search { float: none; width: 270px; margin-left: 56px; position: absolute; left: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } }
.header-search .search-sp-button { display: block; position: relative; z-index: 30; background-color: #999; min-height: 64px; color: #fff; cursor: pointer; }
.header-search .search-sp-button.open span.i-search { display: none; }
.header-search .search-sp-button.open span.i-close { display: block; }
.header-search .search-sp-button span { display: block; position: absolute; top: 50%; left: 50%; margin: auto; font-size: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.header-search .search-sp-button span.i-search { display: block; }
.header-search .search-sp-button span.i-close { display: none; }
@media (min-width: 62em) { .header-search .search-sp-button { display: none; } }
.header-search .search-form { position: absolute; top: 0; left: 0; right: 0; z-index: 10; background-color: #e6e9ee; text-align: center; margin: 0 auto; max-width: 100%; font-size: 0; opacity: 0; 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) { .header-search .search-form { display: block; position: relative; top: auto; left: auto; right: auto; opacity: 1; visibility: visible; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; } }
.header-search .search-moduleInput { display: inline-block; vertical-align: top; font-size: 14px; line-height: 1; width: 80%; min-height: 64px; }
.header-search .search-moduleInput input { background: none; border: none; padding: 15px; width: 100%; height: 64px; outline: 0; }
.header-search .search-moduleInput input:placeholder-shown { color: #626a77; }
.header-search .search-moduleInput input::-webkit-input-placeholder { color: #626a77; }
.header-search .search-moduleInput input:-moz-placeholder { opacity: 1; color: #626a77; }
.header-search .search-moduleInput input::-moz-placeholder { opacity: 1; color: #626a77; }
.header-search .search-moduleInput input:-ms-input-placeholder { color: #626a77; }
@media (min-width: 62em) { .header-search .search-moduleInput { min-height: 40px; }
  .header-search .search-moduleInput input { padding: 12px 15px 12px 0; height: auto; } }
.header-search .search-moduleButton { display: inline-block; vertical-align: top; font-size: 20px; width: 20%; }
.header-search .search-moduleButton button { background: #626a77; border: none; min-height: 64px; width: 100%; text-align: center; color: #fff; }
@media (min-width: 62em) { .header-search .search-moduleButton { font-size: 14px; }
  .header-search .search-moduleButton button { min-height: 40px; background: none; color: #999; } }
.header-icon { position: relative; float: left; width: 85%; padding: 0; z-index: 30; background-color: #fff; text-align: center; font-size: 0; line-height: 1; }
@media (min-width: 62em) { .header-icon { float: none; width: auto; margin: auto; position: absolute; top: 0; right: 1.5rem; } }
.header-icon .button { display: inline-block; width: 33.33333333%; }
@media (min-width: 62em) { .header-icon .button { width: auto; } }
.header-icon a { position: relative; display: block; margin: 0; color: #000; min-height: 64px; border-left: 1px solid #e6e9ee; }
@media (min-width: 62em) { .header-icon a { width: 106px; min-height: 96px; border: none; } }
.header-icon a:hover { opacity: 1; }
@media (min-width: 62em) { .header-icon a:hover .icon { background-color: #fff; color: #000; } }
.header-icon a i { display: block; position: absolute; top: 50%; left: 50%; margin: auto; font-size: 20px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.header-icon a.favorite-button.off { background-color: #f5f6f8; }
@media (min-width: 62em) { .header-icon a.favorite-button.off { background: none; } }
@media (min-width: 62em) { .header-icon a.favorite-button.off .icon { background-color: #f5f6f8; } }
.header-icon a.favorite-button.off i { color: #c8ced9; }
.header-icon a.favorite-button.on { background-color: #ffa900; }
@media (min-width: 62em) { .header-icon a.favorite-button.on { background: none; } }
.header-icon a.favorite-button.on i { color: #000; }
.header-icon .icon { display: block; position: absolute; top: 4px; left: 0; right: 0; margin: auto; width: 40px; height: 40px; margin: auto; color: #ffa900; }
@media (min-width: 62em) { .header-icon .icon { top: 14px; width: 48px; height: 48px; background-color: #ffa900; color: #000; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.header-icon .text { display: block; position: absolute; left: 4px; right: 4px; bottom: 8px; margin: auto; font-size: 10px; white-space: nowrap; overflow: hidden; }
@media (min-width: 62em) { .header-icon .text { left: 6px; right: 6px; bottom: 14px; font-size: 11px; } }

.header-nav { background-color: #ffa900; }
.header-nav-container { position: relative; margin: 0 auto; }
@media (min-width: 62em) { .header-nav-container { padding-left: 1.5rem; padding-right: 1.5rem; max-width: 1230px; } }
.header-nav-link { margin: 0; padding: 0; list-style: none; font-size: 0; }
@media (min-width: 62em) { .header-nav-link { display: flex; justify-content: space-between; border-left: 1px solid rgba(255, 255, 255, 0.2); } }
.header-nav-link > li { display: inline-block; margin: 0; vertical-align: top; font-size: 1.44444rem; line-height: 1.33333; text-align: center; }
@media (min-width: 48em) { .header-nav-link > li { font-size: 0.72222rem; } }
@media (min-width: 62em) { .header-nav-link > li { border-bottom: none; }
  .header-nav-link > li.flex-num01 { order: 1; }
  .header-nav-link > li.flex-num02 { order: 2; }
  .header-nav-link > li.flex-num03 { order: 3; }
  .header-nav-link > li.flex-num04 { order: 4; }
  .header-nav-link > li.flex-num05 { order: 5; }
  .header-nav-link > li.flex-num06 { order: 6; }
  .header-nav-link > li.flex-num07 { order: 7; }
  .header-nav-link > li.flex-num08 { order: 8; }
  .header-nav-link > li.flex-num09 { order: 9; } }
.header-nav-link br.pc-block { display: none; }
@media (min-width: 62em) { .header-nav-link br.pc-block { display: inline-block; } }

.menu-home, .menu-big, .menu-normal, .menu-blank, .menu-cart { width: 50%; }
@media (min-width: 62em) { .menu-home, .menu-big, .menu-normal, .menu-blank, .menu-cart { width: 11.111111111%; } }
.menu-home-button, .menu-home > a, .menu-big-button, .menu-big > a, .menu-normal-button, .menu-normal > a, .menu-blank-button, .menu-blank > a, .menu-cart-button, .menu-cart > a { cursor: pointer; position: relative; display: block; min-height: 5.0rem; color: #000; font-weight: bold; border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
@media (min-width: 48em) { .menu-home-button, .menu-home > a, .menu-big-button, .menu-big > a, .menu-normal-button, .menu-normal > a, .menu-blank-button, .menu-blank > a, .menu-cart-button, .menu-cart > a { min-height: 2.8rem; } }
@media (min-width: 62em) { .menu-home-button, .menu-home > a, .menu-big-button, .menu-big > a, .menu-normal-button, .menu-normal > a, .menu-blank-button, .menu-blank > a, .menu-cart-button, .menu-cart > a { border-bottom: none; } }
.menu-home-button span, .menu-home > a span, .menu-big-button span, .menu-big > a span, .menu-normal-button span, .menu-normal > a span, .menu-blank-button span, .menu-blank > a span, .menu-cart-button span, .menu-cart > a span { position: absolute; top: 50%; left: 0; right: 0; margin: auto; z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.menu-home { display: inline-block; font-size: 16px; }
@media (min-width: 62em) { .menu-home { display: none !important; } }
.menu-home i { margin-right: 6px; }
.menu-big.open .menu-big-button { color: #000; }
.menu-big.open .menu-big-button:before { content: ''; position: absolute; top: 4px; right: 4px; left: 4px; bottom: -1px; margin: auto; background-color: #fff; border: 1px solid #fff; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
@media (min-width: 62em) { .menu-big:first-child { /*.menu-big-button{
	border:{
		left: 1px solid rgba(#fff,0.20);
	}
}*/ } }
.menu-big-button span:after { content: '\f078'; font-family: FontAwesome; position: absolute; top: 50%; right: 1.0rem; margin: auto; font-size: 12px; font-weight: normal; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 48em) { .menu-big-button span:after { right: 0.6rem; } }
@media (min-width: 62em) { .menu-big-button span:after { display: none; } }
.menu-blank a span:after { content: '\f2d2'; font-family: FontAwesome; position: absolute; top: 50%; right: 0.8rem; margin: auto; font-size: 13px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.menu-cart a span:before { content: '\f07a'; font-family: FontAwesome; margin-right: 8px; }
@media (min-width: 62em) { .menu-normal a, .menu-blank a, .menu-cart a { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
  .menu-normal a:after, .menu-blank a:after, .menu-cart a:after { content: ''; position: absolute; top: 4px; right: 4px; left: 4px; bottom: 4px; margin: auto; background-color: #fff; border: 1px solid #fff; opacity: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
  .menu-normal a:hover, .menu-blank a:hover, .menu-cart a:hover { opacity: 1; color: #000; }
  .menu-normal a:hover:after, .menu-blank a:hover:after, .menu-cart a:hover:after { opacity: 1; } }

.menu-big:nth-child(even) .menu-big-contents { margin-left: -100%; }
@media (min-width: 62em) { .menu-big:nth-child(even) .menu-big-contents { margin-left: 0; } }
.menu-big-contents { display: none; width: 200%; padding: 0; text-align: left; }
@media (min-width: 62em) { .menu-big-contents { padding: 0 1.5rem; position: absolute; top: 2.8rem; left: 0; right: 0; width: 100%; z-index: 1100; } }
.menu-big-container { background-color: #fff; }
.menu-big-container .title-main { margin: 0 0 1.6rem; font-size: 2rem; line-height: 1.55556; color: #fff; text-align: center; }
@media (min-width: 48em) { .menu-big-container .title-main { margin: 0 0 0.8rem; font-size: 1rem; text-align: left; } }
.menu-big-container .title-main .sub { display: block; vertical-align: middle; margin: 0 8px 8px 0; }
.menu-big-container .title-main .sub img { margin: 0 4px; width: 75px; }
.menu-big-container .title-sub { margin: 0 0 1.0rem; font-size: 1.55556rem; line-height: 1.71429; color: #fff; text-align: center; }
@media (min-width: 48em) { .menu-big-container .title-sub { font-size: 0.77778rem; } }
.menu-big-container .title-sub img { display: inline-block; vertical-align: bottom; margin: 0 0 4px; width: 100px; }
.menu-big-container .title-sub .num { display: block; vertical-align: bottom; margin: 0; }
.menu-big-container.store { padding: 3.0rem 1.5rem 6.0rem 1.5rem; background-image: url(img/common/bg_store_sp.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: auto 10%; background-color: #224eb6; }
@media (min-width: 48em) { .menu-big-container.store { padding: 1.5rem 1.5rem 6.0rem 1.5rem; background-image: url(img/common/bg_store_pc.jpg); background-size: auto; } }
.menu-big-container.store .col-md-8 { padding-right: 0; }
.menu-big-container.service { padding: 3.0rem 1.5rem 1.5rem 1.5rem; background-color: #f5f6f8; }
@media (min-width: 48em) { .menu-big-container.service { padding: 1.5rem 1.125rem 0 1.125rem; } }
.menu-big-container.service .title-main { color: #000; }
@media (min-width: 48em) { .menu-big-container.service .title-main { padding: 0 0.375rem; } }
.menu-big-container.service .list-link { margin: 0; padding: 0; list-style: none; font-size: 0; }
.menu-big-container.service .list-link li { margin: 0; padding: 0 0 1.5rem 0; }
@media (min-width: 48em) { .menu-big-container.service .list-link li { display: inline-block; vertical-align: top; width: 50%; padding: 0 0.375rem 0.75rem 0.375rem; } }
.menu-big-container.service .list-link a { display: block; padding: 12px; color: #fff; background-color: #fff; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); }
.menu-big-container.service .list-link .img { float: left; width: 25%; }
@media (min-width: 48em) { .menu-big-container.service .list-link .img { width: 120px; } }
.menu-big-container.service .list-link .title, .menu-big-container.service .list-link .outline { display: block; margin-left: 25%; padding-left: 15px; }
@media (min-width: 48em) { .menu-big-container.service .list-link .title, .menu-big-container.service .list-link .outline { margin-left: 120px; } }
.menu-big-container.service .list-link .title { margin-bottom: 8px; color: #ffa900; font-weight: bold; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .menu-big-container.service .list-link .title { font-size: 0.88889rem; } }
.menu-big-container.service .list-link .outline { color: #958f80; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .menu-big-container.service .list-link .outline { font-size: 0.77778rem; } }
.menu-big-container.useful { padding: 3.0rem 1.5rem 1.5rem 1.5rem; background-color: #f6f5f0; }
@media (min-width: 48em) { .menu-big-container.useful { padding: 1.5rem 1.5rem 0 1.5rem; } }
.menu-big-container.useful .title-main { color: #000; }
.menu-big-container.useful .list-page, .menu-big-container.useful .list-new { margin: 0; padding: 0 0 0.8rem; list-style: none; }
.menu-big-container.useful .list-page li, .menu-big-container.useful .list-new li { margin: 0 0 0.8rem; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .menu-big-container.useful .list-page li, .menu-big-container.useful .list-new li { margin: 0 0 0.4rem; font-size: 0.77778rem; } }
.menu-big-container.useful .list-page a, .menu-big-container.useful .list-new a { position: relative; display: block; color: #fff; }
.menu-big-container.useful .list-page { font-size: 0; }
.menu-big-container.useful .list-page li { margin: 0; padding: 0; vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .menu-big-container.useful .list-page li { display: inline-block; width: 50%; font-size: 0.77778rem; } }
@media (min-width: 62em) { .menu-big-container.useful .list-page li { width: 100%; } }
.menu-big-container.useful .list-page a { padding: 0.6rem 16px 0.6rem 12px; color: #726958; }
.menu-big-container.useful .list-page a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 0.6rem; left: 0; margin: auto; color: #726958; }
@media (min-width: 48em) { .menu-big-container.useful .list-page a { padding: 0.2rem 16px 0.2rem 12px; }
  .menu-big-container.useful .list-page a:before { top: 0.2rem; } }
.menu-big-container.useful .list-new { padding: 0 0 1.5rem 0; }
@media (min-width: 62em) { .menu-big-container.useful .list-new { padding: 6px 0 0 0; } }
.menu-big-container.useful .list-new a { display: block; padding: 12px; background-color: #fff; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); }
.menu-big-container.useful .list-new .img { float: left; width: 25%; }
@media (min-width: 48em) { .menu-big-container.useful .list-new .img { width: 20%; } }
.menu-big-container.useful .list-new .title, .menu-big-container.useful .list-new .outline { display: block; margin-left: 25%; padding-left: 12px; }
@media (min-width: 48em) { .menu-big-container.useful .list-new .title, .menu-big-container.useful .list-new .outline { margin-left: 20%; } }
.menu-big-container.useful .list-new .title { margin-bottom: 8px; color: #f9644e; font-weight: bold; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .menu-big-container.useful .list-new .title { font-size: 0.88889rem; } }
.menu-big-container.useful .list-new .title:before { content: 'NEW'; background-color: #f9644e; border: 1px solid #f9644e; color: #fff; display: inline-block; vertical-align: top; padding: 2px 4px; margin: 3px 6px 0 0; font-size: 12px; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.menu-big-container.useful .list-new .outline { color: #958f80; }
.menu-big-container.useful .button { margin: 0 auto; text-align: right; font-weight: bold; }
@media (min-width: 48em) { .menu-big-container.useful .button { position: absolute; top: -4px; right: 0.75rem; } }
.menu-big-container.useful .button a { display: block; text-align: center; padding: 8px 16px; color: #fff; background-color: #f9644e; border: 1px solid #f9644e; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.menu-big-container.useful .button a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 48em) { .menu-big-container.useful .button a { display: inline-block; padding: 4px 26px 4px 16px; } }
.menu-big-container.corporate, .menu-big-container.ir { position: relative; padding: 3.0rem 1.5rem 10.0rem 1.5rem; background-image: url(img/common/bg_storefront_sp.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: auto 25%; background-color: #5488d9; }
@media (min-width: 48em) { .menu-big-container.corporate, .menu-big-container.ir { padding: 1.5rem 1.5rem 7.5rem 1.5rem; background-image: url(img/common/bg_storefront_pc.jpg); background-size: cover; } }
@media (min-width: 62em) { .menu-big-container.corporate:before, .menu-big-container.ir:before { content: ''; position: absolute; top: 1.5rem; bottom: 9.0rem; left: 41.2%; width: 1px; height: auto; background-color: rgba(255, 255, 255, 0.4); } }
.menu-big-container.corporate .list-link, .menu-big-container.corporate .list-news, .menu-big-container.ir .list-link, .menu-big-container.ir .list-news { margin: 0; padding: 0; list-style: none; }
.menu-big-container.corporate .list-link li, .menu-big-container.corporate .list-news li, .menu-big-container.ir .list-link li, .menu-big-container.ir .list-news li { margin: 0; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .menu-big-container.corporate .list-link li, .menu-big-container.corporate .list-news li, .menu-big-container.ir .list-link li, .menu-big-container.ir .list-news li { font-size: 0.77778rem; } }
.menu-big-container.corporate .list-link a, .menu-big-container.corporate .list-news a, .menu-big-container.ir .list-link a, .menu-big-container.ir .list-news a { position: relative; display: block; color: #fff; }
.menu-big-container.corporate .list-link, .menu-big-container.ir .list-link { float: left; width: 50%; }
.menu-big-container.corporate .list-link a, .menu-big-container.ir .list-link a { padding: 0.6rem 16px 0.6rem 12px; }
.menu-big-container.corporate .list-link a:before, .menu-big-container.ir .list-link a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 0.6rem; left: 0; margin: auto; color: #fff; }
@media (min-width: 48em) { .menu-big-container.corporate .list-link a, .menu-big-container.ir .list-link a { padding: 0.2rem 16px 0.2rem 12px; }
  .menu-big-container.corporate .list-link a:before, .menu-big-container.ir .list-link a:before { top: 0.2rem; } }
.menu-big-container.corporate .list-news a, .menu-big-container.ir .list-news a { padding: 0.6rem 0; }
@media (min-width: 48em) { .menu-big-container.corporate .list-news a, .menu-big-container.ir .list-news a { padding: 0.2rem 0; } }
.menu-big-container.corporate .list-news .data, .menu-big-container.ir .list-news .data { float: left; display: block; }
.menu-big-container.corporate .list-news .title, .menu-big-container.ir .list-news .title { position: relative; display: block; margin-left: 100px; padding: 0 0 0 12px; }
.menu-big-container.corporate .list-news .title:before, .menu-big-container.ir .list-news .title:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 0; left: 0; margin: auto; color: #fff; }
.menu-big-container.ir { position: relative; padding: 3.0rem 1.5rem 15.0rem 1.5rem; background-image: url(img/common/bg_irfront_sp.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: auto 20%; background-color: #61606c; }
@media (min-width: 48em) { .menu-big-container.ir { padding: 1.5rem 1.5rem 5.5rem 1.5rem; background-size: auto 30%; } }
@media (min-width: 62em) { .menu-big-container.ir { background-image: url(img/common/bg_irfront_pc.jpg); background-size: cover; }
  .menu-big-container.ir:before { content: ''; position: absolute; top: 1.5rem; bottom: 1.5rem; left: 41.2%; width: 1px; height: auto; background-color: rgba(255, 255, 255, 0.4); } }
.menu-big-container.ir i { margin: 0 8px; }
.menu-big-container.merchant { position: relative; padding: 3.0rem 1.5rem 14.0rem 1.5rem; background-image: url(img/common/bg_merchant_sp.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: auto 22%; background-color: #ffa900; }
@media (min-width: 48em) { .menu-big-container.merchant { padding: 1.5rem 1.5rem 12.0rem 1.5rem; background-size: auto 54%; } }
@media (min-width: 62em) { .menu-big-container.merchant { padding: 1.5rem; min-height: 330px; background-image: url(img/common/bg_merchant_pc.jpg); background-position: right bottom; background-size: cover; } }
@media (min-width: 48em) { .menu-big-container.merchant .col-md-4 { float: left; width: 50%; } }
@media (min-width: 62em) { .menu-big-container.merchant .col-md-4 { float: left; width: 33.3333%; } }
.menu-big-container.merchant .title-main { color: #000; }
.menu-big-container.merchant .list-link { margin: 0; padding: 0; list-style: none; }
.menu-big-container.merchant .list-link li { margin: 0; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .menu-big-container.merchant .list-link li { font-size: 0.77778rem; } }
.menu-big-container.merchant .list-link a { position: relative; display: block; padding: 0.6rem 16px 0.6rem 12px; }
.menu-big-container.merchant .list-link a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 0.6rem; left: 0; margin: auto; }
@media (min-width: 48em) { .menu-big-container.merchant .list-link a { padding: 0.2rem 16px 0.2rem 12px; }
  .menu-big-container.merchant .list-link a:before { top: 0.2rem; } }

@media (min-width: 62em) { #page-body { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } }
@media (min-width: 62em) { #page-body.menuhover { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 2000px; display: block; z-index: 1000; background-color: rgba(0, 0, 0, 0.8); } }

.header-banner { font-size: 0; background-color: #000; text-align: center; }
.header-banner a { position: relative; display: block; margin: 0 auto; }
.header-banner a:hover { opacity: 0.80; }
.header-banner img { margin: 0 auto; }

.footer-banner .title, .footer-group .title { margin: 0 0 1.6rem; font-size: 2rem; line-height: 1.55556; text-align: center; color: #000; }
@media (min-width: 48em) { .footer-banner .title, .footer-group .title { font-size: 1.33333rem; 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 { border-top: 2px solid #fff; 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: #ffa900; }
.footer-sitemap a { display: block; color: #000; }
.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 #ffc34d; }
.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 #000; 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: #000; }
  .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: #000; -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-i { width: 34px; height: 34px; }
.footer-sitemap .sns-list .sns-icon.twitter { width: 24px; height: 24px; }
.footer-sitemap .sns-list .sns-icon.insta { width: 30px; height: 30px; }
.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: #ffa900; }
.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 img { width: 130px; height: auto; }
.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; list-style: none; font-size: 0; }
@media (min-width: 48em) { .footer-sitemap .link-list { float: left; width: 33.333333%; display: inline-block; vertical-align: top; padding: 0; border: none; } }
.footer-sitemap .link-list li { position: relative; float: left; width: 50%; margin: 0; padding: 1px; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .footer-sitemap .link-list li { float: none; width: 100%; font-size: 0.77778rem; border: none; } }
@media (min-width: 62em) { .footer-sitemap .link-list li { padding: 0; } }
.footer-sitemap .link-list a { position: relative; display: block; padding: 8px 8px 8px 30px; }
.footer-sitemap .link-list a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 8px; left: 16px; color: #000; }
@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.55556rem; line-height: 1.71429; color: #000; }
@media (min-width: 48em) { .footer-sitemap .copy { font-size: 0.77778rem; } }

#mainContents { overflow: hidden; }

.lower-container { margin: 0 auto; padding: 1.5rem; }
@media (min-width: 48em) { .lower-container { max-width: 1032px; } }
.lower-sidenav { margin-bottom: 1.4rem; background-color: #e6e9ee; }
.lower-sidenav .title { padding: 14px 16px; margin: 0; border: 2px solid #e6e9ee; background-color: #fff; font-size: 2rem; line-height: 1.55556; color: #000; }
@media (min-width: 48em) { .lower-sidenav .title { font-size: 1rem; } }
.lower-sidenav .title i { margin-right: 8px; font-size: 20px; color: #ffa900; }
.lower-sidenav .title .h-svgicon { margin: 4px 8px 4px 0; width: 24px; height: 18px; fill: #ffa900; }
.lower-sidenav .title .h-svgicon.recipe { margin: 0 8px 0 0; width: 24px; height: 24px; }
.lower-sidenav .list { margin: 0; padding: 0; list-style: none; font-size: 0; }
.lower-sidenav .list li { margin: 0; border-left: 2px solid #e6e9ee; border-right: 2px solid #e6e9ee; border-bottom: 2px solid #e6e9ee; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .lower-sidenav .list li { font-size: 0.77778rem; } }
.lower-sidenav .list li li { border-left: none; border-right: none; border-bottom: none; border-top: 1px solid #e6e9ee; }
.lower-sidenav .list a, .lower-sidenav .list span { position: relative; display: block; padding: 8px 16px; background-color: #fff; color: #000; }
@media (min-width: 62em) { .lower-sidenav .list a, .lower-sidenav .list span { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .lower-sidenav .list a:hover, .lower-sidenav .list span:hover { opacity: 1; background-color: #000; color: #fff; } }
.lower-sidenav .list.area { border-top: 2px solid #e6e9ee; border-right: 2px solid #e6e9ee; }
.lower-sidenav .list.area li { display: inline-block; vertical-align: top; width: 50%; text-align: center; border-top: none; border-left: 2px solid #e6e9ee; border-right: none; border-bottom: 2px solid #e6e9ee; }
@media (min-width: 48em) { .lower-sidenav .list.area li { width: 25%; } }
@media (min-width: 62em) { .lower-sidenav .list.area li { width: 50%; } }
.lower-sidenav .list.area a { padding: 8px 4px; }
.lower-sidenav .list.area span { background-color: #fff; color: #aaa; }
.lower-sidenav .list.area span:hover { background-color: #fff; color: #aaa; }
.lower-sidenav.accordion-menu span.accordion-menu-btn { padding: 8px 24px 8px 16px; }
.lower-sidenav.accordion-menu span.accordion-menu-btn:before { content: '\f107'; font-family: FontAwesome; position: absolute; top: 50%; right: 8px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.lower-sidenav.accordion-menu span.accordion-menu-btn.open:before { content: '\f106'; }
.lower-sidenav.accordion-menu .accordion-menu-box { margin: 0; padding: 0; list-style: none; }
.lower-sidenav.accordion-menu .accordion-menu-box a { padding: 8px 16px; border-bottom: none; color: #fff; background-color: #7a8998; }
@media (min-width: 62em) { .lower-sidenav.accordion-menu .accordion-menu-box a:hover { opacity: 1; background-color: #61707e; color: #fff; } }

.page-header { padding: 1.8rem 1.5rem; border-bottom: 1px solid #eaeaea; text-align: center; }
.page-header .title-main { margin: 0; padding: 0; font-size: 3.11111rem; line-height: 1.35714; color: #000; font-feature-settings: "palt"; letter-spacing: 0.02em; }
@media (min-width: 48em) { .page-header .title-main { font-size: 2rem; line-height: 1.27778; } }
.page-header .title-sub { display: block; margin: 0; padding: 0; font-size: 1.77778rem; line-height: 1.625; color: #ffa900; }
@media (min-width: 48em) { .page-header .title-sub { font-size: 0.88889rem; } }

.pankuzu { margin: auto; width: 100%; padding: 1.5rem 0.75rem; font-size: 1.55556rem; line-height: 22px; }
@media (min-width: 48em) { .pankuzu { padding: 0.75rem; font-size: 0.77778rem; } }
.pankuzu a { position: relative; display: block; vertical-align: top; padding: 0 19px 0 0; color: #000; }
.pankuzu a:after { content: '\f105'; font-family: FontAwesome; margin-left: 8px; font-size: 14px; line-height: 22px; color: #999999; }
@media (min-width: 48em) { .pankuzu a { display: inline-block; }
  .pankuzu a:after { position: absolute; right: 4px; top: 0; margin: 0; } }
.pankuzu .breadcrumb_last { color: #999999; }
.pankuzu .products-category { padding: 0; }

.multi-slider { position: relative; background-color: #fff; padding-bottom: 36px; }
@media (min-width: 48em) { .multi-slider { padding-bottom: 48px; } }
.multi-slider .slider-multi .slick-dots { bottom: -32px; }
.multi-slider .slider-multi .slick-dots li button:before { background-color: rgba(198, 201, 211, 0.6); }
.multi-slider .slider-multi .slick-dots li.slick-active button:before { background-color: rgba(255, 169, 0, 0.8); }
.multi-slider .slider-multi-button { position: absolute; top: 50%; left: 50%; margin: 0 auto; width: 320px; margin-left: -160px; }
@media (min-width: 48em) { .multi-slider .slider-multi-button { width: 768px; margin-left: -384px; } }
@media (min-width: 62em) { .multi-slider .slider-multi-button { width: 970px; margin-left: -485px; } }
.multi-slider .slider-multi-button .slick-next-button, .multi-slider .slider-multi-button .slick-prev-button { position: absolute; top: 50%; margin-top: -33px; }
@media (min-width: 48em) { .multi-slider .slider-multi-button .slick-next-button, .multi-slider .slider-multi-button .slick-prev-button { margin-top: -54px; } }
.multi-slider .slider-multi-button .slick-next-button span, .multi-slider .slider-multi-button .slick-prev-button span { display: block; width: 30px; height: 30px; cursor: pointer; white-space: nowrap; text-indent: 100%; overflow: hidden; background-image: url(img/common/i_slider_button.png); background-repeat: no-repeat; background-size: 65px 65px; }
@media (min-width: 48em) { .multi-slider .slider-multi-button .slick-next-button span, .multi-slider .slider-multi-button .slick-prev-button span { width: 60px; height: 60px; background-size: 130px 130px; } }
.multi-slider .slider-multi-button .slick-next-button { right: 0.75rem; }
@media (min-width: 64em) { .multi-slider .slider-multi-button .slick-next-button { right: -28px; } }
.multi-slider .slider-multi-button .slick-next-button span { background-position: -35px 0; }
@media (min-width: 48em) { .multi-slider .slider-multi-button .slick-next-button span { background-position: -70px 0; }
  .multi-slider .slider-multi-button .slick-next-button span:hover { background-position: -70px -70px; } }
.multi-slider .slider-multi-button .slick-prev-button { left: 0.75rem; }
@media (min-width: 64em) { .multi-slider .slider-multi-button .slick-prev-button { left: -28px; } }
.multi-slider .slider-multi-button .slick-prev-button span { background-position: 0 0; }
@media (min-width: 48em) { .multi-slider .slider-multi-button .slick-prev-button span { background-position: 0 0; }
  .multi-slider .slider-multi-button .slick-prev-button span:hover { background-position: 0 -70px; } }

.area-list { margin: 0 0 1.5rem; padding: 0; list-style: none; font-size: 0; }
.area-list li { display: block; vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .area-list li { display: inline-block; width: 50%; font-size: 0.66667rem; } }
.area-list > li { display: inline-block; padding: 0; width: 50%; }
@media (min-width: 48em) { .area-list > li { padding: 0; width: 33.33333333%; } }
@media (min-width: 62em) { .area-list > li { width: 33.33333333%; } }
.area-list > li > ul { margin: 0; padding: 0 0.75rem 0.75rem 0; font-size: 0; }
.area-list a, .area-list span { display: block; margin: 0 0 4px 0; padding: 4px 6px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .area-list a, .area-list span { margin: 0 4px 4px 0; } }
.area-list a { background-color: #fff; }
@media (min-width: 62em) { .area-list a:hover { opacity: 1; background-color: #ffa900; color: #000; } }
.area-list span { background-color: rgba(255, 255, 255, 0.3); color: #fff; }
.area-list span.subtitle { padding: 0 0 4px 0; background: none; text-align: left; color: #fff; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .area-list span.subtitle { font-size: 0.88889rem; } }

.news-open { margin: 0; padding: 0; list-style: none; }
.news-open li { margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .news-open li { font-size: 0.77778rem; } }
.news-open a { display: block; padding: 0 0 1.5rem; color: #fff; }
@media (min-width: 48em) { .news-open a { padding: 0; } }
@media (min-width: 62em) { .news-open a span { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .news-open a:hover { opacity: 1; }
  .news-open a:hover .data, .news-open a:hover .title, .news-open a:hover .address { opacity: 0.40; } }
.news-open span { display: inline-block; vertical-align: top; }
@media (min-width: 48em) { .news-open span { float: left; display: block; } }
.news-open span.data { width: 100px; margin: 0 0 4px; font-family: Roboto; }
@media (min-width: 48em) { .news-open span.data { font-size: 0.77778rem; } }
.news-open span.category { min-width: 110px; margin: 0 20px 4px 0; padding: 6px 4px; text-align: center; font-size: 1.33333rem; line-height: 1; background-color: #e4697d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
@media (min-width: 48em) { .news-open span.category { font-size: 0.66667rem; } }
.news-open span.category.renewal { background-color: #3cad6c; }
.news-open span.title { display: block; position: relative; margin-bottom: 4px; font-weight: bold; }
.news-open span.title:before { content: '\f105'; font-family: FontAwesome; margin-right: 6px; font-weight: normal; }
@media (min-width: 48em) { .news-open span.title { clear: both; float: none; display: block; } }
.news-open span.address { display: block; margin-bottom: 4px; }
@media (min-width: 48em) { .news-open span.address { padding: 0; } }

.news-container { background-color: #f5f6f8; padding: 3.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: #000; font-size: 2.66667rem; line-height: 1.41667; }
@media (min-width: 48em) { .news-list-title { font-size: 1.33333rem; } }
.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.0rem 2.0rem 1.0rem 0.8rem; color: #fff; }
.news-list-link a:before { content: '\f105'; font-family: FontAwesome; 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: 0.6rem 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; color: #fff; font-size: 1.33333rem; line-height: 1.83333; background-color: #117ab3; border: 1px solid #117ab3; -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.66667rem; } }
.news-list-link span.category.store, .news-list-link span.category.open { background-color: #e4697d; border: 1px solid #e4697d; }
.news-list-link span.category.renewal { background-color: #3cad6c; border: 1px solid #3cad6c; }
.news-list-link span.category.campaign { background-color: #e4697d; border: 1px solid #e4697d; }
.news-list-link span.category.media { background-color: #117ab3; border: 1px solid #117ab3; }
.news-list-link span.category.notice { background-color: #999; border: 1px solid #999; }
.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.55556rem; line-height: 1.71429; text-align: center; }
@media (min-width: 48em) { .news-list-morelink { width: 240px; font-size: 0.77778rem; } }
.news-list-morelink a { position: relative; display: block; padding: 12px 20px; color: #fff; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 62em) { .news-list-morelink a:hover { opacity: 1; background-color: #ffa900; color: #000; } }
.news-list-morelink i { margin-right: 8px; }

.main-visual { position: relative; overflow: hidden; z-index: 0; min-height: 350px; }
@media (min-width: 48em) { .main-visual { min-height: 306px; } }
@media (min-width: 62em) { .main-visual { min-height: 396px; } }
@media (min-width: 64em) { .main-visual { min-height: 408px; } }
@media (min-width: 76.875em) { .main-visual { min-height: 468px; } }
.main-visual-img { margin: 0; padding: 0; list-style: none; }
.main-visual-img .slick-track li { position: relative; margin: 0; }
.main-visual-img .slick-list { z-index: 0; }
.main-visual-img .slick-dots li button:before { background-color: rgba(198, 201, 211, 0.6); }
.main-visual-img .slick-dots li.slick-active button:before { background-color: rgba(255, 169, 0, 0.8); }
.main-visual-img img { width: 100%; height: auto; }
.main-visual-img a:hover { opacity: 1; }

.pickup-banner { background-color: #e6e9ee; }
.pickup-banner-title { position: relative; display: block; margin-bottom: 1px; padding: 2.0rem 1.5rem; width: 100%; background-color: #fff; font-size: 2rem; line-height: 1.55556; color: black; text-align: center; font-family: "EB Garamond", "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", serif; font-weight: normal; font-feature-settings: "palt"; letter-spacing: 0.04em; }
@media (min-width: 48em) { .pickup-banner-title { padding: 1.5rem; font-size: 1rem; } }
.pickup-banner-subtitle { position: relative; display: block; margin-bottom: 0; padding: 0.75rem 1.5rem; width: 100%; background-color: #ffa900; font-size: 1.77778rem; line-height: 1.625; color: #fff; text-align: center; font-weight: bold; font-feature-settings: "palt"; letter-spacing: 0.04em; }
@media (min-width: 48em) { .pickup-banner-subtitle { display: none; } }
.pickup-banner-list { margin: 0; padding: 0; list-style: none; font-size: 0; }
.pickup-banner-list li { margin: 0; }
@media (min-width: 48em) { .pickup-banner-list li { display: inline-block; vertical-align: top; } }
.pickup-banner-list a { display: block; background-color: #fff; margin: 0 1px 1px 0; color: #fff; }
@media (min-width: 48em) { .pickup-banner-list a:hover { opacity: 1; }
  .pickup-banner-list a:hover .img:before { opacity: 1; }
  .pickup-banner-list a:hover .img-text { opacity: 1; } }
.pickup-banner-list .img { position: relative; overflow: hidden; }
.pickup-banner-list .img img { min-width: 100%; }
@media (min-width: 48em) { .pickup-banner-list .img:before { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.pickup-banner-list .img-text { display: none; }
@media (min-width: 48em) { .pickup-banner-list .img-text { display: block; width: 170px; height: 38px; border: 2px solid #fff; text-align: center; font-size: 16px; line-height: 34px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.pickup-banner-list .title { margin: 0; padding: 1.5rem; font-size: 1.77778rem; line-height: 1.55556; color: #000; }
@media (min-width: 48em) { .pickup-banner-list .title { font-size: 1rem; padding: 1.0rem 1.5rem; } }
.pickup-banner-list .outline { margin: 0; padding: 0 1.5rem 3.0rem 1.5rem; font-size: 1.55556rem; line-height: 1.71429; color: #555; }
@media (min-width: 48em) { .pickup-banner-list .outline { font-size: 0.77778rem; padding: 0 1.5rem 1.5rem 1.5rem; } }
@media (min-width: 48em) { .pickup-banner-list.width li { width: 33.3333333%; } }
.pickup-banner-list.small li { width: 50%; display: inline-block; vertical-align: top; }
@media (min-width: 48em) { .pickup-banner-list.small li { width: 25%; } }

.top-storeinfo { padding: 3.0rem 0 10.0rem 0; background-image: url(img/common/bg_store_sp.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: auto 375px; background-color: #224eb6; }
@media (min-width: 48em) { .top-storeinfo { padding: 2.0rem 0 7.2rem 0; background-image: url(img/common/bg_store_pc.jpg); background-position: left bottom; background-size: auto; background-color: #224eb6; } }
@media (min-width: 62em) { .top-storeinfo { padding: 3.0rem 0 7.2rem 0; } }
.top-storeinfo-title { margin-bottom: 1.5rem; font-size: 2.44444rem; line-height: 1.45455; color: #fff; text-align: center; }
@media (min-width: 48em) { .top-storeinfo-title { font-size: 1.22222rem; } }
.top-storeinfo-title .sub { display: block; vertical-align: middle; margin: 0 0 0.6rem 0; }
.top-storeinfo-title .sub img { margin: 0 4px; width: 75px; }
.top-storeinfo .area-num { position: relative; margin: 0 auto 1.0rem auto; max-width: 480px; }
.top-storeinfo .area-num-title { position: absolute; top: 40px; left: 5%; padding: 8px 16px; border: 2px solid #fff; font-weight: bold; text-align: center; color: #fff; letter-spacing: 0.05em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.top-storeinfo .area-num-title .title { display: block; }
.top-storeinfo .area-num-title .num { display: block; font-size: 3.33333rem; line-height: 1.33333; }
@media (min-width: 48em) { .top-storeinfo .area-num-title .num { font-size: 1.66667rem; } }
.top-storeinfo .area-num-title .num span { font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .top-storeinfo .area-num-title .num span { font-size: 0.77778rem; } }
.top-storeinfo .area-num-map { margin: 0 auto; padding: 16px 0; max-width: 360px; }
@media (min-width: 48em) { .top-storeinfo .area-num-map { max-width: 480px; } }
.top-storeinfo .area-subtitle { margin: 0 0 20px; padding: 0; text-align: center; }
.top-storeinfo .area-subtitle .num { display: block; margin: -4px 0 0 0; vertical-align: bottom; color: #fff; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .top-storeinfo .area-subtitle .num { font-size: 0.77778rem; } }
.top-storeinfo .area-subtitle .h-svgicon.white { width: 100px; height: 56px; }
.top-storeinfo .area-subtitle .h-svgicon.white.plus { width: 160px; }
.top-storeinfo .area-list { margin: 0 -0.75rem 1.5rem; }
@media (min-width: 62em) { .top-storeinfo .area-list { margin: 0 -0.25rem 1.0rem -0.25rem; } }
.top-storeinfo .area-list > li { display: inline-block; width: 50%; padding: 0 0.75rem; }
@media (min-width: 48em) { .top-storeinfo .area-list > li { width: 33.33333333%; } }
@media (min-width: 62em) { .top-storeinfo .area-list > li { width: 25%; padding: 0 0.25rem; } }
.top-storeinfo .area-list > li > ul { margin: 0; padding: 0 0 0.75rem; font-size: 0; }
.top-storeinfo .news-open { margin: 0 auto; }
@media (min-width: 64em) { .top-storeinfo .news-open { max-width: 900px; } }
.top-storeinfo .news-open li { padding-bottom: 4px; }
.top-storeinfo .news-open span.data { margin: 0 0 0.4rem; }
.top-storeinfo .news-open span.category { margin: 0 20px 0.4rem 0; }
.top-storeinfo .news-open span.title { margin-bottom: 0.4rem; }
@media (min-width: 48em) { .top-storeinfo .news-open span.title { clear: none; float: left; width: 240px; } }
.top-storeinfo .news-open span.address { margin-bottom: 0.4rem; }
@media (min-width: 48em) { .top-storeinfo .news-open span.address { float: none; margin-left: 480px; } }
.top-storeinfo .service-banner { margin: 0; padding: 0; list-style: none; }
@media (min-width: 48em) { .top-storeinfo .service-banner { margin: 0 -0.75rem; font-size: 0; } }
.top-storeinfo .service-banner li { margin: 0 0 1.6rem; font-size: 1.55556rem; line-height: 1.71429; color: #fff; }
@media (min-width: 48em) { .top-storeinfo .service-banner li { display: inline-block; vertical-align: top; width: 50%; margin: 0 0 1.4rem; font-size: 0.77778rem; } }
@media (min-width: 62em) { .top-storeinfo .service-banner li { width: 25%; } }
.top-storeinfo .service-banner a { display: block; margin-bottom: 0.4rem; }
@media (min-width: 48em) { .top-storeinfo .service-banner a { margin: 0 0.75rem 0.4rem 0.75rem; } }
.top-storeinfo .service-banner img { min-width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.top-storeinfo .service-banner .outline { display: block; }
@media (min-width: 48em) { .top-storeinfo .service-banner .outline { margin: 0 0.75rem; } }
.top-storeinfo .search-button { display: block; margin-bottom: 16px; padding: 10px; background-color: #fff; color: #000; font-weight: bold; text-align: center; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 48em) { .top-storeinfo .search-button { display: none; } }
.top-storeinfo .search-button .icon { display: block; margin-top: 10px; padding: 0; background-color: #ffa900; font-size: 18px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.top-storeinfo .accordion-menu-sp-btn.open .search-button { background-color: #000; color: #ffa900; }
.top-storeinfo .accordion-menu-sp-btn.open .search-button .icon { background-color: #fff; color: #ffa900; }

.top-tvcm { font-size: 0; padding-bottom: 2.0rem; background-color: #fff; }
@media (min-width: 62em) { .top-tvcm { padding-bottom: 0; } }
.top-tvcm-box { position: relative; }
@media (min-width: 62em) { .top-tvcm-box { display: inline-block; vertical-align: top; width: 50%; min-height: 480px; overflow: hidden; } }
.top-tvcm-text { padding: 3.0rem 1.5rem; }
@media (min-width: 62em) { .top-tvcm-text { padding: 0; width: 90%; position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
.top-tvcm-text .title-main { margin: 0 auto 1.2rem auto; font-size: 3.11111rem; line-height: 1.35714; text-align: center; color: #ffa900; }
@media (min-width: 48em) { .top-tvcm-text .title-main { font-size: 1.55556rem; } }
.top-tvcm-text .title-main svg { display: block; margin: 0 auto; width: 70px; height: 52px; fill: #ffa900; }
.top-tvcm-text .title-link { margin-bottom: 3.0rem; font-size: 1.77778rem; line-height: 1.625; text-align: center; }
@media (min-width: 48em) { .top-tvcm-text .title-link { margin-bottom: 2.0rem; font-size: 0.88889rem; } }
.top-tvcm-text .title-link a { position: relative; display: inline-block; }
.top-tvcm-text .button { margin: 0 auto; width: 80%; font-size: 1.77778rem; line-height: 1.625; text-align: center; }
@media (min-width: 48em) { .top-tvcm-text .button { width: 280px; font-size: 0.88889rem; } }
.top-tvcm-text .button a { position: relative; display: block; padding: 12px 20px; color: #fff; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.top-tvcm-text .button a:before { content: '\f105'; font-family: FontAwesome; color: #fff; position: absolute; top: 50%; right: 10px; font-size: 14px; line-height: 1; margin-top: -7px; }
@media (min-width: 62em) { .top-tvcm-text .button a:before { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .top-tvcm-text .button a:hover { opacity: 1; background-color: #ffa900; color: #000; }
  .top-tvcm-text .button a:hover:before { color: #000; } }
.top-tvcm-movie { width: 100%; overflow: hidden; position: relative; padding-bottom: 56.25%; }
@media (min-width: 62em) { .top-tvcm-movie { display: inline-block; vertical-align: top; margin: 0 auto; overflow: auto; position: relative; padding-bottom: 0; } }
.top-tvcm-movie iframe { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: 100%; height: 100%; }
@media (min-width: 62em) { .top-tvcm-movie iframe { position: relative; top: 0; left: 0; min-width: 100%; min-height: 480px; width: 100%; height: 480px; } }

.top-catalog { position: relative; background-image: url(img/bg_top_catalog_re.png); background-position: top center; background-repeat: repeat; background-color: #131313; background-size: 39px 43px; }
.top-catalog-title { margin: 0; padding: 18px 8px; background-color: #000; font-size: 2.66667rem; line-height: 1.41667; letter-spacing: 0.05em; text-align: center; color: #fff; }
@media (min-width: 48em) { .top-catalog-title { font-size: 1.33333rem; } }
.top-catalog-title span { display: block; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .top-catalog-title span { font-size: 0.77778rem; } }
.top-catalog-text { position: relative; padding: 2.0rem 1.5rem 3.2rem 1.5rem; z-index: 1; text-align: center; color: #fff; }
.top-catalog-list { position: relative; display: block; padding: 16px; background-color: #fff; z-index: 5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); }
@media (min-width: 62em) { .top-catalog-list:hover { opacity: 1; background-color: #ffa900; }
  .top-catalog-list:hover .icon { background-color: #fff; color: #ffa900; }
  .top-catalog-list:hover .button span { color: #000; background-color: #fff; } }
.top-catalog-list .titile { margin: 0 0 16px 74px; padding-top: 18px; font-size: 2rem; line-height: 1.55556; font-weight: bold; text-align: left; color: #000; }
@media (min-width: 48em) { .top-catalog-list .titile { font-size: 1rem; } }
@media (min-width: 62em) { .top-catalog-list .titile { margin-bottom: 88px; } }
.top-catalog-list .icon { position: relative; float: left; margin: 0 auto 1.6rem auto; width: 64px; height: 64px; background-color: #ffa900; text-align: center; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
@media (min-width: 62em) { .top-catalog-list .icon { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.top-catalog-list .icon i { position: absolute; top: 50%; right: 0; left: 0; bottom: 0; margin: auto; font-size: 30px; line-height: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.top-catalog-list .button { clear: both; margin: 0 auto; text-align: center; }
@media (min-width: 62em) { .top-catalog-list .button { position: absolute; left: 16px; right: 16px; bottom: 16px; } }
.top-catalog-list .button span { position: relative; display: block; padding: 8px 20px; color: #fff; background-color: #000; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
@media (min-width: 62em) { .top-catalog-list .button span { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.top-catalog-button { margin: 0 auto; width: 80%; text-align: center; }
@media (min-width: 48em) { .top-catalog-button { width: 340px; } }
.top-catalog-button a { position: relative; display: block; padding: 16px 20px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.top-catalog-button a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; font-size: 14px; line-height: 1; margin-top: -7px; }
@media (min-width: 62em) { .top-catalog-button a:hover { opacity: 1; color: #fff; background-color: #000; } }
.top-catalog-container { margin: 0 auto; }
@media (min-width: 64em) { .top-catalog-container { max-width: 940px; } }
.top-catalog-main, .top-catalog-sub { position: relative; min-height: 1px; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 1.5rem; text-align: center; font-size: 0; }
.top-catalog-main .catalog-list, .top-catalog-main .catalog-sublist a, .top-catalog-sub .catalog-list, .top-catalog-sub .catalog-sublist a { position: relative; display: block; margin: 0 auto; padding: 16px; max-width: 460px; background-color: #fff; z-index: 5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); }
@media (min-width: 48em) { .top-catalog-main .catalog-list, .top-catalog-main .catalog-sublist a, .top-catalog-sub .catalog-list, .top-catalog-sub .catalog-sublist a { max-width: 100%; } }
@media (min-width: 48em) { .top-catalog-main .catalog-list, .top-catalog-sub .catalog-list { margin: 0 0.75rem; } }
.top-catalog-main .catalog-list > div:nth-last-child(-n + 1), .top-catalog-sub .catalog-list > div:nth-last-child(-n + 1) { padding-bottom: 0.75rem; }
@media (min-width: 62em) { .top-catalog-main .catalog-list a:hover, .top-catalog-sub .catalog-list a:hover { opacity: 1; }
  .top-catalog-main .catalog-list a:hover .button span, .top-catalog-sub .catalog-list a:hover .button span { color: #000; background-color: #ffa900; } }
@media (min-width: 48em) { .top-catalog-main .catalog-sublist, .top-catalog-sub .catalog-sublist { display: inline-block; vertical-align: top; width: 50%; padding: 0 0.75rem; } }
@media (min-width: 62em) { .top-catalog-main .catalog-sublist a:hover, .top-catalog-sub .catalog-sublist a:hover { opacity: 1; }
  .top-catalog-main .catalog-sublist a:hover .button span, .top-catalog-sub .catalog-sublist a:hover .button span { color: #000; background-color: #ffa900; } }
.top-catalog-main .titile, .top-catalog-sub .titile { margin: 0 0 20px 0; font-size: 2rem; line-height: 1.55556; font-weight: bold; text-align: center; color: #000; }
@media (min-width: 48em) { .top-catalog-main .titile, .top-catalog-sub .titile { font-size: 1rem; } }
.top-catalog-main .icon, .top-catalog-sub .icon { position: relative; margin: 0 auto 8px auto; width: 64px; height: 64px; background-color: #ffa900; text-align: center; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
@media (min-width: 62em) { .top-catalog-main .icon, .top-catalog-sub .icon { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.top-catalog-main .icon i, .top-catalog-sub .icon i { position: absolute; top: 50%; right: 0; left: 0; bottom: 0; margin: auto; font-size: 30px; line-height: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.top-catalog-main .button, .top-catalog-sub .button { clear: both; margin: 0 auto; text-align: center; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .top-catalog-main .button, .top-catalog-sub .button { font-size: 0.77778rem; } }
.top-catalog-main .button span, .top-catalog-sub .button span { position: relative; display: block; margin: 0 auto; padding: 8px 20px; max-width: 320px; color: #fff; background-color: #000; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
@media (min-width: 62em) { .top-catalog-main .button span, .top-catalog-sub .button span { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.top-catalog-main .link, .top-catalog-sub .link { display: block; vertical-align: top; padding: 0 0 2.5rem 0; }
@media (min-width: 48em) { .top-catalog-main .link, .top-catalog-sub .link { display: inline-block; width: 50%; padding: 0 1.5rem 0.75rem 1.5rem; } }
.top-catalog-main .link a, .top-catalog-sub .link a { display: block; color: #000; }
@media (min-width: 62em) { .top-catalog-main .link a:hover, .top-catalog-sub .link a:hover { opacity: 1; } }
.top-catalog-main .link img, .top-catalog-sub .link img { height: 275px; }
.top-catalog-main .link figure, .top-catalog-sub .link figure { position: relative; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .top-catalog-main .link figure, .top-catalog-sub .link figure { font-size: 0.88889rem; } }
.top-catalog-main .link figcaption, .top-catalog-sub .link figcaption { display: block; padding: 0.50rem 0 16px; }
.top-catalog-main .link figcaption span, .top-catalog-sub .link figcaption span { display: inline-block; margin: 0 4px; font-size: 1.33333rem; line-height: 1.83333; }
@media (min-width: 48em) { .top-catalog-main .link figcaption span, .top-catalog-sub .link figcaption span { font-size: 0.66667rem; } }
@media (min-width: 62em) { .top-catalog-sub { padding-bottom: 0; } }
.top-catalog-sub > div { margin-bottom: 1.5rem; }
.top-catalog-sub .icon { width: 48px; height: 48px; }
.top-catalog-sub .icon i { font-size: 24px; }
.top-netshop { position: relative; padding: 2.0rem; background-image: url(img/bg_top_shop.png); background-position: center top; background-repeat: no-repeat; background-size: cover; background-color: #000; }
@media (min-width: 62em) { .top-netshop { padding: 2.0rem 0; } }
.top-netshop-container { text-align: center; }
@media (min-width: 62em) { .top-netshop-container { width: 100%; height: 100%; } }
@media (min-width: 62em) { .top-netshop-box { padding: 0 40px; } }
.top-netshop-title { margin-bottom: 0.8rem; font-size: 3.33333rem; line-height: 1.33333; font-weight: 400; letter-spacing: 0.05em; text-align: center; color: #000; }
@media (min-width: 48em) { .top-netshop-title { font-size: 1.66667rem; } }
.top-netshop-title span { display: block; font-weight: 700; font-size: 1.55556rem; }
@media (min-width: 48em) { .top-netshop-title span { font-size: 0.77778rem; } }
.top-netshop-title img { width: 130px; }
.top-netshop-img { margin-bottom: 2.0rem; }
@media (min-width: 62em) { .top-netshop-img img { width: 60%; } }
.top-netshop-text { font-size: 2rem; line-height: 1.55556; text-align: center; color: #000; font-weight: bold; }
@media (min-width: 48em) { .top-netshop-text { font-size: 1rem; } }
.top-netshop-button { margin: 0 auto; width: 90%; font-size: 1.77778rem; line-height: 1.625; text-align: center; }
@media (min-width: 48em) { .top-netshop-button { width: 380px; font-size: 1rem; } }
.top-netshop-button a { position: relative; display: block; padding: 10px; color: #000; background-color: #fff; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; }
@media (min-width: 62em) { .top-netshop-button a { padding: 20px; }
  .top-netshop-button a:hover { opacity: 1; background-color: #850300; color: #fff; } }
.top-netshop-button i { margin-right: 8px; }
@media (min-width: 62em) { .top-width-block { min-height: 480px; overflow: hidden; }
  .top-width-block.left .top-width-img { float: right; width: 60%; }
  .top-width-block.left .top-width-img:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -40px; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 40px 0 40px 50px; border-color: transparent transparent transparent #fff; }
  .top-width-block.left .top-width-text { float: left; width: 40%; }
  .top-width-block.left .top-width-text .text { padding: 0 2.4rem; }
  .top-width-block.right .top-width-img { float: left; width: 60%; }
  .top-width-block.right .top-width-img:before { content: ''; position: absolute; top: 50%; right: 0; margin-top: -40px; z-index: 10; width: 0; height: 0; border-style: solid; border-width: 40px 50px 40px 0; border-color: transparent #fff transparent transparent; }
  .top-width-block.right .top-width-text { float: right; width: 40%; }
  .top-width-block.right .top-width-text .text { padding: 0 2.4rem; } }
.top-width-img, .top-width-text { position: relative; background-color: #fff; }
@media (min-width: 62em) { .top-width-img, .top-width-text { padding: 0; display: inline-block; overflow: hidden; width: 50%; min-height: 480px; } }
.top-width-text { padding: 3.0rem 3.0rem 4.0rem 3.0rem; }
@media (min-width: 62em) { .top-width-text { padding: 0; } }
@media (min-width: 62em) { .top-width-text .text { position: absolute; top: 50%; left: 50%; margin: auto; width: 100%; z-index: 10; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
.top-width-text .title { margin: 0 0 2.2rem; font-size: 2.66667rem; line-height: 1.41667; color: #000; }
.top-width-text .title-sub { display: block; margin-bottom: 0.6rem; font-size: 1.55556rem; line-height: 1.71429; color: #ffa900; }
@media (min-width: 48em) { .top-width-text .title-sub { font-size: 0.77778rem; } }
@media (min-width: 48em) { .top-width-text .title { font-size: 1.33333rem; } }
.top-width-text .outline { font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .top-width-text .outline { font-size: 0.77778rem; } }
.top-width-text .outline p { margin-bottom: 1.6rem; }
@media (min-width: 48em) { .top-width-text .outline p { margin-bottom: 1.0rem; } }
.top-width-text .outline p:nth-last-child(-n + 1) { margin-bottom: 0; }
.top-width-text .button { margin: 0 auto; width: 80%; text-align: center; }
@media (min-width: 48em) { .top-width-text .button { width: 230px; } }
.top-width-text .button a { position: relative; display: block; padding: 8px 20px; color: #fff; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.top-width-text .button a:before { content: '\f105'; font-family: FontAwesome; color: #fff; position: absolute; top: 50%; right: 10px; font-size: 14px; line-height: 1; margin-top: -7px; }
@media (min-width: 62em) { .top-width-text .button a:before { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .top-width-text .button a:hover { opacity: 1; background-color: #ffa900; color: #000; }
  .top-width-text .button a:hover:before { color: #000; } }
.top-width-img { min-height: 260px; overflow: hidden; }
@media (min-width: 48em) { .top-width-img { min-height: 540px; } }
.top-width-img img { min-width: 100%; text-align: center; position: absolute; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }

.store-search .map { width: 100%; min-height: 22rem; margin-bottom: 3.0rem; }
@media (min-width: 48em) { .store-search .map { min-height: 18rem; } }
.store-search-title { margin: 0 0 1.0rem; color: #000; font-weight: normal; font-size: 2.88889rem; line-height: 1.38462; font-feature-settings: "palt"; letter-spacing: 0.03em; }
@media (min-width: 48em) { .store-search-title { font-size: 1.44444rem; } }
.store-search-title .h-svgicon { margin: 7px 10px 7px 0; }
.store-search-list .anchorlink { margin: 0 0 2.0rem 0; background-color: #f5f6f8; }
.store-search-list .anchorlink .title-main { margin: 0; padding: 12px 16px; background-color: #ffa900; color: #000; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .store-search-list .anchorlink .title-main { font-size: 1.11111rem; } }
.store-search-list .anchorlink .title-sub { display: inline-block; margin: 0 0 0.75rem; padding: 0 4px; background: none; color: #000; text-align: left; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .store-search-list .anchorlink .title-sub { float: left; font-size: 1rem; } }
.store-search-list .anchorlink ul { margin: 0; padding: 1.0rem 1.2rem; list-style: none; font-size: 0; }
.store-search-list .anchorlink li { margin: 0 4px 8px 4px; display: inline-block; vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-search-list .anchorlink li { font-size: 0.77778rem; } }
.store-search-list .anchorlink li > ul { padding: 0 0 0.8rem; }
@media (min-width: 48em) { .store-search-list .anchorlink li > ul { margin-left: 240px; } }
.store-search-list .anchorlink a, .store-search-list .anchorlink span { display: block; padding: 6px; background-color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.store-search-list .anchorlink a { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
@media (min-width: 62em) { .store-search-list .anchorlink a:hover { opacity: 1; background-color: #ffa900; color: #000; } }
.store-search-list .anchorlink span { background-color: #eee; color: #999; }
.store-search-list .store-list { padding-bottom: 2.4rem; }
.store-search-list .store-list .title { position: relative; margin-bottom: 24px; padding-bottom: 5px; border-bottom: 1px solid #ffa900; color: #ffa900; }
.store-search-list .store-list .title-main { margin: 0; padding-right: 70px; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .store-search-list .store-list .title-main { font-size: 1.11111rem; } }
.store-search-list .store-list .title-link { position: absolute; bottom: 5px; right: 0; margin: 0; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-search-list .store-list .title-link { font-size: 0.77778rem; } }
.store-search-list .store-list .title-link a { color: #ffa900; }
.store-search-list .store-list .title-link i { margin-right: 10px; }
.store-search-list .store-list-outline { position: relative; margin-bottom: 16px; border: 1px solid #c6c9d3; }
.store-search-list .store-list-outline > a { display: block; color: #fff; }
.store-search-list .store-list-outline > a:hover { opacity: 1; }
.store-search-list .store-list-outline .store-list-header { position: relative; display: table; width: 100%; border-bottom: 1px solid #c6c9d3; z-index: 1; }
@media (min-width: 62em) { .store-search-list .store-list-outline .store-list-header { height: 120px; } }
.store-search-list .store-list-outline .store-list-header-title { display: table-cell; vertical-align: middle; text-align: left; padding: 8px 16px; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-header-title { padding: 16px 24px; } }
@media (min-width: 62em) { .store-search-list .store-list-outline .store-list-header-title { padding: 16px 210px 16px 24px; } }
.store-search-list .store-list-outline .store-list-header-title .title-main { margin: 0; padding: 0; font-weight: normal; color: #000; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-header-title .title-main { font-size: 1.11111rem; } }
.store-search-list .store-list-outline .store-list-header-title .title-sub { display: block; color: #ffa900; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-header-title .title-sub { font-size: 0.88889rem; } }
.store-search-list .store-list-outline .store-list-header-icon { position: relative; display: table-cell; vertical-align: middle; text-align: center; background-color: #ffa900; width: 100px; height: 100px; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-header-icon { width: 130px; height: 110px; } }
.store-search-list .store-list-outline .store-list-header-icon img { width: 70px; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-header-icon img { width: 80px; height: 80px; } }
.store-search-list .store-list-outline .store-list-header-icon .icon-jobs { position: absolute; top: -6px; left: -5px; z-index: 10; background-color: #d70c19; width: 100px; height: 22px; font-size: 13px; line-height: 22px; font-weight: bold; white-space: nowrap; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-header-icon .icon-jobs { left: 8px; } }
.store-search-list .store-list-outline .store-list-header-icon .icon-jobs:before { content: ''; position: absolute; left: 50px; bottom: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #d70c19 transparent transparent; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-header-icon .icon-jobs:before { left: 40px; } }
.store-search-list .store-list-outline .store-list-header-icon .icon-jobs-w { position: absolute; top: 0; left: 0; z-index: 10; background-color: #d70c19; width: 100%; height: 22px; font-size: 13px; line-height: 22px; font-weight: bold; white-space: nowrap; text-align: center; }
.store-search-list .store-list-outline .store-list-info { width: 100%; color: #555; margin-top: -1px; border-bottom: 1px solid #c6c9d3; }
@media (min-width: 62em) { .store-search-list .store-list-outline .store-list-info { border-bottom: none; } }
.store-search-list .store-list-outline .store-list-info .info-big, .store-search-list .store-list-outline .store-list-info .info-small { overflow: hidden; border-top: 1px solid #e6e9ee; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-info .info-small { float: left; width: 50%; } }
.store-search-list .store-list-outline .store-list-info .info-add { clear: both; }
.store-search-list .store-list-outline .store-list-info .info-title { float: left; width: 30%; margin: 0; padding: 8px 16px; background-color: #f5f6f8; font-weight: normal; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-info .info-title { width: 130px; font-size: 0.77778rem; } }
.store-search-list .store-list-outline .store-list-info .info-text { position: relative; margin: 0 0 0 30%; padding: 8px 16px; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-info .info-text { margin: 0 0 0 130px; font-size: 0.77778rem; } }
.store-search-list .store-list-outline .store-list-info .info-text:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #f5f6f8; z-index: -1; }
.store-search-list .store-list-outline .store-list-button { margin: 0; padding: 8px 0 0; text-align: center; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-button { font-size: 0.77778rem; } }
@media (min-width: 62em) { .store-search-list .store-list-outline .store-list-button { position: absolute; top: 23px; right: 16px; padding: 0; z-index: 10; width: 210px; } }
.store-search-list .store-list-outline .store-list-button a { display: inline-block; vertical-align: middle; margin: 0 4px 8px 4px; padding: 8px 15px; color: #fff; background-color: #000; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-button a { padding: 4px 15px; } }
@media (min-width: 62em) { .store-search-list .store-list-outline .store-list-button a { padding: 2px 10px; display: block; float: right; } }
.store-search-list .store-list-outline .store-list-button a.button-info { background-color: #95989b; border-color: #95989b; }
@media (min-width: 62em) { .store-search-list .store-list-outline .store-list-button a.button-info:hover { opacity: 1; background-color: #ffa900; border-color: #ffa900; color: #fff; } }
@media (min-width: 62em) { .store-search-list .store-list-outline .store-list-button a.button-map { width: 80px; }
  .store-search-list .store-list-outline .store-list-button a.button-map:hover { opacity: 1; background-color: #ffa900; border-color: #ffa900; color: #fff; } }
.store-search-list .store-list-outline .store-list-button span.button-sns { display: block; }
@media (min-width: 48em) { .store-search-list .store-list-outline .store-list-button span.button-sns { display: inline-block; } }
.store-search-list .store-list-outline .store-list-button span.button-sns a { position: relative; padding: 0; height: 32px; width: 32px; border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
@media (min-width: 62em) { .store-search-list .store-list-outline .store-list-button span.button-sns a { float: left; } }
.store-search-list .store-list-outline .store-list-button span.button-sns a i, .store-search-list .store-list-outline .store-list-button span.button-sns a svg { position: absolute; left: 50%; top: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.store-search-list .store-list-outline .store-list-button span.button-sns a i.i-line, .store-search-list .store-list-outline .store-list-button span.button-sns a svg.i-line { width: 20px; height: 20px; }
.store-search-list .store-list-outline .store-list-button span.button-sns a.twitter { background-color: #55acee; }
.store-search-list .store-list-outline .store-list-button span.button-sns a.facebook { background-color: #315096; }
.store-search-list .store-list-outline .store-list-button span.button-sns a.line { background-color: #00b900; }
.store-search-list .store-list-outline .store-list-button i { margin-right: 8px; }
@media (min-width: 48em) { .store-search-list-near.col-2 .store-list-outline { display: inline-block; vertical-align: top; width: 50%; } }
@media (min-width: 62em) { .store-search-list-near.col-2 .store-list-outline { width: 50%; } }
.store-search-list-near .store-list { padding-bottom: 2.4rem; font-size: 0; }
.store-search-list-near .store-list .title { position: relative; margin: 0 0.75rem 24px 0.75rem; padding-bottom: 5px; border-bottom: 1px solid #ffa900; color: #ffa900; }
.store-search-list-near .store-list .title-main { margin: 0; padding-right: 70px; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .store-search-list-near .store-list .title-main { font-size: 1.11111rem; } }
.store-search-list-near .store-list-outline { position: relative; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 1.5rem; }
@media (min-width: 48em) { .store-search-list-near .store-list-outline { width: 50%; } }
@media (min-width: 62em) { .store-search-list-near .store-list-outline { width: 33.3333333%; } }
.store-search-list-near .store-list-outline > a { position: relative; display: block; border: 1px solid #c6c9d3; color: #fff; }
.store-search-list-near .store-list-outline > a:hover { opacity: 1; }
.store-search-list-near .store-list-outline .store-list-header { position: relative; display: table; width: 100%; border-bottom: 1px solid #c6c9d3; z-index: 1; }
.store-search-list-near .store-list-outline .store-list-header-title { display: table-cell; vertical-align: middle; text-align: left; padding: 8px 16px; }
.store-search-list-near .store-list-outline .store-list-header-title .title-main { margin: 0; padding: 0; font-weight: normal; color: #000; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .store-search-list-near .store-list-outline .store-list-header-title .title-main { font-size: 1rem; } }
.store-search-list-near .store-list-outline .store-list-header-title .title-main span { display: inline-block; margin: 0 8px; padding: 3px 6px; border: 1px solid #ffa900; font-size: 18px; font-weight: bold; line-height: 1; color: #ffa900; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.store-search-list-near .store-list-outline .store-list-header-title .title-sub { display: block; color: #ffa900; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .store-search-list-near .store-list-outline .store-list-header-title .title-sub { font-size: 0.88889rem; } }
.store-search-list-near .store-list-outline .store-list-header-icon { position: relative; display: table-cell; vertical-align: middle; text-align: center; background-color: #ffa900; width: 100px; height: 100px; }
.store-search-list-near .store-list-outline .store-list-header-icon img { width: 70px; height: 70px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.store-search-list-near .store-list-outline .store-list-header-icon .icon-jobs { position: absolute; top: -7px; left: -10px; z-index: 10; background-color: #d70c19; width: 100px; height: 22px; font-size: 13px; line-height: 22px; font-weight: bold; white-space: nowrap; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); }
.store-search-list-near .store-list-outline .store-list-header-icon .icon-jobs:before { content: ''; position: absolute; left: 40px; bottom: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 0; border-color: transparent #d70c19 transparent transparent; }
.store-search-list-near .store-list-outline .store-list-info { width: 100%; color: #555; margin-top: -1px; }
.store-search-list-near .store-list-outline .store-list-info .info-big, .store-search-list-near .store-list-outline .store-list-info .info-small { overflow: hidden; border-top: 1px solid #e6e9ee; }
.store-search-list-near .store-list-outline .store-list-info .info-add { clear: both; }
.store-search-list-near .store-list-outline .store-list-info .info-title { float: left; width: 30%; margin: 0; padding: 8px 16px; background-color: #f5f6f8; font-weight: normal; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-search-list-near .store-list-outline .store-list-info .info-title { font-size: 0.77778rem; } }
.store-search-list-near .store-list-outline .store-list-info .info-text { position: relative; margin: 0 0 0 30%; padding: 8px 16px; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-search-list-near .store-list-outline .store-list-info .info-text { font-size: 0.77778rem; } }
.store-search-list-near .store-list-outline .store-list-info .info-text:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #f5f6f8; z-index: -1; }
.store-search-list-near .store-list-outline .store-list-button { margin: 0; padding: 10px 0 8px 0; border-left: 1px solid #c6c9d3; border-right: 1px solid #c6c9d3; border-bottom: 1px solid #c6c9d3; text-align: center; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-search-list-near .store-list-outline .store-list-button { font-size: 0.77778rem; } }
.store-search-list-near .store-list-outline .store-list-button a { display: inline-block; vertical-align: middle; margin: 0 4px 8px 4px; padding: 8px 15px; color: #fff; background-color: #000; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.store-search-list-near .store-list-outline .store-list-button a.button-info { background-color: #95989b; border-color: #95989b; }
@media (min-width: 62em) { .store-search-list-near .store-list-outline .store-list-button a.button-info:hover { opacity: 1; background-color: #ffa900; border-color: #ffa900; color: #fff; } }
@media (min-width: 62em) { .store-search-list-near .store-list-outline .store-list-button a.button-map:hover { opacity: 1; background-color: #ffa900; border-color: #ffa900; color: #fff; } }
.store-search-list-near .store-list-outline .store-list-button span.button-sns { display: block; }
.store-search-list-near .store-list-outline .store-list-button span.button-sns a { position: relative; padding: 0; height: 32px; width: 32px; border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.store-search-list-near .store-list-outline .store-list-button span.button-sns a i, .store-search-list-near .store-list-outline .store-list-button span.button-sns a svg { position: absolute; left: 50%; top: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.store-search-list-near .store-list-outline .store-list-button span.button-sns a i.i-line, .store-search-list-near .store-list-outline .store-list-button span.button-sns a svg.i-line { width: 20px; height: 20px; }
.store-search-list-near .store-list-outline .store-list-button span.button-sns a.twitter { background-color: #55acee; }
.store-search-list-near .store-list-outline .store-list-button span.button-sns a.facebook { background-color: #315096; }
.store-search-list-near .store-list-outline .store-list-button span.button-sns a.line { background-color: #00b900; }
.store-search-list-near .store-list-outline .store-list-button i { margin-right: 8px; }
.store-search-list-near .store-list-none { margin: 0 1.5rem 2.0rem 1.5rem; padding: 1.5rem; border: 4px solid #ffa900; text-align: center; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .store-search-list-near .store-list-none { font-size: 0.88889rem; margin: 0 auto 2.0rem auto; max-width: 680px; } }
.store-search-list-near .store-list-none .button { margin: 0; text-align: center; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .store-search-list-near .store-list-none .button { font-size: 0.88889rem; } }

.store-detail-header { position: relative; min-height: 530px; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; }
.store-detail-header:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-color: rgba(0, 0, 0, 0.45); }
.store-detail-header .sp { position: absolute; top: 50%; left: 50%; margin: auto; width: 100%; z-index: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.store-detail-header .sp img { min-width: 100%; }
@media (min-width: 48em) { .store-detail-header .sp { display: none; } }
@media (min-width: 62em) { .store-detail-header:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-image: url(img/common/bg_store_header.png); background-position: center bottom; background-repeat: no-repeat; } }
.store-detail-header-container { position: absolute; top: 50%; left: 50%; margin: auto; width: 90%; z-index: 50; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (min-width: 62em) { .store-detail-header-container { width: auto; } }
.store-detail-header .i-storelogo { position: relative; margin: 0 auto 1.2rem auto; width: 160px; height: 160px; }
.store-detail-header .i-storelogo img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.store-detail-header .i-recruit { position: absolute; top: -76px; right: 50%; margin-right: -140px; font-weight: normal; }
@media (min-width: 62em) { .store-detail-header .i-recruit { top: -76px; right: -40px; margin-right: 0; } }
.store-detail-header .i-recruit a { position: relative; display: block; padding: 6px; background-color: #ffa900; border: 1px solid #ffa900; color: #000; width: 100px; text-align: center; font-size: 16px; line-height: 24px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.store-detail-header .i-recruit a:after { content: ''; position: absolute; left: 15px; bottom: -15px; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 0; border-color: #ffa900 transparent transparent transparent; }
.store-detail-header .title-main { position: relative; margin-bottom: 2.2rem; color: #fff; font-size: 4rem; line-height: 1.27778; font-feature-settings: "palt"; letter-spacing: 0.03em; -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); }
@media (min-width: 48em) { .store-detail-header .title-main { font-size: 2rem; } }
.store-detail-header .title-main span { display: block; }
.store-detail-header .title-sub { margin-bottom: 2px; color: #fff; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .store-detail-header .title-sub { font-size: 1.11111rem; } }
.store-detail-header .favorite { margin: 0 auto; width: 190px; min-height: 47px; }
.store-detail-header .favorite-button { position: relative; margin: 0 auto; display: block; width: 100%; min-height: 47px; color: #fff; min-height: 40px; border: 1px solid #fff; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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) { .store-detail-header .favorite-button:hover { opacity: 1; background-color: #f5f6f8; border-color: #f5f6f8; }
  .store-detail-header .favorite-button:hover .icon { color: #fac215; } }
.store-detail-header .favorite-button .icon { color: #d7dbe3; font-size: 16px; line-height: 22px; position: absolute; top: 50%; left: 0; width: 40px; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.store-detail-header .favorite-button .text { display: inline-block; color: black; position: absolute; top: 50%; left: 39px; border-left: 1px solid #d7dbe3; padding-left: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.store-detail-header .favorite-button.on .icon { color: #fac215; }
.store-detail-header .favorite-button.on .text:before { content: 'お気に入り店舗'; }
.store-detail-header .favorite-button.on:hover { opacity: 1; }
.store-detail-header .favorite-button.on:hover .icon { color: #d7dbe3; }
.store-detail-header .favorite-button.on:hover .text:before { content: 'お気に入り解除'; color: #c8ced9; }
.store-detail-header .line-btn { width: 115px; margin: auto; }
@media (min-width: 62em) { .store-detail-header .line-btn { display: none; } }
.store-detail-infolink { display: block; font-weight: bold; }
@media (min-width: 48em) { .store-detail-infolink { display: none; } }
.store-detail-infolink a { display: block; background-color: #ffa900; padding: 1.5rem; color: #fff; text-align: center; }
.store-detail-infolink i { margin-right: 8px; padding: 6px; border: 2px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.signup-box { display: none; }
.signup-box .table { display: table; width: 100%; height: 300px; }
.signup-box .cell { display: table-cell; vertical-align: middle; width: 100%; text-align: center; }
.signup-box .title { margin: 0 0 16px; color: #000; text-align: center; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .signup-box .title { font-size: 1rem; } }
.signup-box .title-main { display: block; margin-bottom: 8px; color: #faa701; font-size: 3.11111rem; line-height: 1.35714; }
@media (min-width: 48em) { .signup-box .title-main { font-size: 1.77778rem; line-height: 1.3125; } }
.signup-box p { margin: 0 16px 16px 16px; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .signup-box p { font-size: 0.77778rem; } }
.signup-box p.button { margin: 0; padding-top: 12px; text-align: center; }
.signup-box p.button a { display: inline-block; padding: 8px 16px; margin: 0 6px; min-width: 90px; font-weight: bold; color: #000; border: 1px solid #d7dbe3; background-color: #e6e9ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .signup-box p.button a { min-width: 132px; } }
.signup-box p.button a.yes { color: #fff; border-color: #f36861; background-color: #f36861; }
.signup-box p.button i { margin-right: 8px; }

.store-detail-point { position: relative; margin-bottom: 1.2rem; padding: 1.6rem; border: 3px solid #faa701; text-align: center; color: #faa701; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .store-detail-point { padding: 0.6rem 1.0rem; font-size: 1.11111rem; } }
.store-detail-point:after { content: ''; position: absolute; bottom: -15px; left: 50%; margin-left: -12px; width: 0; height: 0; border-style: solid; border-width: 14px 12px 0 12px; border-color: #faa701 transparent transparent transparent; }
.store-detail-attention { margin-bottom: 1.6rem; border: 1px solid #dadada; }
.store-detail-attention .title { margin: 0; padding: 1.6rem; background-color: #72757e; color: #fff; text-align: center; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .store-detail-attention .title { padding: 0.6rem 1.0rem; font-size: 1rem; } }
.store-detail-attention .text { padding: 1.6rem; }
.store-detail-attention .text p:nth-last-child(-n + 1) { margin-bottom: 0; }

.store-detail-container { padding: 0; }
.store-detail-container .col-md-12, .store-detail-container .col-md-9, .store-detail-container .col-md-3 { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; }
@media (min-width: 62em) { .store-detail-container .col-md-9 { padding-right: 0.75rem; } }
@media (min-width: 62em) { .store-detail-container .col-md-3 { float: none; display: inline-block; width: 25%; max-width: 300px; padding-left: 0.75rem; } }

.store-detail-box { margin-bottom: 1.2rem; }
.store-detail-box .title-main { padding: 0.8rem 0.75rem; margin-bottom: 1.6rem; border-bottom: 2px solid #ffa900; color: #ffa900; font-size: 2.66667rem; line-height: 1.41667; font-weight: normal; }
@media (min-width: 48em) { .store-detail-box .title-main { padding: 0.6rem 0.5rem; margin-bottom: 1.2rem; font-size: 1.33333rem; } }
.store-detail-box .title-sub { padding: 0 0.75rem; margin-bottom: 1.2rem; color: #000; font-size: 2rem; line-height: 1.55556; font-weight: bold; }
@media (min-width: 48em) { .store-detail-box .title-sub { padding: 0 0.5rem; margin-bottom: 0.6rem; font-size: 1rem; } }
.store-detail-box .feature-banner ul { margin: 0; padding: 0; list-style: none; }
@media (min-width: 48em) { .store-detail-box .feature-banner ul { margin: 0 -1.25%; } }
.store-detail-box .feature-banner li { margin: 0; }
@media (min-width: 48em) { .store-detail-box .feature-banner li { float: left; width: 50%; margin: 0; } }
.store-detail-box .feature-banner a { display: block; background-color: #fff; color: #fff; }
@media (min-width: 48em) { .store-detail-box .feature-banner a { margin: 0 2.5%; }
  .store-detail-box .feature-banner a:hover { opacity: 1; }
  .store-detail-box .feature-banner a:hover .img:before { opacity: 1; }
  .store-detail-box .feature-banner a:hover .img-text { opacity: 1; } }
.store-detail-box .feature-banner .img { position: relative; overflow: hidden; }
.store-detail-box .feature-banner .img img { min-width: 100%; }
@media (min-width: 48em) { .store-detail-box .feature-banner .img:before { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.store-detail-box .feature-banner .img-text { display: none; }
@media (min-width: 48em) { .store-detail-box .feature-banner .img-text { display: block; width: 170px; height: 38px; border: 2px solid #fff; text-align: center; font-size: 16px; line-height: 34px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.store-detail-box .feature-banner .title { margin: 0; padding: 1.0rem 0; font-size: 2rem; line-height: 1.55556; color: #000; }
@media (min-width: 48em) { .store-detail-box .feature-banner .title { font-size: 1rem; padding: 0.5rem 0; } }
.store-detail-box .feature-banner .outline { margin: 0; padding: 0 0 3.0rem 0; font-size: 1.55556rem; line-height: 1.71429; color: #555; }
@media (min-width: 48em) { .store-detail-box .feature-banner .outline { font-size: 0.77778rem; padding: 0 0 1.5rem 0; } }
.store-detail-box .store-guide { margin-bottom: 2.0rem; }
.store-detail-box .store-guide table { width: 100%; font-size: 0; }
@media (min-width: 48em) { .store-detail-box .store-guide table { display: table; } }
.store-detail-box .store-guide table th, .store-detail-box .store-guide table td { display: inline-block; border: 1px solid #c6c9d3; margin-right: -1px; margin-bottom: -1px; padding: 8px 12px; vertical-align: top; text-align: left; background-color: #fff; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-detail-box .store-guide table th, .store-detail-box .store-guide table td { display: table-cell; vertical-align: middle; font-size: 0.77778rem; } }
.store-detail-box .store-guide table th { background-color: #72757e; color: #fff; width: 60%; }
@media (min-width: 48em) { .store-detail-box .store-guide table th { width: 18%; } }
.store-detail-box .store-guide table th span { font-size: 1.33333rem; line-height: 1.83333; }
@media (min-width: 48em) { .store-detail-box .store-guide table th span { font-size: 0.66667rem; } }
.store-detail-box .store-guide table td { width: 40%; }
@media (min-width: 48em) { .store-detail-box .store-guide table td { width: 15.3333333%; } }
.store-detail-box .store-guide ul { margin: 0; padding: 8px; list-style: none; background-color: #f9f9f9; font-size: 0; }
.store-detail-box .store-guide ul li { margin: 0; padding: 8px 0; display: inline-block; vertical-align: top; width: 33.33333333%; }
@media (min-width: 30em) { .store-detail-box .store-guide ul li { width: 25%; } }
@media (min-width: 48em) { .store-detail-box .store-guide ul li { width: 20%; } }
@media (min-width: 62em) { .store-detail-box .store-guide ul li { width: 16.66666666%; } }
.store-detail-box .store-guide.products li { padding: 6px; width: auto; }
.store-detail-box .store-guide.products .store-icon { position: relative; display: block; text-align: center; margin: 0 auto; padding: 2px 10px; background-color: #fff; border: 1px solid rgba(198, 201, 211, 0.5); font-style: normal; font-size: 1.55556rem; line-height: 1.71429; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.08); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.08); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.08); }
@media (min-width: 48em) { .store-detail-box .store-guide.products .store-icon { font-size: 0.77778rem; } }
.store-detail-box .store-guide.service .store-icon { position: relative; display: block; text-align: center; margin: 0 auto; padding: 0 8px; font-style: normal; font-size: 1.55556rem; }
@media (min-width: 48em) { .store-detail-box .store-guide.service .store-icon { font-size: 0.77778rem; } }
.store-detail-box .store-guide.service .store-icon img { display: block; margin: 0 auto 6px auto; width: 70px; }
.store-detail-box .store-guide.service .store-icon sup { font-size: 12px; }
.store-detail-box .store-banner { margin-bottom: 1.0rem; }
.store-detail-box .store-banner ul { margin: 0; padding: 0; list-style: none; text-align: left; font-size: 0; }
@media (min-width: 30em) { .store-detail-box .store-banner ul { margin: 0 -1.25%; } }
.store-detail-box .store-banner li { display: inline-block; vertical-align: top; margin-bottom: 1.0rem; }
@media (min-width: 30em) { .store-detail-box .store-banner li { width: 50%; margin-bottom: 2.5%; } }
.store-detail-box .store-banner img { width: 100%; }
.store-detail-box .store-banner a { display: block; margin: 0; padding: 0; }
@media (min-width: 30em) { .store-detail-box .store-banner a { margin: 0 2.5%; } }
.store-detail-data .title-main { padding: 0.75rem; margin: 0; background-color: #ffa900; color: #000; font-size: 2rem; line-height: 1.55556; font-weight: bold; text-align: center; }
@media (min-width: 48em) { .store-detail-data .title-main { padding: 0.4rem 0.75rem; font-size: 1rem; } }
.store-detail-data.info { margin: 0 -1.5rem 20px -1.5rem; }
@media (min-width: 48em) { .store-detail-data.info { margin: 0 0 20px 0; border: 1px solid #c6c9d3; } }
.store-detail-data.info .map { width: 100%; height: 16rem; border-bottom: 1px solid #c6c9d3; }
@media (min-width: 62em) { .store-detail-data.info .map { height: 160px; } }
.store-detail-data.info .button { margin: 4px 8px; padding: 0; list-style: none; font-size: 0; }
@media (min-width: 48em) { .store-detail-data.info .button { margin: 4px; } }
.store-detail-data.info .button li { display: inline-block; vertical-align: top; width: 50%; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-detail-data.info .button li { font-size: 0.66667rem; } }
.store-detail-data.info .button a { display: block; margin: 4px; padding: 10px 4px 8px 4px; text-align: center; color: #000; background-color: #e6e9ee; border: 1px solid #e6e9ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .store-detail-data.info .button a { margin: 4px 2px; } }
@media (min-width: 62em) { .store-detail-data.info .button a:hover { opacity: 1; background-color: #ffa900; border-color: #ffa900; color: #000; }
  .store-detail-data.info .button a:hover i { color: #000; } }
.store-detail-data.info .button i { margin-right: 8px; color: #ffa900; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 48em) { .store-detail-data.info .button i { display: block; margin: 0 0 6px; font-size: 14px; } }
.store-detail-data.info .nearstore { margin: 4px 8px 8px 8px; padding: 0; text-align: center; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-detail-data.info .nearstore { font-size: 0.77778rem; } }
@media (min-width: 62em) { .store-detail-data.info .nearstore { display: none; } }
.store-detail-data.info .nearstore a { display: block; margin: 4px; padding: 10px 4px 8px 4px; text-align: center; color: #000; background-color: #ffa900; border: 1px solid #ffa900; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.store-detail-data.info .address { border-bottom: 1px solid rgba(198, 201, 211, 0.5); font-size: 0; }
@media (min-width: 48em) { .store-detail-data.info .address { margin: 0 4px; border-bottom: none; } }
.store-detail-data.info .address dt, .store-detail-data.info .address dd { margin: 0; display: inline-block; border-top: 1px solid rgba(198, 201, 211, 0.5); vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .store-detail-data.info .address dt, .store-detail-data.info .address dd { padding: 8px; font-size: 0.77778rem; } }
.store-detail-data.info .address dt { width: 36%; padding: 8px; }
.store-detail-data.info .address dd { width: 64%; padding: 8px; }
.store-detail-data.staff { margin: 0 0 20px 0; padding: 0; border: 1px solid #ffa900; background-color: #fff; }
@media (min-width: 48em) { .store-detail-data.staff { margin: 0 0 20px 0; } }
.store-detail-data.staff p { margin: 0; padding: 0 10px 15px 10px; }
.store-detail-data.staff p.tel { margin: 0; padding: 10px 8px 4px 8px; font-size: 2.88889rem; line-height: 1.41667; text-align: center; color: #000; font-weight: bold; font-family: Roboto; }
@media (min-width: 48em) { .store-detail-data.staff p.tel { font-size: 1.44444rem; } }
.store-detail-data.staff p.tel i { margin-right: 6px; font-size: 22px; color: #ffa900; }

.store-flyer { position: relative; min-height: 320px; width: 100%; }
.store-flyer-loading, .store-flyer-no-print { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.store-flyer-loading .text, .store-flyer-no-print .text { display: block; font-size: 1.55556rem; line-height: 1.71429; width: 110px; padding: 12px 8px 8px 8px; text-align: center; color: #000; background-color: #fff; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .store-flyer-loading .text, .store-flyer-no-print .text { font-size: 0.77778rem; } }
.store-flyer-loading i, .store-flyer-no-print i { display: block; margin: 0 auto 8px auto; }
.store-flyer-loading.off, .store-flyer-no-print.off { opacity: 0; z-index: -1; }
.store-flyer-no-print { background-color: #f5f6f8; z-index: 0; }
.store-flyer-no-print .text { width: 100%; background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.store-flyer-cp { background-color: #fff; }
.store-flyer-cp .chirashiplus, .store-flyer-cp ._chirashiplus { margin: 0 -1.25%; padding: 0; list-style: none; }
@media (min-width: 48em) { .store-flyer-cp .chirashiplus, .store-flyer-cp ._chirashiplus { margin: 0 -1.25%; } }
.store-flyer-cp .flyer { display: inline-block; vertical-align: top; width: 50%; margin: 0; }
@media (min-width: 48em) { .store-flyer-cp .flyer { width: 33.3333333%; margin: 0; } }
.store-flyer-cp a { display: block; margin: 0 2.5%; padding: 0 5px 0 0; color: #fff; }
@media (min-width: 48em) { .store-flyer-cp a { margin: 0 3.5%; }
  .store-flyer-cp a:hover { opacity: 1; }
  .store-flyer-cp a:hover .img:before { opacity: 1; }
  .store-flyer-cp a:hover .img-text { opacity: 1; } }
.store-flyer-cp .img { position: relative; overflow: hidden; border: 1px solid #dadada; min-height: 80px; -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); }
.store-flyer-cp .img img.width { min-width: 100%; }
.store-flyer-cp .img img.height { display: block; width: 49.7%; margin: 0 auto; }
@media (min-width: 48em) { .store-flyer-cp .img:before { content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.store-flyer-cp .img-text { display: none; }
@media (min-width: 48em) { .store-flyer-cp .img-text { display: block; width: 170px; height: 38px; border: 2px solid #fff; text-align: center; font-size: 16px; line-height: 34px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.store-flyer-cp .title { margin: 0; padding: 12px 0 16px; font-size: 1.55556rem; line-height: 1.71429; color: #000; }
@media (min-width: 48em) { .store-flyer-cp .title { padding: 12px 0 24px; font-size: 0.77778rem; } }

.store-jobfind .jobfind-result-list { margin-bottom: 2.0rem; }
.store-jobfind .jobfind-result-list .list { padding: 2.0rem; background-color: #f5f6f8; }
@media (min-width: 62em) { .store-jobfind .jobfind-result-list .list { padding: 1.5rem; } }
.store-jobfind .jobfind-result-list .list-img { position: relative; min-height: 1px; margin-bottom: 1.5rem; text-align: center; }
@media (min-width: 62em) { .store-jobfind .jobfind-result-list .list-img { float: left; width: 30%; margin-bottom: 0; } }
.store-jobfind .jobfind-result-list .list-text { position: relative; min-height: 1px; padding-bottom: 48px; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text { padding-bottom: 0; } }
@media (min-width: 62em) { .store-jobfind .jobfind-result-list .list-text { float: left; width: 70%; padding: 0 0 0 1.0rem; } }
.store-jobfind .jobfind-result-list .list-img .img { margin: 0; }
.store-jobfind .jobfind-result-list .list-img img { width: 100%; max-width: 320px; }
.store-jobfind .jobfind-result-list .list-img a { display: block; border: none; }
.store-jobfind .jobfind-result-list .list-text .title { margin-bottom: 1.2rem; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .title { position: relative; display: inline-block; padding-right: 105px; margin-bottom: 0.75rem; } }
.store-jobfind .jobfind-result-list .list-text .title-main { display: inline-block; vertical-align: bottom; margin: 0; padding: 0; border: none; font-size: 2.44444rem; line-height: 1.45455; font-weight: bold; color: #000; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .title-main { font-size: 1.22222rem; } }
.store-jobfind .jobfind-result-list .list-text .title-main:before { display: none; }
.store-jobfind .jobfind-result-list .list-text .title-sub { display: block; margin: 0; padding: 0; font-size: 1.77778rem; line-height: 1.625; color: #000; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .title-sub { font-size: 0.88889rem; } }
.store-jobfind .jobfind-result-list .list-text .title .morelink { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; font-size: 1.77778rem; line-height: 1.625; text-align: center; font-weight: bold; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .title .morelink { left: auto; display: inline-block; vertical-align: bottom; font-size: 0.77778rem; line-height: 1.71429; } }
.store-jobfind .jobfind-result-list .list-text .title .morelink a { display: block; padding: 12px 8px; background-color: #ffa900; color: #000; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .title .morelink a { padding: 4px 8px; } }
.store-jobfind .jobfind-result-list .list-text .date { margin: 0; padding: 0 0 1.5rem; font-size: 0; color: #000; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .date { padding: 0 0 1.0rem; } }
.store-jobfind .jobfind-result-list .list-text .date dt, .store-jobfind .jobfind-result-list .list-text .date dd { position: relative; display: block; margin-bottom: 4px; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .date dt, .store-jobfind .jobfind-result-list .list-text .date dd { font-size: 0.88889rem; } }
.store-jobfind .jobfind-result-list .list-text .date dt { float: left; width: 76px; font-weight: bold; }
.store-jobfind .jobfind-result-list .list-text .date dt:after { content: '：'; position: absolute; top: 0; right: 0; }
.store-jobfind .jobfind-result-list .list-text .date dd { margin-left: 76px; padding: 0 8px 0 4px; }
.store-jobfind .jobfind-result-list .list-text .button { margin: 0 0 1.2rem; font-size: 0; text-align: center; font-size: 0; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .button { margin: 0; } }
@media (min-width: 62em) { .store-jobfind .jobfind-result-list .list-text .button { text-align: left; } }
.store-jobfind .jobfind-result-list .list-text .button-phone, .store-jobfind .jobfind-result-list .list-text .button-mail { display: inline-block; vertical-align: top; margin: 0; padding: 8px; width: 48%; font-size: 1.77778rem; line-height: 1.625; color: #fff; border: none; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .button-phone, .store-jobfind .jobfind-result-list .list-text .button-mail { max-width: 220px; font-size: 0.88889rem; } }
.store-jobfind .jobfind-result-list .list-text .button-phone i, .store-jobfind .jobfind-result-list .list-text .button-mail i { display: block; }
@media (min-width: 48em) { .store-jobfind .jobfind-result-list .list-text .button-phone i, .store-jobfind .jobfind-result-list .list-text .button-mail i { display: inline-block; margin-right: 6px; } }
.store-jobfind .jobfind-result-list .list-text .button-phone { margin-right: 1%; background-color: #4dcd70; }
.store-jobfind .jobfind-result-list .list-text .button-mail { margin-left: 1%; background-color: #f26d7e; }

.products-top { background-color: #f5f6f8; }
.products-top .list { margin: 0; padding: 2.0rem 0 1.5rem 0; list-style: none; font-size: 0; }
.products-top .list li { margin: 0; padding: 0 0.75rem 1.5rem 0.75rem; }
@media (min-width: 48em) { .products-top .list li { display: inline-block; vertical-align: top; width: 50%; padding: 0 0.75rem 1.5rem 0.75rem; } }
@media (min-width: 62em) { .products-top .list li { width: 33.3333333%; } }
.products-top .list a { display: block; padding: 12px; color: #fff; background-color: #fff; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); }
.products-top .list .img { float: left; width: 25%; }
@media (min-width: 48em) { .products-top .list .img { width: 120px; } }
.products-top .list .title, .products-top .list .outline { display: block; margin-left: 25%; padding-left: 15px; }
@media (min-width: 48em) { .products-top .list .title, .products-top .list .outline { margin-left: 120px; } }
.products-top .list .title { margin-bottom: 8px; color: #ffa900; font-weight: bold; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .products-top .list .title { font-size: 0.88889rem; } }
.products-top .list .outline { margin-bottom: 0; color: #555; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .products-top .list .outline { font-size: 0.77778rem; } }

.products-page-outline { padding: 1.5rem 0 0; margin: 0 0.75rem 0.75rem 0.75rem; text-align: center; }
@media (min-width: 48em) { .products-page-outline { padding: 0.75rem 0 0; } }
.products-page-outline p:nth-last-child(-n + 1) { margin-bottom: 0; }
.products-page .list { margin: 0; padding: 1.5rem 0; list-style: none; font-size: 0; }
.products-page .list li { margin: 0; padding: 0 0.75rem 1.5rem 0.75rem; }
@media (min-width: 48em) { .products-page .list li { display: inline-block; vertical-align: top; width: 33.33333333%; } }
@media (min-width: 62em) { .products-page .list li { width: 25%; } }
.products-page .list a { display: block; background-color: #fff; margin: 0; color: #fff; }
.products-page .list .img { position: relative; overflow: hidden; }
.products-page .list .img img { min-width: 100%; }
.products-page .list .title { margin: 0; padding: 1.5rem 0; font-size: 2rem; line-height: 1.55556; color: #000; }
@media (min-width: 48em) { .products-page .list .title { font-size: 1rem; padding: 0.75rem 0; } }
.products-page .list .outline { margin: 0; padding: 0 0 3.0rem 0; font-size: 1.55556rem; line-height: 1.71429; color: #555; }
@media (min-width: 48em) { .products-page .list .outline { font-size: 0.77778rem; padding: 0 0 1.5rem 0; } }

.corporate-title { margin: 0 0 2.0rem; text-align: center; color: #000; font-size: 2.66667rem; line-height: 1.41667; }
@media (min-width: 48em) { .corporate-title { font-size: 1.33333rem; } }
.corporate-title .h-svgicon { display: block; margin: 0 auto 8px auto; fill: #ffa900; }
.corporate-title.white { color: #fff; }
.corporate-info { padding: 3.0rem 0 1.5rem; }
.corporate-info a { display: block; background-color: #fff; margin: 0; color: #fff; }
.corporate-info .img { position: relative; overflow: hidden; }
.corporate-info .img img { min-width: 100%; }
.corporate-info .title { margin: 0; padding: 1.5rem 0; font-size: 2rem; line-height: 1.55556; color: #000; }
@media (min-width: 48em) { .corporate-info .title { font-size: 1rem; padding: 0.75rem 0; } }
.corporate-info .outline { margin: 0; padding: 0 0 1.5rem 0; font-size: 1.55556rem; line-height: 1.71429; color: #555; }
@media (min-width: 48em) { .corporate-info .outline { font-size: 0.77778rem; padding: 0 0 1.5rem 0; } }
.corporate-info-link { padding: 3.0rem 0 2.5rem 0; background-image: url(img/common/bg_store_blur_sp.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: auto 375px; background-color: #224eb6; }
@media (min-width: 48em) { .corporate-info-link { background-image: url(img/common/bg_store_blur_pc.jpg); background-position: left bottom; background-size: auto; background-color: #224eb6; } }
.corporate-info-link ul { margin: 0 auto; padding-left: 2.5rem; padding-right: 2.5rem; list-style: none; font-size: 0; }
@media (min-width: 62em) { .corporate-info-link ul { max-width: 1230px; } }
.corporate-info-link ul li { margin: 0; display: inline-block; width: 100%; padding: 0 0.75rem 1.5rem 0.75rem; }
@media (min-width: 48em) { .corporate-info-link ul li { width: 33.333333333333%; } }
.corporate-info-link ul a { display: block; background-color: #000; color: #fff; font-weight: bold; }
.corporate-info-link ul .title { margin: 0; padding: 8px 1.5rem; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .corporate-info-link ul .title { padding: 8px 0.75rem; font-size: 0.88889rem; } }
.corporate-effort, .corporate-comlink { padding: 3.0rem 0; }
.corporate-effort a, .corporate-comlink a { display: block; background-color: #fff; margin: 0; color: #fff; }
.corporate-effort .img, .corporate-comlink .img { position: relative; overflow: hidden; }
.corporate-effort .img img, .corporate-comlink .img img { min-width: 100%; }
.corporate-effort .title, .corporate-comlink .title { margin: 0; padding: 1.5rem 0; font-size: 1.77778rem; line-height: 1.625; color: #000; }
@media (min-width: 48em) { .corporate-effort .title, .corporate-comlink .title { font-size: 0.88889rem; padding: 0.75rem 0; } }
.corporate-effort .outline, .corporate-comlink .outline { margin: 0; padding: 0 0 1.5rem 0; font-size: 1.55556rem; line-height: 1.71429; color: #555; }
@media (min-width: 48em) { .corporate-effort .outline, .corporate-comlink .outline { font-size: 0.77778rem; padding: 0 0 0.75rem 0; } }
.corporate-comlink { margin: 0 !important; padding: 2rem 0 !important; background-color: #f5f6f8; }
.corporate-comlink ul { margin: 0; padding: 0; list-style: none; }
.corporate-comlink .list { float: left; width: 50%; position: relative; min-height: 1px; margin: 0 !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; }
@media (min-width: 62em) { .corporate-comlink .list { width: 25%; } }
.corporate-comlink .list:before { display: none; }
.corporate-comlink a { border: none !important; padding: 0 !important; background: none; }
.corporate-comlink .img { margin: 0; }
.corporate-comlink .title { padding: 0.75rem 0 1.5rem 0; font-size: 1.55556rem; line-height: 1.71429; color: #000; }
@media (min-width: 48em) { .corporate-comlink .title { padding: 0.325rem 0  0.75rem 0; font-size: 0.77778rem; } }

.corporate-message { background-image: url(img/corporate_message_bg.png); background-repeat: no-repeat; background-position: center top; background-size: 227.5px auto; }
@media (min-width: 62em) { .corporate-message { background-position: 0px top; background-size: auto; } }
.corporate-message .text { margin-top: 220px; padding-top: 24px; background-color: #fff; }
@media (min-width: 62em) { .corporate-message .text { margin-top: 0; background: none; } }
.corporate-message .title { margin: 0 0 2.0rem; padding: 0; background: none; border: none; font-size: 4.44444rem; line-height: 1.25; color: #000; }
@media (min-width: 48em) { .corporate-message .title { font-size: 3.11111rem; line-height: 1.17857; } }
.corporate-message .title span { display: block; padding-top: 8px; font-size: 2.22222rem; line-height: 1.5; color: #999999; }
@media (min-width: 48em) { .corporate-message .title span { font-size: 1.11111rem; } }
.corporate-message .title br { display: none; }
@media (min-width: 62em) { .corporate-message .title br { display: inline-block; } }
.corporate-map { width: 100%; min-height: 16rem; }
.corporate-history { position: relative; }
.corporate-history:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background-color: #e6e9ee; }
.corporate-history .title { display: block; padding: 16px; margin: 0 auto; width: 280px; background-color: #fff; text-align: center; font-size: 4rem; line-height: 1.27778; }
.corporate-history .title:before { display: none; }
.corporate-history .title:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -5px; width: 10px; height: 10px; background-color: #e6e9ee; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
@media (min-width: 48em) { .corporate-history .title { font-size: 2rem; } }
.corporate-history .text, .corporate-history .img { position: relative; z-index: 10; padding: 1.5rem; }
@media (min-width: 48em) { .corporate-history .text, .corporate-history .img { float: right; width: 50%; } }
.corporate-history .text { padding: 0 1.5rem; background-color: #fff; }
@media (min-width: 48em) { .corporate-history .text { padding-top: 1.5rem; background: none; } }
.corporate-history .text p { margin-bottom: 16px; padding: 8px 0; }
.corporate-history .img { text-align: center; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .corporate-history .img { font-size: 0.77778rem; } }
.corporate-history .img figure { background-color: #fff; }
.corporate-history .img figcaption { padding: 4px 0; }

.ir-page section, .ir-page div { margin-bottom: 1.0rem; }
.ir-page i { display: inline-block; margin: 6px 8px; vertical-align: top; }
.ir-page i.pdf { color: #d70c19; }
.ir-page i.open { color: #15426c; }
.ir-page .ir_table { margin-bottom: 1rem !important; border-top: 1px dotted #c6c9d3; }
.ir-page .ir_table th, .ir-page .ir_table td { display: block; padding: 12px 16px 12px 32px; border: none; border-bottom: 1px dotted #c6c9d3; letter-spacing: 0.03em; color: #000; }
@media (min-width: 48em) { .ir-page .ir_table th, .ir-page .ir_table td { display: table-cell; } }
.ir-page .ir_table th.date, .ir-page .ir_table td.date { display: inline-block; padding: 12px 16px 0 16px; border-bottom: none; }
@media (min-width: 48em) { .ir-page .ir_table th.date, .ir-page .ir_table td.date { display: table-cell; width: 15%; padding-bottom: 8px; border-bottom: 1px dotted #c6c9d3; } }
.ir-page .ir_table th.category, .ir-page .ir_table td.category { display: inline-block; padding: 12px 16px 0 0; border-bottom: none; }
@media (min-width: 48em) { .ir-page .ir_table th.category, .ir-page .ir_table td.category { display: table-cell; width: 14%; padding-bottom: 8px; border-bottom: 1px dotted #c6c9d3; } }
.ir-page .ir_table th.category span, .ir-page .ir_table td.category span { display: block; padding: 3px 6px; width: 100%; background-color: #ffa900; text-align: center; font-size: 12px; line-height: 20px; font-weight: bold; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .ir-page .ir_table th.category span, .ir-page .ir_table td.category span { padding: 3px 1px; } }
.ir-page .ir_table th a, .ir-page .ir_table td a { position: relative; padding: 0; vertical-align: top; border: none !important; }
.ir-page .ir_table th a:before, .ir-page .ir_table td a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: -2px; left: -16px; font-size: 16px; }
.ir-page .report { padding: 2.0rem; border: 1px solid #c6c9d3; }
.ir-page .report:nth-last-child(-n + 1) p { margin-bottom: 0; }
.ir-page .cotion { font-size: 1.33333rem; line-height: 1.83333; }
@media (min-width: 48em) { .ir-page .cotion { font-size: 0.66667rem; } }
.ir-page .cotion02 { padding: 1.6rem 2.0rem; border: 1px solid #c6c9d3; background-color: #f5f6f8; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .ir-page .cotion02 { font-size: 0.77778rem; } }
.ir-page .r_title { margin-bottom: 1.5rem; text-align: center; font-weight: bold; color: #000; font-size: 2.44444rem; line-height: 1.45455; }
@media (min-width: 48em) { .ir-page .r_title { font-size: 1.22222rem; } }
.ir-page .monthly_cotion_table { font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .ir-page .monthly_cotion_table { font-size: 0.77778rem; } }
.ir-page .monthly_cotion_table th, .ir-page .monthly_cotion_table td { display: block; width: 100%; border: 1px solid #fff; background-color: #f5f6f8; }
@media (min-width: 48em) { .ir-page .monthly_cotion_table th, .ir-page .monthly_cotion_table td { display: table-cell; vertical-align: middle; } }
.ir-page .monthly_cotion_table th { margin-bottom: -1px; background-color: #e6e9ee; }
@media (min-width: 48em) { .ir-page .monthly_cotion_table th { margin: 0; width: 25%; } }
.ir-page .monthly_cotion_table td { margin-bottom: 0.5rem; }
@media (min-width: 48em) { .ir-page .monthly_cotion_table td { margin: 0; } }
.ir-top-title { position: relative; margin-bottom: 2.4rem !important; width: 100%; height: 200px; background-image: url("img/ir/bg_ir_title.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; color: #fff; text-align: center; font-weight: bold; letter-spacing: 0.05em; }
@media (min-width: 48em) { .ir-top-title { height: 300px; } }
.ir-top-title .title-main { display: block; position: absolute; top: 50%; left: 10px; right: 10px; margin: auto; color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 3.11111rem; line-height: 1.35714; -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
@media (min-width: 48em) { .ir-top-title .title-main { font-size: 1.77778rem; line-height: 1.3125; } }
.ir-top-title .title-sub { display: block; margin-top: 2px; font-size: 1.77778rem; line-height: 1; -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
@media (min-width: 48em) { .ir-top-title .title-sub { font-size: 0.88889rem; } }
.ir-top-link { margin: 0 -0.75rem 1.5rem -0.75rem; }
.ir-top-link .link-list { margin: 0; padding: 0; overflow: hidden; }
.ir-top-link .link-list .title { position: relative; margin: 0 0 4px; padding: 2px 40px 6px 16px; border-bottom: 1px solid #c6c9d3; border-left: 4px solid #ffa900; color: #000; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .ir-top-link .link-list .title { font-size: 1.11111rem; } }
.ir-top-link .link-list .title:before { display: none; }
.ir-top-link .link-list .title i { position: absolute; bottom: 0; right: 0; vertical-align: middle; font-size: 32px; line-height: 1; color: #ffa900; }
.ir-top-link .link-list ul { margin: 0; padding: 0; }
@media (min-width: 48em) { .ir-top-link .link-list ul.list-half { float: left; width: 50%; } }
.ir-top-link .link-list li { margin: 0; padding: 0; }
.ir-top-link .link-list li:before { display: none; }
.ir-top-link .link-list a { display: block; border: none !important; padding: 8px 8px 8px 24px !important; background: #fff; color: #43b3cb; }
.ir-top-link .link-list a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 8px; left: 8px; color: #43b3cb; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 62em) { .ir-top-link .link-list a:hover { opacity: 0.60; } }
.ir-top-otherlink { margin: 0 0 3.2rem !important; padding: 3.0rem 1.5rem 1.0rem 1.5rem; background-image: url("img/bg_top_shop.png"); background-repeat: no-repeat; background-color: #ffa900; background-position: center -5px; background-size: 1000px auto; }
@media (min-width: 48em) { .ir-top-otherlink { padding: 2.5rem 1.5rem 1.0rem 1.5rem; background-position: center top; background-size: cover; } }
.ir-top-otherlink .title { margin: 0; padding: 0 0 1.6rem; text-align: center; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .ir-top-otherlink .title { font-size: 1.22222rem; line-height: 1.45455; } }
.ir-top-otherlink .title:before { display: none; }
.ir-top-otherlink .title-icon { display: block; text-align: center; }
.ir-top-otherlink ul { margin: 0 !important; padding: 0; font-size: 0; text-align: center; }
.ir-top-otherlink li { display: inline-block; width: 50%; vertical-align: top; margin: 0 !important; padding: 0 10px 15px 10px !important; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .ir-top-otherlink li { width: 33.3333333%; padding: 0 15px 20px 15px !important; font-size: 0.88889rem; } }
.ir-top-otherlink li:before { display: none; }
.ir-top-otherlink a { position: relative; display: block; height: 90px; background-color: #fff; border: none !important; text-align: center; color: #000 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -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); }
@media (min-width: 48em) { .ir-top-otherlink a { height: 80px; }
  .ir-top-otherlink a:hover { opacity: 1; background-color: #000; color: #fff !important; } }
.ir-top-otherlink a span { display: block; position: absolute; top: 50%; left: 10px; right: 10px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.ir-news dl { margin: 0; padding: 0; border-bottom: 1px dotted #c6c9d3; letter-spacing: 0.03em; color: #000; }
.ir-news dl a { position: relative; display: inline-block; padding: 0 0 0 16px; vertical-align: top; border: none !important; }
.ir-news dl a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 2px; left: 0; font-size: 16px; }
.ir-news dl i { display: inline-block; margin: 6px 8px; vertical-align: top; }
.ir-news dl i.pdf { color: #d70c19; }
.ir-news dl i.open { color: #15426c; }
.ir-news dt { margin: 0 !important; padding: 0 0 12px 0 !important; }
@media (min-width: 48em) { .ir-news dt { float: left; padding: 12px !important; width: 20%; } }
.ir-news dd { padding: 0 0 12px 0 !important; }
@media (min-width: 48em) { .ir-news dd { margin: 0 0 0 20% !important; padding: 12px !important; } }
.ir-faq { margin-bottom: 2.0rem; }
.ir-faq dt, .ir-faq dd { position: relative; padding: 15px 15px 15px 56px; }
.ir-faq dt:before, .ir-faq dd:before { position: absolute; top: 12px; left: 15px; width: 32px; height: 32px; border: 2px solid #000; line-height: 28px; text-align: center; font-weight: bold; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.ir-faq dt { background-color: #f5f6f8; font-weight: bold; color: #000; }
.ir-faq dt:before { content: "Q"; border-color: #36b1c0; color: #36b1c0; }
.ir-faq dd:before { content: "A"; border-color: #f36861; color: #f36861; }
.ir-button { margin: 0; padding: 0.75rem 0; text-align: center; }
.ir-button strong { display: block; margin-bottom: 0.80rem; text-align: center; color: #000; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .ir-button strong { font-size: 1.11111rem; } }
.ir-button a { position: relative; display: inline-block; min-width: 280px; margin: 0 0.4rem 0.8rem; padding: 12px 20px !important; vertical-align: top; border: none !important; color: #fff !important; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ir-button a:before { content: '\f105'; font-family: FontAwesome; color: #fff; position: absolute; top: 50%; right: 10px; font-size: 14px; line-height: 1; margin-top: -7px; }
@media (min-width: 62em) { .ir-button a:before { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .ir-button a:hover { opacity: 1; background-color: #ffa900; color: #000 !important; }
  .ir-button a:hover:before { color: #000; } }
.ir-data { margin-bottom: 1.0rem; white-space: nowrap; overflow: auto; }
.ir-data table { width: 972px !important; white-space: normal; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .ir-data table { font-size: 0.77778rem; } }
@media (min-width: 62em) { .ir-data table { width: 100% !important; } }
.ir-data tr.head, .ir-data tr.total { background-color: #f5f6f8; }
.ir-data tr.head th, .ir-data tr.head td, .ir-data tr.total th, .ir-data tr.total td { background: none !important; }
.ir-data th, .ir-data td { padding: 6px !important; vertical-align: middle !important; border: 1px solid #d7dbe3 !important; }
.ir-data th.number, .ir-data td.number { text-align: right !important; }
.ir-data th { width: auto !important; background-color: #e6e9ee !important; text-align: center !important; }
.ir-data td { text-align: center !important; }
.ir-menseki { padding: 1.6rem; background-color: #f5f6f8; border: 4px solid #e6e9ee; }
.ir-menseki p:nth-last-child(-n + 1) { margin-bottom: 0; }
.ir-menseki-title { margin-bottom: 1.0rem; font-size: 2.22222rem; line-height: 1.5; letter-spacing: 0.03em; color: #000; }
@media (min-width: 48em) { .ir-menseki-title { font-size: 1.11111rem; } }
.ir-menseki-title i { color: #ffa900; }
.ir-contact { background-color: #ffa900; padding: 2.4rem 0 1.5rem 0; border-bottom: 1px solid #fff; color: #000; }
@media (min-width: 48em) { .ir-contact { padding: 2.0rem 0 1.0rem 0; } }
.ir-contact .col-md-4 { padding-bottom: 0.75rem; }
.ir-contact-title { margin: 0 0 1.0rem; padding: 0 0.75rem; color: #000; font-weight: bold; font-size: 2.44444rem; line-height: 1.45455; font-feature-settings: "palt"; letter-spacing: 0.03em; text-align: center; }
@media (min-width: 48em) { .ir-contact-title { font-size: 1.22222rem; } }
.ir-contact-title .icon { position: relative; display: block; margin: 0 auto 12px auto; width: 64px; height: 64px; background-color: #000; text-align: center; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; }
.ir-contact-title .icon i { position: absolute; top: 50%; left: 50%; margin: auto; color: #ffa900; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.ir-contact .detail { color: #000; }
.ir-contact .name { margin-bottom: 8px; font-size: 2.22222rem; line-height: 1.5; letter-spacing: 0.03em; font-weight: bold; color: #000; }
@media (min-width: 48em) { .ir-contact .name { font-size: 1.11111rem; } }
.ir-contact .name span { display: block; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .ir-contact .name span { font-size: 0.88889rem; } }
.ir-contact .tel { font-size: 1.55556rem; line-height: 1.71429; letter-spacing: 0.03em; font-weight: bold; color: #000; }
@media (min-width: 48em) { .ir-contact .tel { font-size: 0.77778rem; } }
.ir-contact .tel i { margin-right: 8px; font-size: 26px !important; }
.ir-contact .tel span { font-size: 3.77778rem; line-height: 1.29412; letter-spacing: 0.03em; font-weight: bold; color: #000; }
@media (min-width: 48em) { .ir-contact .tel span { font-size: 1.88889rem; } }
.ir-contact .mail { text-align: center; }
.ir-contact .mail a { display: block; margin: 0 auto; padding: 16px; background-color: #fff; color: #000; text-align: center; font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 62em) { .ir-contact .mail a:hover { opacity: 1; background-color: #000; color: #fff; } }
.ir-contact .mail i { margin-right: 8px; }
.ir-comlink { margin: 0 !important; padding: 2rem 0 !important; background-color: #f5f6f8; }
.ir-comlink ul { margin: 0; padding: 0; list-style: none; }
.ir-comlink .list { float: left; width: 50%; position: relative; min-height: 1px; margin: 0 !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; }
@media (min-width: 62em) { .ir-comlink .list { width: 25%; } }
.ir-comlink .list:before { display: none; }
.ir-comlink a { display: block; border: none !important; padding: 12px 16px 12px 32px !important; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ir-comlink a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 12px; left: 16px; }
@media (min-width: 62em) { .ir-comlink a:hover { opacity: 1; background-color: #ffa900; color: #000; } }
.ir-comlink .img { margin: 0; }
.ir-comlink .title { padding: 0.75rem 0 1.5rem 0; font-size: 1.55556rem; line-height: 1.71429; color: #000; }
@media (min-width: 48em) { .ir-comlink .title { padding: 0.325rem 0  0.75rem 0; font-size: 0.77778rem; } }
.ir-footerlink { margin: 0 !important; padding: 2.5rem 0 0.5rem !important; background-color: #f5f6f8; }
.ir-footerlink .link-list { margin: 0 0 0.75rem; padding: 0; overflow: hidden; }
.ir-footerlink .link-list .title { position: relative; margin: 0 0 4px; padding: 12px 40px 8px 4px; border-bottom: 1px solid #c6c9d3; color: #000; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .ir-footerlink .link-list .title { font-size: 1rem; } }
.ir-footerlink .link-list .title:before { display: none; }
.ir-footerlink .link-list .title i { position: absolute; bottom: 5px; right: 0; vertical-align: middle; font-size: 32px; line-height: 1; color: #ffa900; }
.ir-footerlink .link-list ul { margin: 0; padding: 0; list-style: none; }
@media (min-width: 48em) { .ir-footerlink .link-list ul.list-half { float: left; width: 50%; } }
.ir-footerlink .link-list li { margin: 0; padding: 0; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .ir-footerlink .link-list li { font-size: 0.77778rem; } }
.ir-footerlink .link-list li:before { display: none; }
.ir-footerlink .link-list a { display: block; border: none !important; padding: 4px 8px 4px 20px !important; color: #000; }
.ir-footerlink .link-list a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 4px; left: 8px; color: #ffa900; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.business-brandsindex { background-image: url(img/recruit/recruit_works_bg.png); background-repeat: repeat-y; background-position: center top; background-size: 972px; background-color: #ffa900; }
.business-brandsindex .title { margin: 0 0 1.5rem; padding: 20px; background-color: #000; border: none; color: #fff; text-align: center; font-size: 2.66667rem; line-height: 1.41667; letter-spacing: 0.05em; }
@media (min-width: 48em) { .business-brandsindex .title { font-size: 1.33333rem; } }
@media (min-width: 62em) { .business-brandsindex .title { margin: 0 0 2.5rem; } }
.business-brandsindex .brandlist { padding: 0 1.5rem; }
.business-brandsindex .brandlist-box { position: relative; margin-bottom: 2.0rem; padding: 1.5rem 0.75rem; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
@media (min-width: 62em) { .business-brandsindex .brandlist-box { margin-bottom: 2.5rem; padding-top: 64px; } }
.business-brandsindex .brandlist-box figure { padding: 0; }
.business-brandsindex .brandlist-box figure img { display: inline-block; margin-bottom: 0.75rem; }
.business-brandsindex .brandlist-box.wmb .brandlist-title { background-color: #000; }
.business-brandsindex .brandlist-box.fineassist .brandlist-title { background-color: #7abd4a; }
.business-brandsindex .brandlist-box.heatassist .brandlist-title { background-color: #f38d00; }
.business-brandsindex .brandlist-box.iceassist .brandlist-title { background-color: #00a2e7; }
.business-brandsindex .brandlist-box.aegis .brandlist-title { background-color: #6b6b69; }
.business-brandsindex .brandlist-box.fieldcore .brandlist-title { background-color: #9fb523; }
.business-brandsindex .brandlist-box.findout .brandlist-title { background-color: #2c535b; }
.business-brandsindex .brandlist-box.athleshoes .brandlist-title { background-color: #2b60f7; }
.business-brandsindex .brandlist-title { margin: 0 0.75rem 24px 0.75rem; padding: 16px; background-color: #72757e; text-align: center; font-size: 2.22222rem; line-height: 1.5; letter-spacing: 0.05em; color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 48em) { .business-brandsindex .brandlist-title { font-size: 1.11111rem; } }
@media (min-width: 62em) { .business-brandsindex .brandlist-title { position: absolute; left: 50%; top: -32px; margin: 0 0 0 -240px; min-width: 480px; } }
.business-brandsindex .brandlist-title span { display: block; font-size: 1.55556rem; }
@media (min-width: 48em) { .business-brandsindex .brandlist-title span { font-size: 0.77778rem; } }
.business-brandsindex .brandlist-logo { margin: 0 0 1.5rem; padding: 0 0.75rem; text-align: center; }
@media (min-width: 62em) { .business-brandsindex .brandlist-logo img { width: 50%; } }
.business-brandsindex .brandlist-info { margin: 0 0 16px; padding: 0; font-size: 0; }
.business-brandsindex .brandlist-info dt, .business-brandsindex .brandlist-info dd { vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; letter-spacing: 0.05em; }
@media (min-width: 48em) { .business-brandsindex .brandlist-info dt, .business-brandsindex .brandlist-info dd { font-size: 0.77778rem; } }
.business-brandsindex .brandlist-info dt { margin-bottom: 4px; padding: 0; text-align: center; }
@media (min-width: 48em) { .business-brandsindex .brandlist-info dt { display: inline-block; width: 30%; margin-bottom: 10px; } }
.business-brandsindex .brandlist-info dt span { display: block; padding: 4px; background-color: #e6e9ee; font-weight: bold; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.business-brandsindex .brandlist-info dd { margin-bottom: 15px; padding: 0 15px; }
@media (min-width: 48em) { .business-brandsindex .brandlist-info dd { display: inline-block; width: 70%; margin-bottom: 10px; padding: 4px 8px 4px 20px; } }

.gr-container .recruit-top { margin-bottom: 2.4rem; color: #000; font-weight: bold; }
.gr-container .recruit-top-title { margin: 0; padding: 0.75rem; background-color: #fff; border-top: 5px solid #ffa900; text-align: center; font-size: 2.44444rem; line-height: 1.45455; }
@media (min-width: 48em) { .gr-container .recruit-top-title { font-size: 1.55556rem; } }
.gr-container .recruit-top-title .icon { display: block; width: 140px; margin: 0 auto 0.75rem auto; color: #ffa900; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .recruit-top-title .icon { display: inline-block; margin-bottom: 0; vertical-align: middle; font-size: 0.88889rem; } }
.gr-container .recruit-top-title svg { display: block; width: 50px; height: 70px; margin: 0 auto; fill: #ffa900; }
.gr-container .recruit-top-title:before { display: none !important; }
.gr-container .recruit-top-evolution { padding-bottom: 0.75rem; background-image: url(img/recruit/recruit_evolution_bg.png); background-repeat: repeat-y; background-position: center 130px; background-size: 972px; background-color: #ffa900; }
.gr-container .recruit-top-evolution .evolution-box { position: relative; background-color: #fff; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 4px 0 #c88500; -moz-box-shadow: 0 4px 0 #c88500; box-shadow: 0 4px 0 #c88500; }
.gr-container .recruit-top-evolution .evolution-main { margin: 1.5rem; padding: 1.0rem; }
@media (min-width: 48em) { .gr-container .recruit-top-evolution .evolution-main { margin-bottom: 1.0rem; } }
.gr-container .recruit-top-evolution .evolution-main .img { text-align: center; }
@media (min-width: 48em) { .gr-container .recruit-top-evolution .evolution-main .img { float: left; width: 245px; } }
.gr-container .recruit-top-evolution .evolution-main .text { margin: 0; padding: 20px; }
@media (min-width: 48em) { .gr-container .recruit-top-evolution .evolution-main .text { margin: 0 0 0 250px; } }
.gr-container .recruit-top-evolution .evolution-main .text h4 { padding: 0; border: none; font-size: 2.44444rem; line-height: 1.45455; }
@media (min-width: 48em) { .gr-container .recruit-top-evolution .evolution-main .text h4 { font-size: 1.22222rem; } }
.gr-container .recruit-top-evolution .evolution-main .text .price { display: block; padding: 0; }
.gr-container .recruit-top-evolution .evolution-main .text .price span { font-size: 14px; }
.gr-container .recruit-top-evolution .evolution-main .text p { margin-bottom: 0; }
.gr-container .recruit-top-evolution .evolution-sub { margin: 0 0.75rem; }
.gr-container .recruit-top-evolution .evolution-sub-list { margin: 0 0 1.5rem; }
@media (min-width: 48em) { .gr-container .recruit-top-evolution .evolution-sub-list { margin-bottom: 0.75rem; } }
.gr-container .recruit-top-evolution .evolution-sub-list .evolution-box { background-color: #f0f0f0; }
.gr-container .recruit-top-evolution .evolution-sub-list-title { margin-bottom: 16px; text-align: center; }
.gr-container .recruit-top-evolution .evolution-sub-list-img { background-color: #fff; text-align: center; }
.gr-container .recruit-top-evolution .evolution-sub-list-text { margin: 0; padding: 1.0rem; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .recruit-top-evolution .evolution-sub-list-text { font-size: 0.77778rem; } }
.gr-container .recruit-top-information { padding: 1.5rem; background-color: #f1f1f1; }
.gr-container .recruit-top-information-title { position: relative; margin-bottom: 16px; padding: 0 0 10px; font-size: 3.11111rem; line-height: 1.35714; text-align: center; }
@media (min-width: 48em) { .gr-container .recruit-top-information-title { font-size: 1.55556rem; } }
.gr-container .recruit-top-information-title:before { display: none; }
.gr-container .recruit-top-information-title svg { position: absolute; bottom: 0; left: 50%; margin-left: -62px; width: 124px; height: 8px; fill: #ffa900; }
.gr-container .recruit-top-information-img { text-align: center; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .recruit-top-information-img { font-size: 0.77778rem; } }
.gr-container .recruit-top-information-img p { display: inline-block; margin: 0 6px 16px 6px; text-align: center; }
.gr-container .recruit-top-information-img img { margin-bottom: 6px; }
.gr-container .recruit-top-works-about { margin-bottom: 2.4rem; padding: 1.5rem; background-image: url(img/recruit/recruit_works_bg.png); background-repeat: repeat-y; background-position: center top; background-size: 972px; background-color: #ffa900; }
.gr-container .recruit-top-works-about-title { margin: 0; padding: 0; border: none; text-align: center; }
.gr-container .recruit-top-works-about-list { padding: 20px 0 0; text-align: center; }
.gr-container .recruit-top-works-about-list p { display: inline-block; vertical-align: top; margin: 0 8px 1.5rem 8px; text-align: center; }
.gr-container .recruit-top-works-about-list img { margin-bottom: 8px; }
.gr-container .recruit-top-works-list { margin: 0 0 15px; padding: 0; list-style: none; font-size: 0; text-align: center; }
.gr-container .recruit-top-works-list li { display: inline-block; margin: 0 5px 10px 5px; padding: 0; }
.gr-container .recruit-top-works-list li:before { display: none; }
.gr-container .recruit-top-works-outline { padding: 20px; border: 3px solid #000; background-color: #ffa900; }
.gr-container .recruit-top-works-outline-img { margin: 0; text-align: center; }
.gr-container .recruit-top-works-outline-img img { margin-bottom: 8px; }
@media (min-width: 48em) { .gr-container .recruit-top-works-outline-img img { margin: 0 8px 8px 8px; } }
.gr-container .recruit-top-works-detail { margin-bottom: 2.4rem; }
.gr-container .recruit-top-works-detail-title { margin: 0; padding: 0; border: none; }
.gr-container .recruit-top-works-detail-text { padding: 1.0rem 0 0.75rem; }
.gr-container .recruit-top-works-detail-img { text-align: center; }
.gr-container .recruit-top-works-detail-img p { display: inline-block; margin: 0 8px 16px 8px; text-align: center; vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .recruit-top-works-detail-img p { font-size: 0.77778rem; } }
.gr-container .recruit-top-works-detail-img img { margin: 0 0 6px 0; }
.gr-container .recruit-top-works-detail-list { margin: 0; padding: 134px 20px 20px 20px; background-image: url(img/recruit/recruit_works_t_sub.png); background-repeat: no-repeat; background-position: center top; background-size: 972px; background-color: #ffa900; list-style: none; text-align: center; font-size: 0; }
.gr-container .recruit-top-works-detail-list li { display: inline-block; margin: 0 6px 12px 6px; padding: 12px 16px; border: 2px solid #000; border-radius: 8px; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .recruit-top-works-detail-list li { font-size: 0.88889rem; } }
.gr-container .recruit-top-works-detail-list li:before { display: none; }
.gr-container .recruit-top-works-detail-list span { font-size: 14px; }

.recruit-link { margin-bottom: 2.0rem; padding: 0; }
.recruit-link a { display: block; background-color: #fff; margin: 0; color: #fff; }
.recruit-link .img { position: relative; overflow: hidden; }
.recruit-link .img img { min-width: 100%; }
.recruit-link .title { margin: 0; padding: 0.5rem 0 1.5rem 0; font-size: 1.77778rem; line-height: 1.625; color: #000; }
@media (min-width: 48em) { .recruit-link .title { font-size: 0.88889rem; padding: 0.5rem 0 0.75rem 0; } }
.recruit-link .outline { margin: 0; padding: 0 0 1.5rem 0; font-size: 1.55556rem; line-height: 1.71429; color: #555; }
@media (min-width: 48em) { .recruit-link .outline { font-size: 0.77778rem; padding: 0 0 0.75rem 0; } }
.recruit-link-title { margin: 0 0 1.0rem; padding: 0 0.75rem; color: #000; font-weight: normal; font-size: 2.88889rem; line-height: 1.38462; font-feature-settings: "palt"; letter-spacing: 0.03em; }
@media (min-width: 48em) { .recruit-link-title { font-size: 1.44444rem; } }
.recruit-link-title .h-svgicon { margin: 7px 10px 7px 0; }
.recruit-link-banner { margin: 0 0.75rem; padding: 0 0 24px; background-color: #f5f6f8; list-style: none; text-align: center; font-size: 0; }
.recruit-link-banner .title { position: relative; margin: 0 0 24px; padding: 16px; background-color: #ffa900; font-size: 2rem; line-height: 1.55556; color: #000; }
@media (min-width: 48em) { .recruit-link-banner .title { font-size: 1rem; } }
.recruit-link-banner ul { margin: 0; padding: 0; list-style: none; }
.recruit-link-banner li { display: inline-block; margin: 0 6px 12px 6px; }
.recruit-link-banner li:nth-last-child(-n + 1) { margin-bottom: 0; }
.recruit-link-banner li img { width: auto; height: 50px; }
.recruit-flow-dormitory { padding: 2.0rem; background-color: #f5f6f8; }
.recruit-flow-dormitory .img { margin: 0 0 1.2rem; text-align: center; }
@media (min-width: 48em) { .recruit-flow-dormitory .img { float: left; margin: 0; } }
@media (min-width: 48em) { .recruit-flow-dormitory .text { margin: 0 0 0 250px; padding: 0 0 0 20px; } }
.recruit-flow-dormitory .text p:nth-last-child(-n + 1) { margin-bottom: 0; }
.recruit-aday { position: relative; margin-bottom: 2.4rem; }
.recruit-aday:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background-color: #ffa900; }
.recruit-aday .list { position: relative; padding-bottom: 3.0rem; }
.recruit-aday .list:after { content: ''; position: absolute; z-index: 10; bottom: -4px; left: 50%; margin-left: -12px; width: 0; height: 0; border-style: solid; border-width: 14px 12px 0 12px; border-color: #ffa900 transparent transparent transparent; }
.recruit-aday .list:nth-last-child(-n + 1):after { margin-left: -8px; width: 16px; height: 16px; background-color: #ffa900; border: none; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.recruit-aday .midashi { padding: 20px 0 0; background-color: #fff; }
.recruit-aday .time { display: block; padding: 16px 16px 0 16px; margin: 0 auto; border-top: 4px solid #ffa900; background-color: #fff; text-align: center; color: #ffa900; font-size: 4rem; line-height: 1.27778; }
.recruit-aday .time:before { display: none; }
@media (min-width: 48em) { .recruit-aday .time { font-size: 2rem; } }
.recruit-aday .title { display: block; padding: 12px 16px 24px 16px; margin: 0 auto; border-bottom: 2px solid #d7dbe3; background-color: #fff; text-align: center; font-size: 3.55556rem; line-height: 1.3125; }
.recruit-aday .title:before { display: none; }
@media (min-width: 48em) { .recruit-aday .title { font-size: 1.77778rem; } }
.recruit-aday .text, .recruit-aday .img { position: relative; z-index: 10; }
@media (min-width: 48em) { .recruit-aday .text, .recruit-aday .img { float: right; width: 50%; } }
.recruit-aday .text { padding: 0 1.5rem 1px 1.5rem; background-color: #fff; }
@media (min-width: 48em) { .recruit-aday .text { padding: 1.5rem; background: none; } }
.recruit-aday .text p { margin-bottom: 16px; padding: 8px 0; }
.recruit-aday .img { padding: 0; text-align: center; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .recruit-aday .img { padding: 1.5rem; font-size: 0.77778rem; } }
.recruit-aday .img figure { margin-bottom: 0; background-color: #fff; }
.recruit-aday .img figcaption { padding: 4px 0; }
.recruit-faq { margin: 0; padding: 0; }
.recruit-faq dt, .recruit-faq dd { position: relative; padding: 0 0 0 24px; }
.recruit-faq dt:before, .recruit-faq dd:before { position: absolute; top: -2px; left: 0.75rem; width: 32px; height: 32px; border: 2px solid #ffa900; background-color: #ffa900; text-align: center; font-weight: bold; line-height: 28px; color: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.recruit-faq dt { padding: 0 0.75rem 0.75rem 56px; font-weight: bold; color: #000; }
.recruit-faq dt:before { content: 'Q'; }
.recruit-faq dd { margin-bottom: 1rem !important; padding: 0 0.75rem 1.0rem 56px; border-bottom: 1px dotted #c6c9d3; }
.recruit-faq dd:before { content: 'A'; border: 2px solid #c8ced9; background-color: #c8ced9; }
.recruit-faq .link-banner img { width: auto; height: 50px; }
.recruit-works-button .button { float: left; width: 50%; position: relative; min-height: 1px; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 0; }
@media (min-width: 48em) { .recruit-works-button .button { width: 33.33333333%; } }
@media (min-width: 62em) { .recruit-works-button .button { width: 20%; } }
.recruit-works-button .button a { display: block; border: none; }

.manager-contact { background-color: #f5f6f8; padding: 2.4rem 0 1.5rem 0; }
@media (min-width: 48em) { .manager-contact { padding: 2.0rem 0 1.0rem 0; } }
.manager-contact-title { margin: 0 0 1.6rem; padding: 0 0.75rem; color: #000; font-weight: bold; font-size: 2.44444rem; line-height: 1.45455; font-feature-settings: "palt"; letter-spacing: 0.03em; text-align: center; }
@media (min-width: 48em) { .manager-contact-title { font-size: 1.22222rem; } }
.manager-contact-title .icon { position: relative; display: block; margin: 0 auto 12px auto; width: 64px; height: 64px; background-color: #ffa900; text-align: center; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; }
.manager-contact-title .icon i { position: absolute; top: 50%; left: 50%; margin: auto; color: #000; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.manager-contact-button { margin: 0; padding: 1.0rem 0; font-size: 0; text-align: center; }
.manager-contact-button a { display: inline-block; margin: 0 auto; padding: 4px 2px; background-color: #ffa900; color: #fff; text-align: center; font-weight: bold; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 48em) { .manager-contact-button a { padding: 8px; } }
.manager-contact-button span { display: inline-block; vertical-align: middle; margin: 0 12px; font-size: 18px; line-height: 22px; }
.manager-contact-button span.button { margin: 6px; padding: 12px 20px; background-color: #fff; white-space: nowrap; color: #000; -webkit-box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.manager-contact-button span.button.contact { display: block; }
@media (min-width: 48em) { .manager-contact-button span.button.contact { display: inline-block; } }
.manager-contact-button span.text { display: block; padding: 12px 0; font-size: 16px; line-height: 20px; color: #000; }
@media (min-width: 48em) { .manager-contact-button span.text { display: inline-block; padding: 0; } }
.manager-contact-button span.text br { display: none; }
@media (min-width: 48em) { .manager-contact-button span.text br { display: inline-block; } }
.manager-contact-button span.text.sp { display: block; margin: 0; padding: 6px !important; background-color: #fff; white-space: nowrap; font-size: 8px; line-height: 1; color: #000; -webkit-box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 48em) { .manager-contact-button span.text.sp { display: none; } }
.manager-contact-button span.text.sp > span { display: inline-block; margin: 0; padding: 0; vertical-align: bottom; font-size: 12px; line-height: 1; }
.manager-contact-button i { margin-right: 6px; color: #ffa900; }
.manager-contact .detail { padding: 20px 0; color: #000; }
.manager-contact .detail-title { margin-bottom: 1.0rem; font-size: 2.44444rem; line-height: 1.45455; letter-spacing: 0.03em; color: #ffa900; }
@media (min-width: 48em) { .manager-contact .detail-title { font-size: 1.22222rem; } }
.manager-contact .detail p:nth-last-child(-n + 1) { margin-bottom: 0; }
.manager-contact .tel { padding: 20px; background-color: #fff; border: 3px solid #1eaa39; -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); }
.manager-contact .tel-title { position: relative; padding-bottom: 14px; margin-bottom: 1.2rem; font-size: 2.44444rem; line-height: 1.45455; letter-spacing: 0.03em; color: #000; text-align: center; }
@media (min-width: 48em) { .manager-contact .tel-title { font-size: 1.22222rem; } }
.manager-contact .tel-title:before { content: ''; position: absolute; left: 50%; bottom: 0; width: 20px; height: 3px; margin-left: -10px; background-color: #000; }
.manager-contact .tel-num { margin-bottom: 16px; }
.manager-contact .tel p:nth-last-child(-n + 1) { margin-bottom: 0; }
.manager-contact .require { margin: 0 auto; text-align: center; font-size: 0; }
.manager-contact .require-box { position: relative; display: inline-block; margin: 0 1% 2% 1%; width: 48%; height: 64px; text-align: center; vertical-align: top; border: 2px solid #d70c19; font-size: 15px; line-height: 19px; font-weight: bold; color: #d70c19; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .manager-contact .require-box { width: 22%; } }
.manager-contact .require-box > span { position: absolute; top: 50%; left: 5px; right: 5px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.manager-contact .mail { text-align: center; }
.manager-contact .mail a { display: block; margin: 0 auto; padding: 16px; background-color: #ffa900; color: #000; text-align: center; font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 62em) { .manager-contact .mail a:hover { opacity: 1; background-color: #000; color: #fff; } }
.manager-contact .mail i { margin-right: 8px; }
.manager-contact-page { margin: 1.5rem auto; padding: 12px 0 8px; border: 1px solid #d7dbe3; background-color: #e6e9ee; text-align: center; font-size: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 48em) { .manager-contact-page { padding: 14px 0 12px; max-width: 636px; } }
.manager-contact-page .manager-contact-outline { margin-bottom: 5px; }
.manager-contact-fixed { z-index: 3500; position: fixed; bottom: -200px; padding: 4px 0; width: 100%; background-color: rgba(0, 0, 0, 0.3); font-size: 0; text-align: center; opacity: 0; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; transition: 0.3s ease-in; }
@media (min-width: 48em) { .manager-contact-fixed { padding: 8px; } }
.manager-contact-fixed.visible { bottom: 0; opacity: 1; }
.manager-contact-fixed.close { bottom: -78px; }
@media (min-width: 48em) { .manager-contact-fixed.close { bottom: -84px; } }
.manager-contact-fixed.close.top { bottom: -98px; }
@media (min-width: 62em) { .manager-contact-fixed.close.top { bottom: -104px; } }
@media (min-width: 48em) { .manager-contact-fixed { z-index: 500; } }
.manager-contact-fixed-text { display: inline-block; margin: 5px 5px 5px 0; padding: 6px; vertical-align: middle; background-color: #fff; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 62em) { .manager-contact-fixed-text { max-width: auto; margin: 0 10px; padding: 8px; } }
.manager-contact-fixed-text .text { display: inline-block; padding: 6px 4px 8px 0; font-size: 14px; line-height: 1; font-weight: bold; }
.manager-contact-fixed-text .text.sub { display: none; padding: 4px 8px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 62em) { .manager-contact-fixed-text .text.sub { display: block; } }
.manager-contact-fixed-text .text.sp { display: block; }
@media (min-width: 62em) { .manager-contact-fixed-text .text.sp { display: none; } }
.manager-contact-fixed-text .text.pc { display: none; }
@media (min-width: 62em) { .manager-contact-fixed-text .text.pc { display: inline-block; } }
.manager-contact-fixed-text a { display: inline-block; margin: 0 2px; padding: 6px 10px; background-color: #000; color: #fff; font-size: 12px; line-height: 1; white-space: nowrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25); }
@media (min-width: 48em) { .manager-contact-fixed-text a { margin: 0 4px; font-size: 14px; } }
@media (min-width: 62em) { .manager-contact-fixed-text a { margin: 0 8px 8px 0; } }
.manager-contact-fixed-text i { margin: 0 6px; color: #ffa900; }
.manager-contact-outline { display: inline-block; margin: 0 2px; padding: 10px 4px 6px; min-height: 68px; vertical-align: top; background-color: #ffa900; line-height: 1; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 30em) { .manager-contact-outline { margin: 0 5px; padding: 6px; } }
@media (min-width: 48em) { .manager-contact-outline { max-width: auto; padding: 6px 12px; } }
.manager-contact-outline .text { display: inline-block; padding: 6px 4px 8px 0; font-size: 14px; font-weight: bold; }
.manager-contact-outline .text.first { display: none; text-align: left; }
@media (min-width: 48em) { .manager-contact-outline .text.first { display: block; } }
.manager-contact-outline .text.end { display: block; padding: 8px 4px 8px 0; text-align: right; }
@media (min-width: 48em) { .manager-contact-outline .text.end { display: inline-block; padding: 6px 4px 8px 0; } }
.manager-contact-outline a { display: inline-block; margin: 0 2px; padding: 6px 4px; background-color: #000; color: #fff; font-size: 12px; white-space: nowrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25); }
@media (min-width: 30em) { .manager-contact-outline a { padding: 6px 10px; } }
@media (min-width: 48em) { .manager-contact-outline a { margin: 0 4px; font-size: 14px; } }
@media (min-width: 62em) { .manager-contact-outline a { margin: 0 8px 0 0; } }
.manager-contact-outline i { margin: 0 0 0 4px; }
.manager-contact-link { display: inline-block; vertical-align: middle; margin: 0 auto; padding: 0; }
@media (min-width: 62em) { .manager-contact-link { max-width: 574px; } }
.manager-contact-link a { position: relative; display: inline-block; margin: 0 3px; padding: 8px 0; width: 88px; height: 68px; overflow: hidden; background-color: #fff; font-size: 12px; line-height: 16px; white-space: nowrap; text-align: center; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.35); }
@media (min-width: 30em) { .manager-contact-link a { width: 148px; font-size: 14px; line-height: 18px; } }
@media (min-width: 48em) { .manager-contact-link a { padding: 8px 0 0; } }
.manager-contact-link a:hover { opacity: 1; }
.manager-contact-link a .text { position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.manager-contact-link i { display: block; margin-bottom: 5px; font-size: 20px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.manager-contact-link br { display: inline-block; }
@media (min-width: 30em) { .manager-contact-link br { display: none; } }
.manager-contact-link .pdf i { color: #d70c19; }
@media (min-width: 62em) { .manager-contact-link .pdf:hover { background-color: #d70c19; color: #fff; }
  .manager-contact-link .pdf:hover i { color: #fff; } }
.manager-contact-link .description i { color: #ffa900; }
@media (min-width: 62em) { .manager-contact-link .description:hover { background-color: #000; color: #fff; } }
.manager-contact-link .description .sub { display: block; font-weight: normal; font-size: 9px; }
@media (min-width: 30em) { .manager-contact-link .description .sub { font-size: 12px; } }
.manager-contact-close { position: relative; margin: 0 auto; }
@media (min-width: 64em) { .manager-contact-close { max-width: 1024px; } }
.manager-contact-close .button { position: absolute; left: 5px; top: -28px; display: block; width: 80px; height: 24px; background-color: #fff; cursor: pointer; white-space: nowrap; font-size: 12px; line-height: 24px; font-weight: 900; text-align: center; color: #000; letter-spacing: 0.08em; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
.manager-contact-close .button:before { content: 'CLOSE ✕'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
@media (min-width: 48em) { .manager-contact-close .button { left: 0; top: -32px; } }
@media (min-width: 62em) { .manager-contact-close .button { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .manager-contact-close .button:hover { background-color: #ffa900; } }
.manager-contact-close .button.on { top: -27px; background-color: #000; color: #fff; }
.manager-contact-close .button.on:before { content: 'OPEN ↑'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
@media (min-width: 48em) { .manager-contact-close .button.on { top: -31px; } }
@media (min-width: 62em) { .manager-contact-close .button.on { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .manager-contact-close .button.on:hover { background-color: #ffa900; color: #000; } }
.manager-contact-button { display: inline-block; vertical-align: middle; margin: 0 auto; padding: 0; }
@media (min-width: 62em) { .manager-contact-button { display: inline-block; max-width: 574px; } }
.manager-contact-button a { display: block; }
@media (min-width: 62em) { .manager-contact-button a { display: inline-block; } }
.manager-contact-button span { margin: 6px; padding: 12px; }
@media (min-width: 48em) { .manager-contact-button span { padding: 12px 20px; } }
.manager-contact-button span.button { display: none; margin: 0 4px; }
@media (min-width: 48em) { .manager-contact-button span.button { display: inline-block; } }
.manager-contact-button span.text { margin: 4px; padding: 0; }
@media (min-width: 48em) { .manager-contact-button span.text { margin: 6px; padding: 0; } }
.manager-link { padding: 2.0rem 0 1.0rem; }
.manager-link.workman { background-color: #ffa900; }
.manager-link.fc { background-color: #000; }
.manager-link.fc .title { font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .manager-link.fc .title { font-size: 0.77778rem; } }
@media (min-width: 48em) { .manager-link .col-md-2-5 { padding-left: 0.25rem; padding-right: 0.25rem; padding-bottom: 0.50rem; } }
.manager-link a { display: block; background-color: #fff; margin: 0; color: #fff; }
.manager-link .img { position: relative; overflow: hidden; }
.manager-link .img img { min-width: 100%; }
.manager-link .title { margin: 0; padding: 1.5rem; font-size: 1.77778rem; line-height: 1.5; color: #000; }
@media (min-width: 48em) { .manager-link .title { font-size: 0.88889rem; padding: 0.75rem; } }
.manager-link .outline { margin: 0; padding: 0 1.5rem 1.5rem 1.5rem; font-size: 1.55556rem; line-height: 1.625; color: #555; }
@media (min-width: 48em) { .manager-link .outline { font-size: 0.77778rem; padding: 0 0.75rem 0.75rem 0.75rem; } }
.manager-link .i-check { position: absolute; top: -20px; left: -5px; width: 181px; z-index: 100; }
.manager-link-header { position: relative; margin: 0; padding: 0 3.0rem; min-height: 240px; background-image: url(img/common/bg_manager_list.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; text-align: center; }
.manager-link-header:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.75); }
.manager-link-header .title { display: inline-block; position: absolute; top: 50%; right: 0; left: 0; margin: auto; z-index: 5; font-size: 3.11111rem; line-height: 1.35714; letter-spacing: 0.03em; color: #fff; font-weight: bold; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 48em) { .manager-link-header .title { font-size: 1.77778rem; }
  .manager-link-header .title br { display: none; } }
.manager-link-title { margin: 0 0 1.8rem; padding: 0 0.75rem; color: #000; font-weight: bold; font-size: 2.88889rem; line-height: 1.38462; font-feature-settings: "palt"; letter-spacing: 0.03em; text-align: center; }
@media (min-width: 48em) { .manager-link-title { font-size: 1.44444rem; } }
.manager-link-title.white { color: #fff; }
.manager-link-title .h-svgicon { display: block; margin: 0 auto 12px auto; text-align: center; }

.gr-container .manager-newtop-title ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.gr-container .manager-newtop-title li { display: inline-block; vertical-align: top; width: 33.33333333%; margin: 0; padding: 0; }
.gr-container .manager-newtop-title li:before { display: none; }
.gr-container .manager-newtop-title .title { position: relative; z-index: 10; border: none; margin: -5.5% 0 0 0; padding: 0; background: none; }
.gr-container .manager-newtop-sectiontitle { margin: 0 0 1.8rem; padding: 0 20px; font-size: 2.44444rem; line-height: 1.45455; font-feature-settings: "palt"; letter-spacing: 0.03em; color: #000; text-align: center; }
@media (min-width: 48em) { .gr-container .manager-newtop-sectiontitle { font-size: 1.66667rem; line-height: 1.33333; } }
.gr-container .manager-newtop-sectiontitle:before { display: none; }
.gr-container .manager-newtop-news { padding-top: 1.5rem; background-color: #000; }
.gr-container .manager-newtop-news .news-title { margin: 0 2.0rem 12px 2.0rem; color: #fff; }
@media (min-width: 48em) { .gr-container .manager-newtop-news .news-title { margin: 0 2.5rem 12px 2.5rem; } }
.gr-container .manager-newtop-news .news-link { padding: 2.0rem 2.0rem 10.0rem 2.0rem; background-image: url(img/common/bg_store_sp.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: auto 375px; background-color: #224eb6; }
@media (min-width: 48em) { .gr-container .manager-newtop-news .news-link { padding: 2.8rem 1.5rem 8.6rem 1.5rem; background-image: url(img/common/bg_store_pc.jpg); background-position: left bottom; background-size: auto; background-color: #224eb6; } }
.gr-container .manager-newtop-news .news-link p { margin-bottom: 1.6rem; color: #fff; font-weight: bold; font-size: 1.77778rem; line-height: 1.625; text-align: center; }
@media (min-width: 48em) { .gr-container .manager-newtop-news .news-link p { font-size: 1.11111rem; line-height: 1.5; } }
.gr-container .manager-newtop-news .news-link a { position: relative; display: block; margin: 0 auto; padding: 0; max-width: 360px; overflow: hidden; border: none; background-color: #000; color: #fff; text-align: center; font-size: 1.55556rem; line-height: 1.71429; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35); box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.35); }
@media (min-width: 48em) { .gr-container .manager-newtop-news .news-link a { font-size: 0.88889rem; line-height: 1.625; } }
.gr-container .manager-newtop-news .news-link a span { display: block; }
.gr-container .manager-newtop-news .news-link a .button-text { padding: 12px 16px; }
.gr-container .manager-newtop-news .news-link a .button-click { background-color: #ffa900; color: #000; font-size: 14px; line-height: 32px; text-align: center; }
.gr-container .manager-newtop-news ul { margin: 0; padding: 0 2.0rem 2.0rem 2.0rem; }
@media (min-width: 48em) { .gr-container .manager-newtop-news ul { padding: 0 2.5rem 2.0rem 2.5rem; } }
.gr-container .manager-newtop-news li { vertical-align: top; margin: 4px 0 0 0; padding: 0; }
.gr-container .manager-newtop-news li:before { display: none; }
.gr-container .manager-newtop-news li a, .gr-container .manager-newtop-news li span.nolink { display: block; float: none; padding: 12px 16px; background-color: #fff; border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.gr-container .manager-newtop-news li a:before, .gr-container .manager-newtop-news li span.nolink:before { content: '\f105'; font-family: FontAwesome; 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: 62em) { .gr-container .manager-newtop-news li a span, .gr-container .manager-newtop-news li span.nolink span { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.gr-container .manager-newtop-news li a:hover { opacity: 1; }
.gr-container .manager-newtop-news li a:hover .title { opacity: 0.40; }
.gr-container .manager-newtop-news li a span.title { color: #43b3cb; }
.gr-container .manager-newtop-news li span { display: inline-block; vertical-align: top; }
@media (min-width: 48em) { .gr-container .manager-newtop-news li span { float: left; display: block; } }
.gr-container .manager-newtop-news li span.data { width: 150px; margin: 0; font-size: 1.55556rem; line-height: 28px; color: #555; }
@media (min-width: 48em) { .gr-container .manager-newtop-news li span.data { font-size: 0.77778rem; } }
.gr-container .manager-newtop-news li span.title { display: block; position: relative; color: #000; }
@media (min-width: 48em) { .gr-container .manager-newtop-news li span.title { float: none; margin-left: 160px; } }
.gr-container .manager-newtop-type { position: relative; padding: 3.2rem 0; background-image: url("img/manager/manager_new_bg_store.png"); background-repeat: no-repeat; background-position: bottom right; background-color: #ffa900; background-size: 275px auto; }
@media (min-width: 48em) { .gr-container .manager-newtop-type { background-size: 550px auto; } }
.gr-container .manager-newtop-type ul { margin: 0 16px; padding: 0 0 2.0rem; text-align: center; font-size: 0; }
.gr-container .manager-newtop-type li { vertical-align: top; margin: 0; padding: 30px 0 0 0; }
@media (min-width: 48em) { .gr-container .manager-newtop-type li { display: inline-block; width: 50%; } }
@media (min-width: 62em) { .gr-container .manager-newtop-type li { width: 25%; } }
.gr-container .manager-newtop-type li:before { display: none; }
.gr-container .manager-newtop-type .list { position: relative; display: block; margin: 0 8px 16px 8px; padding-bottom: 64px; background-color: #fff; text-align: left; border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); }
@media (min-width: 48em) { .gr-container .manager-newtop-type .list { min-height: 270px; padding-bottom: 0; } }
.gr-container .manager-newtop-type .list:before { content: '\f00c'; font-family: FontAwesome; position: absolute; top: -30px; left: 50%; margin-left: -40px; background-color: #fff; width: 80px; height: 80px; font-size: 30px; line-height: 80px; text-align: center; color: #f2395b; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; }
.gr-container .manager-newtop-type .list-title { margin: 0; padding: 50px 16px 8px 16px; border: none; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .list-title { font-size: 0.88889rem; } }
.gr-container .manager-newtop-type .list-text { margin: 0; padding: 0 16px; border: none; font-size: 1.44444rem; line-height: 1.76923; color: #000; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .list-text { font-size: 0.72222rem; } }
.gr-container .manager-newtop-type .list-link { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 16px; background-color: #eee; border-top: 1px solid #d9d9d9; font-size: 14px; line-height: 1; font-weight: bold; color: #000; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.gr-container .manager-newtop-type .list-link:after { content: '\f105'; font-family: FontAwesome; position: absolute; right: 16px; top: 50%; margin-top: -7px; }
.gr-container .manager-newtop-type .list-link.black { background-color: #000; color: #fff; }
.gr-container .manager-newtop-type .two-type { position: relative; margin: 0 2.4rem; padding: 1.0rem; background-color: #fff; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; font-size: 0; }
.gr-container .manager-newtop-type .two-type-box { position: relative; padding: 30px 20px 20px 20px; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type-box { float: left; width: 50%; min-height: 470px; } }
.gr-container .manager-newtop-type .two-type-box.type-a { background-color: #e5766d; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-left-radius: 8px; -moz-border-top-right-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type-box.type-a { -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-top-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-top-right-radius: 0; -moz-border-bottom-right-radius: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; } }
.gr-container .manager-newtop-type .two-type-box.type-a .icon { color: #e5766d; }
.gr-container .manager-newtop-type .two-type-box.type-a .outline-title { background-color: #d13225; }
.gr-container .manager-newtop-type .two-type-box.type-b { background-color: #68ba8a; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-left-radius: 8px; -moz-border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type-box.type-b { -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-top-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -moz-border-top-left-radius: 0; -moz-border-bottom-left-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; } }
.gr-container .manager-newtop-type .two-type-box.type-b .icon { color: #68ba8a; }
.gr-container .manager-newtop-type .two-type-box.type-b .outline-title { background-color: #3e885d; }
.gr-container .manager-newtop-type .two-type .icon { margin: 0 auto; width: 80px; height: 80px; background-color: #fff; font-size: 14px; line-height: 1; font-weight: bold; text-align: center; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; }
.gr-container .manager-newtop-type .two-type .icon span { display: block; padding: 12px 0 2px; font-size: 36px; }
.gr-container .manager-newtop-type .two-type .title { margin: 0; padding: 10px 0 14px 0; border: none; color: #fff; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .title { font-size: 1.33333rem; } }
.gr-container .manager-newtop-type .two-type .title span { display: block; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .title span { font-size: 0.77778rem; } }
.gr-container .manager-newtop-type .two-type .text { font-size: 1.77778rem; line-height: 1.625; color: #fff; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .text { font-size: 0.88889rem; } }
.gr-container .manager-newtop-type .two-type .outline { padding: 16px; background-color: #fff; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .outline { position: absolute; left: 20px; right: 20px; bottom: 20px; padding: 16px 11px; } }
.gr-container .manager-newtop-type .two-type .outline-list { margin-bottom: 16px; }
.gr-container .manager-newtop-type .two-type .outline-list:nth-last-child(-n + 1) { margin-bottom: 0; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .outline-list { float: left; width: 50%; padding: 0 5px; margin-bottom: 0; } }
.gr-container .manager-newtop-type .two-type .outline-title { margin: 0 0 4px; padding: 2px 4px; background-color: #000; font-size: 1.77778rem; line-height: 1.625; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .outline-title { font-size: 0.88889rem; } }
.gr-container .manager-newtop-type .two-type .outline-title:before { display: none; }
.gr-container .manager-newtop-type .two-type .outline-num { margin: 0 0 4px; text-align: center; font-size: 1.33333rem; line-height: 1.83333; color: #000; font-weight: bold; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .outline-num { font-size: 0.66667rem; } }
.gr-container .manager-newtop-type .two-type .outline-num span { font-size: 4rem; line-height: 1.27778; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .outline-num span { font-size: 2rem; } }
.gr-container .manager-newtop-type .two-type .outline-text { margin: 0; text-align: left; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .outline-text { font-size: 0.77778rem; } }
.gr-container .manager-newtop-type .two-type .point { margin: 20px 0 0 0; padding: 12px 0; text-align: center; background-color: #d63b3f; font-size: 1.44444rem; line-height: 1.76923; color: #fff; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .point { position: absolute; top: 10%; left: 50%; margin-left: -55px; width: 110px; background-color: #fff; color: #d63b3f; font-size: 0.72222rem; } }
.gr-container .manager-newtop-type .two-type .point br { display: none; }
@media (min-width: 48em) { .gr-container .manager-newtop-type .two-type .point br { display: block; } }
.gr-container .manager-newtop-pickup { padding: 3.2rem 2.0rem 100px 2.0rem; background-image: url("img/manager/manager_new_bg_base.png"); background-repeat: no-repeat; background-position: bottom left; background-color: #fff; background-size: 270.33333px auto; }
@media (min-width: 48em) { .gr-container .manager-newtop-pickup { background-size: auto auto; padding-bottom: 340px; } }
.gr-container .manager-newtop-pickup .title { display: block; margin: 0 auto 1.6rem auto; padding: 16px; border-top: 2px solid #ffa900; border-bottom: 2px solid #ffa900; max-width: 500px; text-align: center; color: #ffa900; font-size: 3.11111rem; line-height: 1.35714; }
@media (min-width: 48em) { .gr-container .manager-newtop-pickup .title { font-size: 1.88889rem; } }
.gr-container .manager-newtop-pickup .title:before { display: none; }
.gr-container .manager-newtop-pickup .title span { display: block; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .gr-container .manager-newtop-pickup .title span { font-size: 1.11111rem; } }
.gr-container .manager-newtop-pickup .text { margin-bottom: 2.4rem; text-align: center; font-size: 2rem; line-height: 1.55556; color: #000; }
@media (min-width: 48em) { .gr-container .manager-newtop-pickup .text { font-size: 1rem; } }
.gr-container .manager-newtop-pickup .list { margin: 0; font-size: 0; }
@media (min-width: 48em) { .gr-container .manager-newtop-pickup .list-box { display: inline-block; vertical-align: top; width: 33.3333333%; } }
.gr-container .manager-newtop-pickup .list-detail { margin: 0 10px 20px 10px; background-color: #ffa900; border: 2px solid #ffa900; overflow: hidden; -webkit-box-shadow: 0 4px 0 rgba(255, 169, 0, 0.3); -moz-box-shadow: 0 4px 0 rgba(255, 169, 0, 0.3); box-shadow: 0 4px 0 rgba(255, 169, 0, 0.3); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.gr-container .manager-newtop-pickup .list-title { margin: 0; padding: 14px 8px; border: none; text-align: center; font-size: 2rem; line-height: 1.55556; color: #000; }
@media (min-width: 48em) { .gr-container .manager-newtop-pickup .list-title { font-size: 1rem; } }
.gr-container .manager-newtop-pickup .list-img { position: relative; margin: 0; padding: 0; text-align: center; }
.gr-container .manager-newtop-pickup .list-img img { width: 100%; }
.gr-container .manager-newtop-pickup .list-text { padding: 16px 20px; min-height: 130px; background-color: #fff; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .manager-newtop-pickup .list-text { font-size: 0.88889rem; } }
.gr-container .manager-newtop-pickup .list-text p { margin-bottom: 8px; }
.gr-container .manager-newtop-pickup .list-text p:nth-last-child(-n + 1) { margin-bottom: 0; }
.gr-container .manager-newtop-pickup .list-text strong { color: #f76d02; }
.gr-container .manager-newtop-point { position: relative; padding: 3.2rem 0 0; background-color: #ffa900; }
.gr-container .manager-newtop-point .point-list { margin: 0; padding: 40px 2.0rem 2.0rem 2.0rem; font-size: 0; }
@media (min-width: 48em) { .gr-container .manager-newtop-point .point-list .list-box { display: inline-block; vertical-align: top; width: 33.3333333%; } }
.gr-container .manager-newtop-point .point-list .list-detail { margin: 0 10px 50px 10px; background-color: #1c1c1c; }
.gr-container .manager-newtop-point .point-list .list-title { position: relative; margin: 0; padding: 20px 20px 12px 20px; border: none; text-align: left; font-size: 2rem; line-height: 1.55556; color: #feff00; }
@media (min-width: 48em) { .gr-container .manager-newtop-point .point-list .list-title { font-size: 1rem; } }
.gr-container .manager-newtop-point .point-list .list-title:before { content: ''; position: absolute; top: -36px; left: 20px; width: 56px; height: 56px; background-image: url("img/manager/manager_new_i_point.png"); background-repeat: no-repeat; background-position: center center; background-size: 56px auto; }
.gr-container .manager-newtop-point .point-list .list-img { position: relative; margin: 0; padding: 0; text-align: center; background-color: #fff; }
.gr-container .manager-newtop-point .point-list .list-img img { width: 100%; }
.gr-container .manager-newtop-point .point-list .list-text { padding: 0 20px 20px 20px; min-height: 130px; font-size: 1.55556rem; line-height: 1.71429; color: #fff; text-align: left; }
@media (min-width: 48em) { .gr-container .manager-newtop-point .point-list .list-text { font-size: 0.77778rem; } }
.gr-container .manager-newtop-point .point-list .list-text p { margin-bottom: 8px; }
.gr-container .manager-newtop-point .point-list .list-text p:nth-last-child(-n + 1) { margin-bottom: 0; }
.gr-container .manager-newtop-point .point-list .list-note { margin: -45px 10px 50px 10px; font-size: 1.33333rem; line-height: 1.83333; color: #000; }
@media (min-width: 48em) { .gr-container .manager-newtop-point .point-list .list-note { margin: -45px 10px 30px 10px; font-size: 0.66667rem; } }
.gr-container .manager-newtop-point .point-backup { position: relative; padding: 80px 3.0rem 3.0rem 3.0rem; background-image: url("img/manager/manager_new_bg_black.png"); background-repeat: repeat; background-color: #1c1c1c; }
.gr-container .manager-newtop-point .point-backup:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -60px; width: 0; height: 0; border-style: solid; border-width: 48px 60px 0 60px; border-color: #ffa900 transparent transparent transparent; }
.gr-container .manager-newtop-point .point-backup .title { margin: 0 0 1.6rem; padding: 0; text-align: center; color: #fff; }
.gr-container .manager-newtop-point .point-backup .title:before { display: none; }
.gr-container .manager-newtop-point .point-backup ul { margin: 0; padding: 0; font-size: 0; }
.gr-container .manager-newtop-point .point-backup li { margin: 0; padding: 0; }
@media (min-width: 48em) { .gr-container .manager-newtop-point .point-backup li { display: inline-block; vertical-align: top; width: 33.3333333%; } }
.gr-container .manager-newtop-point .point-backup li:before { display: none; }
.gr-container .manager-newtop-point .point-backup .list-detail { margin: 0 4px 8px 4px; padding: 20px; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.gr-container .manager-newtop-point .point-backup .list-title { position: relative; margin: 0 0 16px; padding: 0 0 16px; border: none; font-size: 1.77778rem; line-height: 1.625; color: #f9644e; text-align: center; }
@media (min-width: 48em) { .gr-container .manager-newtop-point .point-backup .list-title { font-size: 0.88889rem; } }
.gr-container .manager-newtop-point .point-backup .list-title:before { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -15px; width: 30px; height: 4px; background-color: #f9644e; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.gr-container .manager-newtop-point .point-backup .list-text { font-size: 1.55556rem; line-height: 1.71429; text-align: left; }
@media (min-width: 48em) { .gr-container .manager-newtop-point .point-backup .list-text { font-size: 0.77778rem; } }
.gr-container .manager-newtop-point .point-backup .list-text p { margin-bottom: 8px; }
.gr-container .manager-newtop-point .point-backup .list-text p:nth-last-child(-n + 1) { margin-bottom: 0; }

.gr-container .manager-top-title { position: relative; }
@media (min-width: 62em) { .gr-container .manager-top-title { padding-bottom: 154px; } }
.gr-container .manager-top-title .img { text-align: center; }
@media (min-width: 62em) { .gr-container .manager-top-title .img { text-align: right; } }
.gr-container .manager-top-title .title { position: relative; margin: 0 auto; padding: 2.5rem; max-width: 604px; background-color: #ffa900; color: #000; }
@media (min-width: 62em) { .gr-container .manager-top-title .title { position: absolute; bottom: 0; left: 0; max-width: 480px; } }
.gr-container .manager-top-title .title-en { margin: 0 0 10px; max-width: 100%; background-color: #000; color: #ffa900; text-align: center; }
.gr-container .manager-top-title .title-main { margin: 0 0 20px; padding: 0; border: none; background: none; font-size: 3.55556rem; line-height: 1.3125; }
@media (min-width: 48em) { .gr-container .manager-top-title .title-main { font-size: 2.55556rem; line-height: 1.21739; } }
.gr-container .manager-top-title .title-sub { margin: 0; font-weight: bold; }
.gr-container .manager-top-treepoint-title { margin: 0; padding: 0.5em 0.5em 2.0em 0.5em; background-color: #fff; text-align: center; font-size: 2.66667rem; line-height: 1.41667; }
.gr-container .manager-top-treepoint-title:before { display: none; }
@media (min-width: 48em) { .gr-container .manager-top-treepoint-title { font-size: 1.77778rem; line-height: 1.3125; } }
.gr-container .manager-top-treepoint-title span { font-size: 5.33333rem; color: #ffa900; }
@media (min-width: 48em) { .gr-container .manager-top-treepoint-title span { font-size: 3.11111rem; } }
.gr-container .manager-top-treepoint-point { margin-bottom: 64px; padding: 2.0rem; background-image: url(img/recruit/recruit_works_bg.png); background-repeat: repeat-y; background-position: center 0; background-size: 972px; background-color: #ffa900; }
.gr-container .manager-top-treepoint-point:nth-last-child(-n + 1) { margin-bottom: 2.4rem; }
.gr-container .manager-top-treepoint-point .title { position: relative; margin-bottom: 2px; width: 100%; }
.gr-container .manager-top-treepoint-point .title-icon { margin: -72px auto 0 auto; padding: 24px 8px 16px 8px; background-color: #000; width: 100px; height: 100px; text-align: center; color: #fff; font-weight: bold; line-height: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
@media (min-width: 48em) { .gr-container .manager-top-treepoint-point .title-icon { margin-top: -88px; } }
.gr-container .manager-top-treepoint-point .title-icon span { display: block; padding-top: 8px; font-size: 30px; font-family: Roboto; }
.gr-container .manager-top-treepoint-point .title-text { margin: 0; padding: 24px 16px; text-align: center; letter-spacing: 0.10em; }
.gr-container .manager-top-treepoint-point .title-main, .gr-container .manager-top-treepoint-point .title-sub { color: #000; }
.gr-container .manager-top-treepoint-point .title-main { margin: 0 0 8px; padding: 0; border: none; font-size: 36px; }
.gr-container .manager-top-treepoint-point .title-sub { margin: 0; padding: 0; font-weight: bold; }
.gr-container .manager-top-treepoint-point .detail-box { margin-bottom: 2px; padding-top: 1.5rem; padding-left: 0.75rem; padding-right: 0.75rem; background-color: #fff; }
.gr-container .manager-top-treepoint-point .detail-box .title { position: relative; margin: 0 0 0.80rem; padding: 0; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .manager-top-treepoint-point .detail-box .title { font-size: 1.11111rem; } }
.gr-container .manager-top-treepoint-point .detail-box .cm { position: relative; padding-top: 52px; }
@media (min-width: 62em) { .gr-container .manager-top-treepoint-point .detail-box .cm { width: 640px; margin: 0 auto; padding-top: 60px; } }
.gr-container .manager-top-treepoint-point .detail-box .cm-icon { position: absolute; top: 0; left: 50%; margin-left: -29.25px; width: 58.5px; z-index: 400; }
@media (min-width: 62em) { .gr-container .manager-top-treepoint-point .detail-box .cm-icon { left: 16px; margin: 0; width: 78px; } }
.gr-container .manager-top-voice { background-color: #36b1c0; }
.gr-container .manager-top-voice-lifecycle { padding: 1.5rem; background-color: #2b8c98; }
@media (min-width: 48em) { .gr-container .manager-top-voice-lifecycle { margin: 0 30px; } }
.gr-container .manager-top-voice-lifecycle .title { margin: 0 0 0.5rem; border: none; background: none; color: #fff; font-weight: bold; text-align: center; }
.gr-container .manager-top-voice .fivepoint { position: relative; margin: 0 auto; padding: 2.4rem; }
.gr-container .manager-top-voice .button { margin: 0 1.5rem; padding: 2.0rem 0; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .gr-container .manager-top-voice .button { font-size: 1rem; } }
.gr-container .manager-top-voice .button a { display: block; margin: 0 auto; padding: 16px; max-width: 560px; border: 2px solid #fff; color: #fff; text-align: center; font-weight: bold; }
.gr-container .manager-top-voice .button a:hover { opacity: 1; background-color: #ffa900; border: 2px solid #ffa900; color: #000; }
.gr-container .manager-top-voice .button i { display: block; margin: 0 auto 12px auto; width: 60px; height: 60px; overflow: hidden; border: 3px solid #fff; -webkit-border-radius: 180px; -moz-border-radius: 180px; border-radius: 180px; }
@media (min-width: 48em) { .gr-container .manager-top-voice .button i { display: inline-block; vertical-align: middle; margin: 0 16px 0 0; } }

.gr-container .manager-storelist .anchorlink { margin: 0 0 2.0rem 0; background-color: #f5f6f8; }
.gr-container .manager-storelist .anchorlink .title-main { margin: 0; padding: 12px 16px; background-color: #ffa900; color: #000; font-weight: bold; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .manager-storelist .anchorlink .title-main { font-size: 1.11111rem; } }
.gr-container .manager-storelist .anchorlink ul { margin: 0; padding: 12px 8px 4px 8px; list-style: none; font-size: 0; }
.gr-container .manager-storelist .anchorlink li { margin: 0; padding: 0 4px 8px 4px; display: inline-block; vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .manager-storelist .anchorlink li { font-size: 0.77778rem; } }
@media (min-width: 62em) { .gr-container .manager-storelist .anchorlink li { width: 25%; } }
.gr-container .manager-storelist .anchorlink li:before { display: none; }
.gr-container .manager-storelist .anchorlink a, .gr-container .manager-storelist .anchorlink span { display: block; padding: 8px 12px; background-color: #fff; border: none; text-align: center; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gr-container .manager-storelist .anchorlink a { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
@media (min-width: 62em) { .gr-container .manager-storelist .anchorlink a:hover { opacity: 1; background-color: #ffa900; color: #000; }
  .gr-container .manager-storelist .anchorlink a:hover .icon { background-color: #000; } }
.gr-container .manager-storelist .anchorlink a .sub { display: inline-block; margin: 0 0 0 4px; padding: 0; background: none; font-size: 1.33333rem; line-height: 1.83333; color: #000; }
@media (min-width: 48em) { .gr-container .manager-storelist .anchorlink a .sub { font-size: 0.66667rem; } }
.gr-container .manager-storelist .anchorlink span { background-color: #eee; color: #999; }
.gr-container .manager-storelist .anchorlink .icon { display: inline-block; margin: 0 0 4px 6px; padding: 3px 8px; vertical-align: middle; overflow: hidden; background-color: #d70c19; font-style: normal; color: #fff; text-align: center; font-size: 12px; white-space: nowrap; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.gr-container .manager-storelist .anchorlink .icon.new { width: 34px; height: 34px; line-height: 34px; background-color: #d70c19; color: #fff; }
.gr-container .manager-storelist .area { margin-bottom: 2.0rem; padding-bottom: 1.0rem; background-color: #fff; }
.gr-container .manager-storelist .area .title-main { border: none; background-color: #ffa900; color: #000; text-align: center; }
.gr-container .manager-storelist .area .title-sub { margin: 0 1.5rem 1.0rem 1.5rem; }
.gr-container .manager-storelist .store-detail { position: relative; margin: 0 0 1.5rem 0; padding: 1.5rem 0.75rem; background-color: #f5f6f8; }
.gr-container .manager-storelist .store-title { display: block; border: none; margin: 0 0.75rem 15px 0.75rem; min-height: 180px; color: #000; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-title { min-height: auto; } }
@media (min-width: 62em) { .gr-container .manager-storelist .store-title { display: inline-block; padding-right: 184px; } }
.gr-container .manager-storelist .store-title .icon { position: relative; float: right; margin: 0 0 0 10px; padding: 10px 6px; width: 140px; border: 1px solid #000; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-title .icon { width: 205px; } }
.gr-container .manager-storelist .store-title .icon span { display: block; margin: auto; text-align: center; font-size: 1.44444rem; line-height: 1.76923; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-title .icon span { font-size: 0.72222rem; } }
.gr-container .manager-storelist .store-title .icon.new, .gr-container .manager-storelist .store-title .icon.now { display: inline-block; float: none; margin: 0 10px 5px 0; padding: 4px 0; width: 56px; vertical-align: middle; overflow: hidden; background-color: #d70c19; border: none; font-style: normal; color: #fff; text-align: center; font-size: 13px; letter-spacing: 0.08em; white-space: nowrap; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.gr-container .manager-storelist .store-title .icon.now { background-color: #0070c0; }
.gr-container .manager-storelist .store-title .name, .gr-container .manager-storelist .store-title .address { padding: 0 160px 0 0; }
@media (min-width: 62em) { .gr-container .manager-storelist .store-title .name, .gr-container .manager-storelist .store-title .address { padding: 0 215px 0 0; } }
.gr-container .manager-storelist .store-title .name { margin-bottom: 4px; border: none; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-title .name { font-size: 1.11111rem; } }
.gr-container .manager-storelist .store-title .address { margin-bottom: 0; }
.gr-container .manager-storelist .store-title .contract { position: absolute; top: 96px; right: 1.5rem; width: 140px; overflow: hidden; margin: 0; padding: 0; border: 1px solid #e5766d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 1.55556rem; text-align: center; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-title .contract { position: relative; top: auto; right: auto; width: auto; display: inline-block; font-size: 0.77778rem; } }
.gr-container .manager-storelist .store-title .contract-title { display: block; padding: 8px; background-color: #e5766d; color: #fff; line-height: 1; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-title .contract-title { display: inline-block; } }
.gr-container .manager-storelist .store-title .contract-text { display: block; padding: 4px; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-title .contract-text { display: inline-block; padding: 0 8px; } }
.gr-container .manager-storelist .store-title .contract-text br { display: block; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-title .contract-text br { display: none; } }
.gr-container .manager-storelist .store-outline { position: relative; margin: 0 0.75rem !important; padding: 15px 0 0 0 !important; min-height: 1px; border-top: 1px dotted #c6c9d3; }
.gr-container .manager-storelist .store-outline li { margin: 0 !important; padding: 0 0.75rem 1.5rem 0.75rem !important; float: none; width: 100%; font-size: 1.55556rem; line-height: 1.71429; }
.gr-container .manager-storelist .store-outline li:before { display: none; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-outline li { font-size: 0.77778rem; } }
@media (min-width: 62em) { .gr-container .manager-storelist .store-outline li { float: left; width: 33.3333%; padding-bottom: 0 !important; } }
.gr-container .manager-storelist .store-outline li p:nth-last-child(-n + 1) { margin-bottom: 0; }
.gr-container .manager-storelist .store-outline .title { position: relative; margin: 0 0 8px; padding: 6px 12px; font-size: 1.77778rem; line-height: 1.625; color: #000; font-weight: bold; }
.gr-container .manager-storelist .store-outline .title:before { content: ''; font-family: FontAwesome; margin-right: 8px; font-weight: normal; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-outline .title { font-size: 0.88889rem; } }
.gr-container .manager-storelist .store-outline .title.shoken { color: #f36861; }
.gr-container .manager-storelist .store-outline .title.shoken:before { content: '\f0ac'; }
.gr-container .manager-storelist .store-outline .title.ritti { color: #36b1c0; }
.gr-container .manager-storelist .store-outline .title.ritti:before { content: '\f041'; }
.gr-container .manager-storelist .store-outline .title.syorai { color: #1e9e49; }
.gr-container .manager-storelist .store-outline .title.syorai:before { content: '\f201'; }
.gr-container .manager-storelist .store-button { margin: 0; padding: 10px 0; font-size: 1.55556rem; line-height: 1.71429; text-align: center; }
@media (min-width: 48em) { .gr-container .manager-storelist .store-button { font-size: 0.77778rem; } }
@media (min-width: 62em) { .gr-container .manager-storelist .store-button { position: absolute; top: 1.5rem; right: 1.5rem; } }
.gr-container .manager-storelist .store-button a { display: inline-block; padding: 8px 16px; border: 2px solid #ffa900; color: #ffa900; font-weight: bold; }
.gr-container .manager-storelist .other-outline { padding: 0 0.50rem 0.50rem 0.50rem; }
.gr-container .manager-storelist .other-list { margin: 0; padding: 0; list-style: none; }
.gr-container .manager-storelist .other-list li { margin: 0; padding: 0 0.50rem 1.0rem 0.50rem; text-align: center; color: #000; font-weight: bold; line-height: 34px; }
@media (min-width: 48em) { .gr-container .manager-storelist .other-list li { float: left; width: 33.3333333%; } }
.gr-container .manager-storelist .other-list li:before { display: none; }
.gr-container .manager-storelist .other-list li > a, .gr-container .manager-storelist .other-list li > span { position: relative; display: block; padding: 16px 10px; border: 1px solid #c6c9d3; color: #000; }
.gr-container .manager-storelist .other-list li > a:before, .gr-container .manager-storelist .other-list li > span:before { content: ''; position: absolute; top: 2px; left: 2px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #ffa900 transparent transparent transparent; }
.gr-container .manager-storelist .other-list li i { color: #ffa900; }
.gr-container .manager-storelist .other-list li .icon.new { display: inline-block; float: none; margin: 0 0 4px 10px; padding: 6px 0; width: 48px; vertical-align: middle; overflow: hidden; background-color: #d70c19; border: none; font-style: normal; color: #fff; text-align: center; font-size: 14px; white-space: nowrap; line-height: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.gr-container .manager-training-img { background-color: #f5f6f8; margin-bottom: 1.5rem; }
.gr-container .manager-training-img figure { position: relative; margin: 0 0 32px; padding: 0; text-align: center; }
.gr-container .manager-training-img figure figcaption { display: inline-block; position: absolute; bottom: -24px; left: 50%; margin-left: -24px; width: 48px; height: 48px; background-color: #ffa900; color: #000; text-align: center; font-family: Roboto; font-weight: bold; -webkit-border-radius: 48px; -moz-border-radius: 48px; border-radius: 48px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
.gr-container .manager-training-img figure figcaption span { display: inline-block; position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gr-container .manager-training-img p { margin: 0; padding: 0 15px 15px 15px; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .manager-training-img p { font-size: 0.77778rem; } }
.gr-container .manager-step { padding-top: 40px; }
.gr-container .manager-step .manager-step-list:nth-last-child(-n + 1) { margin-bottom: 2.4rem; }
.gr-container .manager-step .manager-step-list:nth-last-child(-n + 1):after { display: none; }
.gr-container .manager-step-list { position: relative; margin-bottom: 100px; background-color: #f5f6f8; }
.gr-container .manager-step-list:after { content: ''; position: absolute; bottom: -40px; left: 50%; margin: 0 0 0 -24px; width: 0; height: 0; border-style: solid; border-width: 24px 24px 0 24px; border-color: #ffa900 transparent transparent transparent; }
.gr-container .manager-step-list.open { background-color: #ffa900; color: #000; }
.gr-container .manager-step-list.open .title { padding: 24px 15px; background-color: #000; color: #fff; }
.gr-container .manager-step-list.open .title .h-svgicon { display: block; margin: 0 auto 12px auto; text-align: center; }
.gr-container .manager-step-list.open .detail p { color: #000; font-weight: bold; }
.gr-container .manager-step-list .title { position: relative; margin: 0; padding: 52px 15px 24px 15px; background-color: #ffa900; border: none; color: #000; text-align: center; }
.gr-container .manager-step-list .title .icon { display: block; position: absolute; top: -40px; left: 50%; margin: 0 0 0 -40px; padding: 16px 8px 0 8px; background-color: #000; width: 80px; height: 80px; text-align: center; color: #fff; font-size: 18px; font-style: normal; font-weight: bold; line-height: 1; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
.gr-container .manager-step-list .title .icon span { display: block; padding-top: 4px; font-size: 30px; font-family: Roboto; }
.gr-container .manager-step-list .detail { padding: 1.5rem 0.75rem 0.75rem 0.75rem; }
.gr-container .manager-contract-button { text-align: center; }
.gr-container .manager-contract-button a { display: block; padding: 0; overflow: hidden; border: 2px solid #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.gr-container .manager-contract-button span { display: block; }
.gr-container .manager-contract-button span.title { padding: 12px; font-size: 2.66667rem; line-height: 1.41667; font-weight: bold; color: #fff; }
@media (min-width: 48em) { .gr-container .manager-contract-button span.title { font-size: 1.33333rem; } }
.gr-container .manager-contract-button span.icon { font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .manager-contract-button span.icon { font-size: 0.88889rem; } }
.gr-container .manager-contract-button span.text { padding: 12px; background-color: #fff; color: #555; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .manager-contract-button span.text { font-size: 0.77778rem; } }
.gr-container .manager-contract-button i { font-size: 20px; }
.gr-container .manager-contract-button.A-type a { border-color: #e5766d; }
.gr-container .manager-contract-button.A-type span.title { background-color: #e5766d; }
.gr-container .manager-contract-button.A-type i { color: #e5766d; }
.gr-container .manager-contract-button.B-type a { border-color: #68ba8a; }
.gr-container .manager-contract-button.B-type span.title { background-color: #68ba8a; }
.gr-container .manager-contract-button.B-type i { color: #68ba8a; }
.gr-container .manager-contract-button.white { margin: 0 0.75rem 1.2rem 0.75rem; }
.gr-container .manager-contract-button.white a { margin: 0 auto; max-width: 480px; border-color: #fff; }
.gr-container .manager-contract-button.white a:hover { opacity: 1; }
.gr-container .manager-contract-button.white a:hover span.title { background: #fff; }
.gr-container .manager-contract-button.white span.title { padding: 8px; background: none; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .manager-contract-button.white span.title { font-size: 1.11111rem; } }
@media (min-width: 62em) { .gr-container .manager-contract-button.white span.title { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.gr-container .manager-contract-button.white i { color: #fff; }
.gr-container .manager-contract-button.white.A-type a:hover span.title { color: #e5766d; }
.gr-container .manager-contract-button.white.A-type a:hover i { color: #e5766d; }
.gr-container .manager-contract-button.white.B-type a:hover span.title { color: #68ba8a; }
.gr-container .manager-contract-button.white.B-type a:hover i { color: #68ba8a; }
.gr-container .manager-contract-type { margin: 0; color: #fff; }
.gr-container .manager-contract-type-pickup { margin: 0 auto !important; padding: 16px !important; border: 2px solid #fff; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
@media (min-width: 48em) { .gr-container .manager-contract-type-pickup { display: inline-block; } }
.gr-container .manager-contract-type-pickup strong { display: block; margin: 0 4px; padding: 8px 16px; background-color: #fff; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .manager-contract-type-pickup strong { display: inline-block; } }
.gr-container .manager-contract-type .type-title { margin: 0; padding: 16px; color: #fff; text-align: center; font-size: 2.66667rem; line-height: 1.41667; }
@media (min-width: 48em) { .gr-container .manager-contract-type .type-title { font-size: 1.33333rem; } }
.gr-container .manager-contract-type .type-title:before { display: none; }
.gr-container .manager-contract-type .type-title span { display: block; margin: 0 auto 8px auto; padding: 4px 8px; max-width: 120px; border: 1px solid #fff; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .manager-contract-type .type-title span { font-size: 0.88889rem; } }
.gr-container .manager-contract-type .type-data { padding-bottom: 1.5rem; }
.gr-container .manager-contract-type .type-data-title { margin: 0 1px; padding: 8px 16px; border: none; color: #fff; }
.gr-container .manager-contract-type .type-data table { width: 100%; }
.gr-container .manager-contract-type .type-data th, .gr-container .manager-contract-type .type-data td { padding: 12px 16px; }
.gr-container .manager-contract-type .type-data th span, .gr-container .manager-contract-type .type-data td span { font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .manager-contract-type .type-data th span, .gr-container .manager-contract-type .type-data td span { font-size: 0.77778rem; } }
.gr-container .manager-contract-type .type-data th { width: 35%; color: #000; }
.gr-container .manager-contract-type .type-data td { color: #555; }
.gr-container .manager-contract-type.B-type { background-color: #68ba8a; }
.gr-container .manager-contract-type.B-type .manager-contract-type-pickup strong { color: #4ba470; }
.gr-container .manager-contract-type.B-type .type-title { background-color: #3e885d; }
.gr-container .manager-contract-type.B-type .type-data-title { background-color: #3e885d; }
.gr-container .manager-contract-type.B-type .type-data th, .gr-container .manager-contract-type.B-type .type-data td { border: 1px solid #68ba8a; }
.gr-container .manager-contract-type.A-type { background-color: #e5766d; }
.gr-container .manager-contract-type.A-type .manager-contract-type-pickup strong { color: #dd4d42; }
.gr-container .manager-contract-type.A-type .type-title { background-color: #d13225; }
.gr-container .manager-contract-type.A-type .type-data-title { background-color: #d13225; }
.gr-container .manager-contract-type.A-type .type-data th, .gr-container .manager-contract-type.A-type .type-data td { border: 1px solid #e5766d; }
.gr-container .manager-contract-sample { margin: 0 0 2.4rem; color: #fff; }
.gr-container .manager-contract-sample .type-title { margin: 0; padding: 16px; color: #fff; text-align: center; font-size: 2.66667rem; line-height: 1.41667; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .type-title { font-size: 1.33333rem; } }
.gr-container .manager-contract-sample .type-title:before { display: none; }
.gr-container .manager-contract-sample .type-title span { display: block; margin: 0 auto 8px auto; padding: 4px 8px; max-width: 120px; border: 1px solid #fff; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .type-title span { font-size: 0.88889rem; } }
.gr-container .manager-contract-sample .sample-base-list { margin-bottom: 1.5rem; color: #fff; }
.gr-container .manager-contract-sample .sample-base-list .title { margin: 0 0 1px 0; padding: 10px; border: none; text-align: center; color: #fff; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-base-list .title { font-size: 1rem; } }
.gr-container .manager-contract-sample .sample-base-list .text { padding: 0.75rem 1.0rem; }
.gr-container .manager-contract-sample .sample-ex { margin-bottom: 1.0rem; }
.gr-container .manager-contract-sample .sample-ex .title { margin-bottom: 1.2rem; padding: 0; border: none; color: #fff; text-align: center; font-size: 2.44444rem; line-height: 1.45455; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .title { font-size: 1.22222rem; } }
.gr-container .manager-contract-sample .sample-ex .title svg { display: block; margin: 0 auto 8px auto; }
.gr-container .manager-contract-sample .sample-ex .title span { display: block; font-size: 2rem; line-height: 1.55556; font-weight: normal; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .title span { display: inline-block; font-size: 1rem; } }
.gr-container .manager-contract-sample .sample-ex .table { margin-bottom: 1.0rem; white-space: nowrap; overflow: auto; }
.gr-container .manager-contract-sample .sample-ex table { width: 840px; white-space: normal; }
@media (min-width: 62em) { .gr-container .manager-contract-sample .sample-ex table { width: 100%; } }
.gr-container .manager-contract-sample .sample-ex th, .gr-container .manager-contract-sample .sample-ex td { background: none; border: none; }
.gr-container .manager-contract-sample .sample-ex th.detail, .gr-container .manager-contract-sample .sample-ex td.detail { width: 30%; background-color: #fff; vertical-align: middle; text-align: center; color: #fff; }
.gr-container .manager-contract-sample .sample-ex th.detail.plus, .gr-container .manager-contract-sample .sample-ex td.detail.plus { background-color: #f98700; }
.gr-container .manager-contract-sample .sample-ex th.detail.minus, .gr-container .manager-contract-sample .sample-ex td.detail.minus { background-color: #053f64; }
.gr-container .manager-contract-sample .sample-ex th.detail.total, .gr-container .manager-contract-sample .sample-ex td.detail.total { background-color: #bf3648; }
.gr-container .manager-contract-sample .sample-ex th.detail a, .gr-container .manager-contract-sample .sample-ex td.detail a { border-bottom: 1px dotted #fff; color: #fff; }
.gr-container .manager-contract-sample .sample-ex th.num, .gr-container .manager-contract-sample .sample-ex td.num { width: 5%; vertical-align: middle; }
.gr-container .manager-contract-sample .sample-ex th.price, .gr-container .manager-contract-sample .sample-ex td.price { padding: 20px 10px; background-color: #fff; vertical-align: middle; text-align: center; color: #000; }
.gr-container .manager-contract-sample .sample-ex .add { margin-bottom: 1.0rem; background-color: #fff; }
.gr-container .manager-contract-sample .sample-ex .add-title { margin: 0; padding: 12px 16px; background-color: #053f64; color: #fff; text-align: center; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .add-title { font-size: 0.88889rem; } }
.gr-container .manager-contract-sample .sample-ex .add-text { padding: 20px; color: #000; }
.gr-container .manager-contract-sample .sample-ex .expense { padding: 1.5rem; background-color: #fff; color: #555; }
.gr-container .manager-contract-sample .sample-ex .expense-title { position: relative; margin-bottom: 40px; padding: 16px; border: none; background-color: #053f64; color: #fff; text-align: center; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .expense-title { font-size: 1.11111rem; } }
.gr-container .manager-contract-sample .sample-ex .expense-title:after { content: ''; position: absolute; bottom: -24px; left: 50%; margin-left: -24px; width: 0; height: 0; border-style: solid; border-width: 24px 24px 0 24px; border-color: #053f64 transparent transparent transparent; }
.gr-container .manager-contract-sample .sample-ex .expense-title span { display: block; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .expense-title span { font-size: 0.88889rem; } }
.gr-container .manager-contract-sample .sample-ex .expense-table-ratio { margin: 0 auto 1.5rem auto; width: 100%; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .expense-table-ratio { width: 480px; } }
.gr-container .manager-contract-sample .sample-ex .expense-table-ratio th, .gr-container .manager-contract-sample .sample-ex .expense-table-ratio td { padding: 12px; border: 1px solid #fff; background-color: #f5f6f8; text-align: center; vertical-align: middle; font-weight: bold; }
.gr-container .manager-contract-sample .sample-ex .expense-table-ratio th p, .gr-container .manager-contract-sample .sample-ex .expense-table-ratio td p { margin-bottom: 4px; color: #000; }
.gr-container .manager-contract-sample .sample-ex .expense-table-ratio th span, .gr-container .manager-contract-sample .sample-ex .expense-table-ratio td span { font-size: 4rem; line-height: 1.27778; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .expense-table-ratio th span, .gr-container .manager-contract-sample .sample-ex .expense-table-ratio td span { font-size: 2rem; } }
.gr-container .manager-contract-sample .sample-ex .expense-table-ratio th.tenpo p, .gr-container .manager-contract-sample .sample-ex .expense-table-ratio td.tenpo p { color: #053f64; }
.gr-container .manager-contract-sample .sample-ex .expense-table-ratio th { background-color: #222; color: #fff; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail { margin-bottom: 4px; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th, .gr-container .manager-contract-sample .sample-ex .expense-table-detail td { padding: 12px; border: 1px solid #fff; background-color: #f5f6f8; vertical-align: middle; font-size: 1.77778rem; line-height: 1.625; text-align: center; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .expense-table-detail th, .gr-container .manager-contract-sample .sample-ex .expense-table-detail td { font-size: 0.88889rem; } }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th.komoku, .gr-container .manager-contract-sample .sample-ex .expense-table-detail td.komoku { width: 34%; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th.keihi, .gr-container .manager-contract-sample .sample-ex .expense-table-detail td.keihi { width: 22%; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th.tenpo, .gr-container .manager-contract-sample .sample-ex .expense-table-detail td.tenpo { width: 22%; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th.honbu, .gr-container .manager-contract-sample .sample-ex .expense-table-detail td.honbu { width: 22%; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th { background-color: #888; color: #fff; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th span { font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .manager-contract-sample .sample-ex .expense-table-detail th span { font-size: 0.77778rem; } }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th.komoku { background-color: #fff; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th.komoku.total { background-color: #222; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail th.tenpo { background-color: #053f64; color: #fff; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail td.tenpo { background-color: #0a7cc5; color: #fff; }
.gr-container .manager-contract-sample .sample-ex .expense-table-detail td.tenpo.total { background-color: #075e95; font-weight: bold; }
.gr-container .manager-contract-sample .sample-ex .expense-stock-title { display: inline-block; padding: 4px 16px; background-color: #053f64; color: #fff; }
.gr-container .manager-contract-sample.B-type { background-color: #68ba8a; }
.gr-container .manager-contract-sample.B-type .manager-contract-type-pickup strong { color: #4ba470; }
.gr-container .manager-contract-sample.B-type .type-title { background-color: #3e885d; }
.gr-container .manager-contract-sample.B-type .sample-base-list .title { background-color: #3e885d; }
.gr-container .manager-contract-sample.B-type .sample-base-list .text { background-color: #4ba470; }
.gr-container .manager-contract-sample.B-type .sample-ex th.detail, .gr-container .manager-contract-sample.B-type .sample-ex td.detail { border-bottom: 1px solid #68ba8a; }
.gr-container .manager-contract-sample.A-type { background-color: #e5766d; }
.gr-container .manager-contract-sample.A-type .manager-contract-type-pickup strong { color: #dd4d42; }
.gr-container .manager-contract-sample.A-type .type-title { background-color: #d13225; }
.gr-container .manager-contract-sample.A-type .sample-base-list .title { background-color: #d13225; }
.gr-container .manager-contract-sample.A-type .sample-base-list .text { background-color: #dd4d42; }
.gr-container .manager-contract-sample.A-type .sample-ex th.detail, .gr-container .manager-contract-sample.A-type .sample-ex td.detail { border-bottom: 1px solid #e5766d; }
.gr-container .manager-faq { margin: 0; padding: 1.2rem 0 0 0; border-top: 4px solid #ffa900; }
.gr-container .manager-faq dt, .gr-container .manager-faq dd { position: relative; padding: 0 0 0 24px; }
.gr-container .manager-faq dt:before, .gr-container .manager-faq dd:before { position: absolute; top: -2px; left: 0.75rem; width: 32px; height: 32px; border: 2px solid #ffa900; background-color: #ffa900; text-align: center; font-weight: bold; line-height: 28px; color: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.gr-container .manager-faq dt { padding: 0 0.75rem 0.75rem 56px; font-weight: bold; color: #000; }
.gr-container .manager-faq dt:before { content: 'Q'; }
.gr-container .manager-faq dd { margin-bottom: 1rem !important; padding: 0 0.75rem 1.0rem 56px; border-bottom: 1px dotted #c6c9d3; }
.gr-container .manager-faq dd:before { content: 'A'; border: 2px solid #c8ced9; background-color: #c8ced9; }
.gr-container .manager-faq dd p:nth-last-child(-n + 1) { margin-bottom: 0; }

.gr-container .manager-contact { padding: 2.4rem 0 1.5rem 0; }
@media (min-width: 48em) { .gr-container .manager-contact { padding: 1.0rem 0; } }
.gr-container .manager-contact-title { border: none; background: none; }
.gr-container .manager-contact h3 { padding: 0; }
.gr-container .manager-contact h3:before { display: none; }
.gr-container .manager-contact .tel-link a { padding: 0; border: none; color: currentColor; }
.gr-container .manager-contact .manager-contact-outline a { border: none; padding: 6px 4px; color: #fff; }
@media (min-width: 30em) { .gr-container .manager-contact .manager-contact-outline a { padding: 6px 10px; } }
.gr-container .manager-contact .manager-contact-link { margin-bottom: 0; }
.gr-container .manager-contact .manager-contact-link a { border: none; padding: 8px 0; color: #000; }
@media (min-width: 48em) { .gr-container .manager-contact .manager-contact-link a { padding: 8px 0 0; } }
.gr-container .manager-contact .manager-contact-link .pdf i { color: #d70c19; }
@media (min-width: 62em) { .gr-container .manager-contact .manager-contact-link .pdf:hover { background-color: #d70c19; color: #fff; }
  .gr-container .manager-contact .manager-contact-link .pdf:hover i { color: #fff; } }
.gr-container .manager-contact .manager-contact-link .description i { color: #ffa900; }
@media (min-width: 62em) { .gr-container .manager-contact .manager-contact-link .description:hover { background-color: #000; color: #fff; } }
.gr-container .menu-big-container.merchant { position: relative; margin-bottom: 3.2rem; padding: 3.0rem 1.5rem 14.0rem 1.5rem; }
@media (min-width: 48em) { .gr-container .menu-big-container.merchant { padding: 1.5rem 1.5rem 12.0rem 1.5rem; } }
@media (min-width: 62em) { .gr-container .menu-big-container.merchant { padding: 1.5rem 1.0rem; min-height: 330px; } }
@media (min-width: 48em) { .gr-container .menu-big-container.merchant .col-md-4 { float: left; width: 50%; } }
@media (min-width: 62em) { .gr-container .menu-big-container.merchant .col-md-4 { float: left; width: 32.5%; } }
.gr-container .menu-big-container.merchant .title-main { color: #000; border: none; padding: 0; background: none; font-size: 18px !important; line-height: 28px !important; }
.gr-container .menu-big-container.merchant .list-link { margin: 0 0 1.8rem; padding: 0; list-style: none; }
@media (min-width: 48em) { .gr-container .menu-big-container.merchant .list-link { margin: 0; } }
.gr-container .menu-big-container.merchant .list-link li { margin: 0; padding: 0; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .menu-big-container.merchant .list-link li { font-size: 0.77778rem; } }
.gr-container .menu-big-container.merchant .list-link a { position: relative; display: block; border: none; color: #000; padding: 0.6rem 16px 0.6rem 12px; }
.gr-container .menu-big-container.merchant .list-link a:before { color: #000; }
@media (min-width: 48em) { .gr-container .menu-big-container.merchant .list-link a { padding: 0.2rem 16px 0.2rem 12px; } }

.owner-system-point { background-color: #000; }
.owner-system-point .title { position: relative; margin: 0 0 16px; padding: 14px 8px; background-color: #ffa900; border: none; color: #000; text-align: center; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .owner-system-point .title { font-size: 1.11111rem; } }
.owner-system-point .title:after { content: ''; position: absolute; left: 50%; bottom: -15px; margin-left: -16px; width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 16px; border-color: #ffa900 transparent transparent transparent; }
.owner-system-point .text { padding: 15px 20px 20px 20px; color: #fff; }
.owner-system-point .text dt { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ffa900; font-weight: bold; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .owner-system-point .text dt { font-size: 1rem; } }
.owner-system-outline { background-color: #e6e9ee; }
.owner-system-outline th, .owner-system-outline td { display: block; border: none !important; }
@media (min-width: 48em) { .owner-system-outline th, .owner-system-outline td { display: table-cell; } }
.owner-system-outline th { border-bottom: 1px solid #e6e9ee !important; width: 100% !important; color: #000; }
@media (min-width: 48em) { .owner-system-outline th { width: 20% !important; border: 1px solid #e6e9ee !important; } }
.owner-system-outline td { border-bottom: 4px solid #e6e9ee !important; }
@media (min-width: 48em) { .owner-system-outline td { border: 1px solid #e6e9ee !important; } }
.owner-system-outline .point { margin-bottom: 12px !important; }
.owner-system-outline .point i { float: left; margin-top: 6px; }
.owner-system-outline .point span { margin-left: 24px !important; display: block; }
.owner-system-flow { padding: 5px 0 0; }
.owner-system-flow dl { position: relative; display: block; margin: 30px 20px 20px 20px; background-color: #ffa900; font-size: 0; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .owner-system-flow dl:before { content: ''; position: absolute; top: 15%; bottom: 15%; left: 35%; margin: auto; width: 1px; height: 70%; background-color: #b37600; } }
.owner-system-flow dt, .owner-system-flow dd { position: relative; display: inline-block; vertical-align: middle; width: 100%; font-weight: bold; }
.owner-system-flow dt { padding: 30px 16px 8px 16px; text-align: center; font-size: 2rem; line-height: 1.55556; }
.owner-system-flow dt:after { content: ''; position: absolute; bottom: 0; left: 50%; right: 0; margin-left: -10px; width: 20px; height: 2px; background-color: #000; }
@media (min-width: 48em) { .owner-system-flow dt { padding: 24px; width: 35%; font-size: 1rem; }
  .owner-system-flow dt:after { display: none; } }
.owner-system-flow dt.icon { position: absolute; top: -20px; left: -10px; padding: 8px 16px; width: auto; background-color: #000; color: #fff; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); transform: skewX(-15deg); }
@media (min-width: 48em) { .owner-system-flow dt.icon { top: -30px; } }
.owner-system-flow dt.icon:after { display: none; }
.owner-system-flow dd { padding: 16px; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .owner-system-flow dd { padding: 24px; width: 65%; font-size: 0.88889rem; } }
.owner-system-flow .arrow { margin: -8px 0 0 0; text-align: center; color: #ffa900; }
.owner-system-flow .arrow i.fa { margin: 0; font-size: 24px; line-height: 1; }
.owner-system-sample { text-align: center; }
.owner-system-sample ul { position: relative; display: block; margin: 0 0 24px !important; padding: 40px 24px 24px 24px !important; text-align: center; font-size: 0; background-color: #e6e9ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .owner-system-sample ul { padding: 24px !important; } }
.owner-system-sample ul:after { content: ''; position: absolute; left: 50%; bottom: -15px; margin-left: -16px; width: 0; height: 0; border-style: solid; border-width: 16px 16px 0 16px; border-color: #e6e9ee transparent transparent transparent; }
.owner-system-sample li { display: block; margin: 0 4px 16px 4px !important; padding: 16px !important; background-color: #ffa900; color: #000; font-weight: bold; font-size: 2.22222rem; line-height: 1.5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .owner-system-sample li { display: inline-block; vertical-align: middle; margin: 0 1% !important; width: 23%; font-size: 1.11111rem; } }
.owner-system-sample li:before { display: none; }
.owner-system-sample-ph { padding: 0.75rem; border: 2px solid #e6e9ee; text-align: center; font-size: 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.owner-system-sample-ph figure { margin: 8px !important; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .owner-system-sample-ph figure { display: inline-block; width: 32.3333333333%; margin: 0.5% !important; } }
.owner-system-sample-ph img { width: 100%; }

.news-archive { padding: 1.5rem 0 2.0rem; }
.news-archive .news-attention { background-color: #f5f6f8; }

.news-body-container { margin: 0 auto; padding: 1.5rem; }
@media (min-width: 48em) { .news-body-container { max-width: 1032px; } }
.news-body-header { position: relative; margin-bottom: 1.2rem; }
.news-body-header .title-main { clear: both; margin: 0 0 3.0rem; padding-bottom: 2.0rem; border-bottom: 1px solid #c6c9d3; font-size: 3.11111rem; line-height: 1.35714; font-weight: 400; color: #333; }
@media (min-width: 48em) { .news-body-header .title-main { margin: 0 0 1.5rem; padding-bottom: 1.0rem; font-size: 1.77778rem; 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 { width: 110px; 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; color: #fff; font-size: 1.33333rem; line-height: 1.83333; background-color: #117ab3; border: 1px solid #117ab3; -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.66667rem; } }
.news-body-header .title-data span.category.store, .news-body-header .title-data span.category.open { background-color: #e4697d; border: 1px solid #e4697d; }
.news-body-header .title-data span.category.renewal { background-color: #3cad6c; border: 1px solid #3cad6c; }
.news-body-header .title-data span.category.campaign { background-color: #e4697d; border: 1px solid #e4697d; }
.news-body-header .title-data span.category.notice { background-color: #999; border: 1px solid #999; }
.news-body-sns-list { margin: 0; padding: 0; list-style: none; text-align: right; }
.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; }
.news-body-sns-list .sns-icon.facebook { width: 32px; height: 32px; fill: #3b5998; }
.news-body-sns-list .sns-icon.line { display: block; margin: -3px -3px 0 0; width: 38.4px; height: 38.4px; fill: #00c300; }
@media (min-width: 62em) { .news-body-sns-list .sns-icon.line { display: none; } }
.news-body-sns-list .sns-icon.twitter { width: 32px; height: 32px; fill: #55acee; }
.news-body-button { padding: 1.6rem 0; text-align: center; }
.news-body-button p { margin: 0 0.8rem; display: inline-block; vertical-align: top; font-size: 1.55556rem; line-height: 1; }
@media (min-width: 48em) { .news-body-button p { font-size: 0.77778rem; } }
.news-body-button .prev, .news-body-button .next { font-size: 2rem; }
@media (min-width: 48em) { .news-body-button .prev, .news-body-button .next { font-size: 1rem; } }
.news-body-button .prev a, .news-body-button .next a { display: block; padding: 0 0.4rem; color: #ffa900; }
.news-body-button .prev a:hover, .news-body-button .next a:hover { color: rgba(0, 0, 0, 0.4); }
.news-body-button .back { margin: 0 auto; width: 80%; text-align: center; }
@media (min-width: 48em) { .news-body-button .back { margin: 0; width: 230px; } }
.news-body-button .back a { position: relative; display: block; padding: 12px 20px; color: #fff; background-color: #000; border: 1px solid #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.news-body-button .back a:before { content: '\f105'; font-family: FontAwesome; color: #fff; position: absolute; top: 50%; right: 10px; font-size: 14px; line-height: 1; margin-top: -7px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 62em) { .news-body-button .back a:hover { opacity: 1; background-color: #ffa900; border-color: #ffa900; color: #000; }
  .news-body-button .back a:hover:before { color: #000; } }

.gr-container { margin: 0 auto; padding: 1.5rem 1.5rem 2.4rem 1.5rem; }
@media (min-width: 48em) { .gr-container { max-width: 1032px; } }
.gr-container .gr-anchorlink { position: relative; background-color: #f5f6f8; margin-bottom: 1.5rem; }
.gr-container .gr-anchorlink:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #f5f6f8; }
.gr-container .gr-anchorlink:after { content: ''; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background-color: #f5f6f8; }
.gr-container .gr-anchorlink ul { margin: 0 auto; padding: 0.75rem 1.5rem; list-style: none; font-size: 0; }
.gr-container .gr-anchorlink li { display: inline-block; vertical-align: top; width: auto; margin: 0; padding: 0; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .gr-anchorlink li { font-size: 0.88889rem; line-height: 1.625; } }
.gr-container .gr-anchorlink li:before { display: none; }
.gr-container .gr-anchorlink a { position: relative; display: block; padding: 12px 16px; font-weight: bold; border: none; }
.gr-container .gr-anchorlink a:before { content: '\f107'; font-family: FontAwesome; margin-right: 6px; }

.gr-container { /* table */ /* list */ }
.gr-container .col-md-1, .gr-container .col-md-2, .gr-container .col-md-3, .gr-container .col-md-4, .gr-container .col-md-5, .gr-container .col-md-6, .gr-container .col-md-7, .gr-container .col-md-8, .gr-container .col-md-9, .gr-container .col-md-10, .gr-container .col-md-11, .gr-container .col-md-12 { float: left; position: relative; min-height: 1px; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 0; }
@media (min-width: 62em) { .gr-container .col-md-12 { float: none; width: 100%; } }
.gr-container h2, .gr-container .t-h2 { clear: both; margin-bottom: 1.0rem; padding: 14px 20px; background-color: #fff; border-top: 4px solid #ffa900; border-bottom: 2px solid #d7dbe3; }
.gr-container h3, .gr-container .t-h3 { position: relative; margin-bottom: 0.70rem; padding: 0 0 0 24px; }
.gr-container h3:before, .gr-container .t-h3:before { content: ''; position: absolute; left: 0; top: 9px; width: 16px; height: 16px; border: 4px solid #ffa900; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.gr-container h4, .gr-container .t-h4 { margin-bottom: 0.70rem; padding: 0 0 0 16px; border-left: 4px solid #ffa900; }
.gr-container h5, .gr-container .t-h5 { margin-bottom: 0.70rem; }
.gr-container h2, .gr-container .t-h2 { font-size: 2.44444rem; line-height: 1.45455; color: #000; font-weight: bold; }
.gr-container h3, .gr-container .t-h3 { font-size: 2.22222rem; line-height: 1.5; color: #000; font-weight: bold; }
.gr-container h4, .gr-container .t-h4 { font-size: 2rem; line-height: 1.55556; color: #000; font-weight: bold; }
.gr-container h5, .gr-container .t-h5 { font-size: 1.77778rem; line-height: 1.625; color: #000; font-weight: bold; }
@media (min-width: 48em) { .gr-container h2, .gr-container .t-h2 { font-size: 1.44444rem; line-height: 1.38462; }
  .gr-container h3, .gr-container .t-h3 { font-size: 1.11111rem; }
  .gr-container h4, .gr-container .t-h4 { font-size: 1rem; }
  .gr-container h5, .gr-container .t-h5 { font-size: 0.88889rem; } }
.gr-container .float-box { margin: 0 -0.75rem; }
.gr-container p, .gr-container figure { margin-bottom: 1.2rem; }
.gr-container a { color: #36b1c0; padding-bottom: 2px; border-bottom: 1px dotted #36b1c0; }
.gr-container a.img { border: none; display: inline-block; }
.gr-container .m-sub { display: inline-block; padding: 2px 16px; margin: 0; color: #fff; background-color: #999999; border: 1px solid #999999; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.gr-container img { height: auto; max-width: 100%; }
.gr-container img.centered { display: block; margin: 1.2rem auto; }
.gr-container img.aligncenter { display: block; margin: 1.2rem auto; }
.gr-container img.alignright { float: none; margin: 4px auto 0.8rem auto; display: block; }
.gr-container img.alignleft { float: none; margin: 4px auto 0.8rem auto; display: block; }
.gr-container .wp-caption { max-width: 100%; padding: 0; margin: 24px auto; }
.gr-container .wp-caption.alignright { float: none; margin: 4px auto 16px auto; }
.gr-container .wp-caption.alignleft { float: none; margin: 4px auto 16px auto; }
.gr-container .wp-caption.aligncenter { margin: 24px auto; }
.gr-container .wp-caption img { display: block; margin: 0 auto; max-width: 100%; }
.gr-container .wp-caption .wp-caption-text { padding: 8px 0 0; font-size: 14px; }
@media (min-width: 30em) { .gr-container img.alignright { float: right; margin: 4px 0 30px 30px; display: inline; }
  .gr-container img.alignleft { float: left; margin: 4px 30px 30px 0; display: inline; }
  .gr-container .wp-caption.alignright { float: right; margin: 4px 0 30px 30px; }
  .gr-container .wp-caption.alignleft { float: left; margin: 4px 30px 30px 0; } }
.gr-container i.fa { margin-right: 6px; }
.gr-container table { margin: 0 0 0.75rem 0; width: 100%; }
.gr-container table td, .gr-container table th { border: 1px solid #e6e9ee; background-color: #fff; padding: 8px 15px; vertical-align: top; text-align: left; }
.gr-container table th { background-color: #f5f6f8; font-weight: bold; width: 25%; }
.gr-container table.block th, .gr-container table.block td { display: block; width: 100%; }
.gr-container table.block td { margin: -1px 0; }
@media (min-width: 48em) { .gr-container table.block th, .gr-container table.block td { display: table-cell; }
  .gr-container table.block th { width: 25%; } }
.gr-container dt, .gr-container dd { margin: 0; }
.gr-container ul { margin: 0 0 24px; padding: 0; list-style: none; }
.gr-container ul li { position: relative; margin: 0 0 8px; padding: 0 0 0 28px; }
.gr-container ul li:before { content: '\f111'; font-family: FontAwesome; position: absolute; left: 8px; top: 9px; font-size: 10px; line-height: 1; color: #ffa900; }
.gr-container ol { margin: 0 0 24px; padding: 0; list-style: none; counter-reset: num; }
.gr-container ol li { position: relative; margin: 0 0 8px; padding: 0 0 0 28px; }
.gr-container ol li:before { counter-increment: num; content: counter(num); position: absolute; left: 2px; top: 4px; width: 21px; height: 21px; border: 1px solid #ffa900; font-weight: bold; font-family: Roboto; font-size: 16px; line-height: 19px; text-align: center; color: #ffa900; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.gr-container ul.anchor-link { position: relative; text-align: center; font-size: 0; margin-bottom: 1.5rem; }
.gr-container ul.anchor-link li { display: block; margin: 0 1.5rem 1.5rem 1.5rem; padding: 0; font-size: 1.55556rem; line-height: 1.71429; }
.gr-container ul.anchor-link li:before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #c6c9d3; }
.gr-container ul.anchor-link li:after { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background-color: #c6c9d3; }
@media (min-width: 48em) { .gr-container ul.anchor-link li { display: inline-block; vertical-align: top; margin: 0 0 1.5rem 0; padding: 0 0.75rem; width: 25%; font-size: 0.77778rem; }
  .gr-container ul.anchor-link li:before { display: none; }
  .gr-container ul.anchor-link li:nth-child(4n+1):before { display: block; } }
.gr-container ul.anchor-link a { position: relative; padding: 15px 15px 30px 15px; display: block; border: none; color: #000; text-align: center; }
.gr-container ul.anchor-link a:before { content: '\f107'; font-family: FontAwesome; position: absolute; bottom: 10px; right: 0; left: 0; margin: auto; font-size: 14px; line-height: 1; color: #000; }

.gr-container .wmplus-logo { padding: 0.8rem 0.8rem 3.6rem 0.8rem; text-align: center; }
.gr-container .wmplus-point { margin-bottom: 2.4rem; padding: 1.5rem; background-color: #fd038d; color: #fff; font-weight: bold; text-align: center; }
.gr-container .wmplus-point p:nth-last-child(-n + 1) { margin-bottom: 0; }
.gr-container .wmplus-main { position: relative; padding-bottom: 1.4rem; }
.gr-container .wmplus-main .expander { position: relative; overflow: hidden; height: calc( 100vh - 50px); font-size: 0; text-align: center; }
@media (min-width: 48em) { .gr-container .wmplus-main .expander { height: 680px; } }
.gr-container .wmplus-main .expand { overflow: hidden; display: inline-block; width: 33.3333333%; }
@media (min-width: 48em) { .gr-container .wmplus-main .expand { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .gr-container .wmplus-main .expand.on { width: 50% !important; }
  .gr-container .wmplus-main .expand.off { width: 25%; } }
.gr-container .wmplus-main .panel { display: block; height: calc( 100vh - 50px); background-position: 50% 0; background-size: cover; border: none; text-align: center; }
@media (min-width: 48em) { .gr-container .wmplus-main .panel { height: 680px; background-position: 50% 50%; }
  .gr-container .wmplus-main .panel:hover { opacity: 1; }
  .gr-container .wmplus-main .panel:hover .over { opacity: 1; }
  .gr-container .wmplus-main .panel:hover dl { bottom: 100px; }
  .gr-container .wmplus-main .panel:hover dl:after { opacity: 1; }
  .gr-container .wmplus-main .panel:hover dl dt { font-size: 1.55556rem; }
  .gr-container .wmplus-main .panel:hover dl dd { font-size: 1rem; } }
.gr-container .wmplus-main .panel .over { display: block; position: absolute; width: 100%; height: 100%; pointer-events: none; background-position: 50% 50%; background-size: cover; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.gr-container .wmplus-main .panel .cover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: url("img/plus/hero/dots.png"); }
@media (min-width: 48em) { .gr-container .wmplus-main .panel .cover { display: block; } }
.gr-container .wmplus-main .panel dl { position: absolute; bottom: 50px; width: 100%; margin: 0; padding: 60px 0 0 0; background-repeat: no-repeat; background-position: 50% 0; background-size: 130px auto; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 48em) { .gr-container .wmplus-main .panel dl { bottom: 70px; padding: 90px 0 0 0; background-position: 50% 0; background-size: 200px auto; } }
.gr-container .wmplus-main .panel dl:after { content: ''; position: absolute; bottom: -60px; left: 0; right: 0; display: block; height: 42px; width: 100%; background-repeat: no-repeat; background-position: 50% 0; background-image: url("img/plus/hero/arrow.png"); opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.gr-container .wmplus-main .panel dl dt { margin: 0.5em 0 0 0; padding: 0; font-weight: bold; font-size: 1.55556rem; line-height: 1.71429; color: #fff; -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 48em) { .gr-container .wmplus-main .panel dl dt { font-size: 1.11111rem; line-height: 1.5; } }
.gr-container .wmplus-main .panel dl dd { font-weight: bold; font-size: 1.11111rem; line-height: 2; color: #ffa900; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 48em) { .gr-container .wmplus-main .panel dl dd { font-size: 0.77778rem; line-height: 1.71429; } }
.gr-container .wmplus-main .panel.fieldcore { background-image: url("img/plus/hero/fieldcore-img-m2x.jpg"); }
@media (min-width: 48em) { .gr-container .wmplus-main .panel.fieldcore { background-image: url("img/plus/hero/fieldcore-img.jpg"); } }
.gr-container .wmplus-main .panel.fieldcore .over { background-image: url("img/plus/hero/fieldcore-img-o.jpg"); }
.gr-container .wmplus-main .panel.fieldcore dl { background-image: url("img/plus/hero/fieldcore-logo.png"); }
.gr-container .wmplus-main .panel.findout { background-image: url("img/plus/hero/findout-img-m2x.jpg"); }
@media (min-width: 48em) { .gr-container .wmplus-main .panel.findout { background-image: url("img/plus/hero/findout-img.jpg"); } }
.gr-container .wmplus-main .panel.findout .over { background-image: url("img/plus/hero/findout-img-o.jpg"); }
.gr-container .wmplus-main .panel.findout dl { background-image: url("img/plus/hero/findout-logo.png"); }
.gr-container .wmplus-main .panel.aegis { background-image: url("img/plus/hero/aegis-img-m2x.jpg"); }
@media (min-width: 48em) { .gr-container .wmplus-main .panel.aegis { background-image: url("img/plus/hero/aegis-img.jpg"); } }
.gr-container .wmplus-main .panel.aegis .over { background-image: url("img/plus/hero/aegis-img-o.jpg"); }
.gr-container .wmplus-main .panel.aegis dl { background-image: url("img/plus/hero/aegis-logo.png"); }
.gr-container .wmplus-main .title { position: absolute; top: 20%; left: 0; right: 0; margin: auto; text-align: center; pointer-events: none; }
@media (min-width: 48em) { .gr-container .wmplus-main .title { top: 22%; } }
.gr-container .wmplus-title { position: relative; overflow: hidden; }
.gr-container .wmplus-title .title { position: absolute; margin: 0; padding: 0; border: none; background: none; font-size: 0; top: 50%; left: 50%; margin: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gr-container .wmplus-title .img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(img/common/bg_dotted_w.png); background-repeat: repeat; background-size: 14px 14px; opacity: 0.30; }
.gr-container .wmplus-concept { position: relative; padding: 4.0rem 3.0rem; background-color: #fffdf7; letter-spacing: 0.05em; text-align: center; }
.gr-container .wmplus-concept:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(img/common/bg_dotted_g.png); background-repeat: repeat; background-size: 6px 6px; opacity: 0.20; }
.gr-container .wmplus-concept .title { position: relative; margin: 0 0 2.4rem; padding: 0; font-family: Lato; font-weight: 900; font-size: 3.33333rem; line-height: 1.33333; color: #000; z-index: 1; }
@media (min-width: 48em) { .gr-container .wmplus-concept .title { font-size: 1.66667rem; } }
.gr-container .wmplus-concept .title:before { display: none; }
.gr-container .wmplus-concept .point { margin: 0 0 2.0rem; font-size: 2.66667rem; line-height: 1.41667; color: #ffa900; font-weight: bold; }
@media (min-width: 48em) { .gr-container .wmplus-concept .point { font-size: 1.33333rem; } }
.gr-container .wmplus-concept p { position: relative; margin-bottom: 1.8rem; z-index: 1; line-height: 2.25; color: #000; }
.gr-container .wmplus-message { letter-spacing: 0.05em; }
.gr-container .wmplus-message .title { position: relative; }
.gr-container .wmplus-message .title-text { position: absolute; padding: 0; border: none; background: none; top: 50%; left: 50%; margin: auto; font-family: Lato; font-weight: 900; font-size: 3.33333rem; line-height: 1.33333; color: #fff; z-index: 1; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
@media (min-width: 48em) { .gr-container .wmplus-message .title-text { font-size: 1.66667rem; } }
.gr-container .wmplus-message .title-text:before { display: none; }
.gr-container .wmplus-message .title-img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(img/common/bg_dotted_w.png); background-color: #000; background-repeat: repeat; background-size: 14px 14px; opacity: 0.30; }
.gr-container .wmplus-message .text { position: relative; margin: -5.0rem 2.0rem 1.0rem 2.0rem; padding: 2.0rem; background-color: #fff; z-index: 5; }
.gr-container .wmplus-message .text p { position: relative; margin-bottom: 1.6rem; z-index: 1; line-height: 2.25; font-weight: bold; color: #000; }
.gr-container .wmplus-message .store { margin-bottom: 32px; }
.gr-container .wmplus-message .store.open .overview:before { border: 3px solid #ffa900; color: #ffa900; }
.gr-container .wmplus-message .store .overview { z-index: 5; position: relative; display: block; margin: 0; padding: 0 0 64px; background-color: #f5f6f8; border-bottom: none; color: #000; }
@media (min-width: 62em) { .gr-container .wmplus-message .store .overview { padding: 0; } }
.gr-container .wmplus-message .store .overview:before { content: '\f054'; font-family: FontAwesome; position: absolute; bottom: 20px; right: 50%; margin-right: -20px; width: 40px; height: 40px; padding-left: 4px; border: 3px solid #ddd; text-align: center; line-height: 36px; color: #ddd; z-index: 10; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; }
@media (min-width: 62em) { .gr-container .wmplus-message .store .overview:before { top: 50%; bottom: auto; right: 20px; margin: -20px 0 0 0; } }
.gr-container .wmplus-message .store .img { position: relative; margin: 0; padding: 0; overflow: hidden; }
@media (min-width: 62em) { .gr-container .wmplus-message .store .img { float: left; width: 33.33333333%; } }
.gr-container .wmplus-message .store .img .soon { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); color: #fff; font-weight: bold; text-align: center; }
.gr-container .wmplus-message .store .img .soon-text { position: absolute; top: 50%; left: 50%; margin: auto; width: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gr-container .wmplus-message .store .img .soon span { display: block; padding: 6px; }
.gr-container .wmplus-message .store .img img { width: 100%; }
.gr-container .wmplus-message .store .outline { padding: 1.5rem; }
@media (min-width: 62em) { .gr-container .wmplus-message .store .outline { float: left; width: 66.666666666%; padding: 1.2rem 3.0rem 1.2rem 1.5rem; } }
.gr-container .wmplus-message .store .outline p { font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .wmplus-message .store .outline p { font-size: 0.77778rem; } }
.gr-container .wmplus-message .store .outline p:nth-last-child(-n + 1) { margin-bottom: 0; }
.gr-container .wmplus-message .store .title { margin: 0 0 0.75rem; padding: 0; border: none; }
.gr-container .wmplus-message .store .title .logo { display: block; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .wmplus-message .store .title .logo { font-size: 0.77778rem; } }
.gr-container .wmplus-message .store .icon, .gr-container .wmplus-message .store .openday { position: absolute; top: -20px; left: -10px; width: 95px; height: 95px; background-color: #00a0e9; text-align: center; line-height: 95px; font-weight: bold; color: #fff; z-index: 5; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px; }
.gr-container .wmplus-message .store .icon.pink, .gr-container .wmplus-message .store .openday.pink { background-color: #fd038d; }
.gr-container .wmplus-message .store .icon.green, .gr-container .wmplus-message .store .openday.green { background-color: #1e9e49; }
.gr-container .wmplus-message .store .openday { letter-spacing: 0; }
.gr-container .wmplus-message .store .openday-day { display: block; margin-bottom: 6px; padding-top: 32px; font-size: 15px; line-height: 1; white-space: nowrap; }
.gr-container .wmplus-message .store .openday-text { display: block; font-size: 17px; line-height: 1; white-space: nowrap; }
.gr-container .wmplus-message .area { margin-bottom: 2.0rem; padding: 1.0rem 0; }
.gr-container .wmplus-message .area .title { margin: 0 0 1.0rem; padding: 0; text-align: center; }
.gr-container .wmplus-message .area .title:before { display: none; }
.gr-container .wmplus-message .area .title-num { display: block; margin: 0; vertical-align: bottom; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .wmplus-message .area .title-num { font-size: 0.77778rem; } }
.gr-container .wmplus-message .area .title .h-svgicon { width: 240px; height: 40px; margin: 0 0 4px; }
.gr-container .wmplus-message .area-list { margin: 0; padding: 0; list-style: none; font-size: 0; }
.gr-container .wmplus-message .area-list li { display: block; vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .wmplus-message .area-list li { display: inline-block; width: 49.777777777%; font-size: 0.66667rem; } }
.gr-container .wmplus-message .area-list li:before { display: none; }
.gr-container .wmplus-message .area-list > li { display: inline-block; vertical-align: top; margin: 0; padding: 0 0.75rem 1.0rem 0.75rem; width: 49.777777777%; }
@media (min-width: 48em) { .gr-container .wmplus-message .area-list > li { width: 33.222222%; } }
@media (min-width: 62em) { .gr-container .wmplus-message .area-list > li { width: 33.2222222%; } }
.gr-container .wmplus-message .area-list > li > ul { margin: 0; padding: 0; font-size: 0; }
.gr-container .wmplus-message .area-list > li > ul li { margin: 0; padding: 0; }
.gr-container .wmplus-message .area-list a, .gr-container .wmplus-message .area-list span { display: block; margin: 0 0 4px 0; padding: 4px 6px; text-align: center; border: none !important; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
@media (min-width: 48em) { .gr-container .wmplus-message .area-list a, .gr-container .wmplus-message .area-list span { margin: 0 4px 8px 4px; } }
.gr-container .wmplus-message .area-list a { background-color: #000; color: #fff; }
@media (min-width: 62em) { .gr-container .wmplus-message .area-list a:hover { opacity: 1; background-color: #ffa900; color: #000; } }
.gr-container .wmplus-message .area-list span { background-color: rgba(221, 221, 221, 0.7); color: #999; }
.gr-container .wmplus-message .area-list span.subtitle { padding: 0; background: none; text-align: left; color: #000; font-size: 1.66667rem; line-height: 1.66667; }
@media (min-width: 48em) { .gr-container .wmplus-message .area-list span.subtitle { font-size: 0.83333rem; } }
.gr-container .wmplus-link { text-align: center; }
.gr-container .wmplus-link a { display: block; padding: 36px 16px; background-color: #000; border-bottom: none; }
.gr-container .wmplus-contact { padding: 2.4rem; background-color: #ffa900; text-align: center; color: #000; }
.gr-container .wmplus-contact .title { position: relative; margin: 0 auto 1.5rem auto; padding: 44px 0 0 0; width: 160px; height: 160px; background-color: #fff; color: #ffa900; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; }
.gr-container .wmplus-contact .title:before { display: none; }
.gr-container .wmplus-contact .title i { display: block; margin: 0; font-size: 44px; }
.gr-container .wmplus-contact .button { margin: 0; font-weight: bold; }
.gr-container .wmplus-contact .button a { display: block; margin: 0 auto; padding: 24px 16px; max-width: 360px; border-bottom: none; background-color: #000; color: #ffa900; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; }
.gr-container .wmplus-bland .tx-shadow { -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); }
.gr-container .wmplus-bland .bland { padding: 40vw 0 50px; min-height: 0; height: auto; background-repeat: no-repeat; background-position: 50% 0; background-color: #000; background-size: 100% auto; }
@media (min-width: 62em) { .gr-container .wmplus-bland .bland { padding: 280px 0 30px; background-position: 50% 50%; background-size: cover; } }
.gr-container .wmplus-bland .bland-fieldcore { background-image: url("img/plus/feature/fieldcore-bg.jpg"); }
@media (min-width: 62em) { .gr-container .wmplus-bland .bland-fieldcore { background-position: 58% 50%; } }
.gr-container .wmplus-bland .bland-findout { background-image: url("img/plus/feature/findout-bg.jpg"); }
@media (min-width: 62em) { .gr-container .wmplus-bland .bland-findout { background-position: 65% 50%; } }
.gr-container .wmplus-bland .bland-aegis { background-image: url("img/plus/feature/aegis-bg.jpg"); }
@media (min-width: 62em) { .gr-container .wmplus-bland .bland-aegis { background-position: 38% 50%; } }
.gr-container .wmplus-bland .content { padding: 0 20px; }
@media (min-width: 62em) { .gr-container .wmplus-bland .content { float: right; width: 55%; padding: 0 40px; } }
@media (min-width: 62em) { .gr-container .wmplus-bland .content.left { float: left; } }
.gr-container .wmplus-bland .lineup { position: relative; padding-bottom: 15px; color: #fff; }
.gr-container .wmplus-bland .lineup-title { margin: 0; padding: 0; text-align: center; color: #fff; }
@media (min-width: 62em) { .gr-container .wmplus-bland .lineup-title { text-align: left; } }
.gr-container .wmplus-bland .lineup-title:before { display: none; }
.gr-container .wmplus-bland .lineup-title-jp { display: block; font-size: 2.66667rem; line-height: 1.41667; }
@media (min-width: 48em) { .gr-container .wmplus-bland .lineup-title-jp { font-size: 1.77778rem; line-height: 1.3125; } }
.gr-container .wmplus-bland .lineup-title-en { font-size: 1.77778rem; line-height: 1.625; color: #ffa900; }
@media (min-width: 48em) { .gr-container .wmplus-bland .lineup-title-en { font-size: 0.88889rem; } }
.gr-container .wmplus-bland .lineup .logo { display: block; margin-bottom: 20px; text-align: center; }
@media (min-width: 62em) { .gr-container .wmplus-bland .lineup .logo { float: right; margin: -18px 0 0 0; } }
.gr-container .wmplus-bland .lineup .logo img { height: 90px; }
.gr-container .wmplus-bland .text { font-size: 1.55556rem; line-height: 1.6; color: #fff; font-weight: bold; }
@media (min-width: 48em) { .gr-container .wmplus-bland .text { font-size: 0.77778rem; } }
.gr-container .wmplus-bland .text .btn { margin-bottom: 1.0rem; }
.gr-container .wmplus-bland .text .btn .more { max-width: 270px; padding: 10px; background-color: rgba(255, 169, 0, 0.8); text-align: center; border: none; color: #000; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.gr-container .wmplus-bland .text .btn .more:hover { background-color: #ffa900; opacity: 1; }
.gr-container .wmplus-bland .text .btn .pc { display: none; }
@media (min-width: 48em) { .gr-container .wmplus-bland .text .btn .pc { display: block; } }
.gr-container .wmplus-bland .text .btn .sp { display: block; }
@media (min-width: 48em) { .gr-container .wmplus-bland .text .btn .sp { display: none; } }
.gr-container .wmplus-bland .text .notes { margin: 0; font-size: 1.11111rem; line-height: 2; }
@media (min-width: 48em) { .gr-container .wmplus-bland .text .notes { font-size: 0.55556rem; } }

.gr-container .jobfind-top { background-color: #ffa900; }
.gr-container .jobfind-top-title { position: relative; }
.gr-container .jobfind-top-title .title { position: absolute; margin: 0 !important; padding: 0 !important; border: none; background: none; z-index: 10; top: 50%; left: 50%; margin: auto; width: 60%; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (min-width: 48em) { .gr-container .jobfind-top-title .title { width: auto; } }
.gr-container .jobfind-top-title .img { position: relative; }
.gr-container .jobfind-top-title .img .sp { display: block; }
@media (min-width: 48em) { .gr-container .jobfind-top-title .img .sp { display: none; } }
.gr-container .jobfind-top-title .img .pc { display: none; }
@media (min-width: 48em) { .gr-container .jobfind-top-title .img .pc { display: block; } }
.gr-container .jobfind-top-point { padding: 0 1.5rem 48px 1.5rem; background-image: url("img/jobfind/jobfind_bg_big.png"); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; }
@media (min-width: 48em) { .gr-container .jobfind-top-point { padding: 4.0rem 1.25rem 2.4rem 1.25rem; } }
.gr-container .jobfind-top-point .title { margin: 48px 0 0 !important; padding: 15px !important; background-color: #fff; text-align: center; color: #000; font-size: 2rem; line-height: 1.55556; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-top-point .title { margin: 24px 0 0 !important; font-size: 1rem; } }
.gr-container .jobfind-top-point .title:before { display: none; }
.gr-container .jobfind-top-point .title img { display: block; margin: 0 auto 8px auto; width: 80px; }
.gr-container .jobfind-top-point .img { position: relative; text-align: center; }
.gr-container .jobfind-top-point .img img { width: 100%; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-left-radius: 4px; -moz-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.gr-container .jobfind-top-point .img figcaption { position: absolute; bottom: -30px; right: 10px; left: 10px; padding: 8px; background-color: #d8243d; color: #fff; font-size: 1.55556rem; line-height: 1.71429; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-top-point .img figcaption { font-size: 0.77778rem; } }
.gr-container .jobfind-search { clear: both; margin: 0; padding: 3.5rem 0 1.5rem; background-color: #fff; }
@media (min-width: 62em) { .gr-container .jobfind-search { margin: 0 2.0rem 2.0rem 2.0rem; padding: 2.4rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } }
.gr-container .jobfind-search .title { margin: 0 0 2rem !important; padding: 0 !important; text-align: center; font-size: 2.88889rem; line-height: 1.38462; }
@media (min-width: 48em) { .gr-container .jobfind-search .title { font-size: 1.55556rem; line-height: 1.35714; } }
.gr-container .jobfind-search .title:before { display: none; }
.gr-container .jobfind-search .title span { display: block; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .jobfind-search .title span { font-size: 0.77778rem; } }
.gr-container .jobfind-search .banner { margin: 0; padding: 0 0 10px; font-size: 0; text-align: center; }
@media (min-width: 48em) { .gr-container .jobfind-search .banner { margin: 0 -11px; } }
.gr-container .jobfind-search .banner li { margin: 0 0 20px; padding: 0; }
@media (min-width: 48em) { .gr-container .jobfind-search .banner li { display: inline-block; margin: 0; padding: 0 11px 22px 11px; width: 50%; vertical-align: top; } }
.gr-container .jobfind-search .banner li:before { display: none !important; }
.gr-container .jobfind-search .banner li a { display: block; border: none; }
.gr-container .jobfind-search-box { margin-bottom: 1px; background-color: #e6e9ee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gr-container .jobfind-search-box .title { position: relative; margin: 0 !important; padding: 2rem 0 !important; text-align: center; border: none; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .title { font-size: 1.11111rem; line-height: 1.5; } }
.gr-container .jobfind-search-box .title.accordion-menu-btn:after { content: '\f107'; font-family: FontAwesome; position: absolute; top: 50%; right: 20px; margin-top: -12px; font-size: 22px; line-height: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .title.accordion-menu-btn:hover { background-color: #000; color: #fff; } }
.gr-container .jobfind-search-box .title.accordion-menu-btn.open:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.gr-container .jobfind-search-box input[type="checkbox"] { display: none; }
.gr-container .jobfind-search-box label { position: relative; display: block; padding: 0 0 0 28px; cursor: pointer; outline: none; }
.gr-container .jobfind-search-box input[type="checkbox"] + label:after { content: ""; width: 18px; height: 20px; background-image: url("img/jobfind/jobfind_i_checkbox.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 34px auto; position: absolute; top: 5px; left: 0; margin: 0; }
.gr-container .jobfind-search-box input[type="checkbox"]:checked + label:after { background-image: url("img/jobfind/jobfind_i_checkbox.png"); background-repeat: no-repeat; background-position: -18px 0; background-size: 34px auto; }
.gr-container .jobfind-search-box .search_area { padding: 0 20px 20px 20px; }
.gr-container .jobfind-search-box .search_area_present { margin-bottom: 1.2rem; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_area_present { float: left; width: 50%; padding-right: 6px; margin: 0; } }
.gr-container .jobfind-search-box .search_area_present a { position: relative; height: 64px; display: block; background-color: #ffa900; border: none; text-align: center; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gr-container .jobfind-search-box .search_area_present a span { display: block; position: absolute; top: 50%; left: 10px; right: 10px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_area_word { float: left; width: 50%; padding-left: 6px; } }
.gr-container .jobfind-search-box .search_area_word .search-form { background-color: #fff; text-align: center; margin: 0; max-width: 100%; font-size: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_area_word .search-form { display: block; } }
.gr-container .jobfind-search-box .search_area_word .search-moduleInput { display: inline-block; vertical-align: top; font-size: 16px; line-height: 1; width: 70%; min-height: 64px; }
.gr-container .jobfind-search-box .search_area_word .search-moduleInput input { background: none; border: none; padding: 15px; width: 100%; height: 64px; outline: 0; }
.gr-container .jobfind-search-box .search_area_word .search-moduleInput input:placeholder-shown { color: #626a77; }
.gr-container .jobfind-search-box .search_area_word .search-moduleInput input::-webkit-input-placeholder { color: #626a77; }
.gr-container .jobfind-search-box .search_area_word .search-moduleInput input:-moz-placeholder { opacity: 1; color: #626a77; }
.gr-container .jobfind-search-box .search_area_word .search-moduleInput input::-moz-placeholder { opacity: 1; color: #626a77; }
.gr-container .jobfind-search-box .search_area_word .search-moduleInput input:-ms-input-placeholder { color: #626a77; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_area_word .search-moduleInput { min-height: 40px; }
  .gr-container .jobfind-search-box .search_area_word .search-moduleInput input { padding: 22px 10px; height: auto; } }
.gr-container .jobfind-search-box .search_area_word .search-moduleButton { display: inline-block; vertical-align: top; font-size: 20px; width: 30%; }
.gr-container .jobfind-search-box .search_area_word .search-moduleButton button { background: #ffa900; border: none; min-height: 64px; width: 100%; text-align: center; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_area_word .search-moduleButton { font-size: 14px; } }
.gr-container .jobfind-search-box .search_area.checkbox { position: relative; padding: 20px; background-image: url("img/jobfind/jobfind_bg_area.png"); background-repeat: no-repeat; background-position: bottom right; font-size: 0; }
@media (min-width: 62em) { .gr-container .jobfind-search-box .search_area.checkbox { padding: 20px 40px; } }
.gr-container .jobfind-search-box .search_area.checkbox:before { content: ''; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background-color: #c6c9d3; }
.gr-container .jobfind-search-box .search_area.checkbox .area_list { display: inline-block; vertical-align: top; width: 50%; padding: 0 1.0rem 1.0rem 1.0rem; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_area.checkbox .area_list { width: 25%; } }
.gr-container .jobfind-search-box .search_area.checkbox .area_list_title { margin: 0 0 9px; font-size: 1.77778rem; line-height: 1.625; font-weight: bold; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_area.checkbox .area_list_title { font-size: 0.88889rem; } }
.gr-container .jobfind-search-box .search_area.checkbox .area_list_title a { display: inline-block; border-bottom: 1px dotted #000; color: #000; }
.gr-container .jobfind-search-box .search_area.checkbox ul { margin: 0; padding: 0; }
.gr-container .jobfind-search-box .search_area.checkbox li { padding: 0; font-size: 1.55556rem; line-height: 1.71429; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_area.checkbox li { font-size: 0.77778rem; } }
.gr-container .jobfind-search-box .search_area.checkbox li:before { display: none; }
.gr-container .jobfind-search-box .search_keyword { padding: 20px; }
@media (min-width: 62em) { .gr-container .jobfind-search-box .search_keyword { padding: 20px 40px; } }
.gr-container .jobfind-search-box .search_keyword ul { margin: 0; padding: 0; font-size: 0; }
.gr-container .jobfind-search-box .search_keyword li { display: inline-block; vertical-align: top; width: 100%; padding: 0 1.0rem 0.25rem 1.0rem; font-size: 1.55556rem; line-height: 1.71429; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-search-box .search_keyword li { width: 25%; padding: 0 0.50rem 0.50rem 0.50rem; font-size: 0.77778rem; } }
.gr-container .jobfind-search-box .search_keyword li:before { display: none; }
.gr-container .jobfind-search-button { margin: 1.5rem 0 0; }
.gr-container .jobfind-search-button button { position: relative; height: 80px; display: block; width: 100%; background-color: #ffa900; border: none; text-align: center; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; outline: none; }
@media (min-width: 62em) { .gr-container .jobfind-search-button button { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
  .gr-container .jobfind-search-button button:hover { opacity: 0.60; } }
.gr-container .jobfind-search-button button span { display: block; position: absolute; top: 50%; left: 10px; right: 10px; margin: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.gr-container .jobfind-result-title { padding: 2.0rem 0.75rem 0 0.75rem; background-image: url("img/jobfind/jobfind_bg_small.png"); background-repeat: no-repeat; background-color: #ffa900; background-position: top center; background-size: 100% auto; }
@media (min-width: 48em) { .gr-container .jobfind-result-title { padding: 2.0rem 0.75rem 0 0.75rem; } }
.gr-container .jobfind-result-title .title-main { margin: 0 0 15px; padding: 4px 0; background: none; border: none; font-size: 2.22222rem; line-height: 1.5; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-result-title .title-main { margin: 0 0 1.2rem; font-size: 1.11111rem; } }
.gr-container .jobfind-result-title .title-sub { display: block; margin: 0 0 8px; padding: 4px 12px; background-color: #000; font-size: 1.55556rem; line-height: 1.71429; color: #fff; font-weight: bold; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-result-title .title-sub { display: inline-block; vertical-align: top; margin: 0 15px 0 0; font-size: 0.77778rem; } }
.gr-container .jobfind-result-title .change-button { position: relative; display: block; cursor: pointer; margin-bottom: 1.5rem; padding: 8px; background-color: #fff; color: #000; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.gr-container .jobfind-result-title .change-button:before { content: ''; position: absolute; top: 22px; left: 12px; width: 16px; height: 2px; background-color: #000; }
.gr-container .jobfind-result-title .change-button:after { content: ''; position: absolute; top: 15px; left: 19px; width: 2px; height: 16px; background-color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-result-title .change-button { margin-bottom: 1.2rem; } }
@media (min-width: 62em) { .gr-container .jobfind-result-title .change-button:hover { background-color: #000; color: #fff; }
  .gr-container .jobfind-result-title .change-button:hover:before, .gr-container .jobfind-result-title .change-button:hover:after { background-color: #fff; }
  .gr-container .jobfind-result-title .change-button:before, .gr-container .jobfind-result-title .change-button:after { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.gr-container .jobfind-result-title .change-button.open { background-color: #000; color: #fff; }
.gr-container .jobfind-result-title .change-button.open:before, .gr-container .jobfind-result-title .change-button.open:after { background-color: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.gr-container .jobfind-result-title .jobfind-search { display: none; padding: 15px; margin: 0 1.0rem 1.5rem 1.0rem; }
@media (min-width: 62em) { .gr-container .jobfind-result-title .jobfind-search { padding: 0.75rem; margin-bottom: 2.0rem; } }
.gr-container .jobfind-result-title.open .jobfind-search { display: block; }
.gr-container .jobfind-result-list { margin-bottom: 2.0rem; }
.gr-container .jobfind-result-list .anchorlink { margin: 0 0 2.0rem 0; background-color: #f5f6f8; }
.gr-container .jobfind-result-list .anchorlink .title-main { margin: 0; padding: 16px 16px 0 1.5rem; border: none; background-color: #f5f6f8; color: #000; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .anchorlink .title-main { font-size: 1.11111rem; } }
.gr-container .jobfind-result-list .anchorlink .title-sub { display: inline-block; margin: 0 0 0.75rem; padding: 0 4px; background: none; color: #000; text-align: left; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .anchorlink .title-sub { float: left; font-size: 1rem; } }
.gr-container .jobfind-result-list .anchorlink ul { margin: 0; padding: 10px 1.2rem 15px 1.2rem; list-style: none; font-size: 0; }
.gr-container .jobfind-result-list .anchorlink li { margin: 0 4px 8px 4px; padding: 0; display: inline-block; vertical-align: top; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .anchorlink li { font-size: 0.77778rem; } }
.gr-container .jobfind-result-list .anchorlink li:before { display: none; }
.gr-container .jobfind-result-list .anchorlink li > ul { padding: 0 0 0.8rem; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .anchorlink li > ul { margin-left: 240px; } }
.gr-container .jobfind-result-list .anchorlink a, .gr-container .jobfind-result-list .anchorlink span { display: block; padding: 6px; background-color: #fff; text-align: center; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gr-container .jobfind-result-list .anchorlink a { color: #000; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
@media (min-width: 62em) { .gr-container .jobfind-result-list .anchorlink a:hover { opacity: 1; background-color: #ffa900; color: #000; } }
.gr-container .jobfind-result-list .anchorlink span { background-color: #eee; color: #999; }
.gr-container .jobfind-result-list .store-list { padding-bottom: 2.4rem; }
.gr-container .jobfind-result-list .store-list .title { position: relative; padding-bottom: 5px; border-bottom: 1px solid #ffa900; color: #ffa900; }
.gr-container .jobfind-result-list .store-list .title-main { margin: 0; padding: 0; border: none; padding-right: 70px; color: #ffa900; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .store-list .title-main { font-size: 1.11111rem; } }
.gr-container .jobfind-result-list .store-list .title-link { position: absolute; bottom: 5px; right: 0; margin: 0; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .store-list .title-link { font-size: 0.77778rem; } }
.gr-container .jobfind-result-list .store-list .title-link a { border: none; color: #ffa900; }
.gr-container .jobfind-result-list .store-list .title-link i { margin-right: 10px; }
.gr-container .jobfind-result-list .list { padding: 2.0rem; border-bottom: 1px solid #e6e9ee; }
@media (min-width: 62em) { .gr-container .jobfind-result-list .list { padding: 1.4rem 2.0rem; } }
.gr-container .jobfind-result-list .list:nth-child(even) { background-color: #f5f6f8; }
.gr-container .jobfind-result-list .list-img { position: relative; min-height: 1px; margin-bottom: 1.5rem; text-align: center; }
@media (min-width: 62em) { .gr-container .jobfind-result-list .list-img { float: left; width: 30%; margin-bottom: 0; } }
.gr-container .jobfind-result-list .list-text { position: relative; min-height: 1px; padding-bottom: 48px; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text { padding-bottom: 0; } }
@media (min-width: 62em) { .gr-container .jobfind-result-list .list-text { float: left; width: 70%; padding: 0 0 0 1.4rem; } }
.gr-container .jobfind-result-list .list-img .img { margin: 0; }
.gr-container .jobfind-result-list .list-img img { width: 100%; max-width: 320px; }
.gr-container .jobfind-result-list .list-img a { display: block; border: none; }
.gr-container .jobfind-result-list .list-text .title { position: static; margin-bottom: 1.2rem; padding: 0; border: none; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .title { position: relative; display: inline-block; padding-right: 105px; margin-bottom: 0.75rem; } }
.gr-container .jobfind-result-list .list-text .title-main { display: inline-block; vertical-align: bottom; margin: 0; padding: 0; font-size: 2.44444rem; line-height: 1.45455; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .title-main { font-size: 1.22222rem; } }
.gr-container .jobfind-result-list .list-text .title-main:before { display: none; }
.gr-container .jobfind-result-list .list-text .title-sub { display: block; font-size: 1.77778rem; line-height: 1.625; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .title-sub { font-size: 0.88889rem; } }
.gr-container .jobfind-result-list .list-text .title .morelink { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; font-size: 1.77778rem; line-height: 1.625; text-align: center; font-weight: bold; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .title .morelink { left: auto; display: inline-block; vertical-align: bottom; font-size: 0.77778rem; line-height: 1.71429; } }
.gr-container .jobfind-result-list .list-text .title .morelink a { display: block; padding: 12px 8px; background-color: #ffa900; color: #000; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .title .morelink a { padding: 4px 8px; } }
.gr-container .jobfind-result-list .list-text .date { margin: 0; padding: 0 0 1.5rem; font-size: 0; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .date { padding: 0 0 1.0rem; } }
.gr-container .jobfind-result-list .list-text .date dt, .gr-container .jobfind-result-list .list-text .date dd { position: relative; display: block; margin-bottom: 4px; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .date dt, .gr-container .jobfind-result-list .list-text .date dd { font-size: 0.88889rem; } }
.gr-container .jobfind-result-list .list-text .date dt { float: left; width: 76px; font-weight: bold; }
.gr-container .jobfind-result-list .list-text .date dt:after { content: '：'; position: absolute; top: 0; right: 0; }
.gr-container .jobfind-result-list .list-text .date dd { margin-left: 76px; padding: 0 8px 0 4px; }
.gr-container .jobfind-result-list .list-text .button { margin: 0 0 1.2rem; font-size: 0; text-align: center; font-size: 0; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .button { margin: 0; } }
@media (min-width: 62em) { .gr-container .jobfind-result-list .list-text .button { text-align: left; } }
.gr-container .jobfind-result-list .list-text .button-phone, .gr-container .jobfind-result-list .list-text .button-mail { display: inline-block; vertical-align: top; margin: 0; padding: 8px; width: 49%; font-size: 1.77778rem; line-height: 1.625; color: #fff; border: none; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .button-phone, .gr-container .jobfind-result-list .list-text .button-mail { width: 240px; font-size: 0.88889rem; } }
.gr-container .jobfind-result-list .list-text .button-phone i, .gr-container .jobfind-result-list .list-text .button-mail i { display: block; }
@media (min-width: 48em) { .gr-container .jobfind-result-list .list-text .button-phone i, .gr-container .jobfind-result-list .list-text .button-mail i { display: inline-block; } }
.gr-container .jobfind-result-list .list-text .button-phone { margin-right: 1%; background-color: #4dcd70; }
.gr-container .jobfind-result-list .list-text .button-mail { margin-left: 1%; background-color: #f26d7e; }
.gr-container .jobfind-page { position: relative; padding: 0 2.0rem 3.0rem 2.0rem; }
.gr-container .jobfind-page .back-button { margin: 0; padding: 20px 0 10px 0; border-top: 1px solid #c6c9d3; display: block; text-align: center; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .jobfind-page .back-button { position: absolute; top: 0; right: 2.0rem; padding: 0; border: none; font-size: 0.88889rem; } }
.gr-container .jobfind-page .back-button a { display: block; margin: 0 auto; padding: 8px; max-width: 240px; border: none; background-color: #ffa900; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-page .back-button a { padding: 8px 32px; } }
.gr-container .jobfind-page-title { font-size: 0; }
.gr-container .jobfind-page-title .icon { margin: 0; display: inline-block; vertical-align: bottom; }
.gr-container .jobfind-page-title .title { margin: 4px 0 1.5rem; padding: 1.2rem 0.80rem; border: 2px solid #c6c9d3; text-align: center; font-size: 2.66667rem; line-height: 1.41667; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-page-title .title { font-size: 1.66667rem; line-height: 1.33333; } }
.gr-container .jobfind-page-title .title-sub { display: block; font-size: 2rem; line-height: 1.55556; }
@media (min-width: 48em) { .gr-container .jobfind-page-title .title-sub { font-size: 1rem; } }
.gr-container .jobfind-page-info .text { padding-bottom: 1.0rem; text-align: center; color: #ffa900; font-size: 2.22222rem; line-height: 1.5; }
@media (min-width: 48em) { .gr-container .jobfind-page-info .text { font-size: 1.22222rem; line-height: 1.45455; } }
.gr-container .jobfind-page-info .photo { margin: 0; font-size: 0; text-align: center; }
@media (min-width: 48em) { .gr-container .jobfind-page-info .photo { margin: 0 -1.0rem; } }
.gr-container .jobfind-page-info .photo img { display: inline-block; vertical-align: top; margin-bottom: 1.5rem; width: 100%; max-width: 426px; }
@media (min-width: 48em) { .gr-container .jobfind-page-info .photo img { margin: 0 1.0rem 1.5rem 1.0rem; } }
.gr-container .jobfind-page-info .photo br { display: none; }
.gr-container .jobfind-page-info table { margin-bottom: 1.5rem; }
.gr-container .jobfind-page-info table th { display: block; padding: 15px; width: 100%; vertical-align: middle; color: #000; text-align: center; }
@media (min-width: 48em) { .gr-container .jobfind-page-info table th { display: table-cell; width: 24%; } }
.gr-container .jobfind-page-info table td { display: block; margin: -1px 0; padding: 15px; }
@media (min-width: 48em) { .gr-container .jobfind-page-info table td { display: table-cell; margin: 0; } }
.gr-container .jobfind-page-info table .salary { margin: 0; font-weight: bold; color: #000; }
.gr-container .jobfind-page-info table .day { margin: 0; font-weight: bold; }
.gr-container .jobfind-page-info table .day span { display: inline-block; padding: 4px 8px; margin: 0 0.75rem 0.75rem 0; background-color: #ffa900; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gr-container .jobfind-page-info table .time li { position: relative; margin: 0 0 8px; padding: 0 0 0 28px; font-weight: bold; color: #000; }
.gr-container .jobfind-page-info table .time li:before { counter-increment: num; content: counter(num); position: absolute; left: 2px; top: 4px; width: 21px; height: 21px; border: 1px solid #000; font-weight: bold; font-family: Roboto; font-size: 16px; line-height: 19px; text-align: center; color: #000; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.gr-container .jobfind-page-info table dl { margin: 0; padding: 0; display: block; font-size: 0; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-page-info table dl { padding: 0; } }
.gr-container .jobfind-page-info table dl dt, .gr-container .jobfind-page-info table dl dd { position: relative; display: block; margin-bottom: 4px; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .jobfind-page-info table dl dt, .gr-container .jobfind-page-info table dl dd { font-size: 0.88889rem; } }
.gr-container .jobfind-page-info table dl dt { margin-bottom: 0; }
@media (min-width: 48em) { .gr-container .jobfind-page-info table dl dt { float: left; width: 196px; }
  .gr-container .jobfind-page-info table dl dt:after { content: '：'; position: absolute; top: 0; right: 0; } }
.gr-container .jobfind-page-info table dl dd { padding: 0 8px 12px 0; font-weight: bold; }
@media (min-width: 48em) { .gr-container .jobfind-page-info table dl dd { padding: 0 8px; margin-left: 196px; } }
.gr-container .jobfind-page-info table dl dd:nth-last-child(-n + 1) { padding-bottom: 0; }
.gr-container .jobfind-page-info table a { position: relative; display: inline-block; padding: 0 0 0 18px; border: none; color: #000; }
.gr-container .jobfind-page-info table a:before { content: '\f105'; font-family: FontAwesome; position: absolute; left: 4px; top: 0; color: #ffa900; }
.gr-container .jobfind-page-info .map { margin-bottom: 1.5rem; width: 100%; height: 20rem; }
.gr-container .jobfind-page-info .button { margin: 0 0 20px; text-align: center; font-size: 0; }
@media (min-width: 48em) { .gr-container .jobfind-page-info .button { margin: 0; padding: 20px 0; background-color: #f5f6f8; } }
.gr-container .jobfind-page-info .button-phone, .gr-container .jobfind-page-info .button-mail { display: inline-block; vertical-align: top; margin: 0; padding: 12px; width: 49%; font-size: 1.77778rem; line-height: 1.625; color: #fff; border: none; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .gr-container .jobfind-page-info .button-phone, .gr-container .jobfind-page-info .button-mail { width: 260px; font-size: 0.88889rem; } }
@media (min-width: 62em) { .gr-container .jobfind-page-info .button-phone, .gr-container .jobfind-page-info .button-mail { width: 320px; } }
.gr-container .jobfind-page-info .button-phone i, .gr-container .jobfind-page-info .button-mail i { display: block; }
@media (min-width: 48em) { .gr-container .jobfind-page-info .button-phone i, .gr-container .jobfind-page-info .button-mail i { display: inline-block; } }
.gr-container .jobfind-page-info .button-phone { margin-right: 1%; background-color: #4dcd70; }
.gr-container .jobfind-page-info .button-mail { margin-left: 1%; background-color: #f26d7e; }
.gr-container .jobfind-page-near .list-text .title-main { padding-left: 84px; }
.gr-container .jobfind-page-near .list-text .title .distance { position: absolute; margin: 4px 0 0 0; display: inline-block; vertical-align: bottom; width: 70px; height: 48px; border: 1px solid #ffa900; color: #ffa900; text-align: center; line-height: 48px; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gr-container .jobfind-page-near .near-title { margin: 0; padding: 1.0rem 0; border-bottom: 1px solid #e6e9ee; text-align: center; font-size: 2.22222rem; line-height: 1.5; color: #000; }
@media (min-width: 48em) { .gr-container .jobfind-page-near .near-title { font-size: 1.33333rem; line-height: 1.41667; } }
.gr-container .jobfind-page-near .near-title:before { display: none; }
.gr-container .jobfind-page-near .near-sub { display: block; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .jobfind-page-near .near-sub { display: inline-block; font-size: 0.88889rem; line-height: 1.625; } }

.faq-search { margin-bottom: 1.5rem; background-color: #f5f6f8; }
.faq-search-container { margin: 0 auto; padding: 2.0rem 1.5rem; }
@media (min-width: 64em) { .faq-search-container { max-width: 992px; } }
.faq-search-title { margin: 0; padding: 0 0 8px; font-weight: bold; color: #000; }
@media (min-width: 62em) { .faq-search-title { float: left; width: 25%; padding: 6px 16px; text-align: right; } }
.faq-search-form { font-size: 0; }
@media (min-width: 62em) { .faq-search-form { float: left; width: 75%; } }
.faq-search-form .faq-input, .faq-search-form .faq-button { display: inline-block; vertical-align: top; border: none; outline: none; }
.faq-search-form .faq-input { padding: 8px; width: 80%; background-color: #f9f9f9; border: 1px solid #c6c9d3; font-size: 14px; color: #444; }
.faq-search-form .faq-input:placeholder-shown { color: #999; }
.faq-search-form .faq-input::-webkit-input-placeholder { color: #999; }
.faq-search-form .faq-input:-moz-placeholder { opacity: 1; color: #999; }
.faq-search-form .faq-input::-moz-placeholder { opacity: 1; color: #999; }
.faq-search-form .faq-input:-ms-input-placeholder { color: #999; }
@media (min-width: 62em) { .faq-search-form .faq-input { width: 65%; } }
.faq-search-form .faq-button { padding: 8px; width: 20%; background-color: #222; border: 1px solid #222; font-size: 14px; color: #fff; }

.faq-list-title { margin-bottom: 1rem !important; padding: 14px 20px !important; background-color: #fff; border-top: 4px solid #ffa900; border-bottom: 2px solid #d7dbe3; font-size: 2.22222rem; line-height: 1.5; color: #000; font-weight: bold; }
.faq-list-title:before { display: none; }
@media (min-width: 48em) { .faq-list-title { font-size: 1.11111rem; } }
.faq-list-link { margin: 0 -4px 2rem -4px !important; padding: 0; font-size: 0; text-align: center; }
.faq-list-link li { display: inline-block; margin: 0 !important; padding: 4px !important; width: 50%; font-size: 1.77778rem; line-height: 1.625; text-align: center; font-weight: bold; }
@media (min-width: 48em) { .faq-list-link li { width: 25%; font-size: 0.88889rem; } }
.faq-list-link li:before { display: none; }
.faq-list-link a { position: relative; display: block; padding: 12px 8px 24px 8px; border: none; background-color: #ffa900; color: #000; }
.faq-list-link a:before { content: '\f107'; font-family: FontAwesome; position: absolute; bottom: 8px; left: 50%; margin-left: -5px; font-size: 16px; line-height: 1; color: currentColor; font-weight: normal; }
.faq-list-box { margin-bottom: 3.2rem; }
.faq-list-box dl { margin: 0; padding: 0; }
.faq-list-box dt, .faq-list-box dd { position: relative; padding: 0 0 0 56px; }
.faq-list-box dt:before, .faq-list-box dd:before { content: 'Q'; position: absolute; top: 0; left: 8px; width: 32px; height: 32px; text-align: center; background-color: #ffa900; color: #000; font-weight: bold; line-height: 32px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; }
.faq-list-box dt { margin-bottom: 16px; font-weight: bold; color: #000; }
.faq-list-box dd { margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px dotted #c6c9d3; }
.faq-list-box dd:before { content: 'A'; background-color: #000; color: #ffa900; }
.faq-list-box dd p:nth-last-child(-n + 1) { margin-bottom: 0; }
.faq-list-box dd b, .faq-list-box dd strong { color: #f36861; }
.faq-list-backtop { margin: 0; text-align: right; }

.contact-top { margin-bottom: 2.4rem; }
.contact-top-title { border: none !important; text-align: center; font-size: 2.44444rem; line-height: 1.45455; color: #000; font-weight: bold; }
@media (min-width: 48em) { .contact-top-title { font-size: 1.44444rem; line-height: 1.38462; } }
.contact-top-box { margin-bottom: 1.5rem; padding: 1.5rem; background-color: #f5f6f8; }
.contact-top-box .button { margin: 0; padding: 0; text-align: center; }
.contact-top-box .button.list { padding: 24px 0 0 0; border-top: 1px dotted #c6c9d3; }
.contact-top-box .button.list a { display: inline-block; vertical-align: top; margin: 0 0.5% 8px 0.5%; min-width: auto !important; }
@media (min-width: 48em) { .contact-top-box .button.list a { width: 32.333333%; } }
.contact-top-box .button i { margin-right: 8px; font-size: 16px; }

.gr-container .contact-faq-list { margin: 0; padding: 0; font-size: 0; }
@media (min-width: 48em) { .gr-container .contact-faq-list { margin: 0 -0.75rem; } }
.gr-container .contact-faq-list li { margin: 0 0 16px; padding: 0; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .gr-container .contact-faq-list li { display: inline-block; vertical-align: top; width: 33.33333333%; margin: 0 0 8px; padding: 0 0.75rem; font-size: 0.77778rem; line-height: 1.71429; } }
.gr-container .contact-faq-list li:before { display: none; }
.gr-container .contact-faq-list a { display: block; padding: 15px; border: none; background-color: #ffa900; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.gr-container .contact-faq-list .title { position: relative; margin: 0 0 8px; padding: 0 0 0 32px; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .gr-container .contact-faq-list .title { font-size: 1rem; line-height: 1.55556; } }
.gr-container .contact-faq-list .title:before { content: ''; position: absolute; left: 0; top: 4px; width: 24px; height: 24px; background-color: #fff; border: none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.gr-container .contact-faq-list .title:after { content: '\f105'; font-family: FontAwesome; position: absolute; top: 0; left: 9px; color: currentColor; font-weight: normal; }
.gr-container .contact-faq-list p:nth-last-child(-n + 1) { margin: 0; }
.gr-container .contact-faq-new { margin: 0; padding: 0; }
.gr-container .contact-faq-new li { margin: 0; padding: 0; border-bottom: 1px solid #c6c9d3; }
.gr-container .contact-faq-new li:before { display: none; }
.gr-container .contact-faq-new a { position: relative; display: block; padding: 16px 8px 16px 56px; border: none; }
.gr-container .contact-faq-new a:before { content: 'Q'; position: absolute; left: 12px; top: 14px; width: 32px; height: 32px; background-color: #ffa900; color: #000; font-weight: bold; font-size: 18px; line-height: 32px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

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: 8px 4px; 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.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .wpcf7 .midashi { font-size: 0.88889rem; } }
@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 .option, .wpcf7 .optional { display: inline-block; vertical-align: top; padding: 1px 8px; margin: 0 10px; background-color: #d70c19; color: #fff; font-size: 1.33333rem; line-height: 1.83333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
@media (min-width: 48em) { .wpcf7 .required, .wpcf7 .option, .wpcf7 .optional { font-size: 0.66667rem; } }
.wpcf7 .option { background-color: #555; }
.wpcf7 .optional { padding: 0; background-color: black; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .wpcf7 .optional { font-size: 0.77778rem; } }
.wpcf7 .optional label { display: inline-block; padding: 8px 16px; }
.wpcf7 .optional input[type="checkbox"] { margin-right: 6px; }
.wpcf7 .control-wrap { font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .wpcf7 .control-wrap { font-size: 0.77778rem; } }
@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: #000 !important; text-align: center; background-color: #ffa900; border: 1px solid #ffa900 !important; font-size: 1.55556rem; 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.77778rem; }
  .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: #000; border: 1px solid #000 !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: #ffa900; color: #000; 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: #ffa900 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.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .form-kiyaku { font-size: 0.77778rem; } }
.form-kiyaku br { display: block; }

@media (min-width: 62em) { .wpcf7 .midashi { width: 40%; } }
@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%; }

.catalog-download { position: relative; background-image: url(img/bg_top_catalog_re.png); background-position: top center; background-repeat: repeat; background-color: #131313; background-size: 39px 43px; }
.catalog-download-title { margin: 0 !important; padding: 16px 8px !important; border: none !important; background-color: #ffa900 !important; font-size: 2.66667rem; line-height: 1.41667; letter-spacing: 0.05em; text-align: center; color: #fff; }
@media (min-width: 48em) { .catalog-download-title { font-size: 1.33333rem; } }
.catalog-download-title:before { display: none; }
.catalog-download-title span { display: block; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .catalog-download-title span { font-size: 0.77778rem; } }
.catalog-download-img { display: block; margin-bottom: 2rem !important; }
.catalog-download-img a { display: block; padding: 0 !important; border: none !important; }
.catalog-download-img img { display: block; margin: 0 auto 16px auto; width: 300px; border: 5px solid #fff; }
@media (min-width: 48em) { .catalog-download-img img { display: inline-block; vertical-align: top; margin: 0 8px 16px 8px; width: auto; height: 400px; } }
.catalog-download-img .caption { display: block; padding: 0; font-weight: bold; font-size: 2rem; line-height: 1.55556; letter-spacing: 0.05em; text-align: center; color: #fff; }
@media (min-width: 48em) { .catalog-download-img .caption { font-size: 1rem; } }
.catalog-download-text { position: relative; padding: 1.5rem; z-index: 1; text-align: center; color: #fff; }
.catalog-download-list { position: relative; display: block; margin: 0 0 1.5rem; padding: 16px !important; background-color: #fff; border: none !important; z-index: 5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); }
@media (min-width: 62em) { .catalog-download-list:hover { opacity: 1; background-color: #ffa900; }
  .catalog-download-list:hover .icon { background-color: #fff; color: #ffa900; }
  .catalog-download-list:hover .button span { color: #000; background-color: #fff; } }
.catalog-download-list .titile { margin: 0 0 16px 74px; padding: 18px 0 0 0; font-size: 2rem; line-height: 1.55556; font-weight: bold; text-align: left; color: #000; }
.catalog-download-list .titile:before { display: none; }
@media (min-width: 48em) { .catalog-download-list .titile { font-size: 1rem; } }
@media (min-width: 62em) { .catalog-download-list .titile { margin-bottom: 72px; } }
.catalog-download-list .icon { position: relative; float: left; margin: 0 auto 1.6rem auto; width: 64px; height: 64px; background-color: #ffa900; text-align: center; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
@media (min-width: 62em) { .catalog-download-list .icon { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.catalog-download-list .icon i { position: absolute; top: 50%; right: 0; left: 0; bottom: 0; margin: auto; font-size: 30px; line-height: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.catalog-download-list .button { clear: both; margin: 0 auto; text-align: center; font-size: 1.55556rem; line-height: 1.71429; color: #fff; }
@media (min-width: 48em) { .catalog-download-list .button { font-size: 0.77778rem; } }
@media (min-width: 62em) { .catalog-download-list .button { position: absolute; left: 16px; right: 16px; bottom: 16px; } }
.catalog-download-list .button span { position: relative; display: block; padding: 8px 20px; background-color: #000; overflow: hidden; white-space: nowrap; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
@media (min-width: 62em) { .catalog-download-list .button span { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.catalog-download-button { margin: 0 auto; width: 90%; text-align: center; }
@media (min-width: 48em) { .catalog-download-button { width: 340px; } }
.catalog-download-button a { position: relative; display: block; padding: 16px 20px !important; background-color: #fff; border: none !important; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.catalog-download-button a:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; font-size: 14px; line-height: 1; margin-top: -7px; }
@media (min-width: 62em) { .catalog-download-button a:hover { opacity: 1; color: #fff; background-color: #000; } }
.catalog-download-new { position: relative; padding: 1.5rem; z-index: 1; text-align: center; color: #fff; }
.catalog-download-new a { display: block; border: none !important; }
.catalog-download-main, .catalog-download-sub { position: relative; min-height: 1px; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 1.5rem; text-align: center; font-size: 0; }
.catalog-download-main .catalog-mainlist, .catalog-download-main .catalog-sublist a, .catalog-download-sub .catalog-mainlist, .catalog-download-sub .catalog-sublist a { position: relative; display: block; margin: 0 auto; padding: 16px; max-width: 460px; z-index: 5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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); }
@media (min-width: 48em) { .catalog-download-main .catalog-mainlist, .catalog-download-main .catalog-sublist a, .catalog-download-sub .catalog-mainlist, .catalog-download-sub .catalog-sublist a { max-width: 100%; } }
@media (min-width: 48em) { .catalog-download-main .catalog-mainlist, .catalog-download-sub .catalog-mainlist { margin: 0 0.75rem; } }
.catalog-download-main .catalog-mainlist .titile, .catalog-download-sub .catalog-mainlist .titile { color: #fff; }
.catalog-download-main .catalog-mainlist > div:nth-last-child(-n + 1), .catalog-download-sub .catalog-mainlist > div:nth-last-child(-n + 1) { padding-bottom: 0.75rem; }
@media (min-width: 62em) { .catalog-download-main .catalog-mainlist a:hover, .catalog-download-sub .catalog-mainlist a:hover { opacity: 1; }
  .catalog-download-main .catalog-mainlist a:hover .button span, .catalog-download-sub .catalog-mainlist a:hover .button span { color: #fff; background-color: #000; } }
@media (min-width: 48em) { .catalog-download-main .catalog-sublist, .catalog-download-sub .catalog-sublist { display: inline-block; vertical-align: top; width: 50%; padding: 0 0.75rem; } }
.catalog-download-main .catalog-sublist a, .catalog-download-sub .catalog-sublist a { background-color: #fff; }
@media (min-width: 62em) { .catalog-download-main .catalog-sublist a:hover, .catalog-download-sub .catalog-sublist a:hover { opacity: 1; }
  .catalog-download-main .catalog-sublist a:hover .button span, .catalog-download-sub .catalog-sublist a:hover .button span { color: #000; background-color: #ffa900; } }
.catalog-download-main .titile, .catalog-download-sub .titile { margin: 0 0 20px 0; padding: 0; font-size: 2rem; line-height: 1.55556; font-weight: bold; text-align: center; color: #000; }
.catalog-download-main .titile:before, .catalog-download-sub .titile:before { display: none; }
@media (min-width: 48em) { .catalog-download-main .titile, .catalog-download-sub .titile { font-size: 1rem; } }
.catalog-download-main .icon, .catalog-download-sub .icon { position: relative; margin: 0 auto 8px auto; width: 64px; height: 64px; background-color: #ffa900; text-align: center; color: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
@media (min-width: 62em) { .catalog-download-main .icon, .catalog-download-sub .icon { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.catalog-download-main .icon i, .catalog-download-sub .icon i { position: absolute; top: 50%; right: 0; left: 0; bottom: 0; margin: auto; font-size: 30px; line-height: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.catalog-download-main .button, .catalog-download-sub .button { clear: both; margin: 0 auto; text-align: center; font-size: 1.55556rem; line-height: 1.71429; }
@media (min-width: 48em) { .catalog-download-main .button, .catalog-download-sub .button { font-size: 0.77778rem; } }
.catalog-download-main .button span, .catalog-download-sub .button span { position: relative; display: block; margin: 0 auto; padding: 8px 20px; max-width: 320px; color: #fff; background-color: #000; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }
@media (min-width: 62em) { .catalog-download-main .button span, .catalog-download-sub .button span { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } }
.catalog-download-main .link, .catalog-download-sub .link { display: block; vertical-align: top; padding: 0 0 2.5rem 0; }
@media (min-width: 48em) { .catalog-download-main .link, .catalog-download-sub .link { display: inline-block; width: 50%; padding: 0 1.5rem 0.75rem 1.5rem; } }
.catalog-download-main .link a, .catalog-download-sub .link a { display: block; color: #000; }
@media (min-width: 62em) { .catalog-download-main .link a:hover, .catalog-download-sub .link a:hover { opacity: 1; } }
.catalog-download-main .link img, .catalog-download-sub .link img { display: block; margin: 0 auto; border: 5px solid #fff; }
.catalog-download-main .link figure, .catalog-download-sub .link figure { position: relative; margin: 0; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .catalog-download-main .link figure, .catalog-download-sub .link figure { font-size: 0.88889rem; } }
.catalog-download-main .link figcaption, .catalog-download-sub .link figcaption { display: block; padding: 0.50rem 0 16px; color: #fff; font-weight: bold; }
.catalog-download-main .link figcaption span, .catalog-download-sub .link figcaption span { display: inline-block; margin: 0 4px; font-size: 1.33333rem; line-height: 1.83333; }
@media (min-width: 48em) { .catalog-download-main .link figcaption span, .catalog-download-sub .link figcaption span { font-size: 0.66667rem; } }
.catalog-download-main .link .button span, .catalog-download-sub .link .button span { color: #000; background-color: #ffa900; }
.catalog-download-sub > div { margin-bottom: 1.5rem; }
.catalog-download-sub .icon { width: 48px; height: 48px; }
.catalog-download-sub .icon i { font-size: 24px; }

.search-header { margin-bottom: 2.4rem; padding: 1.5rem; background-color: #f5f6f8; border-top: 1px solid #e6e9ee; text-align: center; }
.search-header .title-main { margin: 0; font-size: 2.22222rem; line-height: 1.5; color: #000; }
@media (min-width: 48em) { .search-header .title-main { font-size: 1.11111rem; } }
.search-header .title-main i { display: block; margin-bottom: 4px; color: #ffa900; }
.search-title { margin: 0 0 1.6rem; font-size: 2.66667rem; line-height: 1.41667; color: #000; font-weight: normal; }
@media (min-width: 48em) { .search-title { font-size: 1.33333rem; } }
.search-title > span { display: block; margin: 0 0 0 28px; }
.search-title strong { font-size: 3.11111rem; line-height: 1.35714; color: #000; font-weight: bold; }
@media (min-width: 48em) { .search-title strong { font-size: 1.55556rem; } }
.search-title i { float: left; padding: 6px 0 0; font-size: 24px; line-height: 1; color: #ffa900; }

.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: 2rem; line-height: 1.55556; text-align: center; color: #000; }
@media (min-width: 48em) { .error-search .title { float: left; width: 30%; padding: 12px 0; font-size: 1rem; } }
.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; }

.new-laundry { margin-bottom: 2.0rem; }
.new-laundry .title { margin-bottom: 4px; padding: 16px 16px 16px 40px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.new-laundry .title:before { border-color: #fff; top: 25px; left: 16px; }
.new-laundry .box { padding: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.new-laundry .box ul { margin: 0; display: table; width: 100%; font-size: 0; }
.new-laundry .box li { margin: 0; padding: 0; display: block; }
.new-laundry .box li:before { display: none; }
@media (min-width: 48em) { .new-laundry .box li { display: inline-block; width: 50%; } }
@media (min-width: 64em) { .new-laundry .box li { width: 33.333333333%; } }
.new-laundry .box .img, .new-laundry .box .text { display: table-cell; vertical-align: middle; width: 30%; padding: 8px; }
.new-laundry .box .img figure { margin: 0; width: 100px; height: 100px; overflow: hidden; background-color: #fff; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.new-laundry .box .img img { margin-top: 20px; width: 60px; }
.new-laundry .box .text { width: 70%; font-size: 1.77778rem; line-height: 1.625; }
@media (min-width: 48em) { .new-laundry .box .text { font-size: 0.88889rem; } }
.new-laundry .box .text p { margin: 0; padding: 8px 0; }
.new-laundry.katei .title { background-color: #ffabb5; }
.new-laundry.katei .box { background-color: #ffdee2; }
.new-laundry.hyouhaku .title { background-color: #ffdb93; }
.new-laundry.hyouhaku .box { background-color: #ffecc6; }
.new-laundry.tumble .title { background-color: #ffff91; }
.new-laundry.tumble .box { background-color: #ffffc4; }
.new-laundry.shizen .title { background-color: #e1f389; }
.new-laundry.shizen .box { background-color: #edf8b7; }
.new-laundry.iron .title { background-color: #b1eda9; }
.new-laundry.iron .box { background-color: #d7f6d3; }
.new-laundry.cleaning .title { background-color: #aae1e8; }
.new-laundry.cleaning .box { background-color: #d2eff3; }

/* --- 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 ----------------------------------------------------------------------------------------- */
.container-body { padding: 0 0 16px 0; /* image */ /* icon */ /* table */ /* list */ /* block quote */ }
.container-body h2 { clear: both; margin-bottom: 1.0rem; padding: 14px 20px; background-color: #fff; border-top: 4px solid #ffa900; border-bottom: 2px solid #d7dbe3; }
.container-body h3 { position: relative; margin-bottom: 1.4rem; padding: 0 0 0 24px; }
.container-body h3:before { content: ''; position: absolute; left: 0; top: 7px; width: 16px; height: 16px; border: 4px solid #ffa900; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.container-body h4 { margin-bottom: 1.2rem; padding: 0 0 0 18px; border-left: 3px solid #ffa900; }
.container-body h5, .container-body h6 { margin-bottom: 1.0rem; }
.container-body h2 { font-size: 2.66667rem; line-height: 1.41667; color: #000; font-weight: bold; }
.container-body h3 { font-size: 2.22222rem; line-height: 1.5; color: #000; font-weight: bold; }
.container-body h4 { font-size: 2rem; line-height: 1.55556; color: #000; font-weight: bold; }
.container-body h5 { font-size: 1.77778rem; line-height: 1.625; color: #000; font-weight: bold; }
.container-body h6 { font-size: 1.55556rem; line-height: 1.71429; color: #000; font-weight: bold; }
@media (min-width: 48em) { .container-body h2 { margin-bottom: 1.4rem; font-size: 1.33333rem; }
  .container-body h3 { margin-bottom: 0.8rem; font-size: 1.11111rem; }
  .container-body h4 { margin-bottom: 0.8rem; font-size: 1rem; }
  .container-body h5 { margin-bottom: 0.8rem; font-size: 0.88889rem; }
  .container-body h6 { margin-bottom: 0.8rem; font-size: 0.77778rem; } }
.container-body p { margin-bottom: 2.0em; }
.container-body a { color: #43b3cb; padding-bottom: 1px; border-bottom: 1px dotted #43b3cb; }
.container-body a.img { border-bottom: none; display: inline-block; }
@media (min-width: 48em) { .container-body a[href^="tel:"] { pointer-events: none; color: #555; border-bottom: none; } }
.container-body img { height: auto; max-width: 100%; width: auto; margin: 4px auto 8px auto; }
.container-body img.centered, .container-body div.centered { display: block; margin: 24px auto; }
.container-body img.aligncenter, .container-body div.aligncenter { display: block; margin: 24px auto; }
.container-body img.alignright, .container-body div.alignright { float: none; margin: 4px auto 16px auto; display: block; }
.container-body img.alignleft, .container-body div.alignleft { float: none; margin: 4px auto 16px auto; display: block; }
.container-body .wp-caption { max-width: 100%; padding: 0; margin: 24px auto; }
.container-body .wp-caption.alignright { float: none; margin: 4px auto 16px auto; }
.container-body .wp-caption.alignleft { float: none; margin: 4px auto 16px auto; }
.container-body .wp-caption.aligncenter { margin: 24px auto; }
.container-body .wp-caption img { display: block; margin: 0 auto 6px auto; max-width: 100%; }
.container-body .wp-caption .wp-caption-text { padding: 0; font-size: 14px; }
@media (min-width: 48em) { .container-body img.alignright, .container-body div.alignright { float: right; margin: 4px 0 30px 30px; display: inline; }
  .container-body img.alignleft, .container-body div.alignleft { float: left; margin: 4px 30px 30px 0; display: inline; }
  .container-body .wp-caption.alignright { float: right; margin: 4px 0 30px 30px; }
  .container-body .wp-caption.alignleft { float: left; margin: 4px 30px 30px 0; } }
.container-body i.fa { margin-right: 6px; }
.container-body table { margin: 0 0 2.0rem 0; width: 100%; }
.container-body table th, .container-body table td { border: 1px solid #e6e9ee; background-color: #fff; padding: 0.75rem; vertical-align: top; text-align: left; }
.container-body table th { background-color: #f5f6f8; font-weight: bold; }
.container-body table.block th, .container-body table.block td { display: block; width: 100%; }
.container-body table.block td { margin: -1px 0; }
@media (min-width: 48em) { .container-body table.block th, .container-body table.block td { display: table-cell; }
  .container-body table.block th { width: 25%; } }
.container-body dt, .container-body dd { margin: 0; }
.container-body ul { margin: 0 0 24px; padding: 0; list-style: none; }
.container-body ul li { position: relative; margin: 0 0 8px; padding: 0 0 0 28px; }
.container-body ul li:before { content: '\f111'; font-family: FontAwesome; position: absolute; left: 8px; top: 9px; font-size: 10px; line-height: 1; color: #ffa900; }
.container-body ol { margin: 0 0 24px; padding: 0; list-style: none; counter-reset: num; }
.container-body ol li { position: relative; margin: 0 0 8px; padding: 0 0 0 28px; }
.container-body ol li:before { counter-increment: num; content: counter(num); position: absolute; left: 2px; top: 4px; width: 21px; height: 21px; border: 1px solid #ffa900; font-weight: bold; font-family: Roboto; font-size: 16px; line-height: 19px; text-align: center; color: #ffa900; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
.container-body ul.anchor-link { position: relative; text-align: center; font-size: 0; margin-bottom: 1.5rem; }
.container-body ul.anchor-link li { display: block; margin: 0 1.5rem 1.5rem 1.5rem; padding: 0; font-size: 1.55556rem; line-height: 1.71429; }
.container-body ul.anchor-link li:before { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #c6c9d3; }
.container-body ul.anchor-link li:after { content: ''; position: absolute; top: 0; right: -1px; width: 1px; height: 100%; background-color: #c6c9d3; }
@media (min-width: 48em) { .container-body ul.anchor-link li { display: inline-block; vertical-align: top; margin: 0 0 1.5rem 0; padding: 0 0.75rem; width: 25%; font-size: 0.77778rem; }
  .container-body ul.anchor-link li:before { display: none; }
  .container-body ul.anchor-link li:nth-child(4n+1):before { display: block; } }
.container-body ul.anchor-link a { position: relative; padding: 15px 15px 30px 15px; display: block; border: none; color: #000; text-align: center; }
.container-body ul.anchor-link a:before { content: '\f107'; font-family: FontAwesome; position: absolute; bottom: 10px; right: 0; left: 0; margin: auto; font-size: 14px; line-height: 1; color: #000; }
.container-body 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; }
.container-body 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; }
.container-body 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; }

/* gallery */
.gallery { margin: 0 -0.75rem !important; padding: 0 0 1.8rem; list-style: none; }
@media (min-width: 48em) { .gallery { margin: 0 -0.375rem !important; } }
.gallery-item { float: left; width: 50%; margin: 0 !important; padding: 0 0.75rem 1.5rem 0.75rem !important; text-align: center; }
.gallery-item:before { display: none; }
@media (min-width: 30em) { .gallery-item { width: 33.333333%; } }
@media (min-width: 48em) { .gallery-item { width: 20%; padding: 0 0.375rem 0.75rem 0.375rem !important; } }
.gallery-item img { margin: 0 auto !important; }
.gallery-item a { border: 2px #c6c9d3 solid; display: block; background-color: #fff; padding: 0; }
.gallery-caption { padding: 4px; font-size: 1.55556rem; line-height: 1.625; }
@media (min-width: 48em) { .gallery-caption { font-size: 0.77778rem; } }
@media (min-width: 30em) { .gallery-columns-2 .gallery-item { width: 50%; } }
@media (min-width: 48em) { .gallery-columns-3 .gallery-item { width: 33.333333%; } }
@media (min-width: 48em) { .gallery-columns-4 .gallery-item { width: 25%; } }
@media (min-width: 48em) { .gallery-columns-5 .gallery-item { width: 20%; } }

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

.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 #c6c9d3 solid; width: 40px; height: 40px; line-height: 40px; background-color: #ffa900; color: #000; }

.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: #ffa900; color: #000; }

.pagesprit a .numbers { background-color: #000; color: #ffa900; }

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

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

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

.wp-pagenavi .last { color: #000; border: none; }

.wp-pagenavi .current { background-color: #ffa900; color: #000; }

.wp-pagenavi .page:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .last:hover { color: #ffa900; }

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

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