/*------- メールフォーム非表示　2023.06.15 
#mail_contact, .end_message, #form_box, #form_area {display: none;}
--------------------------------------------------------------- */

.linkStyle {color:#333}

/* color */
.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #369239} /* メインカラー */
.txt_color2{color: #EFEFEF} /* サブカラー */
.txt_color3{color: #6b543c} /* アクセントカラー1 */
.txt_color4{color: #f2eecc} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #369239}
.border_color2{border-color: #dfe8cd}
.border_color3{border-color: #6b543c}
.border_color4{border-color: #f2eecc}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #1A1A1A;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #369239} /* メインカラー */
.hvr_txt_color2:hover{color: #dfe8cd} /* サブカラー */
.hvr_txt_color3:hover{color: #6b543c} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f2eecc} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #369239}
.hvr_border_color2:hover{border-color: #dfe8cd}
.hvr_border_color3:hover{border-color: #6b543c}
.hvr_border_color4:hover{border-color: #f2eecc}

#video {max-height:720px;}

.main_index {background-image: url(./Dup/img/bg.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0  450px;
}
#intro  {background-image: url(./Dup/img/bg_logo.svg);
    background-size: 280px;
    background-repeat: no-repeat;
    background-position:right bottom;
}

#contents .box_wrap .box:first-of-type {border-top: 7px double #a4ca68; border-bottom: 7px double #a4ca68;}
#contents .box_wrap .box:last-of-type {border-bottom: 7px double #a4ca68; border-top: 7px double #a4ca68;}

#cms_2-c .cate_title {border-bottom:3px solid #369239;}
#cms_4-a .cate_title {border-bottom:3px solid #369239; padding:5px}

#page7 .box_wrap .box .box_item:first-child {width: 25%!important;}
#page7 .box_wrap .box .box_item:last-child {width: 75%!important;}

footer {border-top:3px solid #369239;}

@media (max-width:768px){
#main_img {padding-bottom:0px; padding-top:0px;}
.main_index { background-position: 0  350px;}
#contents,
.top_cms_box {margin-bottom:100px;}
footer #logo2 {width:60%; margin:0 auto}
}

@media (max-width:667px){
.main_index { background-position: 0  210px;
padding-bottom:0px;}
#intro  {background-size: 120px;}
#cms_2-b .box_wrap {padding:10px 0;}
#cms_2-b .cate_box {padding:30px 15px;}
#cms_3-b .box_wrap {padding:10px 0;}
#cms_3-b .cate_box {padding:30px 15px;}
#page7 .box_wrap .box .box_item:first-child {width: 100%!important;}
#page7 .box_wrap .box .box_item:last-child {width: 100%!important;}
}

@media all and (-ms-high-contrast:none) {
.main_index {background-image: url(./Dup/img/bg.png);}
}

.video_wrap::before{
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	display: block;
	background-image: url("./Dup/img/dot_img.png");
	z-index: 1;
}