/* ----------------------------------------
	Contents / Common
-------------------------------------------*/

#header .list-reverse li a{
	color: var(--font-black);
}
.page-header{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.page-header .inner{
	position: relative;
	width: 90%;
	max-width: var(--page-width);
	margin: 0 auto;
	padding: 180px 0 150px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
.page-header_title{
	line-height: 1.3;
	font-weight: bold;
	text-align: left;
	color: #fff;
}
.site-page-header .page-header_title{
	color: var(--font-black);
}
.site-page-header .page-header_title h2{
	color: var(--main-color);
}
.page-top-header .openbtn span{
	background-color: #fff;
}
.page-top-header .openbtn span.change-color{
	background-color: #111;
}
.page-top-header .g-nav__logo p,
.page-top-header .g-nav__list li a{
	color: #fff;
}
.page-header_title h2{
	font-size: 16px;
	margin-top: 80px;
	padding-left: 4px;
	letter-spacing: 0.2em;
}
.page-header_title p{
	font-size: 80px;
	letter-spacing: 0;
}
/* パンくず */
.page-bread .bread-list{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
.page-bread .bread-list li{
	text-align: right;
	font-size: 11px;
	padding-left: 10px;
	color: #fff;
}
.site-page-header .page-bread .bread-list li{
	color: var(--font-black);
}
.page-bread .bread-list li:after{
	color: #bbb;
	content: "/";
	padding-left: 8px;
}
.page-bread .bread-list li:last-child::after{
	content: none;
}
.page-bread .bread-list li a{
	color: var(--main-color);
}
.page-bread .bread-list li a:hover{
	opacity: var(--hover);
}
.page-container{
	position: relative;
	overflow: hidden;
	width: 96%;
	margin: -110px auto 0;
	margin-right: calc(50% - 50vw);
	border-radius: 100px 0 0 100px;
	z-index: 1;	/* iphone-safari対策 */
}
/* head nav */
.page-head-nav{
	width: 100%;
	padding: 50px 0 60px;
	background-color: var(--main-color);
}
.page-head-nav ul{
	width: 90%;
	max-width: var(--page-width);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
}
.page-head-nav ul:after{ /* 最後のコンテンツを左寄せ */
	content: "";
	display: block;
	width: 31%;
	height: 0;
}
.page-head-nav ul li{
	width: 31%;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
.page-head-nav ul li a{
	display: block;
	color: #fff;
	padding: 5% 0;
	margin-bottom: 2%;
	border-bottom: 1px solid;
	border-color: rgba(255, 255, 255, 0.3);
	background: url(../img/common/ic-arrow-circle_white-line.svg) right center no-repeat;
	background-size: 34px;
}
.page-head-nav ul li a:hover{
	background: url(../img/common/ic-arrow-circle_white.svg) right center no-repeat;
	background-size: 34px;
}
.page-head-nav ul li.current a{
	color: #fff;
	background: url(../img/common/ic-arrow-circle_white-current.svg) right center no-repeat;
	background-size: 34px;
}
.main-contents{
	position: relative;
	width: 100%;
	padding-top: 150px;
	text-align: justify;
	background-color: #fff;
}
.main-contents .read-text{
	width: 100%;
	max-width: var(--page-width);
	margin: 0 auto;
	padding-bottom: 100px;
}
.main-contents .contents-wrap{
	width: 100%;
	max-width: var(--page-width);
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.title-block{
	width: 30%;
	padding-top: 5%;
	background: url(../img/common/page-title_border.svg) left top no-repeat;
	background-size: 30px 1px;
}
.title-block h3{
	font-size: 32px;
	line-height: 1.5;
	padding-right: 10px;
	letter-spacing: 0.1em;
	color: var(--main-color);
}
.content-block{
	width: 70%;
	margin: 0 auto;
	padding-top: 50px;
}
.content-block .sec{
	width: 100%;
	padding-bottom: 20%;
}
.content-block .sec h4{
	font-size: 27px;
	line-height: 1.6;
	text-align: left;
	padding-bottom: 7%;
	letter-spacing: 0.15em;
}
.content-block .sec h4:not(:first-child){
	padding-top: 20%;
}
.content-block .column{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.content-block .column .text-block{
	width: 60%;
}
.content-block .column .img-block{	/* 右端ぴったりの写真 */
	width: 32vw;
	max-width: 600px;
	margin-right: calc(34% - 34vw);
}
.content-block .column .img-block img{
	border-radius: 20px 0 0 20px;
	width: 100%;
	height: auto;
	object-fit: cover;
}
/* list-style */
.list-style{
	width: 100%;
	border-top: 1px solid #ddd;
}
.list-style dl{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
	padding: 24px 0;
}
.list-style dt{
	width: 20%;
	font-weight: bold;
}
.list-style dt span{
	display: block;
	font-size: 80%;
}
.list-style dd{
	width: 78%;
}
.list-style a{
	text-decoration: underline;
}
/* foot nav */
.page-foot-nav{
	width: 100%;
	padding: 60px 0 80px;
	background-color: #585868;
}
.page-foot-nav .inner{
	width: 86%;
	margin: 0 auto;
	color: #ababb3;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}
.page-foot-nav .inner a{
	display: block;
	color: #fff;
}
.page-foot-nav .inner a:hover{
	opacity: var(--hover);
}
.page-foot-nav p{
	font-weight: bold;
	font-size: 11px;
	line-height: 2.5;
}
.page-foot-nav .prev,
.page-foot-nav .now,
.page-foot-nav .next{
	width: 31.33%;
}
.page-foot-nav .prev,
.page-foot-nav .next{
	font-style: italic;
	font-weight: bold;
}
.page-foot-nav .prev{
	text-align: left;
}
.page-foot-nav .next{
	text-align: right;
}
.page-foot-nav .arrow p{
	font-style: normal;
	font-size: 16px;
	letter-spacing: 0.15em;
}
.page-foot-nav .prev .arrow{
	background: url(../img/common/ic-arrow-circle_white-line-left.svg) left center no-repeat;
	background-size: 30px auto;
	padding-left: 40px;
}
.page-foot-nav .next .arrow{
	background: url(../img/common/ic-arrow-circle_white-line.svg) right center no-repeat;
	background-size: 30px auto;
	padding-right: 40px;
}
.page-foot-nav .now{
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #797986;
}
.page-foot-nav .now p{
	font-size: 14px;
}
.page-foot-nav .now span{
	display: block;
	font-size: 12px;
}
.page-foot-nav .img{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page-foot-nav .img img{
	width: 80px;
	height: auto;
}
@media screen and (max-width: 1500px){
	.content-block .column .img-block{
		width: 30vw;
		margin-right: calc(25% - 25vw);
	}
}
@media screen and (max-width: 1280px){
	.main-contents .read-text,
	.main-contents .contents-wrap{
		width: var(--sp-width);
	}
	.content-block .column .text-block{
		width: 52%;
	}
	.content-block .column .img-block{
		width: 32vw;
		margin-right: calc(14% - 14vw);
	}
}
@media screen and (max-width: 960px){
	.main-contents .read-text{
		width: 86%;
	}
	.main-contents .contents-wrap{
		display: block;
		width: 86%;
	}
	.title-block{
		width: 100%;
	}
	.content-block{
		width: 100%;
	}
	.content-block .column .img-block{	/* 右端ぴったりの写真 */
		width: 35vw;
		margin-right: calc(38% - 38vw);
	}
}
@media screen and (max-width: 650px){
	.page-header .inner{
		padding: 80px 0 80px;
		display: block;
	}
	.page-header_title h2{
		font-size: 12px;
		letter-spacing: 0.125em;
	}
	.page-header_title p{
		font-size: 35px;
	}
	.page-bread .bread-list{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.page-bread .bread-list li{
		font-size: 10px;
		text-align: left;
		line-height: 1.2;
		padding-left: 2px;
		margin-top: 2%;
	}
	.page-bread .bread-list li:first-child{
		padding-left: 0;
	}
	.page-bread .bread-list li:after{
		padding-left: 2px;
	}
	.page-container{
		margin-top: -60px;
		border-radius: 20px 0 0 20px;
	}
	.page-head-nav{
		padding: 4% 0 5%;
	}
	.page-head-nav ul,
	.main-contents .contents-wrap{
		width: 86%;
	}
	.page-head-nav ul:after,
	.page-head-nav ul li{
		width: 47%;
	}
	.page-head-nav ul li{
		font-size: 11px;
		line-height: 1.5;
	}
	.page-head-nav ul li a{
		padding: 10px 22px 8px 0;
	}
	.page-head-nav ul li a,
	.page-head-nav ul li a:hover,
	.page-head-nav ul li.current a{
		background-size: 18px;
	}
	.main-contents{
		padding-top: 10%;
	}
	.main-contents .read-text{
		max-width: 86%;
		padding-bottom: 10%;
	}
	.title-block,
	.content-block{
		width: 100%;
	}
	.title-block h3{
		font-size: 17px;
		padding-right: 0;
	}
	.content-block{
		padding-top: 10%;
	}
	.content-block .sec{
		padding-bottom: 20%;
	}
	.content-block .sec h4{
		font-size: 15px;
		padding-bottom: 3%;
	}
	.content-block .sec h4:not(:first-child){
		padding-top: 10%;
	}
	.content-block .column{
		flex-wrap: wrap;
	}
	.content-block .column .text-block{
		width: 100%;
	}
	.content-block .column .img-block{
		width: 96%;
		margin: 5% auto 0;
	}
	.content-block .column .img-block img{
		border-radius: 20px;
	}
	.list-style{
		border-top: 1px solid #ddd;
	}
	.list-style dl{
		flex-wrap: wrap;
		padding: 3% 0;
	}
	.list-style dt{
		padding-bottom: 1%;
	}
	.list-style dt,
	.list-style dd{
		width: 100%;
	}
	.list-style dt span{
		display: inline-block;
		font-size: 11px;
	}
	.page-foot-nav{
		width: 100%;
		padding: 3% 0 5%;
	}
	.page-foot-nav .inner{
		flex-wrap: wrap;
		flex-flow: column-reverse;
	}
	.page-foot-nav .now{
		display: none;
	}
	.page-foot-nav .prev,
	.page-foot-nav .next{
		width: 100%;
		text-align: left;
	}
	.page-foot-nav .next{
		border-bottom: 1px dashed rgba(255,255,255,0.2);
		padding-bottom: 3%;
		margin-bottom: 2%;
	}
	.page-foot-nav .arrow p{
		font-size: 13px;
	}
	.page-foot-nav .prev .arrow,
	.page-foot-nav .next .arrow{
		background-position: left center;
		background-size: 20px auto;
		padding: 0 0 0 30px;
	}
	.page-foot-nav .next .img{
		flex-flow: row-reverse;
	}
	.page-foot-nav .img img{
		width: 60px;
	}
}

/* ----------------------------------------
	Advantage
-------------------------------------------*/

.advantage_bg{
	background: url(../img/advantage/header-advantage.jpg) center center no-repeat;
	background-size: cover;
}
#feature .text-block .box{
	display: flex;
	justify-content: space-between;
}
#feature .text-block .box p{
	width: calc(100% - 150px);
}
#feature .text-block .box .dx-logo{
	width: 110px;
	height: auto;
}
.business-field{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 80px;
}
.business-field .img{
	position: relative;
	width: 120%;
	margin: 0 -10%;
}
.business-field .img img{
	height: auto;
}
.business-field .img img:first-child{
	padding-top: 250px;
	width: 100%;
}
.business-field .img img:last-child{
	position: absolute;
	right: 10%;
	top: 0;
	width: 300px;
}
.field-list{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.field-list li{
	width: 48%;
	padding: 26px 40px;
	margin-bottom: 4%;
	border-radius: 10px;
	background-color: #f4f4f4;
}
.field-list li p{
	padding-bottom: 10px;
}
.field-list li .title{
	font-size: 18px;
	font-weight: bold;
	color: var(--main-color);
}
.field-list li .text{
	font-size: 14px;
}
#jobs h4:first-letter{
	color: var(--main-color);
}
#jobs .process{
	padding-top: 60px;
}
#jobs .process p{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.3em;
}
#jobs .process img{
	width: 100%;
	height: auto;
	margin-top: 20px;
	border-radius: 10px;
}
.building-img img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}
#jobs .sec:nth-child(2){
	margin-bottom: 5%;
}
.job-list,
#jobs .list-style{
	margin-top: 40px;
}
.job-list dl{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-bottom: 20px;
}
.job-list dl dt{
	width: 26%;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	letter-spacing: 0.25em;
	text-align: center;
	font-weight: bold;
	color: var(--main-color);
	background-color: var(--peal-color);
}
.job-list dl dd{
	width: 70%;
	padding-top: 10px;
}
#data .content-block .sec{
	padding-bottom: 50px;
}
#data .company-data{
	width: 100%;
	border-radius: 50px;
	margin-bottom: 150px;
	background-color: #e5f5fd;
}
.company-data .block{
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
	font-weight: bold;
	text-align: center;
}
.company-data .block ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
}
.company-data .block li{
	list-style-type: none;
	flex-grow: 1;
	width: 100%;
	margin: 50px 0;
}
.company-data .block li + li{
	border-left: 3px solid #fff;
}
.2columns li{
	width: 50%;
}
.3columns li{
	width: 33.33%;
}
.company-data .block li .title{
	display: inline-block;
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	font-size: 20px;
}
/* タイトル下線 */
.company-data .block li .title:before{
	display: inline-block;
	position: absolute;
	content: '';
	bottom: -10px;
	left: 50%;
	width: 20px;
	height: 1px;
	background-color: var(--font-black);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%);
}
.company-data .block li .img{
	margin: 0 auto;
}
.company-data .block li .img img{
	width: 100%;
	height: auto;
	object-fit: cover;
}
.company-data .block li .count{
	font-family: 'Oswald','Noto Sans JP',sans-serif;
	font-size: 20px;
	line-height: 1.6;
}
.company-data .block li .count span{
	letter-spacing: 0;
}
.company-data .block li .count span:first-child{
	font-size: 80px;
	font-weight: normal;
}
.company-data .block li .count span:nth-child(2){
	font-size: 40px;
	font-weight: bold;
}
.company-data .block li .count .small{
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.company-data .block li .count span:first-child,
.company-data .block .data01 .count span:last-child,
.company-data .block .data07 .count span:last-child,
.company-data .block .data08 .count span:last-child{
	font-weight: normal;
}
.company-data .block li .box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	width: 90%;
}
.company-data .block li .box .img{
	width: 35%;
}
.company-data .block li .box .count{
	width: 50%;
}
.company-data .block li .box .count .small{
	text-align: justify;
}
.company-data .block .data01 .count p{
	display: inline-block;
}
.company-data .block .data01 .count p + p{
	padding: 20px;
}
.company-data .block .data01 .img,
.company-data .block .data03 .img{
	width: 80%;
}
.company-data .block .data02 .img,
.company-data .block .data04 .img{
	width: 60%;
}
.company-data .block .data05 .img,
.company-data .block .data06 .img{
	width: 50%
}
.company-data .block .data07 .img{
	width: 30%
}
.company-data .block .data08 .img{
	width: 40%
}
#benefits .content-block ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#benefits .content-block ul li{
	width: 47.5%;
	padding: 5%;
	margin-bottom: 5%;
	border-radius: 10px;
	background-color: #f4f4f4;
	text-align: center;
}
#benefits .content-block ul li img{
	width: 86px;
	height: auto;
	margin-bottom: 20px;
}
#benefits .content-block ul li dt{
	font-weight: bold;
	color: var(--main-color);
}
#benefits .content-block ul li dd{
	font-size: 13px;
}
#event h4{
	position: relative;
	display: inline-block;
	padding: 0 45px;
	margin-bottom: 5%;
}
#event h4:before,
#event h4:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: var(--font-black);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
#event h4:before{
	left:0;
}
#event h4:after{
	right: 0;
}
#event img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	vertical-align: bottom;/*画像の下の余白を削除*/
}
#event li{
	list-style: none;
}
#event .gallery{
	margin: 0 0 10px 0;
}
#event .gallery img{
	border-radius: 10px;
}
#event .thumbnail li{
	padding: 0 4px;
	opacity: 1;
	transition: opacity .3s linear;
}
#event .thumbnail .slick-current{
	opacity: 0.35;
}
#event .thumbnail li:hover{
	opacity: 0.35;
}
#event .thumbnail img{
	border-radius: 6px;
}
/*戻る、次へ矢印の位置*/
#event .slick-prev, 
#event .slick-next{
    position: absolute;/*絶対配置にする*/
	z-index: 3;
    top: 45%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 4px solid;
    border-right: 4px solid;
    border-color: var(--main-color);
    height: 14px;
    width: 14px;
}
#event .slick-prev{
    left: 2%;
    transform: rotate(-135deg);
}
#event .slick-next{
    right: 2%;
    transform: rotate(45deg);
}
@media screen and (max-width: 650px){
	.advantage_bg{
		background-position: 40% center;
	}
	#feature .text-block .box{
		flex-flow: row-reverse;
	}
	#feature .text-block .box p{
		width: calc(100% - 100px);
	}
	#feature .text-block .box .dx-logo{
		width: 80px;
	}
	.business-field{
		width: 100%;
		padding: 5% 0 10%;
	}
	.business-field .img{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		flex-flow: column-reverse;
		width: 140%;
		margin: 0 0 0 -20%;
	}
	.business-field .img img{
		width: 100%;
		height: auto;
	}
	.business-field .img img:first-child{
		padding-top: 0;
	}
	.business-field .img img:last-child{
		position: relative;
		right: inherit;
		width: 40%;
		max-width: 200px;
		margin: 0 15% 0 auto;
	}
	.field-list li{
		width: 100%;
		padding: 5% 7%;
		margin-bottom: 3%;
	}
	.field-list li p{
		padding: 0;
	}
	.field-list li .title{
		font-size: 14px;
	}
	.field-list li .text{
		font-size: 12px;
	}
	#jobs .process{
		padding-top: 6%;
	}
	#jobs .process p{
		font-size: 13px;
		text-align: center;
	}
	#jobs .process img{
		margin-top: 2%;
		border-radius: 10px;
	}
	.job-list,
	#jobs .list-style{
		margin-top: 5%;
	}
	.job-list dl{
		flex-wrap: wrap;
		padding-bottom: 3%;
	}
	.job-list dl dt{
		width: 100%;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
	}
	.job-list dl dd{
		width: 96%;
		margin: 0 auto;
		padding-top: 3%;
		line-height: 1.75;
	}
	#data .content-block .sec{
		padding-bottom: 5%;
	}
	#data .company-data{
		border-radius: 20px;
		margin-bottom: 15%;
	}
	.company-data .block{
		width: 90%;
	}
	.company-data .block ul{
		flex-wrap: wrap;
	}
	.company-data .block li{
		margin: 0;
		padding: 7% 0 5%;
	}
	.company-data .block li,
	.company-data .block li + li{
		border: none;
		border-bottom: 2px solid #fff;
	}
	.2columns li,
	.3columns li{
		width: 100%;
	}
	.company-data .block li .title{
		margin-bottom: 10%;
		font-size: 15px;
	}
	.company-data .block li .img{
		margin: 0 auto;
	}
	.company-data .block li .img img{
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.company-data .block li .count{
		font-size: 14px;
	}
	.company-data .block li .count span:first-child{
		font-size: 50px;
	}
	.company-data .block li .count span:nth-child(2){
		font-size: 28px;
	}
	.company-data .block li .count .small{
		font-size: 12px;
	}
	.company-data .block li .box{
		flex-wrap: wrap;
		width: 100%;
	}
	.company-data .block li .box .img{
		width: 40%;
	}
	.company-data .block li .box .count{
		width: 90%;
		margin: 0 auto;
	}
	.company-data .block .data03 .img{
		width: 60%;
	}
	.company-data .block .data04 .img{
		width: 48%;
	}
	.company-data .block .data05 .img,
	.company-data .block .data06 .img{
		width: 40%;
	}
	.company-data .block .data08 .img{
		width: 35%
	}
	.company-data .block .data03,
	.company-data .block .data07,
	.company-data .block .data08,
	.company-data .block .data09,
	.company-data .block .data10{
		padding-bottom: 6%;
	}
	.company-data .block .data10{
		border-bottom: none;
	}
	#benefits .content-block ul li{
		width: 49%;
		padding: 6% 3%;
		margin-bottom: 2%;
		border-radius: 6px;
		line-height: 1.75;
	}
	#benefits .content-block ul li img{
		width: 40%;
		min-width: 60px;
		margin-bottom: 7%;
	}
	#benefits .content-block ul li dd{
		font-size: 11px;
		padding-top: 3%;
	}
	#event .content-block{
		padding-top: 50px;
	}
	#event .h4-title{
		text-align: center;
	}
	#event img{
		width: 100%;
		height: auto;
		border-radius: 10px;
		vertical-align: bottom;/*画像の下の余白を削除*/
	}
	#event li{
		list-style: none;
	}
	#event .thumbnail li{
		padding: 0 2px;
	}
	#event .thumbnail img{
		border-radius: 4px;
	}
}

