@charset "utf-8";
/* CSS Document */
/*====================================
Reset
====================================*/
html{
	width: 100%;
	font-size: 2.66666vw; /* 画面幅375pxの時1rem=10px */
	font-weight: 400;
}
body{
	min-width: 320px;
	line-height: 1;
	position: relative;
	overflow-x: hidden;
	overflow-wrap: break-word;
	word-wrap: break-word;
	font-family: "Noto Sans JP","メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	background: #fff;
}
@media only screen and (min-width: 600px) {
	html{
		font-size: 0.76923vw; /* 画面幅1300pxの時1rem=10px */
	}
}
@media only screen and (min-width: 1300px) {
	html{
		font-size: 10px;
	}
}

img{
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
a{
	text-decoration: none;
	color:inherit;
}
svg{
	width: 100%;
	height: 100%;
}
a,
input, textarea, button, label, select,
.js--btn-hamburger,
.js--btn-ac, .js--btn-tab,
.js--btn-popup{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	outline: 0;
}
::selection {
	background: rgba(0, 46, 121, .25);
}

/*====================================
Common
====================================*/
.fw600{
	font-weight: 600;
}
.anchor{
	display: block;
	width: 0;
	height: 0;
	padding-top: 6rem;
	margin-top: -6rem;
}
.width--cmn{
	margin-left: auto;
	margin-right: auto;
	width: 33.5rem;
}

@media only screen and (max-width: 599px) {
	.disp--pc{
		display: none !important;
	}
}

@media print,screen and (min-width: 600px) {
	.disp--sp{
		display: none !important;
	}
	.width--cmn{
		width: 110rem;
	}
}

/* タイトル
--------------------------------------*/
.sec-pagettl{
	position: relative;
	background: url(../img/common/pagettl-bg-sp.jpg) no-repeat center bottom;
	background-size: cover;
	padding-top: 6rem;
}
.sec-pagettl .sec-inner{
	box-sizing: border-box;
	min-height: 34rem;
	display: flex;
	align-items: center;
}
.sec-pagettl .pagettl .e-txt{
	font-size: 3.6rem;
	letter-spacing: 0.03em;
}
.sec-pagettl .pagettl .j-txt{
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	margin-top: 2rem;
}

@media print,screen and (min-width: 600px) {
	.sec-pagettl{
		background-image: url(../img/common/pagettl-bg-pc.jpg);
		background-position: left center;
		background-size: auto 100%;
		padding-top: 10rem;
	}
	.sec-pagettl .sec-inner{
		width: 100%;
		min-height: 30rem;
		padding-left: calc((100% - 90rem) / 2);
	}
	.sec-pagettl .pagettl .e-txt{
		font-size: 4rem;
	}
	.sec-pagettl .pagettl .j-txt{
		margin-top: 2.3rem;
	}
}
@media print,screen and (min-width: 1300px) {
	.sec-pagettl .sec-inner{
		padding-left: 20rem;
	}
}

.ttl--border{
	box-sizing: border-box;
	margin-bottom: 3rem;
}
.ttl--border .ttl{
	display: inline-block;
	font-size: 2rem;
	letter-spacing: 0.03em;
	padding-bottom: 1rem;
	border-bottom: 0.2rem solid #000;
}

@media print,screen and (min-width: 600px) {
	.ttl--border{
		margin-bottom: 4rem;
	}
	.ttl--border .ttl{
		font-size: 2.6rem;
	}
}

/* 色
--------------------------------------*/
.c--white{
	color: #fff;
}
.c--black{
	color: #000;
}
.c--blue{
	color: #002E79;
}

.bg--white{
	background-color: #fff;
}
.bg--black{
	background-color: #000;
}
.bg--black2{
	background-color: #141414;
}
.bg--lightgray{
	background-color: #ECECEC;
}
.bg--lightgray2{
	background-color: #F5F5F5;
}
.bg--blue{
	background-color: #002E79;
}
.bg--lightblue{
	background-color: #F2F4F8;
}

/* ホバー
--------------------------------------*/
@media print,screen and (min-width: 600px) {
	.hover--c-white,
	.hover--c-blue{
		transition: color .3s ease;
	}
	a.hover--c-white:hover,
	a:hover .hover--c-white,
	.txt--line-clamp.hover--c-white a:hover,
	.has--child:hover .hover--c-white{
		color: #fff;
	}
	a.hover--c-blue:hover,
	a:hover .hover--c-blue{
		color: #002E79;
	}

	.hover--bg-white,
	.hover--bg-blue{
		transition: background .3s ease, color .3s ease;
	}
	a.hover--bg-white:hover,
	a:hover .hover--bg-white{
		background-color: #fff;
	}
	a.hover--bg-blue:hover,
	a:hover .hover--bg-blue{
		background-color: #002E79;
	}

	.hover--underline{
		background-position: right bottom;
		background-size: 0 100%;
		background-image: linear-gradient(to bottom, transparent calc(100% - 1px), currentColor 1px);
		background-repeat: no-repeat;
		transition: color .3s ease, background-size 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	a.hover--underline:hover,
	a:hover .hover--underline,
	.js--btn-popup.hover--underline:hover,
	.js--btn-popup:hover .hover--underline{
		background-position: left bottom;
		background-size: 100% 100%;
	}

	.hover--opacity,
	.hover--img-opacity > img{
		transition: opacity .3s ease;
	}
	a.hover--opacity:hover,
	a.hover--img-opacity:hover > img,
	a:hover .hover--img-opacity > img{
		opacity: 0.7;
	}
	.hover--img-zoom{
		position: relative;
	}
	.hover--img-zoom > img{
		transition: transform .3s ease-in-out;
	}
	a.hover--img-zoom:hover > img,
	a:hover .hover--img-zoom > img{
		transform: scale(1.1);
	}
}

/* 画像
--------------------------------------*/
.img--fit img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* IE */
.browser--ie .img--fit{
	position: relative;
	overflow: hidden;
}
.browser--ie .img--fit img{
	width: auto;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.img--posted{
	display: block;
	width: 100%;
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 75%;
}
.img--posted > img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img--dummy{
	background-color: #fff;
	border: 1px solid #ECECEC;
}
.img--dummy .logo{
	position: absolute;
	width: 13rem;
	height: 3.6rem;
	left: calc((100% - 13rem) / 2);
	top: calc((100% - 3.6rem) / 2);
}

/* テキスト
--------------------------------------*/
div.txt--i,
p.txt--i,
ul.txt--i > li,
li.txt--i{
	padding-left: 1em;
	text-indent: -1em;
}
.txt--u{
	text-decoration: underline;
}
.txt--center{
	text-align: center;
}

@media print,screen and (min-width: 600px) {
	.txt--u:hover{
		text-decoration: none;
	}
}

.txt--cmn{
	font-size: 1.3rem;
	line-height: 2.125;
	letter-spacing: 0.1em;
}
.txt--cmn-p-margin p:not(:first-child){
	margin-top: 2.125em;
}

@media print,screen and (min-width: 600px) {
	.txt--cmn{
		font-size: 1.6rem;
	}
}

.txt--line-clamp{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: calc(2.125em * 2);
	overflow: hidden;
}
.txt--line-clamp a{
	transition: color .3s ease;
}
.txt--line-clamp .hover--underline{
	transition: background-size 1.5s cubic-bezier(0.19, 1, 0.22, 1), color .3s ease;
}

/* effect
--------------------------------------*/
.effect--fadein.is--show,
.is--show .effect--fadein,
body.is--loaded .sec-main .effect--fadein{
	opacity: 1 !important;
	transition: opacity .3s cubic-bezier(0.33, 1, 0.68, 1);
}
.effect--fadein-up.is--show,
.is--show .effect--fadein-up,
body.is--loaded .sec-main .effect--fadein-up{
	opacity: 1 !important;
	transform: translate(0) !important;
	transition: opacity .3s cubic-bezier(0.33, 1, 0.68, 1), transform .5s cubic-bezier(0.33, 1, 0.68, 1);
}

@media only screen and (max-width: 599px) {
	.effect--fadein:not(.effect--pc-only){
		opacity: 0;
	}
	.effect--fadein-up:not(.effect--pc-only){
		opacity: 0;
		transform: translateY(1.5rem);
	}
}

@media print,screen and (min-width: 600px) {
	.effect--fadein:not(.effect--sp-only){
		opacity: 0;
	}
	.effect--fadein-up:not(.effect--sp-only){
		opacity: 0;
		transform: translateY(1.5rem);
	}
}

/* iframe処理
--------------------------------------*/
.gmap--wrap{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 95.23%;
}
.gmap--wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie--wrap{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.movie--wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*====================================
pagenavi
====================================*/
.wp-pagenavi{
	display: flex;
	justify-content: center;
	margin-top: 8rem;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last{
	box-sizing: border-box;
	height: 3.4rem;
	position: relative;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .extend{
	box-sizing: border-box;
	font-size: 1.6rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.4rem;
	border: 1px solid #000;
}
.wp-pagenavi .current{
	background-color: #002E79;
	border-color: #002E79;
	color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	width: 1.4rem;
}
.wp-pagenavi .first,
.wp-pagenavi .last{
	width: 2.3rem;
}
.wp-pagenavi .first,
.wp-pagenavi .previouspostslink{
	margin-right: 1rem;
}
.wp-pagenavi .last,
.wp-pagenavi .nextpostslink{
	margin-left: 1rem;
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:before,
.wp-pagenavi .first:before,
.wp-pagenavi .last:before,
.wp-pagenavi .first:after,
.wp-pagenavi .last:after{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	box-sizing: border-box;
	width: 1.9rem;
	height: 1.9rem;
	border-top: solid 1px #000;
	top: 50%;
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .first:before,
.wp-pagenavi .first:after{
	border-left: solid 1px #000;
}
.wp-pagenavi .nextpostslink:before,
.wp-pagenavi .last:before,
.wp-pagenavi .last:after{
	border-right: solid 1px #000;
}
.wp-pagenavi .previouspostslink:before{
	left: 50%;
	transform: translate(-20%,-50%) rotate(-45deg);
}
.wp-pagenavi .first:before{
	left: 0.5rem;
	transform: translateY(-50%) rotate(-45deg);
}
.wp-pagenavi .first:after{
	right: -0.8rem;
	transform: translateY(-50%) rotate(-45deg);
}
.wp-pagenavi .nextpostslink:before{
	right: 50%;
	transform: translate(20%,-50%) rotate(45deg);
}
.wp-pagenavi .last:before{
	left: -0.8rem;
	transform: translateY(-50%) rotate(45deg);
}
.wp-pagenavi .last:after{
	right: 0.5rem;
	transform: translateY(-50%) rotate(45deg);
}

@media screen and (min-width: 600px) {
	.wp-pagenavi{
		margin-top: 10rem;
	}
	.wp-pagenavi .page,
	.wp-pagenavi .current,
	.wp-pagenavi .extend,
	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .first,
	.wp-pagenavi .last{
		width: 4rem;
	}
	.wp-pagenavi .page,
	.wp-pagenavi .current,
	.wp-pagenavi .extend{
		margin-left: 1rem;
		margin-right: 1rem;
		height: 4rem;
	}
	.wp-pagenavi .page{
		transition: background .3s ease, color .3s ease, border .3s ease;
	}
	.wp-pagenavi a.page:hover{
		background-color: #002E79;
		border-color: #002E79;
		color: #fff;
	}
	.wp-pagenavi .first{
		margin-right: 2rem;
	}
	.wp-pagenavi .previouspostslink{
		margin-right: 4rem;
	}
	.wp-pagenavi .last{
		margin-left: 2rem;
	}
	.wp-pagenavi .nextpostslink{
		margin-left: 4rem;
	}
	.wp-pagenavi .previouspostslink:before,
	.wp-pagenavi .nextpostslink:before,
	.wp-pagenavi .first:before,
	.wp-pagenavi .last:before,
	.wp-pagenavi .first:after,
	.wp-pagenavi .last:after{
		transition: border .3s ease;
	}
	.wp-pagenavi .previouspostslink:hover:before,
	.wp-pagenavi .nextpostslink:hover:before,
	.wp-pagenavi .first:hover:before,
	.wp-pagenavi .last:hover:before,
	.wp-pagenavi .first:hover:after,
	.wp-pagenavi .last:hover:after{
		border-color: #002E79;
	}
}

/*===============================
Slider
===============================*/
/* ページネーション */
.slider-pagination .swiper-pagination-bullet{
	width: 4rem;
	height: 0.3rem;
	border-radius: 0;
	background-color: #fff;
	opacity: .4;
	margin: 0 !important;
	transition: opacity .3s ease;
}
.slider-pagination .swiper-pagination-bullet:not(:last-child){
	margin-right: 1rem !important;
}
.slider-pagination .swiper-pagination-bullet-active{
	opacity: 1;
	pointer-events: none;
}

/* スクロールバー */
.swiper-scrollbar.swiper-scrollbar-horizontal{
	box-sizing: border-box;
	top: auto;
	bottom: 0;
	left: 0;
	right: auto;
	z-index: 3;
	border-radius: 0;
	background-color: #DEDEDE;
	padding: 0;
	height: 0.3rem;
}
.swiper-scrollbar-drag{
	border-radius: 0;
	background-color: #002E79;
	height: 100%;
	cursor: pointer;
}

/*====================================
popup
====================================*/
.js--btn-popup{
	cursor: pointer;
}
.popup--cmn{
	display: none;
	z-index: 1005;
	position: relative;
}
.popup--cmn .popup-overlay{
	background-color: rgba(0, 0, 0, .8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup--cmn .popup-container{
	position: relative;
	pointer-events: auto;
}
.popup--cmn .js--popup-close{
	position: absolute;
	display: block;
	cursor: pointer;
	box-sizing: border-box;
	z-index: 2;
	width: 5rem;
	height: 5rem;
	top: -7rem;
	right: 0;
	border: 1px solid #fff;
}
.popup--cmn .js--popup-close:before,
.popup--cmn .js--popup-close:after{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	background-color: #fff;
	width: 3.5rem;
	height: 1px;
	top: calc((100% - 1px) / 2);
	left: calc((100% - 3.5rem) / 2);
}
.popup--cmn .js--popup-close:before{
	transform: rotate(45deg);
}
.popup--cmn .js--popup-close:after{
	transform: rotate(135deg);
}
.popup--cmn .popup-inner{
	box-sizing: border-box;
	width: 31.5rem;
	max-height: calc(100vh - 20rem);
}
.popup--cmn .js--popup-scroll-area{
	box-sizing: border-box;
	overflow-y: auto;
	max-height: calc(100vh - 20rem);
}
.popup--cmn .js--popup-scroll-area::-webkit-scrollbar{
	width: 1rem;
}
.popup--cmn .js--popup-scroll-area::-webkit-scrollbar-track{
	background-color: #ECECEC;
}
.popup--cmn .js--popup-scroll-area::-webkit-scrollbar-thumb{
	background-color: #727171;
}

@media print,screen and (min-width: 600px) {
	.js--btn-popup{
		cursor: pointer;
	}
	.popup--cmn .popup-inner{
		width: 90rem;
	}
}

/*====================================
parts
====================================*/
.arrow--right{
	position: relative;
	width: 1.3rem;
	height: 2.4rem;
}
.arrow--right:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 0.4rem;
	height: 0.4rem;
	right: 0;
	top: calc((100% - 0.4rem) / 2);
	background-color: #000;
	border-radius: 100%;
}
.arrow--right .inner{
	position: absolute;
	pointer-events: none;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.arrow--right .inner:before,
.arrow--right .inner:after{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 1px;
	height: 1.1rem;
	left: 0;
	background-color: #000;
}
.arrow--right .inner:before{
	top: 0;
	transform: rotate(-45deg);
	transform-origin: top left;
}
.arrow--right .inner:after{
	bottom: 0;
	transform: rotate(45deg);
	transform-origin: bottom left;
}
.c--white .arrow--right:before,
.c--white .arrow--right .inner:before,
.c--white .arrow--right .inner:after{
	background-color: #fff;
}

@media print,screen and (min-width: 600px) {
	a.arrow--right:hover .inner,
	a:hover .arrow--right .inner{
		animation: arrowRightRotation 0.9s cubic-bezier(0.25, 1, 0.5, 1);
	}
}

@keyframes arrowRightRotation{
	0%{
		transform: rotateX(0);
	}
	100%{
		transform: rotateX(360deg);
	}
}

.link--arrow{
	position: relative;
	padding-right: 2.3rem;
	font-size: 1.6rem;
	letter-spacing: 0.03em;
	line-height: 1;
}
.link--arrow .arrow--right{
	position: absolute;
	right: 0;
	top: calc((100% - 2.4rem) / 2);
}

.link--arrow2{
	position: relative;
	padding-left: 1rem;
	font-size: 1.3rem;
}
.link--arrow2:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	box-sizing: border-box;
	width: 0.8rem;
	height: 0.8rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	left: -0.4rem;
	top: 0.4em;
	transform: rotate(45deg);
}

.btn--cmn1{
	box-sizing: border-box;
	position: relative;
	border: 1px solid #000;
	width: 100%;
	height: 8rem;
	font-size: 1.3rem;
	letter-spacing: 0.03em;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn--cmn1 .arrow--right{
	position: absolute;
	z-index: 2;
	pointer-events: none;
	top: calc((100% - 2.4rem) / 2);
	right: 2rem;
}

@media print,screen and (min-width: 600px) {
	a.link--arrow:hover .arrow--right,
	a:hover .link--arrow .arrow--right{
		animation: linkrarowRightMove 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	}

	.btn--cmn1{
		width: 33.5rem;
		font-size: 1.6rem;
		transition: background .3s ease, color .3s ease;
	}
	a.btn--cmn1:hover{
		background-color: #000;
		color: #fff;
	}
	a.btn--cmn1:hover .arrow--right:before,
	a.btn--cmn1:hover .arrow--right .inner:before,
	a.btn--cmn1:hover .arrow--right .inner:after{
		background-color: #fff;
	}
}

@keyframes linkrarowRightMove{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(0.5rem);
	}
	100%{
		transform: translateX(0);
	}
}

/* スクロール
--------------------------------------*/
.parts--scroll{
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 2rem;
}
.parts--scroll-link{
	display: block;
	position: relative;
	width: 2.5rem;
	height: 8rem;
	overflow: hidden;
}
.parts--scroll-link:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 1px;
	left: 0;
	height: 100%;
	top: -105%;
	background: #000;
	animation: partsScrollBorder 2s ease infinite;
}
.parts--scroll-link-txt{
	font-size: 1.3rem;
	letter-spacing: 0.03em;
	position: absolute;
	top: 0;
	left: 2.5rem;
	transform: rotate(90deg);
	transform-origin: top left;
}

@keyframes partsScrollBorder{
	0%{
		top: -105%;
	}
	100%{
		top: 105%;
	}
}

@media print,screen and (min-width: 600px) {
	.parts--scroll{
		right: 3rem;
	}
}

/* archive
--------------------------------------*/
.article1--card{
	box-sizing: border-box;
	position: relative;
	padding-left: 2.4rem;
}
.article1--card .article1--card-inner{
	display: block;
}
.article1--card .article1--time{
	position: absolute;
	left: 0;
	top: -1rem;
	transform: rotate(90deg);
	transform-origin: left bottom;
}
.article1--card .article1--time-txt{
	font-size: 1rem;
	letter-spacing: 0.1em;
}
.article1--card .article1--cat{
	margin-top: 2rem;
	margin-bottom: 0.5rem;
}
.article1--card .article1--cat-item{
	box-sizing: border-box;
	display: inline-block;
	padding: 0.9rem;
	min-width: 12rem;
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0.1em;
}

@media print,screen and (min-width: 600px) {
	.article1--card .article1--time{
		top: -1.3rem;
	}
	.article1--card .article1--time-txt{
		font-size: 1.3rem;
	}
	.article1--card .article1--cat-item{
		font-size: 1.3rem;
	}
}

/* single
--------------------------------------*/
.parts--sns-share-block{
	display: flex;
	flex-wrap: wrap;
}
.parts--sns-share-block .share-item{
	margin-right: 2rem;
	margin-bottom: 2rem;
}
.parts--sns-share-block .share-item.copy{
	cursor: pointer;
	border-radius: 0.3rem;
	line-height: 1;
	padding: 0.3rem 0.5rem;
	display: flex;
	align-items: center;
}
.parts--sns-share-block .share-item.copy .icon{
	width: 1.005rem;
}
.parts--sns-share-block .share-item.copy .txt{
	font-size: 1rem;
	letter-spacing: 0.03em;
	margin-left: 0.4rem;
}

.parts--mokuji-block{
	box-sizing: border-box;
	padding: 4rem 2rem;
}
.parts--mokuji-block:not(:first-child){
	margin-top: 8rem;
}
.parts--mokuji-block .block-ttl{
	line-height: 1;
	font-size: 2.2rem;
	letter-spacing: 0.03em;
	margin-bottom: 2rem;
}

.single1--article{
	padding: 12rem 0;
}
.single1--article .single1--head{
	margin-bottom: 1.7rem;
	display: flex;
	align-items: center;
}
.single1--article .single1--time{
	font-size: 1.3rem;
	letter-spacing: 0.03em;
}
.single1--article .single1--cat{
	margin-left: 2rem;
}
.single1--article .single1--cat-item{
	box-sizing: border-box;
	display: inline-block;
	padding: 0.9rem;
	min-width: 12rem;
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0.1em;
}
.single1--article .single1--ttl{
	font-size: 2rem;
	letter-spacing: 0.1em;
	line-height: 1.72;
}
.single1--article .single1--sns-share-block{
	margin-top: 3.5rem;
	margin-bottom: 2rem;
}
.single1--main-img{
	margin-top: 4rem;
}
.single1--main-img img{
	max-width: 100%;
	width: auto;
	height: auto;
}
.single1--article .single1--content{
	padding-top: 3.7rem;
}
.single1--article .btn-to-archive{
	margin-top: 8rem;
}
.single1--article .single1--keyword{
	margin-top: 8rem;
	margin-bottom: 4rem;
	box-sizing: border-box;
	padding: 3rem 3rem 1rem 3rem;
}
.single1--article .single1--keyword .block-ttl{
	line-height: 1;
	margin-bottom: 2rem;
}
.single1--article .single1--keyword .keyword-list{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 2rem);
}
.single1--article .single1--keyword .keyword-item{
	margin-right: 2rem;
	margin-bottom: 2rem;
}
.single1--article .single1--sns-share-block2{
	margin-top: 4rem;
}

@media only screen and (max-width: 599px) {
	.parts--mokuji-block,
	.single1--main-img{
		width: 100vw;
		position: relative;
		left: calc((100vw - 100%) / 2 * -1);
	}
}

@media print,screen and (min-width: 600px) {
	.parts--sns-share-block{
		justify-content: flex-end;
	}
	.parts--sns-share-block .share-item{
		margin-right: 1rem;
	}

	.parts--mokuji-block{
		padding: 4rem;
	}
	.parts--mokuji-block:not(:first-child){
		margin-top: 10rem;
	}

	.single1--article{
		padding-top: 20rem;
		padding-bottom: 15rem;
	}
	.single1--article .single1--cat-item{
		font-size: 1.3rem;
	}
	.single1--article .single1--ttl{
		font-size: 3rem;
	}
	.single1--article .single1--sns-share-block{
		margin-top: 6rem;
		margin-bottom: 4rem;
	}
	.single1--main-img{
		margin-top: 8rem;
	}
	.single1--article .single1--content{
		padding-top: 7.5rem;
	}
	.single1--article .btn-to-archive{
		margin: 10rem auto 0 auto;
	}
	.single1--article .single1--keyword{
		margin-top: 10rem;
		margin-bottom: 6rem;
		padding: 4rem 4rem 2rem 4rem;
	}
	.single1--article .single1--sns-share-block2{
		margin-top: 6rem;
	}
	.single1--article .single1--sns-share-block2 .parts--sns-share-block{
		justify-content: flex-start;
	}
}

/*====================================
form
====================================*/
/* common
--------------------------------------*/
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
select,
button{
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	background: none;
	border: none;
	font-family : inherit;
	color: inherit;
	box-sizing: border-box;
}
input[type="text"],
input[type="tel"],
input[type="email"],
textarea{
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	color: #000;
	transition: background .3s ease;
}

/* form--tbl
--------------------------------------*/
.form--tbl input[type="text"],
.form--tbl input[type="tel"],
.form--tbl input[type="email"],
.form--tbl input[type="number"],
.form--tbl textarea{
	border: 1px solid #E6E6E6;
}
.form--tbl input[type="text"],
.form--tbl input[type="tel"],
.form--tbl input[type="email"],
.form--tbl input[type="number"]{
	height: 5rem;
	padding: 0 1rem;
}
.form--tbl input:placeholder-shown,
.form--tbl textarea:placeholder-shown {
	color: #ECECEC;
}
.form--tbl input::-webkit-input-placeholder,
.form--tbl textarea::-webkit-input-placeholder {
	color: #ECECEC;
}
.form--tbl textarea{
	padding: 1rem;
}

/* checkbox radio */
.form--tbl span.wpcf7-list-item{
	margin: 0;
}
.form--tbl .wpcf7-radio,
.form--tbl .wpcf7-checkbox{
	display: block;
	margin-top: -2rem;
	width: calc(100% + 1rem);
}
.form--tbl .wpcf7-radio .wpcf7-list-item,
.form--tbl .wpcf7-checkbox .wpcf7-list-item{
	margin-top: 2rem;
	margin-right: 2rem;
}
.form--tbl .wpcf7-radio input[type="radio"],
.form--tbl .wpcf7-checkbox input[type="checkbox"],
.form--tbl .wpcf7-acceptance input[type="checkbox"]{
	display: none;
}
.form--tbl .wpcf7-radio .wpcf7-list-item-label,
.form--tbl .wpcf7-checkbox .wpcf7-list-item-label,
.form--tbl .wpcf7-acceptance .wpcf7-list-item-label{
	display: inline-block;
	position: relative;
	padding-left: 3rem;
}
.form--tbl .wpcf7-radio .wpcf7-list-item-label:before,
.form--tbl .wpcf7-radio .wpcf7-list-item-label:after,
.form--tbl .wpcf7-checkbox .wpcf7-list-item-label:before,
.form--tbl .wpcf7-checkbox .wpcf7-list-item-label:after,
.form--tbl .wpcf7-acceptance .wpcf7-list-item-label:before,
.form--tbl .wpcf7-acceptance .wpcf7-list-item-label:after{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	box-sizing: border-box;
}
.form--tbl .wpcf7-radio .wpcf7-list-item-label:before,
.form--tbl .wpcf7-checkbox .wpcf7-list-item-label:before,
.form--tbl .wpcf7-acceptance .wpcf7-list-item-label:before{
	width: 2rem;
	height: 2rem;
	left: 0;
	top: 0.8rem;
	background-color: #fff;
	border: 1px solid #ECECEC;
	transition: background .2s ease, border .2s ease;
}
.form--tbl .wpcf7-radio .wpcf7-list-item-label:before{
	border-radius: 100%;
}
.form--tbl .wpcf7-radio .wpcf7-list-item-label:after,
.form--tbl .wpcf7-checkbox .wpcf7-list-item-label:after,
.form--tbl .wpcf7-acceptance .wpcf7-list-item-label:after{
	opacity: 0;
	transition: opacity .2s ease;
}
.form--tbl .wpcf7-radio .wpcf7-list-item-label:after{
	width: 1rem;
	height: 1rem;
	background-color: #002E79;
	left: 0.5rem;
	top: 1.3rem;
	border-radius: 100%;
}
.form--tbl .wpcf7-checkbox .wpcf7-list-item-label:after,
.form--tbl .wpcf7-acceptance .wpcf7-list-item-label:after{
	left: 0.6rem;
	width: 0.9rem;
	height: 1.2rem;
	top: 0.9rem;
	transform: rotate(40deg);
	border-bottom: 0.3rem solid #fff;
	border-right: 0.3rem solid #fff;
}
.form--tbl .wpcf7-checkbox input:checked + .wpcf7-list-item-label:before,
.form--tbl .wpcf7-acceptance input:checked + .wpcf7-list-item-label:before{
	background-color: #002E79;
	border-color: #002E79;
}
.form--tbl .wpcf7-radio input:checked + .wpcf7-list-item-label:after,
.form--tbl .wpcf7-checkbox input:checked + .wpcf7-list-item-label:after,
.form--tbl .wpcf7-acceptance input:checked + .wpcf7-list-item-label:after{
	opacity: 1;
}

@media print,screen and (min-width: 600px) {
	.form--tbl .wpcf7-radio,
	.form--tbl .wpcf7-checkbox{
		margin-top: -1rem;
	}
	.form--tbl .wpcf7-radio .wpcf7-list-item,
	.form--tbl .wpcf7-checkbox .wpcf7-list-item{
		margin-top: 1rem;
	}
}

/* ボタン */
.btn--form{
	position: relative;
	margin: 8rem auto 0 auto;
	pointer-events: none;
	height: 8rem;
}
.btn--form > p{
	height: 100%;
	width: 100%;
}
.btn--form input{
	outline: none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	background: none;
	border: none;
	padding: 0;
	display: inline-block;
	position: relative;
	text-align: center;
	cursor: pointer;
	line-height: 1;
	z-index: 3;
	box-sizing: border-box;
	width: 100%;
	height: 8rem;
	font-size: 1.6rem;
	letter-spacing: 0.03em;
	pointer-events: auto;
	transition: background .3s ease, color .3s ease, border .3s ease, opacity .3s ease;
}
.btn--form input:disabled{
	opacity: .7;
	pointer-events: none;
}

@media print,screen and (min-width: 600px) {
	.btn--form{
		margin-top: 10rem;
	}
}

.form--tbl{
	box-sizing: border-box;
	width: 100%;
}
.form--tbl p:not(:last-child){
	margin-bottom: 0;
}
.form--tbl th,
.form--tbl td{
	box-sizing: border-box;
	display: block;
}
.form--tbl th{
	padding-bottom: 1.5rem;
}
.form--tbl tr:not(:last-child) td{
	padding-bottom: 3rem;
}

.form--tbl .req{
	box-sizing: border-box;
	color: #fff;
	background-color: #002E79;
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1;
	padding: 0.5rem 0.9rem;
	margin-right: 1.5rem;
}
.form--tbl .req.nini{
	background: transparent;
	border: 1px solid #002E79;
	color: #002E79;
}
.form--tbl .td-block:not(:last-child){
	margin-bottom: 1.5rem;
}
.form--tbl .td-label{
	line-height: 1.2;
	margin-bottom: 1rem;
}
.form--tbl .td-detail-txt:not(:first-child){
	margin-top: 0.5rem;
}
.form--tbl .unit-wrap{
	display: flex;
	align-items: center;
}
.form--tbl .unit-wrap .unit:not(:last-child){
	margin-right: 1rem;
}

@media print,screen and (min-width: 600px) {
	.form--tbl tr:not(:last-child) td{
		padding-bottom: 5rem;
	}
	.form--tbl .td-txt{
		margin-bottom: 1rem;
	}
}

/* response-output */
.wpcf7 form .wpcf7-response-output{
	padding: 2.4rem 2rem;
	border: none !important;
}
.wpcf7 form:not(.sent) .wpcf7-response-output{
	background-color: #980404;
	color: #fff;
}
.wpcf7 .recaptha-caption{
	margin-top: 10rem;
	font-size: 1.3rem;
	line-height: 1.69;
}
.wpcf7 .recaptha-caption a{
	text-decoration: underline;
}
.grecaptcha-badge { visibility: hidden; }
.wpcf7 form.sent .block-lead,
.wpcf7 form.sent .form--tbl,
.wpcf7 form.sent .btn--form,
.wpcf7 form.sent .recaptha-caption,
.wpcf7 form.sent .wpcf7-response-output{
	display: none;
}
.wpcf7 form .sent-thankyou-message{
	display: none;
}
.wpcf7 form.sent .sent-thankyou-message{
	display: block;
	padding: 3rem;
}
.wpcf7 form.sent .sent-thankyou-message .sec-ttl{
	font-size: 1.5em;
	margin-bottom: 3rem;
}

@media print,screen and (min-width: 600px) {
	.wpcf7 form.sent .sent-thankyou-message{
		padding: 6rem;
	}
}

/* unique */
.form--tbl .age-tr .unit:not(:last-child){
	margin-right: 2rem;
}
.form--tbl .address-block-postcode{
	display: flex;
}
.form--tbl .address-block-postcode .btn-setaddress{
	width: 15rem;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-left: 1rem;
}
.form--tbl span[data-name="your-address"],
.form--tbl span[data-name="your-address2"]{
	display: block;
}
.form--tbl .tr-privacy .td-detail-txt{
	margin-top: 2.5rem;
}

@media screen and (max-width: 599px) {
	.form--tbl .address-block-postcode .unit-wrap{
		flex: 1;
	}
}

@media print,screen and (min-width: 600px) {
	.form--tbl input[name="your-name"],
	.form--tbl input[name="your-name-hurigana"],
	.form--tbl input[name="your-tel"],
	.form--tbl input[name="your-email"],
	.form--tbl input[name="your-time"]{
		width: 60rem;
	}
	.form--tbl input[name="your-postcode"]{
		width: 15.5rem;
	}
}

/*====================================
header
====================================*/
/* hamburger-btn
--------------------------------------*/
.hamburger-btn{
	box-sizing: border-box;
	cursor: pointer;
	position: fixed;
	z-index: 1001;
	width: 4rem;
	height: 4rem;
	top: 1rem;
	right: 1rem;
}
.hamburger-btn-inner{
	display: block;
	position: absolute;
	width: 2.2rem;
	height: 1.7rem;
	top: 1.15rem;
	right: 0.9rem;
	transition: transform 0.35s ease;
	z-index: 2;
}
.hamburger-btn span{
	position: absolute;
	top: 0;
	right: 0;
	width: 2.2rem;
	height: 1px;
	transition: transform 0.35s ease, opacity 0.35s ease, background .3s ease;
}
.hamburger-btn span:nth-child(2){
	top: 0.8rem;
}
.hamburger-btn span:last-child{
	top: 1.6rem;
}

.hamburger-btn.is--open .hamburger-btn-inner{
	transform: rotate(360deg);
}
.hamburger-btn.is--open span:first-child,
.hamburger-btn.is--open span:last-child{
	top: 50%;
}
.hamburger-btn.is--open span:first-child{
	transform: rotate(-45deg);
}
.hamburger-btn.is--open span:nth-child(2){
	opacity: 0;
}
.hamburger-btn.is--open span:last-child{
	transform: rotate(45deg);
}

/* hamburger menu
--------------------------------------*/
#hamburger-menu{
	z-index:1000;
	position: fixed;
	box-sizing: border-box;
	width: 26rem;
	height: calc(100vh - 6rem);
	top: 6rem;
	right: -26rem;
	transition: transform 0.35s ease;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
#hamburger-menu:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	filter: brightness(1.75);
	opacity: .8;
}
#hamburger-menu.is--open{
	transform: translateX(-26rem);
}

#hamburger-menu .menu-inner{
	box-sizing: border-box;
	overflow-y: scroll;
	position: relative;
	width: 100%;
	height: 100%;
}
#hamburger-menu .hamburger-contact-container{
	padding: 2rem;
}
#hamburger-menu .hamburger-contact-container .btn{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 5rem;
	border: 1px solid #000;
	letter-spacing: 0.03em;
}
#hamburger-menu .hamburger-nav-container{
	padding: 0 2rem 5rem 2rem;
}
#hamburger-menu .hamburger-nav-block{
	letter-spacing: 0.03em;
}
#hamburger-menu .hamburger-nav-container .nav-item:not(:last-child){
	border-bottom: 1px solid #727171;
}
#hamburger-menu .hamburger-nav-container .nav-item-txt{
	position: relative;
	box-sizing: border-box;
	height: 9rem;
	padding: 0 3rem 0 1rem;
	display: flex;
	align-items: center;
}
#hamburger-menu .hamburger-nav-container .nav-item-txt .arrow--right{
	position: absolute;
	pointer-events: none;
	right: 1rem;
	top: calc((100% - 2.4rem) / 2);
}

