@charset "UTF-8";

.add-section-box{background: linear-gradient(to bottom,#FFF3E0 0%,#FFF3E0 80%,#F2F2F2 80%, #F2F2F2 100%);}
.inner{max-width: 1037px;margin: 0 auto;}
.top-kv img{width: 100%;}
.top-flex{display: flex;justify-content: center;}
.top-flex>div{position: relative;}
.top-flex>div::before,.top-flex>div::after{
	content: '';
	width: 200px;
	height: 280px;
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 1;
}
.top-flex>div::before{
	background-image: url(../img/top/fish_left.png);
	background-position: left top;
	left: -120px;
	top: 40px;
}
.top-flex>div::after{
	background-image: url(../img/top/fish_right.png);
	background-position: right bottom;
	right: -120px;
	bottom: 20px;
}
.top-title{padding: 30px 0;text-align: center;position: relative;z-index: 2;}
.top-desc-text{text-align: center;position: relative;z-index: 2;}
.top-desc-text p{font-size: 20px;line-height: 50px;font-weight: 700;}
.top-voice{
	padding-top: 40px;
	background: url(../img/top/bg_green.png) no-repeat center top;
	background-size: 100% 100%;
}
.top-voice-box{
	position: relative;
}
.top-voice-box img{
	width: 100%;
	display: block;
}
.top-voice-good{
	position: absolute;
	width: 9%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top-voice-good a{
	width: 40%;
}
.top-voice-good1{
	left: 38.5%;
	bottom: 15%;
}
.top-voice-good2{
	left: 82.5%;
	bottom: 6.5%;
}
.sub-voice .top-voice-good2{
	bottom: 6.5%;
}
.share-item{
	text-align: center;
	display: flex;
	justify-content: center;
	align-content: center;
	padding-top: 20px;
}
.share-item a,.share-item .shareword{
	padding: 0 15px;
}
.share-item a img{
	height: 40px;
	margin-top: 5px;
}
.share-item .shareword img{
	height: 50px;
	margin-top: 0;
}
.share-item2{
	padding-top: 0;
}
.sub-back{
	margin-left: 50px;
}
.sub-back a{
	color: #fff !important;
	background-color: #006dba;
	padding: 5px 15px;
	border-radius: 5px;
	display: inline-block;
	text-decoration: none;
}
.top-voice-more{
	text-align: right;
	padding-bottom: 60px;
}
.top-voice-more img{
	width: 315px;
}
.top-about{
	background-color: #F2F2F2;
	padding: 40px 0 120px;
}
.top-about-list{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.top-about-item{
	width: calc(50% - 15px);
	border-radius: 25px;
	box-shadow: 4px 4px 5px rgba(0,0,0,0.3);
	overflow: hidden;
	background-color: #fff;
	position: relative;
	padding-bottom: 70px;
	z-index: 1;
}
.top-about-img{
	width: 100%;
}
.top-about-text{
	padding: 20px 30px 0;
}
.top-about-text h3{
	text-align: center;
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 15px;
}
.top-about-item1 h3{
	color: #F15A24;
}
.top-about-item2 h3{
	color: #006837;
}
.top-about-text p{
	text-align: center;
	font-size: 18px;
	line-height: 30px;
}
.home-about-link{
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
}
.home-coming a{
	display: block;
	padding-right: 40px;
	position: relative;
	text-decoration: none;
	font-size: 18px;
	line-height: 36px;
}
.home-about-link a{
	display: block;
	padding-right: 40px;
	position: relative;
	text-decoration: none;
	font-size: 18px;
	line-height: 36px;
}
.home-about-link a i{
	position: absolute;
	right: 0;
	top: 0;
}
.home-about-link a::after{
	content: '';
	width: 60px;
	height: 2px;
	position: absolute;
	right: 40px;
	bottom: -5px;
}
.top-about-item1 .home-about-link a{
	color: #F15A24;
}
.top-about-item1 .home-about-link a::after{
	background-color: #F15A24;
}
.top-about-item2 .home-about-link a{
	color: #006837;
}
.top-about-item2 .home-about-link a::after{
	background-color: #006837;
}
.top-about-list::before,.top-about-list::after{
	content: '';
	width: 200px;
	height: 280px;
	position: absolute;
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 0;
}
.top-about-list::before{
	background-image: url(../img/top/fish_left.png);
	background-position: left top;
	left: 15px;
	top: -135px;
}
.top-about-list::after{
	background-image: url(../img/top/fish_right.png);
	background-position: right bottom;
	right: 150px;
	bottom: -120px;
}
.sub-section-box{
	background: linear-gradient(to bottom,#FFF3E0 0%,#FFF3E0 30%,#cfede6 30%, #cfede6 100%);
	padding-bottom: 60px;
}
.sub-voice .top-voice-box{
	margin-bottom: 40px;
}
.sub-voice .top-voice-box:last-child{
	margin-bottom: 0;
}
.about-title{
	text-align: center;
	padding-bottom: 60px;
}
.about-title-line1 img{
	height: 40px;
}
.about-title-line2 img{
	height: 90px;
}
.about-content{
	padding: calc(4.5vw + 40px) 0 80px;
	background-image: url(../img/about/bg_green01.png),url(../img/about/bg_green02.png);
	background-repeat: no-repeat;
	background-position: left top,left 45vw;
	background-size: 80vw auto,100% auto;
	margin-top: -4.5vw;
}
.about-title2{
	text-align: center;
	padding-bottom: 30px;
}
.about-title2 h3{
	font-size: 30px;
	line-height: 46px;
	margin: 0;
}
.about-title2 h3 span{
	position: relative;
	display: inline-block;
}
.about-title2 h3 span::before,.about-title2 h3 span::after{
	content: '';
	width: 78px;
	height: 4px;
	background-color: #000;
	position: absolute;
	top: 50%;
	margin-top: -2px;
}
.about-title2 h3 span::before{
	left: -100px;
}
.about-title2 h3 span::after{
	right: -100px;
}
.about-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 70px;
}
.about-item:last-child{
	margin-bottom: 0;
}
.about-img,.about-text{
	width: calc(50% - 20px);
}
.about-text-pc-all{
	width: 100%;
}
.about-img img{
	width: 100%;
}
.about-text p{
	font-size: 18px;
	line-height: 30px;
	margin: 0;
}
.l-footer{
	margin-top: 0;
}
.venue-content-top{
	position: relative;
	padding: 50px 0 80px;
}
.venue-content-top::before{
	content: '';
	width: 95%;
	height: 15vw;
	position: absolute;
	left: 0;
	top: -1.5vw;
	background-color: rgba(207,237,230,0.6);
	z-index: -1;
	transform: skewY(10deg);
}
.venue-content-top .about-title{
	padding-bottom: 25px;
}
.venue-desc{
	text-align: center;
}
.venue-desc p{
	font-size: 20px;
	line-height: 36px;
	font-weight: 700;
}
.venue-content{
	background-image: url(../img/about/bg_green02.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	margin-top: -4vw;
	padding-top: 10vw;
	padding-bottom: 80px;
}
.venue-title{
	text-align: center;
	padding-bottom: 30px;
}
.venue-title>img{
	height: 90px;
	width: auto;
	margin-bottom: 7px;
}
.venue-title h3{
	font-size: 20px;
	line-height: 30px;
}
.about-text h4{
	font-size: 24px;
	line-height: 34px;
	padding-bottom: 10px;
}
.venue-banner img{
	width: 100%;
}
.venue-box{
	padding-bottom: 80px;
}
.venue-box:last-child{
	padding-bottom: 0;
}
.gotop{
	background-color: #fafafa;
}
.gotop a{
	display: inline-block;
	position: relative;
	top: -70px;
	left: 40px;
	width: 150px;
}
.fadeInUp {
  opacity : 0.8;
  transform: translateY(100px);
  transition: 1s;
}
.venue-content-top1::before{
	height: 260px;
}
.left,.right{
	color: #fff;
}
.venue-add-content {
    margin-top: -6vw;
    padding-top: 9vw;
}
.venue-add-content .about-item{
	flex-wrap: wrap;
	margin-bottom: 60px;
}
.venue-add-content .about-item:last-child{
	margin-bottom: 0;
}
.venue-add-content .about-item:nth-child(2n+1) {
    flex-wrap: wrap-reverse;
}
.venue-add-content .about-img, .venue-add-content .about-text {
    width: 100%;
}
.venue-add-content .about-img{
	padding-top: 30px;
}
.venuec-content .about-img{
	padding-top: 0;
}
.venuec-content .about-text{
	padding-top: 30px;
}
.about-img p{
	margin: 0;
}
.venue-list,.about-list2{
	padding-left: 30px;
	padding-right: 30px;
}
.p-feature-static__legacy-feature a:link {
    color: #006dba;
}
.p-feature-static__legacy-feature a:hover {
    color: #22bcb8;
}
@media only screen and (max-width: 1080px){
	.inner{padding: 0 30px;}
}
@media only screen and (max-width: 900px){
	.inner{padding: 0 calc((30 / 750) * 100vw);}
	.top-title{padding: 40px 0;}
	.top-desc .top-title img{width: 300px;}
	.top-desc-text{padding: 0 calc((30 / 750) * 100vw);}
	.top-desc-text p{font-size: 16px; line-height: 36px;}
	.top-flex>div::before, .top-flex>div::after{width: 100px;height: 140px;}
	.top-flex>div::before {left: 0;top: 10px;}
	.top-flex>div::after {right: 0;bottom: 10px;}
	.top-voice1 .inner{padding: 0;}
	.top-voice .top-title img{width: 80%;}
	.top-voice-good{width: 13.3%;}
	.top-voice-good1 {left: 69%;bottom: 51.5%;}
	.top-voice-good2 {left: 78%;bottom: 8%;}
	.top-voice-more{margin-right: 2vw; padding-bottom: 3vw;}
	.top-voice-more img{width: 50%;}
	.top-about-list::before, .top-about-list::after{width: 100px;height: 140px;}
	.top-about-list::before{left: 0;top: -15vw}
	.top-about-list::after{right: 20%;bottom: 43.5%}
	.top-about{padding: 5vw 0 50px;}
	.top-about-list{flex-wrap: wrap;}
	.top-about-item{width: 100%;margin-bottom: 30px;padding-bottom: 50px;}
	.top-about-item:last-child{margin-bottom: 0;}
	.top-about-text {padding: 15px 20px 0;}
	.top-about-text h3 {font-size: 18px;line-height: 30px;padding-bottom: 10px;}
	.top-about-text p {font-size: 14px;line-height: 24px;text-align: left;}
	.home-about-link{bottom: 15px;}
	.home-about-link a {font-size: 15px;line-height: 30px;}
	.top-voice{padding-top: 20px;}
	.sub-voice .top-voice-box {margin-bottom: 0;}
	.sub-voice .top-voice-good1 {left: 72%;bottom: 51%;}
	.sub-voice .top-voice-good2 {left: 80%;bottom: 8%;}
	.about-title img{width: 100%;padding: 40px 0 40px;}
	.about-content{padding: calc(4.5vw + 20px) 0 50px;background-size: 92vw auto,cover;background-position: left top,left 50vw;}
	.about-title {padding-bottom: 30px;}
	.about-title2{padding-bottom: 15px;}
	.about-title2 h3 {font-size: 20px;line-height: 34px;}
	.about-title2 h3 span::before, .about-title2 h3 span::after{width: 40px;height: 2px;margin-top: -1px;}
	.about-title2 h3 span::before { left: -50px;}
	.about-title2 h3 span::after { right: -50px;}
	.about-item{flex-wrap: wrap; margin-bottom: 30px;}
	.about-item:nth-child(2n+1){flex-wrap: wrap-reverse;}
	.about-img, .about-text {width: 100%;}
	.about-text{padding-top: 15px;}
	.about-text p {font-size: 16px;line-height: 28px;}
	.venue-content-top {padding: 20px 0 30px;}
	.venue-content-top .about-title {padding-bottom: 15px;}
	.venue-content-top::before{width: 90vw;height: 27vw;top: 5vw;}
	.venue-desc p {font-size: 16px;line-height: 28px;}
	.venue-content {margin-top: -13vw;padding-top: 10vw;padding-bottom: 50px;}
	.venue-title{padding-bottom: 20px;}
	.venue-title img{height: 60px;}
	.about-text h4 {font-size: 20px;line-height: 40px;padding-bottom: 5px;text-align: center;}
	.venue-box {padding-bottom: 40px;}
	.venue-box .about-item{margin-bottom: 0;}
	.venue-box:nth-child(2n) .about-item{flex-wrap: wrap-reverse;}
	.gotop a{top: -20px; left: 0px;}
	.gotop img{width: 80px;}
	.top-voice .share-item a,.share-item .shareword{padding: 0 10px;}
	.top-voice .share-item a img{height: 35px;width: auto;}
	.share-item .shareword img{height: 45px;width: auto;}
	.sub-back {margin-left: 20px;}
	.share-item2 {padding-top: 40px;}
	.venue-content-top1 .about-title2 h3{font-size: 14px;line-height: 24px;margin: 0;}
	.venue-content-top1 .about-title img{padding: 0;}
	.about-title-line1 img{
		height: 15px;
		width: auto;
	}
	.about-title-line2 img{
		height: 38px;
		width: auto;
	}
	.about-list2 .about-text{padding-top: 0;}
	.about-list2 .about-img{padding-top: 25px;}
	.venue-content-top1 {overflow: hidden;}
	.about-text p a{
		word-break: break-all;
	}
	.venuec-content .venue-box .about-item {
		margin-bottom: 30px;
	}
	.venuec-content .venue-box .about-item:last-child {
		margin-bottom: 0;
	}
	.venuec-content .venue-box:nth-child(2n) .about-item {
	    flex-wrap: wrap;
	}
	.venuec-content .venue-box:nth-child(2n) .about-item:nth-child(2n+1) {
	    flex-wrap: wrap-reverse;
	}
	.venue-add-content {
	    margin-top: -8vw;
	}
	.venue-list,.about-list2{
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 360px){
	.top-about-text {padding: 15px 8px 0;}
	.top-about-text p {font-size: 14px;}
	.venue-content-top1 .about-title2 h3{font-size: 12px;line-height: 22px;}
}