@charset "utf-8";
/* common.css */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

* {
  font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #000;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p,span,li,dt,dd {
	line-height: 1.8;
}

img {
	width: 100%;
	display: block;
}


/*-----------------------------------------------------

共通

-----------------------------------------------------*/

html {
  font-size: 2.67vw;
	color: #383838;
}

body {
	width: 100%;
	overflow-x: auto;
  font-family: "Zen Kaku Gothic Antique", serif;
  font-weight: 400;
  font-style: normal;
	color: #383838;
	background: url("../images/bg05.jpg") repeat-y;
	background-size: 100% auto;
}

#wrapper {}

main {
    display: block;
    padding-bottom: 0;
}

.pcview {}
.spview {
    display: none !important; 
}

.toppage {
	width: 13.89vw;
	position: fixed;
	bottom: 2.5vw;
	right: 2.5vw;
}

.slick-dots {
    bottom: -40px;
}

.slick-prev {
  left: -17px;
	top: inherit;
	bottom: 50%;
	width: 15px;
	height: 17px;
	background: url("../images/icon_arrow01.png") no-repeat;
	background-size: cover;
	z-index: 5;
}

.slick-prev:before {
	display: none;
}

.slick-next {
  right: -17px;
	top: inherit;
	bottom: 50%;
	width: 15px;
	height: 17px;
	background: url("../images/icon_arrow02.png") no-repeat;
	background-size: cover;
	z-index: 5;
}

.slick-prev:hover, .slick-prev:focus {
	background: url("../images/icon_arrow01.png") no-repeat;
	background-size: cover;
}

.slick-next:hover, .slick-next:focus {
	background: url("../images/icon_arrow02.png") no-repeat;
	background-size: cover;
}

.slick-next:before {
	display: none;
}


.slick-dots li button:before {
    font-size: 20px;
    opacity: 1;
    color: #D5E5EE;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #4B6A84;
}

.hand {
	display: none;
}

.copy2 {
	display: none;
}

/*-----------------------------------------------------

header

-----------------------------------------------------*/

header {}

header nav{
	display: none;
}

header nav.list_active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100vw;
	height: 100vh;
	background: #0beffa url("../images/bg02.jpg") left top repeat-x;
	background-size: auto 100%;
	padding: 10.44vw 4.44vw 0;
	box-sizing: border-box;
}

header nav.list_active ul.gnavi {
	margin-bottom: 7.28vw;
}

header nav.list_active ul.gnavi li {
	margin-bottom: 4vw;
	padding: 0 0 4vw 2.94vw;
	border-bottom: 1px solid #000;
}

header nav.list_active ul.gnavi li a {
	display: block;
}

header nav.list_active ul.gnavi li a img {
	width: auto;
	height: 6.62vw;
}

/*header nav.list_active ul.gnavi li:nth-child(1) a img {
	width: 77.67vw;
	height: auto;
}*/

header nav.list_active ul.gnavi li:last-child {
	border: none;
}

header nav.list_active ul.sns {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10.45vw;
	margin-bottom: 15.28vw;
}

header nav.list_active ul.sns li a {
	display: block;
	width: 10vw;
}

header nav.list_active ul.sns li:nth-child(3) a {
	display: block;
	width: 12.5vw;
}

.btnMenu {
	display: block;
	width: 11.94vw;
	height: 9.72vw;
	position: fixed;
	top: 5.56vw;
	right: 4.17vw;
	z-index: 10;
	cursor: pointer;
	background: url("../images/btn_menu_open.png") center center no-repeat;
	background-size: cover;
}

.btnMenu.active {
	background: url("../images/btn_menu_close.png") center center no-repeat;
	background-size: contain;
}

.fade-up {
	opacity: 0;
	transform: translateY(50px);
	will-change: transform, opacity;
}

/*-----------------------------------------------------

mainvisual

-----------------------------------------------------*/

#mainvisual {
	background: url("../images/bg08.png") center top no-repeat;
	background-size: cover;
	padding: 4.16vw 0 11.11vw;
}

.movie {
	width: 80.556vw;
	height: 45.31vw;
	margin: 18vw auto 0;
	border: 5.56vw solid #000;
	border-radius: 4.44vw;
	box-sizing: content-box;
	position: relative;
}

.movie p {
	position: absolute;
	top: -28vw;
	left: 0;
	width: 84.167vw;
}

.movie iframe {
	min-width: 290px;
	width: 80.556vw;
	aspect-ratio: 16/9;
}

#mainvisual .txt07 {
	padding: 5.33vw 0 0
}

#mainvisual .txt07 img {
	width: 50vw;
	margin: 0 auto;
}


/*-----------------------------------------------------

sec01

-----------------------------------------------------*/

#sec01 {
	background: #0ceffa url("../images/bg02.jpg") left bottom repeat-x;
	padding: 15.28vw 4.17vw 16.67vw;
}

#sec01>p {
	width: 77.78vw;
	text-align: center;
	margin: 0 auto 6.94vw;
}

#sec01>h2 {
	width: 87.5vw;
	margin: 0 auto 7.94vw;
}

#sec01 .box01 {
	background: #fff url("../images/bg05.jpg") no-repeat;
	background-size: cover;
	padding: 13.89vw 5.56vw;
	border: 2px solid #4B6A84;
	box-sizing: border-box;
	border-radius: 0 0 2.78vw 2.78vw;
	position: relative;
}