/* hamburger-layer */
#hamburger-layer{
	position: fixed;
	width: 100vw;
	height: calc(100vh - 6rem);
	top: 6rem;
	left: 0;
	z-index:999;
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s ease;
}
#hamburger-layer.is--open{
	pointer-events: auto;
	opacity: 1;
}

/* header
--------------------------------------*/
header{
	box-sizing: border-box;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 6rem;
}
.header-inner{
	box-sizing: border-box;
	height: 100%;
	padding-left: 2rem;
}
.header-logo-container{
	height: 100%;
	display: flex;
	align-items: center;
}
.header-logo-container .logo{
	display: block;
	width: 7.9rem;
}

@media only screen and (max-width: 599px) {
	header{
		background-color: #fff;
	}
}

@media print,screen and (min-width: 600px) {
	header{
		height: 10rem;
		-webkit-backdrop-filter: blur(0);
		backdrop-filter: blur(0);
		transition: height .3s ease, backdrop-filter .3s ease;
	}
	header:before{
		content: '';
		display: block;
		position: absolute;
		pointer-events: none;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		filter: brightness(1.75);
		opacity: 0;
		transition: opacity .3s ease;
	}
	.header-inner{
		position: relative;
		display: flex;
		padding-left: 10rem;
	}
	.header-logo-container .logo{
		width: 10.5rem;
		transition: width .3s ease;
	}
	.header-nav-container{
		height: 100%;
		flex: 1;
		padding-left: 6.6rem;
	}
	.header-nav-container .gnav{
		height: 100%;
		display: flex;
		letter-spacing: 0.03em;
		line-height: 1;
	}
	.header-nav-container .nav-item{
		display: flex;
		align-items: center;
	}
	.header-nav-container .nav-item:not(:last-child){
		margin-right: 2.2rem;
	}
	.header-nav-container .nav-item-txt{
		display: inline-block;
		position: relative;
		overflow: hidden;
		transition: color .2s;
	}
	.header-nav-container .nav-item-txt:before{
		content: '';
		display: block;
		position: absolute;
		pointer-events: none;
		background-color: #002E79;
		top: 0;
		left: 105%;
		width: 0;
		height: 100%;
		opacity: 0;
		transition: left .2s cubic-bezier(.455,.03,.515,.955) 0ms,
			width 0s cubic-bezier(.455,.03,.515,.955) .3s,
			opacity .2s cubic-bezier(.455,.03,.515,.955) .1s;
	}
	.header-nav-container .nav-item-txt:hover:before{
		width: 110%;
		left: -5%;
		opacity: 1;
		transition: left 0s cubic-bezier(.455,.03,.515,.955) 0s,
			width .3s cubic-bezier(.455,.03,.515,.955) 0s,
			opacity .3s cubic-bezier(.455,.03,.515,.955) 0s;
	}
	.header-nav-container .nav-item-txt span{
		display: inline-block;
		position: relative;
		z-index: 2;
		padding: 0.4rem;
	}
	.header-contact-container{
		width: 12rem;
		height: 100%;
	}
	.header-contact-container .btn{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		letter-spacing: 0.03em;
	}
	
	header.is--scroll{
		height: 6rem;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	header.is--scroll:before{
		opacity: .75;
	}
	header.is--scroll .header-logo-container .logo{
		width: 8.1rem;
	}
}

/*===============================
footer
===============================*/
footer{
	position: relative;
	z-index: 2;
}
.footer-contact-container{
	display: block;
	position: relative;
	border-top: 0.2rem solid #DEDEDE;
	padding: 8.7rem 0;
}
.footer-contact-container .block-txt{
	margin-bottom: 2rem;
}
.footer-contact-container .block-link .link{
	font-size: 3.6rem;
}

@media print,screen and (min-width: 600px) {
	.footer-contact-container{
		padding: 10rem 0;
		border-width: 1px;
	}
	.footer-contact-container:before{
		content: '';
		display: block;
		position: absolute;
		pointer-events: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, #C5FFEA 0%, #FE70E1 100%);
		opacity: 0;
		transition: opacity .3s ease;
	}
	.footer-contact-container:hover:before{
		opacity: 1;
	}
	.footer-contact-container .container-inner{
		position: relative;
		z-index: 2;
	}
	.footer-contact-container .block-link .link{
		font-size: 4rem;
	}
}

.footer-nav-container{
	padding: 10rem 0;
	background: url(../img/common/footer-nav-bg-sp.jpg) no-repeat left bottom;
	background-size: cover;
}
.footer-nav-container .block-nav{
	display: flex;
}
.footer-nav-container .block-copyright{
	margin-top: 6rem;
}

@media only screen and (max-width: 599px) {
	.footer-nav-container .block-nav{
		flex-wrap: wrap;
		justify-content: space-between;
		width: 25.8rem;
	}
	.footer-nav-container .nav-item{
		width: calc((100% - 4rem) / 2);
	}
	.footer-nav-container .nav-item:nth-child(n+3){
		margin-top: 4rem;
	}
}

@media print,screen and (min-width: 600px) {
	.footer-nav-container{
		background-image: url(../img/common/footer-nav-bg-pc.jpg);
		background-position: center center;
		padding: 9rem 0;
	}
	.footer-nav-container .block-nav{
		justify-content: center;
	}
	.footer-nav-container .nav-item:not(:last-child){
		margin-right: 3.4rem;
	}
	.footer-nav-container .block-copyright{
		margin-top: 5rem;
	}
}

.footer-partner-container{
	padding: 3rem 0;
}
.footer-partner-container .box-partner{
	display: flex;
	align-items: center;
}
.footer-partner-container .box-partner .item-img{
	width: 9.1rem;
}
.footer-partner-container .box-partner .item-txt{
	padding-left: 1rem;
	font-size: 1.3rem;
	line-height: 1.69;
	letter-spacing: 0.1em;
}

@media only screen and (max-width: 599px) {
	.footer-partner-container .box-partner:not(:last-child){
		margin-bottom: 3rem;
	}
	.footer-partner-container .box-partner.box2 .item-img{
		text-align: center;
	}
	.footer-partner-container .box-partner.box2 .item-img img{
		width: 6.8rem;
	}
	.footer-partner-container .box-partner .item-txt{
		flex: 1;
	}
}

@media print,screen and (min-width: 600px) {
	.footer-partner-container .block-partner{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.footer-partner-container .box-partner:not(:last-child){
		margin-right: 4rem;
	}
	.footer-partner-container .box-partner .item-img{
		width: 15.5rem;
	}
	.footer-partner-container .box-partner.box2 .item-img{
		width: 10.2rem;
	}
	.footer-partner-container .box-partner .item-txt{
		padding-left: 2rem;
	}
}

/*====================================
top
====================================*/
/* bg video
--------------------------------------*/
body.page--top{
	padding-top: 0;
}
body.page--top header{
	-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
}
body.page--top header:before{
	opacity: .75;
}
#top .video--mission-bg{
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#top .video--mission-bg video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.browser--ie #top .video--mission-bg{
	position: absolute;
	top: calc(50% - 50vh);
	left: calc(50% - 50vw);
}
#top .wrap--on-video{
	position: relative;
	z-index: 2;
}
#top .wrap--on-video .area-bg-header{
	height: 6rem;
}