/* ----------------------------------------
	Vision
-------------------------------------------*/
.vision_bg{
	background: url(../img/vision/header-vision.jpg) center center no-repeat;
	background-size: cover;
}
@media screen and (max-width: 650px){
	.vision_bg{
		background-position: 30% center;
	}
}

/* ----------------------------------------
	Message
-------------------------------------------*/
.title-border{
	display: inline-block;
	padding: 4px 12px;
	font-size: 11px;
	font-weight: bold;
	color: var(--main-color);
	border: 1px solid;
	border-color: var(--main-color);
}
.message .main-contents,
.interview .main-contents{
	padding: 0;
}
.ceo-message{
	width: 90%;
	max-width: 900px;
	margin: 80px auto 0;
	padding-bottom: 150px;
}
.ceo-message .read{
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-top: 20px;
}
.ceo-message .text{
	font-size: 17px;
	line-height: 2.3;
	padding-top: 40px;
}
.ceo-message .name{
	width: 200px;
	margin: 0 0 0 auto;
	padding-top: 40px;
}
.ceo-message .name p{
	padding-bottom: 8px;
	letter-spacing: 0.02em;
}
.ceo-message .name img{
	width: 100%;
	height: auto;
}
.interview .contents-block{
	width: 100%;
	margin: 0 auto;
	padding: 180px 0;
}
.interview .contents-block:nth-child(even){
	background-color: var(--dark-peal-color);
}
.interview .contents-block .inner{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: var(--sp-width);
	max-width: var(--page-width);
	margin: 0 auto;
}
.interview .img-box{
	width: 32%;
}
.interview .img-box .caption{
	display: inline-block;
	position: relative;
	z-index: 1;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	padding: 0 6%;
	margin-left: -10px;
	background-color: var(--main-color);
}
.interview .contents-block:nth-child(even) .caption{
	color: var(--main-color);
	background-color: #fff;
	border: 1px solid;
	border-color: var(--main-color);
}
.interview .img-box div{
	z-index: 0;
	margin-top: -20px;
}
.interview .img-box img{
	width: 100%;
	height: auto;
	border-radius: 20px;
}
.interview .text-box{
	width: 60%;
}
.interview .text-box .data{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding: 4% 5% 3%;
	border-radius: 10px;
	background-color: var(--dark-peal-color);
}
.interview .contents-block:nth-child(even) .text-box .data{
	background-color: #fff;
}
.interview .text-box .data dt{
	width: 25%;
	font-weight: bold;
	color: var(--main-color);
}
.interview .text-box .data dd{
	width: 75%;
}
.interview .text-block .title{
	padding-top: 6%;
	font-size: 18px;
	font-weight: bold;
}
.interview .text-block .text{
	padding-top: 2%;
}
.interview .text-block .text .marker{
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
.marker{
	padding: 0 5px;
	background-image: linear-gradient(#ffff63, #ffff63);
	background-size: 0 50%;/*幅をゼロにしておく*/
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: .75s;
}
.marker.active{
	background-size: 100% 50%;/*JSからクラスactiveを付与されたときに背景の幅を全体に広げる*/
}
.top-crosstalk-container{
	position: relative;
	overflow: hidden;
	width: var(--sp-width);
	margin: 0 0 0 auto;
	padding-bottom: 100px;
}
.top-crosstalk-container ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.top-crosstalk-container ul li{
	position: relative;
	width: 100%;
	margin: 0 0 1px auto;
}
.top-crosstalk-container ul li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.top-crosstalk-container ul li:nth-child(1){
	background: url(../img/message/crosstalk01_bg.jpg) center 10% no-repeat;
	background-size: cover;
}
.top-crosstalk-container ul li:nth-child(2){
	background: url(../img/message/crosstalk02_bg.jpg) center 20% no-repeat;
	background-size: cover;
}
.top-crosstalk-container ul li:nth-child(3){
	background: url(../img/message/crosstalk03_bg.jpg) center 20% no-repeat;
	background-size: cover;
}
.top-crosstalk-container ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 450px;
	padding-left: 5%;
	background: url(../img/common/ic-arrow-circle_blue.svg) 96% center no-repeat;
	background-size: 50px auto;
	background-color: rgba(59,61,64,0.6);
}
.top-crosstalk-container ul li a:hover{
	background-color: rgba(59,61,64,0.3);
}
.top-crosstalk-container ul li p{
	color: #fff;
	line-height: 1;
}
.top-crosstalk-container ul li .caption{
	width: 180px;
	height: 50px;
	border: 1px solid #fff;
	line-height: 50px;
	border-radius: 25px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.top-crosstalk-container ul li .title{
	font-size: 66px;
	font-weight: 500;
	padding: 20px 0 22px;
}
.top-crosstalk-container ul li .copy{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.3em;
}
.crosstalk .crosstalk-visual{
	width: 100%;
	height: 670px;
}
.crosstalk01 .crosstalk-visual{
	background: url(../img/message/crosstalk01_main.jpg) center center no-repeat;
	background-size: cover;
}
.crosstalk02 .crosstalk-visual{
	background: url(../img/message/crosstalk02_main.jpg) center center no-repeat;
	background-size: cover;
}
.crosstalk03 .crosstalk-visual{
	background: url(../img/message/crosstalk03_main.jpg) center center no-repeat;
	background-size: cover;
}
.crosstalk .main-contents{
	position: relative;
	padding: 150px 0;
}
.crosstalk .intro{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	width: 100%;
	max-width: var(--page-width);
	margin: 0 auto;
	font-weight: bold;
}
.crosstalk .intro .division{
	border: 1px solid;
	border-color: var(--main-color);
	color: var(--main-color);
	font-size: 12px;
	padding: 4px 12px;
	margin-right: 20px;
}
.crosstalk .intro .post{
	font-size: 12px;
	letter-spacing: 0.2em;
}
.crosstalk .intro .post .name{
	font-size: 22px;
}
.crosstalk .intro .post .batsu{
	font-weight: normal;
	font-size: 200%;
}
.crosstalk .main-talk{
	position: relative;
	width: 100%;
	max-width: var(--page-width);
	margin: 0 auto;
	padding-top: 20px;
}
.crosstalk .main-talk .heading{
	font-size: 38px;
	text-align: left;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.crosstalk .main-talk .heading:not(:first-child){
	padding-top: 150px;
}
.crosstalk .main-talk .sec{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 100px;
}
.crosstalk .main-talk .sec .l-outside-image,
.crosstalk .main-talk .sec .r-outside-image{
	width: 35vw;
	margin: 0 auto;
}
.crosstalk .main-talk .sec .l-outside-image img,
.crosstalk .main-talk .sec .r-outside-image img{
	width: 100%;
	height: auto;
}
.crosstalk .main-talk .sec .l-outside-image{
	margin-left: calc(50% - 50vw);
}
.crosstalk .main-talk .sec .l-outside-image img{
	border-radius: 0 50px 50px 0;
}
.crosstalk .main-talk .sec .r-outside-image{
	margin-right: calc(50% - 50vw);
}
.crosstalk .main-talk .sec .r-outside-image img{
	border-radius: 50px 0 0 50px;
}
.crosstalk .main-talk .sec .text-block{
	width: 60%;
}
.crosstalk .main-talk .sec .text-block .title{
	color: var(--main-color);
	font-weight: bold;
	text-align: left;
	font-size: 30px;
	line-height: 1.8;
	padding-bottom: 50px;
}
.crosstalk .main-talk .sec .text-block dl{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	font-size: 17px;
}
.crosstalk .main-talk .sec .text-block dt{
	color: var(--main-color);
	font-weight: bold;
	width: 12%;
}
.crosstalk .main-talk .sec .text-block dd{
	width: 88%;
	padding-bottom: 5%;
}
.crosstalk .main-talk .r-outside{
	width: 100vw;
	margin-right: calc(50% - 50vw);
	padding-bottom: 50px;
}
.crosstalk .main-talk .r-outside p{
	position: relative;	/* iphone-safari対策 */
	z-index: 1;
	overflow: hidden;
	border-radius: 100px 0 0 100px;
}
.crosstalk .main-talk .r-outside img{
	width: 100%;
	height: auto;
}
.crosstalk-foot-nav{
	width: 100%;
	padding: 100px 0 150px;
	margin-top: 150px;
	font-weight: bold;
	text-align: center;
	background: linear-gradient(45deg,rgba(0,160,233,1.0),rgba(78,230,227,1.0));
}
.crosstalk-foot-nav .read{
	font-size: 25px;
	color: #fff;
}
.crosstalk-foot-nav ul{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
	padding-top: 3%;
}
.crosstalk-foot-nav li{
	overflow: hidden;
	width: 48%;
	border-radius: 20px;
}
.crosstalk-foot-nav li.talk-01{
	background: url(../img/message/crosstalk01_bg.jpg) center 10% no-repeat;
	background-size: cover;
}
.crosstalk-foot-nav li.talk-02{
	background: url(../img/message/crosstalk02_bg.jpg) center 20% no-repeat;
	background-size: cover;
}
.crosstalk-foot-nav li.talk-03{
	background: url(../img/message/crosstalk03_bg.jpg) center 20% no-repeat;
	background-size: cover;
}
.crosstalk-foot-nav li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	width: 100%;
	height: 220px;
	color: #fff;
	padding-left: 5%;
	background: url(../img/common/ic-arrow-circle_white-line.svg) 96% center no-repeat;
	background-size: 34px auto;
	background-color: rgba(59,61,64,0.6);
}
.crosstalk-foot-nav li a:hover{
	background-color: rgba(59,61,64,0.3);
}
.crosstalk-foot-nav li p{
	line-height: 1;
}
.crosstalk-foot-nav li .caption{
	width: 150px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	font-size: 11px;
	text-align: center;
	border: 1px solid #fff;
}
.crosstalk-foot-nav li .title{
	font-size: 40px;
	font-weight: 500;
	padding: 5% 0;
}
.crosstalk-foot-nav li .copy{
	font-size: 14px;
	letter-spacing: 0.3em;
}
@media screen and (max-width: 1280px){
	.crosstalk .intro,
	.crosstalk .main-talk,
	.crosstalk-foot-nav ul{
		width: var(--sp-width);
	}
}
@media screen and (max-width: 650px){
	.ceo-message{
		width: 86%;
		margin: 10% auto 0;
		padding-bottom: 15%;
	}
	.ceo-message .read{
		font-size: 16px;
		padding-top: 3%;
	}
	.ceo-message .text{
		font-size: 14px;
		line-height: 2.1;
		letter-spacing: 0.02em;
		padding-top: 3%;
	}
	.ceo-message .name{
		width: 140px;
		padding-top: 5%;
	}
	.ceo-message .name p{
		font-size: 12px;
		padding-bottom: 6px;
	}
	.interview .contents-block{
		padding: 15% 0;
	}
	.interview .contents-block .inner{
		flex-wrap: wrap;
		width: 86%;
	}
	.interview .img-box{
		width: 76%;
		margin: 0 auto;
	}
	.interview .img-box .caption{
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		font-size: 10px;
	}
	.interview .text-box{
		width: 100%;
	}
	.interview .text-box .data{
		margin-top: -30px;
		font-size: 11px;
		padding: 4% 6%;
	}
	.interview .text-box .data dt{
		width: 40%;
	}
	.interview .text-box .data dd{
		width: 60%;
	}
	.interview .text-block .title{
		font-size: 15px;
	}
	.interview .text-block .text{
		font-size: 14px;
		letter-spacing: 0.02em;
	}
	.interview .text-block .text .marker{
		display: inline;
		font-size: 18px;
	}
	.top-crosstalk-container{
		width: 96%;
		padding: 0;
	}
	.top-crosstalk-container ul li:nth-child(1),
	.crosstalk-foot-nav li.talk-01{
		background-position: 50% center;
	}
	.top-crosstalk-container ul li:nth-child(2),
	.crosstalk-foot-nav li.talk-02{
		background-position: 65% center;
	}
	.top-crosstalk-container ul li:nth-child(3),
	.crosstalk-foot-nav li.talk-03{
		background-position: 75% center;
	}
	.top-crosstalk-container ul li a{
		height: 190px;
		background-size: 24px auto;
	}
	.top-crosstalk-container ul li .caption{
		width: 130px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		font-size: 10px;
	}
	.top-crosstalk-container ul li .title{
		font-size: 26px;
		padding: 5% 0 6%;
	}
	.top-crosstalk-container ul li .copy{
		font-size: 12px;
		letter-spacing: 0.2em;
	}
	.crosstalk .crosstalk-visual{
		height: 280px;
	}
	.crosstalk02 .crosstalk-visual{
		background-position: 58% center;
	}
	.crosstalk .main-contents{
		padding: 10% 0;
	}
	.crosstalk .intro{
		flex-wrap: wrap;
		width: 86%;
	}
	.crosstalk .intro .division{
		font-size: 11px;
		padding: 5px 5% 3px;
		margin: 0 0 1%;
	}
	.crosstalk .intro .post{
		width: 100%;
		font-size: 11px;
	}
	.crosstalk .intro .post .name,
	.crosstalk .intro .post .batsu{
		font-size: 16px;
	}
	.crosstalk .main-talk{
		width: 86%;
		padding-top: 5%;
	}
	.crosstalk .main-talk .heading{
		font-size: 22px;
	}
	.crosstalk .main-talk .heading:not(:first-child){
		padding-top: 5%;
	}
	.crosstalk .main-talk .sec{
		flex-wrap: wrap;
		padding-top: 5%;
	}
	.crosstalk .main-talk .sec .l-outside-image,
	.crosstalk .main-talk .sec .r-outside-image{
		width: 90%;
	}
	.crosstalk .main-talk .sec .l-outside-image{
		padding-bottom: 10%;
	}
	.crosstalk .main-talk .sec .r-outside-image{
		padding: 10% 0;
	}
	.crosstalk .main-talk .sec .l-outside-image img{
		border-radius: 0 20px 20px 0;
	}
	.crosstalk .main-talk .sec .r-outside-image img{
		border-radius: 20px 0 0 20px;
	}
	.crosstalk .main-talk .sec .text-block{
		width: 100%;
	}
	.crosstalk .main-talk .sec .text-block .title{
		font-size: 18px;
		padding-bottom: 5%;
	}
	.crosstalk .main-talk .sec .text-block dl{
		font-size: 14px;
		padding-bottom: 3%;
	}
	.crosstalk .main-talk .sec .text-block dt,
	.crosstalk .main-talk .sec .text-block dd{
		width: 100%;
		padding-bottom: 0;
		letter-spacing: 0.02em;
	}
	.crosstalk .main-talk .r-outside{
		width: 100%;
		margin: 0 auto;
		padding: 10% 0 15%;
	}
	.crosstalk .main-talk .r-outside p{
		border-radius: 20px;
	}
	.crosstalk-foot-nav{
		padding: 10% 0;
		margin-top: 5%;
	}
	.crosstalk-foot-nav .read{
		font-size: 15px;
	}
	.crosstalk-foot-nav ul{
		flex-wrap: wrap;
		width: 86%;
	}
	.crosstalk-foot-nav li{
		position: relative;
		z-index: 1;
		width: 100%;
		border-radius: 10px;
		margin-bottom: 2%;
	}
	.crosstalk-foot-nav li a{
		height: 130px;
		background-size: 22px auto;
	}
	.crosstalk-foot-nav li .caption{
		width: 130px;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		font-size: 10px;
	}
	.crosstalk-foot-nav li .title{
		font-size: 22px;
		padding: 5% 0 6%;
	}
	.crosstalk-foot-nav li .copy{
		font-size: 11px;
		letter-spacing: 0.2em;
	}
}

/* ----------------------------------------
	Location
-------------------------------------------*/
.location #office .title-block{
	width: 45%;
}
.location #office .content-block{
	width: 55%;
}
.location #office .content-block .sec{
	padding-bottom: 50px;
}
.office-gallery{
	padding-bottom: 150px;
}
.office-gallery img{
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 20px;
}
.office-gallery ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.office-gallery li{
	padding-bottom: 2%;
}
.office-gallery .row_1 img{ height: 400px;}
.office-gallery .row_2 img{ height: 320px;}
.office-gallery .row_3 img{ height: 300px;}
.office-gallery .row_2{ width: 32%;}
.office-gallery .item-1{ width: 70%;}
.office-gallery .item-2{ width: 28%;}
.office-gallery .item-6,
.office-gallery .item-7{ width: 49%;}

