html {
	font-family: "Noto Sans JP";
}
p {
	font-size: 3.75vw;/* 12px */ 
}
h2 {
/*	font-size: 5vw; 16px */
	font-size: 4.375vw;/* 14px */
}
.head-title, .head-description {
	text-shadow: 1px 1px 10px #808080;
}
.head-time {
	font-size: 16px;
}
a {
	color: #000;
}
a:hover {
	color: #000;
	text-decoration: none;
}
.text-bold {
	font-weight: 500;
}
.text-small {
	font-size: 3.125vw;/* 10px */
}
.text-30 {
	font-size: 8vw;/* 16px */
}
.text-large {
	font-size: 6vw;/* 16px */
}
.text-white {
	color: #FFF;
}
.text-green {
	color: #62bf32;
}
.text-yellow {
	color: #FFFF45;
}
.text-right {
	text-align: right;
}
.section-inner {
	padding: 0 25px;
}
.text-center {
	text-align: center;
}
.link-undeline > a {
	text-decoration: underline!important;
	color: blue!important;
}
hr {
	border: 1px solid #62bf32;
	width: 40%;
	margin: 20px auto;
}
.mtop20 {
	margin-top: 20px;
}
h2 > img {
	margin-bottom: 10px;
}
/********** nav **********/
nav {
	height: 60px;
	width: 100%;
	position: fixed;
	z-index: 999;
	background: url("../img/gradation-sp.png") repeat-x;
}
nav > .logo {
	margin: 15px 0 0 15px;
}

.drawer-nav {
	padding: 20% 5% 20% 5%;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	background-color: #FFF!important;
}
.drawer-open .drawer-hamburger-icon {
	background-color: transparent!important;
}
.drawer-menu > li > p > img {
	margin-top: -2px;
	padding-right: 4px;
}
/********** background **********/
.section1 {
    background: url("../img/sp-s1.jpg") center center / cover no-repeat;
}
.section2 {
	background: url("../img/s2.png") bottom right / 80% no-repeat;
}
.section3 {
    background: url("../img/sp-s3.jpg") center center / cover no-repeat;
}
.section4 {
    background: url("../img/sp-s4.jpg") center center / cover no-repeat;
}
.section5 {
    background: url("../img/sp-s5.jpg") center center / cover no-repeat;
}
.section9 {
    background: url("../img/youtube-back-sp.jpg") center center / cover no-repeat;
}
.facebook-area {
	height: 50%;
	background: #3B5998;
}
.facebook-area > .section-inner > h2 {
	padding-top:  25%;
}
.line-area {
	height: 50%;
	background: #45B345;
}
.business-hours {
	height: 60%;
	background: #EFEFEA;
}
.footer-contact > img {
	width: 40%;
	padding: 30% 0 20px 0;
}
.footer-contact > p > img {
	margin: -6px 5px 0 0;
}
.sponsor-area {
	height: 35%;
}
.copyright {
	height: 5%;
}

/********** button **********/
.more {
	z-index: 999;
	position: absolute;
	bottom: 0;
	right: 0;
}
.more > p {
	margin: 0;
}
.more > p > a {
	display: block;
	background-color: #62bf32;
	padding: 10px 30px 10px 30px;
	color: #FFF;
}
.btn-original {
	font-size: 4.375vw;/* 14px */
    position: relative;
    padding: 10px 30%;
    background: #62bf32;
    color: #FFF;
    border-radius: 20px;
}.btn-original:hover {
	color: #FFF;
}
.btn-original > img {
    position: absolute;
    top: 22%;
    right: 10px;
}
.select > .btn-original:last-child {
	margin-left: 10px;
}
.btn-facebook {
	padding: 10px 20%;
	background: #FFF;
	border-radius: 20px;
	color: #3B5998;
}
.btn-facebook > img {
	padding-right: 5px;
}
.btn-contact {
    position: relative;
    padding: 10px 30%;
    background: #62bf32;
    color: #FFF;
    border-radius: 20px;
}
.btn-contact > img {
	position: absolute;
	top: 22%;
	right: 10px;
}
.btn-contact:hover {
    color: #FFF;
}

/********** scrollover customize**********/
#fp-nav.fp-right {
	z-index: 111;
	margin-right: -15px!important;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: #62bf32;
}

/********** 20211006 add tsuchiya **********/
div.section9 div.section-inner div.section8-youtube-logo{
	text-align: center;
}
div.section9 div.section-inner div.section8-youtube-logo img{
	width: 40px;
}
div.mtop20 p iframe{
	width: 100%;
}
div.section9 div.section-inner h2.text-center{
	color: #fff;
	margin-top: 15px;
}
div.section9 div.section-inner p{
	color: #fff;
	margin-bottom: 15px;
}
div.section9 div.section-inner span a{
	line-height: 3rem;
}