#sec01 .box01 .img01 {
	position: absolute;
	top: -1vw;
	left: -2.5vw;
	width: 96vw;
}

#sec01 .box01 h3 {
	margin: 0 0 12.5vw;
}

#sec01 .box01 ul li:nth-child(1) {
	width: 48.89vw;
	margin: 0 auto 6.94vw;
}

#sec01 .box01 ul li:nth-child(2) {
	width: 78.75vw;
	margin: 0 auto 6.94vw;
}

#sec01 .box01 ul li:nth-child(3) {
	width: 59.31vw;
	margin: 0 auto 6.94vw;
}

#sec01 .box01 ul li:nth-child(4) {
	width: 58.89vw;
	margin: 0 auto 6.94vw;
}

#sec01 .box01 ul li:nth-child(5) {
	width: 49.58vw;
	margin: 0 auto;
}


/*-----------------------------------------------------

sec02

-----------------------------------------------------*/

#sec02 {
	background: #0ceffa url("../images/bg03.jpg") left bottom repeat-x;
	padding: 16.67vw 0 16.67vw;
}

#sec02 .img01 {
	width: 56.94vw;
	margin: 0 auto 6.94vw;
}

#sec02 h2 {
	width: 58.19vw;
	margin: 0 auto 4vw;
}

#sec02 .slider01 div {
	width: 80.55vw;
	height: auto;	
	margin: 0 auto;
	background: none;
	border-radius: 0;
}

#sec02 .slider01 div.tiktok-slider a {
	display: block;
}

#sec02 .slider01 div.tiktok-slider a img {
	border-radius: 5.56vw;
}

#sec02 .slider01 .slick-prev {
  left: 2.67vw;
}

#sec02 .slider01 .slick-next {
  right: 2.67vw;
}

#sec02 .txt01 {
	margin: 19.11vw 0 0;
}

.box02 {
	position: relative;
}

#sec02 .box02:after {
	content: '応募受付は\A終了しました';
	white-space: pre;
	color: #fff;
	font-size: 3.8rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 345.75vw;
	background: rgba(168,190,198,0.85);
	border-radius: 5.56vw;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 25vw;
	box-sizing: border-box;
}

/*-----------------------------------------------------

sec03

-----------------------------------------------------*/

#sec03 {
	padding: 16.67vw 4.17vw 16.67vw;
}

#sec03 .box01 {
	background: #D5E5EE;
	border-radius: 8.89vw;
	padding: 16.67vw 5.56vw;
}

#sec03 .box01 h2 {
	margin-bottom: 5.56vw;
}

#sec03 .box01 .txt01 {
	width: 81.17vw;
	margin-bottom: 11.12vw;
}

#sec03 .box01 .txt02 {
	width: 81.19vw;
	margin-bottom: 11.12vw;
}

#sec03 .box01 .txt03 {
	width: 79.17vw;
	margin-bottom: 11.12vw;
}

#sec03 .box01 .txt06 {
	width: 79.17vw;
	padding-bottom: 11.12vw;
	margin-bottom: 11.12vw;
	border-bottom: 1px solid #4B6A84;
}

#sec03 .box01 .txt04 {
	width: 79.17vw;
	margin: 0 auto 11.12vw;
}

#sec03 .box01 .txt05 {
	width: 79.17vw;
	margin: 0 auto;
}


/*-----------------------------------------------------

sec04

-----------------------------------------------------*/

#sec04 {
	background: #0ceffa url("../images/bg02.jpg") left bottom repeat-x;
	padding: 15.28vw 4.17vw 16.67vw;
}

#sec04 h2 {
	width: 91.67vw;
	margin: 0 auto 4vw;
}

#sec04 .slider02 div {
	width: 80.56vw;
	margin: 0 auto;
}


/*-----------------------------------------------------

sec05

-----------------------------------------------------*/

#sec05 {
	padding: 16.67vw 4.17vw 13.89vw;
}

#sec05 .box01 {
	background: #D5E5EE;
	border-radius: 8.89vw;
	padding: 16.67vw 5.56vw 11.12vw;
}

#sec05 .box01 h2 {
	margin-bottom: 5.56vw;
}

#sec05 .box01 dl {
	margin-bottom: 2.78vw;
}

#sec05 .box01 dt {
	cursor: pointer;
	border-radius: 1.67vw;
	background: #fff url("../images/icon_plus.png") 95% center no-repeat;
	background-size: 4.72vw auto;
	font-size: 1.6rem;
	color: #4B6A84;
	font-weight: 700;
	padding: 1.67vw 13.89vw 1.67vw 2.78vw;
	font-feature-settings: 'palt';
	display: flex;
	align-items: flex-start;
	line-height: 1.4;
}

#sec05 .box01 dt img {
	width: 7.78vw;
	height: auto;
	margin: 0 4.17vw 0 0;
}

#sec05 .box01 dd {
	display: none;
}

#sec05 .box01 dd div {
	display: flex;
	
	padding: 5.21vw 13.89vw 1.67vw 2.78vw;
	font-feature-settings: 'palt';
	align-items: flex-start;
	position: relative;
}

#sec05 .box01 dd img {
	width: 4.72vw;
	height: auto;
	margin: 0 4.17vw 0 0;
}

