@charset "utf-8";
/*#loader-bg {display: none;position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background: #c4e6ba;z-index: 12;text-align: center; height: 400px;display: flex;align-items: center;justify-content: center}*/
body{animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;}
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
.green{color: #3cab35;}
.white{color: #fff;}

@media all and (min-width: 769px) {
.pc_only{display: block!important;}
.sp_only{display: none!important;}}
@media all and (max-width: 768px) {
.pc_only{display: none!important;}
.sp_only{display: block!important;}}
body{font-family: 'M PLUS Rounded 1c', sans-serif;background-color: #fffff4;}

header{position: relative;z-index: 10;}
.border_g{border-top:solid 10px #3cc333;}
.border_y{border-top:solid 8px #fbf728;filter: drop-shadow(0px 5px 5px rgba(0,0,0,.3));}

@media all and (min-width: 1025px) {
.menu_pc_only { display: block!important; }
.menu_sp_only { display: none!important; }
.head_contents{position: relative;top: -18px;background-image:url("../common/images/header_bg.png");background-repeat:no-repeat;text-align: center;background-position: center top;-webkit-filter: drop-shadow(0px 10px 10px rgba(0,0,0,.3));filter: drop-shadow(0px 10px 10px rgba(0,0,0,.3))}
#menu li{font-weight: 900;font-size: 0.9em;color: #3cab35;}
#menu li a{text-decoration: none; color: #3cab35;-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,0));filter: drop-shadow(0px 0px 10px rgba(0,0,0,0));padding: 0.1em 0.3em;display: inline-block;padding: 0.3em;}
#menu li a:hover {animation: zoom .3s;}
@keyframes zoom {50% {transform: scale(1.04);}}
#menu li.icon_t{position: relative;top: -71px;left:-348px;width: 198px;height: 36px; margin: 0 auto;background-image:url("../common/images/icon_t.png");background-repeat:no-repeat;background-position: left 2px;line-height: 32px;}
#menu li.icon_t img{padding-bottom: 10px;}
#menu li.icon_ca{position: relative;top: -106px;left:-175px;width: 174px;height: 36px; margin: 0 auto; background-image:url("../common/images/icon_ca.png");background-repeat:no-repeat;background-position: left -1px;line-height: 32px;}
#menu li.icon_b{position: relative;top: -140px;left:214px;width: 152px;height: 36px; margin: 0 auto; background-image:url("../common/images/icon_b.png");background-repeat:no-repeat;background-position: left -2px;line-height: 32px;}
#menu li.icon_c{position: relative;top: -176px;left:367px;width:150px;height: 36px; margin: 0 auto; background-image:url("../common/images/icon_c.png");background-repeat:no-repeat;background-position: left -2px;line-height: 32px;}}

@media all and (max-width: 1024px) {
.menu_pc_only { display: none!important; }
.menu_sp_only { display: block!important; }
.head_contents{position: relative;padding-top: 0.8em;padding-bottom: 0.3em;height: 72px; background-color: #fff; text-align: center;background-position: center top;}
.top_only{height: 55px!important;}
.border_g{border-top:solid 0.4em #3cc333;}
.border_y{border-top:solid 0.4em #fbf728;filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));}

h1 img{height: 50px;}

#menu{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 100;}
#menu div{width: 50px;height: 70px;overflow: hidden;position: absolute;right: 0;}
#menu .menuopen{color: rgba(255,255,255,1);font-size: 36px;display: block;position: absolute;top: 20px;left: 0;pointer-events: auto;}
#menu .menuclose{color: rgba(255,255,255,1);font-size: 36px;display: none;position: absolute;top: 20px;left: 0;pointer-events: auto;}

#menu ul{background: #fff;width: 100%;position: absolute;top: 85px;right: 0;display: none;}
#menu li{padding: 20px;color: rgba(0,0,0,1);border-bottom: 2px #c4e6ba solid;pointer-events: auto;}
#menu li a{text-decoration: none; color: #3cab35;font-weight: 900;font-size: 1.5em;}

#menu:target .menuopen{display: none;}
#menu:target .menuclose{display: block;}
#menu:target ul{display: block;}

body{background: #fffff4;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
#menu:target ~ body{-webkit-filter:brightness(70%);-moz-filter:brightness(70%);-ms-filter:brightness(70%);filter:brightness(70%);}}

@media all and (max-width: 768px) {
h1 img{margin-left: auto; margin-right: auto;}
}

footer{margin: 20px auto;text-align: center;}
#banner{display: flex;flex-wrap:wrap; width: 1000px;margin: 0 auto; justify-content: center;}
#banner img{-webkit-filter: drop-shadow(0px 10px 10px rgba(0,0,0,.3));filter: drop-shadow(0px 10px 10px rgba(0,0,0,.3));margin: 10px;transition:0.3s;width: 400px;}
#banner img:hover{opacity: 0.7;}

@media all and (max-width: 1024px) {
#banner{width: 100%;}
}
@media all and (max-width: 769px) {
#banner{width: 100%;}
#banner img{width: 81%}
#banner img:hover{opacity: 1;}}
h6{color: #3cab35;font-weight: 900;letter-spacing: 0.1em; margin-top: 1em;font-size: 0.95em;}