@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #60513c;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #60513c} /* メインカラー60513c */
.txt_color2{color: #e2ff9e} /* サブカラー */
.txt_color3{color: #60513c} /* アクセントカラー1 */
.txt_color4{color: #ecffc1} /* アクセントカラー2 */
.txt_color5{color: #f7f3ef;} /* アクセントカラー3 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #BDDB77} /* メインカラー */
.bg_color2{background-color: #e2ff9e} /* サブカラー */
.bg_color3{background-color: #ead76b} /* アクセントカラー1 */
.bg_color4{background-color: #ecffc1} /* アクセントカラー2 */
.bg_color5{background-color: #f2ede7;} /* アクセントカラー3 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #BDDB77}
.border_color2{border-color: #e2ff9e}
.border_color3{border-color: #ead76b}
.border_color4{border-color: #ecffc1}
.border_color5{border-color: #f2ede7;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #60513c;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #BDDB77} /* メインカラー */
.hvr_txt_color2:hover{color: #e2ff9e} /* サブカラー */
.hvr_txt_color3:hover{color: #ead76b} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ecffc1} /* アクセントカラー2 */
.hvr_txt_color5:hover{color: #f2ede7;} /* アクセントカラー3 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #BDDB77} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e2ff9e} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ead76b} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #ecffc1} /* アクセントカラー2 */
.hvr_bg_color5:hover{background-color: #f2ede7} /* アクセントカラー3 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #BDDB77}
.hvr_border_color2:hover{border-color: #e2ff9e}
.hvr_border_color3:hover{border-color: #ead76b}
.hvr_border_color4:hover{border-color: #ecffc1}
.hvr_border_color5:hover{border-color: #f2ede7}

header{
    background-color: #ecffc1;
}
#contents{
    background-image: url('./Dup/img/green_natural3.jpg');
    background-position: center;
}
#contents .width_1280-max{
    background-color: #fefefe;
}
#top_cms{
    background-color:#ECFFC1 ;
}

#intro a{
    background-color: #ff8a86;
}
#top_cms section{
    border-bottom: solid 1px #60513c;
}
#contents .con_box .con_img,#contents .fadein:nth-of-type(2) .con_box .con_img{
    border-radius: 30px;
}
/*トップのメインロゴ*/
#main_img .main_logo img{
    border: solid 1px rgba(255,255,255,0.5);
    border-radius: 20px;
    padding: 10px;
}
@media(min-width:769px){
.main_logo__light{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	position: relative;
	top: 20px;
	left: -20px;
	border: solid 1px #fff;
	background-color: #fff;
	-ms-filter:blur(9px);
	filter: blur(9px);
	animation: light 20s linear infinite;
}
}
@keyframes light{
	0%{transform: translateX(0px);}
	34.9%{transform: translateX(322px);}
	50%{transform: translate(322px,151px);}
	84.9%{transform: translate(0px,151px);}
	100%{transform: translate(0px,0px);}
}
@media(max-width:768px){
    #jisseki-banner{
    display: none;
}
}
#jisseki-banner{
    z-index: 998;
    position: relative;
    top: -170px;
    right: 500px;
    margin: 15px 0 0 30px;
    max-width:300px;
    height: auto;
}
#jisseki-banner img{
    border-radius: 10px;
    box-shadow: 8px 8px 20px rgba(255,255,255,0.5);
}

@media(max-width:1400px){
    #jisseki-banner{right: 250px;}
}
@media(min-width:769px){
#jisseki-sp-banner{
    display: none;
}
}
#jisseki-sp-banner{
    border-radius: 20px;
    margin: 55px 10px 0 5px;
    max-width: 250px;
    height: auto;
}
#jisseki-sp-banner img{
    border-radius: 20px;
}
#foot_banner{
    display: block!important;
    opacity: 1!important;
}
#intro a:hover,#top_cms a:hover{
    animation-name:zoomInAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
@keyframes zoomInAnime{
    from{transform:scale(1.0);
        box-shadow: 0 0 0 #000;
    }
    to{transform:scale(1.15);
        box-shadow: 1.5px 1.5px 5px rgba(0,0,0,0.4);
    }
}
#top_cms section .cms_2-b .border_color2,#cms_1-a div{
    border-bottom:solid 1px #BDDB77;
}
#page8 .border_color4{
    border-color: #BDDB77;
}
#page7 .grid_4{
    border-right:solid 1px #BDDB77;
}
@media(max-width:667px){
    #intro section .grid_9 .cms_1-a div div{
        border-bottom:solid 1px #BDDB77;
    }
}
#inter_banner{
    width: 70%;
    margin: 100px auto;
}
@media(max-width:666px){
    #inter_banner{
    margin: 25px auto 0 auto;
}
#info{
    padding-top: 0;
}
}