@charset "utf-8";



/*--

module

====================================================== --*/

/* headline */

/* headline_type01 */

.headline_type01{
	position:relative;
	display:inline-block;
	line-height:1.4;
}
.headline_type01 ._main{
	font-family:'Akshar','Noto Sans JP',sans-serif;
	font-size:11rem;
	position:relative;
}
.headline_type01 ._main::after{
	content:"";
	display:block;
	background:var(--c-black);
	width:26rem;
	height:0.7rem;
}
.headline_type01 ._sub{
	font-size:2.6rem;
	font-weight:700;
	display:block;
	margin-top:3rem;
}
@media screen and (max-width:750px){
	.headline_type01 ._main{
		font-size:4rem;
		line-height:1.2;
	}
	.headline_type01 ._main::after{
		width:8rem;
		height:0.4rem;
	}
	.headline_type01 ._sub{
		font-size:1.6rem;
		margin-top:1rem;
	}
}

/* headline_type02 */

.headline_type02{
	position:relative;
	display:flex;
	gap:2rem;
	line-height:1.4;
}
.headline_type02 ._main{
	font-family:'Akshar','Noto Sans JP',sans-serif;
	font-size:7rem;
	position:relative;
}
.headline_type02 ._main::after{
	content:"";
	display:block;
	background:var(--c-black);
	width:14rem;
	height:0.7rem;
}
.headline_type02 ._sub{
	font-size:2.6rem;
	font-weight:700;
	display:block;
	margin-top:3rem;
}
@media screen and (max-width:750px){
	.headline_type02 ._main{
		font-size:4rem;
		line-height:1.2;
	}
	.headline_type02 ._main::after{
		width:8rem;
		height:0.4rem;
	}
	.headline_type02 ._sub{
		font-size:1.6rem;
		margin-top:1rem;
	}
}

/* headline_type03 */

.headline_type03{
	position:relative;
	display:inline-block;
	line-height:1.4;
}
.headline_type03 ._main{
	font-family:'Akshar','Noto Sans JP',sans-serif;
	font-size:7rem;
	position:relative;
}
.headline_type03 ._main::after{
	content:"";
	display:block;
	background:var(--c-black);
	width:14rem;
	height:0.7rem;
}
.headline_type03 ._sub{
	font-size:2.6rem;
	font-weight:700;
	display:block;
	margin-top:2rem;
}
@media screen and (max-width:750px){
	.headline_type03 ._main{
		font-size:4rem;
		line-height:1.2;
	}
	.headline_type03 ._main::after{
		width:8rem;
		height:0.4rem;
	}
	.headline_type03 ._sub{
		font-size:1.6rem;
		margin-top:1rem;
	}
}

/* headline02 */

.headline02{
	font-size:2.6rem;
	font-weight:700;
}
@media screen and (max-width:750px){
	.headline02{
		font-size:2rem;
	}
}

/* headline03 */

.headline03{
	background-color:var(--c-yellow-light);
	padding:0.7rem 2rem;
	font-size:2rem;
	font-weight:700;
}
@media screen and (max-width:750px){
	.headline03{
		padding:0.7rem 2rem;
		font-size:1.8rem;
	}
}

/* headline04 */

.headline04{
	font-size:1.8rem;
	font-weight:700;
}

/* headline05 */

.headline05{
	font-size:1.6rem;
	font-weight:700;
}

/* headline06 */

.headline06{
	font-size:1.6rem;
	font-weight:700;
	color:var(--c-orange3);
}

/*-- btn --*/

