@charset "utf-8";
/* CSS Document */
section.main_contents .center {
    margin: 0 auto;
    display: block;
}
section.main_contents .mb_40 {
    margin-bottom: 40px !important;
}
section.main_contents img {
    width: 100%;
    height: auto;
}
img {
    vertical-align: bottom;
}
@media screen and (min-width: 0px) and (max-width: 750px) {
    .c_pc {
        display: none;
    }
    .c_wide {
        display: none;
    }
    .c_tablet {
        display: none;
    }
    .text_bold {
        font-weight: bold;
        color: #000000;
    }
    .mb_10 {
        margin-bottom: .5em !important;
    }
    .mb_20 {
        margin-bottom: 1em !important;
    }
    .mb_30 {
        margin-bottom: 1.5em !important;
    }
    .mb_40 {
        margin-bottom: 2em !important;
    }
    .mb_50 {
        margin-bottom: 3em !important;
    }
    .width_90 {
        width: 95%;
        margin: 0 auto;
    }
    section.main_contents {
        width: 100%;
    }
    .section_wrap {
        width: 98%;
        margin: 0 auto;
    }
    p {
        font-size: 4vw;
    }
    .internal_link {
        color: #083449 !important;
        text-decoration: underline !important;
    }
    .header_img_text_box {
        width: 100%;
        margin: 20px auto;
        text-align: center;
    }
    .header_img_text_box h2 {
        font-size: 5vw;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 500;
        padding-bottom: 15px;
        color: #AA222A;
    }
    .h2_title {
        text-align: center;
        font-family: "source-han-serif-japanese", sans-serif;
        font-size: 5.5vw;
        font-weight: 600;
        color: #323333;
        margin-bottom: 3%;
    }
    p.header_img_lead {
        font-size: 3.8vw;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        color: #4d4d4d;
        line-height: 1.5;
    }
    p.header_img_lead {
        font-size: 3.8vw;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        color: #4d4d4d;
        line-height: 1.5;
    }
    .lead {
        text-align: left;
        color: #4d4d4d;
        font-size: 4vw;
        line-height: 1.8;
        margin: 30px 0;
    }
    .section_wrap h3 {
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 800;
        background: #083449;
        color: #FFFFFF;
        margin-bottom: .2em;
        font-size: 4vw;
    }
    .section_wrap h4 {
        width: 100%;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 800;
        font-size: 4.375vw;
        color: #333333;
        background: #eee;
        padding: 10px 0;
        margin: 0 auto 1em;
        text-align: center;
    }
    .img_margin1 img {
        margin: 1%;
    }
    .img_margin2 img {
        margin: 2%;
    }
    .img_margin5 img {
        margin: 5%;
    }
    .img_wrap {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .img_flex {
        display: flex;
    }
    .image2, .image3 {
        display: flex;
        flex-wrap: wrap;
    }
    .image2 img, .image3 img {
        width: 90% !important;
        margin: 0 auto 1em;
    }
    .img_scrool {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .img_scrool img {
        width: 40% !important;
    }
    .img_space-between {
        justify-content: space-between;
    }
    .img_flex-start {
        justify-content: flex-start;
    }
    .img_space-around {
        justify-content: space-around;
    }
    .five_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .five_item_box {
        width: 48%;
        margin-bottom: 1em;
        max-width: 220px;
    }
    .six_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .six_item_box {
        width: 32%;
        margin-bottom: 1em;
    }
    .item_img_box {
        border: 1px solid #eeeeee;
    }
    .item_text {
        font-size: 3.8vw;
        text-align: center;
    }
    .c_prodname {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: block;
    }
    /*menu*/
    section#side_contents {
        position: relative;
    }
    #contents_box .menu {
        height: 12px;
        position: absolute;
        right: 20px;
        top: 10px;
        width: 24px;
    }
    #contents_box .menu__line {
        background: #000;
        display: block;
        height: 2px;
        position: absolute;
        transition: transform .3s;
        width: 100%;
    }
    #contents_box .menu__line--bottom {
        bottom: 0;
    }
    #contents_box .menu__line--top.active {
        top: 14px;
        transform: rotate(45deg);
    }
    #contents_box .menu__line--bottom.active {
        bottom: 6px;
        transform: rotate(135deg);
    }
    #contents_box a.menu.close {
        top: 10px;
    }
    /*gnav*/
    #contents_box .gnav {
        background: #fafafa;
        display: none;
        height: 100%;
        position: fixed;
        width: 100%;
        z-index: 98;
        top: 0;
    }
    #contents_box .gnav__wrap {
        margin-top: 120px
    }
    #contents_box .gnav__menu__item {
        margin: 3rem 0;
    }
    #contents_box .gnav__menu__item a {
        color: #000;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: .1rem;
        padding: 2.5rem;
        text-decoration: none;
        transition: .2s;
    }
    #contents_box .gnav__menu__item a:hover {
        color: #337ab7;
    }
    #contents_box .title_text {
        text-align: center;
        font-size: 5vw;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 50px;
    }
    /*アコーディオン部分*/
    #contents_box .fold {
        margin-bottom: 10px;
    }
    #contents_box .qa_tit {
        background: #fff;
        color: #0C3449;
        padding: 7px 4px;
        margin: 40px 0 5px;
        /* font-family: "source-han-serif-japanese", serif; */
        font-weight: bold;
        border-top: 4px #0C3449 double;
        border-bottom: 4px #0C3449 double;
        font-size: 4vw;
        letter-spacing: 1px;
    }
    #contents_box .qa-title {
        color: #333333;
        display: block;
        text-decoration: none;
        cursor: pointer;
        font-size: 4vw;
        border-bottom: 1px #aaaaaa solid;
        padding: 0.5em;
    }
    #contents_box .qa_content {
        color: #4d4d4d;
        background: #fff;
        text-indent: 1em;
        margin-bottom: 20px;
    }
    #contents_box .qa_inner {
        padding: 10px;
        line-height: 2;
        color: #4d4d4d;
    }
    #contents_box .accordion-container .accordion-title:hover, #contents_box .accordion-container .accordion-title:active, #contents_box .accordion-title.open {
        background-color: #FFFFFF;
    }
    #contents_box .accordion-container .accordion-title::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 13px;
        height: 2px;
        transform: rotate(90deg);
        background: #aaa;
        transition: all .3s ease-in-out;
    }
    #contents_box .accordion-container .accordion-title::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 13px;
        height: 2px;
        background: #aaa;
        transition: all .2s ease-in-out;
    }
    #contents_box .accordion-container .accordion-title.open::before {
        transform: rotate(180deg);
    }
    #contents_box .accordion-container .accordion-title.open::after {
        opacity: 0;
    }
    #contents_box .qa_title {
        color: #333333;
        background: #eee;
        display: block;
        text-decoration: none;
        cursor: pointer;
        font-size: 3.8vw;
    }
    #contents_box .qa_title a, #contents_box .qa_inner a, #contents_box .balloon_navy a, #contents_box #side_navi a {
        text-decoration: none;
        display: block;
    }
    #contents_box .qa_title a:link, #contents_box .qa-title a:visited, #contents_box .qa_inner a:link, #contents_box .qa_inner a:visited, #contents_box .balloon_navy a:link, #contents_box .balloon_navy a:visited, #contents_box #side_navi a:link, #contents_box #side_navi a:visited {
        color: #4d4d4d;
    }
    #contents_box .qa_title::before {
        right: 14px;
        color: #aaa;
        content: '';
        width: 7px;
        height: 7px;
        border: 0px;
        border-top: solid 2px #aaa;
        border-right: solid 2px #aaa;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        margin-top: -4px;
    }
    #contents_box .qa_tit a {
        text-decoration: none;
        display: block;
    }
    #contents_box .c_answer {
        line-height: 3;
    }
    /*　/アコーディオン部分*/
    #contents_box .align_left {
        font-size: 3.8vw;
        line-height: 2;
        color: #4d4d4d;
        width: 98%;
        margin: 0 auto;
    }
    /*-----------------------------
無料お下見会とご利用ガイド
-----------------------------*/
    .reservation {
        width: 100%;
        height: 20%;
        text-align: center;
        padding: 10px 0;
        margin: 8% auto 0 auto;
        background-image: url(https://www3.yumeyakata.live/img/common/diagonal-noise.png);
        background-position: left top, left top;
        background-repeat: repeat, no-repeat;
        background-size: auto;
    }
    .reservation_base {
        width: 100%;
        margin: 0px auto 10px auto;
        padding: 10px;
    }
    .reservation_box {
        width: 80%;
        margin: 1em auto;
        padding: 10px;
        background-color: #fff;
        color: #4d4d4d;
        border: #4d4d4d 1px solid;
        font-weight: 600;
    }
    .en {
        font-family: 'Quicksand';
        padding-bottom: 2px;
        font-weight: 200;
        color: #666666;
    }
    .c_h2_pink {
        font-size: 7vw;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 500;
        color: #ed7979;
        margin: 0 auto;
    }
    .reserve_title {
        font-size: 3vw;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        display: block;
        color: #333333;
        font-weight: 600;
        margin: 0 auto 15px auto;
    }
    .shitami {
        position: relative;
        top: 4px;
        display: block;
    }
    /*-----------------------------
/無料お下見会とご利用ガイド
-----------------------------*/
    /*目次*/
    .table_of_contents {
        width: 90%;
        margin: 100px auto;
    }
    .table_of_contents ul {
        border: solid 2px #aaaaaa;
        padding: 0.5em;
        position: relative;
        margin-top: 2em;
    }
    .table_of_contents ul li {
        line-height: 1.5;
        padding: 0.8em 0 0.8em 1.4em;
        border-bottom: dashed 1px silver;
        list-style-type: none !important;
        font-size: 4vw;
    }
    .table_of_contents ul li:last-of-type {
        border-bottom: none;
    }
    .table_of_contents ul li:before {
        /*リスト内のアイコン*/
        font-family: "Font Awesome 5 Free";
        content: "\f138"; /*アイコン種類*/
        position: absolute;
        left: 0.5em; /*左端からのアイコンまで*/
        color: #083449; /*アイコン色*/
    }
    .table_of_contents ul li:after {
        /*タイトルタブ*/
        background: #083449;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: -2px;
        bottom: 100%;
        padding: 1px 7px;
        content: "目次"; /*タブの文字*/
        letter-spacing: 0.05em; /*字間*/
        font-size: 4vw;
    }
    /*目次　ここまで*/
    /*画像配置*/
    .img_wrap {
        width: 100%;
        margin: 1em 0;
    }
    .image2 img {
        width: 90%;
    }
    /*ボタンデザイン*/
    .btn_wrap {
        margin: 45px auto 70px;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .btn_wrap2 {
        margin: 45px auto;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .btn_wrap a, .btn_wrap2 a {
        width: 80%;
        margin: 0 auto;
        display: block;
        font-size: 4vw;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        border: 1px solid #999;
        border-bottom: 3px solid #4d4d4d;
    }
    .btn_wrap2 a {
        margin-bottom: 2em;
    }
    .btn_wrap a span, .btn_wrap2 a span {
        font-size: 4.375vw;
        padding: 10px 0;
        display: inline-block;
    }
    /*ボタンデザイン　ここまで*/
    /*関連商品カテゴリー*/
    h4.related_products_tit {
        background: #FFFFFF;
        border-top: 1px solid #4d4d4d;
        border-bottom: 1px solid #4d4d4d;
    }
    .related_products_categoly {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .related_products_categoly a {
        width: 32%;
        max-width: 220px;
        position: relative;
        margin: 0 .5% 25px;
    }
    .imgOnText {
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 600;
        position: absolute;
        background: #fff;
        opacity: 0.9;
        width: 100%;
        text-align: center;
        bottom: 0;
        padding: 5px 0;
        font-size: 3.8vw;
        color: #262626;
    }
    /*関連商品カテゴリー ここまで*/
}
@media screen and (min-width:751px) and (max-width: 1024px) {
    .c_pc {
        display: none;
    }
    .c_phone {
        display: none;
    }
    .text_bold {
        font-weight: bold;
        color: #000000;
    }
    .internal_link {
        color: #083449 !important;
        text-decoration: underline !important;
    }
    .img_margin1 img {
        margin: 1%;
    }
    .img_margin2 img {
        margin: 2%;
    }
    .img_margin5 img {
        margin: 5%;
    }
    .img_wrap {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .img_flex {
        display: flex;
    }
    .image2, .image3 {
        display: flex;
    }
    .image2 img {
        width: 48% !important;
    }
    .image3 img {
        width: 32% !important;
    }
    .img_scrool {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .img_scrool img {
        width: 26% !important;
    }
    .img_space-between {
        justify-content: space-between;
    }
    .img_flex-start {
        justify-content: flex-start;
    }
    .img_space-around {
        justify-content: space-around;
    }
    .five_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .five_item_box {
        width: 32%;
        margin: 0 2% 30px;
        max-width: 220px;
    }
    .six_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .six_item_box {
        width: 32%;
        margin-bottom: 30px;
    }
    .item_img_box {
        border: 1px solid #eeeeee;
    }
    .item_text {
        font-size: 13px;
        text-align: center;
    }
    /*menu*/
    section#side_contents {
        position: relative;
    }
    #contents_box .menu {
        height: 12px;
        position: absolute;
        right: 20px;
        top: 10px;
        width: 24px;
    }
    #contents_box .menu__line {
        background: #000;
        display: block;
        height: 2px;
        position: absolute;
        transition: transform .3s;
        width: 100%;
    }
    #contents_box .menu__line--bottom {
        bottom: 0;
    }
    #contents_box .menu__line--top.active {
        top: 14px;
        transform: rotate(45deg);
    }
    #contents_box .menu__line--bottom.active {
        bottom: 6px;
        transform: rotate(135deg);
    }
    #contents_box a.menu.close {
        top: 10px;
    }
    /*gnav*/
    #contents_box .gnav {
        background: #fafafa;
        display: none;
        height: 100%;
        position: fixed;
        width: 100%;
        z-index: 98;
        top: 0;
    }
    #contents_box .gnav__wrap {
        margin-top: 120px
    }
    #contents_box .gnav__menu__item {
        margin: 3rem 0;
    }
    .gnav__menu__item a {
        color: #000;
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: .1rem;
        padding: 2.5rem;
        text-decoration: none;
        transition: .2s;
    }
    #contents_box .gnav__menu__item a:hover {
        color: #337ab7;
    }
    #contents_box .title_text {
        text-align: center;
        font-size: 5vw;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 50px;
    }
    /*アコーディオン部分*/
    #contents_box .fold {
        margin-bottom: 10px;
    }
    #contents_box .qa_tit {
        background: #fff;
        color: #0C3449;
        padding: 7px 4px;
        margin: 40px 0 5px;
        /* font-family: "source-han-serif-japanese", serif; */
        font-weight: bold;
        border-top: 4px #0C3449 double;
        border-bottom: 4px #0C3449 double;
        font-size: 4vw;
        letter-spacing: 1px;
    }
    #contents_box .qa-title {
        color: #333333;
        display: block;
        text-decoration: none;
        cursor: pointer;
        font-size: 4vw;
        border-bottom: 1px #aaaaaa solid;
        padding: 0.5em;
    }
    #contents_box .qa_content {
        color: #4d4d4d;
        background: #fff;
        text-indent: 1em;
        margin-bottom: 20px;
    }
    #contents_box .qa_inner {
        padding: 10px;
        line-height: 2;
        color: #4d4d4d;
    }
    #contents_box .accordion-container .accordion-title:hover, #contents_box .accordion-container .accordion-title:active, #contents_box .accordion-title.open {
        background-color: #FFFFFF;
    }
    #contents_box .accordion-container .accordion-title::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 13px;
        height: 2px;
        transform: rotate(90deg);
        background: #aaa;
        transition: all .3s ease-in-out;
    }
    #contents_box .accordion-container .accordion-title::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 13px;
        height: 2px;
        background: #aaa;
        transition: all .2s ease-in-out;
    }
    #contents_box .accordion-container .accordion-title.open::before {
        transform: rotate(180deg);
    }
    #contents_box .accordion-container .accordion-title.open::after {
        opacity: 0;
    }
    #contents_box .qa_title {
        color: #333333;
        background: #eee;
        display: block;
        text-decoration: none;
        cursor: pointer;
        font-size: 18px;
    }
    #contents_box .qa_title a, #contents_box .qa_inner a, #contents_box .balloon_navy a, #contents_box #side_navi a {
        text-decoration: none;
        display: block;
    }
    #contents_box .qa_title a:link, #contents_box .qa-title a:visited, #contents_box .qa_inner a:link, #contents_box .qa_inner a:visited, #contents_box .balloon_navy a:link, #contents_box .balloon_navy a:visited, #contents_box #side_navi a:link, #contents_box #side_navi a:visited {
        color: #4d4d4d;
    }
    #contents_box .qa_title::before {
        right: 14px;
        color: #aaa;
        content: '';
        width: 7px;
        height: 7px;
        border: 0px;
        border-top: solid 2px #aaa;
        border-right: solid 2px #aaa;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        margin-top: -4px;
    }
    #contents_box .qa_tit a {
        text-decoration: none;
        display: block;
    }
    #contents_box .c_answer {
        line-height: 3;
    }
    /*　/アコーディオン部分*/
    .section_wrap {
        width: 98%;
        margin: 0 auto;
        max-width: 1024px;
    }
    .header_img_text_box {
        width: 400px;
        padding: 40px;
        position: absolute;
        top: 37%;
        right: 0;
        left: -45%;
        margin: auto;
    }
    .header_img_text_box h2 {
        font-size: 32px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 500;
        padding-bottom: 15px;
        color: #AA222A;
    }
    .h2_title {
        text-align: center;
        font-family: "source-han-serif-japanese", sans-serif;
        font-size: 28px;
        font-weight: 600;
        color: #323333;
        margin-bottom: 20px;
    }
    span.header_img_lead {
        font-size: 18px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        color: #4d4d4d;
        line-height: 2.0rem;
    }
    .sub_title_base {
        -webkit-font-feature-settings: 'palt';
        font-family: "source-han-serif-japanese", sans-serif;
        font-feature-settings: 'palt';
        width: 100%;
        position: relative;
        z-index: 0;
        text-align: center;
        height: 250px;
        margin: 0 auto;
        padding: 30px 0;
    }
    .title_eng {
        display: block;
        font-family: "source-han-serif-japanese", sans-serif;
        font-size: 30px;
        font-weight: 600;
        margin: 20px auto 5px auto;
        text-align: center;
        color: #aa222a;
    }
    .sub_title {
        position: relative;
        padding-bottom: 70px;
        padding-top: 15px;
        font-size: 18px;
    }
    #contents_box .lead {
        text-align: center;
        color: #4d4d4d;
        font-size: 18px;
        /* margin-bottom: 3px; */
        line-height: 1.8;
        margin: 30px 0;
    }
    .section_wrap h3 {
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 800;
        background: #083449;
        color: #FFFFFF;
        margin-bottom: 3px;
    }
    .section_wrap h4 {
        width: 100%;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 800;
        font-size: 20px;
        color: #333333;
        background: #eee;
        padding: 10px 0;
        margin-bottom: 25px;
        margin: 0 auto 25px;
        text-align: center;
    }
    .align_left {
        font-size: 18px;
        line-height: 2;
        color: #4d4d4d;
        width: 98%;
        margin: 0 auto;
    }
    /*-----------------------------
無料お下見会とご利用ガイド
-----------------------------*/
    .reservation {
        width: 100%;
        height: 300px;
        text-align: center;
        padding: 10px 0;
        margin: 0 auto;
        background-image: url(https://www3.yumeyakata.live/img/common/diagonal-noise.png);
        background-position: left top, left top;
        background-repeat: repeat, no-repeat;
        background-size: auto;
    }
    .reservation_base {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 20px auto;
        padding: 10px;
    }
    .reservation_box {
        width: 48%;
        padding: 10px;
        background-color: #fff;
        color: #4d4d4d;
        border: #4d4d4d 1px solid;
        font-weight: 600;
    }
    .customer {
        width: 100%;
        margin: 0 auto 30px auto;
        text-align: center;
        background-color: #FFF7F7;
        padding: 20px 0 30px 0;
    }
    .customer_box_base {
        width: 95%;
        padding-bottom: 20px;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        justify-content: space-around;
        align-items: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: none;
        box-shadow: none;
    }
    .customer_box {
        width: 48%;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
        padding: 10px 0;
        margin: 10px auto;
    }
    .customer_box img {
        width: 130px;
    }
    .customer_box_txt {
        width: 85%;
        color: #4d4d4d;
        font-size: 13px;
        line-height: 1.2rem;
        text-align: left;
        margin: 0 auto;
    }
    .customer .fa-chevron-right {
        font-size: 40px;
        color: #bbb;
        margin-top: 110px;
    }
    .customer .fa-chevron-left {
        font-size: 40px;
        color: #bbb;
        margin-top: 110px;
    }
    .sns_bottom {
        width: 100%;
        margin: 50px auto 30px auto;
        text-align: center;
    }
    .sns_bottom_box_base {
        width: 100%;
        text-align: center;
        margin: 20px auto;
        display: flex;
        justify-content: space-around;
        padding: 0 20%;
    }
    .sns_bottom_icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        background-color: #4d4d4d;
        align-items: center;
        font-size: 45px;
    }
    .sns_bottom_icon .fa-instagram {
        font-size: 45px !important;
        color: #ffffff !important;
        padding-left: 0.3rem;
    }
    .sns_bottom_icon .fa-facebook {
        font-size: 45px !important;
        color: #ffffff !important;
        padding-left: 0.3rem;
    }
    .sns_bottom_icon .fa-twitter {
        font-size: 45px !important;
        color: #ffffff !important;
        padding-left: 0.3rem;
    }
    .info_box_base3 {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }
    .info_box {
        width: 46%;
        background-color: #eeeeee;
        padding: 20px;
        color: #4d4d4d;
        margin: 15px auto;
        text-align: left;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .info_box a {
        display: block;
    }
    .info_box p {
        color: #4d4d4d;
    }
    .info_icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        text-align: center;
        color: #666666;
        background-color: #F6CBD3;
        align-items: center;
        font-size: 30px;
        display: block;
        margin-right: 20px;
    }
    .info_box .fa-shopping-cart {
        color: #fff;
        padding: 10px;
        font-size: 45px;
    }
    .info_box .fa-share-alt {
        color: #fff;
        padding: 12px 10px 10px 10px;
        font-size: 43px;
    }
    .info_box .fa-question {
        color: #fff;
        padding: 10px;
        font-size: 45px;
    }
    .info_box .fa-envelope-o {
        color: #666666;
        padding: 10px 10px 10px 13px;
        font-size: 43px;
    }
    .en {
        font-family: 'Quicksand';
        padding-bottom: 2px;
        font-weight: 200;
        color: #666666;
    }
    .c_h2_pink {
        font-size: 30px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 500;
        color: #ed7979;
        margin: 0 auto;
    }
    .reserve_title {
        font-size: 18px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        display: block;
        color: #1a1a1a;
        font-weight: 600;
        margin: 0 auto 15px auto;
    }
    .shitami {
        position: relative;
        top: 4px;
        display: block;
    }
    /*-----------------------------
/無料お下見会とご利用ガイド
-----------------------------*/
    /*目次*/
    .table_of_contents {
        width: 80%;
        margin: 100px auto;
    }
    .table_of_contents ul {
        border: solid 2px #aaaaaa;
        padding: 0.5em;
        position: relative;
        margin-top: 2em;
    }
    .table_of_contents ul li {
        line-height: 1.5;
        padding: 0.8em 0 0.8em 1.4em;
        border-bottom: dashed 1px silver;
        list-style-type: none !important;
    }
    .table_of_contents ul li:last-of-type {
        border-bottom: none;
    }
    .table_of_contents ul li:before {
        /*リスト内のアイコン*/
        font-family: "Font Awesome 5 Free";
        content: "\f138"; /*アイコン種類*/
        position: absolute;
        left: 0.5em; /*左端からのアイコンまで*/
        color: #083449; /*アイコン色*/
    }
    .table_of_contents ul li:after {
        /*タイトルタブ*/
        background: #083449;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: -2px;
        bottom: 100%;
        padding: 1px 7px;
        content: "目次"; /*タブの文字*/
        letter-spacing: 0.05em; /*字間*/
    }
    /*ボタン*/
    .btn_wrap {
        margin: 45px auto 70px;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .btn_wrap a {
        width: 45%;
        margin: 0 auto;
        display: block;
        font-size: 18px;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        border: 1px solid #999;
        border-bottom: 3px solid #4d4d4d;
    }
    .btn_wrap a span, .btn_wrap2 a span {
        padding: 13px 0;
        display: inline-block;
    }
    .btn_wrap2 {
        margin: 45px auto 70px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    .btn_wrap2 a {
        width: 42%;
        margin: 0 auto;
        display: block;
        font-size: 18px;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        border: 1px solid #999;
        border-bottom: 3px solid #4d4d4d;
    }
    /*関連商品カテゴリー*/
    h4.related_products_tit {
        background: #FFFFFF;
        border-top: 1px solid #4d4d4d;
        border-bottom: 1px solid #4d4d4d;
    }
    .related_products_categoly {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .related_products_categoly a {
        width: 24%;
        max-width: 220px;
        position: relative;
        margin: 0 .5% 25px;
    }
    .imgOnText {
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 600;
        position: absolute;
        background: #fff;
        opacity: 0.9;
        width: 100%;
        text-align: center;
        bottom: 0;
        padding: 5px 0;
        font-size: 16px;
        color: #262626;
    }
    /*関連商品カテゴリー ここまで*/
}
@media screen and (min-width:1025px), print, tv {
    .c_tablet {
        display: none;
    }
    .c_phone {
        display: none;
    }
    .c_narrow {
        display: none;
    }
    .mb_10 {
        margin-bottom: 10px;
    }
    .mb_20 {
        margin-bottom: 20px;
    }
    .mb_30 {
        margin-bottom: 30px;
    }
    .mb_40 {
        margin-bottom: 40px;
    }
    .mb_50 {
        margin-bottom: 50px;
    }
    .width_90 {
        width: 90% !important;
        margin: 0 auto;
    }
    .width_80 {
        width: 80% !important;
        margin: 0 auto;
    }
    .text_bold {
        font-weight: bold;
        color: #000000;
    }
    .internal_link {
        color: #083449 !important;
        text-decoration: underline !important;
    }
    .internal_link:hover {
        text-decoration: underline;
    }
    .link_space {
        margin-top: -50px;
        padding-top: 50px;
    }
    .section_wrap {
        width: 100%;
        margin: 0 auto;
        max-width: 1280px;
    }
    .img_margin1 img {
        margin: 1%;
    }
    .img_margin2 img {
        margin: 2%;
    }
    .img_margin5 img {
        margin: 5%;
    }
    .img_wrap {
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .img_flex {
        display: flex;
    }
    .image2, .image3 {
        display: flex;
    }
    .image2 img {
        width: 48% !important;
    }
    .image3 img {
        width: 32% !important;
    }
    .img_scrool {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .img_scrool img {
        width: 22% !important;
    }
    .img_space-between {
        justify-content: space-between;
    }
    .img_flex-start {
        justify-content: flex-start;
    }
    .img_space-around {
        justify-content: space-around;
    }
    .five_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .five_item_box {
        width: 19%;
        margin-bottom: 30px;
    }
    .six_item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .six_item_box {
        width: 16%;
        margin-bottom: 30px;
    }
    .item_img_box {
        border: 1px solid #eeeeee;
    }
    .item_text {
        font-size: 13px;
        text-align: center;
    }
    section#contents_box {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    section#main_contents {
        margin: 40px 0 0 300px;
        width: calc(100% - 300px);
        padding: 0;
        max-width: 1280px;
    }
    section#side_contents {
        width: 250px;
        position: fixed;
    }
    .contents_wrap {
        width: 98%;
        margin: 0 auto;
    }
    .header_img_text_box {
        width: 400px;
        padding: 40px;
        /*background-color: rgba(255, 255, 255, 0.6);*/
        position: absolute;
        top: 25%;
        right: 0;
        left: -45%;
        margin: auto;
    }
    .header_img_text_box h2 {
        font-size: 32px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 500;
        padding-bottom: 15px;
        color: #AA222A;
    }
    span.header_img_lead {
        font-size: 18px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        color: #4d4d4d;
        line-height: 2.0rem;
    }
    /*サイドメニュー*/
    .accordion.accordion-container {
        color: #666666;
        line-height: 2.5;
        /*overflow-y: scroll;*/
        padding-right: 15px;
    }
    .title_text {
        text-align: center;
        font-size: 18px;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 20px;
    }
    /*ドロワー部分*/
    .fold {
        margin-bottom: 10px;
    }
    .qa_tit {
        background: #fff;
        color: #0C3449;
        padding: 7px 4px;
        margin: 40px 0 5px;
        /* font-family: "source-han-serif-japanese", serif; */
        font-weight: bold;
        border-top: 4px #0C3449 double;
        border-bottom: 4px #0C3449 double;
        font-size: 17px;
        letter-spacing: 1px;
    }
    .qa-title {
        color: #333333;
        display: block;
        text-decoration: none;
        cursor: pointer;
        font-size: 16px;
        border-bottom: 1px #aaaaaa solid;
    }
    .qa_content {
        color: #4d4d4d;
        background: #fff;
        text-indent: 1em;
        margin-bottom: 20px;
    }
    .qa_inner {
        padding: 10px;
        line-height: 2;
        color: #4d4d4d;
    }
    .accordion-container .accordion-title:hover, .accordion-container .accordion-title:active, .accordion-title.open {
        background-color: #FFFFFF;
    }
    .accordion-container .accordion-title::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 13px;
        height: 2px;
        transform: rotate(90deg);
        background: #aaa;
        transition: all .3s ease-in-out;
    }
    .accordion-container .accordion-title::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 13px;
        height: 2px;
        background: #aaa;
        transition: all .2s ease-in-out;
    }
    .accordion-container .accordion-title.open::before {
        transform: rotate(180deg);
    }
    .accordion-container .accordion-title.open::after {
        opacity: 0;
    }
    .open {
        padding: 0;
    }
    .qa_title {
        color: #333333;
        background: #eee;
        display: block;
        text-decoration: none;
        cursor: pointer;
        font-size: 16px;
    }
    .qa_title a, .qa_inner a, .balloon_navy a, #side_navi a {
        text-decoration: none;
        display: block;
    }
    .qa_title a:link, .qa-title a:visited, .qa_inner a:link, .qa_inner a:visited, .balloon_navy a:link, .balloon_navy a:visited, #side_navi a:link, #side_navi a:visited {
        color: #4d4d4d;
    }
    .qa_title::before {
        right: 14px;
        color: #aaa;
        content: '';
        width: 7px;
        height: 7px;
        border: 0px;
        border-top: solid 2px #aaa;
        border-right: solid 2px #aaa;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        margin-top: -4px;
    }
    .qa_tit a {
        text-decoration: none;
        display: block;
    }
    .c_answer {
        line-height: 3;
    }
    /*　/ドロワー部分*/
    /*　/ サイドメニュー*/
    .header_img {
        position: relative;
        max-width: 100%;
        margin: 0px auto 60px;
    }
    .top_bnr_text {
        position: absolute;
        display: inline-block;
        width: 420px;
        top: 30%;
        left: 15.5%;
        padding: 15px;
    }
    .top_bnr_text h2 {
        font-size: 40px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 500;
        padding-bottom: 15px;
        color: #ed7979;
    }
    .h2_title {
        text-align: center;
        font-family: "source-han-serif-japanese", sans-serif;
        font-size: 26px;
        font-weight: 600;
        color: #323333;
        margin-bottom: 20px;
        line-height: 1.8em;
    }
    .section_wrap h3 {
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 800;
        background: #083449;
        color: #FFFFFF;
        margin-bottom: 3px;
        padding-left: 25px;
    }
    .section_wrap h4 {
        width: 100%;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        font-weight: 800;
        font-size: 20px;
        color: #333333;
        background: #eee;
        padding: 10px 0;
        margin-bottom: 25px;
        margin: 0 auto 25px;
        text-align: center;
    }
    .lead {
        text-align: center;
        font-size: 17px;
        margin-bottom: 60px;
        ont-size: 16px;
        line-height: 2;
        color: #4d4d4d;
    }
    .align_left {
        font-size: 17px;
        line-height: 2;
        color: #4d4d4d;
        width: 98%;
        margin: 0 auto;
    }
    /*目次*/
    .table_of_contents {
        width: 60%;
        margin: 100px auto;
    }
    .table_of_contents ul {
        border: solid 2px #aaaaaa;
        padding: 0.5em;
        position: relative;
        margin-top: 2em;
    }
    .table_of_contents ul li {
        line-height: 1.5;
        padding: 0.8em 0 0.8em 1.4em;
        border-bottom: dashed 1px silver;
        list-style-type: none !important;
    }
    .table_of_contents ul li:last-of-type {
        border-bottom: none;
    }
    .table_of_contents ul li:before {
        /*リスト内のアイコン*/
        font-family: "Font Awesome 5 Free";
        content: "\f138"; /*アイコン種類*/
        position: absolute;
        left: 0.5em; /*左端からのアイコンまで*/
        color: #083449; /*アイコン色*/
    }
    .table_of_contents ul li:after {
        /*タイトルタブ*/
        background: #083449;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: -2px;
        bottom: 100%;
        padding: 1px 7px;
        content: "目次"; /*タブの文字*/
        letter-spacing: 0.05em; /*字間*/
    }
    /*ボタン*/
    .btn_wrap {
        margin: 45px auto 70px;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .btn_wrap a {
        width: 45%;
        margin: 0 auto;
        display: block;
        font-size: 18px;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        border: 1px solid #999;
        border-bottom: 3px solid #4d4d4d;
    }
    .btn_wrap a span, .btn_wrap2 a span {
        padding: 13px 0;
        display: inline-block;
    }
    .btn_wrap2 {
        margin: 45px auto 70px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    .btn_wrap2 a {
        width: 42%;
        margin: 0 auto;
        display: block;
        font-size: 18px;
        font-family: "source-han-serif-japanese", sans-serif;
        font-style: normal;
        border: 1px solid #999;
        border-bottom: 3px solid #4d4d4d;
    }
    /*関連商品カテゴリー*/
    h4.related_products_tit {
        background: #FFFFFF;
        border-top: 1px solid #4d4d4d;
        border-bottom: 1px solid #4d4d4d;
    }
    .related_products_categoly {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .related_products_categoly a {
        width: 24%;
        max-width: 220px;
        position: relative;
        margin: 0 .5% 25px;
    }
    .imgOnText {
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 600;
        position: absolute;
        background: #fff;
        opacity: 0.9;
        width: 100%;
        text-align: center;
        bottom: 0;
        padding: 5px 0;
        font-size: 16px;
        color: #262626;
    }
    /*関連商品カテゴリー ここまで*/
    /*-----------------------------
無料お下見会とご利用ガイド
-----------------------------*/
    .reservation {
        width: 100%;
        height: 250px;
        text-align: center;
        padding: 30px 0;
        margin: 0 auto;
        background-image: url(https://www3.yumeyakata.live/img/common/diagonal-noise.png);
        background-position: left top, left top;
        background-repeat: repeat, no-repeat;
        background-size: auto;
    }
    .reservation_base {
        width: 60%;
        display: flex;
        justify-content: space-between;
        margin: 20px auto;
    }
    .reservation_box {
        width: 48%;
        padding: 15px;
        background-color: #fff;
        color: #4d4d4d;
        border: #4d4d4d 1px solid;
        font-weight: 600;
        font-size: 0.8rem;
    }
    .customer {
        width: 100%;
        margin: 0 auto 30px auto;
        text-align: center;
        background-color: #FFF7F7;
        padding: 20px 20px 50px 20px;
    }
    .customer_box_base {
        width: 1000px;
        padding-bottom: 20px;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }
    .customer_box {
        width: 19%;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
        padding-bottom: 10px;
    }
    .customer_box img {
        width: 130px;
    }
    .customer_box_txt {
        width: 85%;
        color: #4d4d4d;
        font-size: 13px;
        line-height: 1.2rem;
        text-align: left;
        margin: 0 auto;
    }
    .customer .fa-chevron-right {
        font-size: 40px;
        color: #bbb;
        margin-top: 110px;
    }
    .customer .fa-chevron-left {
        font-size: 40px;
        color: #bbb;
        margin-top: 110px;
    }
    .sns_bottom {
        width: 100%;
        margin: 30px auto 50px auto;
        text-align: center;
    }
    .sns_bottom_box_base {
        width: 500px;
        text-align: center;
        margin: 20px auto;
        display: flex;
        justify-content: space-around;
    }
    .sns_bottom_icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        text-align: center;
        color: #ffffff;
        background-color: #4d4d4d;
        align-items: center;
        font-size: 45px;
    }
    .sns_bottom .fa-instagram {
        font-size: 45px !important;
        color: #ffffff !important;
    }
    .sns_bottom .info_box_base3 {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
        background-color: transparent;
        border: none;
        box-shadow: none;
        max-width: 1280px;
        min-width: 1025px;
    }
    .info_box_base3 .info_box {
        width: 24%;
        background-color: #eeeeee;
        padding: 10px;
        color: #4d4d4d;
        margin: 7px auto;
        text-align: left;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .info_box_base3 .info_box a {
        display: block;
        width: 100%;
    }
    .info_box_base3 .info_box p {
        color: #4d4d4d;
        font-size: 13px;
    }
    .info_box_base3 .info_icon {
        width: 70px;
        height: 52px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        background-color: #ed7979;
        align-items: center;
        font-size: 25px;
        display: block;
        margin-right: 10px;
    }
    .info_box_base3 span.info_icon2 {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        background-color: #ed7979;
        align-items: center;
        font-size: 25px;
        display: block;
        margin-right: 10px;
    }
    .info_box_base3 .fa-paste {
        color: #fff !important;
        padding: 13px 9px 13px 10px;
        font-size: 25px;
    }
    .info_box_base3 .fa-yen-sign {
        color: #fff;
        padding: 14px;
        font-size: 26px;
    }
    .info_box_base3 .fa-truck {
        color: #fff;
        padding: 14px 10px 10px 11px;
        font-size: 25px;
    }
    .info_box_base3 .fa-suitcase {
        color: #fff;
        padding: 13px 9px 13px 10px;
        font-size: 25px;
    }
    .info_box_base3 .fa-ban {
        color: #fff;
        padding: 14px;
        font-size: 25px;
    }
    .info_box_base3 .fa-ban {
        color: #fff;
        padding: 14px;
        font-size: 25px;
    }
    .info_box_base3 .fa-user {
        color: #fff !important;
        padding: 15px 13px 13px 13px;
        font-size: 25px;
    }
    .info_box_base3 .fa-hand-holding-heart {
        color: #fff;
        padding: 12px;
        font-size: 25px;
    }
    .info_box_base3 .fa-question {
        color: #fff;
        padding: 11px;
        font-size: 25px;
    }
    .info_box_base3 .fa-address-card {
        color: #fff !important;
        padding: 13px;
    }
    .en {
        font-family: 'Quicksand';
        padding-bottom: 2px;
        font-weight: 200;
        color: #666666;
    }
    .c_h2_pink {
        font-size: 30px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        font-weight: 500;
        color: #ed7979;
        margin: 0 auto;
    }
    .reserve_title {
        font-size: 18px;
        font-family: "source-han-serif-japanese", serif;
        font-style: normal;
        display: block;
        color: #1a1a1a;
        font-weight: 600;
        margin: 0 auto 15px auto;
    }
    .reservation_box a {
        display: block;
    }
    /*-----------------------------
/無料お下見会とご利用ガイド
-----------------------------*/
}