#sec05 .box01 dd div p {
	width: 50vw;
	font-size: 1.6rem;
	color: #4B6A84;
	font-weight: 700;
		line-height: 1.4;
}

#sec05 .box01 dd div button {
	background: none;
	height: 4.72vw;
	padding: 0;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 48%;
	right: 0;
}


/*-----------------------------------------------------

sec07

-----------------------------------------------------*/

#sec07 {
	background: #0ceffa url("../images/bg06.png") left bottom repeat-x;
	background-size: auto 100%;
	padding: 0 0 10vw;
}

#sec07 h2 {
	width: 88.88vw;
	margin: 0 auto;
	padding-top: 21.5vw;
	padding-bottom: 41.5vw;
}

#sec07 p.txt01 {
	width: 76.39vw;
	margin: 0 auto 8.33vw;
}

#sec07 .box01 {
	background: url("../images/bg07.png") no-repeat;
	background-size: 100% auto;
	width: 100vw;
	height: 162.78vw;
	margin: 0 auto 11.11vw;
	position: relative;
	box-sizing: border-box;
}

#sec07 .box01 .img01 {
	width: 82.67vw;
	position: absolute;
	right: 6.5vw;
	top: 41.5vw;
}

.ambassador-slider {
	width: 88.89vw;
	margin: 0 auto;
}

.ambassador-slider dl {
	width: 88.89vw;
	margin: 0 auto;
	position: relative;
	padding-bottom: 6.94vw;
}

.ambassador-slider dl:after {
	content: '';
	width: 88.95vw;
	height: 6.94vw;
	background: url("../images/amb_frame03.png") 0 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

.ambassador-slider dl dt {
	height: 29.9vw;
	background: url("../images/amb_frame01.png") 0 0 no-repeat;
	background-size: auto 29.9vw;
	position: relative;
	z-index: 1;
	padding: 3.89vw 0 0;
	box-sizing: border-box;
}

.ambassador-slider dl dt img {
	width: 70.83vw;
	margin: 0 auto;
}

.ambassador-slider dl dd {
	background: url("../images/amb_frame02.png") 0 0 repeat-y;
	background-size: 100% auto;
	word-wrap: break-word;
}

.ambassador-slider dl dd.ph {
	padding-bottom: 3.61vw;
	position: relative;
	height: 47.78vw;
	box-sizing: border-box;
}

.ambassador-slider dl dd.ph img {
	position: absolute;
	z-index: 2;
	width: 80.56vw;
	top: -5vw;
	left: 4vw;
}

.ambassador-slider dl dd.txt02 {
	color: #4B6A84;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 5.56vw 2.56vw;
	font-feature-settings: 'palt';
	text-align: justify;
}

.ambassador-slider dl dd.txt03 {
	color: #4B6A84;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0 5.56vw 2.56vw;
	position: relative;
	font-feature-settings: 'palt';
	text-align: justify;
}

.ambassador-slider dl dd.txt03:before {
	width: 55.56vw;
	height: 1px;
	content: '';
	background-color: #4B6A84;
	position: absolute;
	top: 2.5vw;
	right: 5.56vw;
}

.ambassador-slider dl dd.txt03:after {
	width: 77.77vw;
	height: 1px;
	content: '';
	background-color: #4B6A84;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -38.885vw;
}


.ambassador-slider dl dd.txt03 strong {
	display: block;
	letter-spacing: 0.2em;
	color: #4B6A84;
	font-weight: bold;
	padding-bottom: 2vw;
}


.ambassador-slider dl dd.sns {
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 0 8.33vw;
}

.ambassador-slider dl dd.sns img {
	width: auto;
	height: 8.33vw;
	padding: 6vw 0 0;
}


/*-----------------------------------------------------

sec08

-----------------------------------------------------*/

#sec08 {
	padding: 16.67vw 4.17vw 16.67vw;
}

#sec08 .box01 {
	background: #D5E5EE;
	border-radius: 8.89vw;
	padding: 16.67vw 5.56vw 11.12vw;
}

#sec08 .box01 h2 {
	margin-bottom: 5.56vw;
}

#sec08 .box01 h2.lv02 img {
	width: 16.11vw;
	margin: 9.16vw auto 0;
}

#sec08 .box01 ul li {
	margin-top: 4.17vw;
}


/*-----------------------------------------------------

sec09

-----------------------------------------------------*/

#sec09 {
	padding: 18.05vw 4.17vw 16.67vw;
}

#sec09 .box01 {
	background: #D5E5EE;
	border-radius: 8.89vw;
	padding: 11.12vw 5.56vw 11.12vw;
}

#sec09 .box01 h2 {
	margin-bottom: 5.56vw;
}

#sec09 .box01 ul {
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #707070;
	gap: 0 2.78vw;
	margin-bottom: 5vw;
}

#sec09 .box01 ul li {
	width: calc((100% / 3));
}

#sec09 .box01 ul li.current {
	border-bottom: 3px solid #000;
}

#sec09 .box01 ul li a {
	font-size: 1.4rem;
	display: block;
	cursor: pointer;
}

#sec09 .box01 ul li a:hover {
	text-decoration: none;
	opacity: 0.5;
}

#sec09 dl {
	border-bottom: 1px solid #707070;
	padding-bottom: 4vw;
	margin-bottom: 4vw;
	display: flex;
	flex-direction: column-reverse;
	position: relative;
	padding-left: 24.19vw;
}

