@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

body {background-color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, "Noto Sans CJK JP", "Helvetica Neue", "Segoe UI","Noto Sans JP","ヒラギノ角ゴ ProN W3", sans-serif;font-size:16px;line-height:1.75;word-wrap:break-word;overflow-wrap:break-word;-webkit-text-size-adjust: 100%;letter-spacing: 0.05em;color: #707070;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:-apple-system, BlinkMacSystemFont, "Noto Sans CJK JP", "Helvetica Neue", "Segoe UI", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", sans-serif;font-weight:bold;line-height:1.2;}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;}

*:focus {outline: none;}

.m {font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.alert-danger {padding:20px;}
    .alert-danger li {display:block !important;color:#ff3333;padding:0 5px 0 20px;width:100% !important;}
    .alert-danger li a {color:#ff0000;}

a {color:#000000;}
    a img:hover {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
input[type="text"] {padding:5px;font-size:16px;}
input[type="tel"] {padding:5px;font-size:16px;}
input[type="email"] {padding:5px;font-size:16px;}
input[type="radio"] {width: 20px;height: 20px;top: 4px;position: relative;}
select {padding:5px;font-size:16px;}
textarea {padding:5px;resize:none;font-size:16px;}
img {max-width:100%;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:bicubic;}
div {box-sizing:border-box;word-wrap:break-word;word-break:break-all;}
table {box-sizing:border-box;table-layout: fixed;}
    table th {box-sizing:border-box;}
    table td {box-sizing:border-box;}
* {box-sizing:border-box;}

.pc {display:block;}
.sp {display:none;}
span.pc {display:inline-block;}
span.sp {display:none;}

p {display: block;margin: 0;padding: 0;font-size: 16px;}
.aligncenter {display: block;margin: 0 auto;}
.alignright { float: right; }
.alignleft { float: left; }
img[class*="wp-image-"], img[class*="attachment-"] {max-width: 100%;height: auto;}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 40px;-webkit-margin-end: 40px;}

h1 {display: none;}

.h2 {color: #EDA89C;font-size: 40px;text-align: center;font-weight: normal;margin: 0 auto;padding: 0;font-family: "EB Garamond";}
.h2_w {color: #fff;}
.h2_p {color: #707070;text-align: center;font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin:10px auto 0;}
.h2_p_w {color: #fff;}
.h2_line {font-size: 0;line-height: 0;text-align: center;margin:20px auto 80px;padding: 0;}
.h2_line02 {margin-bottom:40px;}

section {width: 100%;margin: 0 auto;padding: 100px 0;background-color: #F3EBEA;position: relative;}
.section {width: 100%;max-width: 1280px;margin: 0 auto;}
.section01, .section02 {padding-bottom:0;}
.section04 {background-color: #fff;padding:20px;}
    .section04 .section {border: 1px solid #B5A966;}
.section05 {background-color: #EDA89C;}
.section06 {}
    .section06 .hyo {width: 100%;max-width: 649px;margin: 0 auto;}
        .section06 .hyo table {width: 100%;}
            .section06 .hyo table th {width: 20%;font-weight: normal;text-align: left;border-bottom: 1px solid #C9C9C9;}
            .section06 .hyo table td {font-weight: normal;text-align: left;}
            .section06 .hyo table td:nth-child(2) {width: 5%;}
            .section06 .hyo table td:nth-child(3) {width: 75%;border-bottom: 1px solid #C9C9C9;}
.section07 {background-color: #EDA89C;}
    .section07 .contact {width: 100%;max-width: 649px;margin: 0 auto;background-color:#FFEFE8;border-radius: 20px;padding: 30px 30px 50px;text-align: center;}
        .section07 .contact p {margin-bottom:20px;}
        .section07 .contact button {width: 60%;text-align: center;padding:10px 0;color: #fff;cursor:pointer;margin: 0 auto;border: none;background-color: #FC6767;border-radius: 30px;}
.section08 {background-color: #EDA89C;}
.section_waku {margin: 0 auto;}

#wrap {width:100%;box-sizing:border-box;position:relative;}

    #wrap #header {width:100%;}
        #wrap #header #header_contents {margin:0 auto;position: relative;top:0;left: 0;}
        .h_logo {position: absolute;top:0;left: 0;z-index: 500;}

    #wrap #main {width:100%;}
        #wrap #main #main_contents {margin:0 auto;position: relative;}

    .mv {font-size: 0;line-height: 0;margin: 0;padding: 0;position: relative;}
        .mv img {width: 100%;}
        .mv .gnavi {width: 100%;max-width: 580px;;margin:0;padding:0;position: absolute;top:30px;right:20px;}
            .mv .gnavi ul {margin:0;padding: 0;display: flex;justify-content: space-between;align-items: center;}
                .mv .gnavi ul li {list-style: none;text-align: center;padding:0 20px;}
                .mv .gnavi ul li:last-child {padding: 0;}
                    .mv .gnavi ul li a {text-decoration: none;font-size: 15px;line-height: 1.0;}
                    .mv .gnavi ul li p {font-size: 11px;line-height: 1.0;margin-top:5px;}
                    .mv .gnavi ul li button {width: 100%;text-align: center;padding: 20px 40px;color: #fff;cursor: pointer;margin: 0 auto;border: none;background-color: #FC6767;border-radius: 40px;}

    .bubble_pc {width: 100%;font-size: 0;line-height: 0;position: absolute;top:-12.0vw;left: 0;z-index: 501;}
        .bubble_pc img {width: 100%;}
    .bubble_sp {width: 100%;font-size: 0;line-height: 0;position: absolute;top:-19.0vw;left: 0;z-index: 501;}
        .bubble_sp img {width: 100%;}

    .banner01 {width: 100%;max-width: 1000px;margin: 0 auto;padding: 0 0 100px;list-style: none;display: flex;flex-wrap: nowrap;justify-content: space-between;position: relative;z-index: 502;}
        .banner01 li {font-size: 0;line-height: 0;}
    .banner02 {width: 100%;max-width: 1000px;margin: 0 auto;padding: 30px 0 40px;list-style: none;display: flex;flex-wrap: nowrap;justify-content: space-between;}
        .banner02 li {font-size: 0;line-height: 0;}
            .banner02 li img {width: 100%;}
            .banner02 li p {font-size: 16px;line-height: 1.75;text-align: center;margin:20px 0 0;}

    .banner {font-size: 0;line-height: 0;text-align: center;}
        .banner .banner_comment {font-size: 16px;line-height: 1.5;margin-bottom:5px;}

    .section02_01 .photo {font-size: 0;line-height: 0;}
    section.section03 {background: url("../image/top/bubble03.png") #F3EBEA no-repeat left top;background-size: cover;}

    .section03 .section .section_comment .contents01 p {font-size: 16px;text-align: left;}
    .section03 .section .section_comment .contents01 p:nth-child(1) {border-bottom: 3px solid #707070;}
    .section03 .section .section_comment .contents02 {}
        .section03 .section .section_comment .contents02 ul {margin: 0;padding: 0;}
            .section03 .section .section_comment .contents02 ul li {list-style: none;padding:0 0 16px 16px;line-height: 1.0;}
            .section03 .section .section_comment .contents02 ul li.midashi {padding-left:0;}
            .section03 .section .section_comment .contents02 ul li.first {margin-top:15px;}
            .section03 .section .section_comment .contents02 ul li.second {margin-top:20px;}

    .section05 .title {margin:50px 0 20px;font-size: 24px;text-align: center;font-weight: bold;}
    .section05 .section_comment {text-align: center;margin-bottom:50px;}
    .section05 .photo {text-align: center;}
    .section05 .photo01 img {width: 100%;}

    .section05_02 {background-color: #fff;}
        .section05_02 .title {margin:0 0 20px;font-size: 24px;text-align: center;font-weight: bold;}
        .section05_02 .photo {max-width: 580px;margin: 0 auto;text-align: center;}
        .section05_02 .photo01 img {width: 100%;}

    .photo {font-size: 0;line-height: 0;}

    #wrap #footer {width:100%;background-color: #fff;}
        #wrap #footer #footer_contents {margin:0 auto;}
            #wrap #footer #footer_contents .p01 {font-size: 16px;}
            #wrap #footer #footer_contents .p02 {font-size: 36px;line-height: 1.0;margin:20px 0;}
            #wrap #footer #footer_contents .p03 {font-size: 16px;}
            #wrap #footer #footer_contents .p04 {font-size: 16px;}
            #wrap #footer #footer_contents .p05 {font-size: 16px;}
            #wrap #footer #footer_contents .sns {width: 100%;max-width: 1000px;margin:0 auto;font-size: 0;line-height: 0;position: relative;visibility: hidden;}
                #wrap #footer #footer_contents .sns div {position: absolute;right:0;bottom: 40px;}

            .footer01 {width: 100%;margin: 0 auto;}
            #wrap #footer #footer_contents #copyright {text-align: center;color: #fff;background-color: #D58477;}

            .link01 {width: 100%;margin:0 auto;padding: 0;}
                .link01 li {list-style: none;}
                    .link01 li a {text-decoration: none;}
                    .link01 li a:hover {text-decoration: underline;}

            .link02 {width:100%;margin:0 auto;padding: 0;visibility: hidden;}
                .link02 li {list-style: none;}
                    .link02 li a {text-decoration: none;}
                    .link02 li a:hover {text-decoration: underline;}

/* SmatPhones */
@media only screen and (max-width: 1023px) {

    body {font-size: 11px;line-height:2.0;}

    .pc {display:none;}
    .sp {display:block;}
    span.pc {display:none;}
    span.sp {display:inline-block;}

    #wrap{min-width:300px;}

        #wrap #header {min-width:300px;position: relative;}
            #wrap #header #header_contents {width:100%;max-width: 640px;}

            #wrapper {position:relative;top:0;left:0;}
            #wrapper nav {position: fixed;top: 0;left: -1000px;width: 100%;height: 100%;padding-top: 50px;font-size: 16px;box-sizing: border-box;background: url("../image/common/sp_menu_bk.png") #EFE7E5 no-repeat top center;background-size: 100% auto;z-index: 1000;}
            #wrapper nav ul li {display:block;padding: 10px 18px;}
            #wrapper nav ul li a {text-decoration: none;color: #707070;}
            #wrapper .btn-gnavi {position: fixed;top: 10px;right: 10px;width: 30px;z-index: 1001;box-sizing: border-box;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;margin:0;}
            #wrapper .contents section p {position: absolute;top: 50%;width: 30%;line-height: 1.4;font-size: 20px;color: #fff;}
            #wrapper .contents section:nth-child(odd) p {left: 10%}
            #wrapper .contents section:nth-child(even) p {right: 10%}

        .menu {margin:0;padding:0;}
            .menu li {text-align: center;}

        .mv .gnavi {display: none;}

        #global-navi .button {text-align: center;padding-top:200px;}
            #global-navi .button button {width: 90%;text-align: center;padding: 10px 0;color: #fff;cursor: pointer;margin: 0 auto;border: none;background-color: #FC6767;border-radius: 20px;}

        #wrap #main {min-width:300px;}
            #wrap #main #main_contents {width:100%;max-width: 640px;}

        section {padding:50px 0;}
            section .section {width: 90%;}
            .section02 .photo {text-align: center;}

        section.section02 {background: url("../image/top/bubble02_sp.png") #F3EBEA no-repeat center right;}
            .section03 .section .section_comment .contents01 {margin-top:20px;}
            .section03 .section .section_comment .contents02 {margin-bottom:40px;}
                .section03 .section .section_comment .contents02 ul {padding: 0 0 0 32px;}
                    .section03 .section .section_comment .contents02 ul li {}
                .section03 .section .section_comment .contents02 > div {display: flex;justify-content: space-between;}
                    .section03 .section .section_comment .contents02 > div > div {width: 48%;}
                .section03 .pc {display: none !important;}
                .section03 .sp > div {display: flex;justify-content: space-between;}
                    .section03 .sp > div > div {width: 49%;font-size: 0;line-height: 0;}
                    .section03 .contents02 ul li.second {margin-top: 10px !important;padding-bottom:0 !important;}
            .section03 .section .banner {}

        .section04 .section {width: 100%;max-width: initial;}
        .section04 .section_comment {padding:0 20px;}

        section.section05 {background: url("../image/top/section05_bk.png") #EDA89C no-repeat center top;background-size: 100%;background-position-y: 80px;}

        .section05 .title {margin: 25px 0 10px;}

        .section07 .contact p {font-size: 11px;}
        .section07 .contact button {width: 100%;font-size: 11px;}

        section.section05_02 {background: url("../image/top/section05_02_bk.png") #fff no-repeat right bottom;background-size: 150px;}
        section.section05_02 .section {width: 100%;}
        .section05_02 .section_comment {text-align: center;color: #333333;}
            .section05_02 .section_comment p {margin:25px 0;font-size: 11px;}

        section.section08 {background: url("../image/top/section08_bk_sp.png") #9AD5EB no-repeat center top;background-size: 100%;padding: 100px 0;}
        .section08 .h2 {color: #fff;font-size: 24px;margin-bottom: 50px;}
        .section08 .section_comment {text-align: center;color: #fff;}
            .section08 .section_comment p {margin:25px 0;font-size: 0;line-height: 0;}

        .section_waku {width: 100%;padding:50px 0;}

        .banner .banner_comment {font-size: 11px;}
        .banner01 {display: block;width: 90%;padding: 0 0 50px;}
            .banner01 li {margin-bottom:20px;}
            .banner01 li:last-child {margin-bottom:0;}
                .banner01 li img {width: 100%;}
        .banner02 {display: block;padding: 20px 0 0;}
            .banner02 li p {font-size:11px;margin:5px 0 20px;}

        .banner03 {display: block;margin: 0;padding: 0;list-style: none;}
        .banner03 li:nth-child(1) {width: 100%;height: 450px;background: url("../image/top/photo13_sp.png") #fff no-repeat center center;background-size: cover;text-align: left;}
            .banner03 li:nth-child(1) .comment01 {width: 80%;height: 100%;margin: 0 auto;display: flex;align-items: center;flex-wrap: nowrap;}
                .banner03 li:nth-child(1) .comment01 p {width: 100%;font-size: 24px;line-height: 1.0;margin:0;padding:0 0 10px;font-weight: bold;}
                .banner03 li:nth-child(1) .comment01 p.comment {font-size: 11px;line-height: 1.75;font-weight: normal;}
        .banner03 li:nth-child(2) {width: 100%;font-size: 0;line-height: 0;text-align: center;padding-top:20px;}
            .banner03 li:nth-child(2) img {width: 90%;margin:0 auto;display: block;}

        #wrap #footer {min-width:300px;padding:0;}
            #wrap #footer #footer_contents {width:100%;}
                #wrap #footer #footer_contents .p01 {font-size: 11px;}
                #wrap #footer #footer_contents .p02 {font-size: 24px;line-height: 1.0;margin: 5px 0 10px;}
                #wrap #footer #footer_contents .p03 {font-size: 11px;line-height: 1.5;margin: 0 0 10px;}
                #wrap #footer #footer_contents .p04 {font-size: 11px;line-height: 1.7;}
                #wrap #footer #footer_contents .p05 {font-size: 11px;line-height: 1.0;}

            #wrap #footer #footer_contents .sns {width: 90%;top:20px;bottom: initial;}
            .link01 {width: 90%;max-width: 70px;margin: 20px auto 10px;padding: 0;}
            .link02 {width: 90%;max-width: initial;margin: 0 auto;padding: 50px 0 20px;}
            .footer01 {width: 90%;margin: 0 auto;}
            #copyright {width: 100%;margin: 0 auto;padding: 10px 0;}
}

/* Tablets/Desktops/LargeDesktops */
@media only screen and (min-width: 1024px) {
    #wrap{min-width:300px;}

        #wrap #header {min-width:300px;}
            #wrap #header #header_contents {width:100%;}

        #wrap #main {min-width:300px;}
            #wrap #main #main_contents {width:100%;}

        section .section {width: 100%;margin: 0 auto;}

        .section01 .section {max-width: 400px;}
        .section02 .section {}
            .section02_01 {width: 100%;max-width: 880px;display: flex;justify-content: space-between;margin: 0 auto;padding: 0;}
                .section02_01 .text {width: 64%;}
                .section02_01 .photo {width: 35%;}
        .section03 .section {max-width: 800px;}
            .section03 .section .section_comment {margin-bottom:50px;}
                .section03 .section .section_comment .contents01 {display: flex;justify-content: space-between;}
                    .section03 .section .section_comment .contents01 p {font-size: 22px;}
                    .section03 .section .section_comment .contents01 p:nth-child(1) {width: 35%;font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: bold;}
                    .section03 .section .section_comment .contents01 p:nth-child(2) {width: 64%;}
                .section03 .section .section_comment .contents02 {display: flex;justify-content: space-between;}
                    .section03 .section .section_comment .contents02 ul {width: 35%;}
                    .section03 .section .section_comment .contents02 > div {width: 64%;display: flex;justify-content: space-between;}
                        .section03 .section .section_comment .contents02 > div > div {width: 48%;}
                        .section03 .section .section_comment .contents02 > div > div img {width: 100%;}
        .section04 .section {max-width: initial;}
        section.section05 {background: url("../image/top/section05_bk.png") #EDA89C no-repeat center top;background-size: 100% auto;background-position-y: 150px;}

        section.section05_02 {background: url("../image/top/section05_02_bk.png") #fff no-repeat right bottom;}
        .section05_02 .section_comment {text-align: center;color: #707070;}
            .section05_02 .section_comment p {margin:50px 0 10px;font-size: 0;line-height: 0;}
            .section05_02 .section_comment .banner03 {display: flex;justify-content: space-between;align-items: center;margin: 0;padding: 20px 0 30px;list-style: none;}
                .section05_02 .section_comment .banner03 li:nth-child(1) {width: 45%;height: 530px;background: url("../image/top/photo13.png") #fff no-repeat center center;background-size: 100% auto;display: flex;align-items: center;text-align: left;}
                    .section05_02 .section_comment .banner03 li:nth-child(1) div {width: 70%;margin: 0 auto;}
                        .section05_02 .section_comment .banner03 li:nth-child(1) div p {font-size: 24px;line-height: 1.0;margin:0;padding:0 0 10px;font-weight: bold;}
                .section05_02 .section_comment .banner03 li:nth-child(2) {display: table;width: 55%;height: 500px;}
                    .section05_02 .section_comment .banner03 li:nth-child(2) p {display: table-cell;vertical-align: middle;width: 100%;height: 100%;margin: 0;padding: 0;font-size: 0;line-height: 0;}
                    .section05_02 .section_comment .banner03 li:nth-child(2) img {width: 98%;}

        section.section08 {background: url("../image/top/section08_bk.png") #EDA89C no-repeat center top;background-size: 100%;}
        .section08 .h2 {color: #fff;margin:0;line-height: 1.75;}
        .section08 .section_comment {text-align: center;color: #fff;}
            .section08 .section_comment p {margin:25px 0 20px;font-size: 0;line-height: 0;}

        .section_waku {width: 100%;max-width: 727px;padding:100px 0;}

        .banner01 li {font-size: 0;line-height: 0;width: 31%;}
        .banner02 li {font-size: 0;line-height: 0;width: 48%;}

        #wrap #footer {min-width:300px;margin: 0 auto;padding:0;}
            #wrap #footer #footer_contents {width:100%;padding: 120px 0 0;}

            .link01 {max-width: 383px;display: flex;justify-content: space-between;}
            .link02 {max-width: 422px;padding: 40px 0;display: flex;justify-content: space-between;}

            .footer01 {max-width: 1000px;padding: 100px 0 0;}
            #copyright {padding:20px 0;}
}

/* iPad(横) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}
/* iPad(縦) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* iPhone4,iPhone5,iPhone5sのみ */
@media screen and (min-device-width: 320px) and (max-device-width: 374px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [None Retina iPhone] : iPhone 2G, 3G, 3GS, iPod touch, 2, 3, 4 */
@media only screen and (device-height: 480px) and (-webkit-min-device-pixel-ratio: 1), only screen and (device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [3inch iPhone and iPod] : iPhone 2G, 3G, 3GS, 4, 4S, iPod touch, 2, 3, 4 */
@media only screen and (device-height: 480px), only screen and (device-width: 480px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* [4 inch iPhone and iPod] : iPhone 5, 5s, 5c, iPod touch 5 */
@media only screen and (device-height: 568px), only screen and (device-width: 568px) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* [Retina iPhone and iPod] : iPhone 4, 4S, 5, 5s, 5c, iPod touch 4, 5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    html {font-size:62.5%;}
    body {font-size:10px; font-size:1.0rem;}
}

/* iPhone6のみ */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}

/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    html {font-size:62.5%;}
    body {font-size:28px; font-size:1.0rem;}
}