@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@300;400&display=swap');
body, #page_title, a[href^="tel:"] {
    font-family: 'BioRhyme', "Noto Sans JP","Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "YuGothic M", meiryo, sans-serif;
}

@font-face {
font-family: "Utsukushi_min";
  src: url("./Dup/img/Utsukushi_min.ttf") format("ttf"),url("./Dup/img/Utsukushi_min.eot") format("eot"),url("./Dup/img/Utsukushi_min.woff") format("woff"),url("./Dup/img/Utsukushi_min.woff2") format("woff2");
}
#con1 h2, #con1 .topTxt1, #con2 p.font_22, #con3 h3, #topCms .cmstitle, .more, #con4 h4, .footer_contact, .pagetitle, .cate_title, a[href^="tel:"], #con3 .con3_title{font-family: "Utsukushi_min","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}




/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #5d5050;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #5a4737} /* メインカラー */
.txt_color2{color: #f3aa38} /* サブカラー */
.txt_color3{color: #f3aa38} /* アクセントカラー1 */
.txt_color4{color: #CECACA} /* アクセントカラー2 */
.txt_color5{color: #f3efeb} /* アクセントカラー2 */

/* background-color */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #5a4737} /* メインカラー */
.bg_color2{background-color: #e8b9ab} /* サブカラー */
.bg_color3{background-color: #f3aa38} /* アクセントカラー1 */
.bg_color4{background-color: #ffe2b9} /* アクセントカラー2 */
.bg_color5{background-color: #f3efeb} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #5a4737}
.border_color2{border-color: #88b500}
.border_color3{border-color: #f3aa38}
.border_color4{border-color: #CECACA}
.border_color5{border-color: #f3efeb}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #5d5050;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #5a4737} /* メインカラー */
.hvr_txt_color2:hover{color: #88b500} /* サブカラー */
.hvr_txt_color3:hover{color: #f3aa38} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #CECACA} /* アクセントカラー2 */
.hvr_txt_color5:hover{color: #f3efeb} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #5a4737} /* メインカラー */
.hvr_bg_color2:hover{background-color: #88b500} /* サブカラー */
.hvr_bg_color3:hover{background-color: #f3aa38} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #CECACA} /* アクセントカラー2 */
.hvr_bg_color5:hover{background-color: #f3efeb} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #5a4737}
.hvr_border_color2:hover{border-color: #88b500}
.hvr_border_color3:hover{border-color: #f3aa38}
.hvr_border_color4:hover{border-color: #CECACA}
.hvr_border_color5:hover{border-color: #f3efeb}



/* all ---------------------------------------------------------------------------------------------*/
#fakeloader .fl{max-width: 249px;}
#fakeloader, #con2, .topCms:nth-of-type(2){background: url(../dup/img/con_bg2.jpg) center / 600px repeat;}
.bg_color1 {
    background-image: url(./Dup/img/bg2.png);
    background-position: center;
    background-size: 228px;
}
.bg_color5, #con1, #con3, #con4{
	background-image: url(./Dup/img/con_bg1.jpg);
    background-position: center;
    background-size: 1000px;
}
#sp_nav{background: none;background-color: #f3aa38;}
.pc_nav span.txt_color3{color: #5a4737;}
.pc_nav span.txt_color_nomal{color: #f3aa38;}
span.font_15.txt_color2{font-size: 13px;padding-top: 7px;}
#sp_nav .sp_nav_inner .menu__header .logo3 img {max-width: 187px;}
.rectangle_img, .normal_img img {border-radius: 10px;}

.menu_btn.stick_trans span:last-child{margin-top: -3px;}



/* top ---------------------------------------------------------------------------------------------*/
.logo1 {
    padding-left: 0;
    padding-right: 40px;
}
.main_txt {
    left: 5vw;
    top: 51%;
    transform: translateY(-50%);
    width: 32%;
    max-width: 500px;
}


/* con1 */
.con1_squ{display: none}
#con1::before, #con1::after, #con3::before ,#con3::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 30px;
    background-image: url(./Dup/img/bg1.png);
    background-size: 600px;
    background-repeat: repeat-x;
    top: 0;
    left: 0;
}
#con1::after, #con3::after {
	top: auto;
	bottom: 0;
	transform: scale(-1);
}
#con1 .con1_inner{
	position: relative;
	padding-top: 75px;
}
#con1 .con1_inner::before {
    content: '';
    display: inline-block;
    width: 187px;
    height: 100px;
    background-image: url(../dup/img/item1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: -22px;
    margin: auto;
}
#con1 h2 {
    margin-top: 25px;
    padding-bottom: 30px;
    background-image: url(./Dup/img/item2.png);
    background-position: bottom center;
    background-size: 50px;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 1.5;
}


/* con2 */
#con2{
	background-color: #eeeae6;
	z-index: 1;
    overflow: hidden;
}
.con2_item1{
	width: 17%;
    max-width: 400px;
    top: 0;
    right: 0;
	z-index: 1;
}
.con2_item2{
	width: 27%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.6;
}
#con2 p.font_22 {
    color: #58422f;
    margin-bottom: 20px;
    font-size: 25px;
    border-bottom: 4px dotted;
    display: inline;
}
#con2 .topimg2, #con2 .topimg3{position: relative;z-index: 1;}
#con2 .topimg2::before, #con2 .topimg3::before {
    display: inline-block;
    content: "";
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    z-index: -1;
    border-radius: 7px;
    background-color: #fff;
    box-shadow: 3px 3px 15px rgba(70,46,32,0.014);
	background-image: url(./Dup/img/bg2.png);
    background-position: center;
    background-size: 228px;
}
#con2 .topimg2 img, #con2 .topimg3 img {border-radius: 0;}
#con2 .topimg3{transform: rotate(6deg);}


/* con3 */
#con3 .box .img{
	border: 2px solid #7b736b;
	border-radius: 50%;
}
#con3 .box .icon{
	margin-top: -74px;
	margin-bottom: 35px;
}
#con3 .box .icon img{width: 84%;}
#con3 .con3_title{
	font-size: -webkit-calc(1rem + 6px);
    font-size: calc(1rem + 6px);
	margin-top: 25px;
    padding-bottom: 30px;
    background-image: url(./Dup/img/item2.png);
    background-position: bottom center;
    background-size: 50px;
    background-repeat: no-repeat;
}


/* footer */
.f_contact_box h4{line-height: 1;}





/* under & cms ---------------------------------------------------------------------------------------------*/
.menu_txt{background-color: #fff9e6;}
.more a, .cate_list a{
	background-image: url(./Dup/img/bg2.png);
    background-position: center;
    background-size: 228px;
    color: #fff;
    border-color: #5a4737;
}
.cms_3-f.cms_wrap{
	padding: 20px;
    background-color: #ffffff;
    border-radius: 20px;
}
.cate_list li a:hover{opacity: 0.7;}
.pager li a:hover{color: #88b500;}


/* cms_3-f */
#cms_3-f .cate_box, .cms_3-f .cate_box {
	width: 100%;
	border: none;
}
#cms_3-f .cate_box .box_title, .cms_3-f .cate_box .box_title{
    width: auto!important;
    display: inline-block;
    padding: 9px 20px 6px;
    background-color: #e4b0a0;
    border-radius: 5px 5px 0 0;
    color: #fff;
}
#cms_3-f .cate_box .box_item2, .cms_3-f .cate_box .box_item2{
    padding: 20px;
    background-color: #fff9e6;
    border-radius: 0 5px 5px 5px;
}
#cms_3-f .cate_box .box_txt1, .cms_3-f .cate_box .box_txt1{
    margin: 0;
}

/* cms_5-c  */
#cms_5-c .box_title1, #cms_5-c .box_txt1 {
    border-color: rgba(0,0,0,0.05);
    position: relative;
    padding: 0.5em;
    border-radius: 0.3em;
    margin: 0 50px 30px;
    background: #f3aa38;
}
#cms_5-c .box_title1{
	color: #fff;
}
#cms_5-c .box_txt1 {
    margin: 0 50px 30px;
    background: #f9edea;
}
#cms_5-c .box_title1::before, #cms_5-c .box_txt1::before, .cms_5-c .box_title1::before, .cms_5-c .box_txt1::before {
    content: '';
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
}
#cms_5-c .box_title1::before, .cms_5-c .box_title1::before {
    background-image: url(./Dup/img/faq1.png);
    top: 36%;
    left: -9px;
}
#cms_5-c .box_txt1::before, .cms_5-c .box_txt1::before {
    background-image: url(./Dup/img/faq2.png);
    bottom: 0.5em;
    top: auto;
    left: auto;
    right: -17px;
}
#cms_5-c .cate_box .box_title1::after, #cms_5-c .cate_box .box_txt1::after {
    position: absolute;
    display: inline-block;
    width: 57px;
    height: 78px;
    background-repeat: no-repeat;
    background-size: contain;
}
#cms_5-c .cate_box .box_title1::after {
    top: -0.3em;
    left: -3.5em;
    content: '';
    background-image: url(./Dup/img/faq3.png);
}
#cms_5-c .cate_box .box_txt1::after {
    right: -4.5em;
    bottom: -1em;
    content: '';
    background-image: url(./Dup/img/faq4.png);
}


/* IE */
@media all and (-ms-high-contrast: none){
#page8 .contact_tel a{padding: 18px 40px!important;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.header-in {margin-top: 0;}
.main_txt {
    top: 60%;
    width: 29%;
}
#con2 p.font_22{font-size: 20px}
#con2 .width_40per {margin-bottom: 50px;}
.con2_item2{width: 36%;}
.con2_item1{width: 22%;}
#con3 .box .icon img{width: 45%;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.logo1{max-width: 90px;}
#sp_nav .sp_nav_inner .menu__header .logo3 img{max-width: 86px;}
.header-in {margin-top: 4px;}
#main_img{padding-top: 81px;}
.main_txt {
    top: 58%;
    width: 32%;
	left: 9px;
    z-index: 1;
}
#con1 .con1_inner::before{width: 135px;top: 3px;}
.topTxt1{font-size: 14px;}
#con1 h2, #con2 p.font_22{font-size: 18px;}
#con2 .topimg2::before, #con2 .topimg3::before{width: calc(100% + 12px);height: calc(100% + 12px);}
.footer_contact h4 {font-size: 30px;}
.copy{font-size: 12px;}

#cms_5-c .cate_box .box_title1::after, #cms_5-c .cate_box .box_txt1::after{width: 51px;}
#cms_5-c .box_title1, #cms_5-c .box_txt1{margin: 0 0 30px 30px;}
#cms_5-c .box_txt1{margin: 0 30px 50px 0}
#cms_5-c .cate_box .box_txt1::after {right: -4.1em;}

}


/* 2022.3.25 */
.footer_sns{
    text-align: center;
}
.footer_sns .box{
    margin-bottom: 17px;
    width: 800px;
}
.footer_sns .box a {
    width: 100%;
    border-radius: 20px;
    padding: 15px 20px 20px;
    display: inline-block;
    box-sizing: border-box;
}
.footer_sns .box a img {
    max-height: 58px;
}
.footer_sns .box a img, .menu_sns .box a img {
    max-height: 80px;
}
@media screen and (max-width: 768px){
.footer_sns .box{
    width: 90%;
}
}