/*スクショ用*/
/*body:before {*/
/*    content: "";*/
/*    display: block;*/
/*    background-image: url(./Dup/img/main_img.jpg);*/
/*    background-size: 100%;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*}*/

/*電話削除*/
.tel_bt{
    display: none;
}

/*ブログ*/
.cms_1-f .box_img1{
    background-color: #fff2cf;
 }
.fa-calendar-alt:before{
    display: none;
}
#cms_1-f #news_list{
    padding-right: 5px;
    border: 0px solid ;
}
#cms_1-f #news_list li p{
    background-color: #ff8665;
    color: #fff;
}

 /* ブログページ上部にカテゴリリスト */

/*#news_list{*/
/*    border: 0px solid;*/
/*    display: flex;*/
/*    justify-content: space-around;*/
/*}*/
/*#cms_1-f #news_list > li{*/
    /*background-color: #ff8665;*/
/*    width: 40%;*/
/*    position: relative;*/
/*    padding: 10px;*/
/*    margin-right: 5%;*/
/*    margin-bottom: 20px;*/
/*    box-sizing: border-box;*/
/*    text-align: center;*/
/*        transition: 0.3s;*/
/*}*/
/*#cms_1-f #news_list > li:hover{*/
    /*background-color: #F9633A;*/
/*    color: #ffd2b3;*/
/*}*/

/*#cms_1-f #news_list > li p{*/
/*    color: #fff;*/
/*    background-color: #ff8665;*/
/*    padding: 5px;*/
/*    position: relative;*/
/*}*/
/*#cms_1-f #news_list > li p:hover{*/
/*    background-color: #F9633A;*/
/*}*/
/*#cms_1-f #news_list > li p:before{*/
/*    font-family: "Font Awesome 5 Free";*/
/*    content: "\f061";*/
/*    font-weight: 900;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 15px;*/
/*    transform: translate(0,-50%);*/
/*}*/
/*#cms_1-f .news_sub_list li{*/
/*            padding: 5px 5px 5px 10px;*/
/*}*/
/*#cms_1-f .news_sub_list{*/
/*    background: #fffee9;*/
/*    border-radius: 0 0 5px 5px;*/
/*}*/
/*#cms_1-f{*/
/*    display: block;*/
/*}*/
/*@media screen and (max-width: 667px){*/
/*    #news_list{*/
/*        display: block;*/
/*    }*/
/*    #cms_1-f #news_list > li{*/
/*        width: 100%;*/
/*    }*/
/*}*/


/*次世代美容のかた*/
.btn_box{
    position: relative;
    z-index: 2;
}

.btn_box .vita_btn{
    display: block;
    min-width: 245px;
    width: 91%;
    background: #ffab2d;
    /*border: 1px solid rgba(255, 225, 143, .3);*/
    color: #fff;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 1.2rem;
    padding: 15px 50px;
    font-weight: 600;
    transition: 0.5s;
}
.btn_box .vita_btn:hover{
    /*transform: translate(0px, 1px);*/
    background: #ff5b2e;
    border-color: rgba(241, 213, 135, 0);
    /*box-shadow: 0px 0px 0px #03083a;*/
}
@media screen and (max-width: 768px){
    .btn_box .vita_btn{
        width: 84%;
    }
}
@media screen and (max-width: 667px){
    .btn_box .vita_btn{
        margin: 10px auto 30px;
        padding: 15px 15px;
    }
}

