@charset "utf-8";

/* ------------------------------------------------------
	body
------------------------------------------------------ */
body {
        width: 100%;
        height: 100%;
        color: #333;
        font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.75em;
        letter-spacing: 1.3px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        overflow-x: hidden;
}

/* ------------------------------------------------------
	link
------------------------------------------------------ */
a {
        color: #fef7f2;
        transition: .3s;
}

a:hover {
        text-decoration: underline;
}

/* ------------------------------------------------------
  margin
------------------------------------------------------ */
.mt10 {
        margin-top: 10px;
}

.mt15 {
        margin-top: 15px;
}

.mt16 {
        margin-top: 16px;
}

.mt20 {
        margin-top: 20px;
}

.mt25 {
        margin-top: 25px;
}

.mt30 {
        margin-top: 30px;
}

.mt60 {
        margin-top: 60px;
}

.mt70 {
        margin-top: 70px;
}

.mb5 {
        margin-bottom: 5px;
}

.mb10 {
        margin-bottom: 10px;
}

.mb15 {
        margin-bottom: 15px;
}

.mb20 {
        margin-bottom: 20px;
}

.mb25 {
        margin-bottom: 25px;
}

.mb30 {
        margin-bottom: 30px;
}

.mb36 {
        margin-bottom: 36px;
}


.mb45 {
        margin-bottom: 45px;
}

.mb50 {
        margin-bottom: 50px;
}

.mb70 {
        margin-bottom: 70px;
}

.mtb35 {
        margin: 35px 0;
}

/* ------------------------------------------------------
  padding
------------------------------------------------------ */
.left {
        text-align: left;
}

.right {
        text-align: right;
}

.center {
        text-align: center;
}

/* ------------------------------------------------------
  text
------------------------------------------------------ */
.size12 {
        font-size: 12px;
}

.size18 {
        font-size: 18px;
}

/* ------------------------------------------------------
	image
------------------------------------------------------ */
.fit {
        width: 100%;
        max-width: 100%;
        height: auto;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
        max-width: 100%;
        height: auto;
}

/* ホバー画像縮小表示 */
.image-scale {
        width: 100%;
        overflow: hidden;
}

.image-scale img {
        -moz-transition: -moz-transform 0.5s linear;
        -webkit-transition: -webkit-transform 0.5s linear;
        -o-transition: -o-transform 0.5s linear;
        -ms-transition: -ms-transform 0.5s linear;
        transition: transform 0.5s linear;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        max-width: 100%;
}

.image-scale img:hover {
        -webkit-transform: scale(0.97);
        -moz-transform: scale(0.97);
        -o-transform: scale(0.97);
        -ms-transform: scale(0.97);
        transform: scale(0.97);
}

.image-mark {
        position: relative;
}

.mark {
        position: absolute;
        top: -3px;
        left: 5px;
}

/* ------------------------------------------------------
	その他
------------------------------------------------------ */
.pc-none {
        display: none;
}

/* ------------------------------------------------------
  header
------------------------------------------------------ */
.header {
        position: relative;
        width: 100%;
        height: 200px;
        background: #fff;
        z-index: 8888;
}

/* ヘッダーバー */
.header-bar {
        height: 35px;
        background: #efefef;
        line-height: 35px;
}

/* ロゴ・電話番号配置部分 */
.header-logo {
        display: table;
        margin: 0 auto;
        width: 1000px;
        max-width: 100%;
}

.header-cell {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 115px;
}

.header-cell a:hover {
        opacity: 0.6;
}

.header-sp {
        display: none;
}

/* ロゴ */
.site-logo {
        margin-right: 15px;
        width: 200px;
}

.tel {
        margin-right: 15px;
}

/* ------------------------------------------------------
  footer
------------------------------------------------------ */
.footer {
        position: relative;
        padding-bottom: 115px;
        width: 100%;
}

.footer a:hover {
        opacity: 0.6;
}

.footer-inner {
        position: relative;
        width: 1000px;
        max-width: 100%;
}

.footer-inner::after {
        content: '';
        display: block;
        clear: both;
}

.footer-top {
        padding-top: 25px;
        padding-bottom: 50px;
        background: #ed6a00;
        color: #fff;
}

.footer-top::after {
        content: '';
        display: block;
        clear: both;
}

.footer-logo {
        float: left;
        width: 320px;
        height: 100px;
}

.footer-logo-right {
        height: 100px;
        width: 660px;
        display: inline-block;
        display: flex;
}

.footer-logo-right p:nth-of-type(1) {
        /* padding-top: 2em; */
}

.footer-logo-right div {
        /* float:right; */
        width: 182px;
}

.footer-logo-right .footer-logo-right01 {
        width: 100%;
}

.footer-logo-right .saiyo {
        padding: .6rem 6rem;
        color: #ed6a00;
        background: #fff;
        display: inline-block;
        margin-top: 1em;
}

.footer-logo-right div a {
        margin-bottom: 2rem;
}

.footer-logo-right div a:hover {
        text-decoration: none;
}

.footer-logo-right-link a {
        display: block;
}

.footer-logo-right-link a:last-of-type {
        margin-top: 1em;
}

.footer-middle {
        background: #ed6a00;
}

.footer-floating {
        display: flex;
        align-items: center;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 115px;
        background: rgba(255, 255, 255, 0.8);
        z-index: 9999;
}

.bottom-menu {
        display: flex;
        margin-left: -15px;
}

.bottom-menu li {
        margin-left: 15px;
}

.sitemap {
        text-align: center;
}

.sitemap li {
        display: inline-block;
        color: #fff;
        list-style: none;
}

.sitemap li a {
        color: #fff;
        list-style: none;
}

.sitemap li:before {
        content: '|';
        padding: 0 1em;
}

.sitemap li:last-child::after {
        content: '|';
        padding-left: 1em;
}

.copyright {
        padding-top: 30px;
        padding-bottom: 10px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        text-align: center;
}

/* ------------------------------------------------------
  main
------------------------------------------------------ */
.container {
        display: flex;
        margin: 0 auto;
        width: 1000px;
        max-width: 100%;
}

.container a:hover {
        opacity: 0.6;
}

.frontpage-content {
        position: relative;
        margin: 0 auto;
        width: 1000px;
        max-width: 100%;
}

.frontpage-content a:hover {
        opacity: 0.6;
}

.frontpage-content h1,
.frontpage-content p,
.seko-archive-name {
        font-size: 14px;
        margin-top: 5px;
}

.main {
        margin-top: 35px;
        padding-bottom: 80px;
        width: 760px;
        max-width: 100%;
}

.main1 {
        margin-top: 35px;
        padding-bottom: 80px;
        width: 1000px;
        max-width: 100%;
}

.main a:hover {
        opacity: 0.6;
}

.page-content {
        padding: 0 10px;
}

.page-content img {
        max-width: 100%;
}

.section {
        position: relative;
        padding-bottom: 4em;
}

/* ------------------------------------------------------
  aside
------------------------------------------------------ */
.aside {
        margin-top: 35px;
        margin-bottom: 20px;
        margin-right: 15px;
        width: 220px;
}

.aside a:hover {
        opacity: 0.6;
}

/* 会社紹介メニュー */
.aside-menu {
        border: 1px solid #ed6a00;
}

.aside-menu li {
        position: relative;
        line-height: 55px;
}

.aside-menu li a {
        display: block;
        padding: 0 15px;
        color: #333;
        font-size: 16px;
        font-weight: 700;
}

.aside-menu li a:hover {
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1 !important;
}

.aside-menu li:after {
        position: absolute;
        top: 0;
        right: 10px;
        content: '\f0da';
        color: #ed6a00;
        font-family: 'icomoon';
}

.aside-menu li:hover:after {
        color: #fff;
}

/* リフォームショップメニュー */
.aside-btn {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
        width: 100%;
        height: 50px;
        border-radius: 35px;
        border: 3px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        line-height: 46px;
        letter-spacing: 0;
}

.aside-btn:hover {
        border: 3px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
}

.aside-btn:after {
        position: absolute;
        top: 0;
        right: 10px;
        content: '\f0da';
        color: #ed6a00;
        font-family: 'icomoon';
}

.aside-btn:hover:after {
        color: #fff;
}

/* ------------------------------------------------------
  ナビ
------------------------------------------------------ */
.nav {
        width: 100%;
        background: #ed6a00;
}

.toggle-btn {
        display: none;
}

.menu-list {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        max-width: 1000px;
        height: 50px;
        *zoom: 1;
}

.menu-list:before,
.menu-list:after {
        content: " ";
        display: table;
}

.menu-list ul {
        width: 270px;
}

.menu-list ul:hover {
        transition: .5s;
}

.menu-list a {
        padding: 0 20px;
        color: #fff;
        transition: .5s;
}

.menu-list .submenu li {
        position: relative;
        font-size: 16px;
        font-weight: 700;
        line-height: 50px;
}

.menu-list li.parent {
        position: relative;
        font-size: 16px;
        font-weight: 700;
        line-height: 50px;
        padding-right: 10px;
        overflow: unset;
        height: 50px;
        display: flex;
        align-items: center;
}

.menu-list li.parent .submenu {
        display: none;
}

.menu-list li.parent:hover .submenu {
        display: block;
}

.menu-list li:after {
        padding-right: -20px;
        content: '｜';
        position: absolute;
        top: 50%;
        right: 0;
        color: #fff;
        transform: translateY(-50%);
}

.menu-list li:last-child {
        padding: 0;
}

.menu-list li:last-child::after {
        content: '';
        padding-right: 0;
}

.menu-list>li>a {
        display: block;
        padding: 0px 20px 0px 10px;
        line-height: 1;
        text-align: center;
        position: relative;
}

.menu-list li ul {
        position: absolute;
        top: 50px;
        /* left: -9999px; */
        border-left: 2px solid #ed6a00;
        border-right: 2px solid #ed6a00;
        border-bottom: 2px solid #ed6a00;
}

.menu-list>li.hover>ul {
        /* left: 0; */
}

.menu-list li li.hover ul {
        left: 100%;
        top: 0;
}

.menu-list li li a {
        transform: none;
        display: block;
        background: #ed6a00;
        position: relative;
        z-index: 100;
        border-top: 1px solid #fef7f2;
        line-height: 1.3;
        text-align: center;
        padding: 15px 0;
}

.menu-list li li li a {
        background: #249578;
        z-index: 200;
        border-top: 1px solid #1d7a62;
}

.menu-list>li>ul>li {
        border-top: 2px solid #ed6a00;
}

.menu-list>li>ul>li>a {
        background: #fff;
        color: #ed6a00;
}

.menu-list>li>ul>li>a:hover {
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
}

.menu-list>li>ul>li {
        padding-right: 0;
}

.menu-list li ul li:after {
        content: '';
        padding-right: 0;
}
.menu-list li .outlink::after {
        content: "";
        display: block;
        height: 15px;
        width: 15px;
        background: url(../img/common/out-link.png)no-repeat;
        background-size: 100%;
        position: absolute;
        top: 50%;
        right: 18%;
        transform: translateY(-50%);
}
.menu-list li .outlink:hover::after {
        background: url(../img/common/out-link-hover.png)no-repeat;
        background-size: 100%;
}

/* ------------------------------------------------------
  page top
------------------------------------------------------ */
.pagetop {
        position: absolute;
        top: -23px;
        right: 0;
}

.pagetop a {
        display: block;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        color: #fff;
        background-color: #ed6a00;
        text-align: center;
        font-size: 15px;
        line-height: 30px;
        z-index: 999;
}

.pagetop a:before {
        content: '▲';
}

.pagetop a:hover {
        opacity: 0.6;
}

/* ------------------------------------------------------
  breadcrumb
------------------------------------------------------ */
.breadcrumb {
        margin-bottom: 2em;
}

.breadcrumb-list li {
        display: inline-block;
}

.breadcrumb-list li a {
        color: #ed6a00;
}

.breadcrumb-list li:after {
        content: '＞';
        padding: 0 .5em;
}

.breadcrumb-list li:last-child:after {
        content: '';
}

/* ------------------------------------------------------
  pagenation
------------------------------------------------------ */
.pagenation-navi {
        display: flex;
        margin-bottom: 20px;
}

.page-count {
        width: 20%;
}

.page-count p {
        line-height: 35px;
}

.pagenation {
        margin-left: auto;
        width: 80%;
}

.pagenation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
}

.pagenation ul li {
        margin-left: 3px;
        font-style: italic;
        line-height: 35px;
}

.pagenation ul li:first-child {
        margin-left: 0;
        margin-right: .5em;
}

.pagenation ul li.active {
        padding: 0 .7em;
        background: #ed6a00;
        border: 1px solid #ed6a00;
        color: #fff;
        cursor: not-allowed;
}

.pagenation ul li a {
        display: block;
        height: 35px;
        padding: 0 .7em;
        border: 1px solid #ed6a00;
        color: #333;
        text-decoration: none;
}

.pagenation ul li a:hover {
        background: #ed6a00;
        color: #fff;
        opacity: 1;
}

/* ------------------------------------------------------
	page navi
------------------------------------------------------ */
.page-navi {
        margin-top: 3em;
        margin-bottom: 3em;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: -20px;
}

.postlink-prev,
.postlink-next,
.postlink-back {
        margin-left: 20px;
        flex-shrink: 0;
        width: calc(33.33333% - 20px);
}

.btn-prev,
.btn-next,
.btn-back {
        position: relative;
        display: inline-block;
        width: calc(100% - 20px);
        height: 60px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 16px;
        font-weight: 700;
        line-height: 56px;
        text-align: center;
}

.btn-prev:hover,
.btn-next:hover,
.btn-back:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
}

.btn-prev:before {
        position: absolute;
        top: 0;
        left: 15px;
        content: '\f104';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn-next:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\f105';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn-prev:hover:before,
.btn-next:hover:after {
        color: #fff;
}

/* ------------------------------------------------------
 carousel
------------------------------------------------------ */
.swiper-container {
        margin: 0 auto;
        margin-bottom: 30px;
        padding: 0 30px;
        padding-bottom: 50px;
        /* ページネーション分 */
        width: 100%;
        max-width: 1160px;
        /* 矢印外側分 */
        height: auto;
}

.swiper-slide {
        text-align: center;
}

.swiper-button-prev,
.swiper-button-next {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
        background-image: url(../img/top/carousel/prev.png);
        left: 45px;
        right: auto;
        width: 60px;
        height: 78px;
        background-size: 60px 78px;
        z-index: 9999;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
        background-image: url(../img/top/carousel/next.png);
        right: 45px;
        left: auto;
        width: 60px;
        height: 78px;
        background-size: 60px 78px;
        z-index: 9999;
}

.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 0;
        display: inline-block;
        background: #000;
        opacity: 0.2;
}

.swiper-pagination-bullet-active {
        opacity: 1;
        background: #ed6a00;
}

.carousel-wrap {
        position: relative;
        margin: 0 auto;
        width: 100%;
}

.bgcolor {
        background: #fef7f2;
}

.slide-image {
        max-width: 1000px;
        height: auto;
}

/* ------------------------------------------------------
  modal
------------------------------------------------------ */
.modal-content {
        position: fixed;
        display: none;
        z-index: 10000;
        width: 50%;
        margin: 10px;
        padding: 10px 20px;
        border-radius: 10px;
        border: 2px solid #ed6a00;
        background: #fff;
}

.modal-content p {
        margin: 0;
        padding: 0;
}

.modal-overlay {
        z-index: 9999;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 120%;
        background-color: rgba(0, 0, 0, 0.75);
}

.modal-close {
        color: #ed6a00;
        text-decoration: none;
}

.modal-close:hover {
        cursor: pointer;
        color: #ccc;
}

/* ------------------------------------------------------
  table
------------------------------------------------------ */
/* 会社概要テーブル */
.gaiyo-table {
        margin: 2em 0;
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
        border-top: 1px solid #a0a0a0;
}

.gaiyo-table tr {
        border-bottom: 1px solid #a0a0a0;
}

.gaiyo-table th {
        padding: 15px 5px 15px 15px;
        padding-right: 1em;
        width: 140px;
        background: #f7f7f7;
        text-align: left;
        vertical-align: top;
}

.gaiyo-table td {
        padding: 15px 25px 15px 25px;
        vertical-align: middle;
}

/* イベント内容テーブル */
.event-table {
        width: 100%;
        border-collapse: collapse;
}

.event-table tr {
        background: #fff;
}

.event-table tr:nth-child(odd) {
        background: #f7f7f7;
}

.event-table th {
        width: 20%;
        padding: 1em;
        text-align: left;
}

.event-table td {
        width: 80%;
        padding: 1em;
}

/* スタッフテーブル */
.staff-table {
        width: 100%;
        border-collapse: collapse;
}

.staff-table tr {
        background: #fff;
}

.staff-table tr:nth-child(even) {
        background: #fbf7f0;
}

.staff-table th {
        width: 30%;
        padding: .7em;
        text-align: left;
}

.staff-table td {
        width: 70%;
        padding: .7em;
}

.table {
        width: 100%;
        border-top: 1px solid #ed6a00;
        border-left: 1px solid #ed6a00;
        border-bottom: 1px solid #ed6a00;
}

.table tbody th,
.table tbody td {
        padding: .8em;
}

.table tbody th {
        width: 40%;
        border-bottom: 1px solid #fff;
        background: #ed6a00;
        color: #fff;
}

.table tbody tr:last-child th {
        border-bottom: 1px solid #ed6a00;
}

.table tbody th.width25 {
        width: 25%;
}

.table tbody td {
        border-right: 1px solid #ed6a00;
        border-bottom: 1px solid #ed6a00;
        background: #fff;
        color: #333;
}

.dl-row dt,
.dl-row dd {
        display: block;
        padding: .5em;
}

.dl-row dt {
        float: left;
        clear: left;
        width: 20%;
        border-top: 1px solid #fff;
        background: #ed6a00;
        color: #fff;
}

.dl-row dt:first-child {
        border-top: 1px solid #ed6a00;
}

.dl-row dd {
        margin-left: 20%;
        width: 80%;
        border-top: 1px solid #ed6a00;
        border-right: 1px solid #ed6a00;
}

.dl-row dt:last-child,
.dl-row dd:last-child {
        border-bottom: 1px solid #ed6a00;
}

/* ------------------------------------------------------
form
------------------------------------------------------ */
.form-container {
        padding: 0 10px;
}

.contact-form {
        margin: 2em 0;
        padding: 0 20px;
        width: 100%;
        max-width: 100%;
        border-top: 1px solid #a0a0a0;
        /* イベント予約 -> 参加人数 */
        /* セレクトボックスの矢印カスタマイズ */
        /* 郵便番号入力 */
        /* 時間入力 */
        /* 時・分 */
}

.contact-form tr {
        border-bottom: 1px solid #a0a0a0;
}

.contact-form td {
        padding: 15px;
        vertical-align: top;
}

.contact-form th {
        padding: 15px 5px 15px 15px;
        padding-right: 1em;
        width: 23%;
        background: #ffe2b6;
        text-align: left;
        vertical-align: top;
}

.contact-form th span {
        display: block;
}

.contact-form td.label {
        padding: 15px 5px 15px 5px;
        width: 61px;
        background: #ffe2b6;
        text-align: center;
}

.contact-form .hosoku {
        font-size: 12px;
        line-height: 24px;
}

.contact-form input[type="tel"], .contact-form input[type="text"], .contact-form input[type="email"], .contact-form select {
        padding: 0.8em 1em;
        width: 100%;
        background: transparent;
        border: 1px solid #aaa;
        border-radius: 0;
        color: #333;
        font-size: 14px;
        font-size: 1.4rem;
}

.contact-form input[type="radio"], .contact-form input[type="checkbox"] {
        margin-bottom: .5em;
}

.contact-form .input50 input[type=text] {
        width: 50%;
}

.contact-form input[type=text] .input150w {
        width: 150px;
}

.contact-form .input-num input[type=text] {
        margin-right: 5px;
        width: 70px;
}

.contact-form .select-wrap {
        display: flex;
        align-items: center;
        white-space: nowrap;
}

.contact-form .select {
        position: relative;
        margin-bottom: .5em;
}

.contact-form .select:before {
        z-index: 10;
        position: absolute;
        right: 15px;
        top: 10px;
        content: "";
        color: #aaa;
        font-size: 12px;
        pointer-events: none;
}

.contact-form .select-zip {
        width: 150px;
}

.contact-form .select-time {
        display: flex;
        white-space: nowrap;
        margin-top: 5px;
        margin-left: 5px;
        align-items: center;
        /*width: 70px;*/
}

.kiboday1 {
        margin-right: 5px;
        width: 36%;
}

.kiboday2 {
        margin-right: 5px;
        width: 36%;
}

.contact-form .select-time-text {
        width: 30px;
        text-align: center;
}

.contact-form textarea {
        padding: 0.8em 1em;
        width: 100%;
        height: 120px;
        background: transparent;
        border: 1px solid #aaa;
        color: #333;
        font-size: 14px;
}

.form_h40 textarea {
        padding: 0.8em 1em;
        width: 100%;
        height: 40px;
        background: transparent;
        border: 1px solid #aaa;
        color: #333;
        font-size: 14px;
}

.form-btn-wrap {
        margin: 0 auto;
        margin: 30px 0 20px 0;
        text-align: center;
}

/* 確認・送信ボタン */
input[type="submit"] {
        position: relative;
        display: inline-block;
        width: 400px;
        height: 70px;
        border-radius: 10px;
        border: 3px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 64px;
}

input[type="submit"]:hover {
        border: 3px solid #ed6a00;
        background: #fff;
        color: #ed6a00;
        text-decoration: none;
        opacity: 1.0 !important;
}

input[type="submit"]:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #fff;
        font-family: 'icomoon';
}

input[type="submit"]:hover:after {
        color: #ed6a00;
}

/* 戻るボタン */
input[type="button"] {
        position: relative;
        display: inline-block;
        margin-left: -20px;
        width: 400px;
        height: 70px;
        border-radius: 10px;
        border: 3px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 18px;
        font-weight: 700;
        line-height: 64px;
}

input[type="button"]:hover {
        border: 3px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
}

input[type="button"]:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

input[type="button"]:hover:after {
        color: #fff;
}

/* 必須フィールド背景色 */
.required-input input[type=text],
.required-input input[type=email],
.required-input input[type=tel],
.required-input select {
        background: #ffeff5;
}

/* 必須ラベル */
.required {
        display: block;
        /* padding: .5em 1em; */
        border-radius: 30px;
        background: #ff0000;
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
        width: 50px;
}

/* 任意ラベル */
.unrequired {
        display: block;
        /* padding: .5em 1em; */
        border-radius: 30px;
        background: #f19149;
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
}

.required-input .your-name input[type=text], .required-input .your-name-kana input[type=text], .required-input .your-address input[type=text], .required-input .your-birthday input[type=text], .required-input input[type=tel] {
        width: 40%;
}

.required-input .your-address input[type=text], .required-input .your-email input[type=email] {
        width: 80%;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
        border: none;
        background: #ff0000;
        color: #fff;
}

/* ------------------------------------------------------
	button
------------------------------------------------------ */
/* オレンジ枠線 */
.btn1 {
        position: relative;
        display: inline-block;
        width: 400px;
        height: 70px;
        border-radius: 10px;
        border: 3px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 18px;
        font-weight: 700;
        line-height: 64px;
}

.btn1:hover {
        border: 3px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
}

.btn1:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn1:hover:after {
        color: #fff;
}

/* オレンジ背景 */
.btn2 {
        position: relative;
        display: inline-block;
        width: 400px;
        height: 70px;
        border-radius: 10px;
        border: 3px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 64px;
}

.btn2:hover {
        border: 3px solid #ed6a00;
        background: #fff;
        color: #ed6a00;
        text-decoration: none;
        opacity: 1.0 !important;
}

.btn2:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #fff;
        font-family: 'icomoon';
}

.btn2:hover:after {
        color: #ed6a00;
}

/* オレンジ枠線 「続きを読む」*/
.btn3 {
        position: relative;
        display: inline-block;
        width: calc(100% - 20px);
        max-width: 330px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
}

.btn3:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
}

.btn3:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn3:hover:after {
        color: #fff;
}

/* グレー枠線 「続きを読む」*/
.btn4 {
        position: relative;
        display: inline-block;
        width: calc(100% - 10px);
        max-width: 100%;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #555;
        background: #555;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 50px;
}

.btn4:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ccc;
        font-family: 'icomoon';
}

.btn4:hover:after {
        color: #555;
}