#sec09 dl .category {
	border: 1px solid #4B6A84;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4.44vw;
	font-size: 1.0rem;
	padding: 0 4vw;
	border-radius: 2.22vw;
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
}

#sec09 dl .date {
	font-size: 1.0rem;
	color: #707070;
}

#sec09 dl dt {
	font-size: 1.0rem;
	color: #000;
}

#sec09 .btn02 {
	width: 44.44vw;
	margin: 0 auto;
}

#sec09 .tab-content {
  display: none;
}
#sec09 .tab-content.active {
  display: block;
}


/*-----------------------------------------------------

sec10

-----------------------------------------------------*/


#sec10 {
	background: #0ceffa url("../images/bg03.jpg") left bottom repeat-x;
	padding: 16.67vw 0 16.67vw;
}

#sec10 h2 {
	width: 94%;
	margin: 0 auto;
}

#sec10 dl {
	width: 88.89vw;
	margin: 10.18vw auto 0;
	position: relative;
	padding-bottom: 6.94vw;
}

#sec10 dl:after {
	content: '';
	width: 88.93vw;
	height: 6.94vw;
	background: url("../images/guest_frame03.png") 0 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

#sec10 dl dt {
	height: 29.8vw;
	background: url("../images/guest_frame01.png") 0 0 no-repeat;
	background-size: auto 29.8vw;
	position: relative;
	z-index: 1;
	padding: 3.89vw 0 0;
	box-sizing: border-box;
}

#sec10 dl dt img {
	width: 70.83vw;
	margin: 0 auto;
}

#sec10 dl dd {
	background: url("../images/guest_frame02.png") 0 0 repeat-y;
	background-size: 100% auto;
	word-wrap: break-word;
}

#sec10 dl dd.ph {
	padding: 7.63vw 0;
	position: relative;
	box-sizing: border-box;
}

#sec10 dl dd.ph img {
	width: 80.56vw;
	margin: 0 auto;
}

#sec10 dl dd.txt02 {
	color: #4B6A84;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 5.56vw 2.56vw;
	font-feature-settings: 'palt';
	text-align: justify;
}

#sec10 dl dd.txt03 {
	color: #4B6A84;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0 5.56vw 2.56vw;
	position: relative;
	font-feature-settings: 'palt';
	text-align: justify;
}

#sec10 dl dd.txt03:before {
	width: 55.56vw;
	height: 1px;
	content: '';
	background-color: #4B6A84;
	position: absolute;
	top: 2.5vw;
	right: 5.56vw;
}

#sec10 dl dd.txt03:after {
	width: 77.77vw;
	height: 1px;
	content: '';
	background-color: #4B6A84;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -38.885vw;
}


#sec10 dl dd.txt03 strong {
	display: block;
	letter-spacing: 0.2em;
	color: #4B6A84;
	font-weight: bold;
	padding-bottom: 2vw;
}


#sec10 dl dd.sns {
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 0 8.33vw;
}

#sec10 dl dd.sns img {
	width: auto;
	height: 8.33vw;
	padding: 6vw 0 0;
}


/*-----------------------------------------------------

sec11

-----------------------------------------------------*/

#sec11 {
	background: url("../images/bg08.png") 0 0 no-repeat;
	background-size: cover;
	padding: 16.67vw 0 16.67vw;
}

#sec11 h2 {
	width: 80%;
	margin: 0 auto 5vw;
}

.nominate-slider {
	width: 84vw !important;
	margin: 0 auto !important;
}

#sec11 dl {
	width: 84vw !important;
	margin: 10vw auto 0;
	background: url("../images/bg05.jpg") no-repeat;
	background-size: cover;
	border: 1px solid #4B6A84;
	border-radius: 5.33vw;
	min-height: 160vw;
	box-sizing: border-box;
	padding: 18.89vw 0 8vw;
	position: relative;
}

#sec11 dl.not03 {
	padding: 10.5vw 0 0;
}

#sec11 dl.not04 {
	padding: 10.5vw 0 0;
}

#sec11 dl dt {
	width: 67.22vw;
	position: absolute;
	left: 50%;
	margin-left: -33.61vw;
}

#sec11 dl.not01 dt {
	top: -7.67vw;
}

#sec11 dl.not02 {
	padding-top: 5.33vw;
}

#sec11 dl.not02 dt {
	position: static;
	margin: 0 auto 5.33vw;
	width: 72.22vw;
}

#sec11 dl.not02 dd {
	padding-left: 0;
	padding-right: 0;
}

#sec11 dl.not03 dt {
	top: -7.67vw;
}

#sec11 dl.not04 dt {
	top: -7.67vw;
}

#sec11 dl dd {
	padding: 0 2.67vw 2.67vw;
}

#sec11 dl dd .tits01 {
	width: 30.56vw;
	margin: 0 auto 4vw;
}

#sec11 dl dd .tits02 {
	width: 57.5vw;
	margin: 0 auto 4vw;
}

#sec11 dl dd .tits03 {
	width: 35.56vw;
	margin: 0 auto 4vw;
}

#sec11 dl dd .tits04 {
	margin: 1.35vw auto 0;
}

#sec11 dl dd .tits05 {
	width: 38.06vw;
	margin: 0 auto 4vw;
}

