:root {
	--primary-color: #114793;
	--light-blue-color: #01B4ED;
	--blue-color: #00A0E9;
	--blue-green-color: #14B5AD;
	--bg-color: #E7EFF5;
	--font-color: #081B30;
	--border-color: #ddd;
	--fs-h1:5.5rem;
	--fs-h2: 3.5rem;
	--fs-title:3.2rem;
	--fs-h3:2.4rem;
	--fs-h4:1.9rem;
	--fs-main:1.6rem;
	--fs-small:1.3rem;
}

@media (max-width: 575px) {
	:root {
		--fs-h1: 3.3rem;
		--fs-h2: 2.4rem;
		--fs-title: 2.4rem;
		--fs-h3: 1.9rem;
		--fs-main: 1.45rem;
	}
}
html{
	font-size: 62.5%; /* PC: 1rem = 10px */
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
}
body {
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.6;
	font-size: var(--fs-main);
}
body:not(.p-index) {
	background: var(--bg-color);
}
a {
	text-decoration: none;
	outline: none;
}

h1{
	font-size: var(--fs-h1);
}

h2{
	font-size: var(--fs-h2);
}

h3{
	font-size: var(--fs-h3);
}

h4{
	font-size: var(--fs-h4);
}

.d-inline-block{
	display: inline-block;
}
.d-none{
	display: none!important;
}
.mt-0{
	margin-top: 0!important;
}
@media (min-width: 768px) {
	.d-md-none{
		display: none!important;
	}
	.d-md-block{
		display: block!important;
	}
}
@media (min-width: 992px) {
	.d-lg-inline{
		display: inline!important;
	}
}

/*
 * wrapper
 * -------------------------------------------------------------------
 */
.wrapper {
	display: block;
	margin: 0px auto;
	padding: 0px;
	min-height: 100vh;
}

.content__container,
.footer-container{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 60px;
}

.content__container p{
	/* max-width: 800px; */
	/* margin: 0 auto; */
}
@media (max-width: 991.98px) {
	
}
@media (max-width: 767.98px) {
	.content__container, 
	.footer-container{
		padding: 0 20px;
	}
}

/*
 * Utility
 * -------------------------------------------------------------------
 */

.button-arrow:before{
	position: absolute;
	content: '';
	width: 50px;
	height: 18px;
	border-radius: 15px;
	top: 50%;
	right: 5px;
	display: inline-block;
	transform: translateY(-50%);
	transition: all .25s ease;
}
.button-arrow:after{
	position: absolute;
	content: '';
	width: 16px;
	height: 7px;
	display: inline-block;
	right: 21px;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	transition: all .18s ease;
}
.button-arrow.-bg-white:before{
	background: #fff;
}
.button-arrow.-bg-primary:before{
	background: var(--primary-color);
}
.button-arrow.-bg-blue:before{
	background: var(--blue-color);
}

.button-arrow.-tx-blue:after{
	background-image: url("../img/icon/icon-arrow_bl.svg");
}
.button-arrow.-tx-gray:before{
	background: #fff;
	border: 1px solid var(--border-color);
}
.button-arrow.-tx-gray:after{
	background-image: url("../img/icon/icon-arrow_gr.svg");
}
.button-arrow.-tx-white:after{
	background-image: url("../img/icon/icon-arrow_wh.svg");
}


.fadeInTop{
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.fadeInTop.is-animated{
	opacity: 1;
	transform: translateY(0);
}
.toclist-box__list{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}
.toclist-box__list li{
	position: relative;
	padding-left: 20px;
	line-height: 1;
}
.toclist-box__list li:before{
	content: '';
	border-width: 8px 6px 0 6px;
	position: absolute;
	top: 50%;
	left: 3px;
	width: 0;
	height: 0;
	border-style: solid;
	transform: translateY(-50%);
	border-color: var(--primary-color) transparent transparent transparent;
}
.toclist-box__list li a{
	
}
@media (max-width: 767.98px) {
	.toclist-box__list{
		justify-content: left;
		gap: 10px;
	}
}



/*
 * nav-header__pc
 * -------------------------------------------------------------------
 */

.nav-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	transition: all .45s ease;
}
.nav-header:after{
	opacity: 0;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background: rgb(0 21 41 / 50%);
	content: "";
	z-index: 100;
	transition: all .2s ease;
}
.nav-header__logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 300px;
	display: block;
	height: 110px;
	z-index: 1000;
	transition: all .25s ease;
}
.nav-header__logo-image {
	display: block;
	max-width: 100%;
	max-height: 100%;
	position: relative;
	z-index: 2;
}
.nav-header__lang{
	position: absolute;
	right: 15px;
	top: 18px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	z-index: 1000;
	transition: all .25s ease;
}
.nav-header__lang-list{
	position: relative;
	display: flex;
	gap: 13px;
	list-style: none;
	font-size: 1.5rem;
	line-height: 1;
}
.nav-header__lang-list:before{
	position: absolute;
	left: -23px;
	top: 1px;
	width: 16px;
	height: 16px;
	content: '';
	display: inline-block;
	background-image: url("../img/icon/icon-lang_bl.svg");
	background-repeat: no-repeat;
	background-size: contain;
}
.nav-header__lang-item {
	position: relative;
}
.nav-header__lang-item:nth-of-type(n+2):before {
	position: absolute;
	left: -10px;
	bottom: 1px;
	content: '/';
	color: var(--font-color);
	display: inline-block;
	font-size: 12px;
	opacity: .6;
}
.nav-header__lang-link{
	color: var(--font-color);
}
.nav-header__lang-link.-active{
	opacity: .5;
	pointer-events: none;
}
.nav-header .navi-menu__item.-d-footer{
	display: none;
}
/*****.p-index *****/
.p-index .nav-header__logo:after {
	position: absolute;
	top: 0;
	left: -30px;
	width: 330px;
	height: 110px;
	background: #fff;
	content: '';
	transform: skewX(-21deg);
	z-index: 1;
	overflow: hidden;
	border-radius: 0 0 50px 0;
	transition: all .5s ease-out;
}
.p-index .nav-header__lang-list:before{
	background-image: url("../img/icon/icon-lang.svg");
}
.p-index .nav-header__lang-item:nth-of-type(n+2):before {
	color: #fff;
}
.p-index .nav-header__lang-link{
	color: #fff;
}

/*****.scrolled *****/
.scrolled .navi-menu__link,
.scrolled .nav-header__lang-link,
.scrolled .nav-header__lang-item:nth-of-type(n+2):before{
	color: var(--font-color)!important;
}
.scrolled .nav-header__lang-list:before{
	background-image: url("../img/icon/icon-lang_bl.svg");
}
.p-index .scrolled .nav-header__logo:after {
	background: none;
}
/*****.has-child-active *****/
.has-child-active .navi-menu__link,
.has-child-active .nav-header__lang-link,
.has-child-active .nav-header__lang-item:nth-of-type(n+2):before{
	color: var(--font-color)!important;
}
.has-child-active .nav-header__lang-list:before{
	background-image: url("../img/icon/icon-lang_bl.svg");
}

