@font-face {
font-family: "mamelon";
  src: url("./Dup/img/mamelon.otf") format("otf"),url("./Dup/img/mamelon.woff") format("woff"),url("./Dup/img/mamelon.woff2") format("woff2");
}
.font1,h2.font_40,.page_title h2{font-family: "mamelon","sans-serif";font-weight: normal;}


/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
#contents1 .box_item,
#contents1 .con_txt1,
#contents1 .con_txt2,
#contents2 .box_item,#contents2 .con_txt1,
#contents3 .con_txt1,
#contents3 .con_txt3,.num,
.top_cms_box{position: relative;}
/*リピートなし*/
.leaf,.catch,#contents1 .box_item:before,#contents1 .box_item:after,
#contents1 .con_txt1:before,
#contents1 .con_txt2:before,#contents1 .con_txt2:after,
#contents2 .box_item:before,#contents2 .box_item:after,
#contents2 .con_txt1:first-of-type:before,#contents2 .con_txt1:first-of-type:after,
#contents3 .con_txt1:before,#contents3 .con_txt3:before,.num:before,
.top_cms_box:nth-of-type(1):before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

.leaf{
background-image: url(./Dup/img/leaf.png);
background-size: 100%;
width: 800px;
height: 540px;
bottom: -40px;
}
.leaf.left{left: -100px;}
.leaf.right{right: -100px;transform: scale(-1, 1);}

.catch{
background-image: url(./Dup/img/catch.png);
background-size: 100%;
width: 800px;
height: 640px;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#contents1 .box_item:before{
background-image: url(./Dup/img/obj3.png);
background-size: 100%;
width: 450px;
height: 385px;
bottom: -300px;
right: -195px;
}

#contents1 .con_txt1:before{
background-image: url(./Dup/img/obj1.png);
background-size: 100%;
width: 300px;
height: 260px;
bottom: -260px;
left: -250px;
}
#contents1 .con_txt2:before{
background-image: url(./Dup/img/obj2.png);
background-size: 100%;
width: 200px;
height: 235px;
top: -260px;
right: -150px;
}
#contents1 .con_txt2:after{
background-image: url(./Dup/img/obj6.png);
background-size: 100%;
width: 600px;
height: 290px;
top: -336px;
right: -390px;
opacity: 0.1;
z-index: -1;
}

#contents2 .box_item:before{
background-image: url(./Dup/img/obj5.png);
background-size: 100%;
width: 500px;
height: 450px;
top: -235px;
right: -300px;
}
#contents2 .box_item:after{
background-image: url(./Dup/img/obj7.png);
background-size: 100%;
width: 600px;
height: 200px;
bottom: -275px;
right: -645px;
opacity: 0.1;
}
#contents2 .con_txt1:first-of-type:before{
background-image: url(./Dup/img/obj4.png);
background-size: 100%;
width: 350px;
height: 260px;
top: -195px;
left: -500px;
}
#contents2 .con_txt1:after{
background-image: url(./Dup/img/obj10.png);
background-size: 100%;
width: 350px;
height: 300px;
bottom: -460px;
right: 85px;
}
#contents3 .con_txt1:before{
background-image: url(./Dup/img/obj8.png);
background-size: 100%;
width: 200px;
height: 280px;
top: -290px;
right: -165px;
}
#contents3 .con_txt3:before{
background-image: url(./Dup/img/obj9.png);
background-size: 100%;
width: 150px;
height: 150px;
bottom: -195px;
right: -60px;
transform: rotate(10deg);
}

.num:before{
background-size: 100%;
width: 70px;
height: 60px;
top: -65px;
left: 0;
}
#contents1 .num:before{background-image: url(./Dup/img/num1.png);}
#contents2 .num:before{background-image: url(./Dup/img/num2.png);}
#contents3 .num:before{background-image: url(./Dup/img/num3.png);}

.top_cms_box:nth-of-type(1):before{
background-image: url(./Dup/img/obj11.png);
background-size: 100%;
width: 600px;
height: 290px;
top: -60px;
left: -395px;
z-index: -1;
}
/*--------------------------------
全体
--------------------------------*/
#luxy,#main,#wrap.all_page{
background-color: #f6f3eb;
background-image: url(./Dup/img/bg.jpg);
background-size: 100vw;
}