/*問い合わせページ*/
#page8 .con_box p.con{
    border-bottom: 1px solid #ff9c7a;
    font-size: 24px;
    color: #ff5b2e;
}
#yoga_insta a .fa-insta:before, #vita_insta a:before{
    content: "";
    background-image: url(./Dup/img/insta_wite.png);
    width: 30px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: calc(50% - 80px);
}
.fa-mail:before {
    content: "\f0e0";
}
#yoga_line a .fa-line:before, #vita_line a .fa-line:before {
    /*content: "\f3c0";*/
    content: "";
    background-image: url(./Dup/img/line.png);
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: calc(50% - 70px);
}
#contact_tel a,#yoga_insta a,#yoga_gmail a,#yoga_line a{
    color: #fff;
    width: 584px;
    border-radius: 5px;
    margin: 20px;
    border: 0px solid ;
}
#yoga_insta a,#vita_insta a{
    position: relative;
    background: rgb(41,130,205);
    background: linear-gradient(142deg, rgba(41,130,205,1) 5%, rgba(185,35,180,1) 95%);
}
#yoga_gmail a{
    background: #f9633a;
}
#yoga_line a,#vita_line a{
    position: relative;
    background: #00b900;
}
#vita_insta a,#vita_line a{
    color: #fff;
    width: 584px;
    border-radius: 5px;
    margin: 20px;
    border: 0px solid ;
}

@media screen and (max-width: 768px){
    /*#contact_tel a,#yoga_insta a,#yoga_gmail a,#yoga_line a{*/
    /*    width: 220px;*/
    /*}*/
}
@media screen and (max-width: 667px){
    #contact_tel a,#yoga_insta a,#yoga_gmail a,#yoga_line a,
    #vita_insta a,#vita_line a{
        width: 220px;
    }
}
/*ローディング中のロゴ*/
#loading_logo{
    max-width: 500px;
}
#loading_logo3,#loading_logo4{
    max-width: 300px;
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 自動リンク設定 */
#loader {
    transition: 0s;
}
.linkStyle{
	color:#DD5A31;
}
.linkStyle:hover{
	color:#DD5A31;
	opacity: 0.7;
	text-decoration: underline;
	transition: all 0.5s;
}

#cms_1-a .pager li a:hover{
    opacity: 0.3;
}
/* color */
/*--------------------------カラー--------------------------*/
.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_white,.hvr_txt_white:hover{color: #333333;}
.txt_black,.hvr_txt_black:hover{color: black;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #ff805d;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #f99370;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #F9633A;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #F9EDD2;} /* アクセントカラー2 */

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: #333333;} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #f58159;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #EFAA7B;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #F9633A;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #F9EDD2;} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}


/* border-color ※!important */
.border_white,.hvr_border_white:hover{border-color: #333333;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #ff805d;}
.border_color2,.hvr_border_color2:hover{border-color: #ffb195;}
.border_color3,.hvr_border_color3:hover{border-color: #ff805d;}
.border_color4,.hvr_border_color4:hover{border-color: #ffb195;}

/*ローディング中*/
#loading{
    background: linear-gradient(172deg, rgb(255 244 206) 0%, rgb(255 232 167) 30%, rgb(255 188 125) 100%);
}

/*背景色*/
.blur{
    background: rgba(249, 237, 210, 0.8);
}



.top_page1 .blur{
    /*background: rgb(255 251 242);*/
}
/*画像境界をぼかす*/
#intro .intro_img1:before,
#intro .intro_img2:before,
#contents_wrap .con_img img:before{
    /*box-shadow: inset 0 0 10px 10px #fffbf2;*/
}

/*メニュー*/
header.scr_header{
    background-color: rgba(249, 237, 210, 0.7)!important;
}
.menu-trigger-bar{
    background-color: #333333;
}
.overlay,
.overlay:before{
    background-color: rgba(255, 246, 217,0.6)!important;
}
.overlay .overlay-nav > ul li a{
    color:#F9633A;
}
.overlay .overlay-nav .bottom a{
    color:#FFF;
}
.overlay .overlay-nav .bottom a,
.overlay .overlay-nav ul.top a:after, .overlay .overlay-nav ul.middle a:after{
    background-color: #F9633A;
}
.overlay .overlay-nav .bottom a{
    color:#333;
}

/*イントロ*/
#intro_wrap .intro_title{
    color: #333;
}
.modal_txt_wrap{
    color: #454545;
}
/*moreボタン*/

.more .more_item:before{
    background-color: #ff977b;
}
.top_cms_box .more a:hover{
    background-color: rgba(249, 99, 58,0);
}
.more_item,
.more a{
    color: #fff;
}
.more .more_item:hover .icon-right.after:after{
    color: #f9633a;
}
.more .more_item:hover{
        border-color: #f9633a;
}
.top_title{
    opacity: 0.7;
    filter: blur(3px);
}

.cate_list li{
    width: 40%;
    position: relative;
    padding: 10px;
    /*transition: 0.3s;*/
}
.cate_list li a{
    transition: 0.3s;
    background-color: #ff8665;
}

/*フッター*/
#footer_info{
    background-color: #fff6d9;
}
.tel_bt a,
.contact_bt a,
.overlay .overlay-nav .bottom a{
    background-color: #cfd594;
}
.tel_bt a:hover,
.contact_bt a:hover,
.overlay .overlay-nav .bottom a:hover{
    background-color: #EFAA7B;
}
/*ページャー*/
#cms_1-a .pager li i{
    color: #fff;
}
/*バナー*/
.bnr{
    right: 40px;
    bottom: 0px;
    max-width: 380px;
    z-index: 3;
}
.bnr a{display: block;transition: 0.5s;}
.bnr a:hover{opacity:0.7;}

/* 文字 --------------------------------------------------------------------------------------------*/
body{
    /*font-family: 'Zen Kaku Gothic New', sans-serif;*/
    font-family: 'Kiwi Maru', serif;
}

/*イントロ・コンテンツ*/
#intro_wrap .intro_title,
#contents .con_title{
    font-size: 35px;
    color: #f57f57;
}