#sec11 dl dd .ph01 {
	width: 58.33vw;
	margin: 0 auto 4vw;
}

#sec11 dl dd .nomi01 {
	display: inline-block;
	margin-bottom: 5.33vw;
}

#sec11 dl dd .txt08 {
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
	color: #4B6A84;
	line-height: 1.8;
	font-feature-settings: 'palt';
}


/*-----------------------------------------------------

footer

-----------------------------------------------------*/

footer {
	background: #0beffa url("../images/bg04.jpg") left bottom repeat-x;
	padding: 11.12vw 0 5.56vw;
}

footer h2 {
	width: 100%;
	margin: 0 auto 5.56vw;
	padding: 0 11.12vw;
	box-sizing: border-box;
}

footer div {
	width: 80.56vw;
	margin: 0 auto 11.12vw;
}

footer ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 19.45vw;
	margin-bottom: 15.28vw;
}

footer ul li a {
	display: block;
	width: 10vw;
}

footer ul li:nth-child(3) a {
	display: block;
	width: 12.5vw;
}

footer p.copy {
	font-size: 1.6rem;
	text-align: center;
	color: #4B6A84;
	font-weight: 700;
}

footer p.copy small {
	font-size: 1.0rem;
	color: #4B6A84;
	font-weight: normal;
}

@media screen and (min-width: 786px) {
	html {
  font-size: 10px;
	}

	body {
		background: url("../images/bg01.jpg") center bottom no-repeat;
		background-size: cover;
		min-height: 100vh;
		overflow-y: hidden;
	}
	
	#wrapper {
		width: 100%;
		position: relative;
		background: url("../images/bg01b.png") 50% center no-repeat;
		background-size: auto 93.21vh;
		min-height: 100vh;
	}
	
	.wrapperInner {
		width: 323px;
		height: 703px;
		overflow-y: scroll;
		overflow-x: hidden;
		position: relative;
		position: absolute;
		bottom: 70px;
		left: 50%;
		margin-left: -161.5px;
		z-index: 2;
		border-radius: 40px;
		background: #fff;
	}
	
	.wrapperInner::-webkit-scrollbar {
  width: 3px; /* スクロールバーの太さ */
}

.wrapperInner::-webkit-scrollbar-track {
  background: none; /* 背景 */
  border-radius: 0;
}

.wrapperInner::-webkit-scrollbar-thumb {
  background: none; /* スクロールバーの色 */
  border-radius: 0;
  border: 2px solid #444; /* trackとの隙間 */
}

.wrapperInner::-webkit-scrollbar-thumb:hover {
  background: none; /* ホバー時の色 */
}

.toppage {
	display: none;
}

.slick-prev {
  left: 50px;
}

.slick-next {
  right: 50px;
}

	
	.hand {
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -305px;
		z-index: 1;
	}
	
	.hand img {
		width: 610px;
		height: 790px;
	}


/*-----------------------------------------------------

header

-----------------------------------------------------*/

header {}

header nav{
	display: none;
}

header nav.list_active {
	display: block;
	position: fixed;
	top: 0;
	left: inherit;
	right: 0;
	z-index: 5;
	width: 40vw;
	height: 100vh;
	background: #0beffa url("../images/bg02.jpg") left top repeat-x;
	background-size: auto 100%;
	padding: 70px 20px 0;
	box-sizing: border-box;
}

header nav.list_active ul.gnavi {
	margin-bottom: 30px;
}

header nav.list_active ul.gnavi li {
	margin-bottom: 20px;
	padding: 0 0 15px 15px;
	border-bottom: 1px solid #000;
}

header nav.list_active ul.gnavi li a {
	display: block;
}

header nav.list_active ul.gnavi li a img {
	width: auto;
	height: 26px;
}

header nav.list_active ul.gnavi li:nth-child(1) a img {
	width: auto;
	height: 28px;
}

header nav.list_active ul.gnavi li:last-child {
	border: none;
}

header nav.list_active ul.sns {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 30px;
	padding: 0;
	margin-bottom: 60px;
}

header nav.list_active ul.sns li a {
	display: block;
	width: 35px;
}

header nav.list_active ul.sns li:nth-child(3) a {
	display: block;
	width: 45px;
}

.btnMenu {
	display: block;
	width: 53px;
	height: 44px;
	position: fixed;
	top: 25px;
	right: 35px;
	z-index: 10;
	cursor: pointer;
	background: url("../images/btn_menu_open.png") center center no-repeat;
	background-size: cover;
}

.btnMenu.active {
	background: url("../images/btn_menu_close.png") center center no-repeat;
	background-size: contain;
}



/*-----------------------------------------------------

mainvisual

-----------------------------------------------------*/

#mainvisual {
	background: url("../images/bg08.png") center top no-repeat;
	background-size: cover;
	padding: 0 0 40px;
}

.movie {
	width: 280px;
	height: 158px;
	margin: 85px auto 0;
	border: 20px solid #000;
	border-radius: 16px;
	box-sizing: content-box;
	position: relative;
}

.movie p {
	position: absolute;
	top: -90px;
	left: 0;
	width: 303px;
}

.movie iframe {
	min-width: inherit;
	width: 280px;
	aspect-ratio: 16/9;
}

#mainvisual .txt07 {
	padding: 20px 0 0
}