#spot{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 200px 0 150px;
	background-color: #e0eaf7;
}
#spot .head-area,
.recommend-spot{
	width: 100%;
	max-width: var(--page-width);
}
#spot .head-area{
	display: flex;
	justify-content: space-between;
	height: auto;
	margin: 0 auto;
	padding-bottom: 250px;
}
#spot .head-area .read{
	z-index: 1;
}
#spot .head-area .read p{
	width: 400px;
	padding-top: 30px;
}
#spot .head-area .read h3 img{
	width: 440px;
	height: auto;
}
#spot .head-area .access-map{
	position: absolute;
	top: -20px;
	right: 0;
	z-index: 0;
}
#spot .head-area .access-map img{
	width: auto;
	height: 100%;
	max-height: 630px;/* 高さ*/
}
.recommend-spot{
	margin: 0 auto;
}
.recommend-spot ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	row-gap: 40px;
}
.recommend-spot ul li{
	width: 30%;
}
.recommend-spot ul li img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	margin-bottom: 5%;
}
.recommend-spot ul li .spot-name{
	font-weight: bold;
	line-height: 1.75;
	padding: 5px 0 5px 42px;
	margin-bottom: 4%;
}
.recommend-spot ul li .spot-name a{
	text-decoration: underline;
	padding-right: 16px;
	background: url(../img/common/ic-more-link_blue.svg) right center no-repeat;
	background-size: 10px;
}
.recommend-spot .spot-1 .spot-name{
	background: url(../img/location/spot-num_1.png);
}
.recommend-spot .spot-2 .spot-name{
	background: url(../img/location/spot-num_2.png);
}
.recommend-spot .spot-3 .spot-name{
	background: url(../img/location/spot-num_3.png);
}
.recommend-spot .spot-4 .spot-name{
	background: url(../img/location/spot-num_4.png);
}
.recommend-spot .spot-5 .spot-name{
	background: url(../img/location/spot-num_5.png);
}
.recommend-spot .spot-6 .spot-name{
	background: url(../img/location/spot-num_6.png);
}
.recommend-spot .spot-1 .spot-name,
.recommend-spot .spot-2 .spot-name,
.recommend-spot .spot-3 .spot-name,
.recommend-spot .spot-4 .spot-name,
.recommend-spot .spot-5 .spot-name,
.recommend-spot .spot-6 .spot-name{
	background-position: left 15%;
	background-repeat: no-repeat;
	background-size: 35px;
}
.recommend-spot ul li .text{
	font-size: 14px;
}
#access{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 200px 0 150px;
}
#access .sec{
	padding-bottom: 100px;
}
#access h4{
	font-size: 17px;
	padding-bottom: 2%;
	margin-bottom: 0;
}
#access .address{
	font-size: 14px;
	padding-bottom: 3%;
}
#access .map iframe{
	width: 100%;
	height: 300px;
}
@media screen and (max-width: 1280px){
	#spot,
	#access{
		padding: 15% 0 10%;
	}
	#spot .head-area,
	.recommend-spot,
	#access{
		width: var(--sp-width);
	}
	#spot .head-area .access-map img{
		max-height: 430px;
	}
	#spot .head-area{
		padding-bottom: 10%;
	}
}
@media screen and (max-width: 960px){
	#spot .head-area .read h3 img{
		width: 50%;
	}
	#spot .head-area .access-map img{
		max-height: 330px;
	}
}
@media screen and (max-width: 650px){
	.location #office .title-block,
	.location #office .content-block{
		width: 100%;
	}
	.location #office .content-block .sec{
		padding-bottom: 5%;
	}
	.office-gallery{
		padding-bottom: 15%;
	}
	.office-gallery ul{
		align-items: stretch;
	}
	.office-gallery li{
		display: flex;
		align-items: center;
	}
	.office-gallery li:last-child{
		margin: auto;
	}
	.office-gallery img{
		border-radius: 10px;
	}
	.office-gallery .row_1 img,
	.office-gallery .row_2 img,
	.office-gallery .row_3 img{ height: auto;}
	.office-gallery .item-1,
	.office-gallery .item-6,
	.office-gallery .item-7{ width: 100%;}
	.office-gallery .row_2,
	.office-gallery .item-2{ width: 49%; }
	
	#spot{
		padding: 0 0 10%;
	}
	#spot .head-area{
		flex-wrap: wrap;
		flex-flow: column-reverse;
		width: 100%;
		padding-bottom: 10%;
	}
	#spot .head-area .read{
		width: 86%;
		margin: 0 auto;		
	}
	#spot .head-area .read p{
		width: 100%;
		padding-top: 3%;
	}
	#spot .head-area .read h3 img{
		width: 80%;
		margin-left: -1%;
	}
	#spot .head-area .access-map{
		position: relative;
	}
	#spot .head-area .access-map img{
		width: 100%;
		height: auto;
		max-height: 630px;
	}
	.recommend-spot{
		width: 86%;
	}
	.recommend-spot ul{
		row-gap: 0;
	}
	.recommend-spot ul li{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 10%;
	}
	.recommend-spot ul li div:first-child{
		width: 42%;
	}
	.recommend-spot ul li div:last-child{
		width: 53%;
	}
	.recommend-spot ul li img{
		margin-bottom: 0;
	}
	.recommend-spot ul li .spot-name{
		padding: 3px 0 3px 30px;
		text-align: left;
	}
	.recommend-spot .spot-1 .spot-name,
	.recommend-spot .spot-2 .spot-name,
	.recommend-spot .spot-3 .spot-name,
	.recommend-spot .spot-4 .spot-name,
	.recommend-spot .spot-5 .spot-name,
	.recommend-spot .spot-6 .spot-name{
		background-size: 24px;
	}
	.recommend-spot ul li .text{
		font-size: 12px;
		letter-spacing: 0.02em;
	}
	#access{
		width: 86%;
		padding: 10% 0;
	}
	#access .sec{
		padding-bottom: 10%;
	}
	#access h4{
		font-size: 14px;
	}
	#access .address{
		font-size: 12px;
	}
	#access .map iframe{
		width: 100%;
		height: 300px;
	}
}

