@import url('https://fonts.googleapis.com/css?family=Oswald:500&display=swap');

#page_title{position: relative}
#page_title::before{position: absolute;content: "";width: 250px; height: 100%;top: 10%;left: 0;background-color: rgba(166,139,98,0.3);z-index: 1}
#page_title .font_en,.cms_title h2,.privacy_title,#contents1::before,#contents2::before,#contents3 .grid_6:first-of-type::before,#contents3 .grid_6:last-of-type,.font_en,type::before,#ques .font_en,#ques .que_title::before,header .font_en,#main_menu a,#contents4::before{font-family: 'Oswald', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";}
#page_title .page_box{padding: 0;position: absolute;margin: 0;left: 30px;top: 50%;transform: translate(0,-50%);z-index: 1}
#page_title .title_img::before, #page_title .page_box::before{display: none}
#page_title h2{font-size: 60px!important;color: #fff}
#page_title p.font_en{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";color: #fff;font-weight: bold}
#copyright small,#main_menu a span{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif"}
#page_title .title_img {min-height: 150px;}
.cms_title h2{font-size: 50px}
.tel_bt_h{z-index: 100;top: 0;right: 0}
.tel_bt_h img{width: auto}

#contents1::before{z-index: -1;position: absolute;font-size: 250px;height: 180px;line-height: 180px;color: #efe8d9;top: 40px;right: 20px;content: "01"}
#contents2::before{z-index: 1;position: absolute;font-size: 150px;height: 100px;line-height: 100px;color: rgba(255,255,255,0.2);top: 40px;left: 20px;content: "02"}
#contents3 .grid_6:first-of-type::before{z-index: 1;position: absolute;font-size: 150px;height: 100px;line-height: 100px;color: rgba(255,255,255,0.2);top: 55%;right: 20px;content: "03"}
#contents3 .grid_6:last-of-type::before{z-index: 1;position: absolute;font-size: 150px;height: 100px;line-height: 100px;color: rgba(255,255,255,0.2);top: 55%;right: 20px;content: "04"}
#contents4::before{z-index: 1;position: absolute;font-size: 150px;height: 100px;line-height: 100px;color: #a68b62;opacity: 0.2;top: 40px;left: 20px;content: "05"}