@media (min-width: 1200px) {
	.nav-header__container {
		display: flex;
		justify-content: flex-end;
		min-height: 50px;
		margin: 50px 45px 0;
		transition: all .5s ease;
	}

	.nav-header .navi-menu {
		display: flex;
		align-items: center;
		list-style: none;
		margin: 0;
		padding: 0;
		gap: 30px;
	}

	.nav-header .navi-menu__item {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	.nav-header .navi-menu__link {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		color: #222222;
		text-align: center;
		z-index: 999;
		font-size: var(--fs-main);
		/* min-width: 100px; */
		font-weight: 500;
		/*transition: color .3s ease;*/
	}
	.nav-header .navi-menu__link:after {
		display: block;
		opacity: 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 4px;
		background: var(--blue-color);
		content: "";
		transition: all 0.2s;
	}

	.nav-header .navi-menu__item:hover .navi-menu__link:after {
		opacity: 1;
		width: 100%;
	}
	.nav-header .navi__contact {
		font-size: var(--fs-main);
		position: relative;
		border: 1px solid var(--primary-color);
		line-height: 1;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		transition: all .15s ease;
		background-color: var(--primary-color);
		color: #ffffff;
		padding: 0.75rem 2rem;
		border-radius: 100px;
		z-index: 9999;
		font-weight: 500;
	}

	.nav-header .navi__contact:hover {
		background-color: #ffffff!important;
		border: 1px solid var(--primary-color)!important;
		color: var(--primary-color)!important;
	}
	.nav-header .navi-children{
		opacity: 0;
		position: absolute;
		z-index: 998;
		top: 0;
		display: flex;
		flex-wrap: wrap;
		padding: 120px 10vw 60px;
		pointer-events: none;
		left: 0;
		width: 100vw;
		background: #fff;
		justify-content: center;
		transition: background .3s linear;
	}
	.nav-header .navi-menu__item:hover .navi-children{
		opacity: 1;
		pointer-events: auto;
	}
	.nav-header .navi-children__menu{
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 300px);
		gap: 15px 30px;
		max-width: 950px;
	}
	.nav-header .navi-children__item{
		width: calc(33.333% - 20px);
		border-bottom: 1px solid var(--border-color);
		position: relative;
	}
	.nav-header .navi-children__item:after{
		position: absolute;
		content: '';
		width: 10px;
		height: 2px;
		background: var(--blue-color);
		display: inline-block;
		bottom: -1px;
		left: 0;
		transition: all .2s ease;
	}
	.nav-header .navi-children__item:hover:after{
		width: 10px;
	}
	.nav-header .navi-children__link{
		color: var(--font-color);
		display: block;
		padding: 10px 50px 10px 10px;
		position: relative;
		cursor: pointer;
		font-weight: 500;
	}


	.nav-header .navi-children__link:before{
		position: absolute;
		content: '';
		width: 50px;
		height: 18px;
		border-radius: 15px;
		top: 50%;
		right: 5px;
		display: inline-block;
		transform: translateY(-50%);
		transition: all .2s ease;
	}
	.nav-header .navi-children__link:after{
		position: absolute;
		content: '';
		width: 16px;
		height: 7px;
		display: inline-block;
		right: 21px;
		background-repeat: no-repeat;
		background-size: contain;
		top: 50%;
		transform: translateY(-50%);
		transition: all .15s ease;

	}
	.nav-header .navi-children__link:hover:before{
		background: var(--border-color);
		background: var(--blue-color);
		border-color: var(--blue-color);
		transform: translateY(-50%) translateX(5px);
	}
	.nav-header .navi-children__link:hover:after{
		background-image:url("../img/icon/icon-arrow_wh.svg");
		transform: translateY(-50%) translateX(5px);
	}
	.nav-header .navi-children__title{
		font-size: 2.7rem;
		font-weight: 700;
		width: 300px;
		line-height: 1;
		margin-top: 10px;
	}
	.nav-header .navi-children__title-link{
		color: var(--font-color);
		position: relative;
	}
	.nav-header .navi-children__title-link:before{
		right: -62px;
	}
	.nav-header .navi-children__title-link:after{
		right: -45px;
	}
	.nav-header .navi-children__title-link:hover{
		opacity: .75;
	}
	.nav-header .navi-children__title-link:hover:before,
	.nav-header .navi-children__title-link:hover:after{
		transform: translate(5px, -50%);
	}
	.nav-header__toggle{
		display: none;
	}
	/*****.p-index *****/
	.p-index .nav-header{
		content: "";
		display: block;
		transition: background .35s ease;
		background: rgba(19,121,191, 0.6);
	}
	.p-index .nav-header:after{
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		height: 70px;
		background: linear-gradient(to bottom, rgb(49 123 189), transparent);
		content: "";
		display: block;
		opacity: .6;
		transition: all .35s ease;
	}
	.p-index .nav-header .navi__contact{
		border: 1px solid #fff;
		background-color: #fff;
		color: var(--primary-color);
	}
	.p-index .nav-header .navi__contact:hover{
		border: 1px solid var(--primary-color)!important;
		background-color: var(--primary-color)!important;
		color: #fff!important;
	}
	.p-index .nav-header__logo {
	}
	.p-index .has-child-active .nav-header__logo {
		background: none;
	}
	.p-index .nav-header .navi-menu__link {
		color: #fff;
		text-shadow: 0 0 4px rgb(68 69 75 / 60%);
	}
	/*****.scrolled *****/
	.nav-header.scrolled{
		background: none;
	}
	.p-index .nav-header.scrolled:before,
	.p-index .nav-header.scrolled:after{
		content: none;
	}
	.scrolled .nav-header__container{
		margin: 30px 15px 0;
	}
	.scrolled .nav-header__logo {
		width: 250px;
	}
	.p-index .scrolled .navi-menu__link{
		text-shadow: none;
	}
	.p-index .scrolled .navi__contact {
		border: 1px solid var(--primary-color);
		background-color: var(--primary-color);
		color: #fff;
	}
	.p-index .scrolled .navi__contact:hover {
		border: 1px solid var(--primary-color)!important;
		background-color: #fff!important;
		color: var(--primary-color)!important;
	}
	.scrolled .nav-header__lang{
		top: 12px;
	}

	/*****.has-child-active *****/
	.nav-header.has-child-active:after{
		opacity: 1;
		display: block;
	}
	.p-index .has-child-active .navi-menu__link{
		text-shadow: none;
	}
	.has-child-active.nav-header .navi__contact {
		border: 1px solid var(--primary-color);
	}
	.p-index .has-child-active .nav-header__logo:after {
		background: none;
	}
}

/*
 * l-header__sp
 * -------------------------------------------------------------------
 */