.liana,
#intro_wrap .intro_title,
#page_title .en,
.overlay .overlay-nav > ul li a,
.overlay .overlay-nav .top .en,
#page10 .con_box ul li a,
.overlay-nav .bottom a,
.overlay .overlay-nav .en{
    font-family: 'Kiwi Maru', serif;
}
/*英語消す----------------------------------*/
#intro .con_title,
#intro .intro_photo h2,
.top_title h2.right,
.top_title h2 > span,
.cms_title p,
.overlay .overlay-nav .top .jp,
.overlay .overlay-nav .middle .jp,
span.jp.br,
#page_title .jp{
    display: none;
}
/*モーダル開いたとき　横の文字*/
.modal_title1{
    display: none;
}
/*モーダル開いたとき*/
.modal_title2{
    font-size: 24px;
}
/*下層ページ*/
#page_title .en{
    font-size: 40px;
}

/* ----------- 丸くする -------------------------------------*/
#intro .intro_img1,
#intro .intro_img2,
#contents_wrap .con_img img,
#top_cms .top_cms_box,
.con_box,
.modal-box .inner,
.box_img1,
.cate_img1{
    border-radius: 20px;
}
.more .more_item,
.tel_bt a, .contact_bt a,
#contact_tel a,
.overlay .overlay-nav .bottom a,
#cms_5-a .cate .cate_title,
.cate_list li,
.pager li a,.box_img1 a img{
    border-radius: 5px;
}

#cms_4-c .box_img1{
    border-radius: 0px;
}

/* TOP(mainはタブレットの上)------------------------------------------------------------------------*/
/* SNSリンク */
.sns_links{
    max-width: 500px;
    justify-content: flex-start;
}
.sns_links li{
    width: 16%;
        margin-right: 3%;
}
#main_img .sns_links{
    max-width: 500px;
}
.overlay ul.sns_links{
    max-width: 370px;
}
#overlay .sns_links li{
    width: 10%;
}
.overlay open .sns_links{
        max-width: 300px!important;
}
.overlay open .sns_links li{
    width: 10%;
}

/* コンテンツ */
.con_title{
    margin-bottom: 30px;
}

.dec{
    max-width: 350px;
    width: 30%;
    transform: translate(-50%, -50%);
}
.dec1{
    top: -40%;
    left: 45%;
}
.dec2{
    top: -33%;
    left: 53%;
}
.dec3{
    top: -33%;
    left: 48%;
}
.modal-box:before{
    display: none;
}
/* TOPCMS */
#top_cms .top_cms_box,
.page_container .con_box{
    background-color: rgba(255, 255, 255, .35);
    border: 0px solid;
}