/* ------------------------------------------------------
	heading
------------------------------------------------------ */
.heading1 {
        margin-top: 30px;
        margin-bottom: 20px;
        padding: 0 10px;
        border-bottom: 3px solid #ed6a00;
        background: #fbf7f0;
        color: #333;
        font-size: 24px;
        line-height: 55px;
}

.heading2 {
        position: relative;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
        font-size: 20px;
        text-align: center;
}

.heading2:before {
        content: '';
        position: absolute;
        bottom: -3px;
        display: inline-block;
        width: 165px;
        height: 6px;
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #ccc;
        border-radius: 2px;
}

.heading-form {
        margin-top: 70px;
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: 700;
        line-height: 50px;
        border-bottom: 3px solid #ed6a00;
        text-align: center;
}

.heading1 span {
        font-size: 20px;
}

/* ------------------------------------------------------
トップページ
------------------------------------------------------ */
.obi img {
        width: 1280px;
        max-width: 100%;
}

/* 1.バナーセクション */
.banner-area {
        display: flex;
        flex-wrap: wrap;
        /* margin-top: 20px; */
        margin-left: -20px;
}

.banner-item,
.banner-item50 {
        margin-left: 20px;
        margin-bottom: 20px;
        width: calc(50% - 20px);
}

/* 2.イベント情報・最新情報 */
.info-bg {
        background: #fbf7f0;
}

.info-wrap {
        display: flex;
        margin-left: -20px;
}

.info-item {
        margin-left: 20px;
        width: calc(50% - 20px);
}

.info-item h2 {
        margin-bottom: 40px;
        margin-bottom: 10px;
        /* padding-top: 68px; */
        padding-top: 58px;
}

.news-item {
        position: relative;
}

.illust1 {
        position: absolute;
        /* top: 0; */
        top: -10px;
        left: 10px;
}

/* 3.おすすめリフォームプラン */
.plan-area {
        display: flex;
        flex-wrap: wrap;
        /* margin-top: 10px; */
        /* margin-left: -10px; */
        justify-content: space-between;
}

.plan-item {
        /* margin-left: 15px; */
        /* margin-bottom: 20px; */
        margin-bottom: 15px;
        /* width: calc(25% - 10px); */
}

.reform-illust-area {
        position: relative;
        width: 1000px;
        height: 117px;
}

.illust2 {
        position: absolute;
        top: 0;
        left: 0;
}

.text {
        padding: 2.5em 0 2.5em 8em;
        text-align: center;
}

/* 4.水廻りLIXIL４点パック */
.pack-outer {
        position: relative;
        margin: 0 auto;
        width: 1000px;
        max-width: 100%;
}

.pack-bg {
        position: relative;
        margin-top: 28px;
        background: #fef6ef;
        height: 850px;
}

.pack-wrap {
        position: absolute;
        top: -40px;
        left: 0;
        padding: 20px 20px 0 20px;
}

.pack-wrap a:hover {
        opacity: 0.6;
}

.pack-basic {
        position: relative;
}

.otoku {
        position: absolute;
        top: -50px;
        right: 0;
}

.pack-area {
        display: flex;
        margin-top: 20px;
        margin-left: -20px;
}

.pack-item {
        margin-left: 20px;
        width: calc(50% - 20px);
}

.tokuten-area {
        position: relative;
}

.tokuten {
        position: absolute;
        display: flex;
        bottom: 25px;
        left: 30px;
        margin-left: -10px;
}

.tokuten p {
        margin-left: 10px;
        width: calc(25% - 10px);
}

/* 5.ショールームご案内(SPのみ) */
.showroom-area {
        margin-bottom: 15px;
        display: flex;
        margin-left: -10px;
}

.showroom-area li {
        margin-left: 10px;
        width: calc(100% - 10px);
}

.showroom .data {
        position: relative;
}

.showroom .data h3 {
        margin-bottom: .5em;
        padding-top: 15px;
        border-bottom: 1px solid #ccc;
        font-size: 25px;
        line-height: 40px;
}

.showroom .data .logo {
        position: absolute;
        top: 10px;
        right: 0;
}

/* 6.施工事例 */
/* 7.お近くのショップはこちら */
.shop-illust-area {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 168px;
}

.illust3 {
        position: absolute;
        top: 15px;
        left: 0;
}

.illust4 {
        position: absolute;
        top: 0;
        right: 0;
}

.area-frame {
        margin: 0 auto;
        padding: 1em 0;
        width: 450px;
        border-radius: 30px;
        border: 2px solid #333;
        text-align: center;
}

.shop-area {
        display: flex;
        max-width: 900px;
        margin: 0 auto 20px;
}

.shop-area-raiten {
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        margin-left: -20px;
}

.shop-item {
        margin-left: 20px;
        width: calc(33% - 20px);
        position: relative;
}

.shop-item a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: 0;
}

.shop-item a:hover {
        filter: alpha(opacity=30);
        /* IE 6,7*/
        -ms-filter: "alpha(opacity=30)";
        /* IE 8,9 */
        -moz-opacity: 0.3;
        /* FF , Netscape */
        -khtml-opacity: 0.3;
        /* Safari 1.x */
        opacity: 0.3;
        zoom: 1;
        /*IE*/
}

.shop-item .top {
        width: 100%;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
}

.shop-item .bottom {
        margin-top: 20px;
}

.shop-item .bottom .image {
        margin-bottom: 10px;
}

.shop-item .bottom .data {
        width: 90%;
        margin: 0 auto;
}

.shop-item .bottom .data h3 {
        margin-bottom: 10px;
        font-size: 20px;
}

.shop-item .bottom .data p {
        margin-bottom: 10px;
        line-height: 20px;
}

/* 7.お客様の声 */
/* 8.お近くのショップはこちら */
/* 9.LIXILリフォームショップとは？ */
.about-area {
        margin-top: 30px;
        margin-bottom: 36px;
        display: flex;
        flex-wrap: wrap;
        margin-left: -20px;
}

.about-item {
        margin-left: 20px;
        margin-bottom: 20px;
        width: calc(33.33333% - 20px);
}

.about-item1 {
        margin-left: 20px;
        width: calc(50% - 20px);
}

.about-item2 {
        margin-left: 20px;
        margin-top: 20px;
}

/* 10.お問い合わせ */
.otoiawase-area {
        margin-bottom: 80px;
        position: relative;
}

.otoiawase-contact {
        position: absolute;
        top: 200px;
        left: 30px;
}

.otoiawase-raiten {
        position: absolute;
        top: 200px;
        left: 365px;
}

/* ------------------------------------------------------
下層ページ
------------------------------------------------------ */
@media screen and (max-width: 768px) {
        .pc {
                display: none;
        }
}

@media screen and (min-width: 769px) {
        .sp {
                display: none;
        }
}

/* 共通グリッド */
.grid-list {
        display: flex;
        flex-wrap: wrap;
        margin-left: -20px;
}

.grid-list-item3 {
        margin-left: 20px;
        width: calc(25% - 20px);
}

.grid-list-item4 {
        margin-left: 20px;
        width: calc(33.33333% - 20px);
        margin-bottom: 25px;
}

.grid-list-item6 {
        margin-left: 20px;
        width: calc(50% - 20px);
}

.grid-list-item7 {
        margin-left: 20px;
        width: calc(75% - 20px);
}

.grid-list-item8 {
        margin-left: 20px;
        width: calc(66.66667% - 20px);
}

.grid-list-item9 {
        margin-left: 20px;
        width: calc(75% - 20px);
}

.btn-area {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 50px;
}

.otoiawase-banner {
        margin-top: 30px;
}

/* リクシルリフォームショップとは */
.page-about-area {
        margin-top: 30px;
        margin-bottom: 55px;
        display: flex;
        flex-wrap: wrap;
        margin-left: -7px;
}

.page-about-area img {
        width: 100%;
}

.page-about-item {
        margin-left: 7px;
        margin-bottom: 20px;
        width: calc(33.33333% - 7px);
}

.page-about-item1 {
        margin-left: 7px;
        width: calc(50% - 7px);
}

/* お問合わせバナー（スタッフ紹介） */
.page-otoiawase-area {
        position: relative;
        margin-bottom: 80px;
        text-align: center;
}

.page-otoiawase-contact {
        position: absolute;
        top: 145px;
        left: 30px;
}

.page-otoiawase-raiten {
        position: absolute;
        top: 145px;
        left: 280px;
}

/* ------------------------------------------------------
   下層ページ -> 共通 -> Google Mapsレスポンシブ
------------------------------------------------------ */
.ggmap {
        margin: 0 auto;
        margin-bottom: 1em;
        position: relative;
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

/* ------------------------------------------------------
 新着情報 -> トップページ
------------------------------------------------------ */
/* object-fit */
.news-top-object-fit {
        width: 70px;
        height: 64px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
}

.news-object-fit {
        width: 329px;
        height: 329px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
}

.news-list {
        position: relative;
        display: flex;
        align-items: center;
        padding: 20px 0;
        border-bottom: 1px dashed #d1cdc7;
}

.news-list:last-child {
        border-bottom: 0;
        padding: 20px 0 0;
}

.news-list a {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.news-list a:hover {
        background: #fff;
        opacity: 0.6;
}

.news-list-image {
        width: 70px;
}

.news-list-content {
        padding: 0 20px;
        width: calc(100% - 70px);
}

.news-list-content h3 {
        font-size: 14px;
        line-height: 24px;
}

.news-list-content .date {
        margin-bottom: 5px;
}

/* ------------------------------------------------------
 新着情報 -> アーカイブページ
------------------------------------------------------ */
.news-post {
        margin-bottom: 15px;
        padding: 0 20px 30px 20px;
        border-bottom: 1px solid #ed6a00;
}

.news-archives-title {
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
}

.news-archives-grid {
        display: flex;
        margin-bottom: 15px;
}

.news-archives-grid-image {
        width: 35%;
}

.news-archives-grid-text {
        padding-left: 20px;
        width: 65%;
}

/* ------------------------------------------------------
 新着情報 -> 個別ページ
------------------------------------------------------ */
/* ------------------------------------------------------
 新着情報 -> トップページ
------------------------------------------------------ */
/* object-fit */
.event-top-object-fit {
        width: 100%;
        height: 120px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
}

.event-object-fit {
        width: 100%;
        height: 291px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
}

.event-list {
        position: relative;
        display: flex;
        align-items: center;
        padding: 20px 0;
        border-bottom: 1px dashed #d1cdc7;
}

.event-list:last-child {
        border-bottom: 0;
        padding: 27px 0 0;
}

.event-list a {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.event-list a:hover {
        background: #fff;
        opacity: 0.6;
}

.event-list-image {
        width: 120px;
}

.event-list-content {
        padding-left: 15px;
        width: calc(100% - 70px);
}

.event-list-content h3 {
        font-size: 14px;
        line-height: 24px;
}

.event-list-content .date {
        margin-bottom: 5px;
}

.event-label {
        margin-right: 10px;
        padding: .3em .5em;
        background: #91a0d7;
        color: #fff;
        line-height: 24px;
}

.event-term {
        margin-top: 6px;
        background: #edeae5;
        text-align: center;
        line-height: 40px;
}

/* ------------------------------------------------------
 新着情報 -> アーカイブページ
------------------------------------------------------ */
.event-bar {
        display: flex;
        height: 50px;
}

.event-archives {
        position: relative;
        padding-bottom: 60px;
        border: 1px solid #ccc;
}

.event-bar-title {
        background: #ed6a00;
        width: 20%;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
}

.event-bar-title__flyer {
        background: #ed6a00;
        width: 20%;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
}

.event-bar-date {
        padding: 0 .5em;
        background: #f19149;
        width: 80%;
        color: #fff;
        font-size: 12px;
        line-height: 25px;
}

/* ------------------------------------------------------
 新着情報 -> 個別ページ
------------------------------------------------------ */
.event-summary {
        padding: 10px;
}

.event-archives-title {
        margin-top: 5px;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 700;
}

.event-gaiyo-title {
        margin: 50px 0 20px 0;
        color: #ed6a00;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        line-height: 30px;
}

.event-gaiyo-title span {
        padding-right: 10px;
        font-size: 30px;
}

.event-detail-text {
        font-size: 12px;
        line-height: 24px;
}

.event-gaiyo-text {
        margin: 30px 0;
        padding: 0 10px;
}

.event-map {
        margin-left: 20px;
        padding: .5em .7em;
        background: #f8b551;
        border-radius: 5px;
}

.event-map:hover {
        background: #ed6a00;
        text-decoration: none;
}

/* ------------------------------------------------------
 お客様アンケート -> トップページ
------------------------------------------------------ */
/* object-fit */
.voice-top-object-fit {
        width: 223px;
        height: 300px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
}

.voice-page-title {
        color: #ed6a00;
        font-size: 18px;
        border-bottom: 2px solid #ed6a00;
        padding: 20px 0 5px 0;
}

.voice-page-comment {
        color: #ed6a00;
        font-size: 18px;
        padding-bottom: 10px;
}

.voice-comment {
        margin: 0 auto;
        margin-top: 20px;
        padding: 0 15px 20px 15px;
        max-width: 100%;
}

/****************************/
.single-voice-quest {}

.row_single-voice {
        display: flex;
        margin-bottom: 30px;
}

.row_single-voice .img_col {
        width: 30%;
}

.row_single-voice .txt_col {
        width: 70%;
        padding-left: 20px;
        padding: 0 70px 0 90px;

}

.row_single-voice .txt_col p {
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
}

.row_single-voice .txt_col .arrow {}

.row_single-voice .txt_col .arrow .txt {
        display: flex;
        justify-content: space-between;
        font-size: 10px;
        margin-bottom: 10px;
}

.row_single-voice .num {
        display: flex;
        justify-content: center;
        column-gap: 5px;
        font-size: 20px;
}

.row_single-voice .num span {
        display: block;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        position: relative;
}

.row_single-voice .num span.current:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 2px solid #ed6a00;
        display: block;
        width: 110%;
        height: 110%;
        border-radius: 50%;
        box-sizing: border-box;
}

.row_single-voice .num span.current+.current:after {
        display: none;
}

.row_single-voice .txt_col .line {
        position: relative;
        border-bottom: 2px solid #000;
        margin-bottom: 20px;
}

.row_single-voice .txt_col .line:before,
.row_single-voice .txt_col .line:after {
        content: "";
        position: absolute;
        display: block;
        width: 10px;
        height: 10px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        top: -5px;
}

.row_single-voice .txt_col .line:before {
        transform: rotate(-135deg);
        left: 0;
}

.row_single-voice .txt_col .line:after {
        transform: rotate(45deg);
        right: 0;
}

.block_single-voice {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;

}

.block_single-voice .q_single-voice {
        font-size: 20px;
        position: relative;
}

.block_single-voice .q_single-voice {
        font-size: 20px;
        position: relative;
}

.block_single-voice .a_single-voice {
        font-size: 18px;
}



/* ------------------------------------------------------
 施工事例 -> トップページ
------------------------------------------------------ */
/* object-fit */
.seko-object-fit {
        width: 100%;
        height: 270px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
}

.seko-heading {
        margin-bottom: 10px;
        color: #ed6a00;
        font-size: 24px;
        line-height: 36px;
        margin-top: 60px;
}

/* 施工メニュー */
.seko-menu {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-bottom: 30px;
}

.seko-item {
        margin-left: 10px;
        margin-bottom: 10px;
        width: calc(25% - 10px);
}

.seko-item_area {
        border: #ed6a00 solid 1px;
        text-align: center;
        font-weight: bold;
}

.seko-item_area a {
        padding: 1rem;
        color: #333;
        display: block;
}

.seko-item_area a:hover {
        text-decoration: none;
        background: #ed6a00;
        color: #fff;
}

.seko-item_area.current a {
        background: #ed6a00;
        color: #fff;
}

.front-seko-title {
        text-align: center;
        border-bottom: 1px solid #000;
        padding-bottom: 10px;
        margin-bottom: 20px;
}

.front-seko-archive .grid-list-item4 {
        width: calc(24% - 20px);
}

/* ラベル */
.chirashi {
        margin-right: 5px;
        padding: .3em .5em;
        background: #f8b551;
        color: #fff;
        font-size: 12px;
}

.seminar {
        margin-right: 5px;
        padding: .3em .5em;
        background: #80c269;
        color: #fff;
        font-size: 12px;
}

.website {
        padding: .3em .5em;
        background: #00b7ee;
        color: #fff;
        font-size: 12px;
}

/* ------------------------------------------------------
 施工事例 -> 一覧ページ
------------------------------------------------------ */
.seko-archives {
        position: relative;
        padding-bottom: 10px;
}

/* NEWマーク */
.img-mark {
        position: relative;
        z-index: 1;
}

.mark {
        position: absolute;
        z-index: 2;
}

/* ------------------------------------------------------
 施工事例 -> 一覧ページ
------------------------------------------------------ */
/* ヘッダー部分*/
.seko-cat-header {
        display: flex;
        margin-bottom: 10px;
        padding: 10px;
        background: #f7f7f7;
}

.seko-cat-header-image {
        width: 235px;
}

.seko-cat-header-text {
        padding-left: 20px;
        width: calc(100% - 235px);
}

.grid-list-item4 h3 a {
        color: #333;
        text-decoration: none;
}

.seko_cat {
        position: relative;
}

.seko_cat .wrap_link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

/* ------------------------------------------------------
 施工事例 -> 詳細ページ
------------------------------------------------------ */
/* 見出し */
.seko-page-title {
        margin-top: 30px;
        margin-bottom: 40px;
        padding: 0 10px;
        background: #ed6a00;
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 55px;
}

/* 見出し */
.seko-page-title1 {
        margin-top: 30px;
        margin-bottom: 20px;
        padding: 0 20px;
        color: #ed6a00;
        font-size: 24px;
        font-weight: 700;
        line-height: 55px;
}

/* タブ  */
.tab-wrap {
        margin: 0 auto 50px;
        display: flex;
        justify-content: center;
        margin-left: -4px;
}

.tab {
        display: none;
        padding-top: 50px;
        border-top: 3px solid #ed6a00;
}

.tab img {
        max-width: 400px;
}

.tab-btn {
        margin: 0 2%;
        width: 40%;
        background: #81511c;
        color: #fff;
        font-size: 24px;
        text-align: center;
        line-height: 60px;
        border-radius: 5px;
}

.tab-btn.active {
        background: #ed6a00;
}

.tab-btn .btn-arrow {
        display: inline-block;
        margin-right: 1rem;
}

.tab-btn .btn-arrow02 {
        display: inline-block;
        margin-left: 1rem;
}

/* 施工内容テーブル */
.seko-table {
        width: 100%;
        font-size: 18px;
}

.seko-table th {
        padding: .5em .8em;
        background: #fbf7f0;
        border: 2px solid #ed6a00;
}

.seko-table td {
        padding: .5em .8em;
        border: 2px solid #ed6a00;
}

/* コメント */
.seko-comment {
        padding: 0 15px;
        margin: -50px auto 10px;
}

/* サムネイルギャラリー */
.seko-gallery-main,
.seko-gallery1-main {
        text-align: center;
        height: 530px;
}

.seko-gallery-main img,
.seko-gallery1-main img {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 530px;
        object-fit: contain;
        font-family: 'object-fit: contain;';
}

.seko-gallery-thumb ul,
.seko-gallery1-thumb ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 5px;
        margin-left: -5px;
        margin-bottom: 30px;
}

/* pagination */
.seko-gallery-thumb li,
.seko-gallery1-thumb li {
        margin-left: 5px;
        margin-bottom: 5px;
        width: calc(14.28% - 5px);
}

.swiper-my-pagination .swiper-pagination-bullet {
        width: auto;
        height: auto;
        border-radius: 0;
}

.swiper-container-horizontal>.swiper-my-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0;
}

.swiper-my-pagination img {
        box-shadow: none;
        margin: 0;
        vertical-align: bottom;
}

.swiper-my-pagination {
        display: table;
}

.swiper-my-pagination {
        display: table;
        table-layout: fixed;
}

.swiper-my-pagination .swiper-pagination-bullet {
        display: table-cell;
        padding: 2px;
        background: transparent;
        opacity: 1;
}

.swiper-my-pagination .swiper-pagination-bullet-active {
        background: transparent;
        opacity: 0.6;
}

/* お客様の声、ヒロタより */
.seko-voice-grid {
        display: flex;
        padding: 10px;
}

.seko-voice-grid .image {
        width: 30%;
}

.seko-voice-grid .comment {
        width: 70%;
        padding-left: 20px;
}

.single-voice .modal-content {
        border-radius: 0;
        padding: 0;
        width: 60%;
        border: none;
        /* background: transparent; */
}

/* 詳細 */

.mdi-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px;
}

.mdi-row .mdi-before {
        width: 28%;
        padding-right: 2%;
}

.mdi-row .mdi-after {
        width: 68%;
        padding-left: 2%;
}

.mdi-row>div img {
        display: block;
        object-fit: contain;
        width: 192px;
        max-height: 192px;
        height: auto;
        object-position: center top;
}

.mdi-row>div p {
        display: inline-block;
        margin-bottom: 1rem;
        padding: 0.25rem 1.5rem;
        background: #81511C;
        color: #fff;
        font-size: 0.8rem;
}

.mdi-row .mdi-after img {
        object-fit: contain;
        width: 488px;
        max-height: 488px;
        height: auto;
}

.mdi-row .mdi-after p {
        background: #ED6A01;
}

/* ------------------------------------------------------
 new お客様アンケート
------------------------------------------------------ */
.voice-quest {
        margin-bottom: 50px;
}

.voice-quest .row_quest {
        display: flex;
}

.voice-quest .row_quest .img_col {
        width: 30%;
}

.voice-quest .row_quest .txt_col {
        width: 70%;
        padding-left: 20px;
}

.voice-quest .row_quest .ttl {
        color: #ed6a00;
        font-size: 18px;
        border-bottom: 2px solid #ed6a00;
        padding: 0 0 5px 0;
        margin-bottom: 30px;
}

.voice-quest .row_quest .txt {}

.voice-quest .row_quest .link {
        margin: 20px 0 0 auto;
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
}

.voice-quest .row_quest .link:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.voice-quest .row_quest .link:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.voice-quest .row_quest .link:hover:after {
        color: #fff;
}

/* ------------------------------------------------------
 施工事例スライダー
------------------------------------------------------ */
.category-slider {
        margin-top: 60px;
        margin-bottom: 5rem;
}

.category-slick {
        position: relative;
        margin-bottom: 60px;
}

.category-slick .slick-arrow {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        color: #ed6a00;
        box-sizing: border-box;
        width: 30px;
        height: 30px;
        border: 2px solid #ed6a00;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-top: 100px;
}

.category-slick .slick-arrow i {
        font-size: 1.5rem;
}

.category-slick .slick-arrow.arrow-next {
        position: absolute;
        top: 0;
        right: 0;
}

.category-slick .slick-arrow.arrow-prev {
        position: absolute;
        top: 0;
        left: 0;
}

.category-slick .slick-list {
        margin: 0 40px;
}

.category-slick .slick-list .slick-slide {
        padding: 0 8px;
}

.category-slider .btn-wrap {
        text-align: center;
}

/* ------------------------------------------------------
 お客様アンケート -> トップページ
------------------------------------------------------ */
/* object-fit */
.staff-top-object-fit {
        width: 307px;
        height: 379px;
        object-fit: cover;
        font-family: 'object-fit: cover;';
}

.staff {
        margin: 0 auto;
        padding: 0 10px;
        width: 100%;
}

.staff-name {
        margin-bottom: 18px;
        padding: 0 20px;
        border: 3px solid #ed6a00;
        font-size: 20px;
        font-weight: 700;
        line-height: 65px;
}

.staff-name span {
        padding-left: 20px;
        font-size: 16px;
        font-weight: 500;
}

.staff-question {
        margin: 20px 0 40px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #ed6a00;
}

.staff-question-title {
        padding: 0 10px;
        background: #f7f7f7;
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
}

.staff-question-text {
        margin: 10px 0 20px 0;
        padding: 0 20px;
}

/* ------------------------------------------------------
 会社案内
------------------------------------------------------ */
.company-section-wrap {
        margin: 0 auto;
        padding: 0 20px;
}

.catch-bg {
        background: url(../img/page/company/catch-bg.png);
        height: 344px;
        background-repeat: no-repeat;
        background-size: contain;
}

.catch-bg-text {
        padding: 20px 40px;
}

.catch-bg-text:first-child {
        padding: 40px 40px 20px;
}

.showroom-heading {
        position: relative;
        margin-bottom: 40px;
        padding-left: 30px;
        font-size: 20px;
        font-weight: 700;
}