.btn{
	width:fit-content;
}
.btn a,
.btn button{
	display:block;
	position:relative;
	text-decoration:none;
	width: inherit;
}
.btn .btn_inner{
	min-height:7rem;
	height:100%;
	padding:1rem 5rem 1rem 3rem;
	position:relative;
	z-index:100;
	transition:all 0.3s;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.btn.-large .btn_inner{
	min-height:7rem;
	height:100%;
}

/* ボタンの中身 */

.btn .btn_inner .btn_content{
	padding-right:5rem;
}
.btn .btn_inner .label{
	font-size:1.8rem;
	font-weight:700;
	line-height:1.2;
}
.btn.-arrow .btn_inner::after{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	display:block;
	content:"";
	width:4rem;
	height:0.1rem;
	background:var(--c-white);
	transition:width .3s ease;
}
/* hover */
a:hover .btn.-arrow .btn_inner::after,
.btn.-arrow a:hover .btn_inner::after,
.btn.-arrow button:hover .btn_inner::after{
	width:0;
}
.btn.-ex .btn_inner::after{
	font-family:'icon' !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	display:block;
	font-size:1.8rem;
	content:"\e903";
}

/* reverse */

.btn.-reverse .btn_inner{
	padding:1rem 3rem 1rem 6rem;
}
.btn.-reverse .btn_inner::after{
	right:inherit;
	left:0;
}

/* ボタンの色 */

.btn.-orange .btn_inner{background:var(--c-orange);}
.btn.-black .btn_inner{background:var(--c-black);}
.btn.-yellow .btn_inner{background:var(--c-yellow);}
.btn.-white .btn_inner{background:var(--c-white);}

/* ボタンの枠 */

.btn.-border_o .btn_inner{
	outline:0.1rem solid var(--c-orange);
	outline-offset:-0.1rem;
	color:var(--c-orange);
}
.btn.-border_b .btn_inner{
	outline:0.1rem solid var(--c-black);
	outline-offset:-0.1rem;
}
.btn.-border_y .btn_inner{
	outline:0.1rem solid var(--c-yellow-dark);
	outline-offset:-0.1rem;
}
.btn.-border_w .btn_inner{
	outline:0.1rem solid var(--c-white);
	outline-offset:-0.1rem;
	color:var(--c-white);
}
.btn.-orange .btn_inner .label,
.btn.-black .btn_inner .label{
	color:var(--c-white);
}

/* afterの色 */

.btn.-orange .btn_inner::after,
.btn.-black .btn_inner::after{
	color:var(--c-white);
}
.btn.-arrow.-orange .btn_inner::after,
.btn.-arrow.-black .btn_inner::after{
	background:var(--c-white);
}
.btn.-arrow.-yellow .btn_inner::after,
.btn.-arrow.-white .btn_inner::after{
	background:var(--c-black);
}
.btn.-arrow.-border_o .btn_inner::after{
	background:var(--c-orange);
}
.btn.-arrow.-border_b .btn_inner::after{
	background:var(--c-black);
}
.btn.-arrow.-border_y .btn_inner::after{
	background:var(--c-yellow-dark);
}
.btn.-arrow.-border_w .btn_inner::after{
	background:var(--c-white);
}

/* ボタンの位置 */

/* regular */
.btn.-regular{
	width:26rem;
}
.btn.-left{margin-left:0; margin-right:auto;}
.btn.-center{margin-left:auto; margin-right:auto;}
.btn.-right{margin-left:auto; margin-right:0;}

/* variable */

.btn.-variable{
	display:flex;
}
.btn.-variable.-left{justify-content:flex-start;}
.btn.-variable.-center{justify-content:center;}
.btn.-variable.-right{justify-content:flex-end;}

@media screen and (max-width:750px){
	.btn{
		margin-left:auto !important;
		margin-right:auto !important;
	}
}

/*-- list --*/

.lst_disc,
.lst_decimal{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.8;
	padding-left:3rem;
}

/* lst_disc */

.lst_disc > li{
	margin-top:0.6rem;
	margin-bottom:0.6rem;
	position:relative;
}
.lst_disc > li::before{
	content:'';
	display:inline-block;
	background-color:var(--c-orange);
	width:1rem;
	height:1rem;
	border-radius:999.9rem;
	position:absolute;
	top:.75em;
	left:-2rem;
}
/* lst_decimal */
.lst_decimal{
	list-style-type:decimal;
}
.lst_decimal > li{
	margin-top:0.6rem;
	margin-bottom:0.6rem;
}
.lst_disc._black > li::before{ background-color:var(--c-black);}
.lst_disc._yellow > li::before{ background-color:var(--c-yellow);}
.lst_disc._orange > li::before{ background-color:var(--c-orange);}

/*-- link --*/

a.link{
	color:var(--c-blue);
	text-decoration:none;
}
a.link:hover{
	text-decoration:underline;
}
a.link_ex{
	color:var(--c-blue);
	position:relative;
	padding-right:.3em;
	text-indent:0;
	text-decoration:none;
}
a.link_ex:hover{
	text-decoration:underline;
}
a.link_ex::after{
	font-family:'icon' !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	content:"\e903";
	display:inline-block;
	font-size:100%;
	margin-left:.5em;
}
a.link_ex:hover::after{
	text-decoration:none;
}



/*-- 

row

====================================================== --*/

/* row_content */

.row_content a{
	text-decoration:none;
}
.row_content .image img{
	display:block;
	width:100%;
	height:auto;
}
.row_content .text > *{
	margin-top:0;
}
.row_content .text .btn{
	margin-top:2rem;
}

/* -reverse */

.row_content.-reverse .row_content_inner{
	flex-direction:row-reverse;
}

/* btn */

.row_content .row_content_inner + .btn{
	margin-top:2rem;
}

/* -img_txt */

.row_content.-img_txt .row_content_inner{
	display:flex;
	column-gap:3.5%;
}
.row_content.-img_txt .row_content_inner .image{
	max-width:31%;
}
.row_content.-img_txt .row_content_inner .text{
	/*max-width:66%;*/
	width:100%;
}
.row_content.-img_txt > a{
	display:block;
}
@media screen and (max-width:750px){
	.row_content.-img_txt .row_content_inner{
		flex-direction:column;
	}
	.row_content.-img_txt .row_content_inner .image{
		max-width:100%;
		width:100%;
	}
	.row_content.-img_txt .row_content_inner .text{
		max-width:100% !important;
		width:100%;
	}
}

/* -img */

.row_content.-img{
	display:flex;
	flex-wrap:wrap;
	column-gap:2%;
	row-gap:2rem;
}
.row_content.-img .col{
	max-width:49%;
}
.row_content.-img img{
	display:block;
	width:100%;
	height:auto;
}
@media screen and (max-width:750px){
	.row_content.-img .col{
		max-width:100%;
		width:100%;
	}
}

/* -col_2 */

.row_content.-col_2{
	display:flex;
	flex-wrap:wrap;
	column-gap:4%;
	row-gap:4rem;
}
.row_content.-col_2 .col{
	max-width:48%;
}
.row_content.-col_2 .headline02{
	margin-top:0;
	margin-bottom:1.5rem;
}
.row_content.-col_2 .image{
	margin-bottom:2rem;
}
.col > a{
	display:block;
}
@media screen and (max-width:750px){
	.row_content.-col_2{
		flex-direction:column;
		column-gap:1.5rem;
		row-gap:3rem;
	}
	.row_content.-col_2 .col{
		max-width:100%;
		width:100%;
	}
}

/* -col_3 */

.row_content.-col_3{
	display:flex;
	flex-wrap:wrap;
	column-gap:5%;
	row-gap:5rem;
}
.row_content.-col_3 .col{
	max-width:30%;
}
.row_content.-col_3 .image{
	margin-bottom:2rem;
}
@media screen and (max-width:750px){
	.row_content{
		flex-direction:column;
		column-gap:1.5rem;
	}
	.row_content.-col_3{
		flex-direction:column;
		row-gap:3rem;
	}
	.row_content.-col_3 .col{
		max-width:100%;
		width:100%;
	}
	.row_content .image{
		max-width:100%;
		width:100%;
		margin-bottom:2rem;
	}
}
.row_content .name{
	font-size:2rem;
	font-weight:700;
	margin-top:0.7rem;
}
.row_content .affiliation{
	font-weight:700;
	margin-top:1.45rem;
	margin-bottom:0.5rem;
	line-height:1.85;
}
.row_content .desc{
	line-height:1.9;
}
@media screen and (max-width:750px){
	.row_content .image.-sp_margin{
		width:auto !important;
		margin-left:2.5rem;
		margin-right:2.5rem;
	}
	.row_content .affiliation{
		line-height:1.6;
		margin-top:1rem;
	}
}



/*-- 

img_full 

====================================================== --*/

.img_full{
	margin-left:auto;
	margin-right:auto;
}
.img_full img{
	display:block;
	width:100%;
	height:auto;
}



/*-- 

box_youtube 

====================================================== --*/

.box_youtube{
	margin-left:auto;
	margin-right:auto;
}
.box_youtube iframe{
	aspect-ratio:16 / 9;
	width:100% !important;
	height:auto;
}



/*-- 

table

====================================================== --*/

/* table */

.tbl,
.tbl_line{
	width:100%;
}
.tbl a:hover,
.tbl_line a:hover{
	opacity:1;
}
.tbl th{
	border:0.1rem solid var(--c-gray);
	background-color:var(--c-gray3);
	font-size:1.6rem;
	font-weight:500;
	padding:1rem 3.2rem;
}
.tbl td{
	border:0.1rem solid var(--c-gray);
	font-size:1.6rem;
	padding:1rem 3.2rem;
}
@media all and (max-width:750px){
	.tbl th, .tbl td{
		padding:0.6rem 1.6rem;
	}
}

/* thに対して列 */

.tbl_col{
	table-layout:fixed;
}
.tbl_col tbody th{
	display:none;
}
@media all and (max-width:750px){
	.tbl_col{
		border-bottom:0.1rem solid var(--c-gray);
		border-top:0.1rem solid var(--c-gray);
	}
	.tbl_col thead{
		display:none;
	}
	.tbl_col tbody th{
		display:block;
	}
	.tbl_col th, .tbl_col td{
		border-top:none;
		display:block;
		width:100%;
	}
	.tbl_col td:last-child{
		border-bottom:none;
	}
}

/* thに対して行 */

.tbl_row{
	table-layout:fixed;
}
.tbl_row_contentth{
	vertical-align:middle;
	width:18rem;
}
@media all and (max-width:750px){
	.tbl_row{
		border-bottom:0.1rem solid var(--c-gray);
	}
	.tbl_row_contentth, .tbl_row_contenttd{
		display:block;
		width:100%;
	}
	.tbl_row_contenttd:last-child{
		border-bottom:none;
	}
}
/* thに対して列・行 */
.tbl_row_col{
	table-layout:fixed;
}
.tbl_row_col thead th{
	vertical-align:middle;
	text-align:center;
}
.tbl_row_col thead th:first-child{
	width:18rem;
}
.tbl_row_col tbody th{
	vertical-align:middle;
}
@media all and (max-width:750px){
	.sp_scroll{
		position:relative;
	}
	.sp_scroll::after{
		content:"";
		display:block;
		height:100%;
		width:3.5rem;
		background:var(--c-gray-grad);
		opacity:.5;
		position:absolute;
		top:0;
		right:0;
	}
	.tbl_scroll{
		overflow:auto;
	}
	.tbl_row_col{
		table-layout:fixed;
		width:72rem;
	}
	.tbl_row_col thead th:first-child{
		width:18rem;
	}
}
/* 線のテーブル */
.tbl_line th, .tbl_line td{
	vertical-align:middle;
}
.tbl_line th{
	font-weight:500;
	padding:1rem 2rem;
	width:15rem;
}
.tbl_line td{
	padding:1rem 2rem 1rem 0;
	line-height:1.6;
}
.tbl_line tr{
	border-top:0.1rem solid var(--c-gray);
}
.tbl_line tr:last-child{
	border-bottom:0.1rem solid var(--c-gray);
}
@media all and (max-width:750px){
	.tbl_line th, .tbl_line td{
		display:block;
		width:100%;
	}
	.tbl_line th{
		padding:0.9rem 1.6rem 0.4rem 1.6rem;
	}
	.tbl_line td{
		padding:0 1.6rem 1.2rem 1.6rem;
		display:block;
		width:100%;
	}
}

/* sentence */

.sentence{
	font-size:1.6rem;
	line-height:2;
}

/* point_wrap */

.point_wrap{
	border:0.1rem solid var(--c-main);
	padding:8.5rem 6.5rem 6.5rem 6.5rem;
	position:relative;
	background:var(--c-white);
}
.point_wrap > *{
	margin-top:0;
}
.point_label{
	background-color:var(--c-main);
	color:var(--c-white);
	font-size:1.8rem;
	font-weight:700;
	padding:1.1rem 3rem;
	position:absolute;
	top:0;
	left:0;
}
@media screen and (max-width:750px){
	.content_body .point_wrap{
		padding:6rem 2rem 2rem 2rem;
	}
	.point_label{
		padding:0.7rem 2rem;
	}
}

/* point_wrap */

.content_full{
	padding:5rem 1.4rem;
	width:100vw;
	margin:5rem calc(50% - 50vw) 0;
}
.content_full .content_inner > *:nth-child(1){
	margin-top:0;
}
.content_full .content_inner{
	background-color:var(--c-white);
	padding:5rem;
	max-width:110rem;
}
@media screen and (max-width:750px){
	.content_full{
		margin-top:4rem;
		padding:4rem 1.25rem;
	}
	.content_full .content_inner{
		padding:2rem;
	}
}



/*--

box_layout

====================================================== --*/

.box_layout01{
	display:flex;
	width:50%;
}
.box_layout01_inner{
	width:calc(50rem + 1.4rem);
	margin-left:auto;
	padding-left:1.4rem;
	padding-right:3rem;
}
.box_layout01_inner > *{
	margin-bottom:3rem;
}
.box_layout01_inner > *:last-child{
	margin-bottom:0;
}
.box_layout01_inner ._photo{
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	margin:auto;
	display:flex;
	align-items:center;
	max-width:70rem;
	z-index:-1;
}

/* right */

.box_layout01._right{
	display:flex;
	justify-content:flex-end;
	width:100%;
}
.box_layout01._right .box_layout01_inner{
	width:calc(50rem + 1.4rem);
	margin-right:auto;
	margin-left:50%;
	padding-right:1.4rem;
	padding-left:3rem;
}
.box_layout01._right .box_layout01_inner ._photo{
	position:absolute;
	top:0;
	bottom:0;
	left:inherit;
	right:50%;
	margin:auto;
	display:flex;
	align-items:center;
	max-width:70rem;
	z-index:-1;
}
@media all and (max-width:750px){
	.box_layout01._right,
	.box_layout01{
		width:100%;
	}
	.box_layout01._right .box_layout01_inner,
	.box_layout01_inner{
		width:100%;
		margin:auto;
		padding-left:1.4rem;
		padding-right:1.4rem;
	}
	.box_layout01_inner > *{
		margin-bottom:2rem;
	}
	.box_layout01._right .box_layout01_inner ._photo,
	.box_layout01_inner ._photo{
		position:relative;
		top:inherit;
		right:inherit;
		bottom:inherit;
		left:inherit;
		width:100vw;
		margin:0 calc(50% - 50vw) 2rem;
	}
}



/*--

box_layout02

====================================================== --*/

.box_layout02{
	position:relative;
	width:100vw;
	margin:5rem calc(50% - 50vw) 0;
	padding-bottom:10rem;
	background:var(--c-sub);
}
.box_layout02_title{
	position:absolute;
	top:0;
	font-size:11rem;
	margin-top:-5.5rem;
	text-align:center;
	color:var(--c-orange);
	display:flex;
	align-items:center;
	justify-content:space-between;
	line-height:1;
	white-space:nowrap;
	width:100%;
}
.box_layout02_title span{
	padding:0 2rem;
}
.box_layout02_title::before,
.box_layout02_title::after{
	content:"";
	display:flex;
	width:100%;
	height:0.7rem;
	background:var(--c-orange);
}
@media all and (max-width:750px){
	.box_layout02{
		margin:3rem calc(50% - 50vw) 0;
		padding-bottom:5rem;
	}
	.box_layout02_title{
		font-size:4rem;
		margin-top:-2rem;
	}
}

/* box_layout02_top */

.box_layout02_top{
	padding:7rem 5rem 4rem;
	max-width:110rem;
	text-align:center;
	margin:0 auto;
}
.box_layout02_title_sub{
	font-size:4.4rem;
	font-weight:700;
	margin-bottom:1rem;
}
@media all and (max-width:750px){
	.box_layout02_top{
		padding:3rem 1.4rem 2rem;
		max-width:110rem;
	}
	.box_layout02_title_sub{
		font-size:2rem;
		margin-bottom:0.5rem;
	}
	.box_layout02_text{
		text-align:left;
	}
}

/* box_layout02_inner */

.box_layout02_inner{
	background-color:var(--c-white);
	border:0.1rem solid var(--c-orange);
	padding:5rem;
	max-width:110rem;
	margin:0 auto;
}
.box_layout02_dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:4rem;
}
.box_layout02_dt,
.box_layout02_dd{
	font-size:2rem;
	font-weight:700;
	line-height:1.4;
}
.box_layout02_dt::after{
	content:"：";
	margin:0 1rem;
}
.box_layout02_notice{
	background:var(--c-black);
	color:var(--c-white);
	font-size:2.2rem;
	font-weight:700;
	text-align:center;
	padding:2rem;
	margin-bottom:3rem;
	line-height:1.4;
}
.box_layout02_lst{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:3rem 5rem;
	margin-bottom:5rem;
}
.box_layout02_lst_item{
	width:calc((100% - 5rem * 2) / 3);
}
.box_layout02_lst_item ._photo{
	margin-bottom:2rem;
}
.box_layout02_lst_item ._title{
	font-size:2rem;
	font-weight:700;
	margin-bottom:1rem;
}
@media all and (max-width:750px){
	.box_layout02_inner{
		padding:2rem;
		margin-left:1.4rem;
		margin-right:1.4rem;
	}
	.box_layout02_dl{
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
		margin-bottom:2rem;
	}
	.box_layout02_dt,
	.box_layout02_dd{
		font-size:1.8rem;
	}
	.box_layout02_notice{
		font-size:2rem;
		padding:1rem;
		margin-bottom:2rem;
	}
	.box_layout02_lst{
		flex-direction:column;
		gap:2rem;
		margin-bottom:3rem;
	}
	.box_layout02_lst_item{
		width:100%;
	}
	.box_layout02_lst_item ._photo{
		margin-bottom:1rem;
	}
	.box_layout02_lst_item ._title{
		font-size:1.8rem;
	}
}