#mainvisual .txt07 img {
	width: 50%;
	margin: 0 auto;
}


/*-----------------------------------------------------

sec01

-----------------------------------------------------*/

#sec01 {
	background: #0ceffa url("../images/bg02.jpg") left bottom repeat-x;
	padding: 55px 15px 60px;
}

#sec01>p {
	width: 280px;
	text-align: center;
	margin: 0 auto 25px;
}

#sec01>h2 {
	width: 100%;
	margin: 0 auto 30px;
}

#sec01 .box01 {
	background: #fff url("../images/bg05.jpg") no-repeat;
	background-size: cover;
	padding: 60px 15px;
	border: 2px solid #4B6A84;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px;
	position: relative;
}

#sec01 .box01 .img01 {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 310px;
	margin-left: -155px;
}

#sec01 .box01 h3 {
	margin: 0 0 50px;
}

#sec01 .box01 ul li:nth-child(1) {
	width: 161px;
	margin: 0 auto 25px;
}

#sec01 .box01 ul li:nth-child(2) {
	width: 100%;
	margin: 0 auto 25px;
}

#sec01 .box01 ul li:nth-child(3) {
	width: 193px;
	margin: 0 auto 25px;
}

#sec01 .box01 ul li:nth-child(4) {
	width: 192px;
	margin: 0 auto 25px;
}

#sec01 .box01 ul li:nth-child(5) {
	width: 158px;
	margin: 0 auto;
}


/*-----------------------------------------------------

sec02

-----------------------------------------------------*/

#sec02 {
	background: #0ceffa url("../images/bg03.jpg") left bottom repeat-x;
	padding: 60px 15px 60px;
}

#sec02 .img01 {
	width: 210px;
	margin: 0 auto 25px;
}

#sec02 h2 {
	width: 210px;
	margin: 0 auto 15px;
}

#sec02 .slider01 div {
	width: 290px;
	height: auto;
	margin: 0 auto;
}

#sec02 .slider01 div.slick-track a {
	display: block;
}

#sec02 .slider01 div.slick-track a img {
	border-radius: 20px;
}

#sec02 .txt01 {
	margin: 40px 0 0;
}

#sec02 .txt02 {
	margin: 80px 0 0;
}

#sec02 .box02:after {
	content: '応募受付は\A終了しました';
	white-space: pre;
	color: #fff;
	font-size: 3.8rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	height: 960px;
	background: rgba(168,190,198,0.85);
	border-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 90px;
	box-sizing: border-box;
}

/*-----------------------------------------------------

sec03

-----------------------------------------------------*/

#sec03 {
	padding: 60px 15px;
}

#sec03 .box01 {
	background: #D5E5EE;
	border-radius: 32px;
	padding: 60px 20px;
}

#sec03 .box01 h2 {
	margin-bottom: 20px;
}

#sec03 .box01 .txt01 {
	width: 100%;
	margin-bottom: 35px;
}

#sec03 .box01 .txt02 {
	width: 100%;
	margin-bottom: 35px;
}

#sec03 .box01 .txt03 {
	width: 100%;
	margin-bottom: 25px;
}

#sec03 .box01 .txt04 {
	width: 258px;
	margin: 0 auto 35px;
}

#sec03 .box01 .txt06 {
	width: 100%;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #4B6A84;
}

#sec03 .box01 .txt05 {
	width: 258px;
	margin: 0 auto;
}


/*-----------------------------------------------------

sec04

-----------------------------------------------------*/

#sec04 {
	background: #0ceffa url("../images/bg02.jpg") left bottom repeat-x;
	padding: 50px 15px 60px;
}

#sec04 h2 {
	width: 100%;
	margin: 0 auto 15px;
}

#sec04 .slider02 div {
	width: 290px;
	margin: 0 auto;
}


/*-----------------------------------------------------

sec05

-----------------------------------------------------*/

#sec05 {
	padding: 60px 15px;
}

#sec05 .box01 {
	background: #D5E5EE;
	border-radius: 32px;
	padding: 60px 15px 35px;
}

#sec05 .box01 h2 {
	margin-bottom: 20px;
}

#sec05 .box01 dl {
	margin-bottom: 10px;
}

#sec05 .box01 dt {
	cursor: pointer;
	border-radius: 5px;
	background: #fff url("../images/icon_plus.png") 95% center no-repeat;
	background-size: 15px auto;
	font-size: 1.6rem;
	color: #4B6A84;
	font-weight: 700;
	padding: 5px 45px 5px 10px;
	font-feature-settings: 'palt';
	display: flex;
	align-items: flex-start;
	line-height: 1.4;
}

#sec05 .box01 dt img {
	width: 25px;
	height: auto;
	margin: 0 15px 0 0;
}

#sec05 .box01 dd {
	display: none;
}

#sec05 .box01 dd div {
	display: flex;
	padding: 15px 45px 5px 10px;
	font-feature-settings: 'palt';
	align-items: flex-start;
	position: relative;
}

#sec05 .box01 dd img {
	width: 17px;
	height: auto;
	margin: 0 15px 0 0;
}

#sec05 .box01 dd div p {
	width: 205px;
	font-size: 1.6rem;
	color: #4B6A84;
	font-weight: 700;
	line-height: 1.4;
}

#sec05 .box01 dd div button {
	background: none;
	height: 17px;
	padding: 0;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 48%;
	right: 0;
}