@media print,screen and (min-width: 600px) {
	#top .wrap--on-video .area-bg-header{
		height: 10rem;
	}
}

/* main
--------------------------------------*/
#top .sec-main{
	position: relative;
	overflow: hidden;
}
#top .sec-main .container-catch{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#top .sec-main .container-catch .container-inner{
	box-sizing: border-box;
	height: 100%;
	position: relative;
	display: flex;
	align-items: flex-end;
	padding-bottom: 11rem;
}
#top .sec-main .container-catch .box-catch .txt:not(:last-child){
	margin-bottom: 0.7rem;
}
#top .sec-main .container-catch .box-catch .txt-inner{
	position: relative;
	display: inline-block;
	font-size: 3.4rem;
	letter-spacing: 0.03em;
	padding: 0.5rem 0.7rem 0.9rem 0;
}
#top .sec-main .container-catch .box-catch .txt-inner.has--bg:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	height: 100%;
	width: 0;
	bottom: 0;
	left: calc((100vw - 33.5rem) / 2 * -1);
	background: linear-gradient(to right, #002E79 0%, #000C24 100%);
	transition: width .75s cubic-bezier(0.25, 1, 0.5, 1);
}
body.is--loaded #top .sec-main .container-catch .box-catch .txt-inner.has--bg:before{
	transition-delay: 1s;
	width: calc(100% + (100vw - 33.5rem) / 2);
}
#top .sec-main .container-catch .box-catch .txt-inner.has--bg span{
	position: relative;
	z-index: 2;
}
#top .sec-main .container-catch .clip{
	display: inline-block;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	transition: clip-path .4s ease;
}
body.is--loaded #top .sec-main .container-catch .clip{
	transition-delay: .2s;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#top .sec-main .container-catch .box-sub-catch{
	margin-top: 2.5rem;
	font-size: 1.8rem;
	letter-spacing: 0.05em;
}
body.is--loaded #top .sec-main .container-catch .box-sub-catch .clip{
	transition-delay: .5s;
}
#top .sec-main .main-slider-pagination{
	position: absolute;
	left: 0;
	bottom: 2rem;
}
#top .sec-main .parts--scroll-link:before{
	background-color: #fff;
}
#top .sec-main .parts--scroll-link-txt{
	color: #fff;
}

