/* all page */
body,.txt_color_nomal{color: #777777;}
.txt_color1{color: #8eb232;} /* メインカラー */
.txt_color2{color: #B9D7AD;} /* サブカラー */
.txt_color3{color: #8EB232;} /* アクセントカラー1 */
.txt_color4{color: #56383a;} /* アクセントカラー2 */

.bg_color1{background-color: #B9D7AD;} /* メインカラー */
.bg_color2{background-color: #B9D7AD;} /* サブカラー */
.bg_color3{background-color: #8EB232;} /* アクセントカラー1 */
.bg_color4{background-color: #56383a;} /* アクセントカラー2 */

.border_color1{border-color: #8eb232;}
.border_color2{border-color: #B9D7AD;}
.border_color3{border-color: #8EB232;}
.border_color4{border-color: #56383a;}



.nav_menu_more:first-of-type a .icon:before {
    content: "\f075";
}

body{
	background-color: #fefefe;
}

h2,h3{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
	font-weight: 700;
}
h4{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

.linkStyle{
    color: #333;
    text-decoration: underline;
}


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

/* header */
header.scr_header #logo {
    max-width: 300px;
}

#pc_nav li a, #top_pc_nav li a, #footer_nav li a{
	transition: transform 0.4s ease 0.1s;
	font-weight: bold;
	color: #333;
}
#pc_nav li a:hover, #top_pc_nav li a:hover, #footer_nav li a:hover{
	transform: translateY(-6px);
}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    display: none;
}

header.scr_header {
    background-color: rgba(223,255,212,0.8) !important;
}

/* main img */
/* video ---------------------------------------------------------------------------------------------*/
#video{
	margin-bottom:-9px;
	width: 100%;
}

#main_img:before {
    background-color: rgba(255,255,255 ,0.5);
}

.menu p{
    height: 400px;
}
#pc_nav li, #top_pc_nav li, #footer_nav li {
    max-width: 200px;
}


/* main */
.back1:before, .back2:before {
    display: none;
}

/* intro */
#intro{
	margin-top: 50px;
}
#intro_wrap{
	border: solid 1px #87AA81;
	border-radius: 10px;
	background: none;
}
#intro h3{
	font-size: calc(2rem + 15px);
}
#intro .num{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
	font-weight: 300;
	color: #87AA81;
	font-size: 35px;
	top: -40px;
	background-color: #fefefe;
	padding: 0 40px;
	opacity: 1;
}



/* contents */

#contents1 #contents1_wrap figure{
	border-radius: 100% 64% 82% 77%/60% 73% 90% 60%;
}
#contents2 #contents2_wrap figure{
	border-radius: 70% 100% 82% 77%/60% 73% 90% 60%;
}

#contents1{
	position: relative;
}
.con__bg{
	position: absolute;
    top: -20px;
    left: calc(50% - 1200px);
    width: 2176px;
    height: 2030px;
    background-image: url("./Dup/img/poyo2.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
}
.con__ob1{
	position: absolute;
    top: 490px;
    right: 40px;
    display: inline-block;
    width: 36px;
    height: auto;
}
.con__ob2{
	position: absolute;
    top: 130px;
    right: -52px;
    display: inline-block;
    width: 382px;
    height: auto;
}

#contents2{
    padding-top: 20px;
}

#contents1 .num{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
#contents2 .num{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
}
#contents3 .num{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

#contents3 .con_box{
	border-radius: 10px;
}

.line:before {
    background-color: rgba(135,170,129,0.5) !important;
}


/* topcms */
.more_btn{
	background-color: #87AA81;
	border-radius: 10px;
	color: #fff;
	transition: transform 0.5s ease 0.1s;
}
.more_btn:hover:before, .more_btn:hover:after {
    display: none;
}
.more_btn:hover{
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
	transform: translateY(-6px);
	transition-delay: 0s;
}

#top_cms .top_cms_box figure{
    border-radius: 10px;
}

/* footer */
#info_contact_wrap .con_wrap figure{
	border-radius: 10px;
}
#info_contact_wrap .con_wrap .con_title .hannari{
	font-family: 'M PLUS Rounded 1c', sans-serif !important;
	font-weight: 300;
}


/* under page */
#page_title:before {
    background-color: rgba(255,255,255 ,0.5);
}

#page_title .page_title_box {
    border-radius: 10px;
}

.page figure{
    border-radius: 10px;
}
.page figure img{
    border-radius: 10px;
}

.cate_list li a {
    border-radius: 10px;
}
.cate_list li a:hover {
    opacity: 0.7;
}



/* cms1 */
.pager li a{
	border-radius: 10px;
}

/* cms2 */

/* cms3 */

/* cms4 */

/* cms5 */

/* page7 */

/* page8 */
#contact_tel a{
    border-radius: 10px;
}

/* page9 */

/* page10 */
#page10 .con_box a span.en{
    color: #fefefe;
}

/* IE */
@media all and (-ms-high-contrast: none){
    #cms_5-a .cate .cate_title span:last-of-type{
        padding-top: 0px !important;
    }
    
    #contact_tel a{
        padding-bottom: 15px;
    }
}


@media screen and (max-width: 1280px){
	.overlay.open {
		background: linear-gradient(135deg, rgba(135,170,129,0.9) , rgba(135,170,129,0.6) );
	}
	#overlay .left li {
        max-width: 200px;
    }
	
	.top header {
		padding: 10px 0;
	}
	#logo {
		max-width: 250px;
	}
	#main_img .menu {
		display: none;
	}
	.button_container span{
		color: #3c3c3c;
	}
	.button_container.active span:nth-of-type(1) {
		color: rgba(60,60,60,0.80)!important;
	}
	.button_container span.top{
		background: #3c3c3c !important;
	}
	.button_container span.middle{
		background: #3c3c3c !important;
	}
	.button_container span.bottom{
		background: #3c3c3c !important;
	}
	
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#intro .num {
		font-size: 30px;
		top: -35px;
	}
	#intro h3 {
		font-size: 24px;
	}
	
	#contents1 .con_box {
		margin-top: 15%;
	}
	
	.con__bg{
		left: calc(50% - 900px);
		width: 1800px;
		height: 1690px;
	}
	.con__ob1{
		top: 350px;
		width: 26px;
	}
	.con__ob2{
		top: 130px;
		width: 270px;
	}
	
	.pager li{
    	margin-right: 0;
    }
    
    .page_title_box h2{
	    font-size: 26px;
	}
	
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
	.top header {
		padding: 5px 0;
	}
	header.scr_header #logo {
		max-width: 200px;
	}
	
	.back1{
		padding-top: 0;
	}
	
	.con__bg{
		left: calc(50% - 800px);
		width: 2000px;
		height: 1990px;
	}
	.con__ob1{
		top: 300px;
		width: 26px;
	}
	.con__ob2{
		top: 130px;
		width: 180px;
		right: -20px;
	}
	
	#contents1 #contents1_wrap figure {
		border-radius: 100% 64% 82% 77%/80% 73% 90% 90%;
	}
	#contents2 #contents2_wrap figure {
		border-radius: 70% 100% 82% 77%/93% 73% 90% 73%;
	}
	
	.page_title_box h2{
	    font-size: 16px;
	    letter-spacing: 1px;
	}
	
	#contact_tel a{
        padding: 10px;
    }
	
}