/********** font size **********/
html {
	font-size: 62.5%;
	font-family: "Noto Sans JP";
}
h2 {
	font-size: 2.4rem;
}
p {
	font-size: 1.4rem;
	line-height: 2.4rem;
	letter-spacing: 0.1rem;
}
.head-title, .head-description {
	text-shadow: 1px 1px 10px #808080;
}
.head-title {
	font-size: 4.2rem;
	font-weight: 700;
	line-height: normal;
}
.head-description {
	font-size: 2.4rem;
	font-weight: 500;
	line-height: normal;
}
/*.head-title, .head-description {
    text-shadow: 1px 1px 10px #696969;
}*/
b {
	font-weight: 700;
}
.text-f16 {
	font-size: 3.2rem;
}
.text-center {
	text-align: center;
}
.text-small {
	font-size: 1.2rem;
}
.text-white {
	color: #FFF;
}
.text-green {
	color: #62bf32;
}
.text-yellow {
	color: #FFFF45;
}
.under-yellow {
	border-bottom: 3px solid #FFFF45;
}
/********** nav **********/
nav {
    position: fixed;
    z-index: 999;
    height: 100px;
    width: 100%;
    background: url("../img/gradation.png") repeat-x;
}
nav > .section-inner > h1 {
	float: left;
}
nav > .section-inner > ul {
	float: right;
	display: table;
	text-align: center;
	margin: -2px 0 0;
	padding: 0;
}
nav > .section-inner > ul > li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 12px;
}
nav > .section-inner > ul > li > p {
	line-height: 1.6rem;
}
nav > .section-inner > ul > li > p > a {
	color: #FFF;
	text-decoration: none;
}
nav > .section-inner > ul > li > p > a > .small {
	font-size: 1rem;
}
nav > .section-inner > ul > li > a > img {
	padding-right: 15px;
}
nav > .section-inner .news {
	border: thin solid #FFF;
	padding: 5px 15px;
}

.icon {
	margin: 5px 0 0 0;
}
/********** background **********/
.section1 {
    background: url("../img/s1.jpg") center center / cover no-repeat;
}
.section2 {
    background: url("../img/s2.png") right bottom/ cover no-repeat;
}
.section3 {
    background: url("../img/s3.jpg") center center / cover no-repeat;
}
.section4 {
    background: url("../img/s4.jpg") center center / cover no-repeat;
}
.section5 {
    background: url("../img/s5.jpg") center center / cover no-repeat;
}
.section6 {
    background: url("../img/s6.jpg") left center / 50% no-repeat;
}
.section8 {
	background: url('../img/youtube-back.jpg') center center / cover no-repeat;
}

.section-inner {
	width: 1024px;
	padding: 0 5% 0 5%;
	margin: 0 auto;
}
.left-area {
	width: 50%;
	float: left;
}
.right-area-40 {
	width: 40%;
	float: right;
}
.right-area {
	width: 50%;
	float: right;
}
.catchphrase {
	width: 600px;
	margin: 0 auto;
}
.hr-green {
	border: 1px solid #62bf32;
	width: 20%;
}
.head-description {
	margin: -20px 0 0 0;
}
.head-contact {
	position: absolute;
	right: 0;
	bottom: 0;
}
footer {
	height: 100vh;
}
.footer-inner {
	height: 100%;
	overflow: scroll;
	overflow-x: hidden;
}
footer > .footer-inner > .area-facebook {
	height: 50%;
	min-height: 460px;
    background: #EFEFEA;
}
.facebook-area {
	padding-top: 230px;
}
footer > .footer-inner > .area-line {
	height: 30%;
	min-height: 250px;
	background: #45B345;
}
.line-area {
	padding-top: 30px;
}
.line-area > .left-area > h2 {
	margin: 0;
}
.line-area > .right-area > img {
	float: left;
}
.line-area > .right-area > img:last-child {
	margin-left: 10px;
}
footer > .footer-inner > .area-sponsor {
	height: 15%;
	min-height: 120px;
}
.footer-logo {
	margin: 10px 0 0 23px;
}
.footer-contact {
	margin-top: 5px;
}
.footer-contact p {
	margin: 0;
	padding: 0;
}
.footer-tel, .footer-opening-hours {
	margin: 0;
	padding: 0;
}
footer > .footer-inner > .area-copyright {
	height: 5%;
	min-height: 10px;
}
.copiright {
	margin: 0;
}
.mtop-40 {
	margin-top: 40px;
}
.mleft-50 {
	margin-left: 50px;
}
/********** button **********/
.btn-original {
    position: relative;
    padding: 10px 70px;
    background: #62bf32;
    color: #FFF;
    border-radius: 20px;
}
.btn-original > img {
    position: absolute;
    top: 10px;
    right: 20px;
}
.btn-contact {
    padding: 10px 70px;
	margin: 7px 20px 0 0;
    background: #62bf32;
    color: #FFF;
    border-radius: 20px;
	float: left;
}
.select {
	margin-top: 30px;
}
.select > p {
	float: left;
}
.select > p:last-child {
	margin-left: 20px;
}

/********** scrollover customize**********/
#fp-nav ul li, .fp-slidesNav ul li {
	margin: 20px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #62bf32;
	height: 10px;
	width: 10px;
	margin: -5px 0 0 -5px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 14px;
	width: 14px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	margin: -7px 0 0 -7px;
}


/********** 20211006 add tsuchiya **********/
h2.section8_h2{
	display: flex;
	align-items: center;
	color: #fff;
}
h2.section8_h2 img{
	width: 40px;
}
div.section8 div.section-inner{
	display: flex;
	color: #fff;
}
div.section8 div.section-inner div.left_area{
	width: 60%;
}
div.section8 div.section-inner div.right-area-40 div.link_wrap{
	margin-top: 15px;
}
div.section8 div.section-inner div.right-area-40 div.link_wrap a{
	font-size: 15px;
	line-height: 3rem;
}