@media print,screen and (min-width: 600px) {
	#top .sec-main .main-img{
		width: 100%;
		height: 70rem;
		background: url(../img/top/main-img1-pc.jpg) no-repeat center center;
		background-size: cover;
	}
	#top .sec-main .main-img.img2{
		background-image: url(../img/top/main-img2-pc.jpg);
	}
	#top .sec-main .container-catch .container-inner{
		padding-bottom: 7.5rem;
	}
	#top .sec-main .container-catch .box-catch .txt:not(:last-child){
		margin-bottom: 2.5rem;
	}
	#top .sec-main .container-catch .box-catch .txt-inner{
		font-size: 10.8rem;
		padding: 0;
	}
	#top .sec-main .container-catch .box-catch .txt-inner.has--bg:before{
		height: calc(100% - 0.8rem);
		bottom: -0.3rem;
		left: calc((100vw - 110rem) / 2 * -1);
	}
	body.is--loaded #top .sec-main .container-catch .box-catch .txt-inner.has--bg:before{
		width: calc(100% + (100vw - 110rem) / 2);
	}
	#top .sec-main .container-catch .box-sub-catch{
		margin-top: 5rem;
		font-size: 3.6rem;
		letter-spacing: 0.1em;
	}
}

/* mission
--------------------------------------*/
#top .sec-mission{
	position: relative;
	padding: 10rem 0;
	background: rgba(0, 0, 0, .65);
}
#top .sec-mission:before,
#top .sec-mission:after{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 100%;
	left: 0;
}
#top .sec-mission:before{
	top: 0;
	height: 22rem;
	background: linear-gradient(to bottom, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 0) 100%);
}
#top .sec-mission:after{
	bottom: 0;
	height: 24rem;
	background: linear-gradient(to top, rgba(20, 20, 20, 1) 0%, rgba(20, 20, 20, 0) 100%);
}
#top .sec-mission .sec-inner{
	position: relative;
	z-index: 2;
}
#top .sec-mission .block-ttl .subttl{
	font-size: 1.6rem;
	letter-spacing: 0.03em;
	margin-bottom: 2rem;
}
#top .sec-mission .block-ttl .ttl{
	letter-spacing: 0.05em;
	font-size: 2.6rem;
	line-height: 1.73;
}
#top .sec-mission .block-txt .box-txt1 p:not(:last-child){
	margin-bottom: 2.5rem;
}
#top .sec-mission .block-txt .box-txt2{
	margin-top: 4rem;
	font-size: 4rem;
	line-height: 1.25;
	letter-spacing: 0.03em;
}
#top .sec-mission .block-txt .box-txt3{
	margin-top: 1.5rem;
}
#top .sec-mission .block-txt .box-link{
	margin-top: 6rem;
}

@media only screen and (max-width: 599px) {
	#top .sec-mission .block-ttl{
		margin-bottom: 4.5rem;
	}
	#top .sec-mission .block-txt .box-txt1,
	#top .sec-mission .block-txt .box-txt3{
		letter-spacing: 0.05em;
		font-size: 1.4rem;
	}
	#top .sec-mission .block-txt .box-txt1{
		width: calc(100% + 0.5em);
	}
}

@media print,screen and (min-width: 600px) {
	#top .sec-mission{
		padding: 16rem 0;
	}
	#top .sec-mission:after{
		height: 22rem;
	}
	#top .sec-mission .container-mission{
		display: flex;
		justify-content: space-between;
		width: 83.5rem;
	}
	#top .sec-mission .block-ttl{
		width: 40rem;
	}
	#top .sec-mission .block-txt{
		width: 35.5rem;
	}
	#top .sec-mission .block-ttl .subttl{
		font-size: 2.2rem;
		margin-bottom: 2.5rem;
	}
	#top .sec-mission .block-ttl .ttl{
		letter-spacing: 0.1em;
		font-size: 4rem;
		line-height: 1.65;
	}
	#top .sec-mission .block-txt .box-txt2{
		margin-top: 3rem;
		font-size: 5rem;
	}
}

/* business
--------------------------------------*/
#top .top-sec-ttl{
	margin-bottom: 4rem;
}
#top .top-sec-ttl .e-txt{
	font-size: 2.6rem;
	letter-spacing: 0.03em;
}
#top .top-sec-ttl .j-txt{
	font-size: 1.3rem;
	letter-spacing: 0.05em;
}

#top .sec-business,
#top .sec-news{
	position: relative;
	padding: 10rem 0;
}
#top .sec-business:before,
#top .sec-business:after,
#top .sec-news:before,
#top .sec-news:after{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#top .sec-business:before,
#top .sec-news:before{
	background: url(../img/top/business-bg-sp.png) no-repeat center top;
	background-size: 100% auto;
}
#top .sec-business:after{
	background: linear-gradient(to bottom, rgba(242, 244, 248, .3) 0%, rgba(242, 244, 248, .75) 35.5rem, rgba(242, 244, 248, .9) 100%);
}
#top .sec-business .sec-inner,
#top .sec-news .sec-inner{
	position: relative;
	z-index: 2;
}
#top .sec-business .business-box{
	position: relative;
}
#top .sec-business .business-box .item-img{
	width: calc(100% - 3.6rem);
	clip-path: polygon(0 0, 100% 5rem, 100% calc(100% - 5rem), 0% 100%);
}
#top .sec-business .business-box .item-txt{
	font-size: 2rem;
	letter-spacing: 0.15em;
	writing-mode: vertical-rl;
	position: absolute;
	right: 0;
	top: 5rem;
}
#top .sec-business .business-box .item-e-txt{
	font-size: 1rem;
	letter-spacing: 0.03em;
	position: absolute;
	bottom: -2rem;
	left: 0;
	transform: rotate(-10deg);
	transform-origin: top left;
	width: calc(100% - 3.6rem);
}

@media only screen and (max-width: 599px) {
	#top .top-sec-ttl .j-txt{
		margin-top: 1.5rem;
	}

	#top .sec-business .block-business{
		padding: 0 0.8rem;
	}
	#top .sec-business .business-box:not(:last-child){
		margin-bottom: 4rem;
	}
	#top .sec-business .block-link{
		margin-top: 6rem;
		text-align: center;
	}
}

@media print,screen and (min-width: 600px) {
	#top .top-sec-ttl{
		margin-bottom: 4.5rem;
		display: flex;
		align-items: flex-end;
	}
	#top .top-sec-ttl .e-txt{
		font-size: 4rem;
	}
	#top .top-sec-ttl .j-txt{
		letter-spacing: 0.1em;
		margin-left: 1.5rem;
		padding-bottom: 0.3rem;
	}

	#top .sec-business{
		padding: 12rem 0;
	}
	#top .sec-business:before,
	#top .sec-news:before{
		background-image: url(../img/top/business-bg-pc.png);
		background-size: 200rem auto;
	}
	#top .sec-business:after,
	#top .sec-news:after{
		background: linear-gradient(to bottom, rgba(242, 244, 248, 0) 0%, rgba(242, 244, 248, .8) 100%);
	}
	#top .sec-business .container-business{
		position: relative;
	}
	#top .sec-business .block-business{
		display: flex;
	}
	#top .sec-business .business-box{
		width: calc((100% - 7rem * 2) / 3);
	}
	#top .sec-business .business-box:not(:nth-child(3n)){
		margin-right: 7rem;
	}
	#top .sec-business .business-box .item-txt{
		font-size: 2.2rem;
	}
	#top .sec-business .block-link{
		position: absolute;
		top: 2rem;
		right: 0;
	}
}

/* magazine
--------------------------------------*/
#top .top-news-container-slide{
	position: relative;
	padding-bottom: 4.3rem;
}

#top .sec-magazine{
	padding: 10rem 0;
	overflow: hidden;
}
#top .sec-magazine .article1--img.img--dummy{
	border: none;
}