/*-----------------------------------------------------

sec07

-----------------------------------------------------*/

#sec07 {
	background: #0ceffa url("../images/bg06.png") left bottom repeat-x;
	background-size: auto 100%;
	padding: 0 0 30px;
}

#sec07 h2 {
	width: 290px;
	margin: 0 auto;
	padding-bottom: 135px;
	padding-top: 65px;
}

#sec07 p.txt01 {
	width: 245px;
	margin: 0 auto;
}

#sec07 .box01 {
	background: url("../images/bg07.png") no-repeat;
	background-size: 100% auto;
	width: 320px;
	height: 514px;
	margin: 0 auto 40px;
	position: relative;
	box-sizing: border-box;
}

#sec07 .box01 .img01 {
	width: 280px;
	position: absolute;
	right: 12px;
	top: 125px;
}


.ambassador-slider {
	width: 315px;
	margin: 0 auto;
}

.ambassador-slider dl {
	width: 315px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 48px;
}

.ambassador-slider dl:after {
	content: '';
	width: 315px;
	height: 48px;
	background: url("../images/amb_frame03.png") 0 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

.ambassador-slider dl dt {
	height: 105.8px;
	background: url("../images/amb_frame01.png") 0 0 no-repeat;
	background-size: auto 105.8px;
	position: relative;
	z-index: 1;
	padding: 15px 0 0;
	box-sizing: border-box;
}

.ambassador-slider dl dt img {
	width: 257px;
	margin: 0 auto;
}

.ambassador-slider dl dd {
	background: url("../images/amb_frame02.png") 0 0 repeat-y;
	background-size: 100% auto;
	word-wrap: break-word;
}

.ambassador-slider dl dd.ph {
	padding-bottom: 15px;
	position: relative;
	height: 172px;
	box-sizing: border-box;
}

.ambassador-slider dl dd.ph img {
	position: absolute;
	z-index: 2;
	width: 290px;
	top: -20px;
	left: 15px;
}

.ambassador-slider dl dd.txt02 {
	color: #4B6A84;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 20px 10px;
}

.ambassador-slider dl dd.txt03 {
	color: #4B6A84;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0 20px 10px;
	position: relative;
}

.ambassador-slider dl dd.txt03:before {
	width: 200px;
	height: 1px;
	content: '';
	background-color: #4B6A84;
	position: absolute;
	top: 10px;
	right: 20px;
}

.ambassador-slider dl dd.txt03:after {
	width: 280px;
	height: 1px;
	content: '';
	background-color: #4B6A84;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -140px;
}


.ambassador-slider dl dd.txt03 strong {
	display: block;
	letter-spacing: 0.2em;
	color: #4B6A84;
	font-weight: bold;
	padding-bottom: 10px;
}


.ambassador-slider dl dd.sns {
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 0 25px;
}

.ambassador-slider dl dd.sns img {
	width: auto;
	height: 30px;
	padding: 20px 0 0;
}

.ambassador-slider .slick-prev {
  left: -5px;
}

.ambassador-slider .slick-next {
  right: -5px;
}



/*-----------------------------------------------------

sec08

-----------------------------------------------------*/

#sec08 {
	padding: 60px 15px 60px;
}

#sec08 .box01 {
	background: #D5E5EE;
	border-radius: 24px;
	padding: 40px 0;
}

#sec08 .box01 h2 {
	margin-bottom: 20px;
}

#sec08 .box01 h2.lv02 img {
	width: 58px;
	margin: 33px auto 0;
}

#sec08 .box01 ul {
	padding: 0 30px;
}

#sec08 .box01 ul li {
	margin-top: 15px;
}





/*-----------------------------------------------------

sec09

-----------------------------------------------------*/

#sec09 {
	padding: 65px 15px 60px;
}

#sec09 .box01 {
	background: #D5E5EE;
	border-radius: 24px;
	padding: 40px 20px;
}

#sec09 .box01 h2 {
	margin-bottom: 20px;
}

#sec09 .box01 ul {
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid #707070;
	gap: 0 10px;
	margin-bottom: 20px;
}

#sec09 .box01 ul li {
	width: calc((100% / 3));
}

#sec09 .box01 ul li.current {
	border-bottom: 3px solid #000;
}

#sec09 .box01 ul li a {
	font-size: 1.4rem;
	display: block;
	cursor: pointer;
}

#sec09 .box01 ul li a:hover {
	text-decoration: none;
	opacity: 0.5;
}

#sec09 dl {
	border-bottom: 1px solid #707070;
	padding-bottom: 15px;
	margin-bottom: 15px;
	display: flex;
	flex-direction: column-reverse;
	position: relative;
	padding-left: 85px;
}

#sec09 dl .category {
	border: 1px solid #4B6A84;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16px;
	font-size: 1.0rem;
	padding: 0 15px;
	border-radius: 8px;
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
}

#sec09 dl .date {
	font-size: 1.0rem;
	color: #707070;
}

#sec09 dl dt {
	font-size: 1.0rem;
	color: #000;
}

#sec09 .btn02 {
	width: 165px;
	margin: 0 auto;
}

#sec09 .tab-content {
  display: none;
}
#sec09 .tab-content.active {
  display: block;
}


/*-----------------------------------------------------

sec10

-----------------------------------------------------*/


