@charset "utf-8";

/*+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-     Site Contents     -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
/*          loading          */
#overlay{position:fixed;width:100%;height:100%;text-align:center;background:#FFF;z-index:9999;}


/*          Site Contents          */
.indent-back {
	padding-left: 1em;
	text-indent: -1em;
}
#site-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	height: auto !important;
	min-height: 100%;
	overflow: hidden;
}
/* 青枠 */
.site-wrap-border {
	position: relative;
}
#site-wrap::before,
#site-wrap::after,
.site-wrap-border::before,
.site-wrap-border::after {
	display: block;
	content: '';
	position: absolute;
	z-index: 10;
	background: #01acc6;
}
#site-wrap::before {
	/* 375：3.5px、1280：10px */
	height: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	left: 0;
	right: 0;
	/* 375：15px、1280：30px */
	top: clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem);
	/* 375：5px、1280：30px */
	width: calc(100% - clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem) * 2);
	margin: 0 auto;
}
#site-wrap::after {
	/* 375：3.5px、1280：10px */
	width: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	top: 0;
	/* 375：5px、1280：30px */
	right: clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem);
	bottom: 0;
	/* 375：15px、1280：30px */
	height: calc(100% - clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem) * 2);
	margin: auto 0;
}
.site-wrap-border::before {
	/* 375：3.5px、1280：10px */
	height: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	right: 0;
	/* 375：15px、1280：30px */
	bottom: clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem);
	left: 0;
	/* 375：5px、1280：30px */
	width: calc(100% - clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem) * 2);
	margin: 0 auto;
}
.site-wrap-border::after {
	/* 375：3.5px、1280：10px */
	width: clamp(0.219rem, 0.05rem + 0.72vw, 0.625rem);
	top: 0;
	bottom: 0;
	/* 375：5px、1280：30px */
	left: clamp(0.313rem, -0.335rem + 2.76vw, 1.875rem);
	/* 375：15px、1280：30px */
	height: calc(100% - clamp(0.938rem, 0.549rem + 1.66vw, 1.875rem) * 2);
	margin: auto 0;
}
/* 見出し */
.section-heading {
	position: relative;
	z-index: 1;
	/* 375：40px、1280：90px */
	margin-bottom: clamp(2.5rem, 1.205rem + 5.52vw, 5.625rem);
	/* 375：32px、1280：48px */
	font-size: clamp(2rem, 1.586rem + 1.77vw, 3rem);
	font-weight: 900;
	letter-spacing: .1em;
	line-height: 1;
	text-align: center;
}
@media (max-width: 834.98px) {
	.section-heading {
		margin-top: .8em;
	}
}
@media (max-width: 834.98px) {
	.section-heading.long-title {
		margin-top: 1.1em;
		/* 375：45px、1280：90px */
		margin-bottom: clamp(2.813rem, 1.647rem + 4.97vw, 5.625rem);
		/* 375：26px、1280：48px */
		font-size: clamp(1.625rem, 1.314rem + 1.33vw, 2.375rem);
	}
}
.section-heading-deco {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	z-index: -1;
	transform: translateY(-42%);
	/* 375：120px、1280：200px */
	width: clamp(7.5rem, 5.428rem + 8.84vw, 12.5rem);
	margin: auto;
}
.section-heading span {
	display: block;
}
.section-heading-title {
	color: #2076DF;
	white-space: nowrap;
}
.inner-content-heading {
	padding-bottom: 1em;
	/* 375：20px、1280：32px */
	font-size: clamp(1.25rem, 0.939rem + 1.33vw, 2rem) ;
	font-weight: 900;
	text-align: center;
}
.inner-content-heading:nth-of-type(n+2) {
	/* 375：80px、1280：180px */
	padding-top: clamp(5rem, 2.41rem + 11.05vw, 11.25rem);
}
.inner-content-wrap .main-title {
	color: #2076DF;
	/* 375：24px、1280：48px */
	font-size: clamp(1.25rem, 0.939rem + 1.33vw, 2rem);
	font-weight: 900;
	padding-bottom: 1em;
	text-align: center;
}
@media (max-width: 834.98px){
	.inner-content-wrap .main-title {
		margin-top: 60px;
	}
}
@media (min-width: 835px) {
	.inner-content-wrap .main-title {
		padding-bottom: 50px;
		margin-top: 120px;
	}
}