@media only screen and (max-width: 599px) {
	#top .top-news-item .box-ttl{
		letter-spacing: 0.05em;
	}

	#top .sec-magazine .block-link{
		margin-top: 6rem;
		text-align: center;
	}
}

@media print,screen and (min-width: 600px) {
	#top .top-news-container-slide{
		padding-bottom: 3.5rem;
		width: calc(110rem + (100vw - 110rem) / 2);
	}
	#top .top-news-container-slide .swiper{
		width: 40rem;
		margin: 0;
		overflow: visible;
	}

	#top .sec-magazine{
		padding: 12rem 0;
	}
	#top .sec-magazine .sec-inner{
		position: relative;
	}
	#top .sec-magazine .block-link{
		position: absolute;
		top: 2rem;
		right: 0;
	}
}

/* news
--------------------------------------*/
#top .sec-news{
	overflow: hidden;
}
#top .sec-news .article1--img.img--dummy{
	border: none;
}

@media only screen and (max-width: 599px) {
	#top .sec-news:after{
		background: linear-gradient(to bottom, rgba(242, 244, 248, .3) 0%, rgba(242, 244, 248, .75) 17.5rem, rgba(242, 244, 248, .9) 100%);
	}
	#top .sec-news .block-link{
		margin-top: 6rem;
		text-align: center;
	}
}

@media print,screen and (min-width: 600px) {
	#top .sec-news{
		padding: 12rem 0;
	}
	#top .sec-news .block-link{
		position: absolute;
		top: 2rem;
		right: 0;
	}
}

/* other
--------------------------------------*/
#top .sec-other{
	padding-top: 6.8rem;
	padding-bottom: 10rem;
	overflow: hidden;
}
#top .sec-other .block-link .link-box{
	box-sizing: border-box;
	height: 12.2rem;
	padding-bottom: 0.2rem;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
}
#top .sec-other .block-link .link-box:before,
#top .sec-other .block-link .link-box:after{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	height: 0.2rem;
	bottom: 0;
	left: 0;
}
#top .sec-other .block-link .link-box:before{
	width: 100%;
	background-color: #DEDEDE;
}
#top .sec-other .block-link .link-box:after{
	width: 3rem;
	background-color: #000;
}
#top .sec-other .block-link .link-box .e-txt{
	font-size: 2.2rem;
	letter-spacing: 0.03em;
}
#top .sec-other .block-link .link-box .j-txt{
	font-size: 1.3rem;
	letter-spacing: 0.05em;
}
#top .sec-other .block-img .box-img{
	position: relative;
}
#top .sec-other .block-img .box-img .blur{
	border-radius: 6rem;
	filter: blur(40px);
	opacity: 0.7;
	position: absolute;
	top: 2.8rem;
	left: 0.7rem;
	width: 27.9rem;
}
#top .sec-other .block-img .box-img .img{
	position: relative;
	z-index: 2;
}

@media only screen and (max-width: 599px) {
	#top .sec-other .block-link .link-box .e-txt{
		margin-bottom: 1.3rem;
	}
	#top .sec-other .block-link{
		margin-bottom: 6rem;
	}
	#top .sec-other .block-img .box-img .img{
		right: -2rem;
	}
}

@media print,screen and (min-width: 600px) {
	#top .sec-other{
		padding: 20.7rem 0;
	}
	#top .sec-other .container-other{
		position: relative;
	}
	#top .sec-other .block-link{
		width: 44.3rem;
	}
	#top .sec-other .block-link .link-box{
		height: 14.2rem;
		padding-right: 3.3rem;
	}
	#top .sec-other .block-link .link-box:after{
		animation: topOtherBorder-out .5s ease forwards;
	}
	#top .sec-other .block-link .link-box:hover:after{
		animation: topOtherBorder-in .55s ease forwards;
	}
	#top .sec-other .block-link .link-box .item-txt{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	#top .sec-other .block-link .link-box .e-txt{
		font-size: 2.6rem;
	}
	#top .sec-other .block-link .link-box .j-txt{
		letter-spacing: 0.1em;
	}
	#top .sec-other .block-img{
		position: absolute;
		top: -8.7rem;
		left: 60rem;
	}
	#top .sec-other .block-img .box-img{
		position: absolute;
		top: 0;
		left: 0;
		height: 60rem;
		transition: opacity .5s ease;
	}
	#top .sec-other .block-img .box-img:not(.is--active){
		opacity: 0;
	}
	#top .sec-other .block-img .box-img .blur{
		height: 50rem;
		width: auto;
		top: 5rem;
		left: -2.5rem;
	}
	#top .sec-other .block-img .box-img .img{
		height: 100%;
		width: auto;
	}
}

@keyframes topOtherBorder-in{
	0%{
		left: 0;
		right: auto;
		width: 3rem;
	}
	100%{
		left: 0;
		right: auto;
		width: 100%;
	}
}
@keyframes topOtherBorder-out{
	0%{
		left: 0;
		right: auto;
		width: 100%;
	}
	1%{
		left: auto;
		right: 0;
		width: 100%;
	}
	94%{
		left: auto;
		right: 0;
		width: 0;
	}
	95%{
		left: 0;
		right: auto;
		width: 0;
	}
	100%{
		left: 0;
		right: auto;
		width: 3rem;
	}
}

/*====================================
404
====================================*/
#page404 .sec-404{
	padding-top: 12rem;
	padding-bottom: 10.5rem;
}
#page404 .sec-404 .block-txt{
	margin-bottom: 6rem;
}

@media print,screen and (min-width: 600px) {
	#page404 .sec-404{
		padding-top: 15rem;
		padding-bottom: 13.5rem;
	}
	#page404 .sec-404 .block-txt{
		margin-bottom: 10rem;
	}
	#page404 .sec-404 .btn{
		margin: 0 auto;
	}
}

/*====================================
about
====================================*/
/* what
--------------------------------------*/
#about .sec-what{
	padding-top: 12rem;
	overflow: hidden;
}
#about .sec-what .sec-ttl{
	font-size: 3.7rem;
	letter-spacing: 0.03em;
	margin-bottom: 2rem;
}
#about .sec-what .container-lead{
	font-size: 1.5rem;
	letter-spacing: 0.03em;
	line-height: 1.88;
	margin-bottom: 3.5rem;
}
#about .sec-what .container-img .block-img{
	width: 100vw;
}

@media only screen and (max-width: 599px) {
	#about .sec-what .container-img .block-img{
		margin-left: calc((100vw - 100%) / 2 * -1);
	}
	#about .sec-what .container-img .block-txt{
		margin-top: 4rem;
	}
}

@media print,screen and (min-width: 600px) {
	#about .sec-what{
		padding-top: 15rem;
	}
	#about .sec-what .sec-ttl{
		font-size: 6.8rem;
		margin-bottom: 3rem;
	}
	#about .sec-what .container-lead{
		font-size: 2.2rem;
		margin-bottom: 8rem;
	}
	#about .sec-what .container-img{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 53.2rem;
		position: relative;
	}
	#about .sec-what .container-img .block-img{
		height: 100%;
		position: absolute;
		right: 41.4rem;
		top: 0;
		text-align: right;
	}
	#about .sec-what .container-img .block-img img{
		width: auto;
		height: 100%;
	}
}

/* value
--------------------------------------*/
#about .sec-value{
	padding: 10rem 0;
}
#about .sec-value .container-ttl{
	margin-bottom: 4.5rem;
}
#about .sec-value .container-ttl .subttl{
	font-size: 1.8rem;
	letter-spacing: 0.03em;
	margin-bottom: 1.5rem;
}
#about .sec-value .container-ttl .ttl{
	font-size: 2.5rem;
	letter-spacing: 0.03em;
	line-height: 1.6;
}
#about .sec-value .container-ttl .lead-txt{
	line-height: 1.87;
	margin-top: 1rem;
}
#about .sec-value .container-figure .block-img{
	width: 30.3rem;
}

@media only screen and (max-width: 599px) {
	#about .sec-value .container-figure .block-txt{
		margin-bottom: 3rem;
	}
	#about .sec-value .container-figure .block-img{
		margin-left: auto;
		margin-right: 0;
	}
}

@media print,screen and (min-width: 600px) {
	#about .sec-value{
		padding: 15rem 0;
	}
	#about .sec-value .container-ttl{
		margin-bottom: 7.5rem;
	}
	#about .sec-value .container-ttl .subttl{
		font-size: 3rem;
		margin-bottom: 2.5rem;
	}
	#about .sec-value .container-ttl .ttl{
		font-size: 4.6rem;
		width: calc(100% + 1em);
		margin-left: -0.5em;
	}
	#about .sec-value .container-ttl .lead-txt{
		margin-top: 1.5rem;
	}
	#about .sec-value .container-figure{
		width: 90rem;
		display: flex;
		align-items: center;
	}
	#about .sec-value .container-figure .block-txt{
		flex: 1;
		padding-right: 4rem;
	}
	#about .sec-value .container-figure .block-img{
		width: 44.4rem;
	}
}

/* message
--------------------------------------*/
#about .about-sec-ttl{
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	position: relative;
}
#about .about-sec-ttl:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	background-color: #000;
	height: 0.2rem;
	width: 4rem;
	bottom: 0;
	left: 0;
}
#about .about-sec-ttl .e-txt{
	font-size: 2.6rem;
	letter-spacing: 0.03em;
}
#about .about-sec-ttl .j-txt{
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	margin-top: 1.7rem;
}

#about .sec-message{
	padding-top: 12rem;
	padding-bottom: 12rem;
	background-color: #000;
	position: relative;
}
#about .sec-message:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	top: 40.3rem;
	left: 0;
	width: 100%;
	height: calc(100% - 40.3rem);
	background: linear-gradient(to bottom, rgba(7, 5, 7, 0) 0%, #040304 10rem, #000 100%);
}
#about .sec-message .sec-inner{
	position: relative;
	z-index: 2;
}
#about .sec-message .about-sec-ttl:before{
	background-color: #fff;
}
#about .sec-message .container-txt .block-catch{
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1.73;
	margin-bottom: 4rem;
}
#about .sec-message .container-txt .block-name{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin-top: 2.5rem;
}
#about .sec-message .container-txt .block-name .pos{
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	margin-right: 1.8rem;
}
#about .sec-message .container-txt .block-name .name{
	width: 12.276rem;
}

#about .sec-message .container-history{
	box-sizing: border-box;
	border: 1px solid #fff;
	margin-top: 4rem;
	padding: 2rem;
}
#about .sec-message .container-history .history-item{
	display: flex;
}
#about .sec-message .container-history .history-item .year{
	width: 5em;
}
#about .sec-message .container-history .history-item .txt{
	flex: 1;
}

@media only screen and (max-width: 599px) {
	#about .sec-message .container-history .container-ttl{
		margin-bottom: 1rem;
	}
	#about .sec-message .container-history .history-item:not(:last-child){
		margin-bottom: 0.5rem;
	}
}

@media print,screen and (min-width: 600px) {
	#about .about-sec-ttl .e-txt{
		font-size: 3rem;
	}

	#about .sec-message{
		padding-top: 14.5rem;
		padding-bottom: 15rem;
	}
	#about .sec-message:before{
		top: 61.4rem;
		height: calc(100% - 61.4rem);
		background: linear-gradient(to bottom, rgba(7, 5, 7, 0) 0%, #040304 20.9rem, #000 100%);
	}
	#about .sec-message .container-txt .block-catch{
		font-size: 4rem;
		line-height: 1.75;
		margin-bottom: 7.5rem;
	}
	#about .sec-message .container-txt .block-name{
		margin-top: 3rem;
	}

	#about .sec-message .container-history{
		margin-top: 7rem;
		padding: 4rem;
		display: flex;
	}
	#about .sec-message .container-history .history-list{
		margin-left: 0.5rem;
		flex: 1;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: calc(2.125em * 3 + 1rem);
	}
	#about .sec-message .container-history .history-item{
		margin-left: 3.5rem;
	}
	#about .sec-message .container-history .history-item:nth-child(odd){
		margin-bottom: 1rem;
	}
}

/* overview
--------------------------------------*/
#about .sec-overview{
	padding-top: 10rem;
	/* padding-bottom: 6.2rem; */
}
#about .sec-overview .overview-tbl{
	box-sizing: border-box;
	width: 100%;
}
#about .sec-overview .overview-tbl th,
#about .sec-overview .overview-tbl td{
	box-sizing: border-box;
}
#about .sec-overview .overview-tbl > tbody > tr > th,
#about .sec-overview .overview-tbl > tbody > tr > td{
	padding-left: 1rem;
	padding-right: 1rem;
}
#about .sec-overview .overview-tbl > tbody > tr > th{
	padding-top: 2.5rem;
}
#about .sec-overview .overview-tbl > tbody > tr > td{
	padding-top: 0.5rem;
	padding-bottom: 2.5rem;
}
#about .sec-overview .overview-tbl .block-office:not(:last-child){
	margin-bottom: 4rem;
}
#about .sec-overview .overview-tbl .block-office .box-map{
	margin-top: 1.5rem;
}
#about .sec-overview .financial-institution-tbl{
	box-sizing: border-box;
	width: 100%;
}
#about .sec-overview .financial-institution-tbl th{
	width: 10em;
}