.showroom-heading:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '\e901';
        color: #ed6a00;
        font-family: 'icomoon';
        font-weight: 700;
}

.messeage-grid {
        display: flex;
        margin: 0 auto;
        margin-left: -10px;
        margin-bottom: 40px;
        text-align: center;
}

.messeage-list-left {
        margin-left: 10px;
        width: calc(63% - 10px);
        text-align: left;
}

.messeage-list-right {
        margin-left: 20px;
        width: calc(37% - 10px);
}

.daihyo-heading {
        position: relative;
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 20px;
        color: #ed6a00;
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", Yu Mincho, YuMincho, "Hiragino Mincho ProN", HGS明朝E, "メイリオ", Meiryo, serif;
        font-style: italic;
        font-size: 24px;
}

.daihyo-heading:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 300px;
        height: 1px;
        background: #ed6a00;
}

.daihyo-heading:before {
        left: 10px;
}

.messeage-text {
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", Yu Mincho, YuMincho, "Hiragino Mincho ProN", HGS明朝E, "メイリオ", Meiryo, serif;
        font-weight: 700;
}

.rinen-heading {
        margin-bottom: 20px;
        border: 1px solid #ed6a00;
        color: #ed6a00;
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        line-height: 70px;
}

.rine-headning-sub {
        margin-bottom: 40px;
        color: #ed6a00;
        font-weight: 700;
        text-align: center;
}

.rinen-catch {
        margin-bottom: 20px;
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", Yu Mincho, YuMincho, "Hiragino Mincho ProN", HGS明朝E, "メイリオ", Meiryo, serif;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
}

/* 行動指針 */
.shishin-list-outer {
        margin: 0 auto;
        padding: 0 20px;
        display: flex;
        margin-left: -20px;
        text-align: center;
}

.shishin-list-wrap {
        margin-left: 20px;
        width: calc(50% - 20px);
}

.shishin-list-wrap li {
        margin-bottom: 20px;
        min-height: 120px;
        vertical-align: top;
}

.shishin-heading {
        font-size: 14px;
        font-weight: 700;
        text-align: left;
}

.shishin-heading span {
        color: #ed6a00;
}

/* 人間力 */
.resourcefulness-grid {
        margin-bottom: 30px;
        display: flex;
        align-items: center;
}

.resourcefulness-item-left {
        width: 80%;
}

.resourcefulness-item-right {
        width: 20%;
}

.resourcefulness-catch {
        color: #ed6a00;
        font-size: 18px;
        font-weight: 700;
}

/* サービスエリアテキスト */
.area-text {
        padding: 15px 13px;
}

.area-bg-text {
        padding: 15px 25px;
        background: #fbf7f0;
        margin-bottom: 30px;
}

.area-bg-text span {
        font-size: 16px;
        font-weight: 700;
}

/* ------------------------------------------------------
 ショールーム上尾本社
------------------------------------------------------ */
.showroom-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items:flex-start;
}

.showroom-grid .inner_one, .showroom-grid .inner_six {
        width: 65.8%;
        margin-bottom: 1.5rem;
}

.showroom-grid .inner_two_three, .showroom-grid .inner_four_five {
        width: 31.6%;
        margin-bottom: 1.5rem;
}

.showroom-grid .inner_two_three a, .showroom-grid .inner_four_five a {
        display: block;
}

.showroom-grid .inner_two_three a:nth-of-type(1), .showroom-grid .inner_four_five a:nth-of-type(1) {
        display: block;
        margin-bottom: 1.5rem;
}

.showroom-item6 {
        padding: 0 10px;
        width: 50%;
}

.showroom-item4 {
        width: 100%;
}


.showroom-detal {
        margin-bottom: 70px;
        padding: 10px;
        background: #fbf7f0;
        text-align: center;
        display: flex;
}

.showroom-photo-caption {
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 700;
	text-align: left;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-height: 1.6;
}
.showroom-photo-caption.read {
  -webkit-line-clamp: unset !important;
  display: block !important;
  overflow: visible;
  height: auto;
}

.read {
        overflow: visible;
        display: block;
}
.more-link-after {
        color: #ed6a00;
        text-decoration: underline;
        display: none;
}
.showroom-store {
        margin-bottom: 70px;
}

.access-tx a {
        color: #ed6a00;
        text-decoration: underline;
}

/* ------------------------------------------------------
 来店予約
------------------------------------------------------ */
.raiten-step-wrap {
        padding: 20px;
        background: #fbf7f0;
}

.raiten-step-heading {
        background: #f29600;
        color: #fff;
        margin: 30px auto;
        max-width: 480px;
        padding: 15px 30px;
        position: relative;
        text-align: center;
}

.raiten-step-heading::before,
.raiten-step-heading::after {
        border: none;
        border-bottom: solid 15px transparent;
        content: '';
        position: absolute;
        top: 0;
}

.raiten-step-heading::before {
        border-color: transparent transparent #f29600 #fbf7f0;
        border-style: solid;
        border-width: 26px 0 26px 15px;
        left: 0;
}

.raiten-step-heading::after {
        border-color: transparent #fbf7f0 #f29600 transparent;
        border-style: solid;
        border-width: 26px 15px 26px 0;
        right: 0;
}

#raiten .txt01 {
        border-top: 5px solid #ED6A00;
}

/* ------------------------------------------------------
 資料請求
------------------------------------------------------ */
.book-frame {
        margin-bottom: 30px;
        border: 3px solid #ed6a00;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
}

.book-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        margin-top: 30px;
}

.book-item {
        width: 33.33333%;
        margin-bottom: 30px;
}

.book-wrap {
        border: 1px solid #ccc;
        padding: 30px 60px;
        border-radius: 10px;
        margin-bottom: 60px;
}

.book-header {
        position: relative;
        margin: 60px auto;
        text-align: center;
}

.book-header h3 {
        font-size: 4rem;
        line-height: 1;
        font-weight: 700;
        color: #ED6A01;
        border-bottom: 2px solid #eee;
        padding-bottom: 1rem;
        margin-bottom: 30px;
}

.book-header .book-header-child {
        position: relative;
        display: inline-block;
        background: #FBF7F0;
        padding: 2rem 4rem;
        text-align: left;
}

.book-header .book-header-child p {}

.book-header .book-header-child p span {
        font-size: 2rem;
}

.book-header .book-header-child p span.orange {
        color: #ED6A01;
        font-size: 14px;
}

.book-header .book-header-child .fw7 {
        font-weight: 700;
}

.book-header .book-header-child .fsz08 {
        font-size: .8rem;
}

.book-header .book-header-circle {
        position: absolute;
        top: 0;
        right: 0;
        width: 120px;
        height: 120px;
        background: #FF0100;
        border-radius: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        transform: rotate(20deg);
}

.book-header .book-header-circle p {
        color: #fff;
        line-height: 1;

}

.book-header .book-header-circle p span {
        font-size: 5rem;
        font-weight: 700;
}

.book-content {
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
}

.book-content .book-content-box {
        width: 50%;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin-bottom: 45px;
}

.book-content .book-content-box>div {
        width: 40%;
}

.book-content .book-content-box>div img {
        max-width: 100%;
        height: auto;
        border: 1px solid #eee;
}

.book-content .book-content-box .book-content-box-child {
        width: 60%;
        padding: 1rem 4rem 0 1rem;
}

.book-content .book-content-box .book-content-box-child h4 {
        font-weight: 700;
        line-height: 1.4;
        font-size: 2rem;
        margin-bottom: 1rem;
}

.book-content .book-content-box.illustration img {
        width: 300px;
        height: 190px;
        margin-left: auto;
}

.option-header {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
}

.option-header p {
        font-weight: 700;
        line-height: 1.7;
}

.option-header p span {
        display: block;
        font-size: 4rem;
}

/* ------------------------------------------------------
 選ばれる理由
------------------------------------------------------ */
.riyu-wrap {
        margin-top: 50px;
        margin-bottom: 70px;
}

.riyu-top-grid {
        display: flex;
        flex-wrap: wrap;
        margin-left: -20px;
}

.riyu-top-item {
        margin-left: 20px;
        width: calc(25% - 20px);
}

.riyu-top-item img {
        width: 100%;
}

.riyu-grid {
        display: flex;
        margin-bottom: 50px;
        padding-bottom: 30px;
        border-bottom: 1px solid #ed6a00;
}

.riyu-list-left {
        padding: 0 10px;
        width: 70%;
}

.riyu-list-right {
        padding: 0 10px;
        width: 30%;
}

.riyu-store-grid {
        display: flex;
}

.riyu-store-left {
        width: 70%;
        padding-right: 10px;
}

.riyu-store-left .top {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
}

.riyu-store-left .bottom {
        display: flex;
        margin-top: 20px;
}

.riyu-store-left .bottom .image {
        width: 55%;
        padding-right: 15px;
}

.riyu-store-left .bottom .data {
        width: 45%;
}

.riyu-store-left .bottom .data h3 {
        margin-bottom: 10px;
        font-size: 20px;
}

.riyu-store-left .bottom .data p {
        margin-bottom: 10px;
        line-height: 20px;
}

.riyu-store-right {
        padding-left: 10px;
        width: 30%;
}

.riyu-frame {
        position: relative;
        margin-bottom: 10px;
        padding: 60px 20px;
        background: #fbf7f0;
}

.riyu-frame:before {
        position: absolute;
        top: 20px;
        left: 20px;
        content: '\f10d';
        color: #f29600;
        font-family: 'icomoon';
        font-size: 25px;
}

.riyu-frame:after {
        position: absolute;
        bottom: 20px;
        right: 20px;
        content: '\f10e';
        color: #f29600;
        font-family: 'icomoon';
        font-size: 25px;
}

.riyu-heading {
        margin-top: 35px;
        background: #ed6a00;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 35px;
}

.riyu-heading span {
        font-weight: 700;
}

.riyu-text {
        padding: 20px;
}

/* ------------------------------------------------------
 アフターメンテナンス
------------------------------------------------------ */
.aftermaintenance-title {
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: 700;
        line-height: 36px;
}

.aftermaintenance-title span {
        color: #ed6a00;
}

.aftermaintenance-text {
        padding: 15px;
        background: #fbf7f0;
}

/* ------------------------------------------------------
 お客様満足度の取り組み
------------------------------------------------------ */
.satisfaction-point-title {
        margin: 0 auto;
        margin-bottom: 50px;
        width: 465px;
        max-width: 100%;
        border-radius: 30px;
        border: 2px solid #333;
        text-align: center;
        line-height: 40px;
}

.satisfaction-point-caption {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 700;
        font-style: italic;
        line-height: 32px;
}

.satisfaction-point-caption span {
        color: #ed6a00;
        font-size: 22px;
}

.satisfaction-list {
        display: flex;
        margin: 0 auto;
        margin-left: -20px;
        margin-bottom: 50px;
        padding: 0 10px;
}

.satisfaction-item9 {
        margin-left: 20px;
        width: calc(75% - 20px);
}

.satisfaction-item3 {
        margin-left: 20px;
        width: calc(25% - 20px);
}

/* ------------------------------------------------------
 暮らし発見システム（ライフスタイルコンパス）
------------------------------------------------------ */
.lifestylecompass-sub {
        display: inline-block;
        margin-bottom: 30px;
        padding: 5px 30px;
        border: 3px solid #333;
        border-radius: 30px;
        font-size: 16px;
        font-weight: 700;
}

.lifestylecompass-heading {
        margin-bottom: 40px;
        color: #ed6a00;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
}

.lifestylecompass-about-grid {
        margin-bottom: 70px;
        display: flex;
        flex-wrap: wrap-reverse;
}

.lifestylecompass-about1 {
        padding: 0 10px;
        width: 45%;
}

.lifestylecompass-about2 {
        width: 55%;
        background: url(../img/page/lifestylecompass/bg.png);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 60%;
}

.lifestylecompass {
        margin-bottom: 50px;
}

.lifestylecompass-grid {
        margin-bottom: 50px;
        display: flex;
}

.lifestylecompass-bar {
        width: 50px;
}

.lifestylecompass-content {
        display: flex;
        width: calc(100% - 50px);
}

.lifestylecompass-item-left {
        padding: 0 10px;
        width: 60%;
}

.lifestylecompass-item-right {
        width: 40%;
}

.howto-caption {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 700;
}

.lifestylecompass-caption1 {
        margin-bottom: 50px;
        color: #ed6a00;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
}

/* ------------------------------------------------------
 リフォーム
------------------------------------------------------ */
.reform-product-grid {
        margin-top: 60px;
        padding: 0 10px;
        display: flex;
        flex-wrap: wrap;
        margin-left: -20px;
}

.reform-product-item {
        margin-left: 18px;
        margin-bottom: 20px;
        width: calc(50% - 20px);
}

.komikomi-price1 {
        margin-top: 60px;
        margin-bottom: 50px;
        text-align: center;
}

.komikomi-price2 {
        margin-top: 30px;
        margin-bottom: 45px;
        text-align: center;
}

.reformpage-bottom {
        margin-top: 50px;
}

.reform-otoiawase-heading {
        margin-bottom: 20px;
        color: #ed6a00;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
}

/* 外装リフォーム */
.gaiso-product_item {
        margin-bottom: 55px;
}

.gaiso-heading {
        font-size: 30px;
        font-weight: 700;
        text-align: left;
        line-height: 36px;
}

.gaiso-heading span {
        color: #ed6a00;
}

/* 部分リフォーム */
.part {
        margin-bottom: 30px;
}

.part-last {
        margin-bottom: 100px;
}

.part-grid {
        margin-top: 20px;
        display: flex;
}

.part-item-left {
        padding: 10px;
        width: 60%;
}

.part-item6-right {
        padding: 10px;
        width: 40%;
}

.part-item6-right img {
        text-align: center;
}

.label-grid {
        display: flex;
        flex-wrap: wrap;
}

.label-grid p {
        margin: 3px;
        padding: 5px 7px;
        background: #ffeabd;
        color: #ed6a00;
        font-weight: 700;
}

.part-heading {
        margin-top: 50px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ed6a00;
        font-size: 24px;
        font-weight: 700;
        line-height: 50px;
}

.part-heading span {
        margin-right: 10px;
        color: #ed6a00;
        font-size: 36px;
}

.part-sub-title {
        margin-top: 15px;
}

.part-sub-title span {
        padding-right: 10px;
        font-size: 24px;
        font-weight: 700;
}

.part-text {
        margin-top: 10px;
}

.part-text span {
        color: #ed6a00;
        font-weight: 700;
}

.part-soudan {
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: center;
}

.part-button {
        text-align: center;
}

.reform-photo-title {
        text-align: center;
        margin-top: 10px;
}

.reform-photo-title span {
        padding-left: 30px;
        position: relative;
        font-size: 16px;
        line-height: 1;
}

.reform-photo-title span::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '\f138';
        color: #ed6a00;
        font-family: 'icomoon';
        font-weight: 700;
        line-height: 1;
}



/* LDKリフォーム */
.pack-price {
        margin: 50px 0;
        text-align: center;
}

.pack-price1 {
        margin-top: 30px;
        text-align: center;
}

.reform-bg1 {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 100px 0;
        background: url(../img/page/reform/bgicon1.png);
        background-repeat: no-repeat;
        background-position: center center;
}

.reform-bg2 {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 100px 0;
        background: url(../img/page/reform/bgicon2.png);
        background-repeat: no-repeat;
        background-position: center center;
}

.reform-bg3 {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        padding: 100px 0;
        background: url(../img/page/reform/bgicon3.png);
        background-repeat: no-repeat;
        background-position: center center;
}

.reform-bg-text {
        color: #ed6a00;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        line-height: 40px;
}

.reform-illust-grid {
        display: flex;
        justify-content: center;
        align-items: center;
}

.reform-illust-item-left {
        width: 40%;
}

.reform-illust-item-right {
        padding-left: 20px;
        width: 60%;
}

.reform-nayami-list li {
        position: relative;
        padding-left: 30px;
        font-size: 16px;
        line-height: 36px;
}

.reform-nayami-list li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '\f058';
        color: #ed6a00;
        font-family: 'icomoon';
        font-weight: 700;
}

.grid-point-wrap {
        display: flex;
        align-items: flex-start;
}

.reform-point-grid {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
        width: 33.33333%;
}

.reform-point-item {
        width: 100%;
}

.reform-point-item:first-child>p {
        text-align: center;
}

.reform-point-heading {
        margin: 10px 0;
        font-size: 16px;
        font-style: italic;
        font-weight: 700;
        text-align: center;
}

/* 増改築リフォーム */
.zokaichiku-heading {
        padding-left: 10px;
        background: #fbf7f0;
        line-height: 55px;
}

.zokaichiku-grid {
        display: flex;
}

.zokaichiku-left {
        padding: 20px 0;
        width: 45%;
}

.zokaichiku-right {
        padding: 20px 0;
        padding-left: 20px;
        width: 55%;
}

.zokaichiku-price-heading {
        margin-bottom: 10px;
        font-weight: 700;
}

.zokaichiku-price-grid {
        display: flex;
        justify-content: space-between;
}

.zokaichiku-price-grid p {
        font-weight: 700;
        line-height: 50px;
}

.zokaichiku-price-grid .kodate span {
        padding: .5em;
        background: #ffeabd;
        color: #ed6a00;
}

.zokaichiku-price-grid .price {
        color: #ff0000;
        font-size: 48px;
        font-weight: 700;
        font-style: italic;
}

/* ------------------------------------------------------
 水回り4点パック
------------------------------------------------------ */
.water-wrap {
        margin: 0 auto;
        margin-top: 20px;
        padding-bottom: 20px;
        background: #fef6ef;
        text-align: center;
}

.water-pack {
        margin: 30px 0 70px 0;
        text-align: center;
}

/* ------------------------------------------------------
 バスルームリフォーム
------------------------------------------------------ */
#bathroom {
        font-size: 110%;
}

#bathroom .ta-c {
        text-align: center;
}

#bathroom h2 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 5%;
        font-size: 200%;
}

#bathroom h2 span {
        font-size: 60%;
        padding-left: 5%;
}

#bathroom h3 {
        font-size: 150%;
        margin-bottom: 2%;
}

#bathroom section h4 {
        font-size: 130%;
        margin-bottom: 5%;
}

#bathroom section h5 {
        font-size: 110%;
        margin-bottom: 5%;
}

#bathroom h6 {
        font-size: 110%;
        margin-bottom: 5%;
        font-weight: bold;
}

#bathroom section p {
        font-size: 100%;
        margin-bottom: 5%;
}

#bathroom p.read {
        margin-bottom: 8%;
}

#bathroom p {
        margin-bottom: 2%;
}

#bathroom .f-l {
        float: left;
}

#bathroom .mr5 {
        margin-right: 5px;
}

#bathroom .mr10 {
        margin-right: 10px;
}

#bathroom .mr15 {
        margin-right: 15px;
}

#bathroom .mr30 {
        margin-right: 30px;
}

#bathroom .pb30 {
        padding-bottom: 30px;
}

#bathroom .w400 {
        width: 100%;
        max-width: 400px;
        height: auto;
}

#bathroom .w300 {
        width: 100%;
        max-width: 300px;
        height: auto;
}

#bathroom .w380 {
        width: 100%;
        max-width: 358px;
        height: auto;
}

#bathroom .w440 {
        width: 100%;
        max-width: 440px;
        height: auto;
}

#bathroom .pc_none {
        display: none;
}

#bathroom section .w400 {
        width: 100%;
        max-width: 400px;
        height: auto;
}

#bathroom section .w300 {
        width: 100%;
        max-width: 300px;
        height: auto;
}

#bathroom section {
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        position: relative;
        margin-bottom: 10%;
}

#bathroom section .left {
        display: inline-block;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        vertical-align: top;
        text-align: left;
}

#bathroom section .right {
        display: inline-block;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        vertical-align: top;
        text-align: left;
}

.clearfix::after {
        content: "";
        display: block;
        clear: both;
}

.campainbar {
        position: relative;
        width: 100%;
        max-width: 762px;
        height: 50px;
        background: #F54337;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        display: block;
        margin-bottom: 8%;
}

.campainbar:hover {
        background: #f56056;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
}

.campainbar:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #fff;
        font-family: 'icomoon';
}

.campainbar:hover:after {
        color: #fff;
}

/* ------------------------------------------------------
 キッチンリフォーム
------------------------------------------------------ */
#kitchen {
        font-size: 110%;
}

#kitchen p {
        margin-bottom: 2%;
}

#kitchen .ta-c {
        text-align: center;
}

#kitchen p.read {
        margin-bottom: 8%;
}

#kitchen h2 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 5%;
        font-size: 200%;
}

#kitchen h2 span {
        font-size: 60%;
        padding-left: 5%;
}

#kitchen h3 {
        font-size: 150%;
        margin-bottom: 2%;
}

#kitchen section h4 {
        font-size: 130%;
        margin-bottom: 5%;
}

#kitchen section h5 {
        font-size: 110%;
        margin-bottom: 5%;
}

#kitchen h6 {
        font-size: 110%;
        margin-bottom: 5%;
        font-weight: bold;
}

#kitchen section p {
        font-size: 100%;
        margin-bottom: 5%;
}

#kitchen .mr5 {
        margin-right: 5px;
}

#kitchen .mr10 {
        margin-right: 10px;
}

#kitchen .mr15 {
        margin-right: 15px;
}

#kitchen .mr30 {
        margin-right: 30px;
}

#kitchen .pb30 {
        padding-bottom: 30px;
}

#kitchen .w400 {
        width: 100%;
        max-width: 400px;
        height: auto;
}

#kitchen .w300 {
        width: 100%;
        max-width: 300px;
        height: auto;
}

#kitchen .w380 {
        width: 100%;
        max-width: 358px;
        height: auto;
}

#kitchen .w440 {
        width: 100%;
        max-width: 440px;
        height: auto;
}

#kitchen section .w400 {
        width: 100%;
        max-width: 400px;
        height: auto;
}

#kitchen section .w300 {
        width: 100%;
        max-width: 300px;
        height: auto;
}

#kitchen section {
        letter-spacing: -.4em;
        /* 文字間を詰めて隙間をなくす */
        position: relative;
        margin-bottom: 10%;
}

#kitchen section .left {
        display: inline-block;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        vertical-align: top;
        text-align: left;
}

#kitchen section .right {
        display: inline-block;
        letter-spacing: normal;
        /* 文字間を元に戻す */
        vertical-align: top;
        text-align: left;
}


#kitchen>img {
        margin-bottom: 5%;
}

#kitchen .comment {
        background: #eee;
        padding: 5%;
        margin-bottom: 10%;
}

#kitchen .comment h5 {
        font-size: 130%;
        margin-bottom: 5%
}

#kitchen section .left img {
        width: 400px;
        height: 285px;
        object-fit: cover;
}

#kitchen .aco .aco-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
}

#kitchen .aco .aco-row>div {
        width: 33.333333%;
        margin-bottom: 5%;
        padding: 0 2%;
}



#kitchen .aco .aco-row>div img {
        margin-bottom: 2%;
}

#kitchen .aco.conten06 .aco-row>div,
#kitchen .aco.conten10 .aco-row>div,
#kitchen .aco.conten11 .aco-row>div {
        width: 50%;
}

#kitchen .aco .aco-row>div:first-child {
        width: 100%;
}

#kitchen .aco .aco-row>div.aco-comment {
        width: 100%;
}



/* ------------------------------------------------------
 サイトマップ
------------------------------------------------------ */
#sitemap_page .sitemap_box {
        float: left;
        width: 49%;
}

#sitemap_page .sitemap_box:nth-child(odd) {
        margin-right: 2%;
}

#sitemap_page .sitemap_box h3 {
        font-size: 1.25em;
        background: #ED6A00;
        color: #fff;
        text-align: center;
        padding: 12px 0;
        width: 100%;
}

#sitemap_page .sitemap_box ul {
        margin: 10px auto 20px;
}

#sitemap_page .sitemap_box li a:before {
        content: "＞";
        padding-right: 10px;

}

#sitemap_page .sitemap_box li {
        font-size: 1.1em;
        line-height: 2;
        text-indent: 5px;
}

#sitemap_page .sitemap_box li a {
        display: block;
        text-decoration: none;
        color: #333333;
        padding-right: 10px;
}

#sitemap_page .sitemap_box li a:hover {
        text-decoration: none;
        color: #ED6A00;
}

/* ------------------------------------------------------
 ポリシー
------------------------------------------------------ */
#policy_page .policy_box {
        line-height: 1.5;
}

