@charset "UTF-8"; /* Theme Name: REVOnet child2 Template: revonet2 Description: レスポンシブWPカスタム専用テーマ。This theme produced by REVOnet. */ @import url("../revonet2/style.css"); /*14-16*/ .blue1_bg { background: #3498db !important; color: #fff; border: none; } .orange1_bg { background: #FE921D !important; color: #fff; border: none; } .red1_bg { background: #d62f1d !important; color: #fff; border: none; } .green1_bg { background: #1abc9c !important; color: #fff; border: none; } .blue2_bg { background: #72a7f7 !important; color: #fff; border: none; } .orange2_bg { background: #f9ca42 !important; color: #fff; border: none; } .red2_bg { background: #e37466 !important; color: #fff; border: none; } .green2_bg { background: #31e1c0 !important; color: #fff; border: none; } .blue3_bg { background: #9fc1f9 !important; color: #fff; border: none; } .orange3_bg { background: #fbdf68 !important; color: #fff; border: none; } .red3_bg { background: #ea9c94 !important; color: #fff; border: none; } .green3_bg { background: #7acda7 !important; color: #fff; border: none; } .blue1 { color: #3498db !important; } .orange1 { color: #FE921D !important; } .red1 { color: #d62f1d !important; } .green1 { color: #1abc9c !important; } .blue2 { color: #72a7f7 !important; } .orange2 { color: #f9ca42 !important; } .red2 { color: #e37466 !important; } .green2 { color: #31e1c0 !important; } .blue3 { color: #9fc1f9 !important; } .orange3 { color: #fbdf68 !important; } .red3 { color: #ea9c94 !important; } .green3 { color: #7acda7 !important; } html { font-size: 14px; line-height: 160%; } body { font-size: 14px; line-height: 160%; height: 100%; } @media screen and (max-width: 767px) { body { line-height: 120%; } } body a { color: #2f6ae3; text-decoration: none; } body a:hover { color: #168eeb; text-decoration: underline; } .lead { color: #175ba4; } h1 { border-bottom: 1px solid #3498db; border-top: 1px solid #3498db; color: #3498db; font-weight: bold; text-align: center; margin-bottom: 40px; } h1 a { color: #3498db; } @media (min-width: 1200px) { h1 { font-size: 24px !important; } } h2 { margin: 0; background: none; color: #222; text-align: center; font-weight: bold; font-size: 1.6rem; line-height: 160%; } @media (min-width: 1200px) { h2 { font-size: 22px !important; } } @media screen and (max-width: 767px) { h2 { padding: 5px 10px; } } h3 { background: none; padding: 5px 10px; border: none; background-color: #1abc9c; margin: 20px 0; color: #fff; padding: 10px 20px; font-size: 1.6rem; } @media (min-width: 1200px) { h3 { font-size: 22px !important; } } @media screen and (max-width: 767px) { h3 { padding: 5px 10px; } } h3 i { margin-right: 5px; color: #ffea5c; } h3.none { background: none; padding: 0; border: none; } h3.info { background-image: url("images/h3InfoBg.png"); background-position: 10px center; padding-left: 50px; border: none; border-bottom: 1px solid #000; } h3.kuma { background-image: url("images/h3kumaBg.png"); } h4 { font-size: 1rem; padding: 10px 10px; line-height: 100%; font-weight: bold; margin-top: 20px; margin-bottom: 0; position: relative; background: none; border: none; color: #222; } @media (min-width: 1200px) { h4 { font-size: 18px !important; } } h4:after, h4:before { display: none; } /* ■■■■■■■■■■■■■■■■ ■■■■　　　　　　　■■■■■ ■■■■　 header 　■■■■■ ■■■■　　　　　　　■■■■■ ■■■■■■■■■■■■■■■■ */ #header { padding-top: 0; min-height: 0; } #header ul { margin: 0; width: auto; } #header h1 { font-size: 86%; line-height: 100%; } @media screen and (max-width: 767px) { #header #head_wrap { padding-left: 10px; } } @media screen and (max-width: 767px) { #header #head_wrap.is-fixed { background-color: #fff; position: fixed; top: 0; z-index: 99; width: 100%; filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); } } #header #header_box { margin-bottom: 0; } #header #header_box li:nth-of-type(2) { display: block; } #header #header_inner { display: flex; width: 100%; justify-content: space-between; align-items: center; height: auto; box-sizing: border-box; } #header #header_inner li { text-align: center; list-style-type: none; } #header #header_inner li:nth-of-type(1) { flex-basis: 100%; padding: 10px; } #header #header_inner li:nth-of-type(1) img { width: auto; max-width: 200px; } #header #header_inner li:nth-of-type(2) { display: none; } @media screen and (max-width: 767px) { #header #header_inner { height: 15vw; } #header #header_inner li { text-align: center; list-style-type: none; } #header #header_inner li:nth-of-type(1) { flex-basis: 42%; padding: 5px; } #header #header_inner li:nth-of-type(1) img { width: 80%; } #header #header_inner li:nth-of-type(2) { flex-basis: 58%; display: block; } } #header #header_inner .burger-btn { color: #fff; display: block; width: 18vw; height: 15vw; position: relative; border: none; background-color: #1abc9c; margin: 0; display: table-cell; text-align: center; vertical-align: middle; padding-top: 5px; } #header #header_inner .burger-btn:nth-of-type(2) { background-color: #3498db; } #header #header_inner .burger-btn:nth-of-type(3) { background-color: #f39c12; } #header #header_inner .burger-btn i { margin: 0 auto; letter-spacing: 0; } #header #header_inner .burger-btn a { color: #fff; font-size: auto; } #header #header_inner .bar { width: 20px; height: 2px; display: block; margin: 0 auto; background-color: #fff; } #header #header_inner .bar_mid { margin-top: 5px; } #header #header_inner .bar_bottom { margin-top: 5px; } #header #header_inner .nav_name { display: inline-block; width: 100%; padding: 2px 5px; margin-top: 4px; font-size: calc(0.625rem + ((1vw - 6px) * 0.6667)); text-align: center; } #header #search { float: right; margin-right: 10px; } #header #logo { text-align: center; clear: both; float: none; max-width: 100%; margin-left: 0; margin-bottom: 0; padding: 10px; width: auto; height: 80%; } @media screen and (max-width: 767px) { #header #logo { width: 80%; max-width: 100%; margin: 0 auto; } #header #logo img { max-width: 100%; } } #header #haeder_r { clear: right; float: right; max-width: 30%; margin: 0; text-align: center; margin-right: 10px; } @media screen and (max-width: 767px) { #header #haeder_r { display: none; } } #header #haeder_r li { padding: 5px 0; } #header #site_description { float: none; height: 36px; color: #222; background-color: #dfe6e9; font-weight: normal; margin: 0; border: none; padding: 10px; padding-right: 0px; font-size: 12px; line-height: 160%; text-align: center; max-width: none; width: 100%; } @media screen and (max-width: 767px) { #header #site_description { display: block; float: none; width: 100%; } } #header #xs-nav { display: none; } #header #xs-nav a { color: #1abc9c; font-size: 100%; } #header #xs-nav a i { font-size: 14px; } #header #xs-nav .btn { padding: 6px; } #header #xs-nav .drawer-hamburger { top: 36px; } @media screen and (max-width: 767px) { #header #xs-nav { display: table; float: none; margin: 0; margin-top: 0; } } #nav-xs { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; z-index: 999; transition: all 0.5s 0s ease; /*transitionの記述を追加*/ background-color: rgba(22, 35, 56, 0.96); } #nav-xs.open { right: 0px; } #nav-xs .cta-tel { font-size: 20px; font-weight: bold; } #nav-xs .cta-visit, #nav-xs .cta-event { text-align: center; } #nav-xs .cta-visit a { background-color: #1abc9c; } #nav-xs .cta-event a { background-color: #3498db; } #our_sites { display: none; position: fixed; z-index: 99; width: 100%; background-color: rgba(228, 228, 228, 0.97); width: 100%; height: 100vh; padding: 10px; } #our_sites #sites_close { padding: 10px; text-align: right; display: block; } #our_sites .sites_list { margin: 10px 20px; } #our_sites .sites_list li { list-style-type: none; margin-bottom: 10px; } .xs_nav_header { display: table; background-color: rgba(0, 16, 45, 0.96); margin: 0; width: 100%; } .xs_nav_header li { list-style-type: none; display: table-cell; width: 50%; padding: 14px; vertical-align: middle; } .xs_nav_header li:nth-of-type(1) { text-align: center; padding-left: 20px; position: relative; } .xs_nav_header li:nth-of-type(2) { text-align: right; padding-right: 14px; } .xs_nav_header li img { max-width: 100%; } .xs_nav_header li #xs_close { padding: 5px; color: #000; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); border-left: 1px solid #ddd; padding-left: 10px; } /* ■■■■■■■■■■■■■■■■ ■■■■　　　　　　　■■■■■ ■■■■　 nav 　■■■■■ ■■■■　　　　　　　■■■■■ ■■■■■■■■■■■■■■■■ */ #nav { background-color: #fff !important; background: none; width: 100%; margin-bottom: 0; line-height: 100%; position: relative; z-index: 100; } @media screen and (max-width: 767px) { #nav { height: auto; background-image: none; } } #nav .container { text-align: center; display: flex; justify-content: center; width: 100%; align-items: center; padding: 0px 0; max-width: 1200px; background-color: #fff; } #nav .container #logo_pc li { padding: 0px 0; } #nav .container #logo_pc li a:hover { background-color: #fff; } #nav .container #head_nav { display: flex; align-items: center; justify-content: space-between; } #nav .container #head_nav li { vertical-align: middle; } #nav .container #head_nav li:nth-of-type(1) { flex-basis: 40%; } #nav .container #head_nav li:nth-of-type(2) { flex-basis: 30%; } #nav .container #head_nav li:nth-of-type(3) { flex-basis: 30%; } #nav .container #head_nav li > a { padding: 34px 0; } #nav .container #head_nav li:nth-of-type(4) { display: none; } #nav .container #head_nav i { display: none; } #nav .container #nav_pc { display: flex; flex-direction: column; margin-bottom: 10px; } #nav .container #nav_pc .inner_top { display: table; vertical-align: middle; padding: 10px 10px 0 10px; } #nav .container #nav_pc .inner_top #site_description { font-size: 12px; font-weight: normal; color: #000; border: none; text-align: left; margin-bottom: 0; display: inline-block; } #nav .container #nav_pc .inner_top li { display: table-cell; } #nav .container #nav_pc .inner_top li:nth-of-type(1) { text-align: left; } #nav .container #nav_pc .inner_top li:nth-of-type(2) { text-align: right; } #nav .container #nav_pc .inner_top li:nth-of-type(2) a { font-size: 14px; } #nav .container #nav_pc .inner_bottom { padding: 0px; table-layout: auto; } #nav .container #nav_pc .inner_bottom > li:nth-of-type(1) { text-align: left; width: 22%; padding: 0 0 10px 10px; } #nav .container #nav_pc .inner_bottom > li:nth-of-type(1) img { max-width: 80%; } #nav .container #nav_pc .inner_bottom > li #menu-head_nav_pc { display: table; } #nav .container #nav_pc .inner_bottom > li #menu-head_nav_pc > li { padding: 0; } #nav .container #nav_pc .inner_bottom > li #menu-head_nav_pc > li a { display: block; padding: 20px 8px; font-size: calc(0.75rem + ((1vw - 0.12px) * 0.1684)); font-weight: bold; width: 100%; height: 100%; } @media (min-width: 1040px) { #nav .container #nav_pc .inner_bottom > li #menu-head_nav_pc > li:nth-of-type(3) { width: 180px; } #nav .container #nav_pc .inner_bottom > li #menu-head_nav_pc > li:nth-of-type(5) { width: 180px; } } #nav .container #nav_pc .inner_bottom > li #menu-head_nav_pc i { margin-left: 4px; color: #FF6E00; } #nav .container .cta { display: flex; align-items: center; justify-content: flex-end; width: 100%; max-width: 500px; float: right; gap: 0px 10px; } #nav .container .cta li { vertical-align: middle; } #nav .container .cta li:nth-of-type(1) a { background-color: #1abc9c; } #nav .container .cta li:nth-of-type(1) a:hover { color: #1abc9c; background-color: rgba(26, 188, 156, 0.1); } #nav .container .cta li:nth-of-type(2) a { background-color: #f18006; } #nav .container .cta li:nth-of-type(2) a:hover { color: #f18006; background-color: rgba(241, 128, 6, 0.1); } #nav .container .cta li:nth-of-type(3) a { background-color: #e74c3c; } #nav .container .cta li:nth-of-type(3) a:hover { color: #e74c3c; background-color: rgba(231, 76, 60, 0.1); } #nav .container .cta li a { padding: 10px 20px; color: #fff; border-radius: 4px; } #nav .container .cta li a span { display: inline-block; margin-left: 10px; } #nav ul { display: table; margin: 0 auto; text-align: center; width: 100%; } #nav li { margin: 0; padding: 0; display: table-cell; vertical-align: middle; } #nav li.menu-item-has-children > a { position: relative; } #nav li.menu-item-has-children > a::after { display: none; } #nav li.menu-item-has-children:hover ul.sub-menu { visibility: visible; } #nav li.menu-item-has-children .sub-menu { display: none; top: 50px !important; } #nav li.menu-item-has-children .sub-menu li { padding: 0; } #nav li.menu-item-has-children .sub-menu li a { line-height: 160%; padding: 10px 10px !important; background-color: #fff; border: 1px solid #ddd; font-size: 13px !important; font-weight: normal !important; } #nav li.menu-item-has-children .sub-menu li a:hover { text-decoration: none; background-color: #eee !important; } @media screen and (max-width: 767px) { #nav li { display: block; text-align: left; } } #nav li a { font-size: calc(0.625rem + ((1vw - 0.12px) * 0.3367)); text-decoration: none; width: 100%; background-color: #fff; color: #222; display: block; height: 100%; width: 100%; padding: 0px; margin: 0; border: none; } #nav li a:hover { background-color: #fff; } @media screen and (max-width: 767px) { #nav li a { padding: 5px; background-color: #3498db; border-bottom: 1px solid #17a98c; display: block; position: relative; } #nav li a:hover { background-color: #3498db; } #nav li a::after { position: absolute; top: 50%; right: 10px; display: block; content: ''; width: 8px; height: 8px; margin-top: -4px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @media screen and (max-width: 767px) { #nav { display: none; margin-bottom: 0; } } #search { display: none; padding: 10px; background-color: #fafafa; } #head_nav_xs { text-align: left; margin: 0; /* 初期状態でサブメニューを非表示にしておく */ /* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */ /*.menu-item-has-children:hover .sub-menu { display: block; }*/ } #head_nav_xs li { list-style-type: none; } #head_nav_xs li .fa-plus { margin-right: 10px; } #head_nav_xs li .fa-angle-down { float: right; } #head_nav_xs li .sub-menu { display: none; } #head_nav_xs li.is_active a { color: #f9ca42; font-weight: bold; } #head_nav_xs li.is_active .sub-menu { display: block; } #head_nav_xs li.is_active .sub-menu a { color: #fff; font-weight: normal; } #head_nav_xs li.menu-item-has-children > a { pointer-events: none; } #head_nav_xs a { color: #fff; text-decoration: none; display: block; border-bottom: 1px solid #495b77; padding: 10px 20px; } #head_nav_xs .sub-menu { display: none; margin: 0 10px; width: 100%; } #head_nav_xs .sub-menu li a:before { content: ""; /* 空の要素作成 */ width: 5px; /* 幅指定 */ height: 5px; /* 高さ指定 */ display: inline-block; /* インラインブロックにする */ background-color: #f9ca42; /* 背景色指定 */ position: relative; /* 位置調整 */ top: 50%; /* 位置指定 */ border-radius: 40%; /* 要素を丸くする */ margin-right: 10px; /* 余白指定 */ } /* ■■■■■■■■■■■■■■■■ ■■■■　　　　　　　■■■■■ ■■■■　 bread 　■■■■■ ■■■■　　　　　　　■■■■■ ■■■■■■■■■■■■■■■■ */ #bread { text-align: left; padding: 5px 10px; font-size: 12px; background-color: #f8f8f8; margin-bottom: 10px; } #bread .container { text-align: left; padding: 10px; border-radius: 0px; background-color: #f8f8f8; color: #222; } @media screen and (min-width: 980px) and (max-width: 1199px) { #bread .container { width: 100%; } } #bread ul { margin: 0; } @media screen and (max-width: 767px) { #bread { background-color: #f8f8f8; font-size: 12px; } } #bread li { display: inline-block; } #bread li:last-child a::after { position: absolute; top: 50%; right: 5px; display: block; content: ''; width: 5px; height: 5px; margin-top: -4px; border-top: none; border-right: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #bread li a { color: #222; position: relative; display: inline-block; padding-right: 15px; text-decoration: none; width: auto; text-align: center; z-index: 0; margin-right: 3px; } #bread li a::after { position: absolute; top: 50%; right: 5px; display: block; content: ''; width: 5px; height: 5px; margin-top: -4px; border-top: 1px solid #888; border-right: 1px solid #888; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } /* ■■■■■■■■■■■■■■■■ ■■■■　　　　　　　■■■■■ ■■■■　 side 　■■■■■ ■■■■　　　　　　　■■■■■ ■■■■■■■■■■■■■■■■ */ #contentWrap #side img { margin-bottom: 20px; } #contentWrap #side img.no-margin { margin-bottom: 0; } /* ■■■■■■■■■■■■■■■■ ■■■■　　　　　　　■■■■■ ■■■■　 footer 　■■■■■ ■■■■　　　　　　　■■■■■ ■■■■■■■■■■■■■■■■ */ #footer #foot_nav.odd li:last-of-type a { width: 100%; } #footer ul { margin: 0; } #footer #foot_nav { background-color: #1abc9c; } #footer #foot_nav li { z-index: 70; display: inline-block; text-align: left; } @media screen and (max-width: 767px) { #footer #foot_nav li { display: block; } } #footer #foot_nav li a { display: inline-block; padding: 10px; color: #fff; } @media screen and (max-width: 767px) { #footer #foot_nav li a { font-size: 0.9rem; color: #fff; margin: 0px; padding: 5px 10px; display: block; float: left; width: 50%; border-bottom: 1px solid #2a7aaf; border-right: 1px solid #2a7aaf; background-color: #3498db; position: relative; } #footer #foot_nav li a:hover { text-decoration: none; background-color: #3498db; color: #fff; } #footer #foot_nav li a::after { position: absolute; top: 50%; right: 10px; display: block; content: ''; width: 8px; height: 8px; margin-top: -4px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } } #footer .container { text-align: center; } #footer img { vertical-align: middle; } #footerContact { clear: both; background-color: #1abc9c; padding: 10px; border: 2px solid #1abc9c; } #footerContact #footerTel { font-size: 200%; margin: 10px 0; } #footerContact #footerTel a { color: #fff; } #footerContact .btn-original { background-color: #fff; } #page-top { position: fixed; bottom: 50px; right: 0px; font-size: 12px; z-index: 100; } #page-top a { background: #FE921D; text-decoration: none; color: #fff; width: 40px; padding: 10px 0; text-align: center; display: block; } #page-top a:hover { text-decoration: none; background: #f9ca42; } /* ■■■■■■■■■■■■■■■■ ■■■■　　　　　　　■■■■■ ■■■■　 page 　■■■■■ ■■■■　　　　　　　■■■■■ ■■■■■■■■■■■■■■■■ */ body { font-size: 1rem; } @media (min-width: 1200px) { body { font-size: 18px !important; } } @media screen and (max-width: 767px) { body { margin-bottom: 80px; } } #mainImg { margin-bottom: 0; background-color: #222; } @media screen and (max-width: 979px) { #mainImg { padding-top: 0 !important; } } #mainImg .n2-section-smartslider .nextend-arrow { border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); padding: 20px; } .covid { padding: 14px; text-align: center; background-color: #ffeaa7; font-size: 1rem; } @media (min-width: 1200px) { .covid { font-size: 18px !important; } } .covid .btn { padding: 10px 60px; margin: 0 auto; background-color: #FE921D; border-radius: 50px; } @media screen and (max-width: 767px) { .covid .btn { padding: 8px 40px; } } .covid .btn:hover { background-color: #f9ca42; } .sec_base { padding: 30px 0; } @media screen and (max-width: 767px) { .sec_base { padding: 20px 0; } } #content_width { max-width: 1200px; } #showcase p, .parent-pageid-17492 p { padding: 0 10px; line-height: 160%; } #showcase p.mb0, .parent-pageid-17492 p.mb0 { margin-bottom: 0; } #showcase .btn, .parent-pageid-17492 .btn { margin-top: 60px; } @media screen and (max-width: 767px) { #showcase .btn, .parent-pageid-17492 .btn { margin-top: 30px; font-size: 0.85rem; } } #showcase h3, .parent-pageid-17492 h3 { margin-top: 40px; font-size: 1rem !important; } @media screen and (max-width: 767px) { #showcase h3, .parent-pageid-17492 h3 { margin-top: 20px; } } #showcase .content_slider, .parent-pageid-17492 .content_slider { height: 100%; display: flex; } #showcase .content_slider img, .parent-pageid-17492 .content_slider img { width: 400px; height: 300px; object-fit: cover; } @media screen and (max-width: 767px) { #showcase .content_slider img, .parent-pageid-17492 .content_slider img { width: 100vw; height: vw; } } #showcase .content_slider .slick-list, .parent-pageid-17492 .content_slider .slick-list { height: 100%; } #showcase .content_slider .slick-track, .parent-pageid-17492 .content_slider .slick-track { display: flex; } #showcase .content_slider .slick-slide, .parent-pageid-17492 .content_slider .slick-slide { height: auto !important; display: flex; flex-direction: column; } #showcase .content_slider .slider_frame, .parent-pageid-17492 .content_slider .slider_frame { padding: 0 5px; height: 100%; } #showcase .content_slider .slider_detail, .parent-pageid-17492 .content_slider .slider_detail { margin-top: 20px; text-align: left; padding: 0 10px 10px 10px; line-height: 160%; height: 100%; display: flex !important; flex-direction: column; } @media screen and (max-width: 767px) { #showcase .content_slider .slider_detail, .parent-pageid-17492 .content_slider .slider_detail { margin-top: 10px; } } #showcase .content_slider .slider_detail label, .parent-pageid-17492 .content_slider .slider_detail label { display: inline-block; border: 2px solid #000; padding: 5px 10px; padding-top: 6px; line-height: 100%; font-weight: bold; margin-bottom: 10px; margin-right: 5px; } @media screen and (max-width: 767px) { #showcase .content_slider .slider_detail label, .parent-pageid-17492 .content_slider .slider_detail label { font-size: 0.9rem; } } #showcase .content_slider .slider_detail .title, .parent-pageid-17492 .content_slider .slider_detail .title { font-size: 1rem; font-weight: bold; margin-bottom: 10px; flex: 1; } @media (min-width: 1200px) { #showcase .content_slider .slider_detail .title, .parent-pageid-17492 .content_slider .slider_detail .title { font-size: 18px !important; } } #showcase .content_slider .slider_detail .price, .parent-pageid-17492 .content_slider .slider_detail .price { text-align: center; background-color: #faf8e7; padding: 20px 0; } #showcase .content_slider .slider_detail .price .yen, .parent-pageid-17492 .content_slider .slider_detail .price .yen { font-weight: bold; padding: 0 5px; } #showcase .content_slider .slick-dots li, .parent-pageid-17492 .content_slider .slick-dots li { position: relative; display: inline-block; width: 18px; height: 18px; margin: 0; padding: 0; cursor: pointer; } #showcase .content_slider .slick-dots li button:before, .parent-pageid-17492 .content_slider .slick-dots li button:before { font-family: 'slick'; font-size: 11px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .67; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #showcase .content_slider .slick-dots li.slick-active button:before, .parent-pageid-17492 .content_slider .slick-dots li.slick-active button:before { opacity: .75; color: #1abc9c; } #showcase .content_slider .slick-current .slider_detail, .parent-pageid-17492 .content_slider .slick-current .slider_detail { display: block; } #showcase .content_slider .slide-arrow, .parent-pageid-17492 .content_slider .slide-arrow { position: absolute; padding: 180px 20px; display: table; } #showcase .content_slider .slide-arrow span, .parent-pageid-17492 .content_slider .slide-arrow span { line-height: 100%; display: table-cell; text-align: center; vertical-align: middle; background-color: rgba(255, 255, 255, 0.92); width: 30px; height: 50px; border-radius: 10%; } #showcase .content_slider .slide-arrow i, .parent-pageid-17492 .content_slider .slide-arrow i { color: #1abc9c; } #showcase .content_slider .slide-arrow.prev, .parent-pageid-17492 .content_slider .slide-arrow.prev { top: 0; left: 0px !important; z-index: 88; } #showcase .content_slider .slide-arrow.next, .parent-pageid-17492 .content_slider .slide-arrow.next { top: 0; right: 0px !important; z-index: 88; } #showcase .content_slider .slider_frame, .parent-pageid-17492 .content_slider .slider_frame { opacity: 1; } #showcase .content_slider .slider_frame.slick-current, .parent-pageid-17492 .content_slider .slider_frame.slick-current { opacity: 1; } @media screen and (max-width: 767px) { #showcase .content_slider .slider_frame, .parent-pageid-17492 .content_slider .slider_frame { opacity: 1; } } #showcase .summary_wrap img, .parent-pageid-17492 .summary_wrap img { margin-bottom: 20px; width: 292px; height: 195px; -o-object-fit: cover; object-fit: cover; } #campaign { background-color: #eee; } #campaign h2 { margin-bottom: 20px; } @media screen and (max-width: 767px) { #campaign h2 { margin-bottom: 0; } #campaign h2 .nextend-arrow-next, #campaign h2 .nextend-arrow-previous { border-radius: 50%; background-color: #fff; padding: 20px; } } .btn { padding: 10px 20px; max-width: 700px; margin: 0 auto; margin-bottom: 20px; } @media screen and (max-width: 767px) { .btn { margin-bottom: 0; } } .btn a { display: block; padding: 15px 40px; background-color: #d62f1d; color: #fff; text-decoration: none; } .container { text-align: center; } #service { background-color: #f4f4f4; padding: 60px 30px; } @media screen and (max-width: 767px) { #service { padding: 20px; } } #service .service_tab { display: flex; justify-content: space-between; margin-bottom: 0; } #service .service_tab li { list-style-type: none; flex-basis: 30%; font-size: 80%; font-weight: bold; padding: 10px 5px; vertical-align: middle; position: relative; /* float回り込み解除*/ overflow: hidden; position: relative; } #service .service_tab li:nth-of-type(1) { background-color: #1abc9c; } #service .service_tab li:nth-of-type(1) a { color: #fff; text-decoration: none; } #service .service_tab li:nth-of-type(2) { background-color: #fff; } #service .service_tab li:nth-of-type(2) a { color: #1abc9c; text-decoration: none; padding-top: 24px; } #service .service_tab li:nth-of-type(3) { background-color: #fff; } #service .service_tab li:nth-of-type(3) a { color: #1abc9c; text-decoration: none; } #service .service_tab li a { display: block; height: 100%; width: 100%; } #service .tab_main { background-color: #e9f5f1; border: 2px solid #1abc9c; margin-bottom: 20px; } #service .tab_main h3 { background-color: transparent; color: #1abc9c; } #service .tab_main h3:nth-of-type(2), #service .tab_main h3:nth-of-type(3) { border-top: 2px solid #1abc9c; margin-top: 20px; padding-top: 40px; } #service .tab_main h3 i { color: #1abc9c; max-width: 25px; } #service .srv_list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 20px; } @media screen and (max-width: 767px) { #service .srv_list { display: block; padding: 0; } } @media screen and (max-width: 767px) { #service { padding: 20px 10px; } } #service .srv_frame { flex-basis: 48%; } #service .srv_frame .btn { text-align: center; margin-bottom: 40px; } #service .srv_frame .btn a { background-color: #1abc9c; border-radius: 50px; max-width: 240px; margin: 0 auto; padding: 10px 20px; font-size: 0.9rem; } #service .srv_frame .btn i { color: #ffea5c; margin-right: 6px; } #event { line-height: 120%; } #event a { color: #222; } #event .slide-arrow { position: relative; display: table; padding: 180px 20px; } #event .slide-arrow span { position: absolute; top: 50%; line-height: 100%; display: table-cell; text-align: center; vertical-align: middle; background-color: rgba(255, 255, 255, 0.92); width: 30px; height: 50px; border-radius: 10%; z-index: 99; filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); } #event .slide-arrow span i { color: #1abc9c; margin-top: 16px; } #event ul { display: flex; justify-content: space-between; flex-wrap: wrap; } #event ul li { flex-basis: 33%; } #event ul li .list-img { margin: 0 auto 20px auto; float: none; text-align: center; } @media screen and (max-width: 767px) { #event ul li .list-img { float: left; margin: 0 10px 0 0; } } #event ul li .list-img img { width: 400px; height: auto; object-fit: cover; } @media screen and (max-width: 767px) { #event ul li .list-img img { width: 100%; height: auto; object-fit: contain; } } #event ul li a { padding: 20px; } @media screen and (max-width: 767px) { #event ul li a { display: flex; } #event ul li a div:nth-of-type(1) { flex-basis: 33%; } #event ul li a div:nth-of-type(2) { flex-basis: 66%; } } @media screen and (max-width: 767px) { #event ul { display: block; } #event ul li a { padding: 10px; } } #event .eventName { color: #222; font-weight: bold; font-size: calc(1rem + ((1vw - 6px) * 0.3333)); margin-bottom: 6px; } #event .eventCat { display: inline-block; background-color: #FE921D; color: #fff; padding: 2px 6px; font-size: 0.9rem; margin-bottom: 8px; } #event label { display: inline-block; background-color: #1abc9c; color: #fff; font-size: 0.9rem; padding: 2px 6px; margin-right: 6px; } #event .eventPlace, #event .eventTime, #event .eventDate { font-size: 1rem; margin-bottom: 4px; } @media screen and (max-width: 979px) { #event .eventPlace, #event .eventTime, #event .eventDate { font-size: .9rem; } } .event_flex { display: flex; justify-content: space-between; flex-wrap: wrap; } .event_flex li { flex-basis: 32%; list-style-type: none; border: 1px solid #ddd; margin-bottom: 20px; } .event_flex li .summary { border: none; margin: 0 !important; } .event_flex li .summary .article-body a { display: block; text-decoration: none; color: #000; } @media screen and (max-width: 767px) { .event_flex li .summary .article-body a { display: flex; flex-direction: row; } .event_flex li .summary .article-body a div:nth-of-type(1) { flex-basis: 33%; padding-right: 10px; } .event_flex li .summary .article-body a div:nth-of-type(2) { flex-basis: 66%; } } .event_flex li .summary h2 { font-size: 20px !important; text-align: left; } @media screen and (max-width: 767px) { .event_flex li .summary h2 { margin: 0; font-size: calc(1rem + (1vw - 6px) * 0.3333) !important; } } .event_flex li .summary .article-img { margin: 0; float: none; } .event_flex li .summary .article-img img { width: 100% !important; } .event_flex li .summary label { display: inline-block; background-color: #1abc9c; color: #fff; font-size: 0.9rem; padding: 2px 6px; margin-right: 6px; } .event_flex li .summary .eventPlace, .event_flex li .summary .eventTime, .event_flex li .summary .eventDate { font-size: 0.9rem; margin-bottom: 4px; text-align: left; } @media screen and (max-width: 767px) { .event_flex li { margin-bottom: 10px; } } @media screen and (max-width: 767px) { .event_flex { flex-direction: column; } } @media screen and (min-width: 980px) and (max-width: 1199px) { ul.list li a::after, ol.list li a::after { display: none; } } @media screen and (min-width: 1200px) { ul.list li a::after, ol.list li a::after { display: none; } } @media screen and (min-width: 768px) and (max-width: 979px) { ul.list li a::after, ol.list li a::after { display: none; } } .btn a { color: #fff !important; border-radius: 6px; } #relay { background-color: #f8fbee; line-height: 160%; } @media screen and (max-width: 767px) { #relay { padding: 20px 10px; } } #relay h2 { color: #4c2716; } #relay .btn { margin-top: 20px; } #relay .btn a { padding: 10px 20px; } #relay .blogIcon { font-size: 2.4rem; display: inline-block; background-color: #4c2716; color: #fff; width: 80px; height: 80px; border-radius: 80px; position: relative; } #relay .blogIcon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #relay a { color: #000; text-decoration: none; } #relay a .pubDate { color: #1abc9c; font-weight: bold; margin-bottom: 6px; font-size: 1rem; } #relay a .postTitle { text-align: left; font-weight: bold; font-size: 1.1rem; margin-bottom: 10px; padding: 0 20px; line-height: 160%; } @media screen and (max-width: 767px) { #relay a .postTitle { padding: 0 10px; font-size: 1rem; } } #relay ul { display: flex; justify-content: space-around; margin-bottom: 0; gap: 20px; } @media screen and (max-width: 767px) { #relay ul { flex-direction: column; } } #relay ul li { flex-basis: 48%; list-style-type: none; background-color: #fff; margin-bottom: 20px; position: relative; padding-bottom: 0px; } @media screen and (max-width: 767px) { #relay ul li { width: 100%; padding-bottom: 0; margin-bottom: 0; } } #relay ul li:nth-of-type(1) { align-self: center; background-color: transparent; } #relay ul li:nth-of-type(n + 2) { padding-bottom: 0px; } #relay ul li img { width: 100%; height: 30vw; max-height: 260px; object-fit: cover; margin-bottom: 10px; } @media screen and (max-width: 767px) { #relay ul li img { height: 200px; } } #relay ul li .excerpt { font-size: .9rem; line-height: 160%; text-align: left; padding: 0 20px; } @media screen and (max-width: 767px) { #relay ul li .excerpt { padding: 0 10px; font-size: .85rem; } } #relay .more { position: absolute; bottom: 10px; left: 0%; width: 100%; padding: 10px; } #relay .more .btn { width: 100%; text-align: center; background-color: #f8f8f8; color: #1abc9c; text-decoration: underline; margin: 0; padding: 10px 20px; border: 1px solid #aaa; color: #000; text-decoration: none; font-weight: bold; } #voice { padding-bottom: 20px; } @media screen and (max-width: 767px) { #voice { padding-bottom: 0; } } #voice .balloon { filter: drop-shadow(6px 6px 0px #ddd); z-index: 2; top: -150%; left: 50%; transform: translateX(-200%); position: absolute; display: flex; justify-content: center; align-items: center; margin: 1.5em 15px 1.5em 0; padding: 0 5px; width: 90px; height: 90px; line-height: 140%; text-align: center; color: #000; font-size: 14px; font-weight: bold; background: #fff600; border-radius: 50%; box-sizing: border-box; } #voice .balloon::before { content: ""; position: absolute; bottom: -8px; right: -8px; margin-top: -15px; border: 15px solid transparent; border-left: 15px solid #fff600; z-index: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #voice h2 { position: relative; } @media screen and (max-width: 767px) { #voice h2 { margin-top: 20px; } } #voice img { width: 100%; } #voice .voiceWrap { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 20px 0; } @media screen and (max-width: 767px) { #voice .voiceWrap { padding-top: 0; flex-direction: column; } } #voice .voiceFrame { background-color: #fff; } #voice .voiceFrame:nth-of-type(4n-1) { background-color: #fafafa; } #voice .voiceFrame:nth-of-type(4n-2) { background-color: #fafafa; } @media screen and (max-width: 767px) { #voice .voiceFrame { padding: 20px 10px; flex-basis: 100%; } #voice .voiceFrame:nth-of-type(even) { background-color: #f0f0f0; } } #voice .voiceFrame a { text-decoration: none; } #voice .voiceFrame a .voiceName, #voice .voiceFrame a .voiceComment { text-decoration: none; color: #000; } #voice .voiceFrame a .more { color: #3498db; text-decoration: underline; font-weight: bold; } #voice ul { display: flex; justify-content: space-between; margin: 0; } #voice ul li { list-style-type: none; text-align: left; } #voice ul li .voiceTitle { color: #1abc9c; font-weight: bold; font-size: 1.1rem; line-height: 160%; margin-bottom: 10px; } @media screen and (max-width: 767px) { #voice ul li .voiceTitle { margin-bottom: 6px; font-size: 1rem; } } #voice ul li .voiceName { font-weight: bold; font-size: 1.1rem; margin-bottom: 6px; text-decoration: none; } #voice .voiceComment { font-size: 0.9rem; margin-top: 10px; text-align: left; } #voice .voiceComment a { color: #000; text-decoration: none; } #president { padding-left: 20px; padding-right: 20px; padding-top: 30px; background: url("images/presidentBg01.png"), linear-gradient(#dfe6e9, #fff); background-repeat: no-repeat,repeat-x; background-position: top center, top center; background-size: contain,cover; } @media screen and (max-width: 767px) { #president { padding-left: 10px; padding-right: 10px; } } #president h2 { background-color: transparent; color: #000; padding: 10px 20px; font-size: calc(1rem + ((1vw - 6px) * 0.3333)); max-width: 600px; margin: 10px auto; } #president .presiFrame { padding: 30px 40px; background-color: #fff; text-align: left; font-size: 0.9rem; margin-bottom: 20px; } @media (min-width: 1200px) { #president .presiFrame { font-size: 16px !important; } } @media screen and (max-width: 767px) { #president .presiFrame { padding: 20px; } } #president .presiFrame .presidentName { display: block; text-align: right; margin-bottom: 10px; } @media screen and (max-width: 767px) { #president .presiFrame .presidentName img { max-width: 140px; } } #reason { padding: 20px; } #reason ul { display: flex; justify-content: space-between; } @media screen and (max-width: 767px) { #reason ul { flex-wrap: wrap; margin-bottom: 0; } } #reason ul li { list-style-type: none; flex-basis: 24%; margin-bottom: 10px; } #reason ul li .reasonText { margin: 10px auto; font-size: 1rem; color: #FE921D; font-weight: bold; line-height: 120%; } @media (min-width: 1200px) { #reason ul li .reasonText { font-size: 16px !important; } } @media screen and (max-width: 767px) { #reason ul li { flex-basis: 48%; } } #company { padding-top: 0; } #company img { width: 100%; } #company > ul { display: flex; justify-content: space-around; margin: 0 auto; max-width: 600px; } #company > ul ul { margin: 20px auto; } #company ul li { list-style-type: none; text-align: left; font-size: 1rem; } @media (min-width: 1200px) { #company ul li { font-size: 16px !important; } } #company ul li i { color: #FE921D; } #company ul li a { color: #222; display: inline-block; padding: 6px 4px; } #showroom { text-align: center; padding-top: 0; padding-bottom: 10px; border: 4px solid #FE921D; } #showroom img { width: 100%; } #showroom h2 { font-size: 1.6rem; color: #FE921D; margin: 10px 0; } @media (min-width: 1200px) { #showroom h2 { font-size: 22px !important; margin-bottom: 0; } } #showroom .tel { font-size: calc(1.5rem + ((1vw - 6px) * 1)); font-weight: bold; } #showroom .addr, #showroom .tel_time { font-size: 0.9rem; margin: 5px auto; } #related { background-color: #e9f5f1; padding-bottom: 80px; background-image: url("images/relatedBg.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: contain; } #related ul { display: flex; margin: 10px; } #related ul li { list-style-type: none; padding: 10px 10px; } @media screen and (max-width: 767px) { #related ul { flex-direction: column; } #related ul li { padding: 10px 20px; } } #request { padding: 20px; padding-top: 80px; background: url("images/requestBg.png"), linear-gradient(#f1c40f 80%, #f39c12 81%); background-position: top center, bottom center; background-repeat: no-repeat,no-repeat; background-size: contain,contain; } #request .free { font-size: 0.9rem; font-weight: bold; } #request ul { display: flex; justify-content: space-around; margin-bottom: 0; margin-top: 60px; } @media screen and (max-width: 767px) { #request ul { margin-top: 20px; } } #request ul li { flex-basis: 31%; list-style-type: none; } #request ul li .docName { color: #fff; font-weight: bold; font-size: 0.9rem; margin-top: 6px; } #column h2 { margin-bottom: 20px; } #column ul { margin: 0; margin-bottom: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 767px) { #column ul { flex-direction: column; } } #column ul li { font-size: 1rem; border-bottom: 1px solid #ddd; list-style-type: none; padding: 20px; text-align: left; line-height: 160%; position: relative; flex-basis: 50%; } @media screen and (max-width: 767px) { #column ul li { flex-basis: 100%; } } #column ul li .list-img { float: left; margin: 0 20px 10px 0; } @media screen and (max-width: 767px) { #column ul li .list-img { float: none; margin: 0; } } @media (min-width: 1200px) { #column ul li { font-size: 16px !important; } } #column ul li::after { position: absolute; top: 40%; right: 10px; display: block; content: ""; width: 8px; height: 8px; border-top: 2px solid #ddd; border-right: 2px solid #ddd; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 50; } #column ul li a { text-decoration: none; display: inline-block; color: #000; } #column .btn a { background-color: #1a1f1e; color: #fff !important; font-weight: bold; } #column .columnImg { background-image: url(images/column.jpg); min-height: 160px; background-size: cover; background-position: center 0px; background-repeat: no-repeat; margin-top: 0px; } #column .date { font-weight: bold; display: inline-block; padding: 2px 10px; background-color: #525457; color: #fff; border-radius: 4px; margin-bottom: 10px; } @media screen and (max-width: 767px) { #column .date { margin-bottom: 0; } } #column h3 { border-radius: 0px; max-width: 100%; margin: 0 auto; } @media screen and (max-width: 767px) { #column h3 { max-width: 100%; border-radius: 0; } } #column .staff_blog h3 { margin-top: 40px; } #column .staff_blog a .pubDate { color: #1abc9c; font-weight: bold; margin-bottom: 6px; } #column .staff_blog ul { display: flex; justify-content: space-around; flex-wrap: wrap; } #column .staff_blog ul li { text-align: center; flex-basis: 24%; padding: 20px 5px; border: none; } @media screen and (max-width: 767px) { #column .staff_blog ul li { flex-basis: 48%; } } #column .staff_blog ul li::after { display: none; } #column .staff_blog ul .list-img { display: inline-block; height: 120px; margin-bottom: 20px; text-align: center; float: none; } @media screen and (max-width: 767px) { #column .staff_blog ul .list-img { margin-bottom: 10px; } } #column .staff_blog ul .list-img img { width: 280px; height: 180px; object-fit: cover; margin-bottom: 10px; } #column .staff_blog ul .postTitle { color: #222; text-align: left; } #useful { padding-top: 0; } #useful a { text-decoration: none; display: block; height: 100%; width: 100%; /* float回り込み解除*/ overflow: hidden; position: relative; } #useful ul { display: flex; justify-content: space-around; margin-bottom: 0; } #useful ul li { list-style-type: none; padding: 0 10px; } #useful ul li img { margin-bottom: 10px; } #useful ul li .usefulTitle, #useful ul li .usefulDesc { text-align: left; } #useful ul li .usefulTitle { font-size: 0.9rem; font-weight: bold; color: #3498db; margin-bottom: 10px; line-height: 120%; } #useful ul li .usefulDesc { font-size: 0.9rem; line-height: 120%; color: #222; } @media screen and (max-width: 767px) { #useful ul { flex-direction: column; } #useful ul li { padding: 10px; border-bottom: 1px solid #ddd; } #useful ul li img { float: left; max-width: 100px; margin-right: 10px; margin-bottom: 0; } #useful ul li .usefulTitle { margin-bottom: 6px; } } #sns { padding: 20px 10px; } #sns .sns_wrap { display: flex; justify-content: space-between; } @media screen and (max-width: 767px) { #sns .sns_wrap { display: block; } } #sns .sns_list { display: flex; justify-content: space-between; } #sns .sns_list:nth-of-type(1) { flex-basis: 48%; } #sns .sns_list:nth-of-type(1) li { flex-basis: 48%; } #sns .sns_list:nth-of-type(2) { flex-basis: 48%; } #sns .sns_list:nth-of-type(2) li { flex-basis: 31%; } #sns .sns_list li { list-style-type: none; } #contentWrap { margin-bottom: 0; } #footer { padding: 20px 10px; padding-bottom: 40px; background: linear-gradient(white 20%, #2d3436 20%); } #footer h2 { padding: 10px 0; } #footer #footContact { background-color: #fff; padding: 60px 40px; max-width: 1200px; margin: 0 auto; filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); } @media screen and (max-width: 767px) { #footer #footContact { padding: 20px; } } #footer #footContact .labelTel { display: block; max-width: 600px; border: 2px solid #FE921D; padding: 10px 40px; background-color: #ffeca2; border-radius: 50px; background-image: url("images/footTelBg.png"); background-position: center right 13px; background-repeat: no-repeat; background-size: 10%; margin: 10px auto; } @media screen and (max-width: 767px) { #footer #footContact .labelTel { background-size: 13%; } } #footer #footContact .labelTel .footTel { font-weight: bold; font-size: calc(1.75rem + ((1vw - 6px) * 1.3333)); line-height: 120%; } #footer #footContact .label_list { max-width: 600px; margin: 0 auto; } #footer #footContact .label_list a { text-decoration: none; } #footer #footContact .label_list li { list-style-type: none; } #footer #footContact .label_list label { display: block; background-color: #f4f4f4; padding: 20px; margin-bottom: 20px; border-radius: 13px; font-weight: bold; position: relative; } @media screen and (max-width: 767px) { #footer #footContact .label_list label { margin-bottom: 10px; } } #footer #footContact .label_list label i { margin-right: 10px; } #footer #footContact .label_list label.labelStore { background-color: #1abc9c; color: #fff; margin-top: 6px; } #footer #footContact .label_list label.labelDoc { background-color: #FE921D; color: #fff; } #footer #footContact .label_list label.labelMail { background-color: #d62f1d; color: #fff; } #footer #footContact .label_list label.labelLine { border: 2px solid #ccc; color: #222; padding: 18px 10px !important; } #footer #footContact .label_list label.labelLine i { color: #06c755; } #footer #footContact .label_list label.labelLine i.fa-lg { font-size: 1.6em; } #footer #footContact .label_list label.labelLine::after { border-top: 3px solid #222; border-right: 3px solid #222; } #footer #footContact .label_list label::after { position: absolute; top: 50%; right: 13px; display: block; content: ''; width: 6px; height: 6px; margin-top: -4px; border-top: 3px solid #fff; border-right: 3px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #footAddr .catch { font-size: 0.9rem; font-weight: bold; margin-bottom: 10px; } @media (min-width: 1200px) { #footAddr .catch { font-size: 18px !important; } } #footAddr img { max-width: 200px; margin-bottom: 10px; } #footAddr p { font-size: 0.9rem; line-height: 160%; } @media (min-width: 1200px) { #footAddr p { font-size: 16px !important; } } @media screen and (max-width: 767px) { #footAddr { padding-top: 0; } } #copy { background-color: transparent; line-height: 160%; } #page-top { bottom: 90px; z-index: 77; } #fixedBottom { border-top: none; filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2)); } article h3, .archive h3 { text-align: center; font-size: min(max(14px, calc(0.875rem + ((1vw - 0.12px) * 0.3367))), 18px) !important; } article h1, .archive h1 { border: none; border-bottom: 2px solid #222; padding-bottom: 20px; text-align: center; margin-bottom: 40px; line-height: 160%; color: #222; font-size: min(max(18px, calc(1.125rem + ((1vw - 0.12px) * 0.5051))), 24px); } @media (min-width: 1200px) { article h1, .archive h1 { font-size: 24px !important; } } @media screen and (max-width: 767px) { article h1, .archive h1 { margin: 10px 0; padding: 0 10px 10px 10px; } } article h1 a, .archive h1 a { color: #222; } article h2, .archive h2 { color: #222; text-align: center; line-height: 140%; padding: 0; margin-bottom: 20px; font-size: min(max(16px, calc(1rem + ((1vw - 0.12px) * 0.5051))), 22px) !important; } article h2 a, .archive h2 a { color: #222; } article .itemMeta, .archive .itemMeta { text-align: left; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 10px 0; margin-bottom: 20px; } article .article_body, .archive .article_body { text-align: left; padding: 10px; font-size: 1rem; } @media screen and (max-width: 767px) { article .article_body, .archive .article_body { padding: 0; } } @media (min-width: 1200px) { article .article_body, .archive .article_body { font-size: 16px !important; } } article .article_body img, .archive .article_body img { margin: 10px 0; } article .summary, .archive .summary { padding: 40px; border: 1px solid #ddd; } @media screen and (max-width: 767px) { article .summary, .archive .summary { padding: 10px; margin-bottom: 0; } } article .summary:nth-of-type(even), .archive .summary:nth-of-type(even) { background-color: #fafafa; } article .summary h2, .archive .summary h2 { padding: 0; } @media screen and (max-width: 767px) { article .summary h2, .archive .summary h2 { margin: 10px 0; } } article .summary .itemMeta, .archive .summary .itemMeta { text-align: left; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding: 10px 0; margin: 0 0 20px 0; } article .summary .excerpt, .archive .summary .excerpt { text-align: left; font-size: 1rem; line-height: 160%; } @media (min-width: 1200px) { article .summary .excerpt, .archive .summary .excerpt { font-size: 16px !important; } } @media screen and (max-width: 767px) { article .summary .excerpt, .archive .summary .excerpt { padding: 0; clear: both; font-size: 0.9rem; } } article .summary .more, .archive .summary .more { text-align: center; clear: both; margin: 14px auto; margin-bottom: 0; } article .summary .more .btn, .archive .summary .more .btn { background-color: #1abc9c; border-radius: 50px; max-width: 420px; margin: 0 auto; padding: 10px 60px; font-size: calc(0.8125rem + ((1vw - 6px) * 0.1667)); } article .summary .more .btn:hover, .archive .summary .more .btn:hover { background-color: #31e1c0; transition: 0.8s; } article .summary .article-img, .archive .summary .article-img { margin-right: 20px; } article .summary .article-img img, .archive .summary .article-img img { width: 280px; height: 200px; object-fit: cover; /* この一行を追加するだけ！ */ } @media screen and (max-width: 767px) { article .summary .article-img, .archive .summary .article-img { width: 100%; text-align: center; margin-bottom: 20px; } } article #page_nav, .archive #page_nav { background-color: #eee; font-size: 1rem; } @media (min-width: 1200px) { article #page_nav, .archive #page_nav { font-size: 16px !important; } } article #page_nav .pagination, .archive #page_nav .pagination { border-spacing: 10px 0; margin: 10px auto; } @media screen and (max-width: 767px) { article #page_nav .pagination, .archive #page_nav .pagination { border-spacing: 6px 0; } } @media screen and (max-width: 767px) { article #page_nav .pagination li, .archive #page_nav .pagination li { font-size: 0.9rem; } } article #page_nav .pagination li.active a, .archive #page_nav .pagination li.active a { background: #FE921D; } article #page_nav .pagination li a, .archive #page_nav .pagination li a { background: #888; } @media screen and (max-width: 767px) { article #page_nav .pagination li a, .archive #page_nav .pagination li a { padding: 10px 12px; } } .archive h1 { text-align: center; } .archive .article-body { display: flex; flex-direction: column; height: 100%; } .archive .article-body h2 { flex: 1; } @media (min-width: 1024px) { #footContact { padding: 40px 20px !important; } } #footContact #foot_cta { list-style-type: none; margin: 0; } #footContact #foot_cta a.tel_link { color: #000; text-decoration: none; display: block; cursor: pointer; } #footContact #foot_cta .labelTel { cursor: pointer; } #footContact #foot_cta small.orange1 { font-size: 12px !important; } @media (min-width: 1024px) { #footContact #foot_cta { display: flex; justify-content: space-between; } #footContact #foot_cta h2 { font-size: 22px !important; } #footContact #foot_cta li:nth-of-type(1) { flex-basis: 26%; } #footContact #foot_cta li:nth-of-type(1) .labelTel { margin: 0; padding: 10px 20px !important; max-width: 320px !important; } #footContact #foot_cta li:nth-of-type(1) .labelTel .footTel { font-size: 1.6rem !important; } } @media (min-width: 1024px) and (min-width: 1200px) { #footContact #foot_cta li:nth-of-type(1) .labelTel .footTel { font-size: 28px !important; } } @media (min-width: 1024px) { #footContact #foot_cta li:nth-of-type(1) small { font-size: 0.85rem; } #footContact #foot_cta li:nth-of-type(2) { flex-basis: 73%; } #footContact #foot_cta li:nth-of-type(2) .label_list { display: flex; justify-content: space-between; max-width: 840px !important; margin-top: 10px; } #footContact #foot_cta li:nth-of-type(2) .label_list label.labelStore { margin-top: 0; } #footContact #foot_cta li:nth-of-type(2) .label_list label { padding: 20px 10px; } #footContact #foot_cta li:nth-of-type(2) .label_list label i { margin-right: 6px !important; } #footContact #foot_cta li:nth-of-type(2) .label_list li { font-size: 0.85rem; } #footContact #foot_cta li:nth-of-type(2) .label_list li:nth-of-type(1) { flex-basis: 20%; } #footContact #foot_cta li:nth-of-type(2) .label_list li:nth-of-type(2) { flex-basis: 19%; } #footContact #foot_cta li:nth-of-type(2) .label_list li:nth-of-type(3) { flex-basis: 35%; } #footContact #foot_cta li:nth-of-type(2) .label_list li:nth-of-type(4) { flex-basis: 22%; } } #footAddr_frame { max-width: 1200px; margin: 0 auto; list-style-type: none; display: flex; justify-content: space-around; } @media screen and (max-width: 767px) { #footAddr_frame { flex-direction: column-reverse; } } #footAddr_frame img { max-width: 140px; } #footAddr_frame > li:nth-of-type(1) { flex-basis: 30%; } #footAddr_frame > li:nth-of-type(2) { flex-basis: 60%; } #footAddr_frame > li #footAddr_nav { font-weight: bold; display: flex; justify-content: space-between; list-style-type: none; margin: 0; } #footAddr_frame > li #footAddr_nav li { text-align: left; flex-basis: 33%; } #footAddr_frame > li #footAddr_nav li i { display: none; } #footAddr_frame > li #footAddr_nav li a { text-decoration: none; color: #1abc9c; } #footAddr_frame > li #footAddr_nav li a:hover { text-decoration: underline; } #footAddr_frame > li #footAddr_nav li .sub-menu { margin-top: 6px; font-size: 0.9rem; list-style-type: none; font-weight: normal; } #footAddr_frame > li #footAddr_nav li .sub-menu a { color: #000; } #footAddr_frame > li #footAddr_nav li .sub-menu a:hover { text-decoration: underline; } #footAddr_frame > li #footAddr_nav li:nth-of-type(4) { display: none; } @media screen and (max-width: 767px) { #footAddr_frame > li #footAddr_nav { justify-content: space-between; margin: 20px; flex-wrap: wrap; } #footAddr_frame > li #footAddr_nav li { flex-basis: 50%; } #footAddr_frame > li #footAddr_nav li:nth-of-type(4) { display: block; } } #menu-foot_nav { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: 0; } @media screen and (max-width: 767px) { #menu-foot_nav { width: 100%; margin: 0 auto; margin-bottom: 20px; } } #menu-foot_nav li { flex-basis: 30%; text-align: left; font-size: 0.9rem; list-style-type: none; } @media screen and (max-width: 767px) { #menu-foot_nav li { flex-basis: 50%; border: 1px solid #eee; } } @media (min-width: 1200px) { #menu-foot_nav li { font-size: 14px !important; } } #menu-foot_nav li a { text-decoration: none; color: #222; padding: 0 6px; display: block; } #menu-foot_nav li a:hover { background-color: #888; color: #fff; } @media screen and (max-width: 767px) { #menu-foot_nav li a { padding: 10px; background-color: #fafafa; } } #menu-foot_nav li:nth-of-type(1) { order: 1; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(1) { order: 1; } } #menu-foot_nav li:nth-of-type(2) { order: 4; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(2) { order: 2; } } #menu-foot_nav li:nth-of-type(3) { order: 2; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(3) { order: 5; } } #menu-foot_nav li:nth-of-type(4) { order: 7; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(4) { order: 3; } } #menu-foot_nav li:nth-of-type(5) { order: 5; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(5) { order: 6; } } #menu-foot_nav li:nth-of-type(6) { order: 10; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(6) { order: 4; } } #menu-foot_nav li:nth-of-type(7) { order: 8; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(7) { order: 7; } } #menu-foot_nav li:nth-of-type(8) { order: 11; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(8) { order: 8; } } #menu-foot_nav li:nth-of-type(9) { order: 3; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(9) { order: 9; } } #menu-foot_nav li:nth-of-type(10) { order: 6; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(10) { order: 10; } } #menu-foot_nav li:nth-of-type(11) { order: 12; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(11) { order: 12; } } #menu-foot_nav li:nth-of-type(12) { order: 9; } @media screen and (max-width: 767px) { #menu-foot_nav li:nth-of-type(12) { order: 11; } } #fixedBottom { background-color: #ddd; } #contentWrap #content.col1 { padding: 40px 0px; } @media screen and (max-width: 767px) { #contentWrap #content.col1 { padding: 20px 10px !important; } } .post-navigation h2 { background-color: #fafafa !important; color: #000 !important; padding: 10px 20px; text-align: center !important; line-height: 200%; margin-bottom: 20px; margin-top: 40px; font-size: 0.9rem; border-bottom: 2px solid #ddd; } .post-navigation h2 i { color: #1abc9c !important; margin-right: 5px; } .post-navigation h3 { max-width: 400px; font-size: calc(0.875rem + ((1vw - 6px) * 0.3333)); margin: 0 auto; background-color: #fff; color: #222; } .post-navigation h3 i { color: #1abc9c; } .nav-links { display: flex; justify-content: space-between; } @media screen and (max-width: 767px) { .nav-links { flex-direction: row !important; flex-wrap: wrap; justify-content: center; } } .nav-links .nav-previous, .nav-links .nav-next { padding: 0 20px; max-width: 480px; } @media screen and (max-width: 767px) { .nav-links .nav-previous, .nav-links .nav-next { margin: 0 auto; } } .nav-links img { width: 300px !important; height: 180px !important; object-fit: cover; margin-bottom: 20px; } .nav-links a { color: #222; text-decoration: none; } .nav-links a:hover { text-decoration: none; color: #222; } .nav-links a p { font-size: 0.85rem; text-align: left; } .nav-links div { flex-basis: 33%; } .nav-links div:nth-of-type(2) { align-self: center; } @media screen and (max-width: 767px) { .nav-links div { flex-basis: 48%; } .nav-links div:nth-of-type(1) { order: 1; } .nav-links div:nth-of-type(2) { order: 3; flex-basis: 100%; background-color: #fafafa; border: 1px solid #ddd; } .nav-links div:nth-of-type(3) { order: 2; } } .nav-links .nav-home a { display: block; padding: 20px; font-weight: bold; letter-spacing: 2px; height: 100%; } .nav-links .nav-home a i { margin-bottom: 10px; color: #FE921D; } .nav-links .nav-home a:hover { text-decoration: underline; } .nav-links .nav-home a:hover i { color: #f9ca42; } .crp_related h3 { padding: 10px 20px; background-color: #fafafa !important; margin-bottom: 20px !important; text-align: center !important; font-size: 0.9rem; color: #000; border-bottom: 2px solid #ddd; } .crp_related h3 i { color: #1abc9c; } .crp_related ul { display: flex; justify-content: space-between; padding: 20px; background-color: #fafafa; border: 1px solid #ddd; margin: 0; } @media screen and (max-width: 767px) { .crp_related ul { flex-wrap: wrap; justify-content: space-between; padding: 20px 14px; } } .crp_related ul li { list-style-type: none; margin-right: 15px; flex-basis: 24%; text-align: left; line-height: 140%; } @media screen and (max-width: 767px) { .crp_related ul li { flex-basis: 48%; margin-right: 0; } } .crp_related ul li img { width: 300px; height: 180px; object-fit: cover; margin-bottom: 10px; } .crp_related ul li a { text-decoration: none; font-size: 0.85rem; color: #222; } .formWrap { padding: 40px 60px; background-color: #eee; text-align: center; margin-top: 60px; } @media screen and (max-width: 767px) { .formWrap { padding: 30px 10px; } } .formWrap h2 { text-align: center; padding-bottom: 20px; margin: 30px 0; } .formWrap h2 i { color: #1abc9c; } .formWrap .telWrap { padding: 40px; background-color: #fff; border-radius: 8px; margin-bottom: 60px; } @media screen and (max-width: 767px) { .formWrap .telWrap { padding: 20px; } } .formWrap .tel { font-size: 1.6rem; color: #d62f1d; margin-bottom: 10px; font-weight: bold; } .formWrap .wpcf7 { background-color: #fff; padding: 40px; text-align: left; border-radius: 8px; font-size: 0.85rem; } @media screen and (max-width: 767px) { .formWrap .wpcf7 { padding: 10px; } } .formWrap .wpcf7 table { border: none; } .formWrap .wpcf7 table ul { display: flex; justify-content: space-between; margin: 0; } .formWrap .wpcf7 table ul li { flex-basis: 48%; list-style-type: none; } @media screen and (max-width: 767px) { .formWrap .wpcf7 table ul { flex-wrap: wrap; } .formWrap .wpcf7 table ul li { flex-basis: 100%; } .formWrap .wpcf7 table ul li .date-712 input { margin-bottom: 10px; } } .formWrap .wpcf7 table .label { float: right; } .formWrap .wpcf7 table .label.label-danger { background-color: #1abc9c; } .formWrap .wpcf7 table .wpcf7-checkbox input, .formWrap .wpcf7 table .wpcf7-radio input { display: inline; width: auto; transform: scale(1.5); margin-right: 4px; } .formWrap .wpcf7 table .wpcf7-checkbox .wpcf7-list-item, .formWrap .wpcf7 table .wpcf7-radio .wpcf7-list-item { margin-left: 0; margin-right: 20px; display: inline-block; margin-bottom: 4px; } .formWrap .wpcf7 table input, .formWrap .wpcf7 table textarea, .formWrap .wpcf7 table select { background-color: #eaedf2; padding: 10px; width: 100%; } .formWrap .wpcf7 table tr { border-bottom: 1px solid #ddd; } .formWrap .wpcf7 table td, .formWrap .wpcf7 table th { border: none; } .formWrap .wpcf7 table td p { font-size: 80%; font-weight: bold; margin: 0; } .formWrap .wpcf7 table td .zip01, .formWrap .wpcf7 table td .pref01 { margin-bottom: 10px; } .formWrap .wpcf7 table th { min-width: 240px; background-color: transparent; } .formWrap .wpcf7 .submitBtn { text-align: center; margin-top: 20px; } .formWrap .wpcf7 .submitBtn .contactSubmit { background-color: #d62f1d; } .submitBtn #entrySubmit { width: 100%; background: none; margin: 20px auto; padding: 1em 2em; border: none; display: inline-block; background-color: #d94536; box-shadow: 0 6px #ad372b; font-size: 114%; color: #fff; line-height: 1; position: relative; cursor: pointer; border-radius: 1.5em; top: 0; transition: .2s box-shadow,.2s top,.4s background; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: none !important; } #eventSingle { margin-top: 60px; border-top: 2px solid #eee; padding-top: 40px; } #eventSingle .eventButton { width: 100%; background: none; margin: 20px auto 0 auto; padding: 1em 2em; border: none; display: inline-block; background-color: #1abc9c; box-shadow: 0 6px #119f83; font-size: 130%; font-weight: bold; color: #fff; line-height: 1; position: relative; cursor: pointer; top: 0; transition: .2s box-shadow,.2s top,.4s background; } #eventSingle .eventButton a { color: #fff; text-decoration: none; } #eventSingle .eventButton i { color: #ffea5c; margin-right: 5px; } #eventSingle .formWrap { margin-top: 0; } #eventSingle .formWrap .date_time ul { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } #eventSingle .formWrap .date_time .hope { line-height: 100%; background-color: #d62f1d; color: #fff; margin-right: 5px; padding: 8px 10px; display: inline-block; border-radius: 4px; } #eventSingle #crp_related { margin-top: 60px; } @media screen and (max-width: 767px) { #eventSingle #crp_related { margin-top: 30px; } } .eventInfo { background-color: #f8fbee; padding: 20px 40px; border-radius: 8px; margin: 40px auto 20px auto; border: 2px solid #1abc9c; } @media screen and (max-width: 767px) { .eventInfo { padding: 10px 20px; } } .eventInfo #evTable { border: none; font-size: 0.9rem; max-width: 600px; } @media screen and (max-width: 767px) { .eventInfo #evTable { margin: 10px 0 0 0; } } .eventInfo #evTable th, .eventInfo #evTable td { border: none; background-color: transparent; padding: 8px 8px 8px 0; } .eventInfo #evTable th { font-weight: normal; color: #fff; text-align: left; min-width: 140px; } .eventInfo #evTable label { background-color: #222; padding: 8px 14px; border-radius: 8px; } .eventInfo .eventButton { background-color: #FE921D; color: #fff; max-width: 400px; margin: 0 auto 20px auto; border-radius: 8px; } .eventInfo .eventButton a { color: #fff; text-decoration: none; display: block; padding: 10px 20px; font-weight: bold; } .page-id-17492 hr, .child-of-17492 hr { margin: 40px 0; } .page-id-17492 #service, .child-of-17492 #service { text-align: center; } .page-id-17492 #service .srv_list, .child-of-17492 #service .srv_list { justify-content: space-between; } .page-id-17492 #service .srv_list .srv_frame, .child-of-17492 #service .srv_list .srv_frame { flex-basis: 24%; } .page-id-17492 #service .srv_list .srv_frame a, .child-of-17492 #service .srv_list .srv_frame a { text-decoration: none; } .page-id-17492 #service .srv_list .srv_frame p, .child-of-17492 #service .srv_list .srv_frame p { display: none; } .page-id-17492 #service .srv_list .srv_frame h4, .child-of-17492 #service .srv_list .srv_frame h4 { margin-top: 0px; font-size: 90% !important; line-height: 160%; } .page-id-17492 #service .srv_list .srv_frame .btn, .child-of-17492 #service .srv_list .srv_frame .btn { padding: 0; } .page-id-17492 #service .srv_list .srv_frame .btn a, .child-of-17492 #service .srv_list .srv_frame .btn a { font-size: 90% !important; width: 100%; padding: 4px 8px; } @media screen and (max-width: 767px) { .page-id-17492 #service .srv_list .srv_frame, .child-of-17492 #service .srv_list .srv_frame { flex-basis: 49%; margin-right: 0; } .page-id-17492 #service .srv_list .srv_frame img, .child-of-17492 #service .srv_list .srv_frame img { margin-bottom: 0; } } @media screen and (max-width: 767px) { .page-id-17492 #service .srv_list, .child-of-17492 #service .srv_list { display: flex; justify-content: space-between; } } .page-id-17492 #service > h2, .child-of-17492 #service > h2 { text-align: center; } .page-id-17492 .search_link, .child-of-17492 .search_link { margin-bottom: 40px; border: 1px solid #ddd; padding: 20px 0; padding-top: 0; } .page-id-17492 .search_link h3, .child-of-17492 .search_link h3 { margin-top: 0; } .page-id-17492 .search_link h4, .child-of-17492 .search_link h4 { text-align: center; } .page-id-17492 .search_link h4 a, .child-of-17492 .search_link h4 a { font-size: 100%; } .page-id-17492 .search_link a, .child-of-17492 .search_link a { text-decoration: none; color: #222; font-size: 0.85rem; font-weight: bold; } .page-id-17492 .search_link ul, .child-of-17492 .search_link ul { border-spacing: 20px 0; } @media screen and (max-width: 767px) { .page-id-17492 .search_link ul, .child-of-17492 .search_link ul { border-spacing: 10px; } } @media screen and (max-width: 767px) { .page-id-17492 .search_link ul li, .child-of-17492 .search_link ul li { text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; } } .page-id-17492 .search_link ul li .re-li, .child-of-17492 .search_link ul li .re-li { padding: 10px 0; border-bottom: 1px solid #ccc; } .page-id-17492 .search_link ul li .re-li a, .child-of-17492 .search_link ul li .re-li a { display: inline-block; } @media screen and (max-width: 767px) { .page-id-17492 .search_link ul li .re-li a, .child-of-17492 .search_link ul li .re-li a { font-size: 14px; } } @media screen and (max-width: 767px) { .page-id-17492 .search_link ul li .re-li, .child-of-17492 .search_link ul li .re-li { flex-basis: 100%; font-size: 140%; } } .page_desc { margin-bottom: 40px; /* float回り込み解除*/ overflow: hidden; position: relative; } .page_desc .img_float { float: right; margin: 0 0 20px 20px; border: 1px solid #ddd; max-width: 40%; } @media screen and (max-width: 767px) { .page_desc .img_float { max-width: 50%; } } .page-id-17450 .showroom_slide { margin-bottom: 40px; } .page-id-17450 .maker_list { display: flex; justify-content: space-between; flex-wrap: wrap; } .page-id-17450 .maker_list li { flex-basis: 33%; list-style-type: none; text-align: center; padding: 0 10px; } @media screen and (max-width: 767px) { .page-id-17450 .maker_list li { flex-basis: 50%; } } .page-id-17450 .covid { padding: 30px; margin: 40px 0; border-radius: 8px; } .page-id-17450 .covid a:hover { color: #222; } .page-id-17450 .map ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .page-id-17450 .map ul li { flex-basis: 48%; list-style-type: none; padding: 10px 0; } @media screen and (max-width: 767px) { .page-id-17450 .map ul li { flex-basis: 100%; } } .page-id-17450 .map ul li img { margin: 0; } .page-id-17450 .map ul li .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: 100%; } .page-id-17450 table { border: none; margin: 40px 0; } .page-id-17450 .formWrap { margin-top: 0; } .page-id-17450 .no-magin { margin: 0 !important; } #reform-menu header { background: #1abc9c; background: linear-gradient(0deg, #1abc9c 42%, #0bb090 100%); padding: 40px 0; color: #fff; } #reform-menu header h1 { border: none; line-height: 200%; margin-bottom: 0; font-size: 180% !important; } #reform-menu header h1 a { color: #fff; } #reform-menu header label { display: inline-block; color: #fff; font-size: 80%; background-color: #000; padding: 10px 20px; padding-top: 12px; line-height: 100%; font-weight: bold; margin-bottom: 10px; margin-right: 10px; } #reform-menu .reform_menu_slider { background-color: #fafafa; margin-top: 0; } #reform-menu .reform_menu_slider .slide-arrow { position: absolute; top: 40%; z-index: 100; padding: 20px; background-color: #FFFFFF; } #reform-menu .reform_menu_slider .slide-arrow.prev { left: 10px; } #reform-menu .reform_menu_slider .slide-arrow.next { right: 10px; } #reform-menu .reform_menu_slider .slick-slide { height: 100% !important; max-height: 480px; text-align: center; position: relative; } #reform-menu .reform_menu_slider .slick-slide img { width: auto; height: 480px; object-fit: contain; margin: 0 auto; } @media screen and (max-width: 767px) { #reform-menu .reform_menu_slider .slick-slide img { max-height: 300px; object-fit: cover; } } @media screen and (max-width: 767px) { #reform-menu .reform_menu_slider .slick-slide { max-height: 400px; } } #reform-menu .reform_menu_slider .slick-slide .discount { font-weight: bold; display: inline-block; padding: 10px; position: absolute; background-color: #d62f1d; color: #fff; top: 10px; right: 10px; line-height: 120%; } #reform-menu .reform_menu_slider .slick-slide .discount strong { font-size: 180%; } #reform-menu .info { margin-top: 40px; border: 2px solid #1abc9c; padding: 40px 30px; } #reform-menu .info ul { margin: 0; } #reform-menu .info ul li:nth-of-type(2) { background-color: rgba(26, 188, 156, 0.1); border-radius: 8px; padding: 10px; } #reform-menu .info table { width: 100%; margin: 0; border: none; } #reform-menu .info table th, #reform-menu .info table td { border: none; background-color: transparent; padding: 10px; } #reform-menu .info table th { width: 140px; } #reform-menu .info table .maker_td img { max-width: 100px; margin: 0; } #reform-menu .info table label { display: inline-block; width: 100%; color: #fff; background-color: #1abc9c; border-radius: 8px; padding: 10px; text-align: center; } #reform-menu .info * { box-sizing: border-box; } #reform-menu .info .cost-frame { padding: 10px; text-align: center; } #reform-menu .info .cost-frame .icon .fa-circle { color: #1abc9c; } #reform-menu .info .cost-frame .sec-title { font-weight: bold; margin-bottom: 20px; } #reform-menu .info .cost-frame .cost_yen { font-size: 300%; color: #d62f1d; font-weight: bold; } #reform-menu .info .cost-frame .cost_unit { margin-left: 10px; font-size: 80%; } #reform-menu .info .cost-frame .maker_price { text-decoration: line-through; } #reform-menu .flex { display: flex; justify-content: space-between; } #reform-menu .flex li { list-style-type: none; flex-basis: 48%; } @media screen and (max-width: 767px) { #reform-menu .flex { flex-direction: column-reverse; } #reform-menu .flex li { margin-bottom: 20px; } } #reform-menu section.price, #reform-menu section.items { font-size: 100%; background-color: #fbdf68; padding: 70px 40px; } #reform-menu section.price h2, #reform-menu section.items h2 { text-align: center; margin-bottom: 40px; font-size: 160% !important; display: block; } #reform-menu section.price h2::before, #reform-menu section.items h2::before { display: none; } #reform-menu section.price h2::after, #reform-menu section.items h2::after { display: none; } #reform-menu section.price li, #reform-menu section.items li { text-align: center; border: 2px solid #222; border-radius: 8px; padding: 40px 30px; background-color: #fff; } #reform-menu section.price .fa-circle, #reform-menu section.items .fa-circle { color: #222; } #reform-menu section.price .sec-title, #reform-menu section.items .sec-title { font-weight: bold; margin-bottom: 20px; } #reform-menu section.price .maker_price, #reform-menu section.items .maker_price { text-decoration: line-through; font-size: 80%; } #reform-menu section.price table, #reform-menu section.items table { width: 100%; margin: 0; border: none; line-height: 240%; } #reform-menu section.price table th, #reform-menu section.price table td, #reform-menu section.items table th, #reform-menu section.items table td { border: none; background-color: transparent; padding: 10px; } #reform-menu section.price table th, #reform-menu section.items table th { width: 140px; } #reform-menu section.price table tr, #reform-menu section.items table tr { border-bottom: 1px solid #ddd; } #reform-menu section.price .price strong, #reform-menu section.price .construction_costs strong, #reform-menu section.items .price strong, #reform-menu section.items .construction_costs strong { font-size: 140%; } #reform-menu section.price .cost strong, #reform-menu section.items .cost strong { font-size: 200%; color: #d62f1d; } #reform-menu section.price .work, #reform-menu section.items .work { width: auto; margin: 0 20px 10px 0; line-height: 160%; display: inline-block; text-align: left; font-size: 0.85rem; } #reform-menu section.price .work i, #reform-menu section.items .work i { color: #e37466; } #reform-menu section.price .construction_details, #reform-menu section.items .construction_details { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; } #reform-menu section.price .construction_period i, #reform-menu section.items .construction_period i { color: #e37466; } #reform-menu section.price .construction_period span, #reform-menu section.items .construction_period span { font-size: 160%; font-weight: bold; } #reform-menu section.items { background-color: #fff; padding: 0; } #reform-menu section.items h2 { margin-bottom: 0; background-color: #1abc9c; color: #fff; padding: 20px; } #reform-menu section.items .item_group { border: 2px solid #1abc9c; } #reform-menu section.items .item_group .item_head { text-align: center; padding: 30px; } #reform-menu section.items .item_group .item_head .item_maker { max-width: 200px; text-align: center; margin: 20px auto 20px auto; } #reform-menu section.items .item_group .item_head .item_maker img { margin: 0 auto; } #reform-menu section.items .item_group .item_head .item_title { font-size: 160%; font-weight: bold; margin-bottom: 40px; } #reform-menu section.items .item_group .item_spec { font-weight: bold; padding: 20px; } #reform-menu section.items .item_group label { background-color: #1abc9c; padding: 4px 14px; color: #fff; font-weight: bold; margin: 0 10px; } #reform-menu section.items .item_group .item_info { background-color: #fafafa; margin: 0; border-bottom: 1px solid #ddd; } #reform-menu section.items .item_group .item_info li { border: none; background-color: transparent; flex-basis: 50%; text-align: left; } #reform-menu section.items .item_group .item_info li h3 { background-color: transparent; color: #1abc9c; text-align: left; padding: 0; margin: 0; } #reform-menu section.items .item_group .item_info .item_info_title { color: #1abc9c; font-weight: bold; } #reform-menu section.problem_sec { background: #fff; padding: 0; } #reform-menu section.problem_sec h2 { color: #463c30; text-align: center; font-size: 160% !important; margin-bottom: 40px; display: block; } #reform-menu section.problem_sec h2::before { display: none; } #reform-menu section.problem_sec h2::after { display: none; } #reform-menu section.problem_sec ul.problems { flex-wrap: wrap; justify-content: space-between; padding: 30px; } #reform-menu section.problem_sec ul.problems li { flex-basis: 30%; text-align: center; padding: 30px; border-radius: 6px; margin-bottom: 20px; background-color: #fff; } #reform-menu section.problem_sec ul.problems li i { color: #1abc9c; } #reform-menu section.problem_sec .arrow { text-align: center; color: #d62f1d; } #reform-menu section.problem_sec .problem_frame { position: relative; background: #F5F4EF; } #reform-menu section.problem_sec .problem_frame:after { position: absolute; content: ''; top: 100%; bottom: 0; left: 0; right: 0; margin: auto; border: 100px solid transparent; border-top: 60px solid #F5F4EF; width: 0; height: 0; margin: 0 auto; } #reform-menu section.problem_sec .problem_frame { margin-top: 60px; padding: 60px 30px; background: #F5F4EF; } #reform-menu section.problem_sec .solution { padding: 90px 0px 60px 0px; } #reform-menu section.problem_sec .solution .sol_header { background-color: #FE921D; padding: 60px 30px; text-align: center; font-weight: bold; } #reform-menu section.problem_sec .solution .sol_header label { display: inline-block; background-color: #000; padding: 10px 12px 8px 12px; color: #fff; margin: 0 4px; margin-bottom: 10px; } #reform-menu section.problem_sec .solution .sol_header .plan_name { font-size: 180%; font-weight: bold; color: #fff; padding: 20px 0 10px 0; } #reform-menu section.problem_sec .solution .sol_container { background-color: rgba(255, 222, 144, 0.1); padding: 40px 30px; border: 2px solid #FE921D; } #reform-menu section.problem_sec .solution .sol_container .feature_title { display: flex; margin-bottom: 20px; } #reform-menu section.problem_sec .solution .sol_container .feature_title div:nth-of-type(1) { text-align: center; line-height: 180%; padding: 10px 14px; flex-basis: auto; background-color: #FE921D; color: #fff; font-size: 60%; font-weight: bold; border-radius: 8px; } #reform-menu section.problem_sec .solution .sol_container .feature_title div:nth-of-type(1) span { font-size: 240%; } #reform-menu section.problem_sec .solution .sol_container .feature_title div:nth-of-type(2) { flex-basis: auto; margin-left: 20px; font-weight: bold; color: #FE921D; font-size: 120%; } #reform-menu section.problem_sec .solution .sol_container .feature_img { text-align: center; } #reform-menu section.clear_price { padding: 60px 30px; text-align: center; background: #e7f8f5; background: linear-gradient(0deg, #e7f8f5 0%, white 60%); border: 2px solid #1abc9c; border-radius: 6px; position: relative; } #reform-menu section.clear_price .price_catch { position: absolute; top: -30px; left: 0; right: 0; background-color: #fff; max-width: 600px; padding: 20px; margin: 0 auto; font-weight: bold; font-size: 140%; color: #1abc9c; } #reform-menu section.clear_price .const_title { font-weight: bold; } #reform-menu section.clear_price .const_title .fa-circle { color: #FE921D; } #reform-menu section.clear_price .work { display: inline-block; padding: 10px 20px 8px 20px; background-color: #1abc9c; color: #fff; margin: 10px 4px; border-radius: 6px; } #reform-menu section.clear_price .sec-title { border-top: 1px solid #ddd; padding-top: 20px; margin: 20px 0; font-weight: bold; } #reform-menu section.clear_price .sec-title .fa-circle { color: #FE921D; } #reform-menu section.clear_price .cost_yen { font-size: 280%; font-weight: bold; color: #d62f1d; } #reform-menu section.clear_price .est_btn { margin-top: 40px; font-size: 140%; } #reform-menu section.clear_price .est_btn a { color: #fff; text-decoration: none; background-color: #d62f1d; display: inline-block; padding: 18px 40px; width: 100%; max-width: 600px; border-radius: 50px; background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #3db02e, #1d94e8, #3024cd, #c535a8, #dd2559); background-size: 1800% 1800%; -webkit-animation: rainbow 18s ease infinite; -z-animation: rainbow 18s ease infinite; -o-animation: rainbow 18s ease infinite; animation: rainbow 18s ease infinite; } @-webkit-keyframes rainbow { 0% { background-position: 0% 82%; } 50% { background-position: 100% 19%; } 100% { background-position: 0% 82%; } } @-moz-keyframes rainbow { 0% { background-position: 0% 82%; } 50% { background-position: 100% 19%; } 100% { background-position: 0% 82%; } } @-o-keyframes rainbow { 0% { background-position: 0% 82%; } 50% { background-position: 100% 19%; } 100% { background-position: 0% 82%; } } @keyframes rainbow { 0% { background-position: 0% 82%; } 50% { background-position: 100% 19%; } 100% { background-position: 0% 82%; } } #reform-menu section.clear_price .est_btn .fa-arrow-circle-right { float: right; margin-top: 4px; } #reform-menu section.clear_price .est_btn .fa-calculator { color: #fff; margin-right: 10px; } #reform-menu .contact_us { background-size: auto auto; border-radius: 6px; background-color: #f8f8f8; background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, #fafafa 10px, #fafafa 20px); border: 1px solid #eee; margin-top: 60px; padding: 40px 30px; text-align: center; } #reform-menu .contact_us h2 { color: #000; text-align: center; margin-bottom: 30px; font-size: 120% !important; font-weight: 400; } #reform-menu .contact_us h2::before { display: none; } #reform-menu .contact_us h2::after { display: none; } #reform-menu .contact_us h2 strong { font-size: 140%; } #reform-menu .contact_us h3 { color: #000; background-color: transparent; font-size: 120% !important; margin: 0; border: none; border: none !important; } #reform-menu .contact_us li { background-color: #fff; border-radius: 6px; padding: 30px; border: 2px solid #d62f1d; } #reform-menu .contact_us li a { text-decoration: none; display: block; } #reform-menu .contact_us li a .tel { color: #d62f1d; } #reform-menu .contact_us li .labelTel { font-size: 240%; font-weight: bold; } #reform-menu .contact_us li .labelTel small, #reform-menu .contact_us li .labelTel .orange1 { font-size: 0.85rem; font-weight: normal; } #reform-menu .contact_us li:nth-of-type(2) a { background-color: #d62f1d; color: #fff; padding: 14px 20px; border-radius: 50px; max-width: 450px; margin: 0 auto; } @media screen and (max-width: 767px) { .single-reform-menu #bread { margin-bottom: 0; } .single-reform-menu #contentWrap #content.col1 { padding: 0; } .single-reform-menu #contentWrap #content.col1 header { padding: 20px; } .single-reform-menu #contentWrap #content.col1 header h1 { font-size: 160% !important; line-height: 140%; margin-bottom: 10px; } .single-reform-menu #contentWrap #content.col1 header label { display: block; margin-right: 0; } .single-reform-menu #contentWrap #content.col1 .sec_base { padding: 20px 10px !important; } .single-reform-menu #contentWrap #content.col1 h2 { margin-bottom: 0; margin-top: 20px; font-size: 140% !important; } .single-reform-menu #contentWrap #content.col1 table th, .single-reform-menu #contentWrap #content.col1 table td { padding: 6px 0; line-height: 200%; } .single-reform-menu #contentWrap #content.col1 .flex li { margin-bottom: 10px; } .single-reform-menu #contentWrap #content.col1 .info { margin: 0 10px; padding: 20px; } .single-reform-menu #contentWrap #content.col1 .info table { margin-top: 20px; } .single-reform-menu #contentWrap #content.col1 .price .work { font-size: 80% !important; } .single-reform-menu #contentWrap #content.col1 .price li { padding: 20px; } .single-reform-menu #contentWrap #content.col1 .price .maker_price { line-height: 120%; } .single-reform-menu #contentWrap #content.col1 .items .item_head { padding: 20px 0; } .single-reform-menu #contentWrap #content.col1 .items .item_head .item_maker { margin-top: 0; } .single-reform-menu #contentWrap #content.col1 .items .item_head .item_title { margin-bottom: 20px; } .single-reform-menu #contentWrap #content.col1 .items .item_head .item_spec { padding: 10px 0; } .single-reform-menu #contentWrap #content.col1 .items .item_info { flex-direction: column; } .single-reform-menu #contentWrap #content.col1 .items .item_info li img { margin: 0; } .single-reform-menu #contentWrap #content.col1 .items .item_info li:nth-of-type(1) { padding: 20px; margin-bottom: 0; } .single-reform-menu #contentWrap #content.col1 .items .item_info li:nth-of-type(2) { padding: 0 20px 20px 20px; margin-bottom: 0; } .single-reform-menu #contentWrap #content.col1 .items li { padding: 20px; } .single-reform-menu #contentWrap #content.col1 .contact_us { padding: 20px 10px; margin-top: 0; border-radius: 0; } .single-reform-menu #contentWrap #content.col1 .contact_us h2 { font-size: 110% !important; } .single-reform-menu #contentWrap #content.col1 .contact_us ul { flex-direction: column; } .single-reform-menu #contentWrap #content.col1 .contact_us li { padding: 20px; } .single-reform-menu #contentWrap #content.col1 .problem_frame { margin-top: 0; padding: 20px; } .single-reform-menu #contentWrap #content.col1 .problem_frame .problems { padding: 0; } .single-reform-menu #contentWrap #content.col1 .solution { padding: 20px 0; } .single-reform-menu #contentWrap #content.col1 .solution .sol_header { padding: 60px 20px; } .single-reform-menu #contentWrap #content.col1 .solution .sol_header label { display: block; font-size: 80%; font-weight: normal; } .single-reform-menu #contentWrap #content.col1 .solution .sol_header .plan_name { font-size: 140%; } .single-reform-menu #contentWrap #content.col1 .solution .sol_container { padding: 20px; } .single-reform-menu #contentWrap #content.col1 .solution .sol_container .feature_title .feature_title_text { line-height: 160%; } .single-reform-menu #contentWrap #content.col1 .clear_price { margin: 20px 10px; padding: 20px !important; } .single-reform-menu #contentWrap #content.col1 .clear_price .price_catch { max-width: 96%; line-height: 160%; top: -40px; padding: 10px; } .single-reform-menu #contentWrap #content.col1 .clear_price .const_title { margin-top: 40px; } .single-reform-menu #contentWrap #content.col1 .clear_price .cost { margin-bottom: 20px; } .single-reform-menu #contentWrap #content.col1 .clear_price .works { display: flex; flex-wrap: wrap; justify-content: space-between; } .single-reform-menu #contentWrap #content.col1 .clear_price .works .work { flex-basis: 46%; padding: 10px 10px 8px 10px; text-align: left; font-size: 85% !important; } .single-reform-menu #contentWrap #content.col1 .clear_price .est_btn { font-size: 120% !important; } .single-reform-menu #contentWrap #content.col1 .clear_price .est_btn .fa-arrow-circle-right { margin-top: 0; } .single-reform-menu #contentWrap #content.col1 .clear_price .est_btn a { padding: 18px 20px; } } .home #contentWrap #content.col1 { padding: 0px 0px; } .home #contentWrap #content.col1 .covid { margin-bottom: 40px; } #archive-reform-menu .sec_base .flex, .parent-pageid-17492 .sec_base .flex { display: flex; justify-content: space-between; flex-wrap: wrap; } #archive-reform-menu .sec_base .flex li, .parent-pageid-17492 .sec_base .flex li { flex-basis: 32%; list-style-type: none; margin-bottom: 20px; } @media screen and (max-width: 767px) { #archive-reform-menu .sec_base .flex li, .parent-pageid-17492 .sec_base .flex li { flex-basis: 100%; } } #archive-reform-menu .sec_base .flex li a, .parent-pageid-17492 .sec_base .flex li a { display: block; height: 100%; width: 100%; } #archive-reform-menu .sec_base .flex article.summary, .parent-pageid-17492 .sec_base .flex article.summary { padding: 0; border: none; height: 100%; width: 100%; background-color: #fff; } #archive-reform-menu .sec_base .flex article.summary a, .parent-pageid-17492 .sec_base .flex article.summary a { text-decoration: none; display: block; color: #000; border: 2px solid #ddd; display: flex; flex-direction: column; } #archive-reform-menu .sec_base .flex article.summary a:hover, .parent-pageid-17492 .sec_base .flex article.summary a:hover { border: 2px solid #1abc9c; } #archive-reform-menu .sec_base .flex article.summary a:hover img, .parent-pageid-17492 .sec_base .flex article.summary a:hover img { opacity: 1; } #archive-reform-menu .sec_base .flex article.summary a .makers, .parent-pageid-17492 .sec_base .flex article.summary a .makers { text-align: center; } #archive-reform-menu .sec_base .flex article.summary a .makers img, .parent-pageid-17492 .sec_base .flex article.summary a .makers img { max-height: 16px; } #archive-reform-menu .sec_base .flex article.summary a .galleries, .parent-pageid-17492 .sec_base .flex article.summary a .galleries { position: relative; } #archive-reform-menu .sec_base .flex article.summary a .galleries .discount, .parent-pageid-17492 .sec_base .flex article.summary a .galleries .discount { font-weight: bold; display: inline-block; padding: 10px; position: absolute; background-color: #d62f1d; color: #fff; top: 10px; right: 10px; line-height: 120%; } #archive-reform-menu .sec_base .flex article.summary a .galleries .discount strong, .parent-pageid-17492 .sec_base .flex article.summary a .galleries .discount strong { font-size: 180%; } #archive-reform-menu .sec_base .flex article.summary a .galleries img, .parent-pageid-17492 .sec_base .flex article.summary a .galleries img { width: 100%; height: 200px; object-fit: cover; } #archive-reform-menu .sec_base .flex article.summary a .maker, #archive-reform-menu .sec_base .flex article.summary a .gallery, .parent-pageid-17492 .sec_base .flex article.summary a .maker, .parent-pageid-17492 .sec_base .flex article.summary a .gallery { margin-bottom: 10px; } #archive-reform-menu .sec_base .flex article.summary a .specs, .parent-pageid-17492 .sec_base .flex article.summary a .specs { font-size: 0.85rem; line-height: 160%; } #archive-reform-menu .sec_base .flex article.summary a .maker, .parent-pageid-17492 .sec_base .flex article.summary a .maker { display: inline-block; margin: 20px 2px; } #archive-reform-menu .sec_base .flex article.summary a label, .parent-pageid-17492 .sec_base .flex article.summary a label { display: inline-block; background-color: #000; color: #fff; font-size: 60%; margin: 0 4px 4px 4px; padding: 0px 10px; font-weight: bold; } #archive-reform-menu .sec_base .flex article.summary a h2, .parent-pageid-17492 .sec_base .flex article.summary a h2 { text-align: left; margin: 10px 0; } #archive-reform-menu .sec_base .flex article.summary a .item_title, .parent-pageid-17492 .sec_base .flex article.summary a .item_title { font-size: 0.85rem; } #archive-reform-menu .sec_base .flex article.summary a .price_type, .parent-pageid-17492 .sec_base .flex article.summary a .price_type { margin: 0 0 20px 0; background-color: #1abc9c; color: #fff; font-size: 0.85rem; border-radius: 8px; padding: 6px; } #archive-reform-menu .sec_base .flex article.summary a .price_type.not_include, .parent-pageid-17492 .sec_base .flex article.summary a .price_type.not_include { background-color: #FE921D; } #archive-reform-menu .sec_base .flex article.summary a .price_text, .parent-pageid-17492 .sec_base .flex article.summary a .price_text { font-size: 200%; font-weight: bold; color: #d62f1d; } #archive-reform-menu .sec_base .flex article.summary .cost, .parent-pageid-17492 .sec_base .flex article.summary .cost { padding: 20px 14px; text-align: center; } #archive-reform-menu .sec_base .flex article.summary .detail, .parent-pageid-17492 .sec_base .flex article.summary .detail { text-align: left; padding: 10px 14px; flex: 1; } #archive-reform-menu .cat_frame .flex, .parent-pageid-17492 .cat_frame .flex { display: flex; justify-content: space-between; flex-wrap: wrap; } #archive-reform-menu .cat_frame .flex li, .parent-pageid-17492 .cat_frame .flex li { flex-basis: 32%; list-style-type: none; margin-bottom: 20px; } @media screen and (max-width: 767px) { #archive-reform-menu .cat_frame .flex li, .parent-pageid-17492 .cat_frame .flex li { flex-basis: 100%; } } #archive-reform-menu .cat_frame .flex li a, .parent-pageid-17492 .cat_frame .flex li a { display: block; height: 100%; width: 100%; } #archive-reform-menu .cat_frame .flex article.summary, .parent-pageid-17492 .cat_frame .flex article.summary { padding: 0; border: none; height: 100%; width: 100%; background-color: #fff; } #archive-reform-menu .cat_frame .flex article.summary a, .parent-pageid-17492 .cat_frame .flex article.summary a { text-decoration: none; display: block; color: #000; border: 2px solid #ddd; display: flex; flex-direction: column; } #archive-reform-menu .cat_frame .flex article.summary a:hover, .parent-pageid-17492 .cat_frame .flex article.summary a:hover { border: 2px solid #1abc9c; } #archive-reform-menu .cat_frame .flex article.summary a:hover img, .parent-pageid-17492 .cat_frame .flex article.summary a:hover img { opacity: 1; } #archive-reform-menu .cat_frame .flex article.summary a .makers, .parent-pageid-17492 .cat_frame .flex article.summary a .makers { text-align: center; } #archive-reform-menu .cat_frame .flex article.summary a .makers img, .parent-pageid-17492 .cat_frame .flex article.summary a .makers img { max-height: 16px; } #archive-reform-menu .cat_frame .flex article.summary a .galleries, .parent-pageid-17492 .cat_frame .flex article.summary a .galleries { position: relative; } #archive-reform-menu .cat_frame .flex article.summary a .galleries .discount, .parent-pageid-17492 .cat_frame .flex article.summary a .galleries .discount { font-weight: bold; display: inline-block; padding: 10px; position: absolute; background-color: #d62f1d; color: #fff; top: 10px; right: 10px; line-height: 120%; } #archive-reform-menu .cat_frame .flex article.summary a .galleries .discount strong, .parent-pageid-17492 .cat_frame .flex article.summary a .galleries .discount strong { font-size: 180%; } #archive-reform-menu .cat_frame .flex article.summary a .galleries img, .parent-pageid-17492 .cat_frame .flex article.summary a .galleries img { width: 100%; height: 200px; object-fit: cover; } #archive-reform-menu .cat_frame .flex article.summary a .maker, #archive-reform-menu .cat_frame .flex article.summary a .gallery, .parent-pageid-17492 .cat_frame .flex article.summary a .maker, .parent-pageid-17492 .cat_frame .flex article.summary a .gallery { margin-bottom: 10px; } #archive-reform-menu .cat_frame .flex article.summary a .specs, .parent-pageid-17492 .cat_frame .flex article.summary a .specs { font-size: 0.85rem; line-height: 160%; } #archive-reform-menu .cat_frame .flex article.summary a .maker, .parent-pageid-17492 .cat_frame .flex article.summary a .maker { display: inline-block; margin: 20px 2px; } #archive-reform-menu .cat_frame .flex article.summary a label, .parent-pageid-17492 .cat_frame .flex article.summary a label { display: inline-block; background-color: #000; color: #fff; font-size: 60%; margin: 0 4px 4px 4px; padding: 0px 10px; font-weight: bold; } #archive-reform-menu .cat_frame .flex article.summary a h2, .parent-pageid-17492 .cat_frame .flex article.summary a h2 { text-align: left; margin: 10px 0; } #archive-reform-menu .cat_frame .flex article.summary a .item_title, .parent-pageid-17492 .cat_frame .flex article.summary a .item_title { font-size: 0.85rem; } #archive-reform-menu .cat_frame .flex article.summary a .price_type, .parent-pageid-17492 .cat_frame .flex article.summary a .price_type { margin: 0 0 20px 0; background-color: #1abc9c; color: #fff; font-size: 0.85rem; border-radius: 8px; padding: 6px; } #archive-reform-menu .cat_frame .flex article.summary a .price_type.not_include, .parent-pageid-17492 .cat_frame .flex article.summary a .price_type.not_include { background-color: #FE921D; } #archive-reform-menu .cat_frame .flex article.summary a .price_text, .parent-pageid-17492 .cat_frame .flex article.summary a .price_text { font-size: 200%; font-weight: bold; color: #d62f1d; } #archive-reform-menu .cat_frame .flex article.summary .cost, .parent-pageid-17492 .cat_frame .flex article.summary .cost { padding: 20px 14px; text-align: center; } #archive-reform-menu .cat_frame .flex article.summary .detail, .parent-pageid-17492 .cat_frame .flex article.summary .detail { text-align: left; padding: 10px 14px; flex: 1; } #archive-reform-menu .srv_frame a, .parent-pageid-17492 .srv_frame a { text-decoration: none; } #archive-reform-menu #showroom strong, .parent-pageid-17492 #showroom strong { display: inline-block; background-color: #FE921D; color: #fff; border-radius: 6px; padding: 2px 10px; font-size: 0.85rem; width: 100px; text-align: center; margin-right: 10px; } #archive-reform-menu #showroom p, .parent-pageid-17492 #showroom p { max-width: 560px; margin: 0 auto; text-align: left; margin-bottom: 14px; } #archive-reform-menu #showroom .btn, .parent-pageid-17492 #showroom .btn { margin-top: 30px; } .md-ttl04 { text-align: center; } .page-id-17594 h2 { margin-bottom: 40px; } @media screen and (max-width: 767px) { .page-id-17594 h2 { margin-bottom: 20px; } } .page-id-17594 h3 { background-color: transparent; color: #000; position: relative; display: block; margin-bottom: 1em; } .page-id-17594 h3:before { content: ''; position: absolute; bottom: -5px; display: inline-block; width: 200px; height: 3px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #FE921D; border-radius: 2px; } .page-id-17594 #contentWrap .flex { display: flex; justify-content: space-between; } .page-id-17594 #contentWrap .flex li { list-style-type: none; } .page-id-17594 #contentWrap .flex li:nth-of-type(1) { flex-basis: 56%; } .page-id-17594 #contentWrap .flex li:nth-of-type(2) { flex-basis: 42%; } @media screen and (max-width: 767px) { .page-id-17594 #contentWrap .flex { flex-direction: column-reverse; } .page-id-17594 #contentWrap .flex .president img { width: 100%; margin-bottom: 20px; } } .page-id-17594 .frame { background-color: #ffffe7; border-color: #f2f1c1; border-radius: 6px; margin-top: 40px; clear: both; padding: 40px 20px; padding-bottom: 60px; margin-bottom: 40px; } @media screen and (max-width: 767px) { .page-id-17594 .frame { margin: 20px 10px; padding: 30px 10px; } } .page-id-17594 .frame h3 { background-color: transparent; color: #FE921D; margin-bottom: 30px; font-size: 100% !important; } .page-id-17594 .frame ul { margin: 0 auto; max-width: 760px; } .page-id-17594 .frame ul li { line-height: 160%; font-size: 0.9rem; } .page-id-17594 .frame p { max-width: 760px; margin: 0 auto; font-size: 0.9rem; margin-bottom: 20px; } .page-id-17594 section { padding: 60px 40px; } @media screen and (max-width: 767px) { .page-id-17594 section { padding: 30px 0px; } .page-id-17594 section p { line-height: 180% !important; margin-bottom: 20px; } } .page-id-17594 section:nth-of-type(even) { background-color: #fafafa; } .page-id-17594 section:nth-of-type(even) .frame { background-color: #fff; border-color: #ddd; } .page-id-17594 section:nth-of-type(even) .frame h3 { color: #1abc9c; margin-top: 0; } .page-id-17594 section:nth-of-type(even) .frame h3:before { background-color: #1abc9c; } .page-id-17594 .secrets { display: flex; justify-content: space-between; flex-wrap: wrap; } @media screen and (max-width: 767px) { .page-id-17594 .secrets { flex-direction: column; } } .page-id-17594 .secrets .secret { flex-basis: 48%; border: 1px solid #FE921D; margin: 30px 0; } @media screen and (max-width: 767px) { .page-id-17594 .secrets .secret { margin: 0 0 20px 0; flex-basis: 100%; } } .page-id-17594 .secrets .secret h3 { background-color: #FE921D; color: #fff; margin-top: 0; font-size: 1rem !important; } .page-id-17594 .secrets .secret h3::before { display: none; } @media screen and (max-width: 767px) { .page-id-17594 .secrets .secret h3 { text-align: left; } } .page-id-17594 .secrets .secret p { padding: 20px; } @media screen and (max-width: 767px) { .page-id-17594 .secrets .secret p { padding: 0 10px; font-size: 0.85rem; } } .page-id-17594 .sdgs { text-align: center; } .page-id-17594 .sdgs img { margin: 30px auto; } @media screen and (max-width: 767px) { .page-id-17594 .sdgs p { text-align: left; } .page-id-17594 .sdgs p a { text-align: center; } } .page-id-17594 .prof table { max-width: 800px; } @media screen and (max-width: 767px) { .page-id-17594 .prof table { line-height: 160%; } } .page-id-17594 .showroom { padding: 60px 0; } .page-id-17594 .showroom .tac { text-align: center; margin-bottom: 0; } .page-id-17594 .showroom .tac img { margin-bottom: 0; } @media screen and (max-width: 767px) { .page-id-17594 .showroom .tac img { margin-bottom: 0; } } .page-id-17594 .showroom table { max-width: 800px; margin: 30px auto; } .page-id-17594 .showroom .covid { font-size: 0.85rem; } .page-id-17594 .showroom .covid a { color: #fff; } .page-id-17594 .showroom .frame ul { display: flex; justify-content: space-between; width: 100%; max-width: none; margin: 40px 0; } @media screen and (max-width: 767px) { .page-id-17594 .showroom .frame ul { flex-direction: column; margin-bottom: 0px; } } .page-id-17594 .showroom .frame ul li { flex-basis: 48%; list-style-type: none; } @media screen and (max-width: 767px) { .page-id-17594 .showroom .frame ul li { flex-basis: 100%; margin-bottom: 20px; } } .page-id-17594 .showroom .frame ul li img { margin: 0; } .page-id-17594 .showroom .frame ul li .embed-container { height: 100%; } .page-id-17594 hr { margin: 40px 0; color: #eee; border: 2px dotted #eee; } .page-id-17594 .md-arrow-anchor01-rec { margin: 30px auto; width: auto; max-width: 760px; font-size: 0.9rem; } @media screen and (max-width: 767px) { .page-id-17594 .md-arrow-anchor01-rec { margin: 20px 0; padding: 0; max-width: 100%; } .page-id-17594 .md-arrow-anchor01-rec a { padding: 10px; } } .cat_frame { padding: 40px; } @media screen and (max-width: 767px) { .cat_frame { padding: 20px; } } .cat_frame:nth-child(odd) { background-color: #e9f5f1; } .cat_frame ul { margin-bottom: 0; } .cat_frame article { background-color: #fff; } .company-links { padding: 40px 20px; border-top: 1px solid #ddd; } @media screen and (max-width: 767px) { .company-links { padding: 0; border-radius: 0; } } .company-links h2 { max-width: 800px; margin: 0 auto; background-color: #FE921D; color: #fff; padding: 10px 20px; border-radius: 6px; } @media screen and (max-width: 767px) { .company-links h2 { border-radius: 0; } } .company-links h2 i { color: #fff; margin-right: 10px; } .company-links > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 auto; max-width: 600px; } @media (max-width: 600px) { .company-links > ul { flex-direction: column; padding-left: 20px; } } .company-links > ul li { list-style-type: none; } .company-links > ul ul { margin: 20px auto; } @media (max-width: 600px) { .company-links > ul ul { margin: 0 auto; margin-top: 20px; } } .company-links > ul ul li { list-style-type: none; text-align: left; font-size: calc(1rem + ((1vw - 6px) * 0.3333)); } .company-links > ul ul li i { color: #f18006; } .company-links > ul ul li a { color: #222; display: inline-block; padding: 6px 4px; } @media (min-width: 1200px) { .company-links > ul ul li { font-size: 16px !important; } } .reform-services h1 { display: none; } .reform-services .pageImg { position: relative; margin-bottom: 60px; } @media screen and (max-width: 767px) { .reform-services .pageImg { margin-bottom: 0px; } } .reform-services .pageImg .infoFrame { position: absolute; right: 40px; bottom: -40px; border-radius: 6px; background-color: rgba(26, 188, 156, 0.9); padding: 40px; max-width: 680px; text-align: left; border: 2px solid #1abc9c; color: #fff; } @media screen and (max-width: 767px) { .reform-services .pageImg .infoFrame { position: relative; width: 100%; max-width: none; right: auto; bottom: auto; padding: 20px 10px; border-radius: 0; } } .reform-services .pageImg .infoFrame .imgTitle { font-size: 1.6rem; font-weight: bold; margin-bottom: 20px; color: #fff; } @media screen and (max-width: 767px) { .reform-services .pageImg .infoFrame .imgTitle .title { font-size: 1.4rem; text-align: center; } } .reform-services .pageImg .infoFrame .imgTitle ul { display: flex; justify-content: space-between; align-items: center; border: 1px solid #fff; border-radius: 8px; background-color: rgba(255, 255, 255, 0.8); padding: 20px; color: #000; } @media screen and (max-width: 767px) { .reform-services .pageImg .infoFrame .imgTitle ul { padding: 20px 10px; } } .reform-services .pageImg .infoFrame .imgTitle ul li { list-style-type: none; font-size: 0.85rem; } .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(1) { text-align: right; flex-basis: 60%; } @media screen and (max-width: 767px) { .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(1) { flex-basis: 66%; } } .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(1) .price { margin-bottom: 20px; } @media screen and (max-width: 767px) { .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(1) .price { margin-bottom: 0; } } .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(1) .price strong { font-size: 300%; color: #e70000; margin-right: 10px; } .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(1) .base strong { font-size: 220%; margin-right: 10px; } .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(2) { text-align: left; flex-basis: 38%; } @media screen and (max-width: 767px) { .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(2) { flex-basis: 33%; text-align: center; } } .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(2) .off { background-color: #FE921D; color: #fff; display: table-cell; vertical-align: middle; text-align: center; width: 90px; height: 90px; border-radius: 50%; line-height: 180%; } @media screen and (max-width: 767px) { .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(2) .off { display: block; margin: 0 auto; padding-top: 6px; } } .reform-services .pageImg .infoFrame .imgTitle ul li:nth-of-type(2) .off strong { font-size: 300%; color: #f0ff00; display: inline-block; margin-top: 6px; } .reform-services .pageImg .infoFrame .imgDesc { font-size: 0.85rem; } @media screen and (max-width: 767px) { .reform-services { padding: 0; } } .page-id-17507 .reform-services .pageImg .infoFrame { right: auto; left: 40px; } @media screen and (max-width: 767px) { .page-id-17507 .reform-services .pageImg .infoFrame { left: 0; } } .parent-pageid-17492 section { padding: 60px 20px !important; } @media screen and (max-width: 767px) { .parent-pageid-17492 section { padding: 20px 0px !important; } } .parent-pageid-17492 section:nth-of-type(even) { background-color: #e9f5f1; } @media screen and (max-width: 767px) { .parent-pageid-17492 section:nth-of-type(even) { padding: 20px; } } .parent-pageid-17492 .feature ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; } .parent-pageid-17492 .feature ul li { flex-basis: 32%; list-style-type: none; margin-bottom: 20px; position: relative; } @media screen and (max-width: 767px) { .parent-pageid-17492 .feature ul li { flex-basis: 100%; } } .parent-pageid-17492 .feature ul li .numFrame { position: absolute; top: -10px; left: -a10px; } .parent-pageid-17492 .feature ul li .numFrame .num { width: 100px; height: 100px; border-radius: 50%; padding: 10px; background-color: #FE921D; color: #fff; font-weight: bold; font-size: 1.6rem; } .parent-pageid-17492 .feature ul li p { padding: 30px; font-weight: bold; background-color: #fafafa; border: 1px solid #ddd; } .parent-pageid-17492 .case-slide p { text-align: center; } .parent-pageid-17492 .case-slide .btn { text-align: center; } .parent-pageid-17492 #showroom img { margin: 0; } .parent-pageid-17492 .doc .doc_list { display: flex; justify-content: space-between; } .parent-pageid-17492 .doc .doc_list li { list-style-type: none; flex-basis: 33%; text-align: center; } .parent-pageid-17492 .ba img { margin-bottom: 20px; } .parent-pageid-17492 .staff { padding: 60px 40px !important; background-color: #eee !important; } @media screen and (max-width: 767px) { .parent-pageid-17492 .staff { padding: 40px 20px !important; } } .parent-pageid-17492 .staff ul { display: flex; flex-wrap: wrap; margin-top: 40px; } .parent-pageid-17492 .staff ul li { flex-basis: 50%; list-style-type: none; text-align: center; padding: 20px; background-color: #fff; border: 1px solid #eee; } @media screen and (max-width: 767px) { .parent-pageid-17492 .staff ul li { flex-basis: 100%; } } .parent-pageid-17492 .staff ul li h4 { font-size: 0.9rem !important; margin-bottom: 20px; line-height: 160%; } .parent-pageid-17492 .staff ul li .staffName { font-weight: bold; } .parent-pageid-17492 .staff ul li .staffName span { display: inline-block; padding: 2px 10px; margin-right: 10px; border-radius: 6px; font-size: 80%; background-color: #FE921D; color: #fff; } .parent-pageid-17492 .staff ul li p { text-align: left; font-size: 0.85rem; } .parent-pageid-17492 .staff ul li:nth-of-type(4n-1) { background-color: #fafafa; } .parent-pageid-17492 .staff ul li:nth-of-type(4n-2) { background-color: #fafafa; } .parent-pageid-17492 .ins { border: 1px solid #ddd; } @media screen and (max-width: 767px) { .parent-pageid-17492 .ins { padding: 0; } } .parent-pageid-17492 .ins ul { display: flex; justify-content: space-between; max-width: 1100px; margin: 0 auto; } @media screen and (max-width: 767px) { .parent-pageid-17492 .ins ul { flex-direction: column; } } .parent-pageid-17492 .ins ul li { list-style-type: none; } .parent-pageid-17492 .ins ul li:nth-of-type(1) { flex-basis: 34%; } @media screen and (max-width: 767px) { .parent-pageid-17492 .ins ul li:nth-of-type(1) { flex-basis: 100%; text-align: center; } } .parent-pageid-17492 .ins ul li:nth-of-type(2) { flex-basis: 64%; } @media screen and (max-width: 767px) { .parent-pageid-17492 .ins ul li:nth-of-type(2) { flex-basis: 100%; text-align: center; } } .parent-pageid-17492 .ins ul li img { margin: 0; } .parent-pageid-17492 .ins ul li h2 { margin-top: 20px; } .parent-pageid-17492 .ins ul li .btn { text-align: center; } .parent-pageid-17492 .voices { padding: 60px 40px !important; } @media screen and (max-width: 767px) { .parent-pageid-17492 .voices { padding: 40px 20px !important; } } .parent-pageid-17492 .voices .voiceFrame { display: flex; flex-direction: column; } .parent-pageid-17492 .voices .voiceFrame li { list-style-type: none; } .parent-pageid-17492 .voices .voiceFrame li img { margin: 0; } .parent-pageid-17492 .voices .voiceFrame .voice { display: flex; flex-wrap: wrap; } .parent-pageid-17492 .voices .voiceFrame .voice li:nth-of-type(1) { flex-basis: 24%; } @media screen and (max-width: 767px) { .parent-pageid-17492 .voices .voiceFrame .voice li:nth-of-type(1) { flex-basis: 100%; text-align: center; } } .parent-pageid-17492 .voices .voiceFrame .voice li:nth-of-type(2) { flex-basis: 76%; padding: 40px; background-color: #fff; } @media screen and (max-width: 767px) { .parent-pageid-17492 .voices .voiceFrame .voice li:nth-of-type(2) { flex-basis: 100%; padding: 30px 10px; } } .parent-pageid-17492 .voices .voiceFrame .voice li:nth-of-type(2) .title { font-weight: bold; font-size: 0.9rem; } .parent-pageid-17492 .voices .voiceFrame .voice li:nth-of-type(2) .cusName { font-weight: bold; font-size: 80%; margin: 10px 0; background-color: #1abc9c; color: #fff; display: inline-block; padding: 2px 10px 0 10px; border-radius: 6px; } .parent-pageid-17492 .voices .voiceFrame .voice li:nth-of-type(2) p { padding-left: 0; } .parent-pageid-17492 .flow ul { display: flex; justify-content: space-between; width: 100%; } @media screen and (max-width: 767px) { .parent-pageid-17492 .flow ul { flex-direction: column; } } @media (min-width: 797px) and (max-width: 1200px) { .parent-pageid-17492 .flow ul { overflow-x: scroll; white-space: nowrap; } } .parent-pageid-17492 .flow ul li { list-style-type: none; margin-bottom: 20px; writing-mode: vertical-rl; letter-spacing: 0.3rem; text-orientation: upright; padding-bottom: 30px; border: 2px solid #1abc9c; color: #1abc9c; font-weight: bold; flex-basis: 4%; } .parent-pageid-17492 .flow ul li:nth-of-type(even) { border: none; text-align: center; flex-basis: auto; } .parent-pageid-17492 .flow ul li i { margin-left: 8px; } .parent-pageid-17492 .flow ul li span { text-combine-upright: all; background-color: #1abc9c; color: #fff; display: inline-block; width: 100%; padding: 4px 8px; } @media screen and (max-width: 767px) { .parent-pageid-17492 .flow ul li { writing-mode: horizontal-tb; padding-bottom: 10px; text-align: center; margin-bottom: 8px; } .parent-pageid-17492 .flow ul li span { margin-bottom: 10px; } .parent-pageid-17492 .flow ul li:nth-of-type(even) { border: none; text-align: center; flex-basis: auto; padding: 0; margin: 0; } .parent-pageid-17492 .flow ul li:nth-of-type(even) i { transform: rotate(90deg); margin-left: -10px; } } .parent-pageid-17492 .btn { text-align: center; font-size: 0.85rem; } .parent-pageid-17492 .full_staff ul { display: flex; justify-content: space-between; } .parent-pageid-17492 .full_staff ul li { list-style-type: none; flex-basis: 24%; text-align: center; } .parent-pageid-17492 .full_staff ul li div { text-align: center; font-weight: bold; } .parent-pageid-17492 .summary_wrap { display: flex; justify-content: space-around; flex-wrap: wrap; } @media screen and (max-width: 767px) { .parent-pageid-17492 .summary_wrap { flex-direction: column; } } .parent-pageid-17492 .summary_wrap .summary { flex-basis: 32%; list-style-type: none; padding: 30px; background-color: #fff; display: flex; flex-direction: column; } .parent-pageid-17492 .summary_wrap .summary .makers { text-align: center; } .parent-pageid-17492 .summary_wrap .summary .a_img { text-align: center; display: block; } .parent-pageid-17492 .summary_wrap .summary .slider_detail { font-weight: bold; flex: 1; } .parent-pageid-17492 .summary_wrap .summary .slider_detail .title { margin-bottom: 20px; } .parent-pageid-17492 .summary_wrap .summary .slider_detail .staffComment-list { text-align: center; } .parent-pageid-17492 .summary_wrap .summary .slider_detail .staffComment-list i { color: #FE921D; } .parent-pageid-17492 .knowledge p { text-align: left; font-size: 0.9rem; } @media screen and (max-width: 767px) { .parent-pageid-17492 .knowledge ul { flex-direction: column; align-items: flex-start; } } .parent-pageid-17492 .knowledge ul li:nth-of-type(1) { flex-basis: 30%; text-align: center; } .parent-pageid-17492 .knowledge ul li:nth-of-type(1) img { margin: 0 auto; width: 100%; } @media screen and (max-width: 767px) { .parent-pageid-17492 .knowledge ul li:nth-of-type(1) { width: 100%; margin-bottom: 20px; flex-basis: 100%; } .parent-pageid-17492 .knowledge ul li:nth-of-type(1) img { width: auto; } } .parent-pageid-17492 .knowledge ul li:nth-of-type(2) { flex-basis: 68%; } .parent-pageid-17492 .knowledge ul li .theme { background-color: #fff; padding: 20px; border-radius: 8px; } @media screen and (max-width: 767px) { .parent-pageid-17492 .knowledge ul li .theme { padding: 20px 10px; } } .parent-pageid-17492 .knowledge ul li .theme h4 { margin: 0 0 10px 0; color: #1abc9c; text-align: left; } .parent-pageid-17492 .knowledge ul li .theme p { font-size: 80%; text-align: left; } .parent-pageid-17492 .knowledge ul li .theme:nth-of-type(even) { background-color: transparent; } @media screen and (max-width: 767px) { .parent-pageid-17492 .adv ul { flex-direction: column; margin-bottom: 0; } } .parent-pageid-17492 .adv ul li { flex-basis: 33%; text-align: center; padding: 20px; } @media screen and (max-width: 767px) { .parent-pageid-17492 .adv ul li { padding: 20px 10px; } } .parent-pageid-17492 .adv ul li:nth-child(2) { border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #eee; } @media screen and (max-width: 767px) { .parent-pageid-17492 .adv ul li:nth-child(2) { border: none; } } .parent-pageid-17492 .adv ul li h4 { font-size: 0.9rem !important; margin-bottom: 20px; line-height: 160%; text-align: left; } @media screen and (max-width: 767px) { .parent-pageid-17492 .adv ul li h4 { margin-bottom: 0; } } .parent-pageid-17492 .adv ul li p { text-align: left; font-size: 0.85rem; } .parent-pageid-17492 .adv ul li .staffName { font-weight: bold; } .parent-pageid-17492 .adv ul li .staffName span { display: inline-block; padding: 2px 10px; margin-right: 10px; border-radius: 6px; font-size: 80%; background-color: #FE921D; color: #fff; } .parent-pageid-17492 .sale { text-align: center; } .child-of-17492 { background-color: #f4f4f4; padding: 40px 0; } .child-of-17492 .search_link { max-width: 1200px; margin: 0 auto; background-color: #fff; } .child-of-17492 #service { max-width: 1200px; margin: 0 auto; padding: 60px 0; } .child-of-17492 #service .srv_list .srv_frame h4 { font-size: 80% !important; } .child-of-17492 .doc { background-color: #F3DD4D; border: none; position: relative; } .child-of-17492 .doc img { margin-bottom: 20px; border: 1px solid #ddd; } .child-of-17492 .doc .docName { font-weight: bold; } .child-of-17492 .doc:after, .child-of-17492 .doc:before { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .child-of-17492 .doc:after { border-color: rgba(243, 221, 77, 0); border-top-color: #F3DD4D; border-width: 60px; margin-left: -60px; } .child-of-17492 .doc:before { border-color: rgba(194, 225, 245, 0); border-top-color: #c2e1f5; border-width: 36px; margin-left: -36px; } .child-of-17492 .full_staff { margin-bottom: 40px; background-color: #fff !important; border: 4px solid #F3DD4D; padding-top: 60px !important; } .child-of-17492 .full_staff img { margin-bottom: 10px; } .child-of-17492 .full_staff h3 { background-color: #F3DD4D; color: #000; } .child-of-17492 .full_staff strong { color: #fb2452; text-decoration: underline; } .child-of-17492 .full_staff .merit { margin-bottom: 40px; } @media screen and (max-width: 767px) { .child-of-17492 .full_staff .merit { flex-direction: column; line-height: 160%; } .child-of-17492 .full_staff .merit img { float: left; max-width: 40%; margin-right: 10px; } } .child-of-17492 .full_staff .merit li { font-weight: bold; flex-basis: 32%; background-color: #f8f8f8; padding: 20px; text-align: left; } @media screen and (max-width: 767px) { .child-of-17492 .full_staff .staff { flex-wrap: wrap; justify-content: space-between; } .child-of-17492 .full_staff .staff li { flex-basis: 48%; margin-bottom: 20px; } } .child-of-17492 .flex2 { display: flex; justify-content: space-between; background-color: #fff; border-radius: 8px; align-items: center; } @media screen and (max-width: 767px) { .child-of-17492 .flex2 { flex-direction: column; } } .child-of-17492 .flex2 > li { list-style-type: none; text-align: center; padding: 20px; } .child-of-17492 .flex2 > li:nth-of-type(1) { font-size: 160%; line-height: 160%; font-weight: bold; padding: 20px; } .child-of-17492 .flex2 > li strong { color: #fb2452; text-decoration: underline; } .child-of-17492 .flex2 > li .doc_list li { padding: 0 5px; } .post-type-archive-reform-menu .btn { max-width: 700px; } @media screen and (max-width: 767px) { .post-type-archive-reform-menu .btn { max-width: 100%; padding: 0; } } .category-1 .summary .article-img img { width: 280px; height: auto; object-fit: contain; } #form_step { display: flex; justify-content: center; position: relative; margin: 20px auto; text-align: center; background-color: #f3fffd; padding: 20px 0; border: 1px solid #1abc9c; border-radius: 8px; } #form_step li { font-size: 14px; list-style: none; position: relative; width: 33.333%; } @media screen and (max-width: 767px) { #form_step li { width: 48%; font-size: 12px; } } #form_step li::after { background: #1abc9c; content: ""; width: calc(100% - 40px); height: 2px; position: absolute; left: calc(-50% + 20px); top: 18px; } #form_step li:first-child:after { display: none; } #form_step li span { font-weight: bold; background: #fff; color: #1abc9c; display: inline-block; height: 40px; margin-bottom: 5px; line-height: 40px; letter-spacing: 1px; width: 40px; border: 1px solid #1abc9c; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } #form_step li.current::after { background: #1abc9c; } #form_step li.current span { color: #fff; background: #1abc9c; } #form_step li.current strong { color: #000; } #form_step li strong { color: #888; } #pack_links { display: flex; justify-content: space-between; padding: 20px; background-color: #f3fffd; margin-top: 40px; border: 1px solid #1abc9c; } @media screen and (max-width: 767px) { #pack_links { flex-wrap: wrap; padding: 10px; padding-bottom: 0; } } #pack_links li { list-style-type: none; font-size: 14px; } #pack_links li a { display: inline-block; background-color: #fff; border: 1px solid #ddd; padding: 10px 20px; text-decoration: none; border-radius: 8px; color: #1abc9c; font-weight: bold; } #pack_links li a:hover { background-color: #1abc9c; color: #fff; } @media screen and (max-width: 767px) { #pack_links li a { padding: 10px; } } @media screen and (max-width: 767px) { #pack_links li { flex-basis: 48%; margin-bottom: 10px; font-size: 12px; } } .main-wp.single article h2 { color: #222; line-height: 240%; padding: 0; margin-bottom: 20px; font-size: 1.6rem !important; position: relative; display: flex; justify-content: center; align-items: center; background-color: #fdf6dc; border-bottom: 2px solid #f18006; } .main-wp.single article h2 a { color: #222; } .main-wp.single article h3 { line-height: 220%; padding: 0; background-color: #fff; color: #000; border-bottom: 2px solid #1abc9c; font-size: 1.4rem !important; } .main-wp.single article h4 { background-color: #fafafa; color: #000; border-left: 4px solid #1abc9c; font-size: 1.2rem !important; } #contentWrap #content article .article_body .ctaWrap { position: relative; border-radius: 20px; padding: 40px 0; background: linear-gradient(#e74c3c, #d62f1d); background-color: #d62f1d; color: #fff; filter: drop-shadow(0px -6px 0px #d62f1d); width: 100%; margin: 40px auto; /*&::after{ position: absolute; top: 50%; transform: translateY(50%); left: -50vw; content: ""; z-index: -1; transform:rotate(15deg); background-color: $red3; height: 200px; width: 100vw; }*/ } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap { padding: 20px 10px 0px 10px; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap { padding-bottom: 0; } } @media screen and (min-width: 1200px) { #contentWrap #content article .article_body .ctaWrap .visible-xs { display: none; } } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap .visible-xs { display: none; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap .visible-xs { display: none; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap .visible-xs { display: inline-block; } } @media screen and (min-width: 1200px) { #contentWrap #content article .article_body .ctaWrap .hidden-xs { display: inline-block; } } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap .hidden-xs { display: inline-block; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap .hidden-xs { display: inline-block; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap .hidden-xs { display: none; } } #contentWrap #content article .article_body .ctaWrap h2 { color: #fff; font-size: 2.8rem !important; font-feature-settings: "palt"; } #contentWrap #content article .article_body .ctaWrap h2 strong { color: #fff600; } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap h2 { font-size: 2rem !important; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap h2 { font-size: 2rem !important; text-align: left; padding-left: 6vw; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap h2 { font-size: 1.8rem !important; text-align: left; padding-left: 0vw; } } #contentWrap #content article .article_body .ctaWrap p { font-size: 1.2rem; text-align: center; } #contentWrap #content article .article_body .ctaWrap p.ctaDesc strong { font-size: 1.6rem; border-bottom: 2px solid #fff600; } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap p.ctaDesc strong { font-size: 1.4rem !important; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap p.ctaDesc strong { font-size: 1.4rem !important; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap p.ctaDesc strong { font-size: 1.4rem !important; display: block; line-height: 200%; text-align: center; margin-top: 10px; } } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap p { font-size: 1rem !important; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap p { font-size: 1rem !important; text-align: left; padding-left: 6vw; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap p { font-size: 1rem !important; text-align: left; padding-left: 0vw; line-height: 160%; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex { display: flex; gap: 20px; z-index: 1; } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex { gap: 10px; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex { flex-direction: column; margin-bottom: 0; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex { flex-direction: column; margin-bottom: 0; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li { list-style-type: none; position: relative; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(1) { flex-basis: 20%; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(1) img { position: absolute; right: -10px; filter: drop-shadow(-10px -20px 0px #e74c3c); } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(1) img { right: -10px; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(1) img { left: auto; right: 20px; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(1) img { max-width: 33vw; left: auto; right: 0px; top: 30px; filter: none; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(2) { flex-basis: 60%; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(3) { flex-basis: 20%; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(3) img { position: absolute; left: -10px; filter: drop-shadow(10px 20px 0px #d62f1d); } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(3) img { left: -10px; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(3) img { left: auto; right: 20px; top: -160px; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li:nth-of-type(3) img { left: auto; right: 20px; top: auto; bottom: -80px; display: none; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li img { border-radius: 50%; top: 50%; transform: translateY(-50%); max-width: 300px; } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li img { max-width: 240px; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li img { max-width: 24vw; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li img { max-width: 24vw; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0; color: #000; } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap { gap: 10px; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap { padding: 10px; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap li { flex-basis: 33%; text-align: center; background-color: #fff; padding: 30px 10px; position: relative; clip-path: polygon(0% 26%, 50% 0%, 100% 26%, 90% 30%, 90% 100%, 10% 100%, 10% 30%); font-size: 1.4rem; font-weight: bold; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap li span { display: block; color: #d62f1d; font-size: 3rem; font-weight: bold; margin-bottom: 10px; } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap li span { font-size: 1.8rem; } } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap li { font-size: 1.2rem !important; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap li { font-size: 1rem !important; padding-bottom: 10px; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li ul.numWrap { gap: 6px; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaFree { position: absolute; top: -80px; right: -80px; background-color: #fff600; width: 120px; height: 120px; border-radius: 120px; display: flex; align-items: center; justify-content: center; color: #000; font-size: 2rem; font-weight: bold; line-height: 120%; filter: drop-shadow(0px 10px 0px #d62f1d); overflow: hidden; } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaFree { left: 10px; top: -120px; right: auto; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaFree { left: 0px; top: -50px; right: auto; font-size: 1.2rem; width: 60px; height: 60px; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaFree::after { content: ""; height: 100%; width: 30px; position: absolute; top: -180px; left: 0; background-color: #fff; opacity: 0; -webkit-transform: rotate(45deg); animation: shine 5s ease-in-out infinite; } @keyframes shine { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact { padding-top: 0px; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul { display: flex; gap: 10px; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li { flex-basis: 50%; text-align: center; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .btn { padding: 0; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .btn a { display: inline-block; text-decoration: none; padding: 20px 40px; background: linear-gradient(#fff, #fff94b 50%, #fff 100%); background-size: 100px 200px; width: 100%; border-radius: 12px; color: #000 !important; letter-spacing: 2px; transition: 0.5s; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .btn a:hover { background-position: 0 80%; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .btn a i { color: #d62f1d; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaTel { font-size: 2rem; } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaTel { font-size: 1.4rem; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaTel { font-size: 1.2rem; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaTel small { display: block; color: #fff; font-size: 1rem; margin-top: 10px; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaTel span { font-size: .8rem; display: block; font-weight: bold; text-align: center; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaMail { font-size: 1.4rem; font-weight: bold; } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaMail span { font-size: .8rem; display: block; flex-basis: 100%; } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaMail { font-size: 1.2rem; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaMail { font-size: 1rem; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaMail i { font-size: 2rem; } @media screen and (min-width: 980px) and (max-width: 1199px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaMail i { font-size: 1.4rem; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaMail i { font-size: 1.2rem; } } #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li .ctaMail a { display: flex; align-items: center; gap: 10px; justify-content: center; } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li { padding: 0 10px; flex-basis: 100%; width: 100%; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul li { padding: 0px; flex-basis: 100%; width: 100%; } } @media screen and (min-width: 768px) and (max-width: 979px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul { flex-direction: column; width: 60vw; align-items: flex-start; margin: 20px 10px; gap: 0px; } } @media screen and (max-width: 767px) { #contentWrap #content article .article_body .ctaWrap ul.ctaFlex li .ctaContact ul { flex-direction: column; width: 80vw; align-items: flex-start; margin: 10px; gap: 0; } } .head_fixed { position: fixed; width: 100%; z-index: 9; } @media screen and (max-width: 979px) { .head_fixed { position: static; } } #header.header3 { font-size: 14px; background-color: #fff; } @media screen and (min-width: 980px) and (max-width: 1199px) { #header.header3 { font-size: .8rem; } } @media screen and (min-width: 768px) and (max-width: 979px) { #header.header3 { background-color: #fff; } } #header.header3 ul#head_wrap { display: flex; justify-content: flex-end; gap: 20px; align-items: center; } @media screen and (max-width: 979px) { #header.header3 ul#head_wrap { gap: 0; } } #header.header3 ul#head_wrap > li { list-style-type: none; } #header.header3 ul#head_wrap > li:nth-of-type(1) { margin-right: auto; } #header.header3 ul#head_wrap > li:nth-of-type(3) { align-self: stretch; } #header.header3 ul.logoWrap { display: flex; gap: 10px; align-items: center; } @media screen and (max-width: 979px) { #header.header3 ul.logoWrap { align-items: flex-end; } } #header.header3 ul.logoWrap > li { list-style-type: none; text-align: left; padding: 10px 0; } @media screen and (max-width: 979px) { #header.header3 ul.logoWrap > li { padding: 4px 0; } } #header.header3 ul.logoWrap > li a { text-decoration: none; } #header.header3 ul.logoWrap > li img { max-width: 240px; padding-left: 0px; } @media screen and (min-width: 980px) and (max-width: 1199px) { #header.header3 ul.logoWrap > li img { max-width: 120px; } } @media screen and (max-width: 979px) { #header.header3 ul.logoWrap > li img { max-width: 200px; max-height: 80px; } } #header.header3 ul.logoWrap > li #site_description { background-color: transparent; padding: 0; height: auto; text-decoration: none; } @media screen and (min-width: 980px) and (max-width: 1199px) { #header.header3 ul.logoWrap > li #site_description { font-size: .8rem; } } @media screen and (max-width: 979px) { #header.header3 ul.logoWrap > li #site_description { font-size: .7rem; } } #header.header3 ul.centerWrap { display: flex; flex-direction: column; align-items: flex-end; margin: 4px 0; } @media screen and (max-width: 979px) { #header.header3 ul.centerWrap { display: none; } } #header.header3 ul.centerWrap i { color: #fff600; margin-right: 4px; } #header.header3 ul.centerWrap > li { list-style-type: none; text-align: right; border: 2px solid #2D3335; border-radius: 12px; overflow: hidden; } #header.header3 ul.centerWrap > li strong { font-size: 1.8rem; } @media screen and (min-width: 980px) and (max-width: 1199px) { #header.header3 ul.centerWrap > li strong { font-size: 1.4rem !important; } } #header.header3 ul.centerWrap > li img { max-width: 30px; } #header.header3 ul.centerWrap > li small { color: #000; } #header.header3 ul.centerWrap > li a { display: inline-block; font-size: .9rem; background-color: #4c2716; color: #fff; padding: 0px 20px; text-decoration: none; border-radius: 12px; transition: .5s; } #header.header3 ul.centerWrap > li a:hover { color: #fffd51; } #header.header3 ul.centerWrap > li:nth-of-type(2) { padding-top: 6px; display: flex; gap: 10px; align-items: center; } #header.header3 ul.centerWrap > li .text-free { background-color: #2D3335; color: #fff; text-align: center; font-size: .9rem; } #header.header3 ul.centerWrap > li .head_telWrap { display: flex; gap: 10px; padding: 6px 16px 0 20px; } #header.header3 ul.centerWrap > li .head_telWrap strong { font-size: 2rem; letter-spacing: .1rem; } #header.header3 ul.centerWrap > li .head_telWrap img { width: 30px; max-width: none; height: auto; } #header.header3 ul.centerWrap > li .head_telWrap .telImg { display: flex; align-items: center; } #header.header3 ul.centerWrap > li .head_tel_time { text-align: center; line-height: 140%; padding-bottom: 4px; } #header.header3 ul.ctaWrap { display: flex; align-items: stretch; height: 100%; } #header.header3 ul.ctaWrap > li { list-style-type: none; width: 100px; } @media screen and (min-width: 980px) and (max-width: 1199px) { #header.header3 ul.ctaWrap > li { width: 80px; } } @media screen and (max-width: 979px) { #header.header3 ul.ctaWrap > li { width: 15vw; min-width: 60px; } } #header.header3 ul.ctaWrap > li a { display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 10px; text-decoration: none; height: 100%; padding: 10px; font-size: 12px; line-height: 120%; white-space: nowrap; color: #fff; transition: .3s; } @media screen and (min-width: 980px) and (max-width: 1199px) { #header.header3 ul.ctaWrap > li a { font-size: .7rem; } } @media screen and (max-width: 979px) { #header.header3 ul.ctaWrap > li a { font-size: 9px; } } #header.header3 ul.ctaWrap > li a i { font-size: 2.2rem !important; margin-bottom: 0px; } @media screen and (max-width: 979px) { #header.header3 ul.ctaWrap > li a i { font-size: 1.4rem; } } #header.header3 ul.ctaWrap > li:nth-of-type(1) a { background-color: #4e9bb7; border: 1px solid #4e9bb7; } #header.header3 ul.ctaWrap > li:nth-of-type(1) a:hover { background-color: #fff; color: #4e9bb7; } #header.header3 ul.ctaWrap > li:nth-of-type(2) a { background-color: #01b901; border: 1px solid #01b901; } #header.header3 ul.ctaWrap > li:nth-of-type(2) a:hover { background-color: #fff; color: #01b901; } #header.header3 ul.ctaWrap > li:nth-of-type(3) a { background-color: #da5157; border: 1px solid #da5157; } #header.header3 ul.ctaWrap > li:nth-of-type(3) a:hover { background-color: #fff; color: #da5157; } @media screen and (max-width: 979px) { #header.header3 ul.ctaWrap { display: none; } } #header.header3 ul.ctaWrap.visible_sm2 { display: flex; } #header.header3 ul.ctaWrap.visible_sm2 li a { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 4px; } @media screen and (min-width: 980px) and (max-width: 1199px) { #header.header3 ul.ctaWrap.visible_sm2 { display: none; } } @media screen and (min-width: 1200px) { #header.header3 ul.ctaWrap.visible_sm2 { display: none; } } #header.header3 .menu.is-fixed { position: fixed; top: 0; right: 0; z-index: 99; height: auto; } #nav2 { font-size: 14px; background-color: #fff; border-top: 2px solid #e3eaf1; } @media screen and (min-width: 980px) and (max-width: 1199px) { #nav2 { font-size: .9rem; } } @media screen and (max-width: 979px) { #nav2 { display: none; } } #nav2 .container { position: relative; } #nav2 ul.navItems { display: flex; justify-content: space-between; margin: 0; align-items: center; } #nav2 ul.navItems > li { list-style-type: none; } #nav2 ul.navItems > li > a { display: block; padding: 10px 14px; text-decoration: none; color: #000; transition: .5s; } @media screen and (min-width: 980px) and (max-width: 1199px) { #nav2 ul.navItems > li > a { padding: 10px; } } #nav2 ul.navItems > li > a:hover { background-color: #fff; } #nav2 ul.navItems > li .dropdown { display: none; position: absolute; top: 46px; left: 0; background-color: #fff; width: 100%; z-index: 9; border: 2px solid #f28006; } #nav2 ul.navItems > li .dropdown ul.subWrap { display: flex; font-size: .9rem; margin: 0; } #nav2 ul.navItems > li .dropdown ul.subWrap > li { padding: 20px; list-style-type: none; } #nav2 ul.navItems > li .dropdown ul.subWrap > li:nth-of-type(1) { width: 14%; min-width: 200px; font-weight: bold; font-size: 1rem; white-space: nowrap; background-color: #f28006; color: #fff; } #nav2 ul.navItems > li .dropdown ul.subWrap > li:nth-of-type(2) { width: 86%; text-align: left; } #nav2 ul.navItems > li .dropdown ul.subWrap > li:nth-of-type(2) .subText_lg { font-weight: bold; color: #f28006; font-size: 1rem; } #nav2 ul.navItems > li .dropdown ul.subWrap > li:nth-of-type(2) .subText_md { font-weight: bold; color: #4c2716; font-size: .9rem; line-height: 160%; margin: 10px 0; } #nav2 ul.navItems > li .dropdown ul.subWrap > li:nth-of-type(2) > ul { margin: 0; display: flex; gap: 10px; justify-content: flex-start; } #nav2 ul.navItems > li .dropdown ul.subWrap > li:nth-of-type(2) > ul li { list-style-type: none; } #nav2 ul.navItems > li .dropdown ul.subWrap > li:nth-of-type(2) > ul li a { display: inline-block; padding: 4px 10px; font-size: .9rem; background-color: #f8f8f8; color: #000; text-decoration: none; } #nav2 ul.navItems > li .dropdown ul.subWrap > li:nth-of-type(2) > ul li a:hover { color: #f28006; } #nav2 ul.navItems > li .dropdown ul.subWrap .others { margin-top: 20px; margin-bottom: 0 !important; border-top: 1px solid #ddd; padding-top: 20px; } #nav2 ul.navItems > li .dropdown ul.subWrap.navItem01 li > ul { margin-bottom: 10px; flex-wrap: wrap; } #nav2 ul.navItems > li .dropdown ul.subWrap.navItem05 li > ul { margin-bottom: 20px; flex-wrap: wrap; } #nav2 ul.navItems > li .dropdown ul.subWrap.navItem06 li > ul { margin-bottom: 20px; flex-wrap: wrap; } #nav2 ul.navItems > li .dropdown ul.subWrap .subText_md a { color: #4c2716; text-decoration: none; } #nav2 ul.navItems > li .dropdown ul.subWrap .subText_md a:hover { text-decoration: underline; } #nav2 ul.navItems > li:last-of-type { padding: 2px 0; } #nav2 ul.navItems > li:last-of-type a { background-color: #e3eaf1; border-radius: 12px; padding: 4px 20px; } #nav2 ul.navItems > li:last-of-type a:hover { background-color: #FE921D; color: #fff; } @media screen and (max-width: 767px) { .cta-xs { margin-bottom: 20px !important; } } #nav-xs.nav-xs2 .xs_nav_header, #foot-links-xs .xs_nav_header, .body02 .cta-xs .xs_nav_header { background-color: #fff; text-align: center; } #nav-xs.nav-xs2 .xs_nav_header img, #foot-links-xs .xs_nav_header img, .body02 .cta-xs .xs_nav_header img { max-width: 200px; margin: 0 auto; } #nav-xs.nav-xs2 .contact-btns, #foot-links-xs .contact-btns, .body02 .cta-xs .contact-btns { background-color: #4e9bb7; padding: 30px 20px; margin-bottom: 20px; } @media screen and (max-width: 767px) { #nav-xs.nav-xs2 .contact-btns, #foot-links-xs .contact-btns, .body02 .cta-xs .contact-btns { margin-bottom: 0; } } #nav-xs.nav-xs2 .contact-btns .textWrap, #foot-links-xs .contact-btns .textWrap, .body02 .cta-xs .contact-btns .textWrap { color: #fff; } #nav-xs.nav-xs2 .contact-btns .textWrap .baloon, #foot-links-xs .contact-btns .textWrap .baloon, .body02 .cta-xs .contact-btns .textWrap .baloon { background-color: #fff; text-align: center; border-radius: 12px; padding: 6px 10px; color: #333; margin-bottom: 20px; position: relative; font-weight: bold; } #nav-xs.nav-xs2 .contact-btns .textWrap .baloon:before, #foot-links-xs .contact-btns .textWrap .baloon:before, .body02 .cta-xs .contact-btns .textWrap .baloon:before { content: ""; /* borderで三角形を作る */ border: 10px solid transparent; border-top: 10px solid #fff; /* 配置する */ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } #nav-xs.nav-xs2 .contact-btns .textWrap .mainCatch .catch-free, #foot-links-xs .contact-btns .textWrap .mainCatch .catch-free, .body02 .cta-xs .contact-btns .textWrap .mainCatch .catch-free { font-weight: bold; font-size: 2rem; margin-top: 6px; line-height: 100%; margin-bottom: 20px; } #nav-xs.nav-xs2 .contact-btns .textWrap p, #foot-links-xs .contact-btns .textWrap p, .body02 .cta-xs .contact-btns .textWrap p { text-align: center; margin-bottom: 0; line-height: 160%; } @media screen and (max-width: 767px) { #nav-xs.nav-xs2 .contact-btns .textWrap p, #foot-links-xs .contact-btns .textWrap p, .body02 .cta-xs .contact-btns .textWrap p { text-align: left; } } #nav-xs.nav-xs2 .contact-btns .ctaBottomWrap, #foot-links-xs .contact-btns .ctaBottomWrap, .body02 .cta-xs .contact-btns .ctaBottomWrap { margin-top: 20px; background-color: #fff; padding: 40px; border-radius: 16px; display: flex; gap: 20px; } @media screen and (max-width: 767px) { #nav-xs.nav-xs2 .contact-btns .ctaBottomWrap, #foot-links-xs .contact-btns .ctaBottomWrap, .body02 .cta-xs .contact-btns .ctaBottomWrap { flex-direction: column; gap: 10px; padding: 10px; } } #nav-xs.nav-xs2 .contact-btns .ctaBottomWrap ul, #foot-links-xs .contact-btns .ctaBottomWrap ul, .body02 .cta-xs .contact-btns .ctaBottomWrap ul { width: 100%; } #nav-xs.nav-xs2 .contact-btns .ctaBottomWrap ul li, #foot-links-xs .contact-btns .ctaBottomWrap ul li, .body02 .cta-xs .contact-btns .ctaBottomWrap ul li { list-style-type: none; } #nav-xs.nav-xs2 .contact-btns small, #foot-links-xs .contact-btns small, .body02 .cta-xs .contact-btns small { display: block; color: #fff; font-weight: bold; font-size: 1rem; line-height: 160%; } #nav-xs.nav-xs2 .contact-btns .cta_title, #foot-links-xs .contact-btns .cta_title, .body02 .cta-xs .contact-btns .cta_title { font-size: 1.2rem; font-weight: bold; letter-spacing: 2px; line-height: 160%; } #nav-xs.nav-xs2 .contact-btns .cta-tel, #foot-links-xs .contact-btns .cta-tel, .body02 .cta-xs .contact-btns .cta-tel { border-radius: 16px; overflow: hidden; border: 1px solid #333; height: 100%; } #nav-xs.nav-xs2 .contact-btns .cta-tel .tap, #foot-links-xs .contact-btns .cta-tel .tap, .body02 .cta-xs .contact-btns .cta-tel .tap { background-color: #2d3335; color: #fff; font-size: .9rem; padding: 4px 10px; } #nav-xs.nav-xs2 .contact-btns .cta-tel a, #foot-links-xs .contact-btns .cta-tel a, .body02 .cta-xs .contact-btns .cta-tel a { background-color: #fff !important; display: flex; align-items: center; flex-direction: column; } #nav-xs.nav-xs2 .contact-btns .cta-tel a .tel_xs, #foot-links-xs .contact-btns .cta-tel a .tel_xs, .body02 .cta-xs .contact-btns .cta-tel a .tel_xs { font-size: 3rem; display: flex; align-items: center; justify-content: center; gap: 10px; line-height: 160%; } @media screen and (max-width: 767px) { #nav-xs.nav-xs2 .contact-btns .cta-tel a .tel_xs, #foot-links-xs .contact-btns .cta-tel a .tel_xs, .body02 .cta-xs .contact-btns .cta-tel a .tel_xs { font-size: 2rem; } } #nav-xs.nav-xs2 .contact-btns .cta-tel a .tel_xs img, #foot-links-xs .contact-btns .cta-tel a .tel_xs img, .body02 .cta-xs .contact-btns .cta-tel a .tel_xs img { max-width: 40px; } #nav-xs.nav-xs2 .contact-btns .cta-tel a .tel_xs i, #foot-links-xs .contact-btns .cta-tel a .tel_xs i, .body02 .cta-xs .contact-btns .cta-tel a .tel_xs i { font-size: 1.2rem; color: #f28006; } #nav-xs.nav-xs2 .contact-btns .cta-tel a small, #foot-links-xs .contact-btns .cta-tel a small, .body02 .cta-xs .contact-btns .cta-tel a small { color: #000; } #nav-xs.nav-xs2 .contact-btns .cta-access, #foot-links-xs .contact-btns .cta-access, .body02 .cta-xs .contact-btns .cta-access { text-align: center; margin-bottom: 0; } #nav-xs.nav-xs2 .contact-btns .cta-access a, #foot-links-xs .contact-btns .cta-access a, .body02 .cta-xs .contact-btns .cta-access a { background-color: #d94536 !important; } @media screen and (max-width: 767px) { #nav-xs.nav-xs2 .contact-btns .cta-mail, #foot-links-xs .contact-btns .cta-mail, .body02 .cta-xs .contact-btns .cta-mail { width: calc((100% - 10px)/2); } } #nav-xs.nav-xs2 .contact-btns .cta-mail a, #foot-links-xs .contact-btns .cta-mail a, .body02 .cta-xs .contact-btns .cta-mail a { background-color: #01b901 !important; } #nav-xs.nav-xs2 .contact-btns .cta-line, #foot-links-xs .contact-btns .cta-line, .body02 .cta-xs .contact-btns .cta-line { margin-bottom: 0; } @media screen and (max-width: 767px) { #nav-xs.nav-xs2 .contact-btns .cta-line, #foot-links-xs .contact-btns .cta-line, .body02 .cta-xs .contact-btns .cta-line { width: calc((100% - 10px)/2); } } #nav-xs.nav-xs2 .contact-btns .cta-line a, #foot-links-xs .contact-btns .cta-line a, .body02 .cta-xs .contact-btns .cta-line a { background-color: #4e9bb7 !important; } #nav-xs.nav-xs2 .contact-btns .cta-visit a, #foot-links-xs .contact-btns .cta-visit a, .body02 .cta-xs .contact-btns .cta-visit a { background-color: #f28006 !important; color: #fff; } #nav-xs.nav-xs2 .contact-btns .cta-btn a, #foot-links-xs .contact-btns .cta-btn a, .body02 .cta-xs .contact-btns .cta-btn a { position: relative; border-radius: 24px; padding-left: 20px; } #nav-xs.nav-xs2 .contact-btns .cta-btn a .cta_title, #foot-links-xs .contact-btns .cta-btn a .cta_title, .body02 .cta-xs .contact-btns .cta-btn a .cta_title { display: flex; justify-content: flex-start; gap: 10px; align-items: center; } @media screen and (max-width: 767px) { #nav-xs.nav-xs2 .contact-btns .cta-btn a .cta_title, #foot-links-xs .contact-btns .cta-btn a .cta_title, .body02 .cta-xs .contact-btns .cta-btn a .cta_title { justify-content: center; } } #nav-xs.nav-xs2 .contact-btns .cta-btn a .cta_title i, #foot-links-xs .contact-btns .cta-btn a .cta_title i, .body02 .cta-xs .contact-btns .cta-btn a .cta_title i { font-size: 1.4rem; max-width: 28px; } #nav-xs.nav-xs2 .contact-btns .ctaBtnsWrap, #foot-links-xs .contact-btns .ctaBtnsWrap, .body02 .cta-xs .contact-btns .ctaBtnsWrap { display: flex; gap: 10px; flex-wrap: wrap; width: 33% !important; flex-direction: column; } @media screen and (max-width: 767px) { #nav-xs.nav-xs2 .contact-btns .ctaBtnsWrap, #foot-links-xs .contact-btns .ctaBtnsWrap, .body02 .cta-xs .contact-btns .ctaBtnsWrap { width: 100% !important; flex-direction: row; } } #nav-xs.nav-xs2 .reform_xs, #foot-links-xs .reform_xs, .body02 .cta-xs .reform_xs { margin-top: 0px; margin-bottom: 16px; background-color: #f2f2f2; border: 4px solid #211816; } #nav-xs.nav-xs2 .reform_xs .title01, #foot-links-xs .reform_xs .title01, .body02 .cta-xs .reform_xs .title01 { background-color: #211816; color: #fff; font-size: 1.2rem !important; padding: 10px; } #nav-xs.nav-xs2 .reform_xs .title02, #foot-links-xs .reform_xs .title02, .body02 .cta-xs .reform_xs .title02 { margin: 0 0 10px 0; font-size: 1rem !important; background-color: #ffeaa7; color: #211816; padding: 10px; } #nav-xs.nav-xs2 .reform_xs .title02 i, #foot-links-xs .reform_xs .title02 i, .body02 .cta-xs .reform_xs .title02 i { color: #211816; font-size: 1rem; } #nav-xs.nav-xs2 .flex, #foot-links-xs .flex, .body02 .cta-xs .flex { display: flex; justify-content: space-between; gap: 10px; font-size: .9rem; margin: 10px; flex-direction: column; } #nav-xs.nav-xs2 .flex > li, #foot-links-xs .flex > li, .body02 .cta-xs .flex > li { width: 100%; list-style-type: none; } #nav-xs.nav-xs2 .flex > li > a, #foot-links-xs .flex > li > a, .body02 .cta-xs .flex > li > a { text-decoration: none; display: flex; justify-content: flex-start; align-items: center; padding: 10px; gap: 20px; background-color: #fff; color: #211816; 　font-feature-settings: "palt"; font-size: 1.1rem; } #nav-xs.nav-xs2 .flex > li > a:nth-of-type(2), #foot-links-xs .flex > li > a:nth-of-type(2), .body02 .cta-xs .flex > li > a:nth-of-type(2) { margin-top: 10px; } #nav-xs.nav-xs2 .has-children_xs, #foot-links-xs .has-children_xs, .body02 .cta-xs .has-children_xs { position: relative; } #nav-xs.nav-xs2 .has-children_xs::after, #foot-links-xs .has-children_xs::after, .body02 .cta-xs .has-children_xs::after { /* 閉じている時 */ content: "＋"; /*position: absolute; right: 6px;*/ font-weight: bold; color: #000; } #nav-xs.nav-xs2 .has-children_xs.active::after, #foot-links-xs .has-children_xs.active::after, .body02 .cta-xs .has-children_xs.active::after { /* 開いている時 */ content: "－"; } #nav-xs.nav-xs2 .children_xs, #foot-links-xs .children_xs, .body02 .cta-xs .children_xs { display: none; width: 100%; margin: 0 0 10px 10px; } #nav-xs.nav-xs2 .children_xs li, #foot-links-xs .children_xs li, .body02 .cta-xs .children_xs li { width: 100%; text-align: left; list-style-type: none; } #nav-xs.nav-xs2 .children_xs li:last-of-type, #foot-links-xs .children_xs li:last-of-type, .body02 .cta-xs .children_xs li:last-of-type { border-bottom: none; } #nav-xs.nav-xs2 .children_xs li a, #foot-links-xs .children_xs li a, .body02 .cta-xs .children_xs li a { padding: 6px 10px; display: block; text-decoration: none; color: #000; } #nav-xs.nav-xs2 .children_xs .sub_xs, #foot-links-xs .children_xs .sub_xs, .body02 .cta-xs .children_xs .sub_xs { margin: 0 0 0 10px; } #nav-xs.nav-xs2 .children_xs .sub_xs li a, #foot-links-xs .children_xs .sub_xs li a, .body02 .cta-xs .children_xs .sub_xs li a { padding: 6px 10px; } #nav-xs.nav-xs2 .other_xs a, #foot-links-xs .other_xs a, .body02 .cta-xs .other_xs a { font-weight: bold; } #nav-xs.nav-xs2 .other_xs .has-children_xs, #nav-xs.nav-xs2 .other_xs .pp, #foot-links-xs .other_xs .has-children_xs, #foot-links-xs .other_xs .pp, .body02 .cta-xs .other_xs .has-children_xs, .body02 .cta-xs .other_xs .pp { background-color: #fff; font-weight: bold; margin-bottom: 0px; border-radius: 0; letter-spacing: .1rem; } #nav-xs.nav-xs2 .other_xs .flex li a, #foot-links-xs .other_xs .flex li a, .body02 .cta-xs .other_xs .flex li a { border: none; } #nav-xs.nav-xs2 .other_xs .flex li a:nth-of-type(2), #foot-links-xs .other_xs .flex li a:nth-of-type(2), .body02 .cta-xs .other_xs .flex li a:nth-of-type(2) { margin-top: 0px; } #nav-xs.nav-xs2 .sns_xs, #foot-links-xs .sns_xs, .body02 .cta-xs .sns_xs { padding: 0; background-color: #fff; } #nav-xs.nav-xs2 .sns_xs ul, #foot-links-xs .sns_xs ul, .body02 .cta-xs .sns_xs ul { display: flex; gap: 10px; margin: 0; justify-content: center; } #nav-xs.nav-xs2 .sns_xs ul li, #foot-links-xs .sns_xs ul li, .body02 .cta-xs .sns_xs ul li { text-align: center; list-style-type: none; } #nav-xs.nav-xs2 .sns_xs ul li a, #foot-links-xs .sns_xs ul li a, .body02 .cta-xs .sns_xs ul li a { display: block; padding: 10px 20px; background-color: #fff; color: #000; border-radius: 6px; } #nav-xs.nav-xs2 .sns_xs ul li a i, #foot-links-xs .sns_xs ul li a i, .body02 .cta-xs .sns_xs ul li a i { font-size: 1.6rem; } #nav-xs.nav-xs2 .sns_xs ul li a i.fa-youtube, #foot-links-xs .sns_xs ul li a i.fa-youtube, .body02 .cta-xs .sns_xs ul li a i.fa-youtube { color: #ff0000; } #nav-xs.nav-xs2 .sns_xs ul li a i.fa-pinterest-p, #foot-links-xs .sns_xs ul li a i.fa-pinterest-p, .body02 .cta-xs .sns_xs ul li a i.fa-pinterest-p { color: #df0022; } #nav-xs.nav-xs2 .sns_xs ul li a i.fa-facebook-f, #foot-links-xs .sns_xs ul li a i.fa-facebook-f, .body02 .cta-xs .sns_xs ul li a i.fa-facebook-f { color: #1773ea; } #nav-xs.nav-xs2 .bns_xs, #foot-links-xs .bns_xs, .body02 .cta-xs .bns_xs { display: flex; flex-direction: column; gap: 10px; } #nav-xs.nav-xs2 .bns_xs li, #foot-links-xs .bns_xs li, .body02 .cta-xs .bns_xs li { list-style-type: none; padding: 0 20px; } #showroom.showroom2 { border: none; font-size: 1rem; } #showroom.showroom2 h2 { font-size: 2rem !important; margin: 0; margin-bottom: 40px; background-color: #f28006; color: #fff; } @media screen and (max-width: 979px) { #showroom.showroom2 h2 { font-size: 1.6rem !important; } } #showroom.showroom2 h3 { margin-top: 0; font-size: 1.6rem; background-color: transparent; color: #f28006; margin-bottom: 0px; text-align: left; padding-left: 0; } @media screen and (max-width: 979px) { #showroom.showroom2 h3 { text-align: center; } } #showroom.showroom2 h4 { text-align: left; padding-left: 0; } #showroom.showroom2 p { text-align: left; font-size: 1rem; line-height: 140%; } #showroom.showroom2 .showroomWrap { display: flex; gap: 20px; } @media screen and (max-width: 767px) { #showroom.showroom2 .showroomWrap { flex-direction: column; } } #showroom.showroom2 .flex.detail { border: 2px solid #f28006; margin-bottom: 40px; width: 100%; display: flex; flex-direction: column; } @media screen and (max-width: 979px) { #showroom.showroom2 .flex.detail { flex-direction: column; margin-bottom: 0; margin-top: 0; } } #showroom.showroom2 .flex.detail > li { list-style: none; } #showroom.showroom2 .flex.detail > li:nth-of-type(1) { width: 100%; } @media screen and (max-width: 979px) { #showroom.showroom2 .flex.detail > li:nth-of-type(1) { width: 100%; } } #showroom.showroom2 .flex.detail > li:nth-of-type(2) { width: 100%; padding: 0 20px; } @media screen and (max-width: 979px) { #showroom.showroom2 .flex.detail > li:nth-of-type(2) { width: 100%; padding: 10px; } } #showroom.showroom2 .btnWrap ul.flex { border: none; gap: 20px; display: flex; } #showroom.showroom2 .btnWrap ul.flex li { width: 100%; list-style-type: none; } #showroom.showroom2 .btnWrap ul.flex li a.btn { display: block; padding: 10px; background-color: #4f9bb8; border-radius: 30px; margin-bottom: 0; color: #fff; font-size: 1.4rem; font-weight: bold; text-decoration: none; } #showroom.showroom2 table { margin: 0px 0; } #showroom.showroom2 table tr td, #showroom.showroom2 table tr th { padding: 4px 10px; } .contents_cta { display: flex; gap: 20px; justify-content: space-between; } @media screen and (max-width: 979px) { .contents_cta { flex-direction: column; gap: 10px; } } .contents_cta > li { list-style-type: none; width: 100%; background-color: #fff; padding: 20px; border-radius: 12px; position: relative; border: 2px solid #f28006; filter: drop-shadow(3px 3px 0 #f28006); } @media screen and (max-width: 979px) { .contents_cta > li { padding: 20px 10px; } } .contents_cta > li h3 { margin: 0; background-color: transparent; color: #f28006; padding-top: 0; } @media screen and (min-width: 980px) and (max-width: 1199px) { .contents_cta > li h3 { font-size: 1.4rem !important; } } @media screen and (max-width: 979px) { .contents_cta > li h3 { padding: 0; margin-bottom: 10px; font-size: 1.1rem !important; text-align: center; } } .contents_cta > li .ctaWrap { display: flex; align-items: stretch; justify-content: center; gap: 20px; } @media screen and (max-width: 979px) { .contents_cta > li .ctaWrap { gap: 10px; } } .contents_cta > li .ctaWrap > li { list-style-type: none; width: 100px; } @media screen and (min-width: 980px) and (max-width: 1199px) { .contents_cta > li .ctaWrap > li { width: 80px; } } @media screen and (max-width: 979px) { .contents_cta > li .ctaWrap > li { width: 100%; min-width: 60px; } } .contents_cta > li .ctaWrap > li a { display: flex; flex-direction: column; text-decoration: none; height: 100%; padding: 10px; font-size: 12px; line-height: 120%; white-space: nowrap; color: #fff; transition: .3s; } @media screen and (min-width: 980px) and (max-width: 1199px) { .contents_cta > li .ctaWrap > li a { font-size: .7rem; } } @media screen and (max-width: 979px) { .contents_cta > li .ctaWrap > li a { font-size: 9px; } } .contents_cta > li .ctaWrap > li a i { font-size: 2rem; margin-bottom: 6px; } @media screen and (max-width: 979px) { .contents_cta > li .ctaWrap > li a i { font-size: 1.4rem; } } .contents_cta > li .ctaWrap > li:nth-of-type(1) a { background-color: #4e9bb7; border: 1px solid #4e9bb7; } .contents_cta > li .ctaWrap > li:nth-of-type(1) a:hover { background-color: #fff; color: #4e9bb7; } .contents_cta > li .ctaWrap > li:nth-of-type(2) a { background-color: #01b901; border: 1px solid #01b901; } .contents_cta > li .ctaWrap > li:nth-of-type(2) a:hover { background-color: #fff; color: #01b901; } .contents_cta > li .ctaWrap > li:nth-of-type(3) a { background-color: #da5157; border: 1px solid #da5157; } .contents_cta > li .ctaWrap > li:nth-of-type(3) a:hover { background-color: #fff; color: #da5157; } .contents_cta > li .telWrap { display: flex; gap: 10px; } .contents_cta > li .telWrap li { list-style-type: none; text-align: left; } .contents_cta > li .telWrap li:nth-of-type(1) { min-width: 120px; } @media screen and (min-width: 980px) and (max-width: 1199px) { .contents_cta > li .telWrap li:nth-of-type(1) { min-width: 80px; } } @media screen and (max-width: 979px) { .contents_cta > li .telWrap li:nth-of-type(1) { min-width: 60px; } } .contents_cta > li .telWrap .ctaWoman { position: absolute; bottom: 0; left: -10px; max-width: 120px; } @media screen and (min-width: 980px) and (max-width: 1199px) { .contents_cta > li .telWrap .ctaWoman { max-width: 100px; left: -20px; } } @media screen and (max-width: 979px) { .contents_cta > li .telWrap .ctaWoman { max-width: 80px; left: -20px; } } .contents_cta > li .telWrap .cta_tel { display: flex; align-items: center; font-size: 2.8rem; font-weight: bold; } @media screen and (max-width: 979px) { .contents_cta > li .telWrap .cta_tel { font-size: 2rem; margin-bottom: 4px; } } .contents_cta > li .telWrap .cta_tel img { max-width: 50px; margin-right: 10px; } @media screen and (max-width: 979px) { .contents_cta > li .telWrap .cta_tel img { max-width: 40px; } } .contents_cta > li .telWrap small { color: #000; font-size: 1rem; } .contents_cta > li .cta_mail { font-size: 1rem; margin-bottom: 10px; line-height: 100%; } .contents_cta > li:nth-of-type(1) { overflow: hidden; } @media screen and (max-width: 979px) { .contents_cta > li:nth-of-type(1) { overflow: visible; } } .contents_cta > li:nth-of-type(2) { overflow: hidden; } @media screen and (max-width: 979px) { .contents_cta > li:nth-of-type(2) { overflow: visible; } } body.body02 .slick-track { display: flex; } body.body02 .slick-slide { height: auto !important; position: relative; } body.body02 .slick-slider { display: flex; align-items: stretch; gap: 40px; } body.body02 .slick-slider .slick-list { margin: 0 -1px; } body.body02 .slick-slider .slick-slide { margin: 0 10px; } @media screen and (max-width: 767px) { body.body02 .slick-slider .slick-slide { margin: 0 4px; } } body.body02 #event { background-color: #f8f8f8; } body.body02 #event ul.list li:nth-of-type(even) { background-color: #fff; } body.body02 #service { background-color: transparent; padding: 60px 0; } body.body02 #service .panelsWrap { display: flex; background-color: #2D3335; position: relative; z-index: 1; margin-top: 60px; } @media screen and (max-width: 767px) { body.body02 #service .panelsWrap { flex-direction: column-reverse; margin-top: 20px; } } body.body02 #service .panelsWrap > li { width: 100%; list-style-type: none; padding: 40px 0 40px 40px; } @media screen and (max-width: 767px) { body.body02 #service .panelsWrap > li { padding: 20px; } } body.body02 #service .panelsWrap > li .panels { display: flex; gap: 20px; flex-wrap: wrap; } @media screen and (max-width: 767px) { body.body02 #service .panelsWrap > li .panels { gap: 10px; margin: 0; } } body.body02 #service .panelsWrap > li .panels > li { width: calc((100% - 40px) / 3); height: 180px; background-color: rgba(34, 44, 48, 0.9); font-size: 1rem; list-style-type: none; display: flex; justify-content: center; align-items: center; border-radius: 12px; } @media screen and (max-width: 767px) { body.body02 #service .panelsWrap > li .panels > li { width: calc((100% - 20px) / 3); height: 120px; font-size: .9rem; } } body.body02 #service .panelsWrap > li .panels > li a { display: flex; justify-content: center; align-items: center; line-height: 140%; color: #fff; flex-direction: column; gap: 10px; width: 100%; height: 100%; text-decoration: none; transition: .5s; border-radius: 12px; } body.body02 #service .panelsWrap > li .panels > li a:hover { background-color: #FE921D; } body.body02 #service .panelsWrap > li .panels > li a .sv-icon img { height: 60px; } @media screen and (max-width: 767px) { body.body02 #service .panelsWrap > li .panels > li a .sv-icon img { height: 40px; } } body.body02 #service .panelsWrap > li.panelImg { z-index: -1; } @media screen and (max-width: 767px) { body.body02 #service .panelsWrap > li.panelImg { z-index: 1; padding: 0; } } body.body02 #service .panelsWrap > li.panelImg img { z-index: 0; position: absolute; top: 0; right: 0; height: 100%; object-fit: contain; } @media screen and (max-width: 767px) { body.body02 #service .panelsWrap > li.panelImg img { position: static; } } body.body02 #relay ul.blogWrap > li h2 { line-height: 140%; } body.body02 #relay ul.blogWrap > li p { line-height: 160%; font-size: 1rem; margin-bottom: 0; text-align: left; } body.body02 #relay ul.blogWrap > li .btn { margin-top: 0; font-size: 1rem; } body.body02 #relay ul.blogWrap > li:nth-of-type(1) { flex-basis: 25%; } body.body02 #relay ul.blogWrap > li:nth-of-type(2) { flex-basis: 75%; } body.body02 #relay ul.blogWrap > li ul.blogInner { width: 100%; } body.body02 .textLinks ul { display: flex; gap: 20px; flex-direction: row; justify-content: center; } @media screen and (max-width: 767px) { body.body02 .textLinks ul { flex-direction: column; gap: 0; margin-bottom: 0; } } body.body02 .textLinks ul li { list-style-type: none; } body.body02 .textLinks ul li a { color: #000; padding: 10px; display: block; } body.body02 .textLinks ul li i { margin-left: 10px; } body.body02 .sns_xs2 ul { display: flex; gap: 20px; justify-content: center; } body.body02 .sns_xs2 ul li { list-style-type: none; } body.body02 .sns_xs2 ul li i { color: #ff0000; font-size: 2rem; } body.body02 .sns_xs2 ul li:nth-of-type(1) i { color: #000; } body.body02 #footer #footContact { padding: 40px !important; background-color: #f28006; filter: none; background: linear-gradient(180deg, #ff9626 0%, #ff9626 50%, #f2f2f2 50%, #f2f2f2 100%); } @media screen and (max-width: 979px) { body.body02 #footer #footContact { padding: 20px 10px !important; background: linear-gradient(120deg, #ff9626 0%, #ff9626 50%, #f2f2f2 50%, #f2f2f2 100%); } } body.body02 #fixedBottom { padding: 0; z-index: 75 !important; } @media screen and (min-width: 1200px) { body.body02 #fixedBottom { display: none !important; } } @media screen and (min-width: 980px) and (max-width: 1199px) { body.body02 #fixedBottom { display: none !important; } } body.body02 #fixedBottom .cta_fixed_btns { display: flex; flex-direction: column; background-color: #e3eaf1; } body.body02 #fixedBottom .cta_fixed_btns .freeText { color: #fff; padding: 10px; background-color: #2b3436; font-size: 1rem; } body.body02 #fixedBottom .cta_fixed_btns p { margin-bottom: 0; padding: 4px 0; } body.body02 #fixedBottom .cta_fixed_btns .fixedBtnsWrap { padding: 0 6px 10px 6px; } body.body02 #fixedBottom .cta_fixed_btns ul { display: flex; gap: 10px; width: 100%; } body.body02 #fixedBottom .cta_fixed_btns ul li { width: 100%; list-style-type: none; } body.body02 #fixedBottom .cta_fixed_btns ul li i { font-size: 1rem !important; margin-right: 4px; } body.body02 #fixedBottom .cta_fixed_btns ul li:nth-of-type(1) a { background-color: #d94536; } body.body02 #fixedBottom .cta_fixed_btns ul li:nth-of-type(2) a { background-color: #3FC13F; } body.body02 #fixedBottom .cta_fixed_btns ul li:nth-of-type(3) a { background-color: #2b3436; } body.body02 #fixedBottom .cta_fixed_btns ul li a { border-radius: 6px; } body.body02 #fixedBottom .cta_fixed_btns a { display: block; height: 100%; padding: 10px 4px; color: #fff; text-decoration: none; font-weight: bold; } body.body02 #campaign { position: relative; } body.body02 #campaign i, body.body02 #campaign i { color: #E51F22; } body.body02 #campaign h2, body.body02 #campaign p { z-index: 2; position: relative; } body.body02 #campaign .en { display: block; position: absolute; font-size: 8rem; color: #fff; top: 60px; left: 50%; white-space: nowrap; z-index: 1; font-weight: bold; animation: fuwafuwa 3s infinite ease-in-out .8s alternate; } @media screen and (max-width: 979px) { body.body02 #campaign .en { font-size: 4rem; top: 30px; } } @keyframes fuwafuwa { 0% { transform: translate(-50%, 0) rotate(-3deg); } 50% { transform: translate(-50%, -3px) rotate(0deg); } 100% { transform: translate(-50%, -3px) rotate(3deg); } } body.body02 #campaign .btn { margin-top: 20px; } body.body02 #campaign .btn a { background-color: #fff; border: 2px solid #d62f1d; color: #000 !important; } body.body02 #campaign .btn a i { color: #d62f1d; } body.body02 #showcase2 { font-size: 1rem; } @media screen and (max-width: 767px) { body.body02 #showcase2 { padding-bottom: 0; } } body.body02 #showcase2 ul.flex { display: flex; gap: 40px; flex-wrap: wrap; } @media screen and (max-width: 979px) { body.body02 #showcase2 ul.flex { flex-direction: column; } } body.body02 #showcase2 ul.flex li { list-style-type: none; width: calc( (100% - 80px)/3 ); background-color: #fff; border: 1px solid #ddd; position: relative; filter: drop-shadow(6px 6px 0px #ddd); } @media screen and (max-width: 979px) { body.body02 #showcase2 ul.flex li { width: 100%; } } body.body02 #showcase2 ul.flex.newCase { margin: 0px; } @media screen and (max-width: 979px) { body.body02 #showcase2 ul.flex.newCase { flex-direction: column; gap: 20px; } } body.body02 #showcase2 ul.flex.newCase li { list-style-type: none; width: calc( (100% - 40px)/2 ); background-color: #fff; border: 1px solid #ddd; filter: drop-shadow(6px 6px 0px #ddd); display: flex; align-items: center; position: relative; } @media screen and (max-width: 979px) { body.body02 #showcase2 ul.flex.newCase li { width: 100%; font-size: .9rem; } } body.body02 #showcase2 ul.flex.newCase li .imgWrap { width: 40%; } body.body02 #showcase2 ul.flex.newCase li .imgWrap img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; } @media screen and (max-width: 979px) { body.body02 #showcase2 ul.flex.newCase li .imgWrap { width: 40%; } } body.body02 #showcase2 ul.flex.newCase li .caseInfoWrap { width: 60%; position: static; } body.body02 #showcase2 ul.flex.newCase li .caseInfoWrap .caseName { bottom: 0; left: 0; top: auto; } @media screen and (max-width: 979px) { body.body02 #showcase2 ul.flex.newCase li .caseInfoWrap .caseCat { font-size: .8rem; } } @media screen and (max-width: 979px) { body.body02 #showcase2 ul.flex.newCase li .caseInfoWrap p { line-height: 120%; margin-bottom: 10px; } } body.body02 #showcase2 ul.flex.newCase li .priceWrap { padding-top: 0; } body.body02 #showcase2 .newCaseWrap { display: none; margin-top: 40px; padding: 40px 20px; background-color: #f8f8f8; } @media screen and (max-width: 979px) { body.body02 #showcase2 .newCaseWrap { padding: 20px 10px; } } body.body02 #showcase2 .caseInfoWrap { padding: 20px 10px 60px 10px; } @media screen and (max-width: 979px) { body.body02 #showcase2 .caseInfoWrap { padding-bottom: 20px; } } body.body02 #showcase2 .caseInfoWrap .caseName { position: absolute; top: 0px; left: 0; background-color: #f2f2f2; padding: 4px 20px; font-weight: bold; font-size: .9rem; } @media screen and (max-width: 979px) { body.body02 #showcase2 .caseInfoWrap .caseName { padding: 4px 10px; font-size: .9rem; font-weight: normal; } } body.body02 #showcase2 .priceWrap { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed #888; margin-bottom: 10px; align-items: center; } @media screen and (max-width: 979px) { body.body02 #showcase2 .priceWrap { align-items: center; } } body.body02 #showcase2 .priceWrap strong { color: #d62f1d; font-size: 2rem; } @media screen and (max-width: 979px) { body.body02 #showcase2 .priceWrap strong { font-size: 1.4rem; } } body.body02 #showcase2 p { text-align: left; line-height: 160%; font-size: 1rem; } body.body02 #showcase2 .caseBtn { background-color: #f8f8f8; position: absolute; bottom: 0px; left: 0; width: 100%; } @media screen and (max-width: 979px) { body.body02 #showcase2 .caseBtn { position: absolute; bottom: 0; right: 0; } } body.body02 #showcase2 .caseBtn i { margin-left: 10px; } body.body02 #showcase2 .caseBtn a { display: block; padding: 10px 20px; color: #000; border: 1px solid #aaa; text-decoration: none; font-weight: bold; } @media screen and (max-width: 979px) { body.body02 #showcase2 .caseBtn a { border: none; font-size: .8rem; padding: 10px; } } body.body02.tax-reformcat #content ul.flex { display: flex; flex-wrap: wrap; gap: 20px; } body.body02.tax-reformcat #content ul.flex li { width: calc(( 100% - 40px )/3); list-style-type: none; } body.body02.tax-reformcat #archive-reform-menu .flex { display: flex; justify-content: space-between; flex-wrap: wrap; } body.body02.tax-reformcat #archive-reform-menu .flex li { flex-basis: 32%; list-style-type: none; margin-bottom: 20px; } @media screen and (max-width: 767px) { body.body02.tax-reformcat #archive-reform-menu .flex li { flex-basis: 100%; } } body.body02.tax-reformcat #archive-reform-menu .flex li a { display: block; height: 100%; width: 100%; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary { padding: 0; border: none; height: 100%; width: 100%; background-color: #fff; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a { text-decoration: none; display: block; color: #000; border: 2px solid #ddd; display: flex; flex-direction: column; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a:hover { border: 2px solid #1abc9c; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a:hover img { opacity: 1; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .makers { text-align: center; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .makers img { max-height: 16px; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .galleries { position: relative; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .galleries .discount { font-weight: bold; display: inline-block; padding: 10px; position: absolute; background-color: #d62f1d; color: #fff; top: 10px; right: 10px; line-height: 120%; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .galleries .discount strong { font-size: 180%; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .galleries img { width: 100%; height: 200px; object-fit: cover; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .maker, body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .gallery { margin-bottom: 10px; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .specs { font-size: 0.85rem; line-height: 160%; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .maker { display: inline-block; margin: 20px 2px; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a label { display: inline-block; background-color: #000; color: #fff; font-size: 60%; margin: 0 4px 4px 4px; padding: 0px 10px; font-weight: bold; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a h2 { text-align: left; margin: 10px 0; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .item_title { font-size: 0.85rem; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .price_type { margin: 0 0 20px 0; background-color: #1abc9c; color: #fff; font-size: 0.85rem; border-radius: 8px; padding: 6px; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .price_type.not_include { background-color: #FE921D; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary a .price_text { font-size: 200%; font-weight: bold; color: #d62f1d; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary .cost { padding: 20px 14px; text-align: center; } body.body02.tax-reformcat #archive-reform-menu .flex article.summary .detail { text-align: left; padding: 10px 14px; flex: 1; } body.body02 #voice .voiceWrap { gap: 20px; } body.body02 #voice .voiceWrap > div { width: 100%; } body.body02 #voice .voiceWrap > div:nth-of-type(1) { flex-basis: 34%; } body.body02 #voice .voiceWrap > div:nth-of-type(1) .btn { font-size: 1rem; } body.body02 #voice .voiceWrap > div.voiceInner { display: flex; gap: 20px; } body.body02 #voice .voiceWrap > div.voiceInner .voiceFrame { width: 100%; } body.body02 #voice .voiceWrap > div p { font-size: 1rem; line-height: 160%; text-align: left; } @media screen and (max-width: 767px) { body.body02 #voice .voiceWrap { gap: 20px; flex-direction: column; } } body.body02 #voice .voiceWrap .voiceFrame { flex-basis: auto; } @media screen and (max-width: 767px) { body.body02 #voice .voiceWrap .voiceFrame { width: 100%; padding: 0px; } } body.body02 #voice .voiceWrap .voiceFrame:nth-of-type(4n-1) { background-color: #fff; } body.body02 #voice .voiceWrap .voiceFrame:nth-of-type(4n-2) { background-color: #fff; } body.body02 #voice .voiceWrap .voiceFrame ul { flex-direction: column; } body.body02 #voice .voiceWrap .voiceFrame ul li { text-align: center; } body.body02 #voice .voiceWrap .voiceFrame ul li img { max-width: 320px; } @media screen and (max-width: 767px) { body.body02 #voice .voiceWrap .voiceFrame ul li img { max-height: 200px; object-fit: cover; } } body.body02 #voice .voiceWrap .voiceFrame ul li .voiceName { padding: 10px 20px; background-color: #e9f5f1; margin: 20px 0; font-weight: normal; } body.body02 #voice .voiceWrap .voiceFrame ul li .voiceTitle { text-align: left; color: #000; } body.body02 #voice .voiceWrap .voiceFrame ul li .voiceTitle .btn { font-size: 1rem; } @media screen and (max-width: 767px) { body.body02 #service { padding: 30px 0 0 0; } } body.body02 #service h2 { margin-bottom: 40px; } @media screen and (max-width: 767px) { body.body02 #service h2 { margin-bottom: 0; } } body.body02 #service .srv_list { gap: 40px; margin-bottom: 40px; } @media screen and (max-width: 767px) { body.body02 #service .srv_list { gap: 10px; margin-bottom: 20px; padding: 0 10px; } } body.body02 #service .srv_list .srv_frame { flex-basis: auto !important; width: calc( (100% - 80px)/3); } @media screen and (max-width: 767px) { body.body02 #service .srv_list .srv_frame { width: calc( (100% - 10px)/2); } } body.body02 #service .srv_list .srv_frame h4 { background-color: #1abc9c; color: #fff; } @media screen and (max-width: 767px) { body.body02 #service .srv_list .srv_frame h4 { padding: 4px; font-weight: normal; } } body.body02 .event_slide { position: relative; } /*2023/05/16*/ .wrap0529 { background-color: rgba(242, 128, 6, 0.1); margin-bottom: 40px; font-size: 1rem !important; line-height: 160%; } .wrap0529 .sec_new { padding: 40px; border-bottom: 2px solid #FE921D; } @media screen and (max-width: 979px) { .wrap0529 .sec_new { padding: 0 10px 20px 10px; } } .wrap0529 .feature { padding: 40px; border: 2px solid #FE921D; position: relative; background-image: url("images/featureBg.jpg"); background-position: bottom center; background-size: cover; } @media screen and (max-width: 979px) { .wrap0529 .feature { padding: 10px; padding-bottom: 120px; } } .wrap0529 .feature ul { display: flex; justify-content: center; gap: 20px; align-content: center; max-width: 600px; } .wrap0529 .feature ul li { background-color: #f28006; padding: 20px; color: #fff; list-style-type: none; position: relative; width: 100%; line-height: 300%; } @media screen and (max-width: 979px) { .wrap0529 .feature ul li { line-height: 160%; } } .wrap0529 .feature ul li .stars { position: absolute; top: -20px; left: -160px; transform: rotate(-10deg); padding: 10px 20px; color: #000; font-weight: bold; background-color: #fff; /*width: 200px; height: 200px; */ border-radius: 12px; display: flex; flex-direction: column; align-content: center; justify-content: center; filter: drop-shadow(6px 6px 0px #ddd); font-size: 1rem; text-align: center; line-height: 160%; } @media screen and (max-width: 979px) { .wrap0529 .feature ul li .stars { left: -20px; top: -60px; font-size: .8rem; padding: 5px 10px; filter: none; border: 1px solid #ddd; } } .wrap0529 .feature ul li .stars strong { color: #d62f1d; text-decoration: underline; letter-spacing: 3px; margin-left: 4px; } .wrap0529 .feature ul li .stars img { max-width: 120px; margin-bottom: 10px; margin: 0 auto; } .wrap0529 .feature ul li > strong { font-size: 4rem; letter-spacing: 3px; padding-left: 6px; } @media screen and (max-width: 979px) { .wrap0529 .feature ul li > strong { font-size: 2rem; } } .wrap0529 .feature .ccWrap { padding: 40px; max-width: 600px; margin: 0 auto 40px auto; /*border: 2px solid $orange1;*/ background-color: #fff; } @media screen and (max-width: 979px) { .wrap0529 .feature .ccWrap { padding: 20px 10px; margin-bottom: 20px; } } .wrap0529 .feature h2 { background: linear-gradient(transparent 50%, #fff100 0%); line-height: 120%; margin-bottom: 20px; } @media screen and (max-width: 979px) { .wrap0529 .feature h2 { background: none; font-size: 1.2rem !important; padding: 0; } } .wrap0529 .feature p { font-size: 1.2rem; text-align: left; max-width: 540px; margin: 0 auto; line-height: 160%; } @media screen and (max-width: 979px) { .wrap0529 .feature p { font-size: .9rem; } } .wrap0529 .feature .cc { font-size: 1.4rem; font-weight: bold; } @media screen and (max-width: 979px) { .wrap0529 .feature .cc { font-size: 1.1rem !important; text-align: left; } .wrap0529 .feature .cc br { display: none; } } .wrap0529 .feature .staff2 { max-height: 240px; position: absolute; bottom: 0; } @media screen and (max-width: 979px) { .wrap0529 .feature .staff2 { max-height: 120px; } } .wrap0529 .feature .staff2.staff2-1 { left: 10px; filter: drop-shadow(6px 0 3px #c7b39d); } .wrap0529 .feature .staff2.staff2-2 { right: 20px; filter: drop-shadow(-6px 0 3px #c7b39d); } .wrap0529 .reason_new ul { display: flex; gap: 20px; } @media screen and (max-width: 979px) { .wrap0529 .reason_new ul { flex-direction: column; } } .wrap0529 .reason_new ul li { list-style-type: none; background-color: #fff; padding: 20px; } .wrap0529 .reason_new ul li h3 { font-size: 1.1rem !important; line-height: 140%; text-align: left; position: relative; color: #000; background-color: transparent; padding: 10px 0; padding-left: 50px; border-bottom: 2px solid #d62f1d; margin-top: 0; } .wrap0529 .reason_new ul li h3 strong { width: 30px; height: 30px; display: flex; border-radius: 30px; justify-content: center; align-items: center; color: #fff; background-color: #d62f1d; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); font-size: 2rem; padding: 20px; } .wrap0529 .reason_new ul li img { margin-bottom: 20px; } .wrap0529 .reason_new ul li p { line-height: 160%; text-align: left; margin-bottom: 10px; } .wrap0529 .greet2 .greetInner { background-color: #fff; padding: 40px; } @media screen and (max-width: 979px) { .wrap0529 .greet2 .greetInner { padding: 0px; } } .wrap0529 .greet2 h2 { padding: 0; } .wrap0529 .greet2 p { padding: 40px; text-align: left; margin-bottom: 0; } .wrap0529 .greet2 .philosophy { padding: 40px 20px; background-color: #fff; border: 2px solid #eee; border-radius: 12px; margin: 40px 0; background: linear-gradient(180deg, #fafafa 0%, white 37%); filter: drop-shadow(6px 4px 0 #eee); } @media screen and (max-width: 979px) { .wrap0529 .greet2 .philosophy { margin: 20px 10px; padding: 20px 10px; } } .wrap0529 .greet2 .philosophy h3 { margin: 0 auto 20px auto; padding: 0; line-height: 100%; } .wrap0529 .greet2 .philosophy .philo { max-width: 600px; margin: 0 auto; } .wrap0529 .greet2 .philosophy .philo li { text-align: left; font-weight: bold; font-size: 1rem; border-bottom: 2px dotted #ddd; margin-bottom: 10px; padding-bottom: 10px; } .wrap0529 .greet2 h3 { background-color: transparent; color: #FE921D; } .wrap0529 .greet2 .greetFlex { display: flex; flex-direction: column; gap: 40px; margin-top: 0; } @media screen and (max-width: 979px) { .wrap0529 .greet2 .greetFlex { gap: 20px; } } .wrap0529 .greet2 .greetFlex li { list-style-type: none; } @media screen and (max-width: 979px) { .wrap0529 .greet2 .greetFlex li:nth-of-type(2) { padding: 0 10px; } } .wrap0529 .greet2 .greetFlex li p { padding: 0; } .wrap0529 .greet2 .btnWrap .btn { padding: 10px; border-radius: 30px; margin-bottom: 0px; min-width: 320px; line-height: 200%; background-color: #d62f1d; } @media screen and (max-width: 767px) { .wrap0529 .area2 h2 { margin: 40px 0; } } .wrap0529 .area2 ul.areaFlex { align-items: stretch; margin: 40px 0; display: flex; gap: 20px; justify-content: space-between; } @media screen and (max-width: 979px) { .wrap0529 .area2 ul.areaFlex { flex-direction: column; gap: 40px; } } .wrap0529 .area2 ul.areaFlex li { width: 100%; list-style-type: none; background-color: #fff; position: relative; background: linear-gradient(180deg, #ffefbe 0%, white 37%); position: relative; border-radius: 12px; padding: 30px 20px 20px 20px; filter: drop-shadow(6px 4px 0 #ddd); } .wrap0529 .area2 ul.areaFlex li h3 { line-height: 160%; font-size: 1.4rem !important; background-color: transparent; color: #000; padding: 0; margin-bottom: 0; } .wrap0529 .area2 ul.areaFlex li h3 strong { color: #d62f1d; } .wrap0529 .area2 ul.areaFlex li h3 .num { display: flex; justify-content: center; border-radius: 60px; align-items: center; width: 60px; height: 60px; background-color: #fff; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); border: 4px solid #fff100; } .wrap0529 .area2 ul.areaFlex li img { max-width: 160px; } @media screen and (max-width: 979px) { .wrap0529 .area2 p { text-align: left; } } .wrap0529 .area2 .area2 { margin: 40px 0; } @media screen and (max-width: 979px) { .wrap0529 .area2 .area2 { margin: 0 0 20px 0; } } .wrap0529.wh { background-color: #fff !important; padding: 40px 0; margin-top: 40px; } @media screen and (max-width: 979px) { .wrap0529.wh { margin-top: 0; margin-bottom: 0; padding-bottom: 0; } } .wrap0529 .blogsFlex { margin-bottom: 40px !important; display: flex; gap: 40px; align-items: stretch; } .wrap0529 .blogsFlex h3 { margin-top: 0 !important; text-align: center; background-color: #f8f8f8; color: #000; border-bottom: 4px solid #1abc9c; } @media screen and (max-width: 979px) { .wrap0529 .blogsFlex { gap: 20px; } } .wrap0529 .blogsFlex > li { padding: 0 !important; width: calc( (100% - 40px) / 2) !important; flex-basis: auto !important; border-bottom: none !important; } @media screen and (max-width: 979px) { .wrap0529 .blogsFlex > li { width: 100% !important; } } .wrap0529 .blogsFlex > li::after { display: none !important; } .wrap0529 .blogsFlex > li ul { flex-direction: column !important; margin-bottom: 0 !important; } .wrap0529 .blogsFlex > li ul li { display: block; min-height: 150px; } @media screen and (max-width: 979px) { .wrap0529 .blogsFlex > li ul li { padding: 10px !important; min-height: 120px; } } .wrap0529 .blogsFlex > li ul li::after { border-color: #FE921D !important; } .wrap0529 .blogsFlex > li ul li a { display: flex !important; gap: 20px; } .wrap0529 .blogsFlex > li ul li a .list-img { float: none !important; width: 20%; margin: 0 !important; } .wrap0529 .blogsFlex > li ul li a .postTitle { width: 80%; padding-right: 10px; } @media screen and (max-width: 979px) { .wrap0529 .blogsFlex > li ul li .date { margin-bottom: 10px !important; } } .wrap0529 .blogsFlex > li .btn { text-align: center; background-color: #f8f8f8; padding: 20px; } @media screen and (max-width: 979px) { .wrap0529 .blogsFlex > li .btn { margin-bottom: 0; font-size: 1rem !important; } .wrap0529 .blogsFlex > li .btn a { width: 100%; } } .wrap0529 .topics2 { border-bottom: none; border: 1px solid #ddd; border-radius: 30px; margin: 40px 0; background-color: #f8f8f8; } @media screen and (max-width: 979px) { .wrap0529 .topics2 { border-radius: 0; margin: 20px 0; } } .wrap0529 .topics2 ul { display: flex; gap: 20px; margin-bottom: 0 !important; } @media screen and (max-width: 979px) { .wrap0529 .topics2 ul { gap: 10px; } } .wrap0529 .topics2 ul li { border: 1px solid #000 !important; width: calc( (100% - 20px) / 2); flex-basis: auto !important; background-color: #fff; font-weight: bold; padding: 0 !important; } @media screen and (max-width: 979px) { .wrap0529 .topics2 ul li { width: 100%; } } .wrap0529 .topics2 ul li:nth-of-type(1) { border: none !important; text-align: center !important; background-color: #d62f1d; color: #fff; padding: 20px !important; width: 100%; } .wrap0529 .topics2 ul li:nth-of-type(1) i { color: #fff !important; } .wrap0529 .topics2 ul li:nth-of-type(1)::after { display: none !important; } .wrap0529 .topics2 ul li i { margin-right: 10px; color: #d62f1d; } .wrap0529 .topics2 ul li a { color: #000 !important; display: block !important; padding: 20px; text-align: center !important; } .wrap0529 .seo2 ul { display: flex !important; gap: 40px; flex-wrap: nowrap !important; } @media screen and (max-width: 979px) { .wrap0529 .seo2 ul { gap: 20px; flex-direction: column-reverse !important; } } .wrap0529 .seo2 ul li { padding: 0 !important; flex-basis: auto !important; border: none !important; } .wrap0529 .seo2 ul li::after { display: none !important; } .wrap0529 .seo2 ul li img { max-width: 320px; } @media screen and (max-width: 979px) { .wrap0529 .seo2 ul li img { width: 100%; max-width: none; } } .wrap0529 .seo2 ul li h2 { font-size: 1.2rem !important; margin-bottom: 10px !important; text-align: left !important; padding: 0 !important; } .wrap0529 .seo2 ul li p { font-size: 1rem !important; line-height: 160%; } .wrap0529 .pickup2 { background-color: #fafafa; } @media screen and (max-width: 979px) { .wrap0529 .pickup2 { padding: 20px 0; } } .wrap0529 .pickup2 ul { display: flex; flex-wrap: nowrap !important; margin-bottom: 0 !important; } @media screen and (max-width: 979px) { .wrap0529 .pickup2 ul { gap: 10px; } } .wrap0529 .pickup2 ul li { flex-basis: auto !important; border: none !important; } @media screen and (max-width: 979px) { .wrap0529 .pickup2 ul li { padding: 0px !important; } } .wrap0529 .pickup2 ul li::after { display: none !important; } .wrap0529 .pickup2 ul li a { display: block !important; } @media screen and (max-width: 979px) { .wrap0529 .pickup2 ul li picture { display: block; width: 100%; } .wrap0529 .pickup2 ul li picture img { width: 100%; } } .wrap0529 .pickup2 ul.bns_sm { flex-wrap: wrap !important; margin: 0 auto !important; max-width: 800px; flex-direction: row !important; } @media screen and (max-width: 979px) { .wrap0529 .pickup2 ul.bns_sm { gap: 10px; margin-top: 10px !important; } } .wrap0529 .pickup2 ul.bns_sm li { width: 50%; } @media screen and (max-width: 979px) { .wrap0529 .pickup2 ul.bns_sm li { width: calc( (100% - 10px) / 2 ); } } .ev_status { z-index: 3; position: absolute; top: 0px; left: 0px; height: 80px; width: 80px; background-color: #ddd; display: flex; align-items: center; justify-content: center; border-radius: 80px; font-weight: bold; font-size: 1rem; color: #fff; border: 4px solid #fff; line-height: 120%; } @media screen and (max-width: 767px) { .ev_status { top: -10px; left: -10px; font-size: .8rem; height: 60px; width: 60px; border: 2px solid #fff; } } .ev_status.ev_close { background-color: #3498db; } .ev_status.ev_open { background-color: #FE921D; color: #fff; } #foot-links { font-size: 1rem; line-height: 160%; text-align: left; } #foot-links ul.linkWrap { display: flex; gap: 20px; } @media screen and (max-width: 767px) { #foot-links ul.linkWrap { flex-wrap: wrap; gap: 10px; } } #foot-links ul.linkWrap > li { list-style-type: none; text-align: left; } @media screen and (max-width: 767px) { #foot-links ul.linkWrap > li { width: calc(( 100% - 10px )/2); } } #foot-links ul.linkWrap > li:nth-of-type(1) > ul > li { padding-left: 0; margin-bottom: 10px; border-bottom: 1px dashed #000; padding-bottom: 10px; } #foot-links ul.linkWrap > li strong { color: #FE921D; white-space: nowrap; } #foot-links ul.linkWrap > li strong:last-child { margin-top: 10px; } #foot-links ul.linkWrap > li a { color: #000; text-decoration: none; } #foot-links ul.linkWrap > li a:hover { text-decoration: underline; } #foot-links ul.linkWrap > li > ul { font-size: .9rem; margin: 0; margin: 10px 0; font-weight: bold; } #foot-links ul.linkWrap > li > ul li { white-space: nowrap; padding-left: 10px; font-weight: bold; list-style-type: none; } #foot-links ul.linkWrap > li > ul li .ttl { font-size: 1rem; letter-spacing: .1rem; } #foot-links ul.linkWrap > li > ul li > ul { margin: 0 0 10px 0; } #foot-links ul.linkWrap > li > ul li > ul li::before { content: "└"; margin-right: 4px; color: #888; font-weight: bold; } #foot-links .sankouG { padding: 20px 40px; border: 2px solid #e3eaf1; border-radius: 6px; } #foot-links .sankouG .logoG { text-align: center; margin-bottom: 10px; } #foot-links .sankouG .logoG img { max-width: 160px; margin-bottom: 0; } #foot-links .sankouG .Glinks ul { display: flex; justify-content: space-around; margin: 0; gap: 20px; } #foot-links .sankouG .Glinks ul li { list-style-type: none; width: 100%; } #foot-links .sankouG .Glinks ul li:last-of-type { border: none; } #foot-links .sankouG .Glinks ul li a { color: #000; } #foot-links .sankouG .Glinks ul li a { display: block; background-color: #e3eaf1; padding: 10px; border-radius: 6px; } #foot-links-xs .logo { margin-top: 20px; margin-bottom: 0; } #foot-links-xs .links1 { display: flex; flex-wrap: wrap; } #foot-links-xs .links1 li { width: 50%; list-style-type: none; } #foot-links-xs .links1 li:nth-of-type(odd) { border-top: 1px solid #000; border-right: 1px solid #000; } #foot-links-xs .links1 li:nth-of-type(even) { border-top: 1px solid #000; } #foot-links-xs .links1 li:last-of-type { width: 100%; border-right: none; border-bottom: 1px solid #000; } #foot-links-xs .links1 li a { display: block; color: #000; padding: 20px; font-size: 1.2rem; } #foot-links-xs .links2 { display: flex; justify-content: center; } #foot-links-xs .links2 li { list-style-type: none; } #foot-links-xs .links2 li:nth-of-type(1) { border-right: 1px solid #000; } #foot-links-xs .links2 li a { padding: 20px; color: #000; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content { padding: 0 !important; } } .reform-menu-template-default #reform-menu #content .partWrap { padding: 80px 40px; background-color: #fefbf2; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap { padding: 40px 10px; } } .reform-menu-template-default #reform-menu #content .partWrap h2 { margin: 0 0 60px 0; background-color: transparent; border: none; color: #6e4a10; font-size: 2rem !important; letter-spacing: .3rem; line-height: 100%; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap h2 { font-size: 1.4rem !important; margin-bottom: 20px; } } .reform-menu-template-default #reform-menu #content .partWrap h2 strong { color: #fff; background-color: #FE921D; display: inline-block; padding: 4px 10px; margin-right: 6px; } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap { background-color: transparent; padding: 40px; border-radius: 12px; margin-bottom: 0px; border: 3px solid #fbdf68; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap { padding: 20px 0px; border: none; margin-bottom: 20px; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap:nth-of-type(2) { background-color: #fbdf68; border: none; background-image: url(images/constPriceBg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap:nth-of-type(2) { padding: 20px 10px; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.const_list { gap: 20px; margin: 0 0 40px 0; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.const_list { gap: 10px; flex-direction: row; flex-wrap: wrap; margin-bottom: 20px; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.const_list li { text-align: center; border-radius: 12px; padding: 10px; background-color: #fff; border: 2px solid #6e4a10; margin-bottom: 0; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.const_list li { flex-basis: auto; width: calc((100% - 30px)/4); } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.const_list li strong { color: #6e4a10; } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.const_list li img { margin: 0; filter: drop-shadow(6px 6px 0 #ccc); } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap p { text-align: center; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap p { text-align: left; font-size: .9rem; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice { justify-content: center; color: #6e4a10; gap: 20px; align-items: stretch; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice { flex-direction: column; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li { text-align: center; background-color: #fff; padding: 20px; flex-basis: auto; border-radius: 12px; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li { margin-bottom: 0; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li:nth-of-type(1) { width: 33%; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li:nth-of-type(1) { width: 100%; line-height: 200%; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li:nth-of-type(2) { width: 60px; height: 60px; border-radius: 50%; padding: 0; display: flex; align-items: center; justify-content: center; background-color: #6e4a10; color: #fff; align-self: center; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li:nth-of-type(2) { width: 40px; height: 40px; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li:nth-of-type(3) { width: 33%; display: flex; justify-content: center; flex-direction: column; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li:nth-of-type(3) { width: 100%; line-height: 200%; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li i { font-size: 3rem; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li i { font-size: 2rem; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li strong { font-size: 1.8rem; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li strong { font-size: 1.4rem; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li .partPriceText { font-size: 3rem; font-weight: bold; letter-spacing: .3rem; color: #FE921D; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li .partPriceText { font-size: 2rem; } } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li .const_span { padding: 4px 10px; margin-top: 10px; border: 2px solid #6e4a10; background-color: #6e4a10; color: #fff; } .reform-menu-template-default #reform-menu #content .partWrap .partInnerWrap ul.partPrice li .const_span strong { font-size: 1.2rem; } .reform-menu-template-default #reform-menu #content .planListWrap { background-color: #fefbf2; padding: 100px 40px 60px 40px; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap { padding: 40px 10px; margin-top: 20px; } } .reform-menu-template-default #reform-menu #content .planListWrap h2 { margin: 0 0 80px 0; background-color: transparent; border: none; color: #6e4a10; font-size: 2rem !important; letter-spacing: .3rem; line-height: 100%; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap h2 { display: block; line-height: 160%; font-size: 1.4rem !important; margin-bottom: 40px; } } .reform-menu-template-default #reform-menu #content .planListWrap h2 strong { color: #fff; background-color: #FE921D; display: inline-block; padding: 4px 10px; margin-right: 6px; } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems { display: flex; flex-wrap: wrap; gap: 60px 40px; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems { gap: 20px 10px; } } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li { width: calc( (100% - 80px) / 3); list-style-type: none; position: relative; border: 1px solid #ddd; background-color: #fff; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li { width: calc( (100% - 10px) / 2); } } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a { color: #000; text-decoration: none; } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .discount { position: absolute; top: -20px; left: -10px; background-color: #f18006; color: #fff; padding: 10px; width: 80px; height: 80px; border-radius: 50%; line-height: 120%; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 1; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .discount { width: 60px; height: 60px; top: -10px; } } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .discount strong { font-size: 2rem; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .discount strong { font-size: 1.4rem; } } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemImgWrap { background-color: #eee; } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemImgWrap img { width: 100%; height: 200px; object-fit: contain; margin: 0; } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemInfoWrap { padding: 20px; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemInfoWrap { padding: 10px; } } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemInfoWrap .itemTitle { line-height: 140%; font-weight: bold; margin-bottom: 10px; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemInfoWrap .itemTitle { margin-bottom: 20px; } } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemInfoWrap .itemPrice { text-align: right; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemInfoWrap .itemPrice { text-align: center; } } .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemInfoWrap .itemPrice strong { font-size: 2.8rem; color: #FE921D; margin-right: 5px; } @media screen and (max-width: 767px) { .reform-menu-template-default #reform-menu #content .planListWrap .planItemsWrap ul.planItems li a .itemInfoWrap .itemPrice strong { font-size: 1.8rem; } } body.body02 #contentWrap #content.blogs #bread { margin-top: 100px !important; } body.body02 #contentWrap #content.blogs h1 { border: none; border-bottom: 2px solid #222; padding-bottom: 20px; margin-bottom: 40px; line-height: 160%; } body.body02 #contentWrap #content.blogs h1 a { color: #222; } body.body02 #contentWrap #content.blogs a { color: #222; } body.body02 #contentWrap #content.blogs ul.blogs_nav { margin-top: 0; margin-bottom: 40px; display: flex; justify-content: space-between; gap: 20px; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs ul.blogs_nav { flex-wrap: wrap; gap: 10px; margin-bottom: 20px; } } body.body02 #contentWrap #content.blogs ul.blogs_nav li { list-style-type: none; width: 100%; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs ul.blogs_nav li { width: calc( (100% - 10px)/2); } } body.body02 #contentWrap #content.blogs ul.blogs_nav li a { display: inline-block; width: 100%; border: 3px solid #FE921D; padding: 4px 20px; font-weight: bold; font-size: 1rem; border-radius: 30px; transition: .7s; } body.body02 #contentWrap #content.blogs ul.blogs_nav li a:hover { background-color: #FE921D; color: #fff; text-decoration: none; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs ul.blogs_nav li a { font-size: .9rem; padding: 10px; } } body.body02 #contentWrap #content.blogs .columnWrap { display: flex; justify-content: space-between; gap: 40px; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap { flex-direction: column; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L { width: 100%; } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li { list-style-type: none; margin-bottom: 20px; border: 2px solid #ddd; padding: 10px; transition: .5s; position: relative; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li { margin-bottom: 10px; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li:hover { border-color: #FE921D; } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a { display: flex; gap: 20px; text-align: left; align-items: center; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a { gap: 10px; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a:hover { text-decoration: none; } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_L { width: 160px; background: repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 4px, #fff 0, #fff 8px); } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_L .newWrap { position: absolute; background-color: #d62f1d; color: #fff; display: inline-block; padding: 10px; line-height: 100%; z-index: 3; font-size: .9rem; letter-spacing: .1rem; font-weight: bold; top: 0px; left: 0px; border-bottom-right-radius: 12px; filter: drop-shadow(2px 6px 2px #ccc); } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_L img { width: 100%; height: 160px; object-fit: contain; } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R { width: 100%; font-size: 1rem; } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R .blog_date { font-weight: bold; font-size: 1.1rem; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R .blog_date { font-size: 1rem; display: block; margin-bottom: 10px; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R .blog_cat { font-size: .9rem; font-weight: bold; background-color: #222; color: #fff; margin-left: 10px; padding: 4px 10px; border-radius: 8px; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R .blog_cat { margin-left: 0; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R .blog_title { font-size: 1.2rem; font-weight: bold; margin: 10px auto; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R .blog_title { font-size: 1rem; line-height: 160%; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R .excerpt { line-height: 160%; font-size: .9rem; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L .blog_item li a .item_R .excerpt { display: none; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L #page_nav { background-color: #eee; font-size: 1rem; } @media (min-width: 1200px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L #page_nav { font-size: 16px !important; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L #page_nav .pagination { border-spacing: 10px 0; margin: 10px auto; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L #page_nav .pagination { border-spacing: 6px 0; } } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L #page_nav .pagination li { font-size: 0.9rem; } } body.body02 #contentWrap #content.blogs .columnWrap .content_L #page_nav .pagination li.active a { background: #FE921D; color: #fff; } body.body02 #contentWrap #content.blogs .columnWrap .content_L #page_nav .pagination li a { background: #888; color: #fff; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_L #page_nav .pagination li a { padding: 10px 12px; } } body.body02 #contentWrap #content.blogs .columnWrap .content_R { width: 360px; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_R { width: 100%; } } body.body02 #contentWrap #content.blogs .columnWrap .content_R h2 { font-size: 1.2rem !important; letter-spacing: .3rem; color: #fff; text-align: left; background-color: #FE921D; padding: 10px; line-height: 100%; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap { border: 1px solid #ddd; margin-bottom: 40px; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap { margin-bottom: 20px; } } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul { display: flex; flex-direction: column; margin: 0; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li { list-style-type: none; background-color: #fff; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li:nth-of-type(even), body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li:nth-of-type(even) { background-color: #f8f8f8; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li:last-of-type, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li:last-of-type { margin-bottom: 0; border-bottom: none; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li:last-of-type a, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li:last-of-type a { border: none; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li a, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li a { display: flex; gap: 10px; align-items: center; padding: 20px 10px 20px 10px; position: relative; border-bottom: 1px dashed #ccc; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li .blog_ranking, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li .blog_ranking { z-index: 3; display: flex; justify-content: center; align-items: center; position: absolute; top: 10px; left: 5px; background-color: #FE921D; color: #fff; font-weight: bold; font-size: 1.2rem; width: 30px; height: 30px; border-radius: 50%; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li .blog_ranking.gray, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li .blog_ranking.gray { background-color: #888; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li img, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li img { width: 80px; height: 80px; object-fit: cover; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_rankingWrap ul li .item_title, body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li .item_title { font-size: .9rem; font-weight: bold; line-height: 160%; text-align: left; } @media screen and (max-width: 767px) { body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap { margin-bottom: 0; } } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li a { text-align: left; display: block; font-size: 1.1rem; letter-spacing: .1rem; font-weight: bold; padding: 10px; color: #222; display: flex; align-items: center; justify-content: space-between; } body.body02 #contentWrap #content.blogs .columnWrap .content_R .blog_catWrap ul li a i { float: right; color: #FE921D; } .slider-container { position: relative; max-width: 1920px; margin: 0 auto; } .slider-container button.slick-prev, .slider-container button.slick-next { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; background: rgba(0, 0, 0, 0.5); border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.3s; } .slider-container button.slick-prev:before, .slider-container button.slick-next:before { display: none; } .slider-container button.slick-prev i, .slider-container button.slick-next i { font-size: 24px; color: #fff; } .slider-container button.slick-prev:hover, .slider-container button.slick-prev:focus, .slider-container button.slick-next:hover, .slider-container button.slick-next:focus { background: rgba(0, 0, 0, 0.7); } .slider-container button.slick-prev { left: 20px; } .slider-container button.slick-next { right: 20px; } .slider { width: 100%; } .slider .slide { outline: none; } .slider .slide img { width: 100%; height: auto; display: block; }