@media only screen and (max-width: 599px) {
	#about .sec-overview .overview-tbl > tbody > tr > th,
	#about .sec-overview .overview-tbl > tbody > tr > td{
		display: block;
	}
	#about .sec-overview .overview-tbl > tbody > tr:not(:last-child) > td{
		border-bottom: 1px solid #DEDEDE;
	}
	/* #about .sec-overview .overview-tbl .scroll-wrap{
		width: 31.5rem;
		overflow-x: scroll;
	}
	#about .sec-overview .overview-tbl .scroll-wrap img{
		width: 66rem;
	} */
}

@media print,screen and (min-width: 600px) {
	#about .sec-overview{
		padding-top: 14.5rem;
		padding-bottom: 11.2rem;
	}
	#about .sec-overview .sec-inner{
		width: 90rem;
	}
	#about .sec-overview .overview-tbl > tbody > tr > th,
	#about .sec-overview .overview-tbl > tbody > tr > td{
		padding: 1.3rem 0;
	}
	#about .sec-overview .overview-tbl > tbody > tr:not(:last-child) > th,
	#about .sec-overview .overview-tbl > tbody > tr:not(:last-child) > td{
		border-bottom: 1px solid #DEDEDE;
	}
	#about .sec-overview .overview-tbl > tbody > tr > th{
		width: 22rem;
		padding-left: 2rem;
	}
	#about .sec-overview .overview-tbl > tbody > tr > td{
		padding-right: 2rem;
	}
	#about .sec-overview .overview-tbl .block-office:not(:last-child){
		margin-bottom: 3rem;
	}
	#about .sec-overview .overview-tbl .block-office .box-map{
		margin-top: 2.5rem;
	}
	#about .sec-overview .overview-tbl .block-office .box-map .gmap--wrap{
		padding-top: 45.52%;
	}
	#about .sec-overview .overview-tbl .scroll-wrap{
		width: 66rem;
		padding: 1.8rem 0;
	}
}

/* history
--------------------------------------*/
#about .sec-history{
	padding: 8rem 0;
}
#about .sec-history .container-history .block-history{
	position: relative;
}
#about .sec-history .container-history .block-history:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 1px;
	background-color: #002E79;
	height: calc(100% - 1.5rem);
	top: 1.5rem;
	left: 7.3rem;
}
#about .sec-history .history-year-box{
	display: flex;
}
#about .sec-history .history-year-box:not(:last-child){
	margin-bottom: 2.7rem;
}
#about .sec-history .history-year-box .box-year{
	width: 7.3rem;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	padding-top: 0.5rem;
	position: relative;
}
#about .sec-history .history-year-box .box-year:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	background-color: #002E79;
	width: 1.4rem;
	height: 1.4rem;
	right: -0.8rem;
	top: 0.9rem;
	transform: rotate(45deg);
}
#about .sec-history .history-year-box .box-event{
	flex: 1;
	padding-left: 2.5rem;
}
#about .sec-history .history-year-box .item-event:not(:last-child){
	margin-bottom: 2.7rem;
}

@media only screen and (max-width: 599px) {
	#about .sec-history .sec-ttl{
		margin-bottom: 4rem;
	}
}

@media print,screen and (min-width: 600px) {
	#about .sec-history{
		padding: 10rem 0;
	}
	#about .sec-history .container-history{
		width: 90rem;
		display: flex;
	}
	#about .sec-history .container-history .block-ttl{
		width: 22.7rem;
	}
	#about .sec-history .container-history .block-history{
		flex: 1;
	}
	#about .sec-history .history-year-box:not(:last-child){
		margin-bottom: 4.7rem;
	}
	#about .sec-history .history-year-box .box-year{
		width: 7.8rem;
	}
	#about .sec-history .history-year-box .box-year:before{
		right: -0.3rem;
	}
	#about .sec-history .history-year-box .box-event{
		padding-left: 3rem;
	}
	#about .sec-history .history-year-box .item-event:not(:last-child){
		margin-bottom: 0.7rem;
	}
	#about .sec-history .history-year-box .item-event{
		display: flex;
	}
	#about .sec-history .history-year-box .item-event .month{
		box-sizing: border-box;
		width: 4.9rem;
		text-align: right;
		padding-right: 1rem;
	}
	#about .sec-history .history-year-box .item-event .txt{
		flex: 1;
	}
}

/* advertising
--------------------------------------*/
#about .sec-advertising{
	padding: 10rem 0;
}
#about .sec-advertising .container-img .img:not(:last-child){
	margin-bottom: 2rem;
}

@media print,screen and (min-width: 600px) {
	#about .sec-advertising{
		padding-top: 15rem;
		padding-bottom: 10rem;
	}
	#about .sec-advertising .sec-inner{
		width: 90rem;
	}
	#about .sec-advertising .container-img img{
		width: 74.6rem;
	}
}

/* csr
--------------------------------------*/
#about .sec-csr{
	padding: 8rem 0;
}
#about .sec-csr .block-txt .box-txt{
	margin-bottom: 2.5rem;
}

@media only screen and (max-width: 599px) {
	#about .sec-csr .block-txt .box-img .item-img{
		margin-bottom: 1rem;
	}
}

@media print,screen and (min-width: 600px) {
	#about .sec-csr{
		padding: 10rem 0;
	}
	#about .sec-csr .container-csr{
		width: 90rem;
		display: flex;
	}
	#about .sec-csr .block-ttl{
		width: 14.9rem;
	}
	#about .sec-csr .block-txt .box-txt{
		margin-bottom: 3.5rem;
	}
	#about .sec-csr .block-txt .box-img{
		display: flex;
		width: calc(100% + 3rem);
	}
	#about .sec-csr .block-txt .box-img .item-img{
		width: 41.8rem;
		margin-right: 2rem;
	}
	#about .sec-csr .block-txt .box-img .item-txt{
		flex: 1;
	}
}

/*====================================
business
====================================*/
#business .wrap--fixed-bg{
	background: url(../img/business/business-page-bg-sp.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	padding: 12rem 0;
}
#business .business-section:not(:last-child){
	margin-bottom: 10rem;
}
#business .business-section .sec-ttl{
	padding-bottom: 1rem;
	border-bottom: 1px solid #fff;
	margin-bottom: 1.5rem;
}
#business .business-section .block-catch{
	margin-bottom: 2.3rem;
}
#business .business-section .block-catch .catch{
	font-size: 3.2rem;
	letter-spacing: 0.03em;
	line-height: 1.33;
}
#business .business-section .block-catch .sub-catch{
	font-size: 2.1rem;
	letter-spacing: 0.03em;
	margin-top: 1rem;
}
#business .business-section .popup-btn{
	position: relative;
	padding-right: 2.3rem;
}
#business .business-section .popup-btn .icon{
	position: absolute;
	width: 1.4rem;
	right: 0;
	top: 0.45em;
}

#business .popup-business-container{
	padding: 3rem;
}
#business .popup-business-container .block-ttl{
	margin-bottom: 2rem;
}
#business .popup-business-container .block-ttl .box-ttl span{
	box-sizing: border-box;
	font-size: 2.2rem;
	letter-spacing: 0.03em;
	padding-bottom: 1rem;
	border-bottom: 0.2rem solid #000;
	display: inline-block;
}
#business .popup-business-container .block-ttl .box-txt{
	font-size: 1.3rem;
	line-height: 2;
	letter-spacing: 0.1em;
}
#business .popup-business-container .block-scroll{
	max-height: calc(100vh - 32rem);
	padding-right: 3rem;
}
#business .popup-business-container .estate-block .box-img{
	position: relative;
}
#business .popup-business-container .estate-block .item-sold-out,
#business .popup-business-container .estate-block .item-ttl,
#business .popup-business-container .estate-block .el-info{
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	line-height: 1.69;
}
#business .popup-business-container .estate-block .item-sold-out{
	position: absolute;
	width: 12.9rem;
	height: 8.7rem;
	display: flex;
	align-items: center;
	justify-content: center;
	top: calc((100% - 8.7rem) / 2);
	left: calc((100% - 12.9rem) / 2);
	background-color: rgba(0, 0, 0, .7);
}
#business .popup-business-container .estate-block .item-ttl{
	margin: 0.7rem 0;
}
#business .popup-business-container .estate-block .el-info{
	display: flex;
}
#business .popup-business-container .estate-block .el-info:not(:last-child){
	margin-bottom: 0.2rem;
}
#business .popup-business-container .estate-block .el-info .label{
	box-sizing: border-box;
	width: 5.9rem;
	padding: 0.5rem 0;
}
#business .popup-business-container .estate-block .el-info .txt{
	flex: 1;
	padding: 0.5rem 0.8rem;
}

@media only screen and (max-width: 599px) {
	#business .popup-business-container .block-ttl .box-txt{
		margin-top: 1.7rem;
	}

	#business .popup-business-container .estate-block:not(:last-child){
		margin-bottom: 3rem;
	}
}

@media print,screen and (min-width: 600px) {
	#business .wrap--fixed-bg{
		background-image: url(../img/business/business-page-bg-pc.jpg);
		padding: 15rem 0;
	}
	#business .business-section{
		width: 69.7rem;
	}
	#business .business-section:not(:last-child){
		margin-bottom: 12rem;
	}
	#business .business-section .sec-ttl{
		margin-bottom: 2rem;
	}
	#business .business-section .block-catch{
		margin-bottom: 2.6rem;
	}
	#business .business-section .block-catch .catch{
		font-size: 6rem;
	}
	#business .business-section .block-catch .sub-catch{
		font-size: 4.6rem;
		margin-top: 2rem;
	}

	#business .popup-business-container{
		padding: 5rem;
	}
	#business .popup-business-container .block-ttl{
		margin-bottom: 3rem;
		display: flex;
		align-items: center;
	}
	#business .popup-business-container .block-ttl .box-ttl{
		margin-right: 3rem;
	}
	#business .popup-business-container .block-ttl .box-ttl span{
		font-size: 2.6rem;
		letter-spacing: 0.1em;
	}
	#business .popup-business-container .block-ttl .box-txt{
		flex: 1;
		font-size: 1.6rem;
	}
	#business .popup-business-container .block-scroll{
		padding-right: 4rem;
		max-height: calc(100vh - 35rem);
	}
	#business .popup-business-container .estate-list{
		display: flex;
		flex-wrap: wrap;
	}
	#business .popup-business-container .estate-block{
		width: calc((100% - 2.8rem * 3) / 4);
	}
	#business .popup-business-container .estate-block:not(:nth-child(4n)){
		margin-right: 2.8rem;
	}
	#business .popup-business-container .estate-block:nth-child(n+5){
		margin-top: 4rem;
	}
}

/*====================================
privacy-policy
====================================*/
#privacy-policy .sec-policy{
	padding-top: 12rem;
	padding-bottom: 10.5rem;
}
#privacy-policy .sec-policy .container-lead{
	margin-bottom: 7rem;
}
#privacy-policy .sec-policy .policy-block:not(:last-child){
	margin-bottom: 5rem;
}
#privacy-policy .sec-policy .policy-block ul{
	margin-top: 1.5rem;
	padding-left: 2rem;
}

@media print,screen and (min-width: 600px) {
	#privacy-policy .sec-policy{
		padding-top: 15rem;
		padding-bottom: 13.5rem;
	}
	#privacy-policy .sec-policy .container-lead{
		margin-bottom: 7.5rem;
	}
	#privacy-policy .sec-policy .policy-block:not(:last-child){
		margin-bottom: 5.5rem;
	}
	#privacy-policy .sec-policy .policy-block ul{
		padding-left: 3rem;
	}
}

/*====================================
sustainability
====================================*/
/* lead
--------------------------------------*/
#sustainability .sec-lead{
	padding-top: 12rem;
	padding-bottom: 10rem;
}
#sustainability .sec-lead .sec-ttl{
	font-size: 3rem;
	letter-spacing: 0.1em;
	line-height: 1.73;
}

@media only screen and (max-width: 599px) {
	#sustainability .sec-lead .block-ttl{
		margin-bottom: 2.7rem;
	}
}

@media print,screen and (min-width: 600px) {
	#sustainability .sec-lead{
		padding-top: 15rem;
		padding-bottom: 12rem;
	}
	#sustainability .container-lead{
		padding-left: 10rem;
		padding-right: 2.5rem;
		display: flex;
		justify-content: space-between
	}
	#sustainability .container-lead .block-ttl{
		flex: 1;
		padding-right: 3rem;
	}
	#sustainability .sec-lead .sec-ttl{
		font-size: 4rem;
	}
	#sustainability .container-lead .block-txt{
		width: 46.1rem;
	}
}

/* sustaina
--------------------------------------*/
#sustainability .sec-sustaina{
	padding: 8rem 0;
}
#sustainability .sec-sustaina .sustainability-container:not(:last-child){
	padding-bottom: 7rem;
	border-bottom: 1px solid #BCBCBC;
}
#sustainability .sec-sustaina .sustainability-container:not(:first-child){
	padding-top: 7rem;
}
#sustainability .sec-sustaina .sustainability-container .container-ttl{
	margin-bottom: 2.7rem;
}

