@charset "UTF-8";
:root{
	--vw-min: 1200;
	--max-percent: 1.6;
	--color-blue: #00a2c2;
	--color-gray: #cccccc;
	--color-lightgray: #eee;
	--fancybox-thumbs-bar: 104px;
}
@media screen and (max-width:768px){
	:root{
		--vw-min: 720;
		--fancybox-thumbs-bar: min(calc(104 / var(--vw-min) * 100vw), 104px);
	}
}


/*-----------------------------------------------
* NEWS - DETAIL
-------------------------------------------------*/
@media screen and (max-width:768px){
	.news__desc--date{
		font-size: min(calc(23 / var(--vw-min) * 100vw), 23px);
	}
	.news__desc--title{
		font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
	}
}

.p-newsDetail__in{
	max-width: calc(880px * var(--max-percent));
	margin-left: auto;
	margin-right: auto;
}
.p-newsDetail__in{
	word-wrap: break-word;
	word-break: break-all;
	line-height: 2;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}
.p-newsDetail__in,
.p-newsDetail__in p{
	font-size: 16px;
}
.p-newsDetail__in > *:last-child{
	margin-bottom: 0;
}

@media screen and (max-width:768px){
	.p-newsDetail__in{
		max-width: 100%;
		margin-left: 24px;
		margin-right: 24px;
	}
	.p-newsDetail__in,
	.p-newsDetail__in p,
	.p-newsDetail__in a{
		font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	}
}

.news__artcle--in em {
  font-style: italic;
}


