@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@font-face {
font-family: "kanjuku";
  src: url("./Dup/img/kanjuku.otf") format("otf"),url("./Dup/img/kanjuku.woff") format("woff"),url("./Dup/img/kanjuku.woff2") format("woff2");
}
@font-face {
font-family: "century";
  src: url("./Dup/img/century.ttf") format("ttf"),url("./Dup/img/century.eot") format("eot"),url("./Dup/img/century.woff") format("woff"),url("./Dup/img/century.woff2") format("woff2");
}
body{font-family: 'Noto Sans JP', sans-serif;}
.font1,#page_title h2{font-family: "kanjuku","sans-serif";}
.font2{font-family: "century","sans-serif";}

/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
header,#header .more_bt a,footer,.more_bt a,#main_img,#contents1 .box_img,#contents2,#contents3,#top_cms,#top_cms .cms_box,#top_info,
#page_title,#under_page,.under_box{position: relative;}
/*リピートなし*/
.more_bt a:before,#header .more_bt a:after,.fix_banner .more_bt a:after,#main_img:after,#contents1 .con_box::before,#contents1 .box_img:before,
#contents2:after,#contents3:after,#contents4 a:after,#top_cms .cms_box:before,
#under_page:before,#under_page:after,.under_box:before,.under_box:after{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}
/*リピートあり*/
header:before,footer:before,#contents2:before,#contents3:before,#top_cms:before,#top_info:before,#page_title:before{
content: "";
display: block;
position: absolute;
}

header:before,footer:before,#contents2:before,#contents3:before,#top_cms:before,#top_info:before,#page_title:before{
background-image: url(./Dup/img/line1.png);
background-size: 500px;
background-repeat: repeat-x;
width: 100%;
height: 15px;
left: 0;
z-index: 2;
}
header:before,#contents3:before,#page_title:before{bottom: -1px;}
footer:before,#contents2:before,#top_cms:before{top: -1px;transform: scale(1, -1);}
#top_info:before{top: -10px;}

.page footer:before,#page_title:before{background-image: url(./Dup/img/line2.png);}
#page_title:before{z-index: 1;}


#header .more_bt a:after{
background-image: url(./Dup/img/obj1.png);
width: 120px;
height: 105px;
top: -53px;
left: -140px;
}
.more_bt a:before{
background-image: url(./Dup/img/btn.png);
width: 300px;
height: 50px;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: -1;
transition: background-image 0.3s;
}
.more_bt a:hover:before{background-image: url(./Dup/img/btn2.png);}
.sitemap_box li.more_bt a:before{background-image: url(./Dup/img/btn2.png);}
.sitemap_box li.more_bt a:hover:before{background-image: url(./Dup/img/btn.png);}

#header .more_bt a:before{background-image: url(./Dup/img/btn3.png);height: 70px;}
#header .more_bt a:hover:before{background-image: url(./Dup/img/btn4.png);height: 70px;}

#main_img:after{
background-image: url(./Dup/img/catch.png);
width: 41vw;
height: 30vw;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1;
}

#contents1 .con_box::before{
background-image: url(./Dup/img/spr1.png);
background-color: transparent;
width: 220px;
height: 490px;
top: -50px;
left: -80px;
-webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
#contents1 .box_img:before{
background-image: url(./Dup/img/frame1.png);
width: 101%;
height: 101%;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1;
}

#contents2:after{
background-image: url(./Dup/img/sum1.png);
background-size: 100%;
width: 38vw;
height: 44vw;
top: -40px;
left: -45px;
z-index: 2;
}

#contents3:after{
background-image: url(./Dup/img/aut1.png);
background-size: 100%;
width: 19vw;
height: 42vw;
top: 275px;
right: -45px;
z-index: 2;
}

#contents4  a:after{
width: 101%;
height: 101%;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1;
}
#contents4 a:first-of-type:after{background-image: url(./Dup/img/frame2.png);}
#contents4 a:last-of-type:after{background-image: url(./Dup/img/frame3.png);}

#top_cms .cms_box:nth-of-type(1):before{
background-image: url(./Dup/img/aut2.png);
background-size: 100%;
width: 9vw;
height: 18vw;
top: -415px;
left: -100px;
z-index: 2;
}
#top_cms .cms_box:nth-of-type(4):before{
background-image: url(./Dup/img/win1.png);
background-size: 100%;
width: 8vw;
height: 10vw;
top: -115px;
right: -95px;
z-index: 1;
}
#top_cms .cms_box:nth-of-type(5):before{
background-image: url(./Dup/img/win2.png);
background-size: 100%;
width: 11vw;
height: 28vw;
bottom: -40px;
left: -95px;
z-index: 1;
}