#sustainability .sec-sustaina .container1 .block-img{
	margin-top: 5rem;
	display: flex;
	flex-wrap: wrap;
}
#sustainability .sec-sustaina .container1 .block-img .sustaina-item{
	box-sizing: border-box;
	width: calc((100% - 0.9rem) / 2);
	padding: 1.5rem 1.5rem 1.7rem 1.5rem;
}
#sustainability .sec-sustaina .container1 .block-img .sustaina-item .box-img{
	height: 9.6rem;
}
#sustainability .sec-sustaina .container1 .block-img .sustaina-item .box-img img{
	width: auto;
	height: 100%;
}
#sustainability .sec-sustaina .container1 .block-img .sustaina-item.item6 .box-img img,
#sustainability .sec-sustaina .container1 .block-img .sustaina-item.item7 .box-img img{
	padding-top: 0.6rem;
	height: 8.4rem;
}
#sustainability .sec-sustaina .container1 .block-img .sustaina-item .box-ttl{
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	line-height: 1.625;
	margin-top: 0.7rem;
	margin-bottom: 0.2rem;
}
#sustainability .sec-sustaina .container1 .block-img .sustaina-item .box-txt{
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	line-height: 1.69;
}
#sustainability .sec-sustaina .container1 .block-txt{
	margin-top: 3rem;
}

#sustainability .sec-sustaina .container2 .block-img{
	margin-top: 5rem;
}
#sustainability .sec-sustaina .container2 .block-txt{
	margin-top: 3rem;
}

@media only screen and (max-width: 599px) {
	#sustainability .sec-sustaina .container1 .block-img{
		justify-content: space-between;
	}
	#sustainability .sec-sustaina .container1 .block-img .sustaina-item:nth-child(n+3){
		margin-top: 0.9rem;
	}
}

@media print,screen and (min-width: 600px) {
	#sustainability .sec-sustaina{
		padding: 10rem 0;
	}
	#sustainability .sec-sustaina .sustainability-container:not(:last-child){
		padding-bottom: 8rem;
	}
	#sustainability .sec-sustaina .sustainability-container:not(:first-child){
		padding-top: 8rem;
	}
	#sustainability .sec-sustaina .sustainability-container .container-ttl{
		margin-bottom: 3.7rem;
	}

	#sustainability .sec-sustaina .container1 .block-img{
		margin-top: 6rem;
	}
	#sustainability .sec-sustaina .container1 .block-img .sustaina-item{
		width: calc((100% - 2rem * 3) / 4);
		padding: 3rem 3rem 2.7rem 3rem;
	}
	#sustainability .sec-sustaina .container1 .block-img .sustaina-item:not(:nth-child(4n)){
		margin-right: 2rem;
	}
	#sustainability .sec-sustaina .container1 .block-img .sustaina-item:nth-child(n+5){
		margin-top: 2rem;
	}
	#sustainability .sec-sustaina .container1 .block-img .sustaina-item .box-img{
		height: 14.7rem;
	}
	#sustainability .sec-sustaina .container1 .block-img .sustaina-item.item6 .box-img img{
		padding-top: 1.6rem;
		height: 11.5rem;
	}
	#sustainability .sec-sustaina .container1 .block-img .sustaina-item.item7 .box-img img{
		padding-top: 1.6rem;
		height: 11.6rem;
	}
	#sustainability .sec-sustaina .container1 .block-img .sustaina-item .box-ttl{
		font-size: 1.8rem;
		margin-top: 1.7rem;
		margin-bottom: 0.5rem;
	}
	#sustainability .sec-sustaina .container1 .block-txt{
		margin-top: 6rem;
	}

	#sustainability .sec-sustaina .container2 .block-img{
		margin-top: 6rem;
	}
	#sustainability .sec-sustaina .container2 .block-img img{
		width: 90rem;
	}
	#sustainability .sec-sustaina .container2 .block-txt{
		margin-top: 6rem;
	}
}

/* guideline
--------------------------------------*/
#sustainability .sec-guideline{
	padding-top: 9.5rem;
	padding-bottom: 12rem;
}
#sustainability .sec-guideline .guideline-block:not(:last-child){
	margin-bottom: 4.5rem;
}
#sustainability .sec-guideline .guideline-block .block-ttl{
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	margin-bottom: 2rem;
}

@media only screen and (max-width: 599px) {
	#sustainability .sec-guideline .sec-ttl .ttl{
		display: inline;
		line-height: 2.09;
		padding-bottom: 0.2rem;
	}
}

@media print,screen and (min-width: 600px) {
	#sustainability .sec-guideline{
		padding-top: 12rem;
		padding-bottom: 15rem;
	}
	#sustainability .sec-guideline .guideline-block:not(:last-child){
		margin-bottom: 5.5rem;
	}
	#sustainability .sec-guideline .guideline-block .block-ttl{
		font-size: 2.2rem;
		letter-spacing: 0.1em;
		margin-bottom: 3rem;
	}
	#sustainability .sec-guideline .guideline-block .box-txt > ul > li{
		text-indent: -1em;
		padding-left: 1em;
	}
}

/*====================================
contact
====================================*/
#contact .sec-form{
	padding-top: 8rem;
	padding-bottom: 12rem;
	letter-spacing: 0;
}

@media print,screen and (min-width: 600px) {
	#contact .sec-form{
		padding-top: 10rem;
		padding-bottom: 15rem;
	}
	#contact .sec-form .sec-inner{
		width: 90rem;
	}
}

/*====================================
news
====================================*/
/* archive
--------------------------------------*/
#news .sec-archive{
	padding: 12rem 0;
}
#news .sec-archive .block-cat{
	margin-bottom: 8rem;
	line-height: 1;
	display: flex;
}
#news .sec-archive .block-cat .cat-item{
	display: block;
	padding-bottom: 1rem;
	position: relative;
	overflow: hidden;
}
#news .sec-archive .block-cat .cat-item:not(:last-child){
	margin-right: 2rem;
}
#news .sec-archive .block-cat .cat-item:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	background-color: #002E79;
	bottom: 0;
	left: 105%;
	width: 0;
	height: 0.2rem;
	opacity: 0;
}
#news .sec-archive .block-cat .cat-item.is--current:before{
	width: 110%;
	left: -5%;
	opacity: 1;
}

@media only screen and (max-width: 599px) {
	#news .news-list .news-card:not(:last-child){
		margin-bottom: 4rem;
	}
}

@media print,screen and (min-width: 600px) {
	#news .sec-archive{
		padding: 15rem 0;
	}
	#news .sec-archive .block-cat{
		margin-bottom: 10rem;
	}
	#news .sec-archive .block-cat .cat-item:not(:last-child){
		margin-right: 4rem;
	}
	#news .sec-archive .block-cat .cat-item:before{
		transition: left .2s cubic-bezier(.455,.03,.515,.955) 0ms,
		width 0s cubic-bezier(.455,.03,.515,.955) .3s,
		opacity .2s cubic-bezier(.455,.03,.515,.955) .1s;
	}
	#news .sec-archive .block-cat .cat-item.is--current:before,
	#news .sec-archive .block-cat .cat-item:hover:before{
		width: 110%;
		left: -5%;
		opacity: 1;
		transition: left 0s cubic-bezier(.455,.03,.515,.955) 0s,
			width .3s cubic-bezier(.455,.03,.515,.955) 0s,
			opacity .3s cubic-bezier(.455,.03,.515,.955) 0s;
	}
	#news .news-list{
		display: flex;
		flex-wrap: wrap;
	}
	#news .news-list .news-card{
		width: calc((100% - 4rem * 2) / 3);
	}
	#news .news-list .news-card:nth-child(n+4){
		margin-top: 10rem;
	}
	#news .news-list .news-card:not(:nth-child(3n)){
		margin-right: 4rem;
	}
}

/*====================================
magazine
====================================*/
/* top
--------------------------------------*/
#magazine .sec-pickup{
	padding: 8rem 0;
}

#magazine .sec-keyword{
	padding-top: 10rem;
	padding-bottom: 8rem;
}
#magazine .sec-keyword .container-keyword:not(:last-child){
	margin-bottom: 8rem;
}
#magazine .sec-keyword .container-keyword .container-ttl{
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	margin-bottom: 2rem;
}

#magazine .sec-cat{
	padding: 2rem 0;
	border-top: 1px solid #DEDEDE;
}
#magazine .sec-cat .block-cat{
	display: flex;
	flex-wrap: wrap;
}

@media only screen and (max-width: 599px) {
	#magazine .sec-pickup .block-main,
	#magazine .sec-pickup .block-sub .magazine-card:not(:last-child),
	#magazine .sec-keyword .magazine-card:not(:last-child){
		margin-bottom: 4rem;
	}

	#magazine .sec-keyword .container-keyword .block-link{
		margin-top: 5rem;
		text-align: center;
	}

	#magazine .sec-cat .block-ttl{
		text-align: center;
		margin-bottom: 2rem;
	}
}

@media print,screen and (min-width: 600px) {
	#magazine .sec-pickup{
		padding: 10rem 0;
	}
	#magazine .sec-pickup .container-pickup{
		display: flex;
		justify-content: space-between;
	}
	#magazine .sec-pickup .block-main{
		width: 58rem;
	}
	#magazine .sec-pickup .block-sub{
		width: 48rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#magazine .sec-pickup .block-sub .magazine-card{
		width: calc((100% - 2rem) / 2);
	}
	#magazine .sec-pickup .block-sub .magazine-card:nth-child(n+3){
		margin-top: 4rem;
	}
	#magazine .sec-pickup .block-sub .magazine-card .article1--cat{
		margin-top: 1.5rem;
	}
	#magazine .sec-pickup .block-sub .magazine-card .article1--ttl{
		font-size: 1.3rem;
		line-height: 1.69;
	}

	#magazine .sec-keyword{
		padding-top: 12rem;
		padding-bottom: 10rem;
	}
	#magazine .sec-keyword .container-keyword{
		position: relative;
	}
	#magazine .sec-keyword .container-keyword:not(:last-child){
		margin-bottom: 10rem;
	}
	#magazine .sec-keyword .container-keyword .container-ttl{
		font-size: 2.2rem;
		margin-bottom: 3rem;
	}
	#magazine .sec-keyword .magazine-list{
		display: flex;
	}
	#magazine .sec-keyword .magazine-card{
		width: calc((100% - 4rem * 2) / 3);
	}
	#magazine .sec-keyword .magazine-card:not(:nth-child(3n)){
		margin-right: 4rem;
	}
	#magazine .sec-keyword .container-keyword .block-link{
		position: absolute;
		top: 0;
		right: 0;
	}

	#magazine .sec-cat .container-cat{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#magazine .sec-cat .block-ttl{
		margin-right: 6.5rem;
	}
}

/* archive
--------------------------------------*/
#magazine.page--archive .sec-archive{
	padding: 12rem 0;
}
#magazine.page--archive .term-page-ttl{
	margin-bottom: 6rem;
	padding: 1.7rem 2rem;
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	line-height: 1.66;
}

@media only screen and (max-width: 599px) {
	#magazine.page--archive .magazine-list .magazine-card:not(:last-child){
		margin-bottom: 4rem;
	}
}

@media print,screen and (min-width: 600px) {
	#magazine.page--archive .sec-archive{
		padding-top: 20rem;
		padding-bottom: 15rem;
	}
	#magazine.page--archive .term-page-ttl{
		margin-bottom: 10rem;
		padding: 2.7rem 3rem;
		font-size: 2.2rem;
	}
	#magazine.page--archive .magazine-list{
		display: flex;
		flex-wrap: wrap;
	}
	#magazine.page--archive .magazine-list .magazine-card{
		width: calc((100% - 4rem * 2) / 3);
	}
	#magazine.page--archive .magazine-list .magazine-card:nth-child(n+4){
		margin-top: 10rem;
	}
	#magazine.page--archive .magazine-list .magazine-card:not(:nth-child(3n)){
		margin-right: 4rem;
	}
}

/* single
--------------------------------------*/
#magazine.page--single .single1--article{
	padding-bottom: 8rem;
}

#magazine.page--single .sec-relation{
	padding: 8rem 0;
}

#magazine.page--single .sec-pickup{
	padding: 10rem 0;
}
#magazine.page--single .sec-pickup .container-slide{
	position: relative;
	padding-bottom: 4.3rem;
}

@media only screen and (max-width: 599px) {
	#magazine.page--single .sec-relation .sec-ttl .ttl{
		display: inline;
		line-height: 2.09;
		padding-bottom: 0.2rem;
	}
	#magazine.page--single .sec-relation .magazine-card:not(:last-child){
		margin-bottom: 4rem;
	}
}

@media print,screen and (min-width: 600px) {
	#magazine.page--single .single1--article{
		padding-bottom: 10rem;
	}

	#magazine.page--single .sec-relation{
		padding: 10rem 0;
	}
	#magazine.page--single .sec-relation .magazine-list{
		display: flex;
		flex-wrap: wrap;
	}
	#magazine.page--single .sec-relation .magazine-card{
		width: calc((100% - 4rem * 2) / 3);
	}
	#magazine.page--single .sec-relation .magazine-card:not(:nth-child(3n)){
		margin-right: 4rem;
	}
	#magazine.page--single .sec-relation .magazine-card:nth-child(n+4){
		margin-top: 8rem;
	}

	#magazine.page--single .sec-pickup{
		padding-top: 12rem;
	}
	#magazine.page--single .sec-pickup .container-slide{
		width: calc(110rem + (100vw - 110rem) / 2);
	}
	#magazine.page--single .sec-pickup .swiper{
		width: 24.5rem;
		margin: 0;
		overflow: visible;
	}
	#magazine.page--single .sec-pickup .magazine-card .article1--cat{
		margin-top: 1.5rem;
	}
	#magazine.page--single .sec-pickup .magazine-card .article1--ttl{
		font-size: 1.3rem;
		line-height: 1.69;
	}
}