#sec10 {
	background: #0ceffa url("../images/bg03.jpg") left bottom repeat-x;
	padding: 60px 0;
}

#sec10 h2 {
	width: 94%;
	margin: 0 auto;
}

#sec10 dl {
	width: 315px;
	margin: 40px auto 0;
	position: relative;
	padding-bottom: 25px;
}

#sec10 dl:after {
	content: '';
	width: 315px;
	height: 25px;
	background: url("../images/guest_frame03.png") 0 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

#sec10 dl dt {
	width: 315px;
	height: auto;
	background: url("../images/guest_frame01.png") 0 0 no-repeat;
	background-size: 315px auto;
	position: relative;
	z-index: 1;
	padding: 8px 0 9px;
	box-sizing: border-box;
}

#sec10 dl dt img {
	width: 250px;
	margin: 0 auto;
}

#sec10 dl dd {
	background: url("../images/guest_frame02.png") 0 0 repeat-y;
	background-size: 100% auto;
	word-wrap: break-word;
}

#sec10 dl dd.ph {
	padding: 30px 0;
	position: relative;
	box-sizing: border-box;
}

#sec10 dl dd.ph img {
	width: 280px;
	margin: 0 auto;
}

#sec10 dl dd.txt03 {
	color: #4B6A84;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0 20px 15px;
	position: relative;
	font-feature-settings: 'palt';
	text-align: justify;
}

#sec10 dl dd.txt03:before {
	width: 200px;
	height: 1px;
	content: '';
	background-color: #4B6A84;
	position: absolute;
	top: 10px;
	right: 20px;
}

#sec10 dl dd.txt03:after {
	width: 280px;
	height: 1px;
	content: '';
	background-color: #4B6A84;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -140px;
}


#sec10 dl dd.txt03 strong {
	display: block;
	letter-spacing: 0.2em;
	color: #4B6A84;
	font-weight: bold;
	padding-bottom: 8px;
}


#sec10 dl dd.sns {
	display:flex;
	align-items: center;
	justify-content: center;
	gap: 0 25px;
}

#sec10 dl dd.sns img {
	width: auto;
	height: 30px;
	padding: 25px 0 0;
}



/*-----------------------------------------------------

sec11

-----------------------------------------------------*/

#sec11 {
	padding: 60px 0;
}

#sec11 h2 {
	width: 80%;
	margin: 0 auto 20px;
}

.nominate-slider {
	width: 290px !important;
	margin: 0 auto !important;
}

#sec11 dl {
	width: 290px !important;
	margin: 40px auto 0;
	border-radius: 20px;
	min-height: 580px;
	box-sizing: border-box;
	padding: 70px 0 0;
	position: relative;
}

#sec11 dl.not03 {
	padding: 40px 0 0;
}

#sec11 dl.not04 {
	padding: 40px 0 0;
}

#sec11 dl dt {
	width: 242px;
	position: absolute;
	left: 50%;
	margin-left: -121px;
}

#sec11 dl.not01 dt {
	top: -28px;
}

#sec11 dl.not02 dt {
	top: -28px;
}


#sec11 dl.not02 {
	padding-top: 20px;
}

#sec11 dl.not02 dt {
	position: static;
	margin: 0 auto 20px;
	width: 258px;
}

#sec11 dl.not03 dt {
	top: -28px;
}

#sec11 dl.not04 dt {
	top: -28px;
}

#sec11 dl dd {
	padding: 0 10px 10px;
}

#sec11 dl dd .tits01 {
	width: 110px;
	margin: 0 auto 15px
}

#sec11 dl dd .tits02 {
	width: 207px;
	margin: 0 auto 15px;
}

#sec11 dl dd .tits03 {
	width: 123px;
	margin: 0 auto 15px;
}

#sec11 dl dd .tits04 {
	margin: 5px auto 0;
}

#sec11 dl dd .tits05 {
	width: 137px;
	margin: 0 auto 15px;
}

#sec11 dl dd .ph01 {
	width: 210px;
	margin: 0 auto 15px;
}

#sec11 dl dd .nomi01 {
	display: inline-block;
	margin-bottom: 20px;
}

#sec11 dl dd .txt08 {
	text-align: center;
	font-weight: bold;
	font-size: 1.1rem;
	color: #4B6A84;
	line-height: 1.8;
	font-feature-settings: 'palt';
}


.nominate-slider .slick-prev {
  left: -5px;
}

.nominate-slider .slick-next {
  right: -5px;
}

/*-----------------------------------------------------

footer

-----------------------------------------------------*/

footer {
	background: #0beffa url("../images/bg04.jpg") left bottom repeat-x;
	padding: 40px 0 20px;
}

footer h2 {
	width: 100%;
	margin: 0 auto 20px;
	padding: 0 40px;
	box-sizing: border-box;
}

footer div {
	width: 290px;
	margin: 0 auto 40px;
}

footer ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 40px;
	margin-bottom: 60px;
}

footer ul li a {
	display: block;
	width: 35px;
}

footer ul li:nth-child(3) a {
	display: block;
	width: 45px;
}

footer p.copy {
	font-size: 1.6rem;
	text-align: center;
	color: #4B6A84;
	font-weight: 700;
}

footer p.copy small {
	font-size: 1.0rem;
	color: #4B6A84;
	font-weight: normal;
}

}