#policy_page .policy_box h3 {
        font-size: 1.2em;
        margin: 20px 0 10px;
}

#policy_page .policy_box p {
        margin-bottom: 2em;
}

#policy_page .policy_box ol {
        font-size: 1.1em;
        line-height: 2;
        margin: 20px 10px 20px 20px;
}

/* ------------------------------------------------------
 LIXILブログ -> トップページ
------------------------------------------------------ */

.headline02 {
        font-size: 25px;
        border-bottom: 2px solid #ccc;
        padding: 0 0 13px;
        margin-bottom: 20px;
}

.lixliblog-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
}

.lixliblog-archive {
        width: 31%;
        display: block;
        margin: 0 1%;
}

.lixliblog-archive h3 {
        display: block;
        width: 90%;
        margin: 0 auto 10px;
        text-align: center;
        border: 1px solid #ED6A01;
        padding: 0.5rem 1rem;
        color: #333;
        font-weight: 400;
        font-size: 14px;
}

.lixliblog-archive a {
        display: block;
        color: #333;
}

.lixliblog-archive-img {
        position: relative;
        overflow: hidden;
        padding-top: 66%;
        margin-bottom: 10px;
}

.lixliblog-archive-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;'
}

.lixliblog-archive-img span {
        position: absolute;
        top: 10px;
        left: 10px;
        display: inline-block;
        background: #ED6A01;
        color: #fff;
        padding: 0.25rem 2rem;
        z-index: 2;
}

/* ------------------------------------------------------
 LIXILブログ
------------------------------------------------------ */
.lixliblog-wrap a,
.lixliblog .main a {
        text-decoration: none;
}

.lixliblog .main a {
        color: #ed6a00;
}

.lixliblog .news-single-post {
        margin-bottom: 15px;
        padding: 0 0 30px;
        /* border-bottom: 1px solid #ed6a00; */
}

.lixliblog .news-single-post .news-single-title {
        margin-bottom: 10px;
        color: #ed6a00;
        font-size: 24px;
        line-height: 36px;
        border-bottom: 3px solid #ed6a00;
}

.lixliblog .news-single-post a {
        color: #ed6a00;
}

.lixliblog .lixliblog-list {
        position: relative;
        display: flex;
        align-items: center;
        padding: 20px 0;
        border-bottom: 1px dashed #d1cdc7;
}

.lixliblog .lixliblog-list a {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.lixliblog .main h3 {
        text-align: left;
        margin-top: 50px;
        margin-bottom: 20px;
        padding: .8em .5em;
        position: relative;
        border-bottom: 5px solid #313131;
        font-size: 20px;
        line-height: 23px;
}

.lixliblog .main h3:after {
        position: absolute;
        bottom: -5px;
        left: 0;
        z-index: 2;
        content: '';
        width: 20%;
        height: 5px;
        background: #ed6a00;
}

.lixliblog .main h3:first-letter {
        font-size: 30px;
        color: #dd4400;
}

/* =====アコーディオン装飾1コンテンツ分====================== */

.btn_open01 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open01:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open01:hover:after {
        color: #fff;
}

.btn_open01:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close01 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close01:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close01:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close01:hover:after {
        color: #fff;
}

.btn_close01 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten01 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten01 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten01 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾1コンテンツ分====================== */

/* =====アコーディオン装飾1コンテンツ分====================== */

.btn_open02 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open02:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open02:hover:after {
        color: #fff;
}

.btn_open02:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close02 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close02:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close02:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close02:hover:after {
        color: #fff;
}

.btn_close02 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten02 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten02 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten02 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾1コンテンツ分====================== */

/* =====アコーディオン装飾1コンテンツ分====================== */

.btn_open03 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open03:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}


.btn_open03:hover:after {
        color: #fff;
}

.btn_open03:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close03 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close03:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close03:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close03:hover:after {
        color: #fff;
}

.btn_close03 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten03 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten03 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten03 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾1コンテンツ分====================== */

/* =====アコーディオン装飾1コンテンツ分====================== */

.btn_open04 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open04:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open04:hover:after {
        color: #fff;
}

.btn_open04:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close04 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close04:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close04:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close04:hover:after {
        color: #fff;
}

.btn_close04 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten04 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten04 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten04 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾1コンテンツ分====================== */

/* =====アコーディオン装飾1コンテンツ分====================== */

.btn_open05 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open05:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open05:hover:after {
        color: #fff;
}

.btn_open05:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close05 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close05:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close05:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close05:hover:after {
        color: #fff;
}

.btn_close05 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten05 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten05 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten05 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾1コンテンツ分====================== */

/* =====アコーディオン装飾1コンテンツ分====================== */

.btn_open06 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open06:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open06:hover:after {
        color: #fff;
}

.btn_open06:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close06 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close06:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close06:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close06:hover:after {
        color: #fff;
}

.btn_close06 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten06 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten06 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten06 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾1コンテンツ分====================== */

/* =====アコーディオン装飾07コンテンツ分====================== */

.btn_open07 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open07:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open07:hover:after {
        color: #fff;
}

.btn_open07:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close07 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close07:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close07:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close07:hover:after {
        color: #fff;
}

.btn_close07 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten07 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten07 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten07 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾07コンテンツ分====================== */

/* =====アコーディオン装飾08コンテンツ分====================== */

.btn_open08 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open08:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open08:hover:after {
        color: #fff;
}

.btn_open08:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close08 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close08:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close08:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close08:hover:after {
        color: #fff;
}

.btn_close08 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten08 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten08 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten08 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾08コンテンツ分====================== */

/* =====アコーディオン装飾09コンテンツ分====================== */

.btn_open09 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open09:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open09:hover:after {
        color: #fff;
}

.btn_open09:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close09 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close09:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close09:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close09:hover:after {
        color: #fff;
}

.btn_close09 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten09 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten09 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten09 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾09コンテンツ分====================== */

/* =====アコーディオン装飾10コンテンツ分====================== */

.btn_open10 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open10:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open10:hover:after {
        color: #fff;
}

.btn_open10:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close10 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close10:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close10:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close10:hover:after {
        color: #fff;
}

.btn_close10 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten10 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten10 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten10 h5 {
        border-bottom: 1px solid #ccc;
        width: 100%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾10コンテンツ分====================== */

/* =====アコーディオン装飾11コンテンツ分====================== */

.btn_open11 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open11:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open11:hover:after {
        color: #fff;
}

.btn_open11:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close11 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close11:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close11:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close11:hover:after {
        color: #fff;
}

.btn_close11 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten11 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten11 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten11 h5 {
        border-bottom: 1px solid #ccc;
        width: 110%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾11コンテンツ分====================== */

/* =====アコーディオン装飾12コンテンツ分====================== */

.btn_open12 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_open12:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_open12:hover:after {
        color: #fff;
}

.btn_open12:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close12 {
        position: relative;
        display: block;
        width: 300px;
        height: 50px;
        border-radius: 5px;
        border: 1px solid #ed6a00;
        background: #fff;
        color: #333;
        font-size: 12px;
        font-weight: 700;
        line-height: 50px;
        text-align: center;
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.btn_close12:hover {
        border: 1px solid #ed6a00;
        background: #ed6a00;
        color: #fff;
        text-decoration: none;
        opacity: 1.0 !important;
        cursor: pointer;
}

.btn_close12:after {
        position: absolute;
        top: 0;
        right: 15px;
        content: '\e900';
        color: #ed6a00;
        font-family: 'icomoon';
}

.btn_close12:hover:after {
        color: #fff;
}

.btn_close12 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
}

.conten12 {
        letter-spacing: normal;
        /* 文字間を元に戻す */
        border: 1px solid #ccc;
        padding: 5%;
        margin-top: -9%;
        margin-bottom: 9%;
        position: relative;
}

.conten12 h4 {
        margin-bottom: 3%;
        font-size: 140%;
}

.conten12 h5 {
        border-bottom: 1px solid #ccc;
        width: 120%;
        display: block;
        padding-bottom: 0.2%;
        margin-bottom: 3%;
        font-size: 120%;
}

/* =====//アコーディオン装飾12コンテンツ分====================== */


.imagecaution {
        position: absolute;
        top: 74.5%;
        left: 34%;
        font-size: 80%;
}

.imagecaution_03_01 {
        position: absolute;
        top: 27%;
        left: 43%;
        font-size: 100%;
}

.imagecaution_03_02 {
        position: absolute;
        top: 89%;
        left: 5%;
        font-size: 100%;
        width: 20%;
        margin-bottom: 3%;
}

.imagecaution_03_03 {
        position: absolute;
        top: 89%;
        left: 27%;
        font-size: 100%;
        width: 20%;
        margin-bottom: 3%;
}

.imagecaution_03_04 {
        position: absolute;
        top: 89%;
        left: 63%;
        font-size: 100%;
        width: 35%;
        margin-bottom: 3%;
}

.rightbtn {
        position: absolute;
        right: 0;
        bottom: 0;
}

.leftbtn {
        position: absolute;
        left: 0;
        bottom: 0;
}

.mt60 {
        padding-top: 40px !important;
}

span.size {
        background: #999;
        padding: 1% 2%;
        margin-right: 1%;
        color: #FFF;
}

.w202_l {
        width: 202px;
        float: left;
        margin-right: 26px;
}

.w202_r {
        width: 202px;
        float: left;
}

.w151_l {
        width: 151px;
        float: left;
        margin-right: 20px;
}

.w151_r {
        width: 151px;
        float: left;
}

.fs80 {
        font-size: 80%;
        line-height: 1.8rem;
        padding-bottom: 10px;
}

.w300_l {
        width: 315px;
        float: left;
        margin-right: 30px;
}

.w300_r {
        width: 315px;
        float: left;
}

.w160_r {
        width: 160px;
        float: left;
        margin-right: 20px;
}

.w130_l {
        width: 130px;
        float: left;
}

.border {
        border: 1px solid #ddd;
}

/* =====//SPでの見た目のためだけの改行指定（会社案内ページの電話番号部分）＊不要であれば削除してください====================== */
@media screen and (min-width: 480px) {
        .gaiyo-table td .sp-br {
                display: none;
        }

        #contact-form .sp-br {
                display: none;
        }
}

@media screen and (max-width: 480px) {
        .gaiyo-table td .sp-br {
                display: block;
        }
}

#oshirase {
        width: 50%;
        border: 1px solid #000;
        padding: 20px 30px;
        box-sizing: border-box;
        margin: 20px auto;
        line-height: 1.6em;
        background: #fff;
}

@media screen and (max-width: 768px) {
        #oshirase {
                width: 100%;
                border: double 5px #F00;
                padding: 10px;
                margin: 20px auto;
                line-height: 1.6em;
                background: #fff;
        }
}


/* リフォームメニュー */
/* archive共通 */
.tac {
        text-align: center;
}

.tar {
        text-align: right;
}

.mb20 {
        margin-bottom: 20px !important;
}

.mb40 {
        margin-bottom: 40px !important;
}

.flexjc-sb {
        justify-content: space-between;
}

.flexjc-sb {
        flex-wrap: wrap;
}

.for-sp {
        display: none;
}

.lineup h3 {
        text-align: left;
        font-size: 18px;
        border-bottom-width: 5px;
        border-bottom-style: solid;
        border-bottom-color: #cccccc;
}

.lineup .wrap_value {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
}

.lineup .btn a {
        display: inline-block;
        font-size: 18px;
        padding: 8px 17px;
        color: #fff;
        background-color: #EF791A;
        text-decoration: none !important;
}

.lineup-tax-box .ltb-title .maker {
        line-height: 1;
}

.lineup-tax-box .ltb-title .maker img {
        width: 80px;
        height: 29px;
}

.lineup-tax-box .ltb-title h3 {
        padding-left: 0;
        border-left: 0;
        border-bottom: 0;
}

.lineup-tax-box .ltb-img {
        position: relative;
        height: 300px;
        overflow: hidden;
        object-fit: cover;
        margin-bottom: 15px;
}

.lineup-tax-box .ltb-img img {
        width: auto;
        height: 300px;
        object-fit: cover;
        display: block;
        margin: 0 auto;
}

.lineup-tax-box .ltb-img .tenpo {
        position: absolute;
        left: 5px;
        bottom: -9px;
        color: #fff;
        font-weight: bold;
        background-color: rgba(230, 0, 18, 1.00);
        padding: 10px;
        font-size: 14.5px;
        border: 2px solid #fff;
}

.lineup-tax-box .disctount-medal {
        background: #FFF45C;
        /* position: absolute;
  bottom: 5px;
  right: 8px;
  width:100px;
  height:100px;
  border-radius: 100%;
  /* background:url(../img/common/bg_takaku.png) 0 0 no-repeat;
  background-size: contain;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
	margin: 0; */
}

.lineup-tax-box .disctount-medal span {
        color: #E60012;
        font-weight: bold;
        letter-spacing: 1px;
}

.lineup-tax-box .ltb-txt {
        width: 100%;
        position: relative;
}

.lineup-tax-box .ltb-txt .price-sum {
        margin: 0;
        font-size: 15px;
}

.lineup-tax-box .ltb-txt .teika {
        margin: 0;
        font-size: 15px;
}

.lineup-tax-box .ltb-txt .total_box {
        position: absolute;
        bottom: 15px;
}

.lineup-tax-box .ltb-txt .total {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
}

.archive_lineup .lineup-tax-box .ltb-txt .total {
        margin-bottom: 12px;
}

.lineup-tax-box .ltb-txt .total .price p {
        font-weight: 700;
        color: #FE2321;
        font-size: 72px;
        /*line-height:1;*/
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-family: 'Noto Sans JP', sans-serif;
        font-style: italic;
}

.lineup-tax-box .ltb-txt .total .price .tax {
        color: #333;
        font-size: 1.8rem;
        margin-right: 10px;
        margin: 10px 0 0 7px;
}

.lineup-tax-box .ltb-txt .total .price .tax span {
        display: block;
        font-weight: normal;
        padding-left: 4px;
}

.lineup .ttl-point {
        background: #F8B551;
        color: #fff;
        font-size: 1.4rem;
        padding: 0.25rem;
        text-align: center;
}

.lineup-tax-box .btn-detail {
        display: block;
        width: 100%;
}

#top-sec06 .lineup-tax-box {
        width: auto;
        border: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* align-items:center; */
}

#top-sec06 .lineup-tax-box .ltb-title {
        width: 100%;
}

.lineup .lineup-tax-box .ltb-txt .total .txt01 {
        font-size: 3.5rem;
        margin: 16px 0 0;
}

.lineup .warp_price {
        align-items: flex-end;
}

/* archive */
.archive_lineup {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
}

.archive_lineup .allLink {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
}

.archive_lineup #top-sec06 {
        position: relative;
        width: 49%;
        padding: 10px;
        margin-bottom: 30px;
        border: 5px solid #ED6A00;
}

.archive_lineup .lineup-tax-box .ltb-title .maker {
        margin: 0;
}

.archive_lineup .lineup-tax-box .ltb-title h3 {
        display: table-cell;
        vertical-align: middle;
        height: 29px;
        font-size: 1.6rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
}

.archive_lineup .lineup-tax-box .ltb-img {
        width: 100% !important;
}

.archive_lineup .lineup-tax-box .disctount-medal {
        padding: 2px 22px !important;
        margin-bottom: 0 !important;
        /* position: absolute;
  bottom: 5px;
  right: 8px;
  width:100px;
  height:100px;
  background: #FFF45C;
  border-radius: 100%;
  background-size: contain;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
	 margin: 0;*/
}

.archive_lineup .lineup-tax-box .disctount-medal span {
        font-weight: 900;
        color: #E60012;
        font-size: 2.0rem;
        text-align: center;
        line-height: 1;
        font-weight: bold;
        letter-spacing: 1px;
}

.archive_lineup .lineup-tax-box .disctount-medal .cp02 {
        font-size: 22px;
}

.archive_lineup .detail {
        font-size: 1.5rem;
        margin: 0 0 13px;
}

.archive_lineup .wrap_ttl-point {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin: 0 0 10px;
}

.archive_lineup .ttl-point {
        width: 49%;
        margin: 0 0 5px;
}

.archive_lineup .btn a {
        width: 80%;
        border-radius: 3px;
}

/* single */
.single-lineup .wrap_value {
        align-items: center;
}

.single-lineup .wrap_kinou {
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
}

.single-lineup .wrap_kinou .box_col03 {
        width: 30%;
        margin: 0 1% 15px;
        display: inline-block;
        vertical-align: top;
}

.single-lineup .wrap-box {
        padding: 0 10px;
        border: 2px solid #E60012;
        margin: 0 0 20px;
}

.single-lineup .lineup-tax-box {
        width: 49%;
        border: 3px solid #EE7836;
        padding: 15px;
}

.single-lineup .lineup-tax-box .ltb-txt .total {
        padding: 0 0 10px;
}

.single-lineup .lineup-tax-box .ltb-txt .teika, .single-lineup .lineup-tax-box .ltb-txt .sum {
        font-size: 17px;
        padding: 0 0 0 34px;
}

.single-lineup .lineup-tax-box .ltb-img,
.single-lineup .lineup-tax-box .ltb-txt {
        width: 49%;
}

.lineup .lineup-tax-box .disctount-medal {
        font-size: 2rem;
        display: inline-block;
        padding: 10px 20px;
        margin-bottom: 20px;
        background: #FFF45C;
        text-align: center;
        /* height:100px; */
        /* background:url(../img/common/bg_takaku.png) 0 0 no-repeat; */
        /* display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
	margin: 0; */
}

.single-lineup .lineup-tax-box .disctount-medal {
        width: 47%;
}

.single-lineup .lineup-tax-box .ltb-title {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
}

.single-lineup .lineup-tax-box .ltb-title h3 {
        width: calc(100% - 95px);
        font-size: 2.2rem;
}

.single-lineup .wrap_price {
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
}

.single-lineup .detail {
        background: #e8e8e8;
        text-align: center;
        font-weight: bold;
        padding: 20px 0;
        font-size: 18px;
        margin-bottom: 30px;
}

.single-lineup .wrap_marker .maker_img {
        width: 110px;
        height: 30px;
        box-sizing: border-box;
        margin-right: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
}

.single-lineup .wrap_marker .maker_img img {
        max-height: 22px;
        max-width: 100px;
}

.single-lineup #top-sec06 .price {
        font-size: 6rem;
}

.single-lineup .wrap_kinou {
        flex-wrap: wrap;
        flex-wrap: -webkit-wrap;
        justify-content: space-around;
        -webkit-justify-content: space-around;
}

.single-lineup .wrap_kinou .imgbox {
        height: 162px;
        overflow: hidden;
        text-align: center;
}

.single-lineup .wrap_kinou .imgbox img {
        height: 162px;
}

.single-lineup .wrap_kinou .ttl-point {
        margin: 10px 0;
}

.single-lineup .wrap_cbnr .icon01,
.single-lineup .wrap_cbnr h4.net_yoyaku {
        display: inline-block;
        vertical-align: top;
}

.single-lineup .wrap_cbnr .icon01 {
        margin-right: 20px;
}

@media (max-width: 1000px) {
        .lineup #top-sec06 .price-area {
                flex-direction: inherit;
        }
}

@media (max-width: 768px) {
        .lineup #top-sec06 .price-area {
                /* flex-direction: column; */
        }

        .lineup #top-sec06 .price {
                font-size: 4rem !important;
        }

        .lineup #top-sec06 .tax span {
                font-size: 16px !important;
        }

        .lineup #top-sec06 .waribiki {
                font-size: 19px !important;
        }

        .lineup #top-sec06 .waribiki .value .cp01 {
                font-size: 22px !important;
        }
}

span.wpcf7-not-valid-tip {
        color: #f00;
        font-size: 0.8em;
        font-weight: normal;
        display: block;
}

/* 採用情報　*/

#recruit {}

#recruit h2 {
        text-align: center;
        color: #c20000;
        font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        font-weight: 900;
        font-size: 280%;
        margin-bottom: 1rem;
        margin-top: 6rem;
}

#recruit h3 {
        text-align: center;
        color: #222222;
        font-family: "Noto Sans Japanese", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
        font-weight: 700;
        font-size: 120%;
        margin-bottom: 5rem;
}

#recruit .arc_sec01 {
        display: flex;
        margin-bottom: 8rem;
}

#recruit .arc_sec01 p {
        width: 48%;
        margin-right: 4%;
}

#recruit .arc_sec01 img {
        width: 48%;
        height: 48%;
}

#recruit .one_centence {
        display: flex;
        margin-bottom: 6rem;
}

#recruit .one_centence .photo {
        width: 30%;
        margin-right: 2%;
}

#recruit .one_centence .gaiyo {
        width: 68%;
}

#recruit .one_centence .gaiyo h4 {
        background: #ed6a00;
        padding: 0.5rem 1rem;
        color: #fff;
        font-weight: 400;
        display: inline-block;
        font-size: 120%;
        margin-bottom: 1rem;
}

#recruit .one_centence .gaiyo h5 {
        color: #ed6a00;
        font-weight: 300;
        font-size: 140%;
        margin-bottom: 2rem;
        border-bottom: 2px solid #ccc;
        padding-bottom: 1rem;
}

#recruit .one_centence .gaiyo a {
        float: right;
        margin-top: 2rem;
}

#recruit .one_centence .gaiyo table {
        margin-bottom: 1rem;
}

#recruit .one_centence .gaiyo table td {
        vertical-align: top;
        border-bottom: 1px solid #ccc;
        padding: 2rem 0;
}

#recruit .one_centence .gaiyo table td span {
        color: #c20000;
}

#recruit .one_centence .gaiyo table td:nth-of-type(1),
#recruit .one_centence .gaiyo table td:nth-of-type(4),
#recruit .one_centence .gaiyo table td:nth-of-type(7) {
        width: 15%;
}

#recruit .one_centence .gaiyo table td:nth-of-type(2),
#recruit .one_centence .gaiyo table td:nth-of-type(5),
#recruit .one_centence .gaiyo table td:nth-of-type(8) {
        width: 2%;
        border: none;
}

/* 採用情報シングルページ */

#recruit .one_centence_single {
        display: flex;
        margin-bottom: 6rem;
}

#recruit .one_centence_single .photo {
        width: 30%;
        margin-left: 2%;

}

#recruit .one_centence_single .gaiyo {
        width: 68%;

}

#recruit .one_centence_single .gaiyo h4 {
        background: #ed6a00;
        padding: 0.5rem 1rem;
        color: #fff;
        font-weight: 400;
        display: inline-block;
        font-size: 120%;
        margin-bottom: 1rem;
}

#recruit .one_centence_single .gaiyo h5 {
        color: #ed6a00;
        font-weight: 300;
        font-size: 140%;
        margin-bottom: 1rem;
        border-bottom: 2px solid #ccc;
        padding-bottom: 1rem;
}

#recruit .one_centence_single .gaiyo p {
        color: #ed6a00;
        font-weight: 100;
}

#recruit .message {
        background: url(../img/page/recruit/recruit_single_01.jpg) no-repeat;
        background-size: cover;
        padding: 6rem 0 6rem 50%;
        margin-bottom: 3rem;
        text-align: left;
}

#recruit .message h4 {
        text-align: center;
        color: #ed6a00;
        font-size: 200%;
        line-height: 140%;
        font-weight: 900;
        margin-bottom: 3rem;
}

#recruit .message p {
        line-height: 180%;
        margin-bottom: 2rem;
}

#recruit .message p.sigh {
        text-align: right;
        font-weight: 700;
        font-size: 140%;
}

#recruit .two_centence_single {
        display: flex;
        margin-bottom: 5rem;
}

#recruit .two_centence_single img {
        width: 30%;
        height: 30%;
        margin-right: 2%;
}

#recruit .two_centence_single .recruit_works_data {
        width: 68%;
}

#recruit .two_centence_single .recruit_works_data h4 {
        color: #ed6a00;
        font-size: 180%;
        line-height: 140%;
        font-weight: 500;
        margin-bottom: 3rem;
        padding-bottom: 0.5rem;
        border-bottom: 2px solid #ccc;
}

#recruit .three_centence_single {
        margin-bottom: 3rem;
        text-align: center;
}

#recruit .three_centence_single .recruit_title_and_photo {
        margin-bottom: 5rem;
}

#recruit .three_centence_single .recruit_title_and_photo h4 {
        color: #ed6a00;
        font-size: 140%;
        line-height: 140%;
        font-weight: 500;
        margin-bottom: 3rem;
}

#recruit .three_centence_single .recruit_title_and_photo img {
        max-width: 600px;
        height: auto;
}