/* 共通アイテム */
/* ダッシュ */
.dash {
	letter-spacing: -0.13em;
}
/* ボタン */
.arrow {
  font-variation-settings:
  'FILL' 0,
  'wght' 600,
  'GRAD' 0,
  'opsz' 24
}
.arrow {
	padding: .65em;
	background: #fff100;
	color: #2076DF;
	border-radius: 50%;
	/* 375：17.5px、1280：22px */
	font-size: clamp(1.094rem, 0.977rem + 0.5vw, 1.375rem);
}
.btn {
	display: flex;
	align-items: center;
	gap: .5em;
	/* 375：17.5px、1280：22px */
	font-size: clamp(1.094rem, 0.977rem + 0.5vw, 1.375rem);
}
.btn-text {
	margin-top: -.1em;
}
/* テキストリンク */
.text-link {
	color: #01acc6;
	text-decoration: underline;
}
.text-link:hover {
	text-decoration: none;
}
/* ビデオリンク */
.video-link {
	display: inline-block;
	position: relative;
}
.video-link-icon {
  font-variation-settings:
  'FILL' 1,
  'wght' 700,
  'GRAD' 200,
  'opsz' 24
}
.video-link-icon {
	position: absolute;
	bottom: 0px;
	right: 0px;
	transform: translate(-20%, -20%);
	padding: .6em;
	background: #fff100;
  color: #2076DF;
  border-radius: 50%;
	/* 375：15px、1280：20px */
  font-size: clamp(0.938rem, 0.824rem + 0.57vw, 1.25rem);
}


/* inner-content */
.inner-content-wrap {
	width: 88%;
	margin: 0 auto;
}
@media (max-width: 834.98px) {
	.inner-content-wrap {
		width: 82%;
		max-width: 600px;
		margin-top: 60px;
	}
}
@media (min-width: 835px) {
	.inner-content-wrap {
		margin-top: 120px;
	}
}
.inner-content-row {
	display: flex;
	/* 40px-45px */
	gap: clamp(2.5rem, 2.424rem + 0.32vw, 2.813rem);
}
@media (min-width: 835px) {
	.inner-content-row {
		justify-content: center;
	}
}
@media (max-width: 834.98px) {
	.inner-content-row {
		flex-wrap: wrap;
	}
}
@media (min-width: 835px) {
	.inner-content-row .inner-content-item {
		width: 46.5%;
	}
}
.inner-content-img {
	text-align: center;
}
.inner-content-img-list .inner-content-img {
	margin-left: auto;
}
.inner-content-img-list .inner-content-img:nth-child(n + 2) {
	padding-top: clamp(1.25rem, 1.019rem + 0.98vw, 2.188rem);
}
/* 変数 */
:root {
	/* 375：19px、1280：32px */
	--font-size-xl: clamp(1.188rem, 0.851rem + 1.44vw, 2rem);
	/* 375：17px、1280：20px */
	--font-size-l: clamp(1.063rem, 0.985rem + 0.33vw, 1.25rem);
	/* 375：13px、1280：17px */
	--font-size-m: clamp(0.813rem, 0.735rem + 0.33vw, 1rem);
	/* 375：12px、1280：15px */
	--font-size-s: clamp(0.75rem, 0.698rem + 0.22vw, 0.875rem);
	
}

@media (min-width: 835px) {
	/* .inner-content-desc {
		padding-top: var(--font-size-l);
	} */
}
.inner-content-desc-title {
	padding: 2em 0 .5em;
	font-size: var(--font-size-l);
	font-weight: 700;
}
.inner-content-desc-title:first-child {
	padding-top: 0;
}
.inner-content-desc-copy {
	padding-bottom: 2em;
	color: #3fafe7;
	font-size: var(--font-size-l);
	font-weight: 700;
}
.inner-content-desc-text {
	font-size: var(--font-size-m);
	line-height: 1.8;
}
.inner-content-desc-text-point {
	padding-left: 1em;
	text-indent: -1em;
}
.inner-content-desc-text-special:nth-child(n + 2) {
	padding-top: 1em;
}
.inner-content-desc-text-list-wrap .inner-content-desc-text-list:nth-of-type(n + 2) {
	padding-top: 1.25em;
}
.inner-content-desc-note-wrap {
	/* 60px-80px */
	padding-top: clamp(3.75rem, 3.447rem + 1.29vw, 5rem);
}
/* .inner-content-desc-note-list-wrap {
	padding-top: var(--font-size-s);
} */
.inner-content-desc-note-item {
	padding-left: 1em;
	font-size: var(--font-size-s);
	text-indent: -1em;
}
.inner-content-desc-btn-wrap {
	/* 40px-60px */
	padding-top: clamp(2.5rem, 2.197rem + 1.29vw, 3.75rem);
}
.inner-content-desc-btn-list {
	display: flex;
	gap: var(--font-size-m);
}
@media (max-width: 1200px) {
	.inner-content-desc-btn-list {
		flex-wrap: wrap;
	}
}
.inner-content-desc-img {
	padding-top: calc(var(--font-size-m)*2);
}