/* ----------------------------------------
	Guideline
-------------------------------------------*/
.list-process{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.list-process dl{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 4px;
}
.list-process dt,
.list-process dd{
	padding: 34px 24px;
}
.list-process dt{
	width: 26%;
	color: #fff;
	font-weight: bold;
}
.list-process dl:nth-child(1) dt{
	background-color: #99d9f6;
}
.list-process dl:nth-child(2) dt{
	background-color: #66c6f2;
}
.list-process dl:nth-child(3) dt{
	background-color: #33b3ed;
}
.list-process dl:nth-child(4) dt{
	background-color: #00a0e9;
}
.list-process dd{
	width: calc(74% - 4px);
	background-color: #f6f6f6;
}
.list-process dd ul.text-small li{
	font-size: 80%;
	line-height: 1.75;
}
.list-process dd ul.nav-link{
	padding-top: 3%;
}
.list-process dd ul.nav-link li a{
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	width: 260px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	border: 1px solid #ddd;
	background-color: #fff;
}
.list-process dd ul.nav-link li a:hover{
	background-color: #fcfcfc;
}
.list-process dd ul.nav-link li a img{
	width: auto;
	height: 24px;
}

/* Footer Information */
.information{
	width: 92%;
	max-width: var(--page-width);
	margin: 0 auto;
	padding-top: 150px;
}
.information .heading span.en,
.information .link-list{
	font-weight: bold;
}
.information .heading span.en{
	font-size: 40px;
	padding: 0;
}
.information .text{
	text-align: center;
}
.information .link-list{
	padding-top: 5%;
	display: flex;
	justify-content: space-between;
}
.information .link-list li{
	width: 32%;
	text-align: left;
}
.information .link-list li a .other-site{
	display: inline;
	padding-right: 16px;
	background: url(../img/common/ic-other-site_blue.svg) right center no-repeat;
	background-size: 12px;
}
.information .link-list li a:hover .other-site{
	background: url(../img/common/ic-other-site_white.svg) right center no-repeat;
	background-size: 12px;
}
.information .link-list li img{
	width: 30px;
	margin-right: 10px;
	vertical-align: middle;
}
.information .more-btn a{
	display: block;
	height: 80px;
	line-height: 78px;
	border-radius: 40px;
	padding-left: 10%;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid;
	color: var(--main-color);
	border-color: var(--main-color);
	background: url(../img/common/ic-arrow-circle_blue.svg) 95% center no-repeat;
	background-size: 34px;
}
.information .more-btn a:hover{
	color: #fff;
	background: url(../img/common/ic-arrow-circle_white.svg) 95% center no-repeat;
	background-size: 34px;
	background-color: var(--main-color);
}
@media screen and (max-width: 1280px){
	.information{
		max-width: initial;/*解除*/
	}
	.information .text{
		font-size: 14px;
	}
	.information .more-btn a{
		height: 80px;
		line-height: 78px;
		border-radius: 40px;
	}
	.information .more-btn a,
	.information .more-btn a:hover{
		background-size: 30px;
	}
}
@media screen and (max-width: 750px){
	.information .link-list li a .other-site,
	.information .link-list li a:hover .other-site{
		background-size: 10px;
	}
	.information .link-list li img{
		width: 20px;
	}
}
@media screen and (max-width: 650px){
	.list-process dl{
		padding-bottom: 3%;
	}
	.list-process dt,
	.list-process dd{
		width: 100%;
	}
	.list-process dt{
		padding: 2% 6%;
		font-size: 14px;
		text-align: center;
	}
	.list-process dd{
		padding: 5% 6%;
	}
	.list-process dd ul.text-small li{
		font-size: 11px;
	}
	.list-process dd ul.nav-link li a{
		width: 100%;
	}
	.list-process dd ul.nav-link li a img{
		width: auto;
		height: 18px;
	}
	/* Footer Information */
	.information{
		width: 90%;
		padding-top: 15%;
	}
	.information .heading span.en{
		display: block;
		font-size: 24px;
		letter-spacing: 0.05em;
		padding: 0;
	}
	.information .text{
		font-size: 12px;
	}
	.information .link-list{
		display: block;
	}
	.information .link-list li{
		width: 100%;
		margin-bottom: 10px;
	}
	.information .link-list li:last-child{
		margin-bottom: 0;
	}
	.information .more-btn a{
		height: 54px;
		line-height: 50px;
		border-radius: 27px;
		padding-left: 6%;
		font-size: 13px;
	}
	.information .more-btn a,
	.information .more-btn a:hover{
		background-size: 24px;
	}
}