#top_cms .cms_title h3{
    padding-bottom: 10px;
    border-bottom: 2px dotted #f58159;
    color: #f58159;
}
#top_cms .cms_title::before{
    content: "";
    background-image: url(./Dup/img/dec4.png);
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 75px;
    left: 80px;
    z-index: -1;
}
.cms_1-a .box_img1{
    background-color: #f5f5f5;
}

/* フッター */
.info_txt{
    padding: 2% 4%;
}
#copyright,
#copyright a{
    color: #fff6d9;
}
#footer_nav{
    background-color: rgba(255, 246, 217,0.7);/*#FFF6D9*/
    padding: 2%;
}
#main_img .scroll,
#page_title_img .scroll{
    bottom: -100px;
}
#main_img .scr,
#page_title_img .scr{
    color: #ffffff!important;
}
.scroll_d > span{
    background-color: rgb(81 80 75);
}
.info_btn_wrap{
    width: 60%;
}
footer .info_btn_wrap p{
    width: 100%;
    margin-bottom: 20px;
}
/* メニュー ----------------------------------------------------------------------------*/
#header{
    background-color: rgba(255, 246, 217,0.7);/*#FFF6D9*/
}
#logo img{
    max-width: 180px;
}
#pc_nav li a,
#footer_nav li a{
    color: #f57f57;
}
#pc_nav li a::after,
#footer_nav li a::after{
    background-color: #ffa77f;
        height: 2px;
}
.menu-trigger-bar{
    background-color: #ff9c7a;
}
.menu-trigger-bar:before{
    background-color: rgba(255, 246, 217,0.3)
}

.overlay-nav{
    padding-top: 80px;
}
.close-trigger-bar{
    background-color: #ff5b2e;
}

/* 下層ページ ----------------------------------------------------------------------------------------*/
/* CMSマージンパディング・文字調整 */
#cms_1-a .cate_box{
    padding-bottom: 30px;
}
#cms_1-a .cate_box,
#cms_2-c .cate,
#cms_2-a .cate_list,
#cms_3-f .cate_title{
    margin-bottom: 50px;
}
#cms_2-a .cate_box{
    margin-top: 20px;
}
#cms_3-f .cate_txt1{
    margin-top: 0px;
}
#cms_3-f .cate_txt1{
    margin-bottom: 20px;
}
#cms_2-a .box_txt1{
    padding-bottom: 0;
}
#cms_2-a .cate_box {
    padding-bottom: 30px;
}
#cms_2-a .box_title1{
    padding-bottom: 0px;
}
#cms_2-a .box_title1,
#cms_3-c .cate_title,
#cms_3-c .box_title1{
    font-weight: 600;
}
#cms_2-a .box_item{
    padding-right: 0px;
}
#cms_2-a .box_title1{
    padding-top: 0px;
}
.cate_list{
    margin-bottom: 50px;
}
/*ページタイトル*/
#page_title h2{
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}