/* カード */
.card-list {
	display: grid;
	/* 375：330px、1280：350px */
  grid-template-columns: repeat(auto-fill, minmax(280px, 350px));
		/* 375：30px、1280：40px／835：18px、1280：60px */
	gap: clamp(1.875rem, 1.616rem + 1.1vw, 2.5rem) clamp(1.125rem, -3.801rem + 9.44vw, 3.75rem);
	justify-content: center;
	margin: 0 auto;
}
.card-link {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	row-gap: 16px;
}
.card-link-info {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	/* 375：16px、1280：20px */
	row-gap: clamp(1rem, 0.896rem + 0.44vw, 1.25rem);
}
@media (min-width: 1281px) {
	.card-link-info {
		row-gap: 10px;
	}
}
.card-link-title {
	/* 375：17.5px、1280：22px */
	font-size: clamp(1.094rem, 0.977rem + 0.5vw, 1.375rem);
	font-weight: 900;
}
.card-link-desc {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	column-gap: 1em;
	/* 375：15px、1280：17.5px */
	font-size: clamp(0.938rem, 0.873rem + 0.28vw, 1.094rem);
}
.card-link-img.wide-screen {
	aspect-ratio: 700 / 525;
}
.card-link-img.wide-screen img {
	object-fit: cover;
	height: 100%;
}

/* ヘッダー */
.nav-close {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 98;
	position: fixed;
	width: 100%;
	height: 100vh;
}
.show .nav-close {
  display: block;
  visibility: visible;
}
.nav-btn {
	position: fixed;
	z-index: 100;
	width: clamp(2.625rem, 2.025rem + 3vw, 5.625rem);
	height: clamp(2.625rem, 2.025rem + 3vw, 5.625rem);
	background: #2076DF;
}
.nav-btn {
	top: 0;
	right: 0;
}
.nav-btn-item,
.nav-btn-item span {
	display: inline-block;
}
.nav-btn-item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);
	height: clamp(1.125rem, 0.912rem + 1.06vw, 2.188rem);
  border: none;
  background: none;
  appearance: none;
  cursor: pointer;
}
.nav-btn-item span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #FDFDFC;
	transition: .3s ease-out;
}
@media (min-width: 835px) {
	.nav-btn-item span {
		height: 3px;
	}
}
@media (max-width: 834.98px) {
	.nav-btn-item span {
		height: 2px;
	}
}
.nav-btn-item span:nth-of-type(1) {
	top: 0;
}
.show .nav-btn-item span:nth-of-type(1) {
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}
.nav-btn-item span:nth-of-type(2) {
	top: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
	top: 50%;
	transform: translateY(-50%);
}
.show .nav-btn-item span:nth-of-type(2) {
	opacity: 0;
}
.nav-btn-item span:nth-of-type(3) {
	bottom: 0;
}
.show .nav-btn-item span:nth-of-type(3) {
	bottom: 50%;
	transform: translateY(50%) rotate(45deg);
}
.header-globalnav-wrap {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99;
	height: 100vh;
	overflow-y: auto;
	background: rgba(230, 240, 252, .975);
	visibility: hidden;
	opacity: 0;
	transition: .3s ease-out;
}
@media (min-width: 835px) {
	.header-globalnav-wrap {
		/* 500px-760px */
		width: clamp(31.25rem, 18.509rem + 24.41vw, 47.5rem);
	}
}
@media (max-width: 834.98px) {
	.header-globalnav-wrap {
		width: 100%;
	}
}
.show .header-globalnav-wrap {
	visibility: visible;
	opacity: 1;
}
.header-globalnav {
	width: 72%;
	margin: 0 auto;
}
@media (min-width: 835px) {
	.header-globalnav {
		max-width: 400px;
	}
}
@media (max-width: 834.98px) {
	.header-globalnav {
		max-width: 300px;
	}
}
.header-logo {
	/* 375：200px、1280：380px */
	width: clamp(12.5rem, 7.838rem + 19.89vw, 23.75rem);
	margin: 0 auto;
}
.header-logo,
.header-globalnav .common-nav,
.header-globalnav .common-nav-sns {
	/* 375：35px、1280：70px */
	padding-top: clamp(2.188rem, 1.281rem + 3.87vw, 4.375rem);
}
.header-globalnav .common-nav-sns {
	/* 375：25px、1280：30px */
	padding-top: clamp(1.563rem, 1.433rem + 0.55vw, 1.875rem);
	/* 375：35px、1280：70px */
	padding-bottom: clamp(2.188rem, 1.281rem + 3.87vw, 4.375rem);
}

