@charset "UTF-8";
*{
	padding:0;
	list-style:none;
	line-height:1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
html {
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
    height: 100%;
    background: #ddd;
}
	 
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,div {
	margin: 0px;
	padding: 0px;
}

body {
    width: 100%;
    color: #333333;
/*    font-size:62.5%;*/
    font-size: 14px;
    background: #ffffff;
	overflow-x: hidden;
}
a img{
	border:none;
}
a:hover img{
	opacity:0.7;
}
a{
	overflow: hidden;
	color:#3a733c;
}
a:link {
    text-decoration: inherit;
}
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

a:focus {
   outline:none;
}
strong{
	font-weight:bold;
}
.clear {
	clear:both;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
} /*IE7以外のモダンブラウザ向け*/

pre {
    overflow: auto;
    white-space: normal;
	white-space: -moz-pdre-wrap; /* Mozilla */
    white-space: -pdre-wrap;     /* Opera 4-6 */
    white-space: -o-pdre-wrap;   /* Opera 7 */
    white-space: pdre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

/*////////////////////////////////////////

  段落　本文p

/////////////////////////////////////// */

p {
    line-height:1.2;
    /* margin: 0 auto 20px; */
    margin: 0px;
    font-size: 12px;

}
btn bg_o
/*////////////////////////////////////////

  BOX用ID

/////////////////////////////////////// */
#wrapper{
	width: 100%;
	/*margin:0 auto;*/
	padding: 0;
}

#contents{
	clear:both;
/*	width:800px;*/
	padding:0px 0 85px;
	/*margin: 0 auto;*/
}

/*////////////////////////////////////////

その他汎用class

/////////////////////////////////////// */

.bold {
	font-weight: bold;
}
/*color*/
.black{
	color:#000000;
}
.white{
	color:#ffffff;
}
.red{
	color:#ff0000 !important;
}
.blue {
    color: #0d30f1 !important;
}
.sky {
    color: #00bcd4 !important;
}
.yellow {
    color: #f8dd0f !important;
}
.green {
    color: #0ff817 !important;
}
.green02 {
    color: #00b22d !important;
}
.yellow {
    color: #f8dd0f !important;
}
.purple {
    color: #d900ff !important;
}
.purple02 {
    color: #9673ff !important;
}
.border {
    border: 2px solid;
    padding: 5px 0;
}
.bold_red {
	font-weight: bold;
	color: #FF0000;
}

.box {
	margin:0 auto 20px;
	padding:20px 20px 15px;
	border:solid 1px #d8dde6;
	border-radius:4px;
	background-color:#ffffff;
}
dd {
	margin-bottom:10px;
}
input {
    width: 100%;
    line-height: 40px;
    font-size: 16px;
    background-color: #fbfbfb;
    border: solid 1px #d8dde6;
    border-radius: 4px;
   
}
    input[type="submit"] {
        width: 100%;
        height: 44px;
        font-size: 14px;
        color: #ffffff;
        background-color: #3a733c;
        border: none;
        border-radius: 4px;
        margin: 2px 1px ; 
        padding: 0px;
    }
input[type="submit"]:hover {
	opacity:0.7;
}

/*///////メニュー////////////*/
.menu-btn {
    /* position: fixed; */
    position: absolute;
    top: 5px;
    left: 5px;
    display: flex;
    height: 55px;
    width: 55px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #116507;
    border: 2px solid #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
}
.menu-btn span{
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:nth-child(1){
    top:10px;
}     
.menu-btn span:nth-child(2) {
    top: 20px;
}
.menu-btn span:nth-child(3) {
    top: 30px;
}
.menu-btn span.last {
    background: none;
    height: auto;
    color: #fff;
    bottom: 0;
    left: 6px;
}

#menu-btn-check:checked ~ .menu-btn span:nth-child(2) {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span:nth-child(1){
    top: 25px;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span:nth-child(3) {
    top: 25px;
    transform: rotate(-45deg);
}
#menu-btn-check:checked ~ .menu-btn span.last  {
    display: none;
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: rgba(17,101,7,0.8);
    transition: all 0.5s;/*アニメーション設定*/
}

.menu-content ul {
	padding: 70px 10px 0;
}
.menu-content ul li {
    width: calc(100% / 3 - 5px);
    border: none;
    display: inline-block;
    box-shadow: 3px 4px 6px 0px rgba(12,56,7,0.8), -1px -1px 1px 0px rgba(179,216,120,0.5);
    margin-bottom:5px;
    background: #86d42d78;
    border-radius: 7px;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 0;
    text-align: center;
    position: relative;
    border-radius: 7px;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
.sp_nav i {
    display: block;
    font-size: 250%;
    margin-bottom: 5px;
    line-height: normal;
}
.sp_nav .li_none{
	display: none;
}