﻿.page10 .more_box:nth-child(odd) .more:hover{border-color: #ea647a;background-color: #ea647a;}
.cate_list li a::before{color: #ea647a;}


/* ---------- font ---------- */
.top_nav ul li a {font-size: -webkit-calc(1rem + 1px);font-size: calc(1rem + 1px);}


/* ---------- top ---------- */
.square_img, .rectangle_img, .date{border-radius: 10px}
.bg_color1{
	background: -webkit-linear-gradient( 65deg, rgba(0,141,86,0.86), rgba(123,196,82,0.85));
	background: linear-gradient(25deg, rgba(0,141,86,0.86), rgba(123,196,82,0.85));
}
#nav_menu{top: 0;}
.is-fixed .logo{width: 8%!important;}
.navi a{display: none}
.top_nav {
	position: absolute;
	right: 0;
	top: 30px;
    width: auto;
    padding: 20px;
    border-radius: 45px;
    background-color: #7bc452;
    background: -webkit-linear-gradient( 65deg, rgba(0,141,86,0.96), rgba(123,196,82,0.95));
    background: linear-gradient( 25deg, rgba(0,141,86,0.96), rgba(123,196,82,0.95));
    margin-left: auto;
    margin-right: 22px;
}
.main_img_wrap{max-height:initial;min-height:auto;}
.main_img_wrap .catch{bottom: 133px;}
footer{background-color: #544229;}

/* ---------- top contents ---------- */
#contents .box_wrap{position: relative}
#contents .box_wrap:after {
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/bg_tree01.png) no-repeat 0 0;
    width: 27%;
    height: 100%;
    background-size: contain;
    z-index: 10;
    top: -14%;
    left: -12%;
    pointer-events: none;
}
@media screen and (max-width: 1422px){#contents .box_wrap:after{width: 26%;left: -16%;}}

#contents, .overlay{background: url( "../dup/img/bg1.jpg" ) left top / 800px repeat;}
#contents .box h3:before{border-bottom: 2px solid #ea647a;}
.img-container:before{background: #F8B300;}
#contents .box:nth-child(odd) .img-container:before{background: #29af68;}
#contents .box figure:after {border-color: #f7c441;border-radius: 20px;}
#contents .box .txt_wrap{position: relative;padding-top: 40px;z-index: 5}
#contents .box h3{font-size: 26px;}
.t_cms_txt2, .t_cms_txt5, .t_cms_txt8 {
    color: #29af68;
    position: absolute;
    font-size: 33px;
    top: -4px;
    left: -3px;
}.t_cms_txt5{left: 36px;}

.img-container{overflow: visible}
.img-container_img{border-radius: 53% 53% 49% 55%/64% 49% 57% 51%;border: 2px solid #f8b300;}
.t_cms_img2 img{border-radius: 56% 43% 50% 40%/52% 50% 50% 50%;}
.img-container:before{display: none}
.img-container:before{transform: translateX(-101%);}
.img-container.active:before{transform: translateX(101%);}

.top_cms_box:before{background-color: #544229;}
.top_cms_box .more_box .more{border-radius: 45px;}
.top_cms_box .more_box .more:hover{border-color: #29af68;background-color: #29af68;}
.top_cms_box .more_box .more:hover div {color: #fff;}
.top_cms_box .more span:after{border-left: 5px solid #fff;}
.top_cms_box .more span:before, .top_cms_box .more_box .more:before{background-color: #fff;}

.other .box {
    border: 2px solid #544229;
    background: url( "../dup/img/bg1.jpg" ) left top / 800px repeat;
}
.other .box:hover{background: none;background-color: #ffffff;}
.other .box:hover p{color: #29AF68;}
.other .box:hover h2 span {color: #3e3a3a;}

#dec1 .cls-1, #dec6 .cls-1{stroke: #ea5774;}
#dec9 .cls-1, #dec10 .cls-1, #dec11 .cls-1, #dec12 .cls-1, #dec13 .cls-1, #dec14 .cls-1, #dec15 .cls-1, #dec16 .cls-1{stroke: #fff;}


/* ---------- top_cms ---------- */
#top_cms .line{display: none}
#top_cms .top_cms_wrap{position: relative;padding-top: 179px;}
#top_cms .top_cms_wrap::after {
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/bg_tree01.png) no-repeat 0 0;
    width: 33%;
    height: 100%;
    background-size: contain;
    z-index: 10;
    top: -4%;
    right: -20%;
    pointer-events: none;
    transform: scale(-1,1);
}
.cms_3-d{background-color: transparent}
.cate img, .cate_box img, .shadow{box-shadow: 0 2px 4px rgba(0,0,0,0.0);}


/* ---------- 下層 ---------- */
#page_title .img-container::after {
    background-color: rgba(254, 254, 254,0.2);
    transform: translateX(0%);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all 1.2s 0s ease;
    width: 100%;
    z-index: 1;
	top: 0;
}
#title_img .img-container_img{border-radius: 15px; border: none;overflow: hidden;}
#cms_2-c .box_txt1{
	border-bottom: 2px dashed;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
#cms_3-d .cate_title{
	color: #29af68;
	border-color: #29af68;
}
#cms_6-a .cate_box:last-of-type{border: none;}
#page9 .bg_color1{background: none;background-color: #ea647a;}


/* ---------- footer ---------- */
footer, #footer{height: 635px}
.logo{max-width: 240px;}
.info_box {
	width: 100%;
    margin: 0 auto 15px;
    color: #fff;
}
.info_box .txt_color1,.info_box .txt_color_nomal {
    color: #fff;
}
.info_box th, .info_box tr:nth-of-type(2) td, .info_box tr:nth-of-type(3) td{
	padding-top: 10px;
    padding-bottom: 10px;
	border-bottom: 1px solid;
}
.info_box tr:last-of-type th{border: none}
.info_box tr th, .info_box tr:nth-of-type(2) td, .info_box tr:nth-of-type(3) td{border-right: 1px solid!important;}
.info_box tr:first-of-type th:last-of-type, .info_box tr:nth-of-type(2) td:last-of-type{border-right: none!important}


/* IE */
@media all and (-ms-high-contrast: none){
.top_nav{padding: 20px 20px 15px!important;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#nav_menu{
	background-color: #29af68;
	border-radius: 0 0 0 5px;
	right: 0;
}
.button_container span{background-color: white;}
.main_img_wrap, #video{height: 43vh;}
.main_wrap{margin-top: 43vh;}
.main_img_wrap .catch{bottom: 16px}
#contents .box_wrap:after {
	transform: scale(-1,1);
	width: 42%;
	left: auto;
	right: -113px;
	top: -9%;
}
#top_cms .top_cms_wrap{padding-top: 186px;}
#top_cms .top_cms_wrap::after {
    width: 42%;
    top: -3%;
    right: auto;
    left: -15%;
    transform: none;
}
.info_box{width: 97%;margin-bottom: 10px;}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
body, .font_100per, .font_4dw_tb{font-size: 14px;}

#nav_menu {height: 51px;width: 51px;}
.main_img_wrap, #video{height: 34vh;}
.main_wrap{margin-top: 34vh;}
#contents .box_wrap:after {
	width: 54%;
	right: -70px;
	top: -4%;
}
.t_cms_txt2, .t_cms_txt5, .t_cms_txt8 {
    color: #29af68;
    position: absolute;
    font-size: 22px;
    top: 2px;
    left: 1px;
}
.t_cms_txt5{left: 0;}
#top_cms .top_cms_wrap{padding-top: 121px;}
#top_cms .top_cms_wrap::after {
    width: 59%;
    top: -2%;
    right: auto;
    left: -23%;
    transform: none;
}
#title_img span{height: 200px;}
#page_title .img-container::after{background-color: rgba(236,189,64,0.30)!important;}
#page_title .img-container.active::after{border-radius: 15px;}
footer, #footer{height: 646px;}
.info_box{width: 95%}
.info_box .width_200{width: 95px;}
.info_box .font_2dw{font-size: 11px;}
}

/* ---------- 2021.05.07 修正 ---------- */
.txt_color1{color: #f7ba4c;}
.bg_color2{background-color: #d3f3df;}
.bg_color4{background-color: #fffacc;}
#contents .box figure:after{opacity: 0.3;}

.sns_links li{max-width: 53px;width: 10.33333%!important;}
.line_con a{border-color: #00b900;color: #00b900;}
.line_con a i{transform: translateY(1px);}

/* IE */
@media all and (-ms-high-contrast: none){
#contact_tel a, .line_con a{padding-bottom: 11px;}
}

@media screen and (max-width: 667px){
.sns_links li{max-width: 53px;width: 12.33333%!important;}
.line_con a i{transform: translateY(3px);}
}

/* ---------- 2021.05.13 修正 ---------- */
.all_page:before{background: url(../dup/img/bg1.jpg) left top / 800px repeat;z-index: -2;}
#title_img .img-container_img{border: 2px solid #f8b300;overflow: hidden;box-sizing: border-box;}
#page_title .svg_box{
	position: absolute;
    right: 35px;
    bottom: -98px;
}
#page_title .svg_box #dec5 {width: 72px;}
#page_title .svg_box #dec6{margin-left: -35.5%;margin-top: -25px;width: 52px;}
#page_title .img-container::after{background-color: transparent;}
#page_title p {text-shadow: 1px 1px 0 #FFFFF0, -1px -1px 0 #FFFFF0, -1px 1px 0 #FFFFF0, 1px -1px 0 #FFFFF0, 0px 1px 0 #FFFFF0, 0-1px 0 #FFFFF0, -1px 0 0 #FFFFF0, 1px 0 0 #FFFFF0;}

#page_title::before {
    content: "";
    display: block;
    position: absolute;
    background: url(Dup/img/bg_tree01.png) no-repeat 0 0;
    width: 27%;
    height: 100%;
    background-size: contain;
    z-index: 10;
    top: -227px;
    left: -9%;
    pointer-events: none;
}
#cms_2-c .cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 22px;
    text-align: left;
    padding-bottom: 10px;
    padding-left: 51px;
    margin-bottom: 50px;
    border-bottom: 2px solid #ffd255;
    color: #333333;
    font-weight: bold;
    position: relative;
	box-sizing: border-box;
}
#cms_2-c .cate_title::before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(../dup/img/cate_title_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: -8px;
}
@media screen and (min-width: 1400px){
#page_title::before{width: 27%;top: -245px}
}
@media screen and (max-width: 1397px){
#page_title::before{width: 31%;}
}
@media screen and (max-width: 1249px){
#page_title::before{top: -46%;left: -12%;}
}
@media screen and (max-width: 1100px){
#page_title::before{left: -15%;}
}
@media screen and (max-width: 768px){
#page_title::before{display: none}
}
@media screen and (max-width: 667px){
#page_title p{text-shadow: none}
#page_title .svg_box {right: 30px;bottom: -69px;}
#page_title .svg_box #dec5{width: 60px;}
#page_title .svg_box #dec6{width: 43px;}
}