/***
** YouTube 
***/
.c-youtube{
	width: 100%;
	padding-top: 56.25%;
  margin-top: 0!important;
	margin-bottom: 40px;
	position: relative;
}
.c-youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* YouTube - Short */
.c-youtube-short{
	width: 100%;
	max-width: 480px;
	margin: 0 auto 40px;
  margin-top: 0!important;
  position: relative;
  aspect-ratio: 9 / 16!important;
}
.c-youtube-short iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width:768px){
	.c-youtube iframe,
	.c-youtube-short iframe{
		aspect-ratio: unset;
		height: 100%!important;
	}

	.c-youtube,
	.c-youtube-short{
		margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
}



/***
** アコーディオン 
***/
.c-accordion{
	width: 100%;
	margin: 0 auto 40px;
}
.c-accordion__trigger--article01{
	display: block;
	width: 100%;
	background-color: #000;
	color: #FFF;
	font-size: 20px;
	padding: 12px 16px;
	padding-right: 66px;
	text-align: left;
	position: relative;
	border: 1px solid #000;
	transition: color .3s ease, background-color .3s ease, opacity .3s ease;
}
.c-accordion__trigger--article01.is-active{
	background-color: #FFF;
	color: #000;
}
.c-toggle--icon{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
	margin-right: 8px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #fff;
	transition: background-color .3s ease;
}
.c-accordion__trigger--article01.is-active .c-toggle--icon{
	background-color: #000;
}
.c-toggle--icon:before,
.c-toggle--icon:after{
	content: '';
	position: absolute;
	inset: 0;
	margin: auto;
	background-color: #000;
	transition: transform .3s ease, opacity .3s ease, background-color .3s ease;
}
.c-toggle--icon:before{
	width: 1px;
	height: 50%;
}
.c-toggle--icon:after{
	width: 50%;
	height: 1px;
}
.c-accordion__trigger--article01.is-active .c-toggle--icon:before{
	transform: translateY(50%);
	opacity: 0;
}
.c-accordion__trigger--article01.is-active .c-toggle--icon:before,
.c-accordion__trigger--article01.is-active .c-toggle--icon:after{
	background-color: #fff;
}

.c-accordion__contents--article01{
	padding-top: clamp(0.75em, 18px, 1em);
	display: none;
}
.c-accordion p.c-text{
	margin-bottom: 0;
}

@media screen and (hover:hover) and (pointer: fine){
	.c-accordion__trigger--article01:hover{
		opacity: 75%;
	}
}

@media screen and (max-width:768px){
	.c-accordion{
		margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
	.c-accordion__trigger--article01{
		font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
		padding: min(calc(14 / var(--vw-min) * 100vw), 14px) min(calc(20 / var(--vw-min) * 100vw), 20px);
		padding-right: min(calc(80 / var(--vw-min) * 100vw), 80px);
	}
	.c-toggle--icon{
		width: min(calc(40 / var(--vw-min) * 100vw), 40px);
		height: min(calc(40 / var(--vw-min) * 100vw), 40px);
		margin-right: min(calc(12 / var(--vw-min) * 100vw), 12px);
	}
	.c-accordion__contents--article01{
		padding-top: clamp(0.75em, 1.5vw, 1em);
	}
}



/***
** タイトル 
***/
.c-heading__label{
	margin-bottom: 20px;
}
@media screen and (max-width:768px){
	.c-heading__label{
		margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	}
}

h1.c-heading__text{
	color: var(--color-blue);
	font-size: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-gray);
	margin-top: 40px;
}

@media screen and (max-width:768px){
	h1.c-heading__text{
		font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
		padding-bottom: min(calc(14 / var(--vw-min) * 100vw), 14px);
		line-height: 1.6667;
		margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
}


h2.c-heading__text{
	font-size: 20px;
	padding-left: 14px;
	position: relative;
	margin-top: 40px;
}
h2.c-heading__text:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4px;
	background-color: var(--color-blue);
}
@media screen and (max-width:768px){
	h2.c-heading__text{
		font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
		padding-left: min(calc(20 / var(--vw-min) * 100vw), 20px);
		margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
		line-height: 1.6667;
	}
	h2.c-heading__text:before{
		width: min(calc(6 / var(--vw-min) * 100vw), 6px);
	}
}



h3.c-heading__text{
  display: inline-block;
	margin-top: 40px;
	line-height: 1.5;
	background-color: #000;
	color: #FFF;
}
@media screen and (max-width:768px){
	h3.c-heading__text{
		margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
}


h4.c-heading__text{
	margin-top: 40px;
	font-weight: 700;
	display: inline-block;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-gray);
}
@media screen and (max-width:768px){
	h4.c-heading__text{
		margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
		padding-bottom: min(calc(14 / var(--vw-min) * 100vw), 14px);
	}
}


h5.c-heading__text{
	margin-top: 40px;
	font-weight: 700;
	color: var(--color-blue);
}
@media screen and (max-width:768px){
	h5.c-heading__text{
		margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
}


h6.c-heading__text{
	margin-top: 40px;
	font-weight: 700;
	color: #000;
}
@media screen and (max-width:768px){
	h6.c-heading__text{
		margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
}


/* 本文直下の先頭見出し */
.p-newsDetail__article > [data-type="component-text"]:first-child :is(h1, h2, h3, h4, h5, h6).c-heading__text{
	margin-top: 0;
}



/**
* ULリスト
**/
.p-newsDetail__article > ul {
	margin-bottom: 40px;
}
.p-newsDetail__article > ul li.c-txt {
	position: relative;
	padding-left: 1.75em;
}
.p-newsDetail__article > ul li.c-txt:before{
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 16px;
	height: 8px;
	mask: url("../img/common/icon/icon_arrow_type2.svg") no-repeat center / contain;
	-webkit-mask: url("../img/common/icon/icon_arrow_type2.svg") no-repeat center / contain;
	background-color: #000;
}
.p-newsDetail__article > ul li.c-txt:not(:last-child){
	margin-bottom: 20px;
}
.p-newsDetail__article > ul li.c-txt p{
	margin-bottom: 0;
}

@media screen and (max-width:768px){
	.p-newsDetail__article > ul:before{
		top: min(calc(8 / var(--vw-min) * 100vw), 8px);
		width: min(calc(20 / var(--vw-min) * 100vw), 20px);
		height: min(calc(10 / var(--vw-min) * 100vw), 10px);
	}
	.p-newsDetail__article > ul:not(:last-child){
		margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	}
}



/**
* OLリスト
**/
.p-newsDetail__article > ol,
.c-ol-list{
	margin-bottom: 40px;
	padding-left: 1.75em;
}
.p-newsDetail__article > ol > li.c-txt,
.c-ol-list > li{
	list-style-type: decimal;
	list-style-position: outside;
}
.p-newsDetail__article > ol > li.c-txt::marker,
.c-ol-list > li::marker{
	font-weight: 700;
}
.p-newsDetail__article > ol > li.c-txt:not(:last-child){
	margin-bottom: 20px;
}
.p-newsDetail__article > ol > li.c-txt p{
	margin-bottom: 0;
}

@media screen and (max-width:768px){
	.p-newsDetail__article > ol,
	.c-ol-list{
		margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
	.p-newsDetail__article > ol > li.c-txt:not(:last-child){
		margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	}
}



/**
* 引用 
**/
.l-container--article02{
	background-color: var(--color-lightgray);
	color: #666;
	padding: 32px 40px;
	margin-bottom: 40px;
	position: relative;
}
.l-container--article02:before{
	content: '';
	position: absolute;
	top: 20px;
	left: 20px;
	width: 12px;
	height: 12px;
	mask: url(../img/common/icon/icon_deco-blockquote.svg) no-repeat center / contain;
	-webkit-mask: url(../img/common/icon/icon_deco-blockquote.svg) no-repeat center / contain;
	background-color: #000;;
}
.l-container--article02 p{
	margin-bottom: 0;
}

@media screen and (max-width:768px){
	.l-container--article02{
		padding: min(calc(32 / var(--vw-min) * 100vw), 32px) min(calc(40 / var(--vw-min) * 100vw), 40px);
		margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
	.l-container--article02:before{
		top: min(calc(20 / var(--vw-min) * 100vw), 20px);
		left: min(calc(20 / var(--vw-min) * 100vw), 20px);
		width: min(calc(12 / var(--vw-min) * 100vw), 12px);
		height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	}
}



/**
* コードブロック
**/
.l-container--article01{
	background-color: var(--color-lightgray);
	color: #666;
	padding: 20px 40px;
	margin-bottom: 40px;
	position: relative;
	max-width: 100%;
	line-height: 1.5;
	display: block;
	white-space: pre-wrap;
	word-break: break-all;
	overflow-wrap: anywhere;
}

@media screen and (max-width:768px){
	.l-container--article01{
		padding: min(calc(20 / var(--vw-min) * 100vw), 20px) min(calc(40 / var(--vw-min) * 100vw), 40px);
		margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
}


/**
* テーブル
**/
.c-table{
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 40px;
}
.c-table table{
	width: auto;
	border-collapse: collapse;
	border: 1px solid #000;
	margin-bottom: 0;
	background-color: #fff;
}
.c-table tbody{
	background-color: #fff;
}
.c-table th,
.c-table td{
	border: 1px solid #000;
	padding: 12px 16px;
	vertical-align: top;
	word-break: normal;
	overflow-wrap: break-word;
}
.c-table th{
	background-color: var(--color-lightgray);
	font-weight: 700;
}

@media screen and (max-width:768px){
	.c-table{
		margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
	.c-table th,
	.c-table td{
		padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(16 / var(--vw-min) * 100vw), 16px);
	}
}




/**
* グリッドレイアウト
**/
.c-row{
	display: grid;
	width: 100%;
  margin-top: 0!important;
	margin-bottom: 40px!important;
	gap: 24px!important;
}
.c-column{
	min-width: 0;
}
.c-column p{
	margin-bottom: 0;
}
.c-row[data-wide-column="1"]{
	grid-template-columns: minmax(0, 1fr)!important;
}
.c-row[data-wide-column="2"]{
	grid-template-columns: repeat(2, minmax(0, 1fr))!important;
}
.c-row[data-wide-column="3"]{
	grid-template-columns: repeat(3, minmax(0, 1fr))!important;
}
.c-row[data-wide-column="4"]{
	grid-template-columns: repeat(4, minmax(0, 1fr))!important;
}
.c-row[data-wide-column="5"]{
	grid-template-columns: repeat(5, minmax(0, 1fr))!important;
}
.c-row[data-wide-column="6"]{
	grid-template-columns: repeat(6, minmax(0, 1fr))!important;
}
@media screen and (max-width: 768px){
	.c-row{
		margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px)!important;
		gap: min(calc(24 / var(--vw-min) * 100vw), 24px)!important;
	}
	.c-row[data-nrw-column="1"]{
		grid-template-columns: minmax(0, 1fr)!important;
	}
	.c-row[data-nrw-column="2"]{
		grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	}
	.c-row[data-nrw-column="3"]{
		grid-template-columns: repeat(3, minmax(0, 1fr))!important;
	}
	.c-row[data-nrw-column="4"]{
		grid-template-columns: repeat(4, minmax(0, 1fr))!important;
	}
	.c-row[data-nrw-column="5"]{
		grid-template-columns: repeat(5, minmax(0, 1fr))!important;
	}
	.c-row[data-nrw-column="6"]{
		grid-template-columns: repeat(6, minmax(0, 1fr))!important;
	}
}



/**
* 画像Modal
**/
.c-gallery__item{
	display: block;
	width: 100%;
}
.c-gallery__item img{
	margin: 0;
}
.fancybox-inner{
	width: 100%;
}
.fancybox-show-thumbs .fancybox-inner{
	right: 0 !important;
	top: 0 !important;
	bottom: var(--fancybox-thumbs-bar) !important;
}
.fancybox-button.fancybox-button--close{
	background-color: var(--color-blue);
}
@media screen and (hover:hover) and (pointer: fine){
	.fancybox-button--close:hover{
		transition: all .4s ease;
		opacity: .6;
	}
}
.fancybox-thumbs{
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100% !important;
  height: var(--fancybox-thumbs-bar);
	margin: 0;
	padding: 8px 12px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.45);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
.fancybox-thumbs__list{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	height: 100%;
	width: max-content!important;
	min-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}
.fancybox-thumbs__list a{
	display: block;
	flex: 0 0 auto;
	width: 64px !important;
	height: 64px;
	position: relative;
	float: none;
	border: unset;
	padding: 0;
	margin: 0;
	max-width: none;
	max-height: none;
	transition: opacity .4s ease;
	background-size: contain;
	background-color: #fff;
}
.fancybox-thumbs__list a:before{
	border: 2px solid var(--color-blue);
}
@media all and (max-width: 576px){
	.fancybox-show-thumbs .fancybox-inner{
		right: 0 !important;
		bottom: var(--fancybox-thumbs-bar) !important;
	}
	.fancybox-thumbs{
		width: 100% !important;
	}
}
@media screen and (max-width:768px){
	.fancybox-thumbs{
		padding: min(calc(8 / var(--vw-min) * 100vw), 8px) min(calc(12 / var(--vw-min) * 100vw), 12px);
	}
	.fancybox-thumbs__list{
		gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
	}
	.fancybox-thumbs__list a{
		width: min(calc(64 / var(--vw-min) * 100vw), 64px) !important;
		height: min(calc(64 / var(--vw-min) * 100vw), 64px);
	}
}
.fancybox-navigation {
  position: absolute;
  top: 0;  
  bottom: 0;
  left: 0;
  right: 0;
}
.fancybox-navigation .fancybox-button {
  top: 50%;
  transform: translateY(-50%);
}
.fancybox-button--arrow_right{
	display: block;
	padding: 0!important;
	background-color: #FFF;
    width: 40px;
    height: 80px!important;
	-webkit-mask: url(../img/common/deco/arrow_next.svg) no-repeat center center / contain;
	mask: url(../img/common/deco/arrow_next.svg) no-repeat center center / contain;
}
.fancybox-button--arrow_left{
	display: block;
	padding: 0!important;
	background-color: #FFF;
    width: 40px;
    height: 80px!important;
	-webkit-mask: url(../img/common/deco/arrow_prev.svg) no-repeat center center / contain;
	mask: url(../img/common/deco/arrow_prev.svg) no-repeat center center / contain;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    opacity: .3!important;
}



/**
* 区切り線
**/
[data-type="component-line"] hr {
	display: block;
	width: 100%;
	height: 0;
	margin: 40px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
	background: none;
	clear: both;
}


/**
* リンク
**/
.p-newsDetail__article a {
	display: inline;
    word-break: break-all;
    position: relative;
    text-decoration: underline;
}
.p-newsDetail__article > p > a[target="_blank"]:after{
	content: '';
	display: inline-block;
	margin: 0 calc(8px * var(--max-percent)) 0 calc(6px * var(--max-percent));
	width: calc(12px * var(--max-percent));
	height: calc(12px * var(--max-percent));
	-webkit-mask: url(../img/common/icon/icon_blank.svg) no-repeat center / contain;
	mask: url(../img/common/icon/icon_blank.svg) no-repeat center / contain;
	background-color: var(--color-blue);
}
@media screen and (hover:hover) and (pointer: fine){
	.p-newsDetail__article a{
		transition: opacity .3s ease;
	}
	.p-newsDetail__article a:hover{
		opacity: 60%;
	}
}
@media screen and (max-width:768px){
	.p-newsDetail__article > p > a[target="_blank"]:after{
		margin: 0 min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent))) 0 min(calc(6 / var(--vw-min) * 100vw), calc(6px * var(--max-percent)));
		width: min(calc(18 / var(--vw-min) * 100vw), calc(18px * var(--max-percent)));
		height: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
	}
	[data-type="component-line"] hr{
		margin: min(calc(40 / var(--vw-min) * 100vw), 40px) 0;
	}
	.fancybox-button--arrow_right{
		width: min(calc(40 / var(--vw-min) * 100vw), 40px);
		height: min(calc(80 / var(--vw-min) * 100vw), 80px)!important;
	}
	.fancybox-button--arrow_left{
		width: min(calc(40 / var(--vw-min) * 100vw), 40px);
		height: min(calc(80 / var(--vw-min) * 100vw), 80px)!important;
	}
}


/**
* X埋め込み
**/
.c-xEmbed{
	width: 100%;
	max-width: 550px;
	margin: 0 auto 40px;
}
.c-xEmbed > div{
	width: 100%;
}