#page_title h2::before{
    content: "";
    background-image: url(./Dup/img/dec4.png);
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -25%;
    left: -25px;
    z-index: -1;
}
#page_title .en{
    color: #ff5b2e;
}
#page_title .en:before{
    display: none;
}
#page_title .en{
    top: 15px;
    padding-left: 0px;
}
.cate_list a{
    color: #fff;
    display: block;
}
.cate_list a:hover{
    color: #ffd2b3;
}
.page_container{
    padding-top: 170px;
}
.pager{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.pager li{
    
}
.pager li a{
    background-color: #ff805d!important;
    color: #fff6d9;
    padding: 10px 40px;
    display: block;
    transition: 0.3s;
}
/* CMS1 */

/* CMS2 */

/* CMS3 */

/* CMS4 */
/*#page5 .cate_img1{*/
/*    margin-bottom: 0px;*/
/*}*/
/*.flow_type2 .cate_title {*/
/*    border-bottom: solid 3px #cfd594;*/
/*    position: relative;*/
/*}*/
/*.flow_type2 .cate_title::after {*/
/*    content: '';*/
/*    display: block;*/
/*    background: #f9633a;*/
/*    width: 30%;*/
/*    height: 3px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: -3px;*/
/*}*/
/*.flow_type2 .box_wrap {*/
/*	border: 3px solid #ff805d;*/
/*}*/
/*.flow_type2 .cate_box {*/
/*	padding: 30px;*/
/*	width: 100%!important;*/
/*}*/
/*.flow_type2 .box_txt1 {*/
/*    background-color: #ffffff;*/
/*    color: #ff805d;*/
/*    text-align: center;*/
/*    border-radius: 10px;*/
/*}*/
/*.flow_type2 .cate_box:not(:last-child) {*/
/*	border-bottom: 3px solid #ff805d;*/
/*	position: relative;*/
/*}*/
/*.flow_type2 .cate_box:not(:last-child)::before,*/
/*.flow_type2 .cate_box:not(:last-child)::after {*/
/*	content: "";*/
/*	border: solid transparent;*/
/*	position: absolute;*/
/*	top: 100%;*/
/*	left: 17%;*/
/*	-webkit-transform: translateX(-50%);*/
/*	transform: translateX(-50%);*/
/*}*/
/*.flow_type2 .cate_box:not(:last-child)::before {*/
/*	border-width: 22px;*/
/*	border-top-color: #ff805d;*/
/*}*/
/*.flow_type2 .cate_box:not(:last-child)::after {*/
/*	border-width: 18px;*/
/*	border-top-color: #fff6d9;*/
/*}*/

/*.flow_type2{counter-reset: number 0;}*/

/*.flow_type2 .box_txt1::before {*/
/*    counter-increment: number 1;*/
/*    content: "step." counter(number);*/
/*    background-color: #ff805d;*/
/*    padding: 5px 10px;*/
/*    font-weight: 700;*/
/*    color: #ffffff;*/
/*    display: block;*/
/*    margin: 0px auto 10px;*/
/*    width: 50%;*/
/*}*/
/*-------- スマートフォン --------*/
/*@media screen and (max-width: 667px){*/
/*.flow_type2 .cate_box:first-child {*/
/*    padding: 20px 20px 30px 20px;*/
/*}*/
/*.flow_type2 .cate_box:not(:first-child) {*/
/*    padding: 40px 20px 20px 20px;*/
/*}*/
/*.flow_type2 .cate_box:not(:last-child)::before, .flow_type2 .cate_box:not(:last-child)::after {*/
/*    left: 50%;*/
/*}*/
/*.flow_type2 .cate_box:not(:last-child)::after {*/
/*    border-top-color: #fff7ea;*/
/*}*/
/*}*/
/*-------- FireFox --------*/
/*@-moz-document url-prefix() {*/
/*.flow_type2 .cate_box:not(:last-child)::before, .flow_type2 .cate_box:not(:last-child)::after {top: 98% !important;}*/
/*}*/
/* CMS5 */
#cms_5-a .cate .cate_title{
    color: #fff;
    background-color:#ff805d;
}
#cms_5-a .box_title1{
    color: #ff805d;
    font-weight: 600;
}
#cms_5-a .box_wrap{
    border-radius: 0 0 10px 10px;
}
/* 店舗会社情報 */
#page7 .box_title1{
    color: #ff5b2e;
}
/* 問い合わせ */
#contact_tel a{
    color: #fff;
    background-color: #f9633a;
}

/* プライバシーポリシー */
#page9 .more.bg_color2{
    background-color: #f9633a;
    
}
#page9 a.more{
    color: #fff6d9;
}
/* サイトマップ */
#page10 .con_box{
    padding: 5% 4%;
    max-width: 800px;
}
/* main img ----------------------------------------------------------------------------------------*/
.catch {
    z-index: 2;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);/* X横 Y縦 始点が要素の中心になる */
    width: 30%;
    
animation-name: fadeOutAnime;
animation-duration:3.3s; /* アニメーション時間 */
animation-delay: 3s; /* 〇秒後に変化 */
animation-fill-mode:forwards;
opacity: 1;
}