/* color */
body, .txt_color_nomal{color: #594a2a;}
.txt_color1{color: #a68b62} /* メインカラー */
.txt_color2{color: #efe8d9} /* サブカラー */
.txt_color3{color: #e2bfba} /* アクセントカラー1 */
.txt_color4{color: #f3eae7} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #a68b62} /* メインカラー */
.bg_color2{background-color: #efe8d9} /* サブカラー */
.bg_color3{background-color: #e2bfba} /* アクセントカラー1 */
.bg_color4{background-color: #f3eae7} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #a68b62}
.border_color2{border-color: #efe8d9}
.border_color3{border-color: #e2bfba}
.border_color4{border-color: #f3eae7}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #a68b62} /* メインカラー */
.hvr_txt_color2:hover{color: #efe8d9} /* サブカラー */
.hvr_txt_color3:hover{color: #e2bfba} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f3eae7} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #a68b62} /* メインカラー */
.hvr_bg_color2:hover{background-color: #efe8d9} /* サブカラー */
.hvr_bg_color3:hover{background-color: #e2bfba} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f3eae7} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #a68b62}
.hvr_border_color2:hover{border-color: #efe8d9}
.hvr_border_color3:hover{border-color: #e2bfba}
.hvr_border_color4:hover{border-color: #f3eae7}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #e2bfba}
.linkStyle:hover{opacity: 0.7}

.width_1280-1000{min-width: 800px}
header.bg_color4{background-color: #e1d0ae;padding: 0}
header .head_box,#logo{max-width: 100%;padding: 0}
#logo{background-color :#a68b62;padding: 10%;box-sizing: border-box}
#main_menu,.tel_bt,.contact_bt{max-width: 260px;margin-left: auto;margin-right: auto;width: 80%}
#main_menu a{color :#fff;font-size: 26px;line-height: 20px}
#main_menu a span{color :#fff}
#main_menu ul li a::before {background-color: #fff;}
header .contact_bt a, header .tel_bt a{font-size: 20px}
.contact_bt a,.tel_bt a,.foot_tel_bt a,.foot_tel_bt a,.more a,.cate_list a,#page10 a{color :#a68b62}
.button{z-index: 1}
.button:hover::after {box-shadow: inset 0 0 0 15em rgba(173,143,104,1);}
.cms_title p{color: #e2bfba}
#contents2,#contents3{background-color: #cebfa3}
#contents2 p,#contents3 p,#contents2 h2,#contents3 h3{color: #fff}
.link_box ul{justify-content: center;align-items:flex-start;}
.link_box li{padding: 0 10px!important;margin: 0!important;width: 50px!important}
.cate_list{width: 100%}
#cms_2-a .cate_list a,header .contact_bt a,header .tel_bt a{color: #fff;border-color: #fff}
#cms_2-a .cate_list a:hover,header .contact_bt a:hover,header .tel_bt a:hover{border-color: #a68b62}
.cate_list a:hover,#page10 a:hover{color: #fff;background-color: #a68b62;box-shadow: none}
#page_title .txt_shadow-b{text-shadow: none}
.fat-nav .bg_white,#main_img .svg_bg{background-color: #e1d0ae}
.fat-nav a{color: #fff;border-color: #fff;font-size: 20px;line-height: 10px}
.fat-nav__wrapper{transform: none!important;height: 100%!important}

#main_img .txt1 img {
    max-height: inherit;
    min-height: inherit;
    position: static;
}
#main_img .txt1 p{background-color: rgba(226,191,186,0.5)}
mask path{stroke-width: 12px;}path{fill: none;stroke: #fff;}
#main_img .svg_bg{
	top: 0;
	left: 0;
	z-index: 5
}
#main_img #line_animation1{
	z-index: 5;
	width: 420px;
	height: 210px
}
#page_title #line_animation2{
	width: 420px;
	height: 210px;
	bottom: -40px;
	right: 10%
}


.cate_title{width: 100%!important;background-color: transparent;padding: 0;margin: 0;border: none;border-radius: 0;font-size: 22px;text-align: left;font-weight: bold;padding-bottom: 10px;margin-bottom: 50px;border-bottom: solid 2px;color: #594a2a}
#cms_2-a .cate_title{color: #fff;border-color: #fff}
#cms_2-b .cate_img1 img{border: none;padding: 0;}
#cms_2-b .box_title1{border-bottom: solid 1px}
#cms_6-b .cate_box,#cms_6-b .box_txt1,#cms_6-b .box_txt2,#cms_6-b .cate_box:first-of-type,.cms_6-b .cate_box,.cms_6-b .box_txt1,.cms_6-b .box_txt2,.cms_6-b .cate_box:first-of-type{border: none}
#cms_6-b .cate_box,.cms_6-b .cate_box{margin-bottom: 10px}
#cms_6-b .cate_box .box_item,.cms_6-b .cate_box .box_item{border-bottom: solid 1px #a68b62}

#ques .cate > div,#ques .box_title1 span{background-color: #d3b1a5;color: #fff}
#ques .que_title{transform: translateY(-20px);background-color: #c7887f}
#ques .que_title::before{position: absolute;font-size: 80px;left: 20px;top: -50px;color: #ede0db;opacity: 0.3;z-index: -1}
#ques .cate:nth-of-type(1) .que_title::before{content: "01"}
#ques .cate:nth-of-type(2) .que_title::before{content: "02"}
#ques .cate:nth-of-type(3) .que_title::before{content: "03"}
#ques .cate:nth-of-type(4) .que_title::before{content: "04"}
#ques .cate:nth-of-type(5) .que_title::before{content: "05"}
#ques .cate:nth-of-type(6) .que_title::before{content: "06"}
#ques .cate:nth-of-type(7) .que_title::before{content: "07"}
#ques .cate:nth-of-type(8) .que_title::before{content: "08"}
#ques .que_title span{z-index: 1}
#ques .cate_box::before{position: absolute;display: block;content: "";width: -webkit-calc(100% - 80px);width: calc(100% - 80px);height: 1px;top: 0;bottom: 0;left: 0;margin: auto;background-color: #fff}
#ques .box_title2{width: 90px;height: 90px;line-height: 90px;box-sizing: border-box;background-color: #ede0db;color: #c7887f}
.hamburger__icon{background-color: #fff}
.hamburger{z-index: 1000}


@media all and (-ms-high-contrast:none) {
#ques .que_title span{padding-top: 25px}
#main_menu ul li a::before{top: 50%}
.pc_box .contact_bt a{padding: 15px 0}
}

@media screen and (max-width: 768px){
header.bg_color4{background-color: #a68b62}
.width_1280-1000{min-width: 0}
#logo{max-width: 138px;padding: 10px 0;background-color: transparent}
#page_title h2{font-size: 40px!important}
.tel_bt_h{right: auto;right: 80px;height: 100%}
.tel_bt_h img{width: auto;height: 100%}
#page_title #line_animation2{
	width: 300px;
	height: 150px;
	right: 5%
}
.video{transform: none}
}

@media screen and (max-width: 667px){
#logo{max-width: 90px;padding: 5px 0}
.hamburger {top: 2px;}
.main_box {padding-top: 46px;}
.tel_bt_h{right: 60px;}
#main_img #line_animation1{
	width: 200px;
	height: 100px;
}
#page_title #line_animation2{
	width: 150px;
	height: 75px;
	bottom: -30px;
	right: 10px
}
}