/*--

box_layout03

====================================================== --*/

.content_base.content_cu{
	background:url("../img/bg_black01.jpg") no-repeat center center;
	background-size:cover;
	padding-top:6rem;
	padding-bottom:6rem;
}
.box_layout03{
	display:flex;
	align-items:center;
	gap:clamp(3rem, 5vw, 6rem);
	color:var(--c-white);
}
.box_layout03 .box_layout03_text{
	margin-bottom:0;
}
.box_layout03 .box_layout03_title{
	font-size:3rem;
	font-weight:700;
	margin-bottom:2rem;
}
@media all and (max-width:750px){
	.content_base.content_cu{
		background:url("../img/bg_black01_sp.jpg") no-repeat center center;
		background-size:cover;
		padding-top:3rem;
		padding-bottom:3rem;
	}
	.box_layout03{
		display:flex;
		align-items:center;
		flex-direction:column;
	}
	.box_layout03 .box_layout03_text{
		margin-bottom:0;
	}
	.box_layout03 .box_layout03_title{
		font-size:2.6rem;
		margin-bottom:1rem;
	}
}



/*--

box_layout04

====================================================== --*/

.box_layout04{
	position:relative;
}
.box_layout04_title{
	font-size:1.8rem;
	font-weight:700;
	margin-bottom:2rem;
}
.box_layout04_text{
	margin-right:calc(31rem + 5rem);
	margin-bottom:3rem;
}
.box_layout04_photo{
	position:absolute;
	top:0;
	right:0;
	max-width:31rem;
}
@media all and (max-width:750px){
	.box_layout04_title{
		margin-bottom:1rem;
	}
	.box_layout04_text{
		margin-right:0;
		margin-bottom:2rem;
	}
	.box_layout04_photo{
		position:relative;
		top:inherit;
		right:inherit;
		margin:0 auto 3rem;
	}
}