@keyframes fadeOutAnime{
  0% {
    opacity: 1;
    /*transform: scale(1.02)translate(-50%, -50%);*/
  }
  60% {
    opacity: 1;
    /*transform: scale(1.02)translate(-50%, -50%);*/
  }
  100% {
    opacity: 0;
    /*transform: scale(1.02)translate(-50%, -50%);*/
  }
}
.mainimg{
    z-index: 2;
    position: absolute;
    top: -3%;
    left: 50%;
    transform: translate(-50%, 0%);/* X横 Y縦 始点が要素の中心になる */
    width: 100%;
    pointer-events: none;
}
.fadeIn {
animation-name: fadeInAnime;
animation-duration:5s; /* アニメーション時間 */
animation-delay: 3s; /* 〇秒後に変化 */
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeInAnime{
  0% {
    opacity: 0;
    
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.fadeIn2 {
animation-name: fadeIn2Anime;
animation-duration:5s; /* アニメーション時間 */
animation-delay: 3s; /* 〇秒後に変化 */
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeIn2Anime{
  0% {
    opacity: 0;
    
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* タブレット --------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
    /* CMSマージンパディング・文字の調整 */
    #cms_2-a .cate_box{
        padding-bottom: 0px;
    }
    #cms_3-f h4.box_title{
        width: 60%!important;
    }
    #cms_3-f p.box_txt1{
        width: 40%!important;
    }
    #page7 .box_title1{
        padding-right:0;
    }
    /*コンテンツ*/
    #contents .con_box.d_flex{
        align-items: flex-end;
    }
    #contents_wrap{
        padding: 60px 5%;
    }
    #contents .con_title{
        font-size: 22px;
        margin-bottom: 25px;
    }
    .modal-box .inner{
        max-height: 700px;
    }
    
    .dec{
        width: 40%;
    }
    .dec1 {
        top: -60%;
        left: 45%;
    }
    .dec3 {
        top: -45%;
    }

    /*SNSリンク*/
    .sns_links{
        bottom: 30px;
        left: 40px;
        max-width: 70px;
    }
    .sns_links li{
        width: 10%;
    }
    #overlay .sns_links li{
        width: 10%;
    }



    /*moreボタン*/
    #contents .more{
        margin-top: 25px;
    }

    /*メニュー*/
    #logo img{
        max-width: 160px;
    }
    .info_txt #logo2{
            margin-top: 30px;
    }
    #logo2 img{
        max-width: 210px;
    }
    .cms_3-c .box_title1,
    .cms_3-c .box_title2{
        width: 100%!important;
    }
    .cms_3-c .box_title1{
        border-bottom: 0px dotted;
    }
    
    /*フッター*/
    .info_btn_wrap{
        width: 100%;
        margin-bottom: 100px;
    }
    .bnr{
        bottom: 45px!important;
    }

    /*下層ページ*/
    #page_title_img{
        height: 250px;
    }
    .page_container{
        padding: 18% 5% 5% 5%;
    }
    #page_title .en{
        font-size: 28px;
    }
    #page_title h2{
        top: 40px;
    }
    #page_title h2::before{
        width: 70px;
        height: 70px;
        top: -25%;
        left: -7px;
    }
    #page10 .con_box{
        padding: 4%;
        max-width: 690px;
    }
    #page10 .pd_l-50px{
        padding-left: 30px;
    }

    #top_cms .cms_title::before{
        width: 80px;
        height: 80px;
        top: 35px;
        left: 10px;
    }
    #loading #loading_text .progressbar-text{
        top: 70%;
        font-size: 1.5rem!important;
    }
}

