@charset "utf-8";

@font-face {
font-family: "font";
  src: url("Dup/css/font.ttf") format("ttf"),url("Dup/css/font.woff") format("woff"),url("Dup/css/font.woff2") format("woff2");
}
#intro h2{
 font-family: "font", serif;
}
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #302d2a;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #7fa101} /* メインカラー */
.txt_color2{color: #dfe6a4} /* サブカラー */
.txt_color3{color: #cfd541} /* アクセントカラー1 */
.txt_color4{color: #f2f3f0} /* アクセントカラー2 */

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


/* border-color ※!important */
.border_color1{border-color: #7fa101}
.border_color2{border-color: #dfe6a4}
.border_color3{border-color: #cfd541}
.border_color4{border-color: #c1272d}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #302d2a;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #7fa101} /* メインカラー */
.hvr_txt_color2:hover{color: #dfe6a4} /* サブカラー */
.hvr_txt_color3:hover{color: #cfd541} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f2f3f0} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #7fa101}
.hvr_border_color2:hover{border-color: #dfe6a4}
.hvr_border_color3:hover{border-color: #cfd541}
.hvr_border_color4:hover{border-color: #f2f3f0}




/*ここから個別*/
.linehight_1{
	line-height: 1.5;
}
.linkStyle{
	color: #c1272d;
}
body{
	background-color: #fff9f5;
	font-weight: 600;
}
h2,h3,h4{
	font-weight: 600;
}
#intro{
	background: url(Dup/img/back1.jpg);
}
#intro:before{
	content: "";
	display: block;
	position: absolute;
	bottom: 56px;
	right: 10%;
	background: url(Dup/img/catch1_.png)no-repeat;
	background-size: contain;
	width: 30%;
	height: 50%;
}
#intro h2{
	font-size: 50px;
}
#point{
	padding-top: 10%;
}
#point:before{
	content: "";
	display: block;
	position: absolute;
	top: -75px;
	left: 50%;
	background: url(Dup/img/point1.png)no-repeat;
	background-size: contain;
	width: 45%;
	height: 30%;
	transform: translateX(-50%);
    
}

#point .mg_b-20px{
	margin-bottom: 30px;
}
#point figure{
	margin-bottom: 100px;
}
#point div h3:before{
	content: "";
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 0;
    background: url(Dup/img/p1.png)no-repeat;
    background-size: contain;
    width: 65px;
    height: 60px;
}
#point div:nth-of-type(2) h3:before{
	background: url(Dup/img/p2.png)no-repeat;
    background-size: contain;
}
#point div:nth-of-type(3) h3:before{
	background: url(Dup/img/p3.png)no-repeat;
    background-size: contain;
}
/*#point div:nth-of-type(3) p{
	line-height: 2;
}*/
#point .more{
        bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.more{
	text-align: center;
	margin-top: 50px;
}
.more a{
	margin: 0 auto;
}
#title .more{
	margin-top: 30px;
}
.cms_3-c .box_item{
	border-bottom: 5px dotted;
    border-color: #7fa101;
	padding: 10px 10px 0;
}
.cms_3-c .border_do1-b {
    border-bottom: none;
}
.cms_5-c .box_txt1::before,
#cms_5-c .box_txt1::before{
	color: #c1272d;
}
#footer{
	background: url(Dup/img/back1.jpg);
}
#footer .more{
	margin-top: 30px;
}
footer .txt_color4{
	color: #302d2a;
}
#map{
	border-top: 1px solid #7fa101;
}



/*下層*/
#cate1 p,
#cate2 p{
	padding-bottom: 0;
}
#top_cms.bg_white{
	background-color: #fff9f5;
}
#cms_2-a .cate_box{
	padding-bottom: 0;
}
#cms_3-c .box_title1{
	color: #7fa101;
}
#cms_3-c #cate0 .cate_box:nth-of-type(n+2),
#cms_3-c #cate1 .cate_box:nth-of-type(n+2){
	margin-top: 30px;
}
#page7 .box .box_item:nth-of-type(1){
	width: 30%!important;
}
#page7 .box .box_item:nth-of-type(2){
	width: 70%!important;
}
#page7 #map{
	border-top: none;
}
#page8 .txt_color2,
#page8 .txt_color3{
	color: #7fa101;
}


/*タブレット*/
@media screen and (max-width: 768px){
	#title.bg_white{
		background: url(Dup/img/back1.jpg);
	}
	#intro:before{
		bottom: -50px;
		width: 35%;
   		height: 60%;
	}
	#point div:nth-of-type(3) p{
		line-height: 1.7;
	}
	#intro:before{
		bottom: 35px;
    width: 35%;
    height: 50%;
	}
	#point div h3:before{
		top: -60px;
		height: 50px;
	}
	.bnr_wrap{
		margin-bottom: 30px;
	}
}



/*スマホ*/
@media screen and (max-width: 678px){
	#intro:before {
		bottom: 13px;
		width: 30%;
		height: 30%;
		right: 3%;
	}
	#intro h2{
		font-size: 20px;
	}
	#point{
		padding-top: 25%;
	}
	#point:before{
		top: -25px;
		left: 50%;
		width: 60%;
		height: 30%;
	}
	#point div h3:before{
		    top: -45px;
    		height: 33px;
	}
	#logo{
		max-width: 200px;
	}
	#page7 .box .box_item:nth-of-type(1){
	width: 50%!important;
	}
	#page7 .box .box_item:nth-of-type(2){
		width: 50%!important;
	}
	#point .more{
		position: static;
		left: auto;
    transform: translate(0px);
	}
}