@charset "UTF-8";


/*JS*/

.js-accordion.is-open .js-accordion__inner>*{transition:visibility 0s;visibility:visible}
#main-contents:focus{outline:none}
.js-svg{display:inline-block;height:1em;transition:opacity .3s;width:1em}
img.js-svg{opacity:0}
svg.js-svg{opacity:1}
img.js-lazyload{opacity:0;transition:opacity .6s}
img.js-lazyload.isLoaded{opacity:1}
picture.js-lazyload img{opacity:0;transition:opacity .6s}
picture.js-lazyload img.isLoaded{opacity:1}
.js-bgmedia{
    background-position:50%;background-repeat:no-repeat;background-size:cover;
    display:block;height:100%;left:0;position:absolute;top:0;width:100%
}





/*色*/

.l-footer_body__inner,.l-header,.l-sidebar,.l-sidebar__logo
{background-color:#fff}
.c-drawer,.l-footer,.l-main,.l-sidebar__item.-mega
{background-color:rgb(252, 242, 230)}
.is-mouse .c-text01 a:focus,.is-mouse .c-text01 a:hover,.is-mouse .c-text03 a:focus,
.is-mouse .c-text03 a:hover,.is-mouse .c-text04 a:focus,.is-mouse .c-text04 a:hover
{text-decoration:none}
.is-mouse :focus{outline:2px solid #2d5f92}
.is-mouse :focus:hover{outline:none}




/*メニュー */

.top_icon{
    height: 80%;
    padding-right: 5px;
}

.l-sidebar{border-right:1px solid #ddd;height:100%;left:0;line-height:1.5;position:fixed;top:0;z-index:6000}
.l-sidebar__logo{border-bottom:1px solid #ddd;left:0;position:absolute;top:0;width:250px;z-index:1}
.l-sidebar__logo:before{content:"";display:block;padding-top:100%}
.l-sidebar__logo .c-logo{height:100%;left:0;position:absolute;top:0;width:100%}
.l-sidebar__main{
    font-weight:900;
    height:100%;
    max-height:100%;
    overflow-y:auto;
    padding-top:250px;
    transition:width .6s;
    width:250px
}
.l-sidebar__list{max-width:250px;width:100%}
.l-sidebar__item{border-bottom:1px dashed #ddd;position:static;transition:background-color .3s}
.l-sidebar__item>.link,.l-sidebar__item>a{
    align-items:center;cursor:pointer;display:flex;height:6rem;padding-left:15px;padding-right:15px;width:100%}
.l-sidebar__item>.link .after,.l-sidebar__item>a .after{margin-left:auto}
.l-sidebar__item>.link .symbol,.l-sidebar__item>a .symbol{height:40px;margin-right:.35em;min-width:40px;width:40px}
.is-mouse .l-sidebar__item>a{transition:background-color .3s}
.is-mouse .l-sidebar__item>a:focus,.is-mouse .l-sidebar__item>a:hover{background-color:rgb(252, 242, 230)}
.is-mouse.-bg .l-sidebar__item>a{transition:background-color .3s,color .3s}
.is-mouse.-bg .l-sidebar__item>a .js-svg{transition:color .3s}
.is-mouse.-bg .l-sidebar__item>a:focus,.is-mouse.-bg .l-sidebar__item>a:hover{background-color:#fff}
.is-mouse.-bg-black .l-sidebar__item>a:focus,.is-mouse.-bg-black .l-sidebar__item>a:focus .js-svg,
.is-mouse.-bg-black .l-sidebar__item>a:hover,.is-mouse.-bg-black .l-sidebar__item>a:hover .js-svg{
    color:#111}
    .l-sidebar__hanco{
        padding: 30px;
    }
    .l-sidebar__hanco a{ overflow:hidden; }
    .l-sidebar__hanco a img{ transform:scale(1.1); }
    .l-sidebar__hanco a img:hover{
        transform:scale(1);
        transition:0.9s;
    }


/*スクロールバー*/

body, html {
    &::-webkit-scrollbar {
      height: 15px;
    }
    &::-webkit-scrollbar-track {
      background: whitesmoke;
      border-radius: 10px;
    }
    &::-webkit-scrollbar-thumb {
      background: rgb(230, 130, 8);
      border-radius: 10px;
    }
    &::-webkit-scrollbar-button {
      display: none;
    }
    &::-webkit-scrollbar-track-piece:start,
    &::-webkit-scrollbar-track-piece:end {
      background-color: transparent;
    }
  }


/*メニュー2*/

.c-drawer{
    display:none;font-size:calc(1.23267vw + 1.13775rem);
    height:0;overflow:hidden;padding-top:calc(7.70416vw + 21.1094px);
    position:fixed;right:0;top:0;
    transition:height .6s cubic-bezier(.215,.61,.355,1);width:100%;z-index:5000
}        
.c-drawer.is-act{height:100%}               
.c-drawer__container{-webkit-overflow-scrolling:touch;height:100%;max-height:100%;overflow-y:auto;padding-bottom:calc(6.16333vw + 96.88752px);padding-top:calc(6.16333vw + 46.88752px)}
.c-drawer__inner{margin-left:auto;margin-right:auto;max-width:calc(73.95994vw - 37.34977px);width:100%}
.c-drawer__item{margin-bottom:1.5em}
.c-drawer__item:last-child{margin-bottom:0}
.c-drawer__item .symbol{height:calc(1.79592vw + 37.26531px);margin-right:.35em;min-width:calc(1.79592vw + 37.26531px);width:calc(1.79592vw + 37.26531px)}
.c-drawer__item>.link .icon,.c-drawer__item>a .icon{transform:scale(1.15);transform-origin:right center}
.c-drawer__item .icon{margin-left:auto;margin-right:.1em}
.c-drawer__item .list{font-size:calc(1.07858vw + .99553rem);padding-left:1.5em}
.c-drawer__item .list .item{padding-top:1em}
.c-drawer__item .list .item:last-child{margin-bottom:0}
.c-drawer__item .list .item .link,.c-drawer__item .list .item a{font-weight:500}
.c-drawer__item .list .item .link .icon,.c-drawer__item .list .item a .icon{margin-left:.5em}



/*メインのボタン*/

.is-mouse .c-button01 .link,.is-mouse .c-button01 a{transition:background-color .3s,color .3s}
.is-mouse .c-button01 .link .js-svg,.is-mouse .c-button01 a .js-svg{transition:color .3s}
.is-mouse .c-button01 .link:focus,.is-mouse .c-button01 .link:hover,.is-mouse .c-button01 a:focus,.is-mouse .c-button01 a:hover{background-color:#382710;color:#fff}
.is-mouse.-bg .c-button01 .link:focus,.is-mouse.-bg .c-button01 .link:focus .js-svg,.is-mouse.-bg .c-button01 .link:hover,.is-mouse.-bg .c-button01 .link:hover .js-svg,.is-mouse.-bg .c-button01 a:focus,.is-mouse.-bg .c-button01 a:focus .js-svg,.is-mouse.-bg .c-button01 a:hover,.is-mouse.-bg .c-button01 a:hover .js-svg{color:#fff}
.is-mouse.-bg-black .c-button01 .link:focus,.is-mouse.-bg-black .c-button01 .link:hover,.is-mouse.-bg-black .c-button01 a:focus,.is-mouse.-bg-black .c-button01 a:hover{background-color:#111}
.c-button01 .link,.c-button01 a{background-color: rgb(230, 130, 8);border-radius:9999px}
.c-button01 .link,.c-button01 a{box-shadow:5px 5px 0 0 #eee}
.c-button01{
    display:flex;
    font-weight:700;
    line-height:1.5;
    text-align:center;
    color: #fff;
}
.-center.c-button01{
    justify-content:center;
    margin-top: calc(1.63265vw + 33.87755px);
}
.c-button01 .link,.c-button01 a{
    align-items:center;
    display:flex;
    justify-content:center;
    padding-left:30px;
    padding-right:30px
}
.c-button01 .link .text,.c-button01 a .text{margin-left:auto;margin-right:auto}
.c-button01 .link .icon,.c-button01 a .icon{min-width:1em}
.-regular.c-button01 .link,.-regular.c-button01 a{padding-bottom:1.25em;padding-top:1.25em}
.-width01.c-button01 .link,.-width01.c-button01 a{width:420px}


/*インナー*/

.c-container{
    margin-left:auto;
    margin-right:auto;
    max-width:1350px;
    padding-left:80px;
    padding-right:80px;
    width:100%}


/*トップ*/

.is-start .N_Feeling_BODY #page,.is-start .N_listening_BODY #page{
    opacity: 1;
}

#page{
    font-weight:400;
    line-height: 1.6;
    margin-left:250px;
    overflow:hidden;
    position:relative;
    width:auto
}
#page .p-index_kv figure{
    line-height: 0px;
}
.is-start #page{opacity:0;transition:opacity .3s}
.is-start.is-loaded #page{opacity:1}
figure,picture{display:inline-block}
img{height:auto;max-width:100%;vertical-align:bottom}
svg{overflow:hidden}



/*メニューやメインのリンク*/

.c-flex{display:flex}
.c-flex .before{margin-right:.5em}
.c-flex .after{margin-left:.5em}
.c-flex .icon.-large{height:1.5em;min-width:1.5em;width:1.5em}
.c-flex.-acenter{align-items:center}
.c-flex.-astart{align-items:flex-start}
.c-flex.-aend{align-items:flex-end}
.c-flex.-jbetween{justify-content:space-between}
.c-flex.-jcenter{justify-content:center}
.c-flex.-jstart{justify-content:flex-start}
.c-flex.-jend{justify-content:flex-end}
.c-lower{padding-top:150px}


/*トップ画像*/

.p-index_kv{
    height:100vh;
    overflow:hidden;
    position:relative
}
.N_tittle_noji_SVG{
    position: absolute;
    top: 20vh;
    width: calc(100vw - 250px);
    z-index: 1000;
}
.N_tittle_noji_SVG img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 55vw;
    max-width: 1200px;
}

.p-index_kv__item,.p-index_kv__list{height:100%;left:0;position:absolute;top:0;width:100%}
.p-index_kv__container{height:100%;position:relative}
.p-index_kv__container .c-illust{z-index:50}
.p-index_kv__container .c-illust_wave{
    bottom: -2px;
    position:absolute;
}

/*02 電話相談のながれ*/

.N_top02_BODY{
    margin-bottom: 5px;
}
.N_top02_hako{
    display: flex;
    justify-content: space-between;
}

.N_top02_gazou img{
    width: 35vw;
    max-width: 600px;
}
.N_titlleSET{
    margin-top: 10vh;
}
.N_titlleSET_MINI{
    color: rgb(218, 87, 8);
    font-weight: 300;
}
.N_top03_ACCECE .N_titlleSET{
    text-align:center
}


/*03 枠*/


.N_top03_WAKU{
    background-image: url(../img/nodoka_haikei.webp);
}
.N_list{
    display: flex;
    margin: 0 auto;
}
.N_list .text{
    font-weight: 900;
    font-size: 3.5rem;
}
.N_list_item{
    width: calc(100vw / 2);
    padding: 30px;
    background-color: #fff;
    border-radius: 30px;
}
.N_list_item:nth-child(1){
    margin-right: 20px;
}
.c-title06{
    font-size: 2.5rem;
    margin-top: 2vw;
    padding-bottom: 1.8vw;
}
.N_list svg{
    margin-left: 10px;
}
/*うねうね　02 枠*/

.N-illust_wave {
    position:absolute;
    top:0;
    left: 0;
}

.N-illust_wave2 {
    position:absolute;
    bottom:0;
    left: 0;
}

.N_top03_WAKU figure{
    z-index: 0;
}
.N_list_image img{
    border-radius: 20px;
}

.N_top03_WAKU ul{
    margin-top: 80px;
}
.N-hover_underline{
    text-decoration:none}
.N-hover_underline.-reverse,.is-mouse a.N-hover_underline:focus,
.is-mouse a.N-hover_underline:hover,.is-mouse a:focus span.N-hover_underline,
.is-mouse a:hover span.N-hover_underline{
    text-decoration:underline;
}

.c-illust_wave {
    fill: #000;
}

/*アクセス*/

.N_top03_ACCECE{
    margin-top: 10VW;
}
.N_map{
    position: relative;
    padding-bottom: 2vw;
}

.N_top03_ACCECE img{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20vw;
}
.N_top03_ACCECE iframe{
    border-radius: 30px;
}
.N_sougei{
    display: flex;
    margin-top: 4vw;
    align-items: center;
    justify-content: center;
    padding-bottom: 1vw;
}
.N_sougei img{
    position: static;
    width: 13vw;
    margin-right: 2.2vw;
}
.N_acceceMOJI_01 h4{
    font-weight: 900;
    font-size: 4.5rem;
    letter-spacing: .35rem;
    line-height: 1.3;
    margin-bottom: 1vw;
    margin-top: 1.2vw;
    font-feature-settings: "palt";
}
.moyori li,.moyori p{
    font-weight: 900;
    font-size: 1.5rem;
    letter-spacing: .20rem;
    display: flex;
}
.moyori p{
    padding-top: 0.3vw;
    padding-right: 5px;
}
.moyori{
    display: flex;
}
.moyori li {
    display: block;
    float: left;
    text-align: center;
    padding: 0.3vw 1.5vw;
    margin-left: 0.2vw;
  }
.morori_WAKU{
    background-color: rgb(96, 58, 19);
    border-radius: 10px;
    color:#fff;
}
.tyuui{
    text-align: center;
}


/*ヘッダー*/

.l-header{display:none;height:calc(7.70416vw + 21.1094px);left:0;padding-left:calc(.81633vw + 6.93878px);position:fixed;top:0;width:100%;z-index:6000}
.-bg .l-header:after{border-bottom:1px solid;bottom:-1px;content:"";display:block;position:absolute;right:0;width:100%}
.l-header__list{display:flex;font-weight:700;justify-content:flex-end;margin-left:auto}
.l-header__item{height:calc(7.70416vw + 21.1094px);margin-right:1px;position:relative;text-align:center;width:calc(7.70416vw + 21.1094px)}
.-bg .l-header__item:after{border-right:1px solid;content:"";display:block;height:100%;left:-1px;position:absolute;top:0}
.l-header__item:last-child{margin-right:0}
.l-header__item .icon{display:flex;height:calc(2.7735vw + 7.59938px);margin-bottom:1px;margin-left:auto;margin-right:auto;width:calc(2.7735vw + 7.59938px)}
.l-header__item .icon .bar{display:block;height:100%;position:relative;width:100%}
.l-header__item .icon .bar span,.l-header__item .icon .bar:after,.l-header__item .icon .bar:before{border-bottom:2px solid;content:"";display:block;left:0;margin-top:-1px;position:absolute;width:100%}
.l-header__item .icon .bar span{top:50%;transition:opacity 0s .3s}
.l-header__item .icon .bar:after,.l-header__item .icon .bar:before{transition:top .3s .3s,transform .3s}
.l-header__item .icon .bar:before{top:20%}
.l-header__item .icon .bar:after{top:80%}
.l-header__item .icon .js-svg{height:100%;width:100%}
.l-header__item .text{display:block;font-size:calc(1.54083vw + .42219rem);letter-spacing:.05em}
.l-header__item a{align-items:center;background-color:#edc920;display:flex;height:100%;justify-content:center}
.l-header__item a>span{display:block;width:100%}
.-bg .l-header__item a{background-color:transparent!important}
.l-header__item a.is-act .icon .bar:before{top:50%;transform:rotate(45deg)}
.l-header__item a.is-act .icon .bar:after{top:50%;transform:rotate(-45deg)}
.l-header__item a.is-act .icon .bar span{opacity:0}
.l-header__item a.is-act .icon .bar:after,.l-header__item a.is-act .icon .bar:before{transition:top .3s,transform .3s .3s}


/*文字　サイズ*/

.N-heading01{
    font-size:6rem;
    margin-bottom: 4vh;
}
.N-heading02{
    font-size:6rem;
}
.N_top02_BODY .N-heading01 span{
    color:  rgb(230, 130, 8);
    font-size:6rem;
    -webkit-text-stroke: 0px;
}
.c-text01{font-size:1.6rem}
.c-text03{font-size:1.4rem}


.l-header .c-logo__text{margin-left:calc(.61633vw + 1.68875px)}

.N_TOP_rogo_SP{
    display: flex;
    height: calc(7.70416vw + 21.1094px);
}
.N-logo__text{
    width: calc(7.70416vw + 11.1094px);
    padding-top: 8px;
    padding-bottom: 2px;
}
.N_logo_text{
    padding-top: calc(7.70416vw - 30px);
    margin-left: 15px;
}

/*ロゴ・イラストに関する情報*/
.c-logo a{
    height:100%;
    width:100%;
    text-align: center;
}
.c-logo a{
    cursor:pointer;
}
.c-logo .c-blockimage{
    margin-left:auto;
    margin-right:auto;
    width:80px
}
.c-logo__text img{
    padding-top: 40px;
    width: 150px;
}



/*うねうね　01 一日のながれ*/
.p-index_kv__container .c-illust_wave {
    width: 95vw;
}
.c-blockimage,.N-blockimage,.N-blockimage2{
    display:block;
    position:relative
}

.c-blockimage:before{
    content:"";
    display:block;
    padding-top:100%
}
.N-blockimage:before,.N-blockimage2:before{
    content:"";
    display:block;
    padding-top:10%
}
.N-blockimage svg{
    display:block;
    height:110%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}

.N-blockimage2 svg{
    display:block;
    height:110%;
    position:absolute;
    left:0;
    bottom: -1px;
    width:100%
}

/*イラスト　トンボ*/
.N_top02_BODY .N_illust_tonbo{
    position: absolute;
    top: 0;
    z-index: 4000;
}
.p-index_kv figure:nth-child(1){
    top: 5vh;
    left: 5vw;
    width: 11vw;
    min-width: 90px;
}
.p-index_kv figure:nth-child(3){
    top: auto;
    bottom: 3vh;
    right: 3vw;
    left: auto;
    width: 20vw;
    min-width: 180px;
}

.c-illust_wave:before{padding-top:24.7882986913%}



/*フッター*/

.N_center{
margin: 0 auto;
}

.l-footer{
    position:relative
}
.l-footer_head{
    height:430px;
    position:relative
}
.l-footer_body__inner{
    border-radius:40px;
    padding-bottom:55px;
    padding-top:55px;
    position:relative;
}
.N_footer_haikei{
    position: relative;
}
.N_footer_haikei img{
    width: 100vw;
}
.N-blockimage3{
    display:block;
    position: absolute;
    top: 0;
    width: 100vw;
}
.nodokaROGO{
    text-align:center;
    margin-top: 2vw;
    margin-bottom: 3vw;
}
.nodokaROGO img{
    width: 16vw;
    min-width: 150px;
    margin-top: 1vw;
}
.nodokaROGO p{
    color:  rgb(230, 130, 8);
    font-size: 1.5rem;
    letter-spacing: .15rem;
}
.c-title04{
    font-size: 2.5rem;
    padding-bottom: 2vh;
}
.N_fotter_LIST{
    display: flex;
    padding: 0 20px;
    margin-top: 5vh;
}
.N_fotter_LIST_NAKA{
    margin-top: 2.5vh;
    margin-bottom: 10px;
}
.N_fotter_LIST_NAKA_IN{
    display: flex;
    margin-top: 1vh;
}
.N_fotter_LIST_NAKA dt{
    color: #fff;
    background-color: rgb(230, 130, 8);
    border-radius:5px;
    font-weight:900;
    margin-right:0.5em;
    min-width:4em;
    padding-bottom:.25em;
    padding-top:.25em;
    text-align:center;
    width:7em
}
.N_fotter_LIST_NAKA dd{
    font-weight: 400;
    padding-top:.25em;
    padding-left: 1vw;
}
.l-footer_foot{
    margin-top:80px;
    padding-bottom:20px;
    font-size: small;
    font-weight: 900;
}


/*相談のながれ*/

.N_titlleSET_2{
    margin-top: 10vh;
    margin-bottom: 5vh;
}
.N-heading01 span{
    font-size: 4rem;
    color:rgba(0,0,0,.0);
    -webkit-text-stroke: 1px rgb(96, 58, 19);
}
.N_titlleSET_2 .N-heading01{
    margin-bottom: 0px;
}
.N_SAB_image{
    position: relative;
    margin-bottom: 10vh;
}
.N_illust_tonbo{
    position: absolute;
    top: -50px;
    left: -20px;
    z-index: 1000;
    width: 130px;
    height: auto;
} 
.N_SAB_image img:nth-child(1){
    width: 100%;
    height: 30vw;
    max-height: 300px;
    object-fit: cover;
    border-radius: 20px;
}

.SAB_tittle{
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 5vh;
    margin-top: 3vw;
}
.whiteBOX{
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 30px 100px;
}
.arrow{
    width: 50px;
}
.arrow {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
  }
.arrow:before {
    content: '';
    width: 15px;
    height: 15px;
    border: 0;
    border-bottom: solid 1px rgb(96, 58, 19);
    border-right: solid 1px rgb(96, 58, 19);
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    margin: auto;
}
.MINI_title{
    font-weight: 900;
    font-size: large;
    margin-bottom: 10px;
}
.MINI_title span{
    color: rgb(230, 130, 8);
}
.N_listening_BODY .whiteBOX a{
    border-bottom: solid 1px rgb(96, 58, 19);
}
.N_frex{
    display: flex;
    justify-content: space-between;
}
.listening_inner02_inner{
    width: calc(50% - 10px);
}


/*のどかについて*/

h3{
    font-size: 4rem;
    letter-spacing: 0.3rem;
}

.about_inner01::before{
    content: "";
    display:block;
    width: 100%;
    height: 1px;
    background-color: rgb(96, 58, 19);
}
.N_about_BODY .MINI_title{
    margin-top: 60px;
    text-align: center;
    letter-spacing: 0.2rem;
    font-size: 3rem;
    margin-bottom: 50px;
    line-height: 5rem;
}

.N_about_BODY .whiteBOX{
    margin-top: 50px;
}
table{
    width: 48%;
    text-align: left;
}
.whiteBOX_inner img{
    width: 48%;
    border-radius: 20px;
    object-fit: cover;
}
table{
    letter-spacing: 0.2rem;
}
th{
    font-weight: 900;
}
.N_about_BODY td, .N_about_BODY th{
    padding: 5px 10px;
}
.MOJIset_about_01 {
    margin-left: 20px;
    text-align: left;
}
.MOJIset_about_01 .MINI_title{
    margin-top: 0;
    text-align: left;
    margin-bottom: 10px;
}
.about02{
    margin-top: 7vw;
}
.about01{
    margin-top: 5vh;
}
.about01 .MINI_title{
    width: 40%;
    text-align: left;
}
.about01 p:nth-child(2){
    width: 60%;
    text-align: left;
}

/*のどかの想い*/
.-position{
    position: relative;
}
.-position .N_illust_tonbo{
    position: absolute;
    top: 0;
    left: 80%;
}
.Feeling_inner01{
    line-height: 3.5rem;
    width: 80%;
    margin: 0 auto 10vw auto;
}
.Feeling_inner02 img{
    width: 48%;
    height: 35vh;
    border-radius: 20px;
    object-fit: cover;
}
.Feeling_inner02{
    text-align: left;
}
.Feeling_inner02 .MINI_title span{
    font-weight: 200;
    font-size: small;
    color: rgb(96, 58, 19);
    margin-left: 10px;
}
.Feeling_inner06{
    width: 48%;
}
.Feeling_inner07{
    text-align: left;
    margin: 50px 0 50px 0;
    justify-content: left;
}
.Feeling_inner07 p:nth-child(1){
    margin-right: 20px;
}
.Feeling_inner03 img{
    border-radius: 20px;
}
.Feeling_inner03 figure:nth-child(1),.Feeling_inner03 figure:nth-child(2){
    margin-right: 10px;
}
.-marginTOP{
    margin-top: 5vh;
}
.Feeling_inner04{
    text-align: left;
    margin-bottom: 3vh;
}
.Feeling_inner05{
    background-color: white;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 3vh;
    justify-content: left;
}
.Feeling_inner05 p{
    text-align: left;
}
.Feeling_inner05 p:nth-child(1){
    width: 20%;
}
.-border{
    border: 1px solid rgb(96, 58, 19);
}
.Feeling_inner08 img{
    border-radius: 20px;
}
.Feeling_inner08{
    width: calc(100% / 3 - 9px);
}
.Feeling_inner08 img:nth-child(1),.Feeling_inner08 img:nth-child(2){
    margin-right: 10px;
}

/*ご利用について*/
.usage_inner01 .MINI_title{
    background-color: rgb(96, 58, 19);
    color: #fff;
    padding: 1vh;
    margin-top: 5vh;
    letter-spacing: 0.2rem;
    border-radius: 5px;
}
.usage_inner01 .N_illust_tonbo{
    width: 20vw;
    min-width: 200px;
    top: -50px;
}
.N_usage_BODY .SAB_tittle::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgb(96, 58, 19);
}
.N_usage_BODY .SAB_tittle{
    text-align: left;
}
.N_usage_BODY p:nth-child(n+2){
    text-align: left;
}
.N_usage_BODY table{
    width: 100%;
    line-height: 3rem;
}
.N_usage_BODY h3:last-child{
    margin-top: 100px;
}
.usage_inner02{
    background-color: rgb(252, 242, 230);
    border-radius: 10px;
    margin: 4vh 0 3vh 0 ;
    padding: 2.5vw;
    justify-content: left;
}
.usage_inner02 p:first-child{
    font-weight: 900;
}
.N_usage_BODY .about02{
    margin-top: 3vw;
}
.N_usage_BODY .N_SAB_image{
    margin-bottom: 3vh;
}
/*お問い合わせ*/

.contact_inner01{
    padding-top: 20px;
}
.N_contact_BODY .SAB_tittle{
    text-align: left;
}
.N_contact_BODY .SAB_tittle::after{
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-color: rgb(230, 130, 8);
    margin-top: 10px;
}
.TEL_inner{
    display: flex;
    height: 50px;
    width: 100vw;
    margin: 20px 0px;
    position: relative;
}
.TEL_inner img{
    height: 100%;
    position: absolute;
    bottom: 0;
}
.TEL_inner h3{
    height: 100%;
    font-weight: 900;
    font-size: 5.2rem;
    position: absolute;
    bottom: 16px;
    left: 65px;
}
.contact_inner02{
    padding-top: 3vw;
}


/*Contact Form 7*/

.form{
    margin-top: 10vw;
    font-weight: 900;
}
.form span{
    font-weight: normal;
}
.hissu_inner{
    display: flex;
}
.hissu{
    color: #fff;
    background-color: rgb(230, 130, 8);
    border-radius: 3px;
    margin-left: 10px;
    padding: 2px 7px;
    font-size: smaller;
}
.hissu_inner{
    margin-top: 20px;
    margin-bottom: 5px;
    }
.inner p:nth-of-type(4), .inner p:nth-of-type(6), 
.inner p:nth-of-type(12), .inner p:nth-of-type(14), .inner p:nth-of-type(20),.wpcf7-text{
    background-color: #fff;
    width: 100%;
    padding: 5px;
    border-radius: 10px;
}
/*「送信」のデフォルトのスタイルを無効化する*/
input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .wpcf7-spinner {
    display: none;
  }
  .wpcf7 textarea[name="textarea-390"] { /* 本文入力欄 */
	width: 100%;
}
/* 送信ボタン */
.contact-thanks{
    color: #fff;
    background-color:  rgb(230, 130, 8);
    border-radius: 9999px;;
    box-shadow: 5px 5px 0 0 #eee;
    width: 420px;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    text-align: center;
    margin-top: 30px;
    font-weight: 900;
}
.contact-thanks:hover{
    background-color: rgb(96, 58, 19);;
}


/* サンクスページ */
.N_thanks_BODY h3{
    font-size: 4rem;
    letter-spacing: 0.3rem;
    margin-top: 20vh;
    margin-bottom: 2vh;
    font-weight: 900;
}
.N_thanks_BODY p{
    margin-bottom: 20vh;
}


@media only screen and (max-width:1599px){
    #page{margin-left:calc(4.34028vw + 180.55556px)}
    .l-sidebar__logo,.l-sidebar__main{width:calc(4.34028vw + 180.55556px)}
    .l-sidebar__main{padding-top:calc(4.34028vw + 180.55556px)}
    .l-sidebar__list{max-width:calc(4.34028vw + 180.55556px)}
    .l-sidebar__item>.link .symbol,.l-sidebar__item>a .symbol{height:calc(1.38889vw + 17.77778px);min-width:calc(1.38889vw + 17.77778px);width:calc(1.38889vw + 17.77778px)}
    .-mt1.c-button01{margin-top:calc(1.63265vw + 33.87755px)}
    .c-button01 .link,.c-button01 a{padding-left:calc(.81633vw + 16.93878px);padding-right:calc(.81633vw + 16.93878px)}
    .-width01.c-button01 .link,.-width01.c-button01 a{width:calc(11.42857vw + 237.14286px)}
    body{font-size:calc(.16327vw + 1.33878rem)}
    .l-footer_head{height:calc(25.30612vw + 25.10204px)}
    .l-footer_body__inner{padding-bottom:calc(2.44898vw + 15.81633px);padding-top:calc(2.44898vw + 15.81633px)}
    .l-footer_foot{margin-top:calc(3.67347vw + 21.22449px)}
    .N-heading01,.N_top02_BODY .N-heading01 span,.N-heading01 span {
        font-size:calc(1.5vw + 2.04082rem)
    }
    .N-heading02{font-size:calc(3vw + 2.04082rem)}
    .c-text03{font-size:calc(.16327vw + 1.13878rem)}
    .c-title04{font-size:calc(.2449vw + 1.60816rem)}        
    .c-title06{font-size:calc(.38163vw + 1.46939rem)}
    .N_top03_ACCECE{padding-bottom:calc(1.22449vw + 5.40816px)}
    .p-about .N_top03_ACCECE,.p-common .N_top03_ACCECE{margin-top:calc(6.53061vw + 45.5102px)}
    .p-index_kv__container .c-illust_wave{width:95vw}
    .N_top02_gazou img{
        width: 40vw;
    }
    .N_tittle_noji_SVG{
        top: 30vh;
    }
    .N_acceceMOJI_01 h4{
        font-size: 4rem;
        letter-spacing: .10rem;
    }
}

@media only screen and (max-width:1240px){
    .N_top02_gazou img{
        width: 35vw;
    }
    .N_about_BODY th,.N_about_BODY td{
        display: block;
        text-align: left;
    }


}

@media only screen and (max-width:1023px){
    #page{margin-left:0}
    .l-header{display:flex}
    .l-sidebar{display:none}
    .l-footer_body__container{padding-left:0;padding-right:0}               
    .c-drawer{display:block}
    .p-index_kv{padding-top:calc(7.70416vw - 71.1094px)}
    .p-index_kv__container .c-illust_wave{width: 100vw;}
    .N_tittle_noji_SVG{
        top: 30vh;
        width: 100vw;
    }
    .N_tittle_noji_SVG img{
        width: 80vw;
    }
    .N_acceceMOJI_01 h4{
        font-size: 3rem;
        letter-spacing: .10rem;
    }
    h3{
        font-size:calc(1.5vw + 2.04082rem)
    }
    .N_about_BODY th,.N_about_BODY td{
        display: table-cell;
        text-align: left;
    }
    .N_about_BODY .N_frex,.N_Feeling_BODY .Feeling_inner02,.Feeling_inner07,.Feeling_inner05 {
        display: block;
    }
    .N_about_BODY .N_frex img,.N_about_BODY table,.N_Feeling_BODY .Feeling_inner02 img,.Feeling_inner06 {
        width: 100%;
    }
    .N_about_BODY table{
        margin-bottom:5vh;
    }
    .MOJIset_about_01{
        margin-left: 0px;
        margin-top: 1vh;
    }
    .about01 p:nth-child(2),.Feeling_inner05 p:nth-child(1){
        width: 100%;
    }
    .N_about_BODY .MINI_title{
        margin-bottom: 0px;
    }
    .Feeling_inner02 img{
        margin-bottom: 2vh;
    }
    .N_usage_BODY th{
        width: 20%;
    }

}

                    
@media only screen and (max-width:767px){
    .c-container{
        max-width:100%;
        padding-left:30px;
        padding-right:30px;
    }
    .whiteBOX {
        padding: 10px 30px;
    }
    .p-index_kv__container .c-illust_wave{width: 100vw;}
    .N_tittle_noji_SVG{
        top: 30vh;
        width: 100vw;
    }
    .N_tittle_noji_SVG img{
        width: 100vw;
    }
    .N_top02_hako{
        display: block;
        text-align: center;
    }
    .-mt1.c-button01 {
        margin-top: calc(1.63265vw + 33.87755px);;
    }
    .N_top03_WAKU{
        background-image: url(../img/nodoka_haikei.webp);
    }


    .N_list .text{
        font-weight: 900;
        font-size: 1.8rem;
        letter-spacing: 0.1rem;
    }
    .N_list_item{
        width: calc(100vw / 2);
        padding: 20px;
        border-radius: 20px;
    }
    .N_list_item:nth-child(1){
        margin-right: 10px;
    }
    .c-title06{
        font-size: 2.5rem;
        margin-top: 2vw;
        padding-bottom: 1.5vw;
    }
    .N_list svg{
        margin-left: 5px;
        width: 3vw;
    }
}
                        
@media only screen and (max-width:567px){
    .l-header__item .icon .bar span,.l-header__item .icon .bar:after,.l-header__item .icon .bar:before{
        border-bottom:1px solid}
    .N_fotter_LIST{display:block;margin-bottom:0}
    .N_fotter_LIST_item{max-width:100%;padding-right:0}
    .N_fotter_LIST_item:last-child{margin-bottom:0}
    .N_fotter_LIST_item .-mt1{margin-top:.5em}
    .p-index_kv{height:calc(var(--vh)*100);transition:height .6s cubic-bezier(.645,.045,.355,1)}
    .p-index_kv__container .c-illust_wave{width: 100vw;}
    .N_tittle_noji_SVG{
        top: 30vh;
        width: 100vw;
    }
    .N_tittle_noji_SVG img{
        width: 100vw;
    }

    .N_list{
        display: block;
        margin: 0 auto;
        padding-top: 3vh;
        padding-bottom: 3vh;
    }
    .N_list .text{
        font-weight: 900;
        font-size: 1.8rem;
        letter-spacing: 0.1rem;
    }
    .N_list_item{
        width: auto;
        padding: 20px;
        border-radius: 20px;
    }
    .N_list_item:nth-child(1){
        margin-bottom: 10px;
    }
    .c-title06{
        font-size: 2.5rem;
        margin-top: 2vw;
        padding-bottom: 1.8vw;
    }
    .N_list svg{
        margin-left: 5px;
        width: 3vw;
    }
    .N_top03_WAKU ul{
        margin-top: 0px;
    }

    .N_sougei{
        display: block;
        text-align: center;
    }
    .N_sougei img{
        width: 20vw;
    }
    .N_acceceMOJI_01 h4{
        font-size: 2.2rem;
        letter-spacing: .10rem;
    }
    .moyori li, .moyori p{
        font-size: 1.2rem;
    }
    .about_inner01 .MINI_title{
        font-size: calc(1.5vw + 0.9rem);
        margin-top: 30px;
        margin-bottom: 10px;
        line-height: 3rem;
    }
    .usage_inner03 .MINI_title {
        letter-spacing: 0.3rem;
        line-height: normal;
        padding: 2vh 3vh;
        font-size: smaller;
    }
    .about01 .MINI_title {
        width: 100%;
    }
    .Feeling_inner03 img{
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .N_Feeling_BODY figcaption{
        display: none;
    }
    .Feeling_inner08 img{
        margin-bottom: 20px;
    }
    .TEL_inner{
        height: 30px;
    }

    .TEL_inner h3{
        font-size: 3.3rem;
        bottom: 11px;
        left: 40px;
        letter-spacing: 0;
    }
    .N_Feeling_BODY h3{
        font-size: calc(0.5vw + 2.04082rem);
    }
    .contact-thanks{
        width: 300px;
    }
    .N_footer_haikei img{
        width: 500px;
    }
}
              
@media only screen and (max-width:374px){
    #page{zoom:.75;margin-left:0}
    .l-main{background-color:transparent;padding-bottom:100px}
    .c-container{padding-left:20px;padding-right:20px}
    .p-index_kv__container .c-illust_wave{width: 150vw;}
    .N_tittle_noji_SVG{
        top: 30vh;
        width: 100%;
    }
    .N_tittle_noji_SVG img{
        width: 100%;
    }
    .N_usage_BODY th,.N_usage_BODY td{
        display: block;
        text-align: left;
    }
}
    
@media print{
    body{height:297mm;margin:0;width:210mm}
}