#recruit .welfare {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}

#recruit .welfare img {
        width: 32%;
        height: 32%;
        margin-bottom: 2rem;
}

#recruit .welfare:after {
        content: "";
        display: block;
        width: 32%;
        height: 0;
}

#recruit .process {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 8rem;
}

#recruit .process div {
        width: 32%;
}

#recruit .process div img {
        margin-bottom: 2rem;
}

#recruit .requirements table {
        margin-bottom: 8rem;
}

#recruit .requirements table td {
        vertical-align: top;
        padding-bottom: 1rem;
        border-bottom: 1px solid #ccc;
        padding: 2rem 0;
}

#recruit .requirements table td span {
        color: #c20000;
}

#recruit .requirements table td:nth-of-type(1),
#recruit .requirements table td:nth-of-type(4),
#recruit .requirements table td:nth-of-type(7),
#recruit .requirements table td:nth-of-type(10),
#recruit .requirements table td:nth-of-type(13),
#recruit .requirements table td:nth-of-type(16),
#recruit .requirements table td:nth-of-type(19),
#recruit .requirements table td:nth-of-type(22),
#recruit .requirements table td:nth-of-type(25) {
        width: 20%;
}

#recruit .requirements table td:nth-of-type(2),
#recruit .requirements table td:nth-of-type(5),
#recruit .requirements table td:nth-of-type(8),
#recruit .requirements table td:nth-of-type(11),
#recruit .requirements table td:nth-of-type(14),
#recruit .requirements table td:nth-of-type(17),
#recruit .requirements table td:nth-of-type(20),
#recruit .requirements table td:nth-of-type(23),
#recruit .requirements table td:nth-of-type(26) {
        width: 2%;
        border: none;
}

@media (max-width: 414px) {

        #recruit .arc_sec01 p {
                width: 100%;
                margin-right: 0;
        }

        #recruit .arc_sec01 1mg {
                width: 100%;
        }

}

.header_btn {
  position: relative;
  top: -9px;
  width: 60%;
}

.header_btn div a:hover {
        text-decoration: none;
}

.header_btn p {
        display: inline-block;
        width: 185px;
}

.header_btn p a img {
        display: block;
        max-width: 100%;
        height: auto;
}

.bd_or {
        border: 3px solid #ed6a00;
        padding: 20px;
        font-weight: 700;
        font-size: 140%;
        text-align: center;
        margin: 0 auto 25px;
        width: 90%;
}

.raitenoff img {
        width: 530px;
        margin: 0 auto 50px;
        display: inherit;
}

.sp-only {
        display: none;
}

.event_ed ul li {
        list-style: inside;
        list-style-type: disc;
}

.event_ed ol li {
        list-style: inside;
        list-style-type: decimal;
}

.award {
        margin: 0 auto 40px;
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #ed6a00;
}

.award_tit {
        font-size: 180%;
        line-height: 140%;
        font-weight: 700;
        border-bottom: 3px solid #ed6a00;
        background: #fbf7f0;
        padding-left: 50px;
        margin-bottom: 20px;
}

.award_tit:before {
        content: url('../img/page/award/crown.png');
        margin-left: -50px;
}

.award_img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 20px;
        text-align: center;
}

.award_img .img_box {
        width: 370px;
        height: 300px;
        object-fit: contain;
}

.award>p {
        margin-bottom: 20px;
}

.flyer-list-image {
        width: 92%;
        margin: 0 auto;
}

.flyer-list-image img {
        width: 100%;
}

.flyer-list-content {
        padding: 8px 8px 8px 8px;
        width: 100%;
}

.flyer-list-content h3 {
        font-size: 14px;
        line-height: 24px;
}

.flyer-list-content .date {
        margin-bottom: 5px;
}

.flyer_list {
        color: #000;
        font-weight: normal;
        text-decoration: none;
}

.flyer-term {
        margin-top: 6px;
        background: #edeae5;
        text-align: center;
        line-height: 2rem;
        font-size: 100%;
        padding: 0.5rem 0.8rem;
}


/* new-lineup-archive */

.new-lineup-box {
        width: 100%;
        border: 5px solid #ED6A00;
        padding: 15px;
        margin-bottom: 25px;
}

.new-lineup-box:last-child {
        margin-bottom: 50px;
}

.new-lineup-box .flex-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.new-lineup-box>.flex-wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
}

.new-lineup-box>.flex-wrap .img {
        width: 39%;
}

.new-lineup-box>.flex-wrap .img .img-trim {
        position: relative;
        overflow: hidden;
        padding-top: 100%;
}

.new-lineup-box>.flex-wrap .img .img-trim img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;'
}

.new-lineup-box>.flex-wrap .txt {
        width: 59%;
}

.new-lineup-box>.flex-wrap .txt h3 {
        font-weight: 700;
        font-size: 1.8rem;
        border: none;
        margin-bottom: 10px;
}

.new-lineup-box>.flex-wrap .txt .pricedown {
        display: inline-block;
        background: linear-gradient(90deg, #ff0000, #b31e1e);
        color: #fff;
        font-weight: 700;
        padding: 5px 20px;
        margin-bottom: 10px;
}

.single-lineup .new-lineup-box>.flex-wrap .txt .pricedown {
        font-size: 2.5rem;
        padding: 10px 20px;
}

.new-lineup-box>.flex-wrap .txt .price01 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 5px;
}

.new-lineup-box>.flex-wrap .txt .price01 .title {
        width: 50px;
        height: 50px;
        border: 1px solid #333;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 10px;
}

.new-lineup-box>.flex-wrap .txt .price01 .title span {
        font-size: 1.5rem;
        text-align: center;
        line-height: 1.2;
}

.new-lineup-box>.flex-wrap .txt .price01 .txt {
        width: calc(100% - 60px);
}

.new-lineup-box>.flex-wrap .txt .price01 .txt p {
        font-weight: 700;
        font-size: 3rem;
}

.new-lineup-box>.flex-wrap .txt .price02 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 30px;
}

.new-lineup-box>.flex-wrap .txt .price02 .title {
        width: 60px;
        height: 60px;
        background: #ED6A00;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 5px;
        border-radius: 5px;
}

.new-lineup-box>.flex-wrap .txt .price02 .title span {
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.2;
        color: #fff;
        font-weight: 700;
}

.new-lineup-box>.flex-wrap .txt .price02 .label {
        margin-right: 5px;
}

.new-lineup-box>.flex-wrap .txt .price02 .label p {
        font-weight: 900;
        color: #E50015;
        font-size: 2rem;
        line-height: 1;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
}

.new-lineup-box>.flex-wrap .txt .price02 .txt {
        width: auto;
        position: relative;
}

.new-lineup-box>.flex-wrap .txt .price02 .txt p {
        font-weight: 900;
        color: #E50015;
        font-size: 7.5rem;
        line-height: 1;
        margin-bottom: -7px;
        margin-left: 10px;
}

.new-lineup-box>.flex-wrap .txt .price02 .txt p span {
        font-size: 2.5rem;
}

.new-lineup-box>.flex-wrap .txt .price02 .txt .tax {
        position: absolute;
        top: calc(100% + 5px);
        right: -15px;
        display: inline-block;
        text-align: right;
        font-weight: 900;
        font-size: 2rem;
        color: #333;
}

.new-lineup-box>.flex-wrap .txt a {
        display: inline-block;
        background: #ED6A00;
        color: #fff;
        font-weight: 700;
        font-size: 1.5rem;
        padding: 5px 85px;
}

.new-lineup-box>.flex-wrap .txt a:hover {
        text-decoration: none;
}

.single-lineup .inner>div:last-child {
        margin-bottom: 0 !important;
}

.single-lineup .new-lineup-box {
        border: none;
        padding: 0;
        margin-bottom: 40px;
}

.single-lineup .new-lineup-box>.flex-wrap .img {
        width: 38%;
}

.single-lineup .new-lineup-box>.flex-wrap .txt {
        width: 58%;
}

.single-lineup .desc-block {
        margin-bottom: 40px;
}

.single-lineup .desc-block .desc-teika {
        font-weight: 700;
        font-size: 2rem;
        margin-bottom: 10px;
}

.single-lineup .hyojun-block ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.single-lineup .hyojun-block ul li {
        width: calc(100% / 6);
        padding: 0 5px;
        margin-bottom: 10px;
}

.gaiso-product .box {
        margin-bottom: 50px;
}

.gaiso-product .box h3 {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 15px;
}

.gaiso-product .box .flex-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.gaiso-product .box>.flex-wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
}

.gaiso-product .box>.flex-wrap .left-block {
        width: 155px;
}

.gaiso-product .box>.flex-wrap .left-block .catch {
        width: 155px;
        height: 155px;
        background: url("./../img/page/gaiso_reform/gaiso-leaf.png") 0 0 no-repeat;
        background-size: cover;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px;
}

.gaiso-product .box>.flex-wrap .left-block .catch span {
        color: #ff7200;
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", Yu Mincho, YuMincho, "Hiragino Mincho ProN", HGS明朝E, "メイリオ", Meiryo, serif;
        font-weight: 900;
        font-size: 3.25rem;
        line-height: 1.1;
        text-align: center;
        text-shadow:
                2px 2px 0px #fff,
                -2px 2px 0px #fff,
                2px -2px 0px #fff,
                -2px -2px 0px #fff,
                2px 0px 0px #fff,
                0px 2px 0px #fff,
                -2px 0px 0px #fff,
                0px -2px 0px #fff;
}

.gaiso-product .box>.flex-wrap .left-block .catch_bottom {
        width: 155px;
        background-color: #1e0f62;
        color: #fff;
        text-align: center;
        margin-bottom: 15px;
        font-weight: 700;
}

@media (-webkit-min-device-pixel-ratio:2) and (min-resolution: 2dppx) {
        .gaiso-product .box>.flex-wrap .left-block .catch {
                background: url("./../img/page/gaiso_reform/gaiso-leaf@2x.png") 0 0 no-repeat;
                background-size: cover;
        }
}

.gaiso-product .box>.flex-wrap .right-block {
        width: calc(100% - 155px - 15px);
        min-width: 380px;
        position: relative;
}

.gaiso-product .box>.flex-wrap .right-block .bg {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        overflow: hidden;
}

.gaiso-product .box>.flex-wrap .right-block .inner {
        position: absolute;
        bottom: 15px;
        right: 15px;
        /* width: calc(100% - 30px); */
        z-index: 2;
        text-align: right;
        display: grid;
}

.gaiso-product .box>.flex-wrap .right-block .inner p {
        font-weight: 700;
        font-size: 2.25rem;
        color: #E50015;
        text-align: center;
        font-style: italic;
        margin-bottom: 0;
        background: #fff;
        padding: 10px;
        border: 2px solid #E50015;
        border-radius: 5px;
        display: inline-block;
}

.gaiso-product .box>.flex-wrap .right-block .inner p span {
        font-size: 2.25rem;
}

.gaiso-product .box>.flex-wrap .right-block .inner h5 {
        font-weight: 900;
        font-size: 5.5rem;
        color: #fff;
        text-align: right;
        font-style: italic;
        margin-bottom: 10px;
        background: #E50015;
        padding: 15px;
        border: 2px solid #E50015;
        border-radius: 5px;
        display: inline-block;
}

.gaiso-product .box>.flex-wrap .right-block .inner h5 span {
        font-size: 4rem;
}

.gaiso-product .box>.flex-wrap .right-block .detail {
        border: 3px solid #ff7200;
        border-radius: 5px;
        background: #fff;
        width: 100%;
        margin: 0 0 0 auto;
}

.gaiso-product .box>.flex-wrap .right-block .detail h4 {
        background: #ff7200;
        color: #fff;
        font-weight: 700;
        font-size: 1.5rem;
        text-align: center;
        line-height: 1;
        padding: 5px 0 7px;
        margin-bottom: 0;
}

.gaiso-product .box>.flex-wrap .right-block .detail .detail-child {
        padding: 15px 15px 10px;
}

.gaiso-product .box>.flex-wrap .right-block .detail .detail-child ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1;
        margin: 0;
        padding: 0;
}

.gaiso-product .box>.flex-wrap .right-block .detail .detail-child ul li {
        width: 20%;
        background: #ff7200;
        color: #fff;
        font-weight: 700;
        font-size: 1.2rem;
        text-align: center;
        font-weight: 700;
        border-radius: 10px;
        padding: 10px 0;
        margin-bottom: 5px;
        margin-right: 22px;
        position: relative;
}

.gaiso-product .box>.flex-wrap .right-block .detail .detail-child ul li:before {
        content: '';
}

.gaiso-product .box>.flex-wrap .right-block .detail .detail-child ul li:nth-of-type(4n),
.gaiso-product .box>.flex-wrap .right-block .detail .detail-child ul li:last-child {
        margin-right: 0;
}

.gaiso-product .box>.flex-wrap .right-block .detail .detail-child ul li::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: calc(100% + 13px);
        content: "+";
        font-size: 2rem;
        font-weight: 700;
        color: #ff7200;
}

.gaiso-product .box>.flex-wrap .right-block .detail .detail-child ul li:nth-of-type(4n)::after,
.gaiso-product .box>.flex-wrap .right-block .detail .detail-child ul li:last-child::after {
        content: none;
}


.new-front-plan {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
}

.new-front-plan .flex-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.new-front-plan .box {
        display: block;
        color: #333;
        border: 1px solid #aaa;
        margin-bottom: 15px;
        border-radius: 15px;
}

.new-front-plan .box:hover {
        text-decoration: none;
}

.new-front-plan .box h3 {
        background: #FEF6D9;
        text-align: center;
        font-weight: 700;
        line-height: 1;
        font-size: 2rem;
        padding: 10px 0;
        border-radius: 15px 15px 0 0;
}

.new-front-plan .box h3 span {
        font-size: 3rem;
}

.new-front-plan .box:nth-last-child(3) h3 {
        font-size: 1.5rem;
        padding: 12.5px 0;
}

.new-front-plan .box:nth-last-child(3) h3 span {
        font-size: 2.5rem;
}

.new-front-plan .box:last-child h3 {
        font-size: 1rem;
        padding: 15px 0;
}

.new-front-plan .box:last-child h3 span {
        font-size: 2rem;
}

.new-front-plan .box01 {
        width: 49%;
}

.new-front-plan .box01>.flex-wrap {
        padding: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
}

.new-front-plan .box01>.flex-wrap .txt {
        width: 48%;
}

.new-front-plan .box01>.flex-wrap .txt>img {
        display: block;
        width: 100px;
        height: auto;
        margin: 0 auto 10px;
}

.new-front-plan .box>.flex-wrap .txt .komikomi {
        background: #FFF003;
        color: #E50015;
        font-weight: 700;
        text-align: center;
        line-height: 1.2;
        padding: 10px 0;
        border-radius: 10px;
        margin-bottom: 15px;
}

.new-front-plan .box>.flex-wrap .txt .price {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
}

.new-front-plan .box>.flex-wrap .txt .price .data {
        color: #E50015;
        font-weight: 900;
        font-size: 5.5rem;
        line-height: 1.2;
}

.new-front-plan .box>.flex-wrap .txt .price .yen {
        font-weight: 900;
        line-height: 1.2;
        font-size: 1.75rem;
        padding-bottom: 10px;
        margin-left: 5px;
}

.new-front-plan .box>.flex-wrap .txt .btn {
        width: 100%;
        background: #FEF6D9;
        border: 1px solid #ed6a00;
        border-radius: 10px;
        text-align: center;
        font-weight: 700;
        padding: 10px 0;
}

.new-front-plan .box>.flex-wrap .txt .btn i {
        color: #ed6a00;
}

.new-front-plan .box01>.flex-wrap .img {
        width: 48%;
}

.new-front-plan .box01>.flex-wrap .img .img-trim {
        position: relative;
        overflow: hidden;
        padding-top: 125%;
}

.new-front-plan .box01>.flex-wrap .img .img-trim img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;'
}

.new-front-plan .box02 {
        width: 24%;
        position: relative;
}

.new-front-plan .box02 .flex-wrap .txt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        padding: 5px 10px 10px;
        min-height: 130px;
}

.new-front-plan .box02 .flex-wrap .txt img {
        position: absolute;
        top: 60px;
        left: 10px;
        z-index: 2;
        width: 60px;
        height: auto;
}

.new-front-plan .box02 .flex-wrap .txt .komikomi {
        position: absolute;
        top: 170px;
        right: 10px;
        z-index: 2;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        margin-bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
}

.new-front-plan .box02 .flex-wrap .txt .btn {
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 218px;
}

.new-front-plan .box02 .flex-wrap .img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
}

.new-front-plan .box02 .flex-wrap .img .img-trim {
        position: relative;
        overflow: hidden;
        padding-top: 75%;
}

.new-front-plan .box02 .flex-wrap .img .img-trim img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;'
}

.new-side-plan .box {
        display: block;
        margin-bottom: 20px;
        color: #333;
        border: 1px solid #aaa;
        border-radius: 15px;
}

.new-side-plan .box:hover {
        text-decoration: none;
}

.new-side-plan .box:last-child {
        margin-bottom: 0;
}

.new-side-plan .box .flex-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.new-side-plan .box h3 {
        text-align: center;
        font-weight: 700;
        line-height: 1;
        font-size: 1.5rem;
        padding: 10px 0;
        border-radius: 15px 15px 0 0;
}

.new-side-plan .box h3 span {
        font-size: 2.5rem;
}

.new-side-plan .box .img {
        width: 100%;
}


.new-side-plan .box .img .img-trim {
        position: relative;
        overflow: hidden;
        padding-top: 56.25%;
}

.new-side-plan .box .img .img-trim img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;'
}

.new-side-plan .box .txt {
        padding: 10px;
        position: relative;
}

.new-side-plan .box .txt .komikomi {
        position: absolute;
        top: -30px;
        right: 10px;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #ed6a00;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
}

.new-side-plan .box .txt .komikomi span {
        color: #fff;
        line-height: 1.2;
        font-size: 1rem;
        font-weight: 700;
        text-align: center;
}

.new-side-plan .box .txt .price {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
}

.new-side-plan .box .txt .price .data {
        color: #E50015;
        font-weight: 900;
        font-size: 5rem;
        line-height: 1.2;
}

.new-side-plan .box .txt .price .yen {
        font-weight: 900;
        line-height: 1.2;
        font-size: 1.5rem;
        padding-bottom: 7px;
        margin-left: 5px;
}


@media screen and (min-width: 750px) and (max-width: 1280px) {
        .new-lineup-box>.flex-wrap .txt .price02 .txt p {
                margin-left: 30px;
        }
}

div.wpcf7-mail-sent-ok {
        display: none !important;
}

.subpage_contact .otoiawase-area {
        width: 740px;
        margin: 0 auto;
}

.subpage_contact .otoiawase-area img,
.subpage_contact .otoiawase-contact img,
.subpage_contact .otoiawase-raiten img {
        width: 100%;
}

.subpage_contact .otoiawase-contact {
        position: absolute;
        top: 145px;
        left: 30px;
        width: 31%;
}

.subpage_contact .otoiawase-raiten {
        position: absolute;
        top: 145px;
        left: 273px;
        width: 31%;
}

.gaisou_hr {
        border-bottom: 1px dashed #d1cdc7;
}


.new-f-sitemap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #fff;
}

.new-f-sitemap>div {
        max-width: 25%;
}

.new-f-sitemap>div ul:nth-child(2) {
        margin-top: 1.5rem;
}

.new-f-sitemap>div ul li {
        list-style-type: disc;
        margin-left: 20px;
}

.new-f-sitemap>div ul li.title {
        list-style-type: none;
        margin-left: 0;
        font-weight: 700;
        font-size: 1.75rem;
        margin-bottom: 0.5em;
}

.top_contactbnr {
        margin: 0 auto;
        width: 760px;
        max-width: 100%;
}

/* こどもエコすまい住宅支援等 */
#kodomomirai .center {
        text-align: center;
}

#kodomomirai .img-fit {
        width: 100%;
}

#kodomomirai .tit01 {
        width: 70%;
        border: 3px solid #887467;
        color: #887467;
        padding: .6rem;
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
        margin: 20px auto;
        line-height: 1.2;
}

#kodomomirai .tit02 {
        margin: 10px auto 30px;
        color: #000;
        text-align: center;
        font-size: 54px;
        font-weight: 700;
        font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
        line-height: 1.4;
}

#kodomomirai .read {
        background: #ededed;
        position: relative;
        text-align: left;
        margin: 40px 0 20px;
        padding: 5px;
}

#kodomomirai .read img {
        position: absolute;
        display: block;
        margin: 0;
        width: 23%;
        bottom: 0;
        left: 1rem;
}

#kodomomirai .read p {
        margin-left: 28%;
        font-size: 16px;
        line-height: 2;
        font-weight: bold;
        margin-bottom: 10px;
}

#kodomomirai .read .min {
        color: #887467;
        font-weight: bold;
}

#kodomomirai .read .min2 {
        color: #887467;
        font-weight: bold;
        font-size: 18px;
}

#kodomomirai .kodomomirai_h2 {
        font-size: 24px;
        font-weight: bold;
        border-left: 5px solid #5a3f2c;
        padding: 0.2rem 0 0.2rem 1rem;
        margin-bottom: 2.5rem;
}

#kodomomirai .kodomomirai_h3 {
        font-size: 22px;
        font-weight: bold;
        padding-bottom: 10px;
        border-bottom: 2px solid #e5e5e5;
        margin-bottom: 15px;
}

#kodomomirai .table1 {
        text-align: center;
        font-size: 14px;
        border-collapse: collapse;
        border-spacing: 0;
        border: solid 2px #999;
}

#kodomomirai .table1 th, .table1 td {
        width: 50%;
        padding: 10px 0;
        border: solid 2px #999;
}

#kodomomirai .table1 th {
        background-color: #e5e5e5;
}

#kodomomirai .table1 td {
        text-align: center;
        color: #b90000;
}

#kodomomirai h4 {
        border-bottom: 2px solid #e5e5e5;
        padding: 0 0 0.5rem 0;
        margin: 2rem 0;
        font-size: 16px;
}

#kodomomirai h5 {
        border: 2px solid #e5e5e5;
        padding: 1rem;
        margin-bottom: 2rem;
        font-size: 18px;
        text-align: center;
}

#kodomomirai .side_title {
        font-size: 18px;
        font-weight: bold;
        position: relative;
        margin-top: 3rem;
}

#kodomomirai .side_title::before {
        content: '《 ';
        color: #000;
}

#kodomomirai .side_title::after {
        content: ' 》';
        color: #000;
}

#kodomomirai .fsz140 {
        font-size: 140%;
        font-weight: bold;
}

#kodomomirai .tit03 {
        font-size: 24px;
        font-weight: 700;
        background: linear-gradient(transparent 90%, #887467 60%);
        width: fit-content;
        text-align: center;
        margin: 3rem auto;
        padding-bottom: 0.6rem;
        display: inline;
        line-height: 2;
}

#kodomomirai .tit03 span {
        position: relative;
        padding-top: 0.2em;
        color: #887467;
}

#kodomomirai .tit04 {
        font-weight: 700;
        background: linear-gradient(transparent 90%, #887467 60%);
        width: fit-content;
        text-align: center;
        margin: 3rem auto;
        padding-bottom: 0.6rem;
        display: inline;
        line-height: 3;
}

#kodomomirai .tit04 span {
        position: relative;
        padding-top: 0.2em;
        font-weight: 700;
}

#kodomomirai .tit04 span::before {
        position: absolute;
        content: "";
        width: 0.4em;
        height: 0.4em;
        border-radius: 50%;
        background-color: orange;
        top: -0.4em;
        left: 50%;
        transform: translate(-50%, 0);
}

#kodomomirai .kaku__title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
}

#kodomomirai table {
        width: 100%;
        border: 2px solid #999;
        margin: 1rem 0 2rem;
        border-collapse: collapse;
        border-spacing: 0;
}

#kodomomirai table td {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        padding: 1rem;
        text-align: center;
        vertical-align: middle;
}

#kodomomirai table td span {
        color: #b71c1c;
}

#kodomomirai table td span.attention {
        color: #333333;
        font-size: 80%;
}

#kodomomirai table td.gray {
        background: #f3f1f0;
}

#kodomomirai table td.ta_left {
        text-align: left;
}

#kodomomirai table td.w10p {
        width: 10%;
}

#kodomomirai table td.w15p {
        width: 18%;
}

#kodomomirai table td.w25p {
        width: 25%;
}

#kodomomirai table td.bbold {
        border-bottom: 2px solid #999;
}