@media (max-width: 1199.98px) {
	.nav-header.has-child-active:after{
		display: none;
	}
	.nav-header__logo {
		height: 100px;
	}
	.nav-header__logo-image {
	}
	.nav-header__toggle {
		position: fixed;
		top: 7px;
		right: 7px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		width: 50px;
		height: 50px;
		background: var(--primary-color);
		cursor: pointer;
		transition: all 0.2s;
		border: none;
		z-index: 11;
	}
	.nav-header__toggle:hover {
		opacity: .75;
	}

	.nav-header__toggle-line {
		display: inline-block;
		width: 20px;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		transition: .5s;
	}

	.nav-header__toggle-line:nth-of-type(1){
		top: 16px;
	}
	.nav-header__toggle-line:nth-of-type(2){
		top: 24px;
	}
	.nav-header__toggle-line:nth-of-type(3){
		top: 32px;
	}
	
	.nav-header {
		width: 100%;
		height: 75px;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1002;
	}
	.nav-header__container{
		height: 100%;
		margin: 0;
		z-index: 101;
		position: relative;
	}

	.nav-header .navi-menu {
		position: fixed;
		width: 50%;
		min-width: 450px;
		height: 100%;
		background: #fff;
		padding: 100px 60px;
		transition: all .3s ease;
		overflow-y: scroll;
		top: 0;
		right: -100%;
		color: #fff;
		z-index: 10;
		margin: 0;
		display: block;
	}
	.nav-header .navi-menu__item{
		height: auto;
		display: block;
	}
	.nav-header .navi-menu__item:nth-of-type(n+2){
		border-top: 1px solid #ddd;
	}
	.nav-header .navi-menu__link{
		padding: 25px;
		position: relative;
	}
	.nav-header .navi-menu__link:before,
	.nav-header .navi-menu__link:after{
		position: absolute;
		top: 50%;
		right: 16px;
		width: 15px;
		height: 1px;
		content: '';
		transition: all .35s ease;
		transform: translateY(-50%);
		background: var(--font-color);
	}
	.nav-header .navi-menu__link:after{
			transform: translateY(-50%) rotate(-90deg);
	}
	.nav-header .navi-menu__link:hover{
		background: var(--bg-color);
	}
	.nav-header .navi-menu__link{
		position: relative;
		display: block;
		font-weight: 600;
		color: var(--font-color);
		font-size: var(--fs-main);
	}
	.nav-header .navi-children{
		position: relative;
		flex-wrap: wrap;
		gap: 15px;
		margin: 0;
		width: 100%;
		font-weight: 400;
		padding: 30px 25px 0;
		display: none;
	}
	.nav-header .navi-children__item {
		width: 100%;
		width: calc(50% - 5px);
	}
	.nav-header .navi-children__title,
	.nav-header .navi-children__link{
		color: var(--font-color);
		font-size: 1.6rem;
		width: 100%;
		display: block;
	}
	.nav-header .navi-children__title:hover,
	.nav-header .navi-children__link:hover{
		opacity: .75;
	}
	.nav-header .navi-children__title{
		
	}
	.nav-header .navi-children__title-link{
		color: var(--font-color);
	}
	.nav-header .navi-children__title-link:before,
	.nav-header .navi-children__title-link:after{
		content: none;
	}
	.nav-header	.navi-children__link{
		color: #6d6d6d;
		width: auto;
		display: inline-block;
	}
	.nav-header .navi-children__menu{
		width: 100%;
		margin-bottom: 30px;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.nav-header .navi__contact{
		display: block;
		position: relative;
		line-height: 1;
		text-decoration: none;
		text-align: center;
		background-color: var(--primary-color);
		color: #ffffff;
		margin-top: 45px;
		font-weight: 600;
		padding: 25px;
		border-radius: 100px;
		font-size: var(--fs-main);
	}
	.nav-header__lang{
		right: 75px;
		top: 24px;
	}
	.p-index .nav-header:before{
		display: none;
	}
	.p-index .nav-header__logo:after{
		
	}
	/*****.menu-open *****/
	.menu-open{
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
	.menu-open .navi-menu {
		opacity: 1;
		right: 0;
	}
	.menu-open .nav-header:after {
		opacity: 1;
		display: block;
	}
	.menu-open .nav-header__toggle-line{
		top: 50%;
	}
	.menu-open .nav-header__toggle-line:nth-of-type(1){
		transform: translateX(-50%) translateY(-50%) rotate(40deg);
	}
	.menu-open .nav-header__toggle-line:nth-of-type(2){
		display: none;
	}
	.menu-open .nav-header__toggle-line:nth-of-type(3){
		transform: translateX(-50%) translateY(-50%) rotate(-40deg);
	}
	/*****.item-open *****/
	
	.nav-header .item-open .navi-menu__link{
		background: var(--bg-color);
	}
	.nav-header .item-open .navi-menu__link:before{
		 transform: translateY(-50%) rotate(-90deg);
		opacity: 0;
	}
	.nav-header .item-open .navi-menu__link:after{
		transform: translateY(-50%) rotate(-180deg);
	}
	.navi-menu__item.item-open .navi-children {
		display: flex;
		opacity: 1;
	}
}
@media (max-width: 991.98px) {
	
}
@media (max-width: 767.98px) {
	.nav-header .navi-menu{
		width: 100%;
		min-width: 100%;
		padding: 120px 60px 60px;
	}
	/*****.p-index *****/
	.p-index .nav-header__logo{
		width: 230px;
	}
	.p-index .nav-header__logo:after {
		width: 270px;
		height: 90px;
	}
}
@media (max-width: 575.98px){
	.nav-header .navi-menu{
		padding: 120px 30px 30px;
	}
	.nav-header__logo{
		height: 80px;
	}
	.p-index .nav-header__logo:after{
		border-radius: 0 0 25px 0;
		width: 250px;
		height: 80px;
	}
	.nav-header .navi-children{
		padding: 25px 25px 0;
	}
	.nav-header .navi-children__title-link{
		font-weight: 500;
	}
	.nav-header .navi-children__title,
	.nav-header .navi-children__link{
		font-size: var(--fs-main);
	}
	
}

/*
 * page-heading
 * -------------------------------------------------------------------
 */
.page-heading {
	display: inline-block;
	position: relative;
	z-index: 10;
	color: var(--primary-color);
}

.page-heading__text-main {
	font-size:var(--fs-h1);
	position: relative;
	font-weight: 700;
	line-height: 1.3;
	color: var(--primary-color);
}

.page-heading__text-sub {
	position: relative;
	font-size: var(--fs-main);
	color: var(--primary-color);
	font-family: "Poppins", sans-serif;
	font-style: italic;
	font-weight: 400;
	padding-left: 22px;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.page-heading__text-sub:after {
	position: absolute;
	display: block;
	/* background: var(--primary-color); */
	content: "";
	top: 1px;
	left: 1px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-image: linear-gradient(142deg, #37AAF2, #2981C9 50%);
}
.page-heading__link{
	position: absolute;
	width: calc(100% + 65px);
	height: 100%;
	top: 0;
	left: 0;
}
.page-heading__link:before{
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 50%;
	bottom: 10px;
	right: 0;
	background: #fff;
	display: inline-block;
	transition: all .2s ease;
	border: 1px solid var(--border-color);
}
.page-heading__link:after{
	display: inline-block;
	position: absolute;
	content: '';
	width: 15px;
	height: 6px;
	right: 17px;
	bottom: 32px;
	background-image: url("../img/icon/icon-arrow_gr.svg");
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .2s ease;
}
.page-heading__text-main.-underline{
	padding-bottom: 6px;
}
.page-heading__text-main.-underline:after{
	display: inline-block;
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	background: var(--primary-color);
	transition: all .3s ease-out;
}
.page-heading:hover .page-heading__text-main.-underline:after{
	width: 100%;
}
.page-heading__link:hover:before,
.page-heading__link:hover:after{
	transform: translateX(10px);
}

.text-white.page-heading {
	color: #fff;
}
.text-white .page-heading__text-main {
	color: #fff;
}
.text-white .page-heading__text-main.-underline:after{
	background: #fff;
}
.text-white .page-heading__text-sub{
	color: #fff;
}
.text-white .page-heading__text-sub:after{
	background: #fff;
}
.text-white .page-heading__link:before{border: none;}
.text-white .page-heading__link:after{
	background-image: url("../img/icon/icon-arrow_bl.svg");
}

.p-index .page-heading{
	margin-bottom: 60px;
}

.fadeInText{
	overflow: hidden;
	opacity: 0;
}
.fadeInText>span{
	display: inline-block;
	opacity: 0;
	transform: translateY(100%);
	transform: matrix(1, 0, 0, 1, 0, 100);
	transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fadeInText.is-animated{
	opacity: 1;
}
.fadeInText.is-animated>span{
	 opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
}

.fadeInText.page-heading__text-sub:after{
	opacity: 0;
	transform: translateY(100%);
	transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.fadeInText.is-animated.page-heading__text-sub:after{
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 0, 0);
}
@media (max-width: 575px){
	.page-heading__link:before{
		bottom: 2px;
	}
	.page-heading__link:after{
		bottom: 25px;
	}
}

/*
 * footer
 * -------------------------------------------------------------------
 */
.footer{
	background: #fff;
	border-radius: 30px 30px 0 0;
	position: relative;
	z-index: 1;
}
.footer a{
	color: var(--font-color);
}
.footer a:hover{
	opacity: .5;
}
.footer-container{
	display: flex;
	flex-wrap: wrap;
	padding-top: 150px;
	position: relative;
	padding-bottom: 60px;
}
.footer-logo{
	width: 30%;
	margin-top: -50px;
}
.footer-logo__link{
	display: inline-block;
	transition: all .3s ease;
}
.footer-logo__image{
	display: block;
}
.footer-menu{
	width: 70%;
}
.footer .navi-menu{
	display: flex;
	flex-wrap: wrap;
	gap: 60px 30px;
}
.footer .navi-menu__item{
	width: calc(33.333% - 20px);
}
.footer .navi-menu__item.-d-header{
	display: none;
}
.footer .navi-menu__link{
	color: var(--font-color);
	display: block;
	font-weight: 600;
	font-size: 1.8rem;
	margin-bottom: 5px;
}
.footer .navi-menu__item:not(.-d-footer) .navi-menu__link{
	position: relative;
	border-bottom: 1px solid var(--font-color);
	margin-bottom: 15px;
	padding: 0 10px 10px;
}
.footer .navi-menu__item:not(.-d-footer) .navi-menu__link:after{
	position: absolute;
	bottom: 0;
	left: 0;
	widows: 10px;
	height: 1px;
	background: var(--blue-color);
	display: inline-block;
	content: '';
}
.footer .navi-menu__link.-mt20{
	margin-top: 20px;
}

.footer .navi-contact__icon{
	margin-right: 5px;
	display: inline-block;
	width: 15px;
	height: 15px;
}
.footer .navi-children{
	
}
.footer .navi-children__title{
	display: none;
}
.footer .navi-children__item{
	
}
.footer .navi-children__link{
	color: #605d5d;
	display: inline-block;
	margin-bottom: 8px;
	padding-left: 10px;
}
.footer-pagetop{
	position: absolute;
	right: 55px;
	bottom: 52px;
}
.footer-pagetop__link{
	position: relative;
	font-size: 1.4rem;
	font-family: 'Poppins';
	display: inline-block;
	padding: 5px 5px 5px 25px;
}
.footer-pagetop__link:before{
	content: '';
	width: 9px;
	height: 9px;
	border: 0;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	position: absolute;
	top: 13px;
	left: 1px;
	transform: rotate(-45deg);
}
.footer-copy{
	display: block;
	width: 100%;
	color: #757575;
	font-size: 1.3rem;
	padding: 60px 15px 0;
	border-top: 1px solid var(--border-color);
	margin-top: 90px;
}
@media (max-width: 991.98px) {
	.footer-menu{
		padding-left: 30px;
	}
	.footer .navi-menu__item{
		width: calc(50% - 15px);
	}
}
@media (max-width: 767.98px) {
	.footer-logo{
		width: 100%;
		margin-bottom: 30px;
		text-align: center;
	}
	.footer-logo__image{
		max-width: 200px;
	}
	.footer-menu{
		width: 100%;
		padding: 0;
	}
}
@media (max-width: 575.98px){
	.footer-container{
		padding-top: 90px;
		padding-bottom: 30px;
	}
	.footer-menu{
		margin-bottom: 60px;
	}
	.footer .navi-menu{
		gap: 30px 15px;
	}
	.footer .navi-menu__item{
		width: calc(50% - 8px);
	}
	.footer .navi-menu__link{
		font-size: 1.5rem;
		margin-bottom: 10px !important;
	}
	.footer .navi-children__link{
		margin-bottom: 6px;
		font-size: 1.4rem;
	}
	.footer-logo__image {
		max-width: 150px;
	}




	.footer-copy{
		padding: 30px 5px 0;
		margin-top: 5px;
	}
	.footer-pagetop{
		position: relative;
		right: 0;
		bottom: 0;
		width: 100%;
		text-align: right;
	}
}

/*
 * contents page
 * -------------------------------------------------------------------
 */
.pagevisual{
	margin: 210px 0 45px;
}
@media (max-width: 575.98px){
	.pagevisual{
		margin: 150px 0 45px;
	}
}
.breadcrumbs{
	padding-bottom: 60px;
}
.breadcrumbs__list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: flex-end;
	font-size: 1.5rem;
}
.breadcrumbs__list-item{
	position: relative;
	color: #4E4E4E;
	line-height: 1;
}
.breadcrumbs__list-item:nth-of-type(n+2):before{
	position: absolute;
	left: -22px;
	top: 7px;
	width: 15px;
	height: 1px;
	background: #ACACAC;
	content: '';
	display: inline-block;
}
.breadcrumbs__link{
	color: #4E4E4E;
}
@media (max-width: 575.98px){
	.breadcrumbs__list{
		font-size: 1.3rem;
		gap: 20px;
	}
	.breadcrumbs__list-item:nth-of-type(n+2):before{
		left: -13px;
		width: 7px;
	}
	
}
.page-body{
	padding-bottom: 150px;
}
.page-body:not(.-noBorder){
	border-top: 1px solid var(--border-color);
	padding-top: 60px;
}
.page-body h2:not(.plain){
	position: relative;
	font-weight: 700;
	margin-top: 60px;
	margin-bottom: 30px;
	padding: 3px 3px 15px 2px;
}
.page-body h2:not(.plain):before,
.page-body h2:not(.plain):after{
	position: absolute;
	left: 0;
	content: '';
		display: block;
}
.page-body h2:not(.plain):before{
	bottom:0;
	width: 100%;
	height: 2px;
	background: var(--border-color);
}
.page-body h2:not(.plain):after{
	bottom: 0;
	width: 18px;
	height: 2px;
	background: var(--light-blue-color);
}
.page-body h3:not(.plain){
	 position: relative;
	 line-height: 1.5;
	 font-weight: 600;
	 padding-left: 23px;
	 margin-top: 45px;
	 margin-bottom: 10px;
}
.page-body h3:not(.plain):before{
	position: absolute;
	top: 14px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--primary-color);
	content: '';
	display: inline-block;
}
.page-body h4:not(.plain){
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 30px;
	color: var(--primary-color);
}
.page-body p{
	margin-bottom: 1.5rem;
	line-height: 1.6;
	padding-left: 2px;
}
.page-body p sub{
	font-size: 1.1rem;
	position: relative;
	top: -4px;
}
@media (max-width: 575.98px){
	.page-body h3:not(.plain):before{
		top: 10px;
	}
}
.page-body a{
	text-decoration: underline;
	color: var(--primary-color);
}
.page-body a:hover{
	text-decoration: none;
}
.page-body a.btn{
	position: relative;
	display: inline-block;
	background: #fff;
	padding: 20px 100px 20px 30px;
	border-radius: 3px;
	text-decoration: none;
	font-weight: 500;
	box-shadow: 0px 10px 10px -6px rgb(0 0 0 / 1%);
	margin-bottom: 15px;
}
.page-body a.btn:before{
	position: absolute;
	content: '';
	width: 50px;
	height: 18px;
	border-radius: 15px;
	top: 50%;
	right: 25px;
	display: inline-block;
	transform: translateY(-50%);
	transition: all .2s ease;
	background: var(--primary-color);
}
.page-body a.btn:hover{
	opacity: .8;
}
.page-body a.btn:hover:before,
.page-body a.btn:hover:after{
	transform: translateY(-50%) translateX(5px);
}
.page-body a.btn:after{
	position: absolute;
	content: '';
	width: 16px;
	height: 7px;
	display: inline-block;
	right: 41px;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	transition: all .15s ease;
	background-image: url("../img/icon/icon-arrow_wh.svg");
}
.page-body a.btn.-catalog{
	padding-left: 95px;
	line-height: 1.45;
}
.page-body a.btn.-catalog .btn-catalog_icon{
	position: absolute;
	content: '';
	width: 43px;
	height: 37px;
	display: inline-block;
	left: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	transition: all .15s ease;
	background-image: url("../img/icon/icon-catalog.svg");
}
.page-body a.btn.-catalog .btn-catalog_main{
	font-size: 1.75rem;
	display: block;
}
.page-body a.btn.-catalog .btn-catalog_sub{
	font-size: 1.5rem;
}
@media (max-width: 575.98px){
	.page-body a.btn.-catalog{
		padding: 20px 70px 20px 25px;
		width: 100%;
	}
	.page-body a.btn.-catalog:before{
		right: 20px;
	}
	.page-body a.btn.-catalog:after{
		right: 35px;
	}
	.page-body a.btn.-catalog .btn-catalog_sub {
		font-size: 1.3rem;
	}
	.page-body a.btn.-catalog .btn-catalog_icon{
		display: none;
	}
}
.page-body ul:not(.plain){
	margin-bottom: 1.5rem;
}
.page-body ul:not(.plain) li{
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
}
.page-body ul:not(.plain)>li:before{
	position: absolute;
	top: 9px;
	left: 9px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #CCCCCC;
	display: inline-block;
	content: '';
}
.page-body ol{
	margin-bottom: 1.5rem;
	counter-reset: number;
	list-style: none;
}
.page-body ol li{
	position: relative;
	padding-left: 55px;
	margin-bottom: 5px;
}
.page-body ol li:before{
	position: absolute;
	top: 0;
	left: 20px;
	color: #4d4d4d;
	display: inline-block;
	counter-increment: number;
	content: '(' counter(number) ')';
}
.page-body ul:not(.plain) ul,
.page-body ul:not(.plain) ol,
.page-body ol:not(.plain) ul,
.page-body ol:not(.plain) ol{
	margin-top: 4px;
	margin-bottom: 8px;
}
.page-body ul:not(.plain) ul li,
.page-body ol:not(.plain) ul li{
}
.page-body ul:not(.plain) li ul li:before ,
.page-body ol:not(.plain) li ul li:before{
	border-radius: 0;
	width: 13px;
	height: 1px;
	background: #9a9a9a;
	top: 12px;
	left: 5px;
}
.page-body ul:not(.plain) ol li,
.page-body ol:not(.plain) ol li{
	padding-left: 30px;
}
.page-body ul:not(.plain) ol li:before,
.page-body ol:not(.plain) ol li:before{
	left: 5px;
}
.page-body table{
	width: 100% !important;
	margin-bottom: 30px;
	background: #fff;
	border: none;
	table-layout: fixed;
}
.page-body table tbody{
}
.page-body table tbody th,
.page-body table tbody td{
	padding: 20px 30px;
	border: none;
}
.page-body table tbody th{
	border-bottom: 2px solid var(--primary-color);
	color: var(--primary-color);
	font-weight: 700;
	align-content: baseline;
}
.page-body table tbody td{
	border-bottom: 1px solid var(--border-color);
}
.page-body table colgroup col.w-20{
	width: 20%!important;
}
.page-body table colgroup col.w-80{
	width: 80%!important;
}
.page-body table colgroup col.w-30{
	width: 30%!important;
}
.page-body table colgroup col.w-70{
	width: 70%!important;
}
/****.no-background****/
.page-body table.no-background{
	background: none;
}
.page-body table.no-background tbody th,
.page-body table.no-background tbody td{
	padding: 20px 45px;
}
.page-body table.no-background tbody th{
	border-bottom: 1px solid var(--border-color);
	text-align: left;
	color: var(--font-color);
}
/****.table-history****/
.page-body table.table-history{
	background: none;
}
.page-body table.table-history colgroup col.table-history__year{
	width: 220px;
}
.page-body table.table-history colgroup col.table-history__body{
	/* width: 75%; */
}
.page-body table.table-history tbody th{
	position: relative;
	border-right: 2px solid var(--primary-color);
	text-align: left;
	padding: 20px 45px;
	font-size: 2.0rem;
	border-bottom: none;
}
.page-body table.table-history tbody th:before{
	position:absolute;
	top: 28px;
	right: -8px;
	content: '';
	display: inline-block;


	width: 15px;
	height: 15px;
	background: var(--primary-color);
	border-radius: 50%;
	z-index: 2;
}
.page-body table.table-history tbody tr:first-of-type th:after,
.page-body table.table-history tbody tr:last-of-type th:after{
	position:absolute;
	right: -8px;
	content: '';
	display: inline-block;
	width: 15px;
	height: 50%;
	background: var(--bg-color);
	z-index: 1;
}
.page-body table.table-history tbody tr:first-of-type th:after{
	top: 0;
}
.page-body table.table-history tbody tr:last-of-type th:after{
	bottom: 0;
}
.page-body table.table-history tbody td{
	padding: 20px 45px;
	border-bottom: none;
}
/****.photo****/
.page-body .photo{
	width: 100%;
	max-height: 600px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin-bottom: 45px;
}
.page-body .photo img{
	object-fit: cover;
	object-position: center;
	display: block;
}

/****.page-list****/
.page-body .page-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 45px;
}
.page-body .page-list__item{
	width: calc(50% - 15px);
	position: relative;
	overflow: hidden;
}
.page-body .page-list__item:before,
.page-body .page-list__item:after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	z-index: 1;
	border-radius: 3px;
}
.page-body .page-list__item:before{
	background: #fff;
	opacity: .7;
}
.page-body .page-list__item:after{
	opacity: 0;
	transition: all .2s ease;
	border: 1px solid var(--primary-color);
}
.page-body .page-list__item:hover:before{
	opacity: .9;
}
.page-body .page-list__item:hover:after{
	opacity: 1;
}
.page-body .page-item{
	position: relative;
	z-index: 2;
	display: block;
	padding: 30px;
	text-decoration: none;
}
.page-body .page-item__content{
	position: relative;
}
.page-body .page-item__title{
	font-size: 2.1rem;
	font-weight: 700;
	margin-bottom: 15px;
	position: relative;
	display: inline-block;
	line-height: 1.4;
}
.page-body .page-item__title:after{
	display: inline-block;
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	left: 0;
	bottom: -4px;
	background: var(--primary-color);
	transition: all .35s ease-out;
}
.page-body .page-item__content.button-arrow:before{
	top: 4px;
	transform: none;
}
.page-body .page-item__content.button-arrow:after{
	top: 9px;
	transform: none;
}
.page-body .page-item__summary{
	color: var(--font-color);
}
.page-body .page-item:hover .page-item__title:after{
	width: 100%;
}
.page-body .page-item:hover .page-item__content.button-arrow:before{
	transform: translateX(8px);
}
.page-body .page-item:hover .page-item__content.button-arrow:after{
	transform: translateX(8px);
}
.page-body .mt-be-columns{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.page-body .mt-be-column{
	max-width: calc(50% - 15px);
}
.page-body .mt-be-image{
}
.page-body .mt-be-image img{
	
}
.page-body .mt-be-image figcaption{
	text-align: center;
	margin-top: 5px;
}
.page-body .mt-be-image.image-w100__box{
	width: 100%;
	max-height: 600px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}
.page-body .mt-be-image.image-w100__box img{
	object-fit: cover;
	object-position: center;
	display: block;
	width: 100%;
}
.page-body .mt-be-image.image-bgWhite__box{
	width: 100%;
	background: #fff;
	padding: 30px;
	text-align: center;
	border: 1px solid var(--border-color);
}
.page-body .mt-be-image.image-bgWhite__box img{
	
}
.page-body .mt-be-file a{
	position: relative;
	display: inline-block;
	background: #fff;
	padding: 20px 100px 20px 30px;
	border-radius: 3px;
	text-decoration: none;
	font-weight: 500;
	box-shadow: 0px 10px 10px -6px rgb(0 0 0 / 1%);
	margin-bottom: 15px;
}
.page-body .mt-be-file a:before{
	position: absolute;
	content: '';
	width: 50px;
	height: 18px;
	border-radius: 15px;
	top: 50%;
	right: 25px;
	display: inline-block;
	transform: translateY(-50%);
	transition: all .2s ease;
	background: var(--primary-color);
}
.page-body .mt-be-file a:after{
	position: absolute;
	content: '';
	width: 16px;
	height: 7px;
	display: inline-block;
	right: 41px;
	background-repeat: no-repeat;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
	transition: all .15s ease;
	background-image: url("../img/icon/icon-arrow_wh.svg");
}
.page-body .mt-be-file a:hover{
	opacity: .8;
}
.page-body .mt-be-file a:hover:before,
.page-body .mt-be-file a:hover:after{
	transform: translateY(-50%) translateX(5px);
}
@media (max-width: 767.98px) {
	.page-body .page-list__item{
		width: 100%;
	}
}
/****.factory-box****/
.page-body .factory-box{
	background: #dae5ed;
	padding: 30px;
}
.page-body .factory-box__text{
	width: 60%;
	max-width: 100%;
}
.page-body .factory-box__text-title{
	font-size: 2.0rem;
	letter-spacing: .01em;
	position: relative;
	padding-bottom: 15px;
	border-bottom: 1px solid #b6c0c8;
	color: #103e88 !important;
	font-weight: 600;
}
.page-body .factory-box__text-title:before{
	position: absolute;
	background: var(--primary-color);
	content: '';
	bottom: 0;
	width: 100%;
	left: 0;
	height: 2px;
	display: none;
}
.page-body .factory-box__image{
	width: calc(40% - 30px);
	max-width: 100%;
}
.page-body .factory-box__image .mt-be-image{
	margin-bottom: 0;
	max-height: 300px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	overflow: hidden;
}
.page-body .factory-box__image .mt-be-image:nth-of-type(n+2){
	margin-top: 10px;
}
.page-body .factory-box__image .mt-be-image .asset-image{
	object-fit: cover;
}
@media (max-width: 575.98px){
	.page-body .factory-box{
		padding: 20px;
		gap: 0!important;
	}
	.page-body .factory-box__text-title{
		font-size: 1.7rem;
	}
	.page-body .factory-box__text,
	.page-body .factory-box__image{
		width: 100%;
	}
}
/****.qa-box****/
.page-body .qa-box{
	margin-bottom: 45px;
	background: #fff;
	/* padding: 30px; */
}
.page-body .qa-box__question{
	position: relative;
	/* padding-left: 40px; */
	font-weight: 700;
	color: var(--primary-color);
	cursor: pointer;
	font-size: 2.1rem;
	padding: 30px 50px 30px 70px;
}
.page-body .qa-box__question:before{
	position: absolute;
	content: 'Q.';
	display: inline-block;
	top: 33px;
	left: 30px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 3.0rem;
	width: 30px;
	height: 25px;
	line-height: 23px;
}
.page-body .qa-box__question:after {
	content: "+";
	position: absolute;
	right: 25px;
	top: 50%;
	font-size: 29px;
	font-weight: 600;
	font-family: "Zen Kaku Gothic New", sans-serif;
	transition: all 0.3s ease;
	transform: translateY(-50%);
}
.page-body .qa-box__answer{
	overflow: hidden;
	opacity: 0;
	display: none;
	transition: all .6s ease;
	position: relative;
	padding: 0 30px 30px 70px;
}
.page-body .qa-box__answer:before{
	position: absolute;
	content: 'A.';
	display: inline-block;
	top: 0;
	left: 33px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 2.5rem;
	width: 30px;
	height: 25px;
	line-height: 25px;
	color: #63676c;
}
.page-body .is-open .qa-box__question{
	margin-bottom: 25px;
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 25px;
}
.page-body .is-open .qa-box__question:after {
	transform: translateY(-50%) rotate(45deg);
}
.page-body .is-open .qa-box__answer {
	opacity: 1;
	display: block;
}
/****..schedule-box****/
.page-body .schedule-box {
	max-width: 700px;
	margin: 0 auto;
	font-family: sans-serif;
}
.page-body .schedule-box__item {
	display: flex;
	align-items: flex-start;
	background: #f9f9f9;
	padding: 30px;
	margin-bottom: 30px;
	position: relative;
}
.page-body .schedule-box__item:after {
	content: '';
	border-width: 12px 14px 0 14px;
	border-color: var(--blue-green-color) transparent transparent transparent;
	position: absolute;
	bottom: -21px;
	left: 50%;
	transform: translateX(-50%);
	width:0;
	height:0;
	border-style:solid;
	z-index: 1;
}
.page-body .schedule-box__final::after {
	content: none;
}
.page-body .schedule-box__icon {
	width: 60px;
	margin-right: 20px;
}
.page-body .schedule-box__icon img{
	width: 100%;
}
.page-body .schedule-box__content {
	flex: 1;
}
.page-body .schedule-box__step {
	color: #0e7f79;
	font-size: 1.4rem;
	margin-bottom: 0;
	font-weight: 600;
}
.page-body .schedule-box__title {
	font-weight: bold;
	font-size: 1.8rem;
}
.page-body .schedule-box__desc {
	margin-bottom: 0;
	margin-top: 10px;
}
.page-body .schedule-box__desc li {
}
.page-body .schedule-note {
	font-size: 1.2rem;
	color: #666;
	margin-top: 10px;
	text-align: right;
}
.page-body .introduction-boxs{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.page-body .introduction-box__box{
	width: calc(50% - 15px);
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-content: flex-start;
}
.page-body .introduction-box__box h3{
	width: 100%;
}
.page-body .introduction-box__box div{
	background: #f7f7f7;
	padding: 20px;
	width: calc(50% - 8px);
}
.page-body .introduction-box__box div h4{
	margin-top: 0;
}
.page-body .introduction-box__box div ul{
	
}
@media (max-width: 767.98px) {
	.page-body .introduction-box__box{
		width: 100%;
	}
}

/****.lead-text****/
.page-body .lead-text{
	font-weight: 700;
	font-size: 2.8rem;
	color: #06347f;
}
@media (max-width: 575.98px){
	.page-body .lead-text{
		font-size: 2.0rem;
		line-height: 1.5;
	}
}

/****.iframe-wrap****/
.page-body .iframe-wrap{
	position: relative;
	width: 100%;
	padding-bottom: 36.25%; 
	height: 0;
	overflow: hidden;
}
.page-body .iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	border: 0;
}

@media (max-width: 1199.98px) {
	/****.introduction-box__box****/
	.introduction-box__box{
		width: 100%;
	}
}
@media (max-width: 575.98px){
	.page-body .photo{
		margin-bottom: 30px;
	}
	.page-body .mt-be-columns{
		gap: 15px;
	}
	.page-body .mt-be-column{
		max-width: 100%;
	}
	.page-body .mt-be-image{
		margin: 0;
	}
	.page-body table tbody th,
	.page-body table tbody td{
		padding: 10px;
	}
	/****.responsive-full****/
	.page-body table.responsive-full{
		table-layout: auto;
	}
	.page-body table.responsive-full colgroup col{
		width: 100%!important;
	}
	.page-body table.responsive-full tbody th,
	.page-body table.responsive-full tbody td{
		display: block;
		width: 100%;
		height: auto!important;
	}
	.page-body table.responsive-full tbody th{
		text-align: left;
		border: none;
		padding: 20px 15px 0;
	}
	.page-body table.responsive-full tbody td{
		padding: 10px 15px 20px;
	}
	/****.table-history****/
	.page-body table.table-history colgroup col.table-history__year{
		width: 100px;
	}
	.page-body table.table-history tbody th{
		padding: 15px 10px 15px 0;
		font-size: 1.5rem;
	}
	.page-body table.table-history tbody td{
		padding: 15px 0 15px 15px;
	}
	.page-body table.table-history tbody th:before{
		top: 21px;
		right: -7px;
		width: 13px;
		height: 13px;
	}
	.page-body table.table-history tbody tr:first-of-type th:after{
		height: 25px;
	}
	.page-body table.table-history tbody tr:last-of-type th:after{
		height: calc(100% - 30px);
	}
	/****..schedule-box****/
	.page-body .schedule-box__item{
		padding: 30px 15px;
	}
	.page-body .schedule-box__icon {
		width: 40px;
		margin-right: 15px;
	}
	.page-body .mt-be-image.image-bgWhite__box{
		padding: 15px;
	}
}


/*
 * entry-box 
 * -------------------------------------------------------------------
 */
.entry-box {
	text-align: center;
	background: var(--primary-color);
	color: #fff;
	background-image: linear-gradient(156deg, #4cb4e8, #1379bf 13%, #013384);
	margin: 90px calc(50% - 50vw) 0;
	padding: 90px calc(50vw - 50%);
	width: calc(100vw - 8px);
}

.entry-box__title {
	font-size: 7rem;
	font-weight: 900;
	margin-bottom: 20px;
	font-family: "Poppins", sans-serif;
	font-style: italic;
}

.entry-box__lead {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 40px;
}

.entry-box__buttons {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.entry-box__button {
	flex: 0 1 auto;
}

.entry-box__link {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 15px 60px;
	border-radius: 30px;
	transition: all 0.3s ease;
	text-decoration: none!important;
}
.entry-box__link.-mynavi {
	color: #fff;
	background: linear-gradient(145deg,#14b5ad 0%,#0ea09c 100%  );
}

.entry-box__link.-mynavi:hover {
	transform: translateY(-5px);
}

.entry-box__link.-faq {
	background-color: #fff;
	color: var(--primary-color);
}

.entry-box__link.-faq:hover {
	transform: translateY(-5px);
}

/*
 * topics__list
 * -------------------------------------------------------------------
 */
.topics-list{
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
	width: calc(100% - 330px);
}

.topics-list__item{
	width: 100%;
}
.topics-list__item:nth-of-type(n+2){
	padding-top: 43px;
	position: relative;
	/* margin-top: 44px; */
}
.topics-list__item:nth-of-type(n+2):before{
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	display: block;
	background: var(--border-color);
	content: '';
}
.topics-list__item:nth-of-type(n+2):after{
	position: absolute;
	top: -3px;
	left: 0;
	width: 18px;
	height: 3px;
	display: block;
	background: var(--light-blue-color);
	content: '';
}
.topics-item{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 30px;
	color: var(--font-color)!important;
	text-decoration: none!important;
}
.topics-item__thumbnail{
	width: 250px;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	height: 160px;
}

.topics-item__thumbnail.button-arrow:before{
	top: auto;
	bottom: 10px;
	right: 13px;
	z-index: 3;
	opacity: 0;
	transform: none;
	background: var(--blue-color)!important;
}
.topics-item__thumbnail.button-arrow:after{
	top: auto;
	bottom: 16px;
	right: 29px;
	z-index: 4;
	transform: none;
	opacity: 0;
}
.topics-item:hover .topics-item__thumbnail.button-arrow:before{
	opacity: 1;
}
.topics-item:hover .topics-item__thumbnail.button-arrow:after{
	opacity: 1;
}
.topics-item__thumbnail-image{
	transition: all .3s ease;
	display: block;


	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin-bottom: 30px;
}
.topics-item:hover .topics-item__thumbnail-image{
	transform: scale(1.05);
}
.topics-item__content{
	width: calc(100% - 280px);
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: center;
}
.topics-item__content-date{
	display: inline-block;
	line-height: 1;
	margin-right: 10px;
	color: #4E4E4E;
}
.topics-item__content-category-label{
	display: inline-block;
	line-height: 1;
	background: #fff;
	border-radius: 15px;
	padding: 3px 8px 4px;
	border: 1px solid #137BBC;
	margin-right: 5px;
	color: #137BBC;
}
.topics-item__content-title{
	width: 100%;
	display: block;
	font-size: 1.9rem;
	font-weight: 500;
	margin-top: 10px;
}

/*
 * topics-wrap
 * -------------------------------------------------------------------
 */
.topics-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.topics-side{
	width: 300px;
}
.topics-side__title{
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 30px;
	color: var(--primary-color);
	font-size: 2.5rem;
}
.topics-side__list{
}
.topics-side__item{
	position: relative;
	padding-left: 21px;
	margin-bottom: 7px;
}
.topics-side__item:before{
	position: absolute;
	top: 10px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	content: '';
	background: var(--primary-color);
	display: none;
}
.topics-side__link,
.topics-side__sub-link{
	text-decoration: none!important;
	/* background: #fff; */
	/* border-radius: 30px; */
	/* padding: 4px 10px; */
	/* border: 1px solid #137BBC; */
	/* color: #137BBC!important; */
	/* display: inline-block; */
	/* line-height: 1; */
}
.topics-side__link{
	font-weight: 500;
}
.topics-side__list-title{
	display: none;
}
.topics-side__sub-list{
	margin: 10px 0 13px 7px;
}
.topics-side__sub-item{
	margin-bottom: 0;
	position: relative;
	padding: 2px 3px 3px 19px;
}
.topics-side__sub-item:before{
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 0;
	width: 1px;
	content: '';
	background: #82868d;
}
.topics-side__sub-link{
	
background: #fff;
	
border-radius: 30px;
	
padding: 4px 10px;
	
border: 1px solid #137BBC;
	
color: #137BBC !important;
	
display: inline-block;
	
line-height: 1;
	
font-size: 1.35rem;
}

@media (max-width: 991.98px) {
	.topics-list{
		width: calc(100% - 270px);
	}
	.topics-side {
		width: 240px;
	}
}

@media (max-width: 575.98px){
	.topics-side {
		width: 100%;
	}
	.topics-side__list-box{
		/* border: 1px solid var(--primary-color); */
		border-radius: 2px;
		overflow: hidden;
		/* background: #dbe7f1; */
	}
	.topics-side__list-title{
		display: block;
		position: relative;
		color: var(--primary-color);
		padding: 6px 20px;
		transition: all .03s cubic-bezier(0.65, 0.05, 0.36, 1);
		background: #dbe7f1;
	}
	.topics-side__list-title:before,
	.topics-side__list-title:after{
		position: absolute;
		display: block;
		width: 1px;
		height: 12px;
		background: var(--primary-color);
		content: "";
		transition: all .15s ease;
	}
	.topics-side__list-title:before{
		right: 29px;
		top: 12px;
	}
	.topics-side__list-title:after{
		right: 29px;
		transform: rotate(90deg);
		top: 12px;
	}
	.is-open .topics-side__list-title{
	/* border-bottom: 1px dashed var(--primary-color); */
	}
	.is-open .topics-side__list-title:before{
		transform: rotate(90deg);
	}
	.is-open .topics-side__list-title:after{
		opacity: 0;
	}
	.topics-side__list{
		display: none;
		height: 0;
	}
	.is-open .topics-side__list{
		display: block;
		padding: 15px 20px;
		transition: all .15s ease;
		height: 100%;
		/* background: #dbe7f1; */
		/* margin-top: 10px; */
		/* border-top: 1px dashed var(--primary-color); */
		border: 1px solid #dbe7f1;
		background: #fff;
	}
	.topics-side__sub-list{
		margin: 10px 0 0;
		background: #eff5fa;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.topics-side__item{
		margin-bottom: 10px;
		padding-left: 0;
	}
	.topics-side__item:nth-of-type(n+2){
		border-top: 1px solid #d5e0e9;
		padding-top: 10px;
		/* padding-left: 0; */
	}
	.topics-side__item:nth-of-type(n+2):before{
		top: 20px;
	}
	.topics-side__item:last-of-type{
		margin-bottom: 0;
	}
	.topics-side__sub-item{
		display: inline-block;
		padding: 0;
	}
	.topics-side__sub-item:before{
		content: none;
	}
	.topics-list{
		width: 100%;
		gap: 30px;
	}
	.topics-list__item:nth-of-type(n+2){
		padding-top: 30px;
	}
	.topics-item{
		gap: 15px;
	}
	.topics-item__thumbnail{
		width: 120px;
		height: 90px;
	}
	.topics-item__content{
		width: calc(100% - 135px);
	}
	.topics-item__content-title{
		font-size: 1.6rem;
		margin-top: 5px;
	}
	.topics-item__content-date{
		font-size: 1.3rem;
		width: 100%;
		margin-bottom: 7px;
	}
	.topics-item__content-category-label{
		font-size: 1.1rem;
		padding: 3px 7px;
	}
}
/*
 * blog__list
 * -------------------------------------------------------------------
 */
.blog-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	counter-reset: interview;
}
.blog-list__item{
	width: calc(33.333% - 20px);
}
.blog-item{
	color: var(--font-color);
	text-decoration: none!important;
}
.blog-item__thumbnail{
	overflow: hidden;
	position: relative;
	border-radius: 5px;
	margin-bottom: 15px;
	width: 100%;
	height: 200px;
}
.blog-item__thumbnail.button-arrow:before{
	top: auto;
	bottom: 10px;
	right: 13px;
	z-index: 3;
	opacity: 0;
	transform: none;
	background: var(--blue-color)!important;
}
.blog-item__thumbnail.button-arrow:after{
	top: auto;
	bottom: 16px;
	right: 29px;
	z-index: 4;
	transform: none;
	opacity: 0;
}
.blog-item:hover .blog-item__thumbnail.button-arrow:before{
	opacity: 1;
}
.blog-item:hover .blog-item__thumbnail.button-arrow:after{
	opacity: 1;
}
.blog-item__thumbnail-image{
	transition: all .3s ease;
	display: block;
	object-position: center;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.blog-item:hover .blog-item__thumbnail-image{
	transform: scale(1.05);
}
.blog-item__content{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: center;
}
.blog-item__date{
	display: inline-block;
	line-height: 1;
	margin: 0 10px 5px 0;

	color: #4E4E4E;
}
.blog-item__category{
	display: flex;
	gap: 5px;
}
.blog-item__category-label{
	display: inline-block;
	line-height: 1;
	background: #fff;
	border-radius: 15px;
	padding: 3px 8px 4px;
	border: 1px solid #137BBC;
	color: #137BBC;
	margin-right: 5px;
}
.blog-item__title{
	width: 100%;
	display: block;
	font-size: 1.9rem;
	font-weight: 500;
	margin-top: 10px;
	color: var(--font-color);
}
@media (max-width: 991.98px) {
	.blog-list__item{
		width: calc(50% - 15px);
	}
	.blog-item__date{
		font-size: 1.35rem;
		margin: 0 5px 5px 0;
	}
	.blog-item__category-label{
		font-size: 1.3rem;
	}
	.blog-item__title{
		font-size: 1.7rem;
	}
}
@media (max-width: 575.98px){
	.blog-list__item{
		width: 100%;
	}
	.blog-item__title{
		margin-top: 5px;
	}
	.blog-item__category-label{
		font-size: 1.1rem;
	}
	.blog-item__date{
		font-size: 1.2rem;
	}
	.blog__list-item:nth-of-type(n+2) .blog-item{
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}
	.blog__list-item:nth-of-type(n+2) .blog-item__thumbnail{
		width: 120px;
		height: 100%;
		margin: 0;
	}
	.blog__list-item:nth-of-type(n+2) .blog-item__content{
		width: calc(100% - 135px);
	}
	.blog__list-item:nth-of-type(n+2) .blog-item__title {
			font-size: 1.4rem;
			margin-top: 5px;
	}
	.blog-item__title {
		font-size: 1.6rem;
	}
}
/*
 * blog__wrap
 * -------------------------------------------------------------------
 */
.blog-wrap{
	
}
.blog-side{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 30px;
	justify-content: space-between;
}
.blog-side__title{
	line-height: 1.4;
	font-weight: 700;
	color: var(--primary-color);
	font-size: 2.8rem;
	margin: 0;
}
.blog-side__list{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 15px 15px 15px 0;
	justify-content: end;
	height: 100%;
}
.blog-side__item{
	
}
.blog-side__link{
	text-decoration: none!important;
	border: 1px solid #137BBC;
	line-height: 1;
	padding: 4px 14px;
	border-radius: 15px;
	display: inline-block;
	color: #137BBC!important;
	background: #fff;
	transition: .15s all ease;
}
.blog-side__link:hover{
	color: #fff!important;
	background: #137BBC!important;
	
}
@media (max-width: 767.98px) { 
	.blog-side__list{
		justify-content: flex-start;
	}
}
/*
 * topics and blog
 * -------------------------------------------------------------------
 */
.topics-wrap__detail,
.blog__wrap-detail{
	max-width: 1000px;
	margin: 0 auto;
}
.topics-item__heading,
.blog-item__heading{
	margin-bottom: 30px;
}
.topics-item__EntryTitle,
.blog-item__EntryTitle{
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 1.5;
}
.topics-item__eyecatch,
.blog-item__eyecatch{
	text-align: center;
}
.topics-item__eyecatch-image,
.blog-item__eyecatch-image{
	margin-bottom: 30px;
	max-height: 800px;
}
.topics-item__nextprav,
.blog-item__nextprav{
	
}
.topics-item__nextprav-list,
.blog-item__nextprav-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 45px;
}
.topics-item__nextprav-item,
.blog-item__nextprav-item{
	
} 
.topics-item__button-link,
.blog-item__button-link{
}
.-nolink .topics-item__button-link,
.-nolink .blog-item__button-link{
	pointer-events: none;
	opacity: .5;
	text-decoration: none !important;
}
@media (max-width: 767.98px) {
	
	.topics-item__EntryTitle,
	.blog-item__EntryTitle{
		font-size: 2.6rem;
	}
}

/*
 * article__list
 * -------------------------------------------------------------------
 */
.article-list{
	margin-top: 45px;
	margin-bottom: 15px;
}
.article-list__heading{
	text-align: center;
	font-size: 2.3rem;
	font-weight: 700;
	background: var(--primary-color);
	color: #fff;
	border-radius: 15px 15px 0 0;
	line-height: 1;
	padding: 15px;
}
.article-list__items{
	padding: 45px;
	border-radius: 0 0 15px 15px;
	background: #fff;
}
.article-list__item.-image {
	display: flex;
	flex-wrap: wrap;
	gap: 15px 30px;
}
.article-list__item:nth-of-type(n+2){
	margin-top: 30px;
	border-top: 1px solid var(--border-color);
	padding-top: 30px;
}
.article-list__content{
	
}
.-image .article-list__content{
	width: 60%;
}
.article-list__date{
	color: #4E4E4E;
	line-height: 1;
	margin-bottom: 3px;
}
.article-list__title{
	font-size: 2.0rem;
	font-weight: 600;
	margin-bottom: 10px;
}
.article-list__body{
	
}
.-image .article-list__thumbnail{
	width: calc(40% - 30px);
	height: 280px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	overflow: hidden;
}
.article-list__thumbnail-image{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.article-list__link{
	display: flex;
	justify-content: end;
	width: 100%;
}
.article-button{
	padding-right: 10px;
	text-align: right;
}
.article-button__link{
	
}
@media (max-width: 991.98px) {
	.-image .article-list__thumbnail{
		width: calc(45% - 30px);
	}
	.-image .article-list__content{
		width: 55%;
	}
}
@media (max-width: 767.98px) {
	.article-list__item.-image{
		gap: 0;
	}
	.-image .article-list__thumbnail{
		width: 100%;
	}
	.-image .article-list__content{
		width: 100%;
	}
	.article-list__link{
		margin-top: 3px;
	}
}
@media (max-width: 575.98px){
	.article-list__heading{
		font-size: 1.7rem;
		letter-spacing: .05em;
	}
	.article-list__items{
		padding: 25px 20px;
	}
	.article-list__title{
		font-size: 1.7rem;
	}
	.article-list__date{
		margin-bottom: 5px;
	}
	.-image .article-list__thumbnail{
		height: 100%;
	}
}


/*
 * .interview-box
 * -------------------------------------------------------------------
 */
.interview-box__detail{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 10px;
}
.interview-box__detail>div{
	display: inline-block;
	border: 1px solid #d8d8d8;
	border-radius: 30px;
	line-height: 1.2;
	padding: 3px 9px 4px;
	color: #5a5a5a;
	font-size: 1.45rem;
	background: #fafafa;
}
.interview-box__school{
	font-size: 1.5rem;
}
.interview-box{
  margin-bottom: 45px;
}
.interview-box__title{
	position: relative;
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 2.3rem;
	padding-left: 0;
	color: var(--primary-color);
}
.interview-box__title:before{
}
.interview-box__body{
}
.interview-box__num{
   counter-increment: num;
   font-weight: 800;
   font-size: 1.45rem;
   color: var(--primary-color);
   font-style: italic;
   padding-left: 15px;
   margin-bottom: 3px;
   position: absolute;

   top: -2px;
   z-index: 10;
   background: var(--bg-color);
   padding: 0 13px 4px 20px;
   border-radius: 0 0 10px 0;
}
.interview-box__num:before {

	position: absolute;
	width: 7px;
	height: 7px;
	background: var(--primary-color);
	content: '';
	top: 9px;
	left: 1px;
}
.interview-box__num:after {
  content: " " counter(interview, decimal-leading-zero);
}
#interview .page-body .mt-be-image.image-w100__box{
	margin-bottom: 45px;
}
.-interview.blog-list__item{
	width: calc(50% - 15px);
	counter-increment: interview;
}
.-interview .blog-item__thumbnail{
	height: 300px;
	border-radius: 0;
}
.-interview .blog-item__title{
	font-size: 2.3rem;
	font-weight: 600;
}
@media (max-width: 767.98px) { 
	.-interview .blog-item__thumbnail{
		height: 200px;
	}
}
@media (max-width: 575.98px) {
	.-interview.blog-list__item{
		width: 100%;
	}
	.-interview .blog-item__thumbnail{
		height: 180px;
		margin-bottom: 0;
	}
	.-interview .blog-item__title{
		font-size: 1.8rem;
	}
	.interview-box__detail{
		gap: 5px;
	}
	.interview-box__detail>div{
		font-size: 1.3rem;
		padding: 2px 6px 3px;
	}
	.interview-box__school{
		font-size: 1.25rem;
	}
	.interview-box__num{
		font-size: 1.2rem;
	}
	.interview-box__num:before{
		top: 6px;
	}
}ca