/*-- box_layout04_dl --*/

.box_layout04_dl{
	display:flow-root;
	margin-bottom:3rem;
	padding-left:1em;
}
.box_layout04_dl a{
 color:var(--c-blue);
}
.box_layout04_dl dt{
	float:left;
	clear:left;
	text-indent:-1em;
}
.box_layout04_dl dt::before{
	content:"・";
}
.box_layout04_dl dt::after{
	content:"：";
	margin:0 1rem;
}
.box_layout04_dl dd{
	float:left;
}
.box_layout04_dl dd::before{
	content:"、";
}
.box_layout04_dl dt + dd::before{
	content:none;
}
@media all and (max-width:750px){
	.box_layout04_dl{
		margin-bottom:2rem;
	}
	.box_layout04_dl dt,
	.box_layout04_dl dd{
		margin:0.5rem 0;
	}
}

/*-- lst_banner --*/

.lst_banner{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:3rem 4rem;
}
.lst_banner_item{
	width:calc((100% - 4rem) / 2);
}
.lst_banner_item a{
	display:flex;
	align-items:center;
	justify-content:center;
	border:0.1rem solid var(--c-gray);
	background:var(--c-white);
	padding:1rem;
}
.lst_banner_item img{
	height:8.3rem;
	width:auto;
}
@media all and (max-width:750px){
	.lst_banner{
		flex-direction:column;
		gap:2rem;
	}
	.lst_banner_item{
		width:100%;
		max-width:31rem;
		margin:0 auto;
	}
}