#kodomomirai table td.rbold {
        border-right: 2px solid #999;
}

#kodomomirai .ta_center {
        text-align: center;
}

#kodomomirai table td.lh_120 {
        line-height: 120%;
}

#kodomomirai table td.gray2 {
        background: #887467;
        color: #fff;
}

#kodomomirai section {
        margin-bottom: 40px;
}

#kodomomirai .mb40 {
        margin-bottom: 40px;
}

#kodomomirai .caution {
        color: #000;
}

#kodomomirai .caution span {
        color: #b71c1c;
        font-size: 18px;
        font-weight: bold;
}

#kodomomirai .kikan {
        color: #000;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4;
}

#kodomomirai .kikan span {
        color: #b71c1c;
        font-size: 23px;
        font-weight: bold;
}

#kodomomirai .c_box {
        width: 100%;
        border: 3px solid #ff0000;
        padding: 20px;
        color: #ff0000;
        line-height: 1.6;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 40px;
}

#kodomomirai .c_box p {
        font-weight: bold;
}

#kodomomirai .c_box .tit {
        color: #ff0000;
        line-height: 1.6;
        font-size: 16px;
}

#kodomomirai .hoseiyosan_tit {
        color: #000;
        font-size: 16px;
        border: 2px solid #000;
        padding: 5px;
        display: inline-block;
        border-radius: 10px;
        font-weight: bold;
}

#kodomomirai p {
        margin-top: 10px;
}



/* ＝＝＝＝＝＝＝＝＝＝新＝＝＝＝＝＝＝＝＝＝ */

#google_voice {
        /*padding-top: 80px;
        padding-bottom: 120px;*/
}

#google_voice .flex-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#google_voice .content {
        background: url("../img/top/google_review/google_voice_bg.png") 0 0 no-repeat;
        background-size: cover;
        width: 100%;
        height: 362px;
        margin-bottom: 40px;
        padding-top: 40px;
}

#google_voice .content>.flex-wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
}

#google_voice .content>.flex-wrap .medal {
        width: 210px;
        height: 300px;
        margin-left: 40px;
        position: relative;
}

#google_voice .content>.flex-wrap .medal .point {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 8rem;
        color: #ff3c30;
        font-weight: 900;
        line-height: 1;
        text-shadow:
                4px 4px 1px #ffffff,
                -4px 4px 1px #ffffff,
                4px -4px 1px #ffffff,
                -4px -4px 1px #ffffff,
                4px 0px 1px #ffffff,
                0px 4px 1px #ffffff,
                -4px 0px 1px #ffffff,
                0px -4px 1px #ffffff;
        ;
}

#google_voice .content>.flex-wrap .medal .star {
        position: absolute;
        bottom: 23px;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
}

#google_voice .content>.flex-wrap .medal .star i {
        color: #fff;
        line-height: 1;
        font-size: 2.5rem;
        margin: 0 0.3rem;
}

#google_voice .content>.flex-wrap .txt {
        width: 706px;
        height: 300px;
        margin-right: 26px;
        position: relative;
}

#google_voice .content>.flex-wrap .txt .count {
        position: absolute;
        bottom: 110px;
        right: 85px;
        font-size: 8.5rem;
        color: #ff3c30;
        font-weight: 900;
        line-height: 1;
}

#google_voice .content>.flex-wrap .txt>.flex-wrap {
        position: absolute;
        bottom: 45px;
        right: 25px;
        width: calc(100% - 80px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #ff3c30;
        line-height: 1;

}

#google_voice .content>.flex-wrap .txt>.flex-wrap .point {
        font-weight: 900;
        font-size: 4.5rem;
        margin-right: 15px;
}

#google_voice .content>.flex-wrap .txt>.flex-wrap .star i {
        font-size: 3.5rem;
        color: #FABD04;
}

#google_voice .content>.flex-wrap .txt .ttl {
        position: absolute;
        color: black;
        font-size: 2.5em;
        left: 7%;
        top: 46%;
        display: flex;
        font-weight: bold;
        color: #ff3c30;

}

#google_voice .content>.flex-wrap .txt .ttlGoogle {
        font-weight: 900;
        font-size: 1.7em;
        margin-right: 0.2em;
}

#google_voice .content>.flex-wrap .txt .ttlGoogle span:first-of-type {
        color: #3184fe;
}

#google_voice .content>.flex-wrap .txt .ttlGoogle span:nth-of-type(2) {
        color: #fd402e;
}

#google_voice .content>.flex-wrap .txt .ttlGoogle span:nth-of-type(3) {
        color: #febe00;
}

#google_voice .content>.flex-wrap .txt .ttlGoogle span:nth-of-type(4) {
        color: #3284fb;
}

#google_voice .content>.flex-wrap .txt .ttlGoogle span:nth-of-type(5) {
        color: #29b649;
}

#google_voice .content>.flex-wrap .txt .ttlGoogle span:last-of-type {
        color: #fc402b;
}

#google_voice .content>.flex-wrap .txt .count {
        right: 12%;
}

#google_voice .content>.flex-wrap .txt .countUnit {
        position: absolute;
        right: 6%;
        color: red;
        top: 50%;
        font-size: 2.4em;
}

@media screen and (max-width: 1000px) {

        #google_voice {
                padding: 8vw 2.6vw 16vw;
        }

        #google_voice .content {
                background: url("./../img/new_front/google_voice_bg-sp.png") 0 0 no-repeat;
                background-size: cover;
                width: 100%;
                height: 40vw;
                margin-bottom: 4vw;
        }

        #google_voice .content>.flex-wrap .medal {
                width: 28.7vw;
                height: 40vw;
                margin-left: 3.8vw;
        }

        #google_voice .content>.flex-wrap .medal .point {
                top: 13.5vw;
                font-size: 10vw;
        }

        #google_voice .content>.flex-wrap .medal .star {
                bottom: 3.25vw;
        }

        #google_voice .content>.flex-wrap .medal .star i {
                font-size: 3.5vw;
                margin: 0 0.5vw;
        }

        #google_voice .content>.flex-wrap .txt {
                width: 54vw;
                height: 40vw;
                margin-right: 3.5vw;
        }

        #google_voice .content>.flex-wrap .txt .count {
                bottom: 6vw;
                right: auto;
                left: 1.5vw;
                font-size: 10vw;
        }

        #google_voice .content>.flex-wrap .txt>.flex-wrap {
                bottom: 7vw;
                right: 1.5vw;
                width: 30vw;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
        }

        #google_voice .content>.flex-wrap .txt>.flex-wrap .point {
                width: 100%;
                margin: 0;
                text-align: center;
                font-size: 7vw;
        }

        #google_voice .content>.flex-wrap .txt>.flex-wrap .star {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
        }

        #google_voice .content>.flex-wrap .txt>.flex-wrap .star i {
                font-size: 4vw;
                margin: 0 0.5vw;
        }

        #index_seko.index_seko_new .obfit-a_seko.index_seko {
                height: 23.5vw;
        }

        #index_inspection .inspection-a_post-wrap>a img.obfit-a_inspection {
                height: 21vw;
        }

}



/*--
無料定期点検・白アリ点検----------------*/

.catch-ttl {
        font-size: 20px;
        font-size: 2.0em;
        text-align: center;
        color: #ed6a00;
        margin-bottom: 40px;
        line-height: 1.8;
}

.catch-ttl span {
        font-size: .8em;
        display: block;
        color: #333;
}

.catch-box {
        position: relative;
        overflow: hidden;
        margin-bottom: 70px;
}

.catch-img {
        float: right;
        margin-left: 50px;
}

.catch-txt {
        overflow: hidden;
        line-height: 1.8;
}

.catch-txt p {
        margin-bottom: 15px;
        font-size: 1.6rem;
}

.catch-txt strong {
        font-weight: bold;
        font-size: 1.8rem;
}

.notice-txt_o {
        color: #ed6a00;
}

.campaign-bnr {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 70px;
}

.campaign-bnr_item {
        width: calc(50% - 20px);
        margin-bottom: 20px;
}

.showroom-box {
        position: relative;
        overflow: hidden;
        margin-bottom: 50px;
}

.showroom-box a {
        color: #333;
}

.showroom-box a:hover {
        text-decoration: none;
}

.showroom-thumb {
        width: 45%;
        position: relative;
        overflow: hidden;
        float: left;
        margin-right: 20px;
}

.showroom-thumb:before {
        content: '' !important;
        display: block;
        padding-top: 80%;
        width: 100%;
        height: inherit;
        border-radius: 0;
        background: none;
}

.showroom-thumb img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.showroom-summary {
        overflow: hidden;
}

.showroom-catch {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 20px;
        line-height: 1.6;
}


.company_ceo_name {
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", Yu Mincho, YuMincho, "Hiragino Mincho ProN", HGS明朝E, "メイリオ", Meiryo, serif;
        font-weight: 700;
        font-size: 25px;
        letter-spacing: 0.15em;
}

.seko-name {
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        text-overflow: ellipsis;
}
.seko-tit {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;  
}
.cost {
        text-align: right;
        color: #ed6a00;
        font-weight: bold;
        margin-bottom: 10px;
}

/* 3つの補助金を上手に活用してお得にリフォーム */
.hojyokin_bread {
        margin-top: 35px;
        padding-bottom: 0px;
        width: 1000px;
        max-width: 100%;
}

.hojokin_caution {
  border: solid 1px #b71c1c;
  margin-bottom: 6%;
  text-align: center;
  padding: 1em;
}
.hojokin_caution p{
  color: #000;
  font-weight:500;
  line-height: 1.6;
}
.hojokin_caution p span{
  background:linear-gradient(transparent 30%, #ff6 60%);
}
.hojokin_caution a{
  color: #b71c1c;
}

.hojyokin_page {
        font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
        line-height: 1.6;
        margin-top: 20px;
}

.hojyokin_page .container {
        display: block;
        margin: 0 auto;
        width: 1000px;
        max-width: 100%;
}

.hojyokin_page .img-fit {
        width: 100%;
}

.hojyokin_page .mv {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
}

.hojyokin_page .mv .btn_h {
        position: absolute;
        right: 0;
        bottom: 20px;
        max-width: 300px;
        font-size: 16px;
        font-weight: 700;
}

.h-btn {
        border: 2px solid #00A599;
        background: #fff;
        color: #00A599 !important;
        padding: 20px 70px;
        border-radius: 30px;
        width: 100%;
        text-align: center;
        font-weight: 700;
}

.h-btn:hover {
        border: 2px solid #00A599;
        background: #00A599;
        color: #fff !important;
        text-decoration: none;
}

.hojyokin_page .btn_flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.hojyokin_page .btn_flex a {
        width: 32%;
}

.hojyokin_page .p_btn {
        border: 2px solid #E66F78;
        background: #E66F78;
        color: #fff;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 700;
}

.hojyokin_page .p_btn:hover {
        border: 2px solid #E66F78;
        background: #fff;
        color: #E66F78;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
}

.hojyokin_page .b_btn {
        border: 2px solid #65A1DA;
        background: #65A1DA;
        color: #fff;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 700;
}

.hojyokin_page .b_btn:hover {
        border: 2px solid #65A1DA;
        background: #fff;
        color: #65A1DA;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
}

.hojyokin_page .o_btn {
        border: 2px solid #F09229;
        background: #F09229;
        color: #fff;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 700;
}

.hojyokin_page .o_btn:hover {
        border: 2px solid #F09229;
        background: #fff;
        color: #F09229;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
        text-decoration: none;
}

.hojyokin_page .lg_bg {
        background: #eef4f4;
        padding: 50px 0;
        background-image: url(../img/page/3hojyokin/bg_house.png);
        background-position: bottom 0 right 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
}

.hojyokin_page .g_tit {
        color: #00A599;
        font-weight: 700;
        font-size: 3rem;
        line-height: 1.2;
}

.hojyokin_page .c_flex {
        display: flex;
        justify-content: space-between;
}

.hojyokin_page .c_flex img {
        width: 49%;
}

.hojyokin_page .fsz2 {
        font-size: 2rem !important;
}

.hojyokin_page .fsz3 {
        font-size: 3rem !important;
}

.hojyokin_page .fsz4 {
        font-size: 4rem !important;
}

.hojyokin_page .fw7 {
        font-weight: 700;
}

.hojyokin_page .fcp {
        color: #E66F78;
}

.hojyokin_page .fcb {
        color: #65A1DA;
}

.hojyokin_page .fco {
        color: #F09229;
}

.hojyokin_page .fcg {
        color: #00A599;
}

.hojyokin_page .title_hukidashi_p {
        position: relative;
        padding: 1.5rem 2rem;
        border-bottom: 3px solid #E66F78;
        background: #fff;
}

.hojyokin_page .title_hukidashi_p:before {
        position: absolute;
        bottom: -28px;
        left: 50%;
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #E66F78 transparent transparent transparent;
}

.hojyokin_page .title_hukidashi_p:after {
        position: absolute;
        bottom: -24px;
        left: 50%;
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
}

.hojyokin_page .title_hukidashi_b {
        position: relative;
        padding: 1.5rem 2rem;
        border-bottom: 3px solid #65A1DA;
        background: #fff;
}

.hojyokin_page .title_hukidashi_b:before {
        position: absolute;
        bottom: -28px;
        left: 50%;
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #65A1DA transparent transparent transparent;
}

.hojyokin_page .title_hukidashi_b:after {
        position: absolute;
        bottom: -24px;
        left: 50%;
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
}

.hojyokin_page .title_hukidashi_o {
        position: relative;
        padding: 1.5rem 2rem;
        border-bottom: 3px solid #F09229;
        background: #fff;
}

.hojyokin_page .title_hukidashi_o:before {
        position: absolute;
        bottom: -28px;
        left: 50%;
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #F09229 transparent transparent transparent;
}

.hojyokin_page .title_hukidashi_o:after {
        position: absolute;
        bottom: -24px;
        left: 50%;
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
}

.hojyokin_page .table_box {
        display: flex;
}

.hojyokin_page .table_box img {
        width: 100%;
}

.hojyokin_page .kagi_box {
        --x-gradient: linear-gradient(90deg, #333 0 30px, transparent 0 calc(100% - 30px), #333 calc(100% - 30px));
        --y-gradient: linear-gradient(#333 0 30px, transparent 0 calc(100% - 30px), #333 calc(100% - 30px));
        padding: 3rem;
        background-image:
                var(--x-gradient),
                var(--y-gradient),
                var(--x-gradient),
                var(--y-gradient);
        background-repeat: no-repeat;
        background-size: 100% 5px, 5px 100%, 100% 5px, 5px 100%;
        background-position: top, right, bottom, left;
        border: 1px solid #ccc;
        text-align: left;
}

.hojyokin_page .kagi_box .tit01 {
        background: #00A599;
        border: 2px solid #00A599;
        border-radius: 20px;
        padding: 1rem;
        text-align: center;
        margin: 0 auto 20px;
        color: #fff;
        width: 300px;
}

.hojyokin_page .kagi_box .tit02 {
        background: #fff;
        border: 2px solid #00A599;
        border-radius: 20px;
        padding: 1rem;
        text-align: center;
        margin: 0 auto 20px;
        color: #00A599;
        width: 300px;
}

.hojyokin_page .kagi_box .tit03 {
        background: #65A1DA;
        border: 2px solid #65A1DA;
        border-radius: 20px;
        padding: 1rem;
        text-align: center;
        margin: 0 auto 20px;
        color: #fff;
        width: 300px;
}

.hojyokin_page .kagi_box .tit04 {
        background: #fff;
        border: 2px solid #65A1DA;
        border-radius: 20px;
        padding: 1rem;
        text-align: center;
        margin: 0 auto 20px;
        color: #65A1DA;
        width: 300px;
}

.hojyokin_page .lp_bg {
        background: #f9f0f1;
        padding: 50px 0;
}

.hojyokin_page .seko_jirei_box {
        background: #fff;
        border-radius: 10px;
        margin-bottom: 30px;
        width: 100%;
}

.hojyokin_page .seko_jirei_box .tit {
        background: #E66F78;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-bottom: 1rem;
        width: 100%;
        color: #fff;
        text-align: center;
        padding: 1rem 0;
        font-size: 3rem;
        font-weight: 700;
        position: relative;
}

.hojyokin_page .seko_jirei_box .tit .hissu {
        background: #fff;
        border-radius: 20px;
        color: #E66F78;
        text-align: center;
        padding: .5rem 2rem;
        font-size: 2rem;
        font-weight: 700;
        top: 13px;
        right: 10px;
        position: absolute;
}

.hojyokin_page .seko_jirei_box .tit .nini {
        background: #fff;
        border-radius: 20px;
        color: #808080;
        text-align: center;
        padding: .5rem 2rem;
        font-size: 2rem;
        font-weight: 700;
        top: 13px;
        right: 10px;
        position: absolute;
}

.hojyokin_page .seko_jirei_box .jirei {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 3rem;
}

.hojyokin_page .seko_jirei_box .jirei .box {
        width: 31%;
        margin: 0 1% 20px;
        text-align: center;
        font-size: 1.4rem;
}

.hojyokin_page .seko_jirei_box .jirei .box img {
        width: 100%;
        margin-bottom: 8px;
}

.hojyokin_page .mado_flex {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
}

.hojyokin_page .mado_flex .m_box {
        width: 48%;
        margin: 1%;
        text-align: center;
}

.hojyokin_page .mado_flex .m_box img {
        width: 100%;
        margin-bottom: 8px;
}

.hojyokin_page .lo_bg {
        background: #f9f8ef;
        padding: 50px 0;
}

.hojyokin_page .mt20 {
        margin-top: 20px;
}

.hojyokin_page .mb20 {
        margin-bottom: 20px;
}

.hojyokin_page .mb30 {
        margin-bottom: 30px;
}

.hojyokin_page .mb50 {
        margin-bottom: 50px;
}

.hojyokin_page .mb80 {
        margin-bottom: 80px;
}

.hojyokin_page .page-otoiawase-form {
        position: absolute;
        top: 175px;
        left: 205px;
}

.hojyokin_page .page-otoiawase-form .h-btn {
        border: 2px solid #00A599;
        background: #fff;
        color: #00A599;
        padding: 20px 80px;
        border-radius: 30px;
        width: 100%;
        text-align: center;
        font-size: 16px;
}

.hojyokin_page_mt-50 {
        margin-top: -50px !important;
}

.hojyokin_page .g_link {
        color: #00A599;
        transition: .3s;
        text-decoration: underline;
}

.hojyokin_page .g_link:hover {
        text-decoration: none;
}

.hojyokin_page .img-fit {
        width: 100%;
}

.hojyokin_page .t_l {
        text-align: left;
}

.hojyokin_page .otoiawase-area {
        position: relative;
        width: 74%;
        max-width: 740px;
        margin: 0 auto 80px;
}

.hojyokin_page .otoiawase-area .hj_btn {
        position: absolute;
        top: 70%;
        left: 15%;
        font-size: 2rem;
}

.hojyokin_page .endbox {
        border: 2px solid #b71c1c;
        padding: 20px;
        text-align: center;
}

.hojyokin_page .endbox .end_tit {
        background-color: #b71c1c;
        padding: 10px;
        text-align: center;
        display: inline-block;
        color: #fff;
        border-radius: 40px;
        font-size: 20px;
        font-weight: 700;
}

.hojyokin_page .endbox p {
        line-height: 1.6;
        font-weight: 600;
}

.hojyokin_page .endbox .red {
        font-size: 20px;
        font-weight: 700;
        color: #b71c1c;
        border-bottom: 1px solid #b71c1c;
}

.hojyokin_page .endbox .mk_y {
        font-size: 20px;
        font-weight: 700;
        color: #000;
        background: linear-gradient(transparent 60%, #ff6 60%);
}

.hojyokin_page .endbox .keizoku {
        border: solid 1px #333;
        padding: 1em 4em;
        margin-top: 2em;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
}

.hojyokouji_fbox {
        display: flex;
        justify-content: flex-start;
}

.txt_tal {
        text-align: left;
}

#hojo_form {
        margin-bottom: 100px;
}

.area-content .text-center {
        text-align: center;
}

.area-content .flex-wrap {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
}

.area-content h1 {
        font-weight: 900;
        font-size: 55px;
        font-style: italic;
        line-height: 1.6;
        letter-spacing: -0.05em;
        margin-bottom: 40px;
}

.area-content h1 span.min {
        font-size: 45px;
}

.area-content h1 span.orange {
        color: #ed6a00;
}

.area-content h1 span.lixil {
        font-size: 64px;
        color: #ed6a00;
}

.area-content h1 span.dot {
        position: relative;
}

.area-content h1 span.dot::before {
        position: absolute;
        top: -1em;
        left: 0.25em;
        content: "・・・・・";
        color: #ffff00;
        font-style: normal;
}

.area-content h1 span.wave {
        text-decoration: #ed6a00 wavy underline;
}

.area-content .btn-wrap {
        margin-bottom: 50px;
}

.area-content .btn-wrap a {
        display: inline-block;
        width: 398px;
        background: #ed6a00;
        color: #fff;
        font-weight: 700;
        font-size: 24px;
        padding: 23px 0;
        border-radius: 36px;
        text-decoration: none;
}

.area-content .heading01 {
        font-weight: 900;
        font-style: italic;
        font-size: 28px;
        margin-bottom: 1em;
}

.area-content .circle-wrap {
        -webkit-box-pack: justify;
        justify-content: space-between;
        margin-bottom: 100px;
}

.area-content .circle-wrap .circle {
        width: 231px;
        height: 231px;
        border-radius: 50%;
        background: rgba(237, 106, 0, 0.45);
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
}

.area-content .circle-wrap .circle p {
        font-weight: 700;
        font-size: 22px;
        line-height: 1.8;
}

.area-content .area-riyu .heading02 {
        width: 1000px;
        height: 80px;
        background: url("./../img/page/okegawa/heading02.png") 0 0 no-repeat;
        background-size: cover;
        font-weight: 900;
        color: #fff;
        font-style: italic;
        font-size: 28px;
        padding-top: 10px;
}

.area-content .area-riyu .heading02 span {
        font-size: 74px;
        text-shadow: 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600, 0 0 5px #f29600;
}

.area-content .area-riyu .riyu-wrap .title {
        -webkit-box-align: center;
        align-items: center;
}

.area-content .area-riyu .riyu-wrap .title .circle {
        width: 130px;
        height: 130px;
        border: 8px solid #ed6a00;
        border-radius: 50%;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin-right: 30px;
}

.area-content .area-riyu .riyu-wrap .title .circle p {
        font-weight: 900;
        font-size: 28px;
        color: #ffc69f;
        line-height: 1;
}

.area-content .area-riyu .riyu-wrap .title .circle p span {
        display: block;
        font-size: 50px;
        color: #ed6a00;
        font-style: italic;
}

.area-content .area-riyu .riyu-wrap .title h3 {
        font-weight: 900;
        color: #ed6a00;
        font-style: italic;
        font-size: 40px;
}

.area-content .area-riyu .riyu-wrap .title h3 span {
        position: relative;
}

.area-content .area-riyu .riyu-wrap .title h3 span::before {
        position: absolute;
        top: -0.6em;
        left: 0.25em;
        content: "・・";
        color: #ffc69f;
        font-style: normal;
}

.area-content .area-riyu .riyu-wrap:nth-child(3) .title h3 span::before,
.area-content .area-riyu .riyu-wrap:nth-child(5) .title h3 span:nth-child(2)::before,
.area-content .area-riyu .riyu-wrap:nth-child(6) .title h3 span::before {
        left: 0.25em;
        content: "・・・";
}

.area-content .area-riyu .riyu-wrap:nth-child(5) .title h3 span::before {
        left: 0.25em;
        content: "・・・・";
}

.area-content .area-riyu .riyu-wrap .riyu-grid .riyu-list-right img {
        max-width: 100%;
        height: auto;
}

.area-content .area-cta {
        margin-bottom: 100px;
}

.area-content .area-cta .heading03 {
        font-weight: 700;
        font-size: 28px;
        margin-bottom: 20px;
}

.area-content .area-cta .heading03 span {
        position: relative;
}

.area-content .area-cta .heading03 span::before {
        position: absolute;
        top: 0;
        left: -38px;
        content: "";
        width: 33px;
        height: 35px;
        background: url("./../img/page/okegawa/heading03_01.png") 0 0 no-repeat;
        background-size: cover;
}

.area-content .area-cta .heading03 span::after {
        position: absolute;
        top: 0;
        right: -38px;
        content: "";
        width: 33px;
        height: 35px;
        background: url("./../img/page/okegawa/heading03_02.png") 0 0 no-repeat;
        background-size: cover;
}

.area-content .area-cta>p {
        font-size: 20px;
        margin-bottom: 40px;
}

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

.area-content .area-cta .flex-wrap span,
.area-content .area-cta .flex-wrap a {
        width: 48%;
}

.area-content .heading04 {
        font-size: 28px;
        font-weight: 900;
        margin-bottom: 40px;
        position: relative;
        padding-left: 50px;
}

.area-content .heading04::before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        content: "";
        width: 12px;
        height: 12px;
        border: 13px solid #ed6a00;
        border-radius: 50%;
}

.area-content .area-seko .seko-object-fit {
        height: 203px;
}

.area-content .area-customer .customer-top-object-fit {
        height: 274px;
}

.area-content .area-form .heading05 {
        font-size: 28px;
        font-weight: 900;
        color: #f29600;
        border: 5px solid #f29600;
        padding: 23px 0;
        margin-bottom: 40px;
}

.area-content .area-data {
        margin-top: 100px;
}

.area-content .area-data .heading06 {
        display: inline-block;
        width: 402px;
        background: #f29600;
        color: #fff;
        font-weight: 900;
        font-size: 28px;
        padding: 23px;
        border-radius: 40px;
        margin-bottom: 30px;
}

.area-content .area-data .txt {
        width: 92%;
        margin: 0 auto 30px;
}

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

.area-content .area-data .flex-wrap>div {
        width: 48%;
}

@media screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx) {

        .area-content .area-riyu .heading02 {
                background: url("./../img/page/okegawa/heading02@2x.png") 0 0 no-repeat;
                background-size: cover;
        }

        .area-content .area-cta .heading03 span::before {
                background: url("./../img/page/okegawa/heading03_01@2x.png") 0 0 no-repeat;
                background-size: cover;
        }

        .area-content .area-cta .heading03 span::after {
                background: url("./../img/page/okegawa/heading03_02@2x.png") 0 0 no-repeat;
                background-size: cover;
        }


}

.footer_area {
        margin: 0 auto;
        padding-bottom: 80px;
        width: 1000px;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.footer_area .txt {
        width: 49%;
        text-align: left;
        font-weight: 700;
        font-size: 14px;
}

.footer_area .txt a {
        color: #000;
        text-align: left;
        font-weight: 700;
}

.footer_area .txt .tit {
        background: url("./../img/common/foot/tit_bg.png") 0 0 no-repeat;
        background-size: cover;
        padding-left: 5vw;
        padding-top: 1.5vw;
        font-weight: 700;
        font-size: 3vw;
        height: 5.3vw;
        margin-bottom: 2vw;
}

.footer_area .img {
        width: 49%;
}

@media screen and (min-width: 1000px) {
        .footer_area .txt {
                font-size: 14px;
        }

        .footer_area .txt .tit {
                padding-left: 50px;
                padding-top: 15px;
                height: 55px;
                margin-bottom: 20px;
                font-size: 150%;
        }
}


.voice_mv,
#ldk_reform>div:first-child p {
        text-align: center;
}

.award_mv img,
.reason_block05_title img,
.satisfaction_point_subtitle img,
#bathroom>img,
#kitchen>img,
#kitchen section .left img {
        width: 100%;
}