/* 共通メニュー */
.common-nav-list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 1.5em;
	column-gap: 3.5em;
	max-width: 14.25em;
	margin: 0 auto;
	/* 375：17.5px、1280：22px */
	font-size: clamp(1.094rem, 0.977rem + 0.5vw, 1.375rem);
}
.common-nav-item {
	width: 5.25em;
}
.common-nav-link {
	display: inline-block;
	color: #2076DF;
}
.common-nav-sns {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}
.header-globalnav .common-nav-sns {
	justify-content: center;
}
@media (min-width: 835px) {
	.header-globalnav .common-nav-sns {
		width: calc(100% - 3em);
		margin: 0 auto;
	}
}

.common-nav-sns-text {
	/* 375：15px、1280：17.5px */
	font-size: clamp(0.938rem, 0.873rem + 0.28vw, 1.094rem);
}
.common-nav-sns-list {
	display: flex;
	gap: 20px;
}
.common-nav-sns-link {
	display: inline-block;
	/* 375：30px、1920：45px */
	width: clamp(1.875rem, 1.647rem + 0.97vw, 2.813rem);
}
.header-globalnav .common-nav-onair-series {
	width: 65%;
	margin: auto;
	/* 375：25px、1280：50px */
	padding-top: clamp(1.563rem, 0.915rem + 2.76vw, 3.125rem);
}
.header-globalnav .common-nav-sns-text {
	display: none;
}
.mainvisual-info-nav .common-nav-onair-series, .footer-link .common-nav-onair-series {
	display: none;
}

/* フッター */
.footer-wrap {
	/* 375：80px、1280：120px ／ 375：60px、1280：90px*/
	padding: clamp(5rem, 3.964rem + 4.42vw, 7.5rem) 0 clamp(3.75rem, 2.973rem + 3.31vw, 5.625rem) 0;
	background: #E6F0FC;
}
.footer {
	width: 88%;
	max-width: 1400px;
	margin: 0 auto;
}
@media (min-width: 835px) {
	.footer {
		display: flex;
		justify-content: space-between;
		column-gap: min(10%, 160px);
	}
	.footer-logo {
		width: 30%;
	}
	.footer-link {
		width: 60%;
	}
}
@media (max-width: 834.98px) {
	.footer-logo {
		width: 61%;
		max-width: 300px;
		margin: 0 auto;
	}
}
@media (min-width: 835px) {
	.footer .common-nav {
		padding-bottom: 2em;
	}
}
@media (max-width: 834.98px) {
	.footer .common-nav {
		padding-top: 2em;
		padding-bottom: 1em;
	}
}
.footer-banner-list,
.footer-copyright {
	/* 375：50px、1280：70px */
	padding-top: clamp(3.125rem, 2.607rem + 2.21vw, 4.375rem);
}
@media (min-width: 835px) {
	.footer .common-nav-list {
		justify-content: flex-end;
		column-gap: 1.5em;
		max-width: none;
	}
	.footer .common-nav-item {
		width: auto;
	}
}
@media (max-width: 834.98px) {
	.footer .common-nav-sns {
		width: 88%;
		max-width: 300px;
		margin: 0 auto;
	}
}
@media (min-width: 835px) {
	.footer .common-nav-link br {
		display:none;
	}
}
.footer-banner-list {
	display: flex;
	/* 375：15px、1280：25px */
	gap: clamp(0.938rem, 0.679rem + 1.1vw, 1.563rem);
}
@media (min-width: 835px) {
	.footer-banner-list {
		justify-content: flex-end;
	}
}
@media (max-width: 834.98px) {
	.footer-banner-list {
		flex-wrap: wrap;
		justify-content: center;
		width: 60%;
		margin: 0 auto;
	}
	.footer-banner-item.yamaha {
		width: 66.6%;
		text-align: center;
	}
}
.footer-copyright {
	text-align: center;
}
@media (min-width: 835px) {
	.footer-copyright {
		font-size: 12px;
	}
}
@media (max-width: 834.98px) {
	.footer-copyright {
		font-size: 10px;
	}
}