/*--

animation

====================================================== --*/

/*-- jsSlideUp --*/

#content_kv .maintitle{
	overflow:hidden;
}
.js_slideup1,
.js_slideup2{
	opacity:0;
}
.is-active.js_slideup1{
	display:block;
	transform:translateY(100%);
	animation:jsSlideUp 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	animation-delay:1s;
}
.is-active.js_slideup2{
	display:block;
	transform:translateY(100%);
	animation:jsSlideUp 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	animation-delay:1.5s;
}
@keyframes jsSlideUp{
	to{
		opacity:1;
		transform:translateY(0);
	}
}

/*-- jsSlideIn --*/

.headline_type01,
.headline_type03{
	overflow:hidden;
}
.js_slidein1,
.js_slidein2{
	opacity:0;
}
.is-active.js_slidein1{
	animation:jsSlideIn 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	animation-delay:1s;
}
.is-active.js_slidein2{
	animation:jsSlideIn 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	animation-delay:1.5s;
}
@keyframes jsSlideIn{
	0%{
		opacity:0;
		transform:translateX(-100%);
	}
	100%{
		opacity:1;
		transform:translateX(0);
	}
}

/*-- jsSlideIn-l --*/

.js_slidein_l1,
.js_slidein_l2{
	opacity:0;
}
.is-active.js_slidein_l1{
	animation:jsSlideIn_L 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	animation-delay:1.5s;
}
.is-active.js_slidein_l2{
	animation:jsSlideIn_L 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	animation-delay:2s;
}
@keyframes jsSlideIn_L{
	0%{
		opacity:0;
		transform:translateX(-100%);
	}
	100%{
		transform:translateX(0);
	}
	40%,100%{
		opacity:1;
	}
}