header .logo,.all_page .logo,#header-change .logo{max-width: 300px;}
.overlay .logo img{max-width: 400px;}
.overlay-menu .font_up a{
font-size: -webkit-calc(1rem + 12px);
font-size: calc(1rem + 12px);
}
/*--------------------------------
TOP
--------------------------------*/

/* -- コンテンツ1、2 -- */
#contents1,#contents2,#contents3{
	width: 100vw;
}
#contents1 .box,#contents2 .box,#contents3 .box{
	width: 90vw;	
	height: 100vh;
	margin: auto;
}
#contents1 .con1,#contents2 .con1,#contents3 .con1{
	transform: translateY(5vh);
    align-items: flex-start;
}

.no_box .no_item{
	display: flex;
    flex-direction: column;
    align-items: center;

}
.no_box .no{
	font-size: -webkit-calc(1rem + 30px);
    font-size: calc(1rem + 30px);
}
#contents1 h2{margin-bottom: 200px;}
#contents1 .con_txt p{
width: 30%;
box-sizing: border-box;
}
#contents1 .con_txt1{width: 32%!important;margin-top:110px;margin-left: -15%;margin-right: 23%;}
#contents1 .con_txt2{margin-bottom:270px;}

#contents2 .con_txt p{
width: 45%;
box-sizing: border-box;
}
#contents2 .con_txt1{margin-bottom:250px;}
#contents2 .con_txt2{margin-top:300px;}

#contents3 .con_title{margin-bottom: 260px;}
#contents3 .con_txt p{
width: 32%;
box-sizing: border-box;
}
#contents3 .con_txt1{margin-bottom: -170px;margin-left: -20%;margin-right: 25%;}
#contents3 .con_txt2{margin-top: 15px;}
#contents3 .con_txt3{margin-top: 300px;margin-left: -10%;}

#contents3 .box .box_item{
	width: 100vw;
    padding: 0;
	max-height: none;
    overflow-y: visible;
}


#top_cms:before{left: 0;}

/* TOP お知らせ */
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

.top_page footer #footer{
text-shadow: none;
filter: none;
}
.top_page footer:before{background-color: rgba(185,150,115,0.2);}
.top_page footer .logo{max-width: 350px;}
/*--------------------------------
下層
--------------------------------*/
#page_title{
background-size: 100%;
background-attachment: scroll;
}
#page_title:before{display: none;}
.page_title .p_title_back{
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.page_title .p_title_back .p_title_box{padding: 0 6vw 100px 0;}
.page_title h2{
font-size: -webkit-calc(1rem + 30px);
font-size: calc(1rem + 30px);
opacity: 1;
color: #CDD7AF;
letter-spacing: 2px;
}
.page_title p{bottom: -45px;right: 5px;}
.page_title .p_title_item:before{background-color: #CDD7AF;bottom: -50px;}

/* お客様の声 */
.v_type3 .cate_box{border: 1px solid #CDD7AF;}
.v_type3 .box_title1{color: #736455;}

@media  screen and (max-width: 1536px){

.leaf{
width: 50vw;
height: 35vw;
}
#contents1 h2.font_40,
#contents2 h2.font_40,
#contents3 h2.font_40{font-size: 35px;}

}
@media  screen and (max-width: 1366px){

.catch{
width: 50vw;
height: 41vw;
}
#contents1 h2.font_40,
#contents2 h2.font_40,
#contents3 h2.font_40{font-size: 30px;}
#contents3 h2{margin-bottom: 20px;}

}

@media  screen and (max-width: 1000px){

.overlay-menu .font_up a{
font-size: -webkit-calc(1rem + 6px);
font-size: calc(1rem + 6px);
}

}

/*タブレット用（768px以下）*/
@media  screen and (max-width: 768px){
header .logo{max-width: 250px;}
.catch{top: 55%;}
#contents1 .box, #contents2 .box, #contents3 .box{
height: auto;
padding: 200px 0;
}

#contents1 h2,
#contents2 h2,
#contents3 h2{margin-bottom: 30px;}
#contents3 .con_title{margin-bottom: 0;}
#contents1 .con_txt p,
#contents2 .con_txt p,
#contents3 .con_txt p{
width: 100%!important;
margin-top: 0!important;
margin-bottom: 0!important;
margin-left: 0!important;
margin-right: 0!important;
}


#contents3 .box .box_item{
	width: 100vw;
    padding: 0;
	max-height: none;
    overflow-y: visible;
}

#contents1 .con_txt2:before{
width: 150px;
height: 180px;
top: -350px;
right: -40px;
}
#contents1 .con_txt2:after{
top: -420px;
right: -345px;
}
#contents1 .con_txt1:before{
width: 250px;
height: 215px;
bottom: -375px;
left: -60px;
}
#contents2 .box_item:before{
width: 300px;
height: 295px;
top: -290px;
right: -65px;
}
#contents2 .con_txt1:after{
width: 200px;
height: 175px;
bottom: -330px;
right: auto;
left: 60px;
}
#contents3 .con_txt1:before{
width: 120px;
height: 165px;
top: -275px;
right: 175px;
}
#contents3 .con_txt3:before{
width: 100px;
height: 100px;
bottom: -228px;
right: auto;
left: 150px;
}
#contents1 .box_item:before{display: none;}