#under_page:before{
background-image: url(./Dup/img/spr1.png);
width: 120px;
height: 265px;
top: -60px;
left: -25px;
z-index: 2;
}
#under_page:after{
background-image: url(./Dup/img/sum2.png);
width: 170px;
height: 110px;
top: -50px;
right: 0;
transform: rotate(20deg);
z-index: 2;
}
.under_box:before{
background-image: url(./Dup/img/aut2.png);
width: 100px;
height: 200px;
bottom: -35px;
right: -35px;
transform: scale(-1, 1);
z-index: 2;
}
.under_box:after{
background-image: url(./Dup/img/win1.png);
width: 100px;
height: 130px;
bottom: 0;
left: -30px;
transform: rotate(-15deg);
z-index: 2;
}
/*--------------------------------
全体
--------------------------------*/
/* 画像トリミング */
.rectangle2_img{
position: relative;
overflow: hidden;
}
.rectangle2_img img{
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

#header{
background: none;
height: 80px;
padding: 0;
}
#header h1 img {
height: auto!important;
width: 20%!important;
max-width: 230px;
transition: all .3s;
}
#header.active h1 img{
max-width: 200px;
}

#header .more_bt{
position: fixed;
top: 60px;
right: 250px;
}

footer .con_img.bg_black,#contents4 .con_bg_img.bg_black,#page_title.bg_black{background-color: #825f41;}

/* 角丸 */
#top_cms .cms_box,#contents1 .con_box,#top_info .con_box,.under_box{border-radius: 30px;}
.contact_tel a{border-radius: 15px;}
.v_type3 .cate_box{border-radius: 10px;}
.date{border-radius: 5px;}
/*--------------------------------
TOP
--------------------------------*/
#contents1 .con_box{z-index: 1;}
#contents1 .con_img{right: -40px;}

.more_bt a{z-index: 1;}

#contents2 .con_box:before,#contents3 .con_box:before{display: none;}
#contents2 .con_bg:before{
background: -moz-linear-gradient(left, rgba(180,120,70,0.3), rgba(180,120,70,0.8));
background: -webkit-linear-gradient(left,  rgba(180,120,70,0.3), rgba(180,120,70,0.8));
background: linear-gradient(to right,  rgba(180,120,70,0.3), rgba(180,120,70,0.8));
display:block;
content: "";
width:100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#contents3 .con_bg:before{
background: -moz-linear-gradient(left, rgba(180,120,70,0.8), rgba(180,120,70,0.3));
background: -webkit-linear-gradient(left,  rgba(180,120,70,0.8), rgba(180,120,70,0.3));
background: linear-gradient(to right,  rgba(180,120,70,0.8), rgba(180,120,70,0.3));
display:block;
content: "";
width:100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
#contents2 .con_box,#contents3 .con_box{
background: -moz-transparent;
background: -webkit-transparent;
background: transparent;
z-index: 1;
}
#contents2 .con_box{padding-right: 180px;}
#contents3 .con_box{padding-left: 180px;}

#contents2 .con_title,#contents3 .con_title{position: relative;}
#contents2 .con_title::before,#contents3 .con_title::before{
position: absolute;
content: "";
display: block;
pointer-events: none;
height: 70px;
width: 1px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin: left bottom;
left: 0;
top: -28px;
}

#top_cms,#wrap.page{
background-image: url(./Dup/img/bg.jpg);
background-size: 25%;
}

/* 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
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

#top_info .con_box::before{background-color: #b47846;}

/*--------------------------------
下層
--------------------------------*/
#page_title img.opacity02{opacity: 0.5;}
.under_box{z-index: 1;}

#cms_1-e .pager li{margin-right: 10px;}
.pager li a{color: #2d9546;}
.pager li a:hover{color: #2d9546;}
.pager li.prev a:hover, pager li.next a:hover{border-bottom: solid 3px rgba(120,164,100,0.7);}
.pager li:not(.prev):not(.next) a{
background-color: rgba(120,164,100,0.7);
border: solid 1px rgba(120,164,100,0);
color: #fff;
}
.pager li:not(.prev):not(.next) a:hover{
background-color: rgba(120,164,100,0.1);
border: solid 1px rgba(120,164,100,0.7);
color: #2d9546;
}



.cate_list li a{color: #333;}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color: #D7AF8C;}

/* 5-c QA削除 */
#cms_5-c .box_title1::before,#cms_5-c .box_txt1::before,
.cms_5-c .box_title1::before,.cms_5-c .box_txt1::before{
display: none;
}
#cms_5-c .box_title1,#cms_5-c .box_txt1,
.cms_5-c .box_title1,.cms_5-c .box_txt1{
padding-left: 0;
}

/* はじめての方へ */
.v_type3 .cate_box{border: 1px solid #c9baa9;}
.v_type3 .cate_box:last-of-type{margin-bottom: 0;}
.v_type3 .box_title1{color: #a67c52;}

.sitemap_box li.more_bt a:before{
width: 350px;
height: 58px;
}
@media  screen and (max-width: 1280px){

#contents2 .con_box,#contents3 .con_box{
width: 65%!important;
}

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

#contents2 .con_box{padding-right: 50px;}
#contents3 .con_box{padding-left: 50px;}

}

/*タブレット用（768px以下）*/
@media  screen and (max-width: 768px){

#header .more_bt{right: 200px;}
header .menu_stick{top: 60px;}

#main_img:after{
width: 85vw;
height: 63vw;
}
#contents1 .con_box::before{
width: 150px;
height: 335px;
top: -30px;
right: auto;
left: -60px;
}
#contents1 .box_img:before{background-image: url(./Dup/img/frame1_sp.png);}

#contents2:after{
width: 40vw;
height: 47vw;
top: -140px;
left: auto;
right: -90px;
transform: scale(-1, 1) rotate(20deg);
}
#contents3:after{
width: 19vw;
height: 42vw;
top: -106px;
right: auto;
left: -16px;
transform: scale(-1, 1);
}
#contents2 .con_title::before,#contents3 .con_title::before{
top: -100px;
left: 48%;
-ms-transform: translate(-50%,0) rotate(45deg);
-webkit-transform: translate(-50%,0) rotate(45deg);
transform: translate(-50%,0) rotate(45deg);
}
#contents2 .con_box, #contents3 .con_box{width: 100%!important;}