/*-- jsSlideIn-r --*/

.js_slidein_r1,
.js_slidein_r2{
	opacity:0;
}
.is-active.js_slidein_r1{
	animation:jsSlideIn_R 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	animation-delay:1.5s;
}
.is-active.js_slidein_r2{
	animation:jsSlideIn_R 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	animation-delay:2s;
}
@keyframes jsSlideIn_R{
	0%{
		opacity:0;
		transform:translateX(100%);
	}
	100%{
		transform:translateX(0);
	}
	40%,100%{
		opacity:1;
	}
}

/*-- jsOpacity --*/

.js_opacity1,
.js_opacity2{
	opacity:0;
}
.is-active.js_opacity1{
	animation:jsOpacity 1s forwards;
	animation-delay:0.5s;
}
.is-active.js_opacity2{
	animation:jsOpacity 1s forwards;
	animation-delay:1.5s;
}
@keyframes jsOpacity{
	0%{
		opacity:0;
	}
	40%,100%{
		opacity:1;
	}
}

/* js_fadeslide */

.js_fadeslide{
	position:relative;
	display:block;
}
.js_fadeslide::after{
	content:"";
	display:block;
	width:100%;
	height:calc(100% + 0.1rem);
	transform:scaleX(1);
	transform-origin:100% 0;
	background-color:var(--c-white);
	position:absolute;
	top:0;
	right:0;
	z-index:100;
}
.js_fadeslide.js_yellow2::after{
	background-color:var(--c-yellow2);
}
.js_fadeslide.js_black::after{
	background-color:var(--c-black);
}
.is-active.js_fadeslide::after{
	transition:cubic-bezier(0.25, 1, 0.5, 1) 1s 1.5s;
	transform:scaleX(0);
}












