@charset "UTF-8";
#beltbnr {
 display: none;
}
.h_bar{
  display: none;
}
#mainArea{
    letter-spacing: 0;
    line-height: 2;
    overflow: hidden;
    margin: 0 auto;
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 400;
    font-style: normal;
	 font-size: 1.2rem;
	background: #f0efed;
}
#mainArea div{font-family: noto-sans-cjk-jp, sans-serif;}
#mainArea p{font-family: noto-sans-cjk-jp, sans-serif;}
.bnr_ {
	width: 900px;
	margin: 0 auto;
}
.f-n {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.f-o {
	font-family: "octin-college", sans-serif;
    font-weight: 700;
    font-style: normal;
}
section {
	width: 840px;
   margin: 6em auto 6em;
	position: relative;
}
.leadArea {
	width: 480px;
    margin: 3em auto 7em;
    position: relative;
}
.lead {
    font-size: 1.3rem;
    font-weight: 400;
    font-style: normal;
    color: #0d5f32;
    margin: 0 0 2.5em;
}
h3 {
	font-size: 2.8rem;
    text-align: center;
    font-family: "octin-college", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 2.0;
	color: #0d5f32;
	margin: 0 0 0.5em;
}
h4 {
	font-size: 2.0rem;
	line-height: 1.8;
	font-weight: 600;
	text-align: left;
	margin: 0 0 1.5em 0;
	color: #0d5f32;
	font-family: noto-sans-cjk-jp, sans-serif;
}
.center {text-align: center;}
/*///*/
.menu_ {
    
}
.menu_inner {
	
}
.menu_inner a {
	text-decoration: none;
}
.menu_btn {
	display: inline-block;
    width: 44%;
    border-bottom: 2px solid rgb(13, 95, 50);
    font-size: 2.1rem;
    margin: 0 0.6em 0;
}
.menu_btn span {
	display: inline-block;
    width: 86%;
    vertical-align: middle;
    margin-left: 3%;
	color: #0d5f32;
}
.y_ {
	width: 5%;
	display: inline-block;
	vertical-align: middle;
}
/*///*/
.c-back  {
	width: 900px;
    background-image: linear-gradient(0deg, transparent 11px, #dfdfdf 12px), linear-gradient(90deg, transparent 11px, #dfdfdf 12px);
    background-color: #ffffff;
    background-size: 12px 12px;
	padding: 5em 0;
	border-top: solid 1px #6e6e6e;
	border-bottom: solid 1px #6e6e6e;
}
.main-itemArea {
	width: 740px;
    background: rgb(255, 255, 255);
    margin: 0px auto 4em;
    padding: 2em 1.5em 3em;
    position: relative;
}
.main-itemArea--img {
	width: 51%;
    margin: 0px 7% 0 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.main-itemArea--text {
	width: 41%;
    display: inline-block;
    vertical-align: middle;
}
.title_1 {
	position: absolute;
    left: 5%;
    top: 3%;
    width: 55px;
}
.title_2 {
	position: absolute;
    right: 3%;
    top: 2%;
    width: 55px;
}
.comment_ {
    font-size: 1.2rem;
	line-height: 2.0;
	margin: 1em 0 3em;
}
.bx-prev,.bx-next {display: none;}
.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
}
.bx-wrapper {
    margin-bottom: 0!important;
}
.item_Area {
	width: 82%;
    position: relative;
	margin: 0 auto 3em;
	height: 480px;
}
.sub-img {
	width: 54%;
    display: block;
    margin: 7em auto 1em;
}
/*////*/
.crdit {
    margin-bottom: 15px;
}
.button_crdit {
	width: 63%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.7;
}
.button_ {
    width: 84px;
    height: 39px;
    border: solid 2px #146024;
    background: #146024;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    line-height: 2.6;
    text-decoration: none;
    font-family: "octin-college", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.4rem;
    letter-spacing: 1px;
}
.button_:hover{
    background: #fff;
	border: solid 2px #146024;
	color: #146024 !important; 
	transition : .3s;
}
/*////*/
.button_crdit2 {
	width: 70%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.7;
	font-size: 94%;
}
.button2_ {
    width: 80px;
    height: 38px;
    border: 2px solid rgb(20, 96, 36);
    background: rgb(20, 96, 36);
    text-align: center;
    transition: all 1s ease 0s;
    vertical-align: middle;
    display: inline-block;
    color: rgb(255, 255, 255);
    line-height: 2.5;
    text-decoration: none;
    font-family: octin-college, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.4rem;
    letter-spacing: 1px;
}
.button2_:hover{
    background: #fff;
	border: solid 2px #146024;
	color: #146024 !important; 
	transition : .3s;
}
/*/styling--img/*/
.stylingArea {
	width: 100%;
    padding: 1em 1.5em 0em;
    position: relative;
}
.styling--img {
	width: 53%;
    display: inline-block;
    vertical-align: middle;
}
.styling--text {
	width: 39%;
    display: inline-block;
    vertical-align: middle;
}
.m-r {
	margin-right: 7%;
}
/*/anime/*/
.e-1 {
    width: 90px;
    position: absolute;
    top: -2%;
    right: -9%;
}
.e-item {
	width: 200px;
    position: absolute;
    top: -3%;
    left: -6%;
}
.e-styling {
	width: 195px;
    position: absolute;
    top: -5%;
    left: 3%;
}
.e-2 {
    width: 110px;
    position: absolute;
    top: -7%;
    right: -5%;
}
.e-3 {
    width: 140px;
    position: absolute;
    top: -22%;
    right: 7%;
}
.anime_ {
	animation-name: fuwa;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
}
@keyframes fuwa {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-15px)
    }
}
/*////*/
.button_all {
    width: 100%;
    height: 52px;
    border: solid 3px #0d5f32;
    background: #f0efed;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: block;
    color: #0d5f32;
    line-height: 46px;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    margin: 5em auto 0;
}
.button_all:hover{
    background: #0d5f32;
	border: solid 3px #0d5f32;
	color: #f0efed !important; 
	transition : .3s;
}
/*///*/
.button_link {
	width: 84%;
	margin: 0 auto;
	display: block;
}
/*////*/
.fade {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1.5s, transform 1s;
}
.fade.active {
	opacity: 1;
	transform: translateY(0px);
}