#bathroom section .w400,
#kitchen section .w400 {
        max-width: 48%;
}

#bathroom section .w300 {
        max-width: 48%;
}

.sp-img {
        display: none;
}

.hojokin-btn {
        margin: 25px auto 0 auto;
        width: 260px;
        border: 3px solid #322521;
        border-radius: 35px;
        font-size: 16px;
        transition: .3s;
        text-align: center;
}

.hojokin-btn a {
        color: #322521;
        padding: 15px;
        display: block;
        transition: .3s;
}

.hojokin-btn:hover {
        background: #322521;
}

.hojokin-btn a:hover {
        text-decoration: none;
        color: #fff;
}

.hosoku2 {
        border-top: solid 1px #333;
        margin: 30px 0 60px;
        padding: 30px 0 0;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
}

.slick-list {
        width: 100%;
}

.thumb-item .slick-track {
        transform: translate3d(0px, 0px, 0px) !important;
}



.top-cta {
        background: #f2f2f2;
        padding: 0px 0 30px;
        margin: 30px 0;
}

.fbox {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        align-items: center;
}

.top-cta .fbox .item {
        width: 32%;
}

.top-cta h3 {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 20px;
        position: relative;
        top: -10px;
}

.top-tel {
        font-size: 41px;
        font-weight: 700;
}

.top-tel a {
        color: #333;
}

.top-tel a:hover {
        text-decoration: none;
}

.top-tel span {
        display: block;
        font-size: 16px;
        margin-bottom: 10px;
}

@media screen and (max-width: 1000px) {
        .top-tel {
                font-size: 3.8vw;
        }

        .top-tel span {
                font-size: 1.4vw;
                margin-bottom: 0;
        }
}


/* ------------------------------------------------------
 フッタバナー
------------------------------------------------------ */
.footer-banner {
        display: flex;
        justify-content: center;
        column-gap: 20px;
        padding: 30px 0 40px;
}

.footer-banner li {
        width: calc((100% - 40px)/3);
}
.footer-banner li img{
        width: 100%;
        height: auto;
}



