/* all page */
/* color */
.txt_color1{color: #009844;} /* メインカラー */
.txt_color2{color: #fcf1e8} /* サブカラー */
.txt_color3{color: #6a4b30;} /* アクセントカラー1 */
.txt_color4{color: #b9dbd6} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #009844;} /* メインカラー */
.bg_color2{background-color: #c3e792;} /* サブカラー */
.bg_color3{background-color: #009844;} /* アクセントカラー1 */
.bg_color4{background-color: #b9dbd6} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #009844;}
.border_color2{border-color: #fcf1e8}
.border_color3{border-color: #009844;}
.border_color4{border-color: #b9dbd6}

.hvr_txt_color3:hover{color: #6a4b30;} /* アクセントカラー1 */

.linkStyle{
    color: #009844;
}

/* fonts */
header nav li a, .pc_sc_nav.sc ul li a, #intro .intro_title span, #top_cms1 .cms1_title h3, #contents1 #contents1_txt h3, #contents_links h3, .top_cms_box .top_cms_title h3 span, .top_cms_box .top_cms_title p span, .top_cms_box .more a, .mail a, footer .footer_txt p, #copyright, .footer_link li a, #page_title h2 span, #page_title p span, .cate_list li a, .cate_list li .cate_no, .cate_title, .sub_cate_title, .box_title, .box_title1, a[href^="tel:"], .pager li a {
    font-family: 'Kiwi Maru',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
.font_serif{
	font-family: 'Kiwi Maru', serif;
}

#wrap{
	overflow: hidden;
}

/* top ----------------*/

/* header */

/* main img */
#main_img{
	position: relative;
}
#main_img .catch{
	position: absolute;
	bottom: -5vh;
	right: 0;
}

/* main */

/* intro */

/* contents */
#contents2{
	position: relative;
}
#contents2::after{
	content: "";
	background-image: url("./Dup/img/clover.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 50vw;
	width: 50vw;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	z-index: 0;
}
#contents2 > div{
	z-index: 3;
	position: relative;
}
#contents2 > div p{
	background-color: rgba(195,231,146,0.7);
	color: #000;
}
#contents2 > div h3 {
	background-color: rgba(195,231,146,0.7);
	color: #000;
}
#contents_links .box{
	position: relative;
}
#contents_links .box::before{
	content: "";
	background-image: url("./Dup/img/links_clover.png");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 220px;
	width: 220px;
	height: 300px;
	position: absolute;
	top: 110px;
	right: -40px;
	z-index: 1;
	opacity: 0.8;
}

/* topcms */
#top_cms .cms_wrap{
	background-color: #fcf1e8;
}

/* footer */


/* under page */
#cms .cate_list li a{
    font-weight: 500;
}

/* cms1 */
.pager li.prev .bg_color1 {
    width: 75px;
    height: 75px;
}

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */

/* page9 */

/* page10 */


/* IE */
@media all and (-ms-high-contrast: none){
    .banner_mail a{
        padding-bottom: 25px;
    }
    #cms_5-a .cate .cate_title span:last-of-type{
        padding-top: 0!important;
    }
    #cms_6-a .cate .cate_title{
        padding-top: 10px!important;
    }
    #cms_6-b .cate .cate_title{
        padding: 10px 10px 15px 10px !important;
    }
    #cms_6-b .box_wrap{
        justify-content: flex-start;
    }
    #cms_6-b .cate .box_txt1{
        padding: 10px !important;
    }
    #cms_6-b .cate .box_txt2{
        padding: 10px !important;
    }
    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#main_img .catch {
		bottom: -8vh;
		right: 3vw;
		max-width: 130px;
	}
	#contents2::after {
		background-size: 100vw;
		width: 100vw;
	}
	#contents_links .box::before {
		background-size: 200px;
		width: 200px;
		height: 270px;
		top: 130px;
		right: -20px;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	#main_img .catch {
		bottom: -5vh;
		right: 8vw;
		max-width: 70px;
	}
	#contents_links .box::before {
		background-size: 220px;
		width: 220px;
		height: 270px;
		top: 100px;
		right: -40px;
	}
	
}

/*20211115公開後修正*/
#intro h3{
    font-size: 21px;
}
#intro p{
    font-size: 16px;
}
#contents1_txt h3{
    font-size: 21px;
}
#contents1_txt p{
    font-size: 16px;
}
#contents2 h3{
    font-size: 21px;
}
#contents2 p{
    font-size: 16px;
}
/*バナー*/
.btn_container a{
    padding: 10px 30px;
    width: 100%;
    max-width: 500px;
    text-align: center;
    background-color: #6a4b30;
    border-color: #6a4b30;
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.btn_container a{
        max-width: 200px;
    }
}