/*====================================
recruit
====================================*/
.page--recruit .header-inner{background: #fff;}
div#recruit{background:url("../img/recruit/bg05.png") no-repeat center bottom #000;color: #fff;padding-top: 6rem;padding-bottom: 300px;overflow: hidden;}


.page--recruit section.sec-pagettl{background: url("../img/recruit/bg01.png") no-repeat center top;padding: 200px 0 300px;}
.page--recruit h1.pagettl{text-align: center;}
.page--recruit h1.pagettl .e-txt{text-align: center;font-weight: 700;font-size: 130px;line-height: 1.15;}
.page--recruit .e-text02 {text-align: center;font-size: 36px;line-height: 1;margin-top: 20px;}
div#recruit .sec-what{position: relative;}
div#recruit .sec-what .sec-inner.width--cmn{position: relative;padding: 270px 0 500px;}
div#recruit .sec-what .text{font-size: 30px;line-height: 1.33;width: 820px;margin-left: auto;pointer-events: inherit;z-index: 2;position: relative;letter-spacing: 0.1em;}

div#recruit .sec-what .big-text{color: #232323;line-height: 0.89;width: 1050px;height: 1062px;position: absolute;top:0;right:426px;}
div#recruit .sec-what .big-text > span{display: block;font-weight: 700;}
div#recruit .sec-what .big-text > span.line01{font-size: 340px;}
div#recruit .sec-what .big-text > span.line02{font-size: 300px;text-align: right;padding-right: 310px;}
div#recruit .sec-what .big-text > span.line03{font-size: 340px;text-align: right;}

div#recruit .sec-what:before{content:"";background: url("../img/recruit/bg02.png") no-repeat left top;width: 541px;height: 535px;position: absolute;left: calc(50% + 458px);bottom: -160px;}
div#recruit .sec-what:after{content:"";background: url("../img/recruit/bg03.png") no-repeat left top;width: 535px;height: 518px;position: absolute;right: calc(50% + 465px);bottom: -417px;}

div#recruit section.sec-capability{padding-bottom: 170px;}
div#recruit section.sec-capability h2.ttl{font-size: 90px;text-align: center;line-height: 1.66;font-weight: 700;letter-spacing: 0.03em;}
div#recruit section.sec-capability .u-text{text-align: center;margin-top: 10px;font-size: 30px;line-height: 1.33;position: relative;z-index: 2;letter-spacing: 0.1em;}

.tri-box{margin-top: 100px;min-height: 292px;background: url("../img/recruit/wave01.png") no-repeat center bottom;display: flex;flex-wrap: wrap;justify-content: center;padding-left: 63px;}
.tri-box > .box{position: relative;text-align: left;font-size: 16px;line-height: 1.375;letter-spacing: 0.1em;}
.tri-box > .box .text{position: relative;z-index: 2;}
.tri-box > .box > h3{position: relative;text-align: left;font-size: 30px;line-height: 1.07;letter-spacing: 0.03em;margin-bottom: 10px;font-weight: 700;align-items: flex-start;}
.tri-box > .box > .num{color: #232323;font-size: 120px;line-height: 1;position: absolute;}
.tri-box > .box.box01 > .num{right: 10px;top: -102px;}
.tri-box > .box.box02 > .num{right: -24px;bottom: -21px;}
.tri-box > .box.box03 > .num{right: -48px;top: -33px;}

.tri-box > .box.box01{margin-right: 92px;}
.tri-box > .box.box02{margin-right: 93px;padding-top: 134px;}

section.sec-recruitment{position: relative;}
section.sec-recruitment:before{content:"";background: url("../img/recruit/bg04.png") no-repeat;width: 600px;height: 376px;position: absolute;top:-136px;left: calc(50% + 399px);}
section.sec-recruitment .bg-inner{padding: 100px;background: rgba(0,0,0,0.3);position: relative;z-index: 2;}
section.sec-recruitment .bg-inner .bikou01{margin-top: 35px;line-height: 1.5;font-size: 16px;}
section.sec-recruitment h2.recruitment-sec-ttl{margin-bottom: 50px;line-height: 1.4;}
section.sec-recruitment h2.recruitment-sec-ttl .e-txt{font-size: 30px;font-weight: 700;letter-spacing: 0.03em;}
section.sec-recruitment h2.recruitment-sec-ttl .j-txt{font-size: 16px;margin-top: 10px;letter-spacing: 0.1em;}


.rec-cont{display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;}
.rec-cont > div.box{width: calc(50% - 10px);box-sizing: border-box;background: #FFFFFF;padding: 50px;color: #000000;font-size: 16px;line-height: 2.1;}
.rec-cont > div.box > h3{color: #002E79;font-size: 22px;font-weight: 400;text-align: center;margin-bottom: 30px;line-height: 1;}

.recTBL table{width: 100%;}
.recTBL th,
.recTBL td{display: block;line-height: 1.5;font-size: 16px;}

.recTBL th{background: #F2F4F8;padding: 10px 20px;letter-spacing: 0.1em;}
.recTBL td{padding: 15px 0;letter-spacing: 0.03em;}

.recTBL tr:last-child td{padding-bottom: 0;}

.contact-btn{width: 335px;height: 80px;display: table;margin: 75px auto 0;}
.contact-btn a{display: table-cell;text-decoration: none;text-align: center;vertical-align: middle;font-size: 16px;line-height: 1.5;border: solid 1px #fff;position: relative;}
.contact-btn a .arrow--right:before{background-color: #fff;}
.contact-btn a .arrow--right .inner:before,
.contact-btn a .arrow--right .inner:after{background-color: #fff;}
.contact-btn .link--arrow{position: static;font-size: 16px;}
.contact-btn .link--arrow .arrow--right{right: 20px;}

.recTBL a.blank{display: inline-block;text-decoration: underline;padding-right: 20px;background: url("../img/recruit/ico-blank.svg") no-repeat right center;}
.recTBL a.blank:hover{text-decoration: none;}


div#recruit br.sp{display: none;}
span.inb{display: inline-block;}
@media print,screen and (min-width: 600px) {
	div#recruit{padding-top: 10rem;}
}
@media print,screen and (max-width: 1350px) {
	.page--recruit h1.pagettl .e-txt{font-size: 120px;}
	.page--recruit section.sec-pagettl {padding: 150px 0 260px;background-size: auto 100%;}
	section.sec-recruitment .bg-inner{padding: 5vw 5vw 11vw;}
	.tri-box{background-size: 100%;padding-left: 4.66vw;}
	.tri-box > .box{font-size: 1.18vw;}
	.tri-box > .box.box01{margin-right: 6.8vw;}
	.tri-box > .box.box02{margin-right: 6.8vw;padding-top: 11vw;}
	.tri-box > .box > h3{font-size: 2.22vw;margin-bottom: 0.8vw;}
	.tri-box > .box > .num {font-size: 8.88vw;}
	.tri-box > .box.box01 > .num {right: 0.6vw;top: -7vw;}
	.tri-box > .box.box02 > .num {right: -2vw;bottom: 0;}
	.tri-box > .box.box03 > .num {right: -4vw;top: -2.7vw;}
	.page--recruit .e-text02 {line-height: 1.7;font-size: 32px;}
	div#recruit section.sec-capability .u-text{font-size: 24px;}
	
	
	
}
@media print,screen and (max-width:1100px) {
	div#recruit .sec-what .big-text {width: 700px;right: auto;left: -100px;}
	div#recruit .sec-what .big-text > span.line01{font-size: 220px;}
	div#recruit .sec-what .big-text > span.line02{font-size: 180px;text-align: right;padding-right: 230px;}
	div#recruit .sec-what .big-text > span.line03{font-size: 220px;text-align: right;}
	div#recruit .sec-what .text{width:510px;}
	div#recruit .sec-what .sec-inner.width--cmn {padding: 180px 0 180px;}
	div#recruit section.sec-capability h2.ttl{line-height: 1.3;}
}
@media print,screen and (max-width: 1000px) {
	div#recruit br.sp{display: block;}
	div#recruit br.pc{display: none;}
	.page--recruit h1.pagettl .e-txt {font-size: 11.86vw;line-height: 1.34;}
	.tri-box{display: block;padding-left: 0;background: url("../img/recruit/wave02.png") no-repeat center top;background-size: auto 100%;height: 199.43vw;box-sizing: border-box;padding-top: 18.66vw;}
	.tri-box > .box > h3 {font-size: 6.66vw;margin-bottom: 2.66vw;}
	.tri-box > .box > .num{font-size: 26.66vw;}
	.tri-box > .box{font-size: 3.46vw;}
	.tri-box > .box.box01 {margin-right:0;width: 57.33vw;margin-left: auto;margin-bottom: 31.4vw;}
	.tri-box > .box.box01 > .num {right: 3vw;top: -22vw;}
	.tri-box > .box.box02 {width: 60.8vw;margin-bottom: 39.8vw;padding-top: 0;margin-left: 5.33vw;}
	.tri-box > .box.box02 > .num {right: 14vw;bottom: -11vw;}
	.tri-box > .box.box03 {margin-right:0;width: 57.33vw;margin-left: auto;}
	.tri-box > .box.box03 > .num {right: 3vw;top: -6vw;}
	.rec-cont > div.box{width: 100%;margin-bottom: 6vw;}
	.rec-cont > div.box:last-child{margin-bottom: 0;}
	div#recruit{padding-bottom: 32vw;}
}
@media print,screen and (max-width: 749px) {
	.page--recruit section.sec-pagettl{background: url("../img/recruit/sp-bg01.png") no-repeat center top;background-size: 100%;height: 146.66vw;padding: 18.66vw 0 10vw;}
	.page--recruit .e-text02{font-size: 5.26vw;margin-top: 2.66vw;}
	.page--recruit .sec-what{margin-top: -61.53vw;margin-bottom: 26.66vw;}
	div#recruit .sec-what .sec-inner.width--cmn{padding: 0;}
	div#recruit .sec-what .big-text {position: relative;left: 0;width: 100%;height: auto;}
	div#recruit .sec-what .big-text > span.line01{font-size: 29.6vw;}
	div#recruit .sec-what .big-text > span.line02{font-size: 26.4vw;text-align: right;padding-right: 24.13vw;}
	div#recruit .sec-what .big-text > span.line03{font-size: 29.6vw;text-align: right;}
	div#recruit .sec-what .text{width: 100%;font-size: 5.33vw;margin-top: -12.33vw;}
	div#recruit section.sec-capability .u-text{font-size: 4.3vw;}
	.tri-box{margin-top: 18.66vw;}
	div#recruit section.sec-capability{padding-bottom: 32vw;}
	section.sec-recruitment h2.recruitment-sec-ttl .e-txt{font-size: 5.86vw;}
	section.sec-recruitment h2.recruitment-sec-ttl .j-txt {font-size: 3.46vw;margin-top: 1.33vw;}
	section.sec-recruitment h2.recruitment-sec-ttl{margin-bottom: 8vw;}
	.rec-cont > div.box{padding: 6vw;}
	.rec-cont > div.box > h3{font-size: 4.8vw;margin-bottom: 5.33vw;}
	.contact-btn{width: 100%;height: 15.33vw;margin-top: 10.3vw;}
	.contact-btn .link--arrow{font-size:3.26vw;}
	.contact-btn .link--arrow .arrow--right {right: 5vw;width: 1vw;height: 1vw;top: calc((100% - 1.6vw) / 2);}
	.contact-btn .arrow--right:before {width: 1vw;height: 1vw;top: calc((100% - 1vw) / 2);}
    .contact-btn .arrow--right .inner:before,
	.contact-btn .arrow--right .inner:after {width: 0.2vw;height: 2.2vw;left: -1.5vw;}
    .contact-btn .arrow--right .inner:before{top: -1.8vw;}
	.contact-btn .arrow--right .inner:after {bottom: -1.8vw;}
	.recTBL th{padding: 2vw 4vw;}
	.recTBL th, .recTBL td{font-size: 2.8vw;}
	.recTBL td{padding: 2vw 0 2.5vw;}
	.recTBL tr:last-child td{padding-bottom: 0;}
	.recTBL a.blank {padding-right: 4vw;background-size: 2.5vw;}
	div#recruit section.sec-capability h2.ttl{font-size: 12.8vw;}
	div#recruit .sec-what:before {content: "";background: url(../img/recruit/bg02.png) no-repeat left top;width: 62vw;height: 55vw;position: absolute;left: 55vw;
	bottom: -32vw;background-size: contain;}
	div#recruit .sec-what:after {content: none;}
	div#recruit section.sec-capability{position: relative;}
	div#recruit section.sec-capability .container-ttl.txt--center.width--cmn{position: relative;z-index: 2;}
	div#recruit section.sec-capability:after {content: "";background: url(../img/recruit/bg03.png) no-repeat left top;width: 62vw;height: 55vw;position: absolute;right: 60vw;top: 50vw;background-size: contain;}
	section.sec-recruitment:before {content: "";background: url(../img/recruit/bg04.png) no-repeat;width: 80vw;height: 50vw;position: absolute;top: -28vw;left: 50vw;
	background-size: contain;}
	section.sec-recruitment .bg-inner .bikou01 {font-size: 3.46vw;line-height: 1.8;margin-top: 6vw;}
}

/*====================================

====================================*/

@media only screen and (max-width: 599px) {
}

@media print,screen and (min-width: 600px) {
}

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