/* スマホ ------------------------------------------------------------------------------------------*/
@media screen and (max-width: 667px){
    /* CMSマージンパディング・文字の調整 */
    #cms_1-a .cate_box,
    #cms_2-a .cate_box,
    #cms_2-c .box_item{
        padding-bottom: 15px;
    }
    #cms_2-c .box_item,
    #cms_2-a .box_title1{
        padding-top: 0px;
    }
    #cms_2-c .box_item,
    #cms_2-a .box_item{
        padding-left: 0;
        padding-right: 0;
    }
    #cms_2-a .cate_box{
        margin-top: 0px;
    }
    #cms_2-a .cate_title{
        margin-bottom: 0px;
    }
    #cms_2-a .cate_txt1{
        margin-top: 15px;
    }

    #cms_2-a .box_img1{
        margin-top: 25px;
        margin-bottom: 0px;
    }

    #cms_2-c .cate_title,
    #cms_2-a .cate_title{
        font-size: 18px;
    }
    #cms_2-c .box_txt1,
    #cms_3-c .box_title1{
        font-size: 17px;
    }
    #page8 .contact_tel p.d_inline_b{
        font-size: 18px;
    }
    #page9 h3{
        font-size: 14px;
    }
    
    #cms_2-a .cate_title{
        padding: 10px;
    }
    #cms_3-f .cate_title span{
        font-size: 17px;
        font-weight: 600;
    }
    #cms_3-f .sub_cate_title{
        font-size: 16px;
    }
    #page9 .pd_5per_tb{
        padding: 5% 1%;
    }
    #cms_6-c .cate_box{
            margin-bottom: 50px;
    }
    #cms_6-c .arrow{
        bottom: -50px;
        height: 50px;
    }
    /*ロード中*/
    #loading .kvArea .img_box img{
        max-width: 70%;
    }

    /*SNSリンク*/
    .sns_links{
        bottom: 10px;
        left: 0px;
        max-width: 300px;
        margin-left: 2%;
    }
    .sns_links li{
        width: 13%;
        margin-right: 2%;
    }
    #main_img .sns_links{
        margin-left: 2%;
        max-width: 300px;
    }
    .overlay ul.sns_links{
        justify-content: space-evenly;
    }
    #overlay .sns_links li{
        width: 10%;
    }
    .overlay, .overlay:before{
        background-color: rgba(255, 246, 217,0.8)!important;
    }

    /*メニュー*/
    #logo img {
        max-width: 130px;
    }
    #header {
        background-color: rgba(255, 246, 217,1);
    }
    .overlay-nav {
        padding-top: 0px;
    }

    /*コンテンツ*/
    .top_title{
        height: 130px;
    }
    #contents .con_box{
        padding-bottom: 25px;
    }
    #contents .con_title {
        font-size: 24px;
        margin-top: 20%;
    }
    #contents .con_txt span{
        text-align: center;
    }
    .dec{
        width: 30%;
    }
    .dec1,
    .dec2,
    .dec3{
        top: 0%;
        left: 50%;
    }
    .modal-box .inner{
        max-height: 530px;
        padding: 1%;
    }
    .modal_title2{
        font-size: 21px;
    }


    /*TOPCMS*/
    #top_cms_wrap{
        padding: 50px 5%;
    }
    #top_cms .cms_title::before{
        width: 50px;
        height: 50px;
        top: 40px;
        left: 12px;
    }
    #top_cms .top_cms_box{
            margin-bottom: 40px;
    }

    /*フッター*/
    #logo2 img{
        max-width: 200px;
    }
    #logo2{
        margin-top: 30px;
    }

    /*下層ページ*/
    .pager li a{
        padding: 5px 20px;
    }
    #page_title_img{
        height: 220px;
    }
    #page_title .page_title_box{
        width: 320px;
    }
    #page_title .en{
        font-size: 24px;
        font-weight: 500;
    }
    .cate_list li {
        width: 100%;
    }
    .page_container{
        padding: 120px 5% 5% 5%;
    }
    #page10 .pd_l-30px_sp{
        padding-left: 20px;
    }
    #page10 .con_box li{
        margin-bottom: 10px;
    }

    /* main img*/
    .catch{
        top: 66%;
        width: 40%;
    }
    .mainimg{
        top: 17%;
    }
    #video {
        height:  282px;;
    }
    #video video{
        margin-top: 36px;
    }
    
    .bnr{
        max-width: 250px;
        right: 0px;
    }

}