.top_cms_box:nth-of-type(1):before{top: 0;opacity: 0.3;}

.page_title h2{
font-size: -webkit-calc(1rem + 20px);
font-size: calc(1rem + 20px);
}
.page_title .p_title_back .p_title_box{padding: 0 20px 100px 0;}
}

/*スマホ用（667px以下）*/
@media  screen and (max-width: 667px){
header .logo{max-width: 150px;}
.overlay-menu .font_up a{
font-size: -webkit-14px;
font-size: 14px;
}
.overlay.open li{margin-bottom: 5px!important;}
#main{height: 58vh;}
.catch{
width: 70vw;
height: 57vw;
}
.leaf{
width: 45vw;
height: 31vw;
bottom: -20px;
}
.leaf.left{left: -20px;}
.leaf.right{right: -20px;}
#contents1 .box, #contents2 .box, #contents3 .box{padding: 150px 0;}

#contents1 h2.font_40, #contents2 h2.font_40, #contents3 h2.font_40{font-size: 26px;}
.num:before{
width: 50px;
height: 45px;
top: -45px;
}

#contents1 .con_txt1:before{
width: 150px;
height: 125px;
bottom: -405px;
left: -35px;
}
#contents1 .con_txt2:before{
width: 100px;
height: 120px;
top: -390px;
right: 10px;
z-index: 1;
}
#contents1 .con_txt2:after{
width: 400px;
height: 200px;
top: -420px;
right: -200px;
z-index: 0;
}
#contents2 .box_item:before{
width: 200px;
height: 185px;
top: -190px;
right: -25px;
}
#contents2 .con_txt1:after{
width: 150px;
height: 130px;
bottom: -400px;
left: 15px;
}
#contents3 .box .box_item{width: 100%;}
#contents3 .con_txt1:before{
width: 80px;
height: 110px;
top: -330px;
right: 10px;
}
#contents3 .con_txt3:before{
width: 80px;
height: 80px;
bottom: -145px;
right: auto;
left: 50px;
}
.top_cms_box:nth-of-type(1):before{display: none;}

.page_title .p_title_back{padding-top: 130px;}
.page_title h2{
font-size: -webkit-calc(1rem + 3px);
font-size: calc(1rem + 3px);
}
.page_title p{
bottom: -20px;
font-size: -webkit-14px;
font-size: 14px
}
.page_title .p_title_item:before{
background-color: #cdd7af;
width: 30px;
bottom: -30px;
right: 5px;
}

.page10 .content_wrap ul.font_4up{
font-size: -webkit-16px;
font-size: 16px;
}
.page10 .more:hover a:before{width: 30px;}

}

/*IE*/
@media all and (-ms-high-contrast: none) {}




/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.linkStyle{color: #333; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #333;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #333;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #333;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

/*--------------------------------
カラー
--------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_black,.hvr_txt_black:hover{color: black;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #736455;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #f6f3eb;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #CDD7AF;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #EDF1D6;} /* アクセントカラー2 */

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

/* border-color */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #736455;}
.border_color2,.hvr_border_color2:hover{border-color: #f6f3eb;}
.border_color3,.hvr_border_color3:hover{border-color: #CDD7AF;}
.border_color4,.hvr_border_color4:hover{border-color: #EDF1D6;}