:root {
        --green: #00A599;
        --green_l: #eef4f4;
        --pink: #E66F78;
        --pink_l: #f9f0f1;
        --blue: #65a1da;
        --blue_l: rgba(101, 161, 218, 0.1);
        --orange: #f09229;
        --orange_l: rgba(240, 147, 41, 0.1);
      }
      .sp_only{
        display: none;
      }
      .pc_only{
        display: block;
      }
      @media screen and (max-width: 750px) {
        :root {
          --break: 750;
        }
        .sp_only{
          display: block;
        }
        .pc_only{
          display: none;
        }
        }
      
      @media screen and (min-width: 751px) and (max-width: 1300px) {
        :root {
          --break: 1300;
        }
      
      }
      
      @media screen and (min-width: 1301px) {
        :root {
          --break: 1301;
        }
      }
      
      .txt_green {
        color: var(--green);
      }
      
      .bg_green {
        background-color: var(--green);
      }
      
      .bg_green_l {
        background-color: var(--green_l);
      }
      
      .bdr_green {
        border-left-color: var(--green);
      }
      
      .txt_pink {
        color: var(--pink)
      }
      
      .bg_pink {
        background-color: var(--pink);
      }
      
      .bg_pink_l {
        background-color: var(--pink_l);
      }
      
      .bdr_pink {
        border-color: var(--pink) !important;
      }
      
      .bg_blue{
        background-color: var(--blue);
      }
      .bg_blue_l {
        background-color: var(--blue_l);
      }
      .bdr_blue {
        border-color: var(--blue);
      }
      
      .bg_orange{
        background-color: var(--orange);
      }
      .bg_orange_l {
        background-color: var(--orange_l);
      }
      .bdr_orange {
        border-color: var(--orange) ;
      }
      
      .txt_white {
        color: #fff;
      }
      
      .bg_white {
        background-color: #fff
      }
      .bdr_white {
        border-color: #fff ;
      }
      
      /*住宅省エネキャンペーン*/
      
      .mgf {
        font-family: "Zen Maru Gothic", serif;
        font-weight: 400;
        font-style: normal;
      }
      
      #hojyokin_page {
        font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
        font-family: "Zen Maru Gothic", serif;
        line-height: 1.6;
        margin-bottom: 30px;
      }
      
      #hojyokin_page .img--fit {
        width: 100%;
      }
      
      #hojyokin_page .sec__in {
        display: block;
        margin: 0 auto;
        width: 80vw;
        max-width: 1000px;
      }
      
      #hojyokin_page .mv {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
      }
      
      #hojyokin_page .mv .btn_h {
        position: absolute;
        right: 0;
        bottom: 20px;
      }
      
      #hojyokin_page .btn_h_contact {
        margin-left: 80px;
      }
      
      #hojyokin_page .mv .h-btn:hover {
        border: 2px solid #00A599;
        background: #00A599;
        color: #fff;
        opacity: 1;
      }
      
      #hojyokin_page .btn_flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      
      #hojyokin_page .btn_flex a {
        width: 32%;
      }
      
      #hojyokin_page .lg_bg {
        background: #eef4f4;
        padding: 50px 0;
        background-image: url(../img/page/hojokin/bg_house.png);
        background-position: bottom 0 right 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
      }
      
      #hojyokin_page .c_flex {
        display: flex;
        justify-content: space-between;
      }
      
      #hojyokin_page .c_flex img {
        width: 95%;
      }
      
      #hojyokin_page .fw7 {
        font-weight: 700;
      }
      
      #hojyokin_page h3 {
        line-height: 1.2;
      }
      
      #hojyokin_page .fcp {
        color: #E66F78;
      }
      
      #hojyokin_page .fcb {
        color: #65A1DA;
      }
      
      #hojyokin_page .fco {
        color: #F09229;
      }
      
      #hojyokin_page .fcg {
        color: #00A599;
      }
      
      #hojyokin_page .mv .btn_h {
        position: absolute;
        right: 0;
        bottom: 20px;
        display: flex;
      }
      
      #hojyokin_page .mv .h-btn {
        border: 2px solid #00A599;
        background: #fff;
        color: #00A599;
        padding: 20px 50px;
        border-radius: 999px;
        width: 100%;
        font-size: 21px;
        text-align: center;
      }
      
      #hojyokin_page .p_btn {
        border: 2px solid #E66F78;
        background: #E66F78;
        color: #fff;
        padding: 20px 0px;
        border-radius: 5px;
        text-align: center;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 700;
      }
      
      #hojyokin_page .p_btn:hover {
        border: 2px solid #E66F78;
        background: #fff;
        color: #E66F78;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
      }
      
      #hojyokin_page .b_btn {
        border: 2px solid #65A1DA;
        background: #65A1DA;
        color: #fff;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 700;
      }
      
      #hojyokin_page .b_btn:hover {
        border: 2px solid #65A1DA;
        background: #fff;
        color: #65A1DA;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
      }
      
      #hojyokin_page .o_btn {
        border: 2px solid #F09229;
        background: #F09229;
        color: #fff;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 700;
      }
      
      #hojyokin_page .o_btn:hover {
        border: 2px solid #F09229;
        background: #fff;
        color: #F09229;
        padding: 20px 10px;
        border-radius: 5px;
        text-align: center;
      }
      
      #hojyokin_page .g_tit {
        color: #00A599;
        font-weight: 700;
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 1.2;
      }
      
      #hojyokin_page .fsz2 {
        font-size: 20px;
        font-size: 2.0rem;
      }
      
      #hojyokin_page .fsz3 {
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 1.5;
      }
      
      #hojyokin_page .fsz4 {
        font-size: 40px;
        font-size: 4.0rem;
      }
      
      #hojyokin_page .title_hukidashi_p {
        position: relative;
        padding: 1.5rem 2rem;
        border-bottom: 3px solid #E66F78;
        background: #fff;
      }
      
      #hojyokin_page .title_hukidashi_p:before {
        position: absolute;
        bottom: -28px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #E66F78 transparent transparent transparent;
      }
      
      #hojyokin_page .title_hukidashi_p:after {
        position: absolute;
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
      }
      
      #hojyokin_page .title_hukidashi_b {
        position: relative;
        padding: 1.5rem 2rem;
        border-bottom: 3px solid #65A1DA;
        background: #fff;
      }
      
      #hojyokin_page .title_hukidashi_b:before {
        position: absolute;
        bottom: -28px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #65A1DA transparent transparent transparent;
      }
      
      #hojyokin_page .title_hukidashi_b:after {
        position: absolute;
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
      }
      
      #hojyokin_page .title_hukidashi_o {
        position: relative;
        padding: 1.5rem 2rem;
        border-bottom: 3px solid #F09229;
        background: #fff;
      }
      
      #hojyokin_page .title_hukidashi_o:before {
        position: absolute;
        bottom: -28px;
        left: 50%;
        transform: translateX(-50%);
      
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #F09229 transparent transparent transparent;
      }
      
      #hojyokin_page .title_hukidashi_o:after {
        position: absolute;
        bottom: -24px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        content: '';
        border-width: 28px 24px 0 24px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
      }
      
      #hojyokin_page .table_box {
        display: flex;
      }
      #hojyokin_page .table_box2 {
      }
      #hojyokin_page .kagi_box {
        --x-gradient: linear-gradient(90deg, #333 0 30px, transparent 0 calc(100% - 30px), #333 calc(100% - 30px));
        --y-gradient: linear-gradient(#333 0 30px, transparent 0 calc(100% - 30px), #333 calc(100% - 30px));
        padding: 3rem;
        background-image:
          var(--x-gradient),
          var(--y-gradient),
          var(--x-gradient),
          var(--y-gradient);
        background-repeat: no-repeat;
        background-size: 100% 5px, 5px 100%, 100% 5px, 5px 100%;
        background-position: top, right, bottom, left;
        width: 100%;
        border: 1px solid #ccc;
        text-align: left;
      }
      
      #hojyokin_page .kagi_box .tit01 {
        background: #00A599;
        border: 2px solid #00A599;
        border-radius: 20px;
        padding: 1rem;
        text-align: center;
        margin: 0 auto 20px;
        color: #fff;
        width: 300px;
      }
      
      #hojyokin_page .kagi_box .tit02 {
        background: #fff;
        border: 2px solid #00A599;
        border-radius: 20px;
        padding: 1rem;
        text-align: center;
        margin: 0 auto 20px;
        color: #00A599;
        width: 300px;
      }
      
      #hojyokin_page .kagi_box .tit03 {
        background: #65A1DA;
        border: 2px solid #65A1DA;
        border-radius: 20px;
        padding: 1rem;
        text-align: center;
        margin: 0 auto 20px;
        color: #fff;
        width: 300px;
      }
      
      #hojyokin_page .kagi_box .tit04 {
        background: #fff;
        border: 2px solid #65A1DA;
        border-radius: 20px;
        padding: 1rem;
        text-align: center;
        margin: 0 auto 20px;
        color: #65A1DA;
        width: 300px;
      }
      
      #hojyokin_page .lp_bg {
        background: #f9f0f1;
        padding: 50px 0;
      }
      
      #hojyokin_page .seko_jirei_box {
        background: #fff;
        border-radius: 10px;
        margin-bottom: 30px;
        width: 100%;
      }
      
      #hojyokin_page .seko_jirei_box .tit {
        background: #E66F78;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-bottom: 1rem;
        width: 100%;
        color: #fff;
        text-align: center;
        padding: 1rem;
        font-size: 30px;
        font-size: 3.0rem;
        font-weight: 700;
        position: relative;
      }
      
      #hojyokin_page .seko_jirei_box .tit .hissu {
        background: #fff;
        border-radius: 20px;
        color: #E66F78;
        text-align: center;
        padding: .5rem 2rem;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 700;
        top: 10px;
        right: 10px;
        position: absolute;
      }
      
      #hojyokin_page .seko_jirei_box .tit .nini {
        background: #fff;
        border-radius: 20px;
        color: #808080;
        text-align: center;
        padding: .5rem 2rem;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 700;
        top: 10px;
        right: 10px;
        position: absolute;
      }
      
      #hojyokin_page .seko_jirei_box .jirei {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 3rem;
      }
      
      #hojyokin_page .seko_jirei_box .jirei .box {
        width: 31%;
        margin: 0 1% 20px;
        text-align: center;
        font-size: 1.4rem;
      }
      
      #hojyokin_page .seko_jirei_box .jirei .box img {
        width: 100%;
        margin-bottom: 8px;
      }
      
      #hojyokin_page .mado_flex {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
      }
      
      #hojyokin_page .mado_flex .m_box {
        width: 48%;
        margin: 1%;
        text-align: center;
      }
      
      #hojyokin_page .mado_flex .m_box img {
        width: 100%;
        margin-bottom: 8px;
      }
      
      #hojyokin_page .lo_bg {
        background: #f9f8ef;
        padding: 50px 0;
      }
      
      #hojyokin_page .mb20 {
        margin-bottom: 20px;
      }
      
      #hojyokin_page .mb30 {
        margin-bottom: 30px;
      }
      
      #hojyokin_page .mb50 {
        margin-bottom: 50px;
      }
      
      #hojyokin_page .mb80 {
        margin-bottom: 80px;
      }
      
      #hojyokin_page .h_hr {
        display: none;
      }
      
      #hojyokin_page .lineup-cta-box .cmn-btns {
        width: 410px;
      }
      
      #hojyokin_page .lineup-cta__in {
        display: flex;
        justify-content: center;
      }
      
      #hojyokin_page .renov-cta .cmn-btns {
        display: flex;
        justify-content: center;
      }
      
      #hojyokin_page .renov-cta .btn_h {
        padding-top: 30px;
      }
      
      #hojyokin_page .cmn-cta-time {
        font-family: noto-sans-cjk-jp, sans-serif;
      }
      
      .hojokin_caution {
        border: solid 1px #b71c1c;
        margin-bottom: 20px !important;
        text-align: center;
        padding: 1em;
      }
      
      .hojokin_caution .ttl {
        background-color: #b71c1c;
        color: #fff;
        border-radius: 100px;
        font-weight: bold;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding: 0.4em 2em;
        margin-bottom: 1em;
      }
      
      .hojokin_caution .fv_l {
        font-size: 1.3em;
      }
      
      .hojokin_caution .marker {
        background: linear-gradient(transparent 60%, #ff6 60%);
      }
      
      .hojokin_caution p {
        font-weight: bold;
      }
      
      .hojokin_caution .red {
        font-size: 20px;
        font-weight: 700;
        color: #b71c1c;
        border-bottom: 1px solid #b71c1c;
      }
      
      .hojyokouji_fbox {
        display: flex;
        justify-content: flex-start;
      }
      
      .txt_tal {
        text-align: left;
      }
      
      .g_link {
        color: #00A599 !important;
        text-decoration: underline;
      }
      
      .g_link:hover {
        color: #ccc;
        text-decoration: none;
      }
      
      
      
      @media screen and (min-width: 751px) and (max-width: 1300px) {
        #hojyokin_page .mv .btn_h {
          position: absolute;
          right: 0;
          bottom: 20px;
          width: 24em;
          display: flex;
        }
      
        #hojyokin_page .mv .h-btn {
          border: 2px solid #00A599;
          background: #fff;
          color: #00A599;
          padding: 1em 0;
          border-radius: 999px !important;
          width: 100%;
          font-size: 1.6em;
          text-align: center;
        }
      
        #hojyokin_page .p_btn {
          border: 2px solid #E66F78;
          background: #E66F78;
          color: #fff;
          padding: 1em 0;
          border-radius: 5px;
          text-align: center;
          font-size: 1.6em;
          font-weight: 700;
        }
      
        #hojyokin_page .p_btn:hover {
          border: 2px solid #E66F78;
          background: #fff;
          color: #E66F78;
          padding: 1em;
          border-radius: 5px;
          text-align: center;
        }
      
        #hojyokin_page .b_btn {
          border: 2px solid #65A1DA;
          background: #65A1DA;
          color: #fff;
          padding: 1em;
          border-radius: 5px;
          text-align: center;
          font-size: 1.6em;
          font-weight: 700;
        }
      
        #hojyokin_page .b_btn:hover {
          border: 2px solid #65A1DA;
          background: #fff;
          color: #65A1DA;
          padding: 1em;
          border-radius: 5px;
          text-align: center;
        }
      
        #hojyokin_page .o_btn {
          border: 2px solid #F09229;
          background: #F09229;
          color: #fff;
          padding: 1em;
          border-radius: 5px;
          text-align: center;
          font-size: 1.6em;
          font-weight: 700;
        }
      
        #hojyokin_page .o_btn:hover {
          border: 2px solid #F09229;
          background: #fff;
          color: #F09229;
          padding: 1em;
          border-radius: 5px;
          text-align: center;
        }
      
        #hojyokin_page .g_tit {
          color: #00A599;
          font-weight: 700;
          font-size: 3vw;
          line-height: 1.2;
        }
      
        #hojyokin_page .fsz2 {
          font-size: calc(20/ var(--break) * 100vw);
        }
      
        #hojyokin_page .fsz3 {
          font-size: calc(30 / var(--break) * 100vw);
        }
      
        #hojyokin_page .fsz4 {
          font-size: 4vw;
        }
      
        #hojyokin_page .table_box img {
          width: 100%;
        }
      
        #hojyokin_page .renov-cta .cmn-btns {
          display: flex;
          justify-content: center;
          width: 100%;
        }
      
        #hojyokin_page .renov-cta .btn_h {
          padding-top: 2.4vw;
        }
      
        #hojyokin_page .lineup-cta-box .cmn-btns {
          width: 31vw;
        }
      }
      
      @media screen and (max-width: 750px) {
        #hojyokin_page {
          margin-bottom: calc(33 / 750 * 100vw);
        }
      
        .contact-cta-btns a {
          position: relative;
          display: block;
          align-items: center;
          width: 84.66667vw;
          padding: 3vw;
          height: 14vw;
          font-size: 6vw;
          font-weight: 500;
          line-height: 1.2em;
          transition: color .3s, background-color .3s;
        }
      
        #hojyokin_page .mv .btn_h {
          position: relative;
          right: 0;
          bottom: 1vw;
          max-width: 96%;
          width: 96%;
          display: flex;
        }
      
        #hojyokin_page .sec__in {
          display: block;
          margin: 0 auto;
          width: 92%;
          max-width: 92%;
        }
      
        #hojyokin_page .mv .btn_h {
          position: relative;
          right: 0;
          bottom: 0;
          margin-top: 20px;
          margin-bottom: 10px;
          font-size: 4vw;
          width: 100%;
          max-width: 100%;
          display: flex;
        }
      
        #hojyokin_page .mv .h-btn {
          border: 2px solid #00A599;
          background: #fff;
          color: #00A599;
          padding: 6vw 22vw;
          border-radius: 30px;
          width: 100%;
          font-size: 5vw;
          text-align: center;
        }
      
        #hojyokin_page .p_btn {
          border: 2px solid #E66F78;
          background: #E66F78;
          color: #fff;
          padding: 4vw 0;
          border-radius: 5px;
          text-align: center;
          font-size: 5vw;
          font-weight: 700;
        }
      
        #hojyokin_page .p_btn:hover {
          border: 2px solid #E66F78;
          background: #fff;
          color: #E66F78;
          padding: 4vw 2vw;
          border-radius: 5px;
          text-align: center;
        }
      
        #hojyokin_page .b_btn {
          border: 2px solid #65A1DA;
          background: #65A1DA;
          color: #fff;
          padding: 4vw 2vw;
          border-radius: 5px;
          text-align: center;
          font-size: 5vw;
          font-weight: 700;
        }
      
        #hojyokin_page .b_btn:hover {
          border: 2px solid #65A1DA;
          background: #fff;
          color: #65A1DA;
          padding: 4vw 2vw;
          border-radius: 5px;
          text-align: center;
        }
      
        #hojyokin_page .o_btn {
          border: 2px solid #F09229;
          background: #F09229;
          color: #fff;
          padding: 4vw 2vw;
          border-radius: 5px;
          text-align: center;
          font-size: 5vw;
          font-weight: 700;
        }
      
        #hojyokin_page .o_btn:hover {
          border: 2px solid #F09229;
          background: #fff;
          color: #F09229;
          padding: 4vw 2vw;
          border-radius: 5px;
          text-align: center;
        }
      
        #hojyokin_page .g_tit {
          color: #00A599;
          font-weight: 700;
          font-size: 6vw;
          line-height: 1.2;
        }
      
        #hojyokin_page .fsz2 {
          font-size: 4vw;
        }
      
        #hojyokin_page .fsz3 {
          font-size: 4vw;
        }
      
        #hojyokin_page .fsz4 {
          font-size: 7vw;
        }
      
        #hojyokin_page .btn_flex {
          display: block;
        }
      
        #hojyokin_page .btn_flex a {
          width: 100%;
          margin-bottom: 10px;
          display: block;
        }
      
        #hojyokin_page .btn_flex img {
          width: 100%;
        }
      
        #hojyokin_page .lg_bg {
          background: #eef4f4;
          padding: 50px 0;
          background-image: url(../img/page/hojokin/bg_house_sp.png);
          background-position: bottom 0 right 0;
          background-repeat: no-repeat;
          background-size: 100% auto;
        }
      
        #hojyokin_page .c_flex {
          display: block;
        }
      
        #hojyokin_page .c_flex img {
          margin-bottom: 20px;
        }
      
        #hojyokin_page .seko_jirei_box .jirei {
          padding: 1rem;
        }
      
        #hojyokin_page .seko_jirei_box .tit {
          font-size: 2rem;
          display: grid;
        }
      
        #hojyokin_page .seko_jirei_box .tit .hissu {
          font-size: 2rem;
          top: 0;
          right: 0;
          position: relative;
          margin: 0 auto;
          width: 50%;
        }
      
        #hojyokin_page .seko_jirei_box .tit .nini {
          font-size: 2rem;
          top: 0;
          right: 0;
          position: relative;
          margin: 0 auto;
          width: 50%;
        }
      
        #hojyokin_page .seko_jirei_box .jirei .box {
          width: 48%;
          text-align: center;
          font-size: 1.6rem;
        }
      
        #hojyokin_page .title_hukidashi_p:before {
          left: 50%;
          transform: translateX(-50%);
        }
      
        #hojyokin_page .title_hukidashi_p:after {
          left: 50%;
          transform: translateX(-50%);
        }
      
        #hojyokin_page .btn_h {
          width: 96%;
          margin: 1em auto;
        }
      
        #hojyokin_page .mb20 {
          margin-bottom: calc(23 / 750 * 100vw);
        }
      
        #hojyokin_page .mb30 {
          margin-bottom: calc(33 / 750 * 100vw);
        }
      
        #hojyokin_page .mb50 {
          margin-bottom: calc(40 / 750 * 100vw);
        }
      
        #hojyokin_page .mb80 {
          margin-bottom: calc(60 / 750 * 100vw);
        }
      
        #hojyokin_page .reserve-cta {
          margin-top: calc(80 / 750 * 100vw);
        }
      
        #hojyokin_page .table_box {
          display: flex;
          overflow-x: auto;
        }
      
        #hojyokin_page .table_box2 {
          overflow-x: auto;
        }
        
        #hojyokin_page .table_box img {
          width: 160%;
        }
      
        #hojyokin_page .h_hr {
          display: block;
          border: 2px solid #ccc;
          margin: calc(60 / 750 * 100vw) 0;
        }
      
        #hojyokin_page .lineup-cta__in {
          display: block;
        }
      
        #hojyokin_page .renov-cta .cmn-btns {
          display: block;
        }
      
        #hojyokin_page .lineup-cta-box .cmn-btns {
          width: 100%;
        }
      
        .hojyokouji_fbox {
          display: block;
        }
      }
      
      
      
      #hojyokin_page {
        /*jirei*/
        /*table*/
      }
      #hojyokin_page .box_hojokin {
        display: flex;
        justify-content: space-between;
      }
      #hojyokin_page .box_hojokin .col {
        width: calc(50% - 15 / var(--break) * 100vw);
        border: calc(5 / var(--break) * 100vw) solid var(--green);
        border-radius: calc(17 / var(--break) * 100vw);
        font-weight: bold;
        overflow: hidden;
        display: flex;
        flex-direction: column;
      }
      #hojyokin_page .box_hojokin .ttl {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: calc(32 / var(--break) * 100vw);
        line-height: 1;
        border-bottom: calc(5 / var(--break) * 100vw) solid var(--green);
        height: calc(84 / var(--break) * 100vw);
      }
      #hojyokin_page .box_hojokin .cont {
        background-color: #fff;
        padding: calc(30 / var(--break) * 100vw) 0;
        flex-grow: 2;
      }
      #hojyokin_page .box_hojokin .head {
        text-align: center;
        font-size: calc(24 / var(--break) * 100vw);
        margin-bottom: calc(10 / var(--break) * 100vw);
        line-height: 1;
      }
      #hojyokin_page .box_hojokin .large {
        font-size: calc(41 / var(--break) * 100vw);
        margin-bottom: calc(30 / var(--break) * 100vw);
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: baseline;
      }
      #hojyokin_page .box_hojokin .lg {
        font-size: calc(123 / var(--break) * 100vw);
      }
      #hojyokin_page .box_hojokin .md {
        font-size: calc(42 / var(--break) * 100vw);
        line-height: 1.5;
      }
      #hojyokin_page .box_hojokin .txt {
        text-align: left;
        padding: 0 calc(24 / var(--break) * 100vw);
        font-size: calc(23 / var(--break) * 100vw);
      }
      #hojyokin_page .box_hojokin .txt2 {
        text-align: left;
        padding: 0 calc(30 / var(--break) * 100vw);
        font-size: calc(23 / var(--break) * 100vw);
      }
      #hojyokin_page .box_hojokin .txt2 + .txt2 {
        margin-top: 1em;
      }
      #hojyokin_page .box_hojokin.pink {
        position: relative;
      }
      #hojyokin_page .box_hojokin.pink::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: var(--pink);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-size: 70%;
        background-image: url(../img/page/hojokin/cross.svg);
        border-radius: 50%;
        width: calc(80 / var(--break) * 100vw);
        height: calc(80 / var(--break) * 100vw);
        z-index: 1;
      }
      #hojyokin_page .box_hojokin.pink .col {
        border-width: 1px !important;
        box-shadow: 0 calc(22 / var(--break) * 100vw) 0 0 rgba(230, 111, 121, 0.65);
        background-color: #fff;
        position: relative;
      }
      #hojyokin_page .box_hojokin.pink .ttl {
        margin: calc(37 / var(--break) * 100vw) calc(65 / var(--break) * 100vw) 0;
        border-radius: 999px;
        border-bottom: none;
        height: calc(52 / var(--break) * 100vw);
      }
      #hojyokin_page .box_lead {
        border-radius: calc(18 / var(--break) * 100vw);
        padding: calc(36 / var(--break) * 100vw) calc(55 / var(--break) * 100vw) calc(36 / var(--break) * 100vw) calc(300 / var(--break) * 100vw);
        background-position: left calc(48 / var(--break) * 100vw) center;
        background-size: cover;
        background-repeat: no-repeat;
        background-image: url(../img/page/hojokin/img_hojokin01.png);
        background-size: calc(202 / var(--break) * 100vw) calc(202 / var(--break) * 100vw);
        min-height: calc(240 / var(--break) * 100vw);
      }
      #hojyokin_page .box_lead .ttl {
        font-size: calc(36 / var(--break) * 100vw);
        margin-bottom: calc(20 / var(--break) * 100vw);
        line-height: 1;
        font-weight: bold;
        text-align: left;
      }
      #hojyokin_page .box_lead .txt {
        font-size: calc(14 / var(--break) * 100vw);
        line-height: 1.6;
        font-weight: bold;
        text-align: left;
      }
      #hojyokin_page .box_lead .txt + .txt {
        margin-top: 1.5em;
      }
      #hojyokin_page .box_lead.box_pink {
        background-image: url(../img/page/hojokin/img_hojokin01.png);
      }
      #hojyokin_page .box_lead.box_blue {
        background-image: url(../img/page/hojokin/img_hojokin02.png);
      }
      #hojyokin_page .box_lead.box_orange {
        background-image: url(../img/page/hojokin/img_hojokin03.png);
      }
      #hojyokin_page .box_jirei {
        display: flex;
        -moz-column-gap: calc(30 / var(--break) * 100vw);
             column-gap: calc(30 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei > .img {
        width: calc(55% - 15 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei > .txtarea {
        width: calc(45% - 15 / var(--break) * 100vw);
        text-align: left;
        font-weight: bold;
      }
      #hojyokin_page .box_jirei > .txtarea .ttl {
        font-size: calc(28 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei > .txtarea .large {
        font-size: calc(42 / var(--break) * 100vw);
        line-height: 1;
        margin-bottom: calc(20 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei > .txtarea .large span {
        font-size: calc(83 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei > .txtarea .small {
        font-size: calc(14 / var(--break) * 100vw);
        line-height: 1.5;
      }
      #hojyokin_page .box_jirei > .txtarea ol {
        counter-reset: item;
        font-size: calc(22 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei > .txtarea ol li {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
      }
      #hojyokin_page .box_jirei > .txtarea ol li span {
        white-space: nowrap;
      }
      #hojyokin_page .box_jirei > .txtarea ol li:before {
        display: block;
        counter-increment: item;
        content: counter(item);
        background-color: var(--pink);
        border-radius: 50%;
        color: #fff;
        margin-right: 0.5em;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        letter-spacing: 0;
        justify-content: center;
        height: calc(24 / var(--break) * 100vw);
        width: calc(24 / var(--break) * 100vw);
        font-weight: 500;
        text-align: center;
        line-height: 1;
        font-size: calc(18 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei > .txtarea .head {
        width: calc(220 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei.ai_center {
        align-items: center;
      }
      #hojyokin_page .box_jirei.ai_center > .img {
        width: calc(50% - 15 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei.ai_center > .txtarea {
        width: calc(50% - 15 / var(--break) * 100vw);
      }
      #hojyokin_page .box_jirei:last-child > .txtarea .head {
        width: calc(280 / var(--break) * 100vw);
      }
      #hojyokin_page .tbl_hojokin {
        width: 100%;
        border-style: solid;
        border-width: 3px;
        table-layout: fixed;
      }
      #hojyokin_page .tbl_hojokin.bdr_blue th {
        border-color: var(--blue);
      }
      #hojyokin_page .tbl_hojokin.bdr_blue td {
        border-color: var(--blue);
      }
      #hojyokin_page .tbl_hojokin.bdr_orange {
        text-align: center;
      }
      #hojyokin_page .tbl_hojokin.bdr_orange th {
        border-color: var(--orange);
      }
      #hojyokin_page .tbl_hojokin.bdr_orange td {
        border-color: var(--orange);
      }
      #hojyokin_page .tbl_hojokin.bdr_green {
        text-align: center;
      }
      #hojyokin_page .tbl_hojokin.bdr_green th {
        border-color: var(--green);
      }
      #hojyokin_page .tbl_hojokin.bdr_green td {
        border-color: var(--green);
      }
      #hojyokin_page .tbl_hojokin thead th {
        border-style: solid;
        border-width: 3px;
        padding: calc(20 / var(--break) * 100vw);
        font-size: calc(20 / var(--break) * 100vw);
        line-height: 1.1;
        font-weight: bold;
        height: calc(100 / var(--break) * 100vw);
      }
      #hojyokin_page .tbl_hojokin thead th span {
        font-size: calc(15 / var(--break) * 100vw);
      }
      #hojyokin_page .tbl_hojokin thead th:not(:first-child):not(:last-child) {
        border-right-color: #fff !important;
      }
      #hojyokin_page .tbl_hojokin tbody th {
        border-style: solid;
        border-width: 3px;
        padding: calc(20 / var(--break) * 100vw);
        font-size: calc(20 / var(--break) * 100vw);
        font-weight: bold;
        line-height: 1.1;
        height: calc(120 / var(--break) * 100vw);
      }
      #hojyokin_page .tbl_hojokin tbody th span {
        font-size: calc(18 / var(--break) * 100vw);
      }
      #hojyokin_page .tbl_hojokin tbody td {
        border-style: solid;
        border-width: 3px;
        font-weight: bold;
        padding: calc(20 / var(--break) * 100vw);
        font-size: calc(20 / var(--break) * 100vw);
        height: calc(120 / var(--break) * 100vw);
      }
      #hojyokin_page .tbl_hojokin tbody td p {
        font-size: calc(13 / var(--break) * 100vw);
        line-height: 1.6;
        text-align: left;
      }
      #hojyokin_page .tbl_hojokin tbody td.tl {
        vertical-align: top;
        text-align: left;
      }
      #hojyokin_page .tbl_hojokin tbody td.cl {
        text-align: left;
      }
      #hojyokin_page .tbl_hojokin tbody td.md {
        font-size: calc(15 / var(--break) * 100vw);
      }
      #hojyokin_page .tbl_hojokin tbody td.sm {
        letter-spacing: 0;
        font-size: calc(14 / var(--break) * 100vw);
      }
      
      @media screen and (max-width: 750px) {
        #hojyokin_page {
          /*jirei*/
          /*table*/
        }
        #hojyokin_page .box_hojokin {
          flex-direction: column;
        }
        #hojyokin_page .box_hojokin .col {
          width: 100%;
          border-width: 3px;
        }
        #hojyokin_page .box_hojokin .col + .col {
          margin-top: 1em;
        }
        #hojyokin_page .box_hojokin .ttl {
          font-size: calc(36 / var(--break) * 100vw);
          border-bottom: 3px solid var(--green);
        }
        #hojyokin_page .box_hojokin .cont {
          padding: calc(40 / var(--break) * 100vw) 0;
        }
        #hojyokin_page .box_hojokin .head {
          font-size: calc(28 / var(--break) * 100vw);
          margin-bottom: calc(20 / var(--break) * 100vw);
        }
        #hojyokin_page .box_hojokin .large {
          font-size: calc(50 / var(--break) * 100vw);
          margin-bottom: calc(40 / var(--break) * 100vw);
        }
        #hojyokin_page .box_hojokin .lg {
          font-size: calc(130 / var(--break) * 100vw);
        }
        #hojyokin_page .box_hojokin .md {
          font-size: calc(50 / var(--break) * 100vw);
        }
        #hojyokin_page .box_hojokin .txt {
          padding: 0 calc(30 / var(--break) * 100vw);
          font-size: calc(30 / var(--break) * 100vw);
        }
        #hojyokin_page .box_hojokin .txt2 {
          text-align: left;
          padding: 0 calc(35 / var(--break) * 100vw);
          font-size: calc(30 / var(--break) * 100vw);
        }
        #hojyokin_page .box_hojokin.pink {
          position: relative;
        }
        #hojyokin_page .box_hojokin.pink::before {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, 0%);
          background-color: var(--pink);
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          background-size: 70%;
          background-image: url(../img/page/hojokin/cross.svg);
          border-radius: 50%;
          width: calc(100 / var(--break) * 100vw);
          height: calc(100 / var(--break) * 100vw);
          z-index: 1;
        }
        #hojyokin_page .box_hojokin.pink .col + .col {
          margin-top: calc(50 / var(--break) * 100vw);
        }
        #hojyokin_page .box_hojokin.pink .ttl {
          margin: calc(37 / var(--break) * 100vw) calc(65 / var(--break) * 100vw) 0;
          height: calc(60 / var(--break) * 100vw);
        }
        #hojyokin_page .box_lead {
          border-radius: calc(40 / var(--break) * 100vw);
          padding: calc(40 / var(--break) * 100vw);
          background-position: left calc(40 / var(--break) * 100vw) top calc(40 / var(--break) * 100vw);
          min-height: auto;
        }
        #hojyokin_page .box_lead .ttl {
          height: calc(202 / var(--break) * 100vw);
          line-height: 1.5;
          padding-left: calc(220 / var(--break) * 100vw);
          display: flex;
          align-items: center;
        }
        #hojyokin_page .box_lead .txt {
          font-size: calc(24 / var(--break) * 100vw);
          font-weight: 500;
          line-height: 1.5;
        }
        #hojyokin_page .box_jirei {
          flex-direction: column;
          row-gap: calc(30 / var(--break) * 100vw);
          padding-bottom: calc(50 / var(--break) * 100vw);
          border-bottom: 2px solid #999;
          margin-bottom: calc(50 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei > .img {
          width: 100% !important;
        }
        #hojyokin_page .box_jirei > .txtarea {
          width: 100% !important;
        }
        #hojyokin_page .box_jirei > .txtarea .ttl {
          font-size: calc(50 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei > .txtarea .large {
          font-size: calc(90 / var(--break) * 100vw);
          margin-bottom: calc(30 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei > .txtarea .large span {
          font-size: calc(150 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei > .txtarea .small {
          font-size: calc(20 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei > .txtarea ol {
          font-size: calc(40 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei > .txtarea ol li {
          justify-content: space-between;
          letter-spacing: 0;
        }
        #hojyokin_page .box_jirei > .txtarea ol li:before {
          height: calc(40 / var(--break) * 100vw);
          width: calc(40 / var(--break) * 100vw);
          font-size: calc(28 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei > .txtarea .head {
          width: auto;
          flex-grow: 2;
        }
        #hojyokin_page .box_jirei.ai_center > .txtarea .ttl {
          font-size: calc(40 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei.ai_center > .txtarea .large {
          font-size: calc(50 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei.ai_center > .txtarea .large span {
          font-size: calc(120 / var(--break) * 100vw);
        }
        #hojyokin_page .box_jirei.ai_center > .txtarea .small {
          font-size: calc(18 / var(--break) * 100vw);
          letter-spacing: 0;
        }
        #hojyokin_page .box_jirei:last-child {
          border-bottom: none;
        }
        #hojyokin_page .tbl_hojokin {
          width: 780px;
        }
        #hojyokin_page .tbl_hojokin thead th {
          padding: calc(10 / var(--break) * 100vw);
          font-size: calc(26 / var(--break) * 100vw);
        }
        #hojyokin_page .tbl_hojokin thead th span {
          font-size: calc(20 / var(--break) * 100vw);
        }
        #hojyokin_page .tbl_hojokin tbody th {
          padding: calc(10 / var(--break) * 100vw);
          font-size: calc(26 / var(--break) * 100vw);
        }
        #hojyokin_page .tbl_hojokin tbody th span {
          font-size: calc(22 / var(--break) * 100vw);
        }
        #hojyokin_page .tbl_hojokin tbody td {
          padding: calc(10 / var(--break) * 100vw);
          font-size: calc(26 / var(--break) * 100vw);
        }
        #hojyokin_page .tbl_hojokin tbody td.md {
          font-size: calc(24 / var(--break) * 100vw);
        }
        #hojyokin_page .tbl_hojokin tbody td.sm {
          font-size: calc(22 / var(--break) * 100vw);
        }
      }
      @media screen and (min-width: 1301px) {
        #hojyokin_page {
          /*jirei*/
          /*table*/
        }
        #hojyokin_page .box_hojokin .col {
          width: calc(50% - 15px);
          border: 5px solid var(--green);
          border-radius: 17px;
        }
        #hojyokin_page .box_hojokin .ttl {
          font-size: 32px;
          border-bottom: 5px solid var(--green);
          height: 84px;
        }
        #hojyokin_page .box_hojokin .cont {
          padding: 30px 0;
        }
        #hojyokin_page .box_hojokin .head {
          font-size: 24px;
          margin-bottom: 10px;
        }
        #hojyokin_page .box_hojokin .large {
          font-size: 41px;
          margin-bottom: 30px;
        }
        #hojyokin_page .box_hojokin .lg {
          font-size: 123px;
        }
        #hojyokin_page .box_hojokin .md {
          font-size: 42px;
        }
        #hojyokin_page .box_hojokin .txt {
          padding: 0 24px;
          font-size: 23px;
        }
        #hojyokin_page .box_hojokin .txt2 {
          padding: 0 30px;
          font-size: 23px;
        }
        #hojyokin_page .box_hojokin.pink::before {
          width: 80px;
          height: 80px;
        }
        #hojyokin_page .box_hojokin.pink .col {
          box-shadow: 0 22px 0 0 rgba(230, 111, 121, 0.65);
        }
        #hojyokin_page .box_hojokin.pink .ttl {
          margin: 37px 65px;
          height: 52px;
        }
        #hojyokin_page .box_lead {
          border-radius: 18px;
          padding: 36px 55px 36px 300px;
          background-position: left 48px center;
          background-size: 202px 202px;
          min-height: 240px;
        }
        #hojyokin_page .box_lead .ttl {
          font-size: 36px;
          margin-bottom: 20px;
        }
        #hojyokin_page .box_lead .txt {
          font-size: 14px;
        }
        #hojyokin_page .box_jirei {
          -moz-column-gap: 30px;
               column-gap: 30px;
        }
        #hojyokin_page .box_jirei > .img {
          width: calc(55% - 15px);
        }
        #hojyokin_page .box_jirei > .txtarea {
          width: calc(45% - 15px);
        }
        #hojyokin_page .box_jirei > .txtarea .ttl {
          font-size: 28px;
        }
        #hojyokin_page .box_jirei > .txtarea .large {
          font-size: 42px;
          margin-bottom: 20px;
        }
        #hojyokin_page .box_jirei > .txtarea .large span {
          font-size: 83px;
        }
        #hojyokin_page .box_jirei > .txtarea .small {
          font-size: 14px;
        }
        #hojyokin_page .box_jirei > .txtarea ol {
          font-size: 22px;
        }
        #hojyokin_page .box_jirei > .txtarea ol li:before {
          height: 24px;
          width: 24px;
          font-size: 18px;
        }
        #hojyokin_page .box_jirei > .txtarea .head {
          width: 220px;
        }
        #hojyokin_page .box_jirei.ai_center > .img {
          width: calc(50% - 15px);
        }
        #hojyokin_page .box_jirei.ai_center > .txtarea {
          width: calc(50% - 15px);
        }
        #hojyokin_page .box_jirei:last-child > .txtarea .head {
          width: 280px;
        }
        #hojyokin_page .tbl_hojokin thead th {
          padding: 20px;
          font-size: 20px;
          height: 100px;
        }
        #hojyokin_page .tbl_hojokin thead th span {
          font-size: 15px;
        }
        #hojyokin_page .tbl_hojokin tbody th {
          padding: 20px;
          font-size: 20px;
          height: 120px;
        }
        #hojyokin_page .tbl_hojokin tbody th span {
          font-size: 18px;
        }
        #hojyokin_page .tbl_hojokin tbody td {
          padding: 20px;
          font-size: 20px;
          height: 120px;
        }
        #hojyokin_page .tbl_hojokin tbody td p {
          font-size: 13px;
        }
        #hojyokin_page .tbl_hojokin tbody td.md {
          font-size: 15px;
        }
        #hojyokin_page .tbl_hojokin tbody td.sm {
          font-size: 14px;
        }
      }
      

.seko__ba__flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.seko__ba__flex .a__box {
    width: 55%;
}
.seko__ba__flex .b__box {
    width: 30%;
}
.seko__ba__flex .triangle1 {
    width: 100px;
	margin-left: 59px;
    height: 0;
    border-left: 30px solid black;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    margin-top: 160px;
}
.seko_before_photo, .seko_after_photo {
    margin-bottom: 20px;
}
.seko__ba__flex .tab {
	display: block!important;
	border-top:none!important;
	padding-top: 20px;
}
.sekou_before_ttl {
    text-align: center;
    padding: 5px;
    background: #81511c;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
	margin-bottom: 10px;
}
.sekou_after_ttl {
    text-align: center;
    padding: 5px;
    background: #ed6a00;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
	margin-bottom: 10px;
}
.seko__ba__flex .flexslider {
    border: none!important;
}
.seko__ba__flex .a__box .flexslider .slides img {
    max-height: 400px;
	overflow: hidden;
}
.seko__ba__flex .b__box .flexslider .slides img {
    max-height: 220px;
	overflow: hidden;
}

.header .header-cell .site-logo {
  width: 200px;
}

.header .header-cell .header-tel {
  position: relative;
  top: 5px;
}

.header .header-cell .tel {
  width: 200px;
}

.header .header-cell .header_btn_recruit {
  text-align: right;
  padding-right: 1.4rem;
}

.header .header-cell .header_btn_recruit > a {
  border-radius: 5px;
  /* CSS3草案 */
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  color: #fff;
  font-weight: normal;
  padding: 0.5rem 5rem;
}

.header .header-cell .header_btn_wrap {
  position: relative;
  top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.header .header-cell .btn-link > a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 10px;
  width: 100%;
  height: 60px;
  color: #ed6a00;
  background-color: #fff;
  font-size: 16px;
  font-weight: 900;
  border: 3px solid #ed6a00;
  border-radius: 5px;
}

.header .header-cell .btn-link > a > span {
  position: relative;
  display: inline-block;
}

.header .header-cell .btn-link > a > span::before {
  content: '';
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/common/head/icon_contact.svg) no-repeat;
  background-size: 100%;
}

.header .header-cell .btn-link.is-contact > a > span {
  padding-left: 30px;
}

.header .header-cell .btn-link.is-contact > a > span::before {
  top: 3px;
  left: -7px;
  width: 30px;
  height: 20px;
  background: url(../img/common/head/icon_contact.svg) no-repeat;
  background-size: 100%;
}

.header .header-cell .btn-link.is-raiten > a > span {
  padding-left: 25px;
}

.header .header-cell .btn-link.is-raiten > a > span::before {
  top: -3px;
  left: -15px;
  width: 30px;
  height: 27px;
  background: url(../img/common/head/icon_raiten.svg) no-repeat;
  background-size: 100%;
}

.header .header-cell .btn-recruit {
  background: #ed6a00;
}