#contents4 a::before{display: none;}

#top_cms .cms_box:nth-of-type(1):before{
width: 15vw;
height: 29vw;
top: -325px;
left: -70px;
}
#top_cms .cms_box:nth-of-type(4):before{
width: 15vw;
height: 21vw;
top: -155px;
right: -50px;
}
#top_cms .cms_box:nth-of-type(5):before{
width: 16vw;
height: 41vw;
bottom: -55px;
left: -50px;
}

.under_box:before{
width: 80px;
height: 170px;
bottom: -35px;
right: -25px;
}

}

/*スマホ用（667px以下）*/
@media  screen and (max-width: 667px){
#header{
/*background: rgba(120,165,100,0.7);*/
background: rgba(255,255,255,0.7);
top: 0;
height: 75px;
}
#header h1 img{width: 60%!important;margin: 0;}
#header.active h1 img{max-width: 230px;}
header .menu_stick{
top: 28px;
right: 25px;
color: #78a464;
}
header .menu_stick.stick_trans{color: #fff;}

#header .more_bt{top: 35px;right: 100px;}
#header .more_bt a:before{
width: 200px;
height: 33px;
}
#header .more_bt a:after{
width: 80px;
height: 70px;
top: -35px;
left: -80px;
}
#copyright{padding-bottom: 80px;}
.fix_banner{
position: fixed;
bottom: 20px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
z-index: 5;
}
.more_bt a:before,.fix_banner .more_bt a:before{
width: 250px;
height: 41.4px;
}
.sitemap_box li.more_bt a:before{
width: 300px;
height: 50px;
}

.fix_banner .more_bt a:after{
background-image: url(./Dup/img/obj1.png);
width: 80px;
height: 70px;
top: -33px;
left: -90px;
}

.under_box{padding-top: 70px;}
#under_page:before{
width: 70px;
height: 160px;
top: -60px;
left: -5px;
}
#under_page:after{
width: 100px;
height: 80px;
top: -50px;
right: 0;
}
.under_box:before{
width: 60px;
height: 115px;
bottom: -20px;
right: -20px;
transform: scale(-1, 1) rotate(-25deg);
}
.under_box:after{
width: 60px;
height: 80px;
bottom: -25px;
left: -30px;
}

#contents1 .con_box::before{
width: 70px;
height: 155px;
top: -10px;
right: auto;
left: -25px;
}
#contents2:after{
width: 49vw;
height: 57vw;
top: -140px;
left: auto;
right: -50px;
}
#contents3:after{
width: 22vw;
height: 48vw;
top: -80px;
right: auto;
left: -8px;
}
#top_cms .cms_box:nth-of-type(1):before{
width: 19vw;
height: 37vw;
top: -150px;
left: 0;
}
#top_cms .cms_box:nth-of-type(4):before{
width: 18vw;
height: 24vw;
top: -100px;
right: 0;
}
#top_cms .cms_box:nth-of-type(5):before{
width: 19vw;
height: 48vw;
bottom: -15px;
left: -25px;
z-index: 3;
}

}

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

.tel_bt{padding-top: 10px;}
#cms_1-e .date{
padding-top: 10px!important;
padding-bottom: 10px!important;
}

}




/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.linkStyle{color: #2d9546; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #2d9546;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}

/*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: #333333;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #78A564;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #F7F7EE;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #d7af8c;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #EBDCB9;} /* アクセントカラー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: #78A564;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #F7F7EE;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #a37f61;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #EBDCB9;} /* アクセントカラー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: #78A564;}
.border_color2,.hvr_border_color2:hover{border-color: #F7F7EE;}
.border_color3,.hvr_border_color3:hover{border-color: #d7af8c;}
.border_color4,.hvr_border_color4:hover{border-color: #EBDCB9;}