@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

body{
	font-family: 'Noto Sans JP','Quicksand', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
}
a[href^="tel:"], .index_header .nav_box .txt_white, .contact_box span.vr_center, .fat-nav li:last-child a, #catch .catch_txt h2, #catch::before, #contents .contents_inner h2, #contents2 h2, #page_title h2, .cms_title h2, .more, #bottom_menu, .all_header #global-nav ul li {
	font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}
.header_contact_link a{
	font-family: 'Noto Sans JP','Quicksand', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important;
}



/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #845C43;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #564c43;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #845C43} /* メインカラー */
.txt_color2{color: #dab19f} /* サブカラー */
.txt_color3{color: #dab19f} /* アクセントカラー1 */
.txt_color4{color: #E6EAED} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #845C43} /* メインカラー */
.bg_color2{background-color: #dab19f} /* サブカラー */
.bg_color3{background-color: #dab19f} /* アクセントカラー1 */
.bg_color4{background-color: #E6EAED} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #845C43}
.border_color2{border-color: #dab19f}
.border_color3{border-color: #dab19f}
.border_color4{border-color: #E6EAED}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #845C43} /* メインカラー */
.hvr_txt_color2:hover{color: #dab19f} /* サブカラー */
.hvr_txt_color3:hover{color: #dab19f} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E6EAED} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #845C43} /* メインカラー */
.hvr_bg_color2:hover{background-color: #dab19f} /* サブカラー */
.hvr_bg_color3:hover{background-color: #dab19f} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E6EAED} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #845C43}
.hvr_border_color2:hover{border-color: #dab19f}
.hvr_border_color3:hover{border-color: #dab19f}
.hvr_border_color4:hover{border-color: #E6EAED}

#page_title p{color: #C9B8A9;opacity: 1;}


/* all ---------------------------------------------------------------------------------------------*/
#header .more span.before{background-color: #845c43;}
.more span.after{background-color: #c5b4a5;}
.index_header .nav_box{background: url( "../dup/img/h_bg.png" ) left bottom / 90% no-repeat #845C43}
#global-nav ul li a .after, .fat-nav.active li a .after{height: 1px;}
#footer_info .bg_white_opa {
    background-color: rgba(255,255,255,0.75);
}

/* top ---------------------------------------------------------------------------------------------*/
#main_img{max-height: 93vh;}
#main_img .inner{padding-bottom: 0!important;}

#catch{position: relative;overflow: visible;padding-top: 126px!important;align-items: flex-start;border-bottom: 2px solid #f1eae6;}
#catch span.width_100per {
    bottom: -10px;
    border-bottom: 2px solid;
    border-color: #f1eae6;
    opacity: 1;
}

#catch, #contents{width: 90%;}
#catch::before, #contents .contents_inner h2::before{
    display: inline-block;
    content: "Introduction";
    position: absolute;
    top: 0;
    left: 0;
	right: 0;
	text-align: center;
    font-size: 52px;
    font-weight: 200;
    color: #dab19f;
}
#catch .grid_6:first-of-type, #contents{position: relative}
#catch .grid_6:first-of-type::before, #contents::before {
    content: '';
    display: inline-block;
    width: 41%;
    height: 100%;
    background-image: url(../dup/img/item1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: -80px;
    top: 54%;
    z-index: 2;
}
#contents::before {
    background-image: url(../dup/img/item2.png);
    left: auto;
    right: -58px;
    top: 74%;
    width: 12%;
}

#contents .contents_inner h2{padding-top: 88px}
#contents .contents_inner h2::before{content: "About us";}
#contents .contents_inner h2 span{top: 204px;}

#contents2 {
    background: url(../dup/img/back.jpg) left top / 300px repeat #fdf7ed;
    background-color: #f7f1e7;
}
#contents2 .contents_txt h2{font-weight: bold;color: #845c43;}
#contents2 .contents_txt p{opacity: 1;color: #564c43}
#contents2 .contents_txt h2 span{background-color: #845c43;}
.hamburger.head_fix{background-color: #845C43!important}


/* cms ---------------------------------------------------------------------------------------------*/
.cms_6-c .cate_box, #cms_6-c .cate_box{background-color: #f7f4f3;}
#cms_2-a .cate_box{border-bottom: 1px solid #e6dfd9;margin-top: 30px;padding-bottom: 30px;}
#cms_3-c .cate_title{
	border-color: #845C43;
    background-color: #845C43;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}



/* IE */
@media all and (-ms-high-contrast: none){
.contact_box .header_contact_link a{padding: 7px 25px 7px!important}
#page9 .box_wrap .box a{padding: 5px 10px!important}
#contact_tel a{padding: 26px 10px 16px!important}
#cms_2-a .cate .cate_title{padding-top: 7px!important}
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow{top: 57%!important;}
}

/* ---------- サイズ切り替え ---------- */
@media screen and (max-width: 1457px){
header {padding-bottom: 19%;}

}
/* ---------- サイズ切り替え ---------- */
@media screen and (max-width: 1288px){
header {padding-bottom: 15%;}
}
@media screen and (max-width: 1019){
header {padding-bottom: 13%;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.fat-nav li:last-child a{border-bottom: 1px solid #dab19f;border-top: 1px solid #dab19f;}
#main_img {top: 154px;}
#contents::before {
    right: -26px;
    top: 89%;
    width: 19%;
}
.contact_box {top: 12px;}
.contact_box .header_contact_link a{margin-top: 14px;}
.all_header #global-nav ul li{width: auto}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
body, .font_100per{font-size: 14px}
.hamburger{top: 15px;}
header {padding-bottom: 7%;}
.index_header .nav_box, #header .nav_box{background: url(../dup/img/h_bg.png) left bottom / 79% no-repeat #845C43;}
#catch{padding-top: 84px!important;}
#catch::before, #contents .contents_inner h2::before{font-size: 44px;}
#contents .contents_inner h2{padding-top: 75px;}
#contents .contents_inner h2 span{top: 204px;}
#contents2 .contents_img::before{width: 53%;left: 20px;}
#contents .contents_inner h2 {margin-bottom: 69px;}

#catch, #contents {width: 95%;}
#catch .grid_6:first-of-type::before {
    left: -22px;
    top: 77%;
    width: 41%;
}
#contents::before {
    right: 0px;
    top: 94.6%;
    width: 23%;
}
	
.cate_list li a{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#cms_3-c .cate_title{font-size: 18px}
#cms_3-c .cate_box{margin-bottom: 20px;}
#cms_3-c .font_2up {
    font-size: -webkit-calc(1rem);
    font-size: calc(1rem);
}
}


/* 20210825 修正 */
.contact_box{top: -9px;}
.h_info_txt{
	position: absolute;
	right: 2.2%;
    top: 69px;
    font-size: 15px;
}
.all_h_info_txt {
    font-size: 15px;
    text-align: right;
    width: 100%;
    padding: 10px 21px 10px 0;
    box-sizing: border-box;
}
@media screen and (max-width: 1060px){
	.contact_box{top: -26px;}
	.h_info_txt{top: 77px;font-size: 14px;}
}
@media screen and (max-width: 768px){
	.contact_box{top: 3px;}
	.h_info_txt{top: 113px;}
}


/* 20210830 修正 */
.header_contact_link a {padding: 8px 25px 6px;}
.header_contact_link a.before {background-color: #845c43;}
#page_title{padding-top: 28.1406px!important;}
#top_cms{padding-top: 100px}
#contents{padding-top: 50px;}

@media screen and (max-width: 768px){
	#top_cms{padding-top: 50px}
}
@media screen and (max-width: 667px){
	#contents{padding-top: 0;}
}



/* 20210927 修正 */
p.gotop a .fa-angle-up:before{color: #fff;}
.beauty_bnr{
    width: 80%;
    max-width: 300px;
    margin-top: 30px;
}
#page_title{padding-top: 0px!important;}
#page_title .page_title_img {
    height: 0;
}

@media screen and (max-width: 667px){
#page_title{padding-top: 28.1406px!important;}
.beauty_bnr {width: 100%;}
}