@charset "utf-8";
/*
///////////////////////////////////////////////////////////////////////////////////
//
//  レイアウトCSS設定
//
///////////////////////////////////////////////////////////////////////////////////
/*
/* [01.TOP & LAYOUT]
--------------------------------------------------------------------------*/
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
#main-index {
	display: block;
	background: #fff;
}
#main-index .wrap {
	padding: 120px 30px 40px; 
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
	position: relative;
}
#main-index .wrap:before {
	content: "";
	background: url(../images/layouts/main-bg-eng-sp.svg) no-repeat;
	position: absolute;
	display: inline-block;
	opacity:0;
	width: 330px;
	height: 32px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	animation: keyvisualbefore 2s ease-out forwards; /* アニメーションを適用 */
}
/* アニメーション定義 */
@keyframes keyvisualbefore {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#main-index .wrap h1 {
	color: #0E1C3E;
	font-size: 16px;
	line-height: 140%;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 26px;
}
#main-index .wrap h1:before {
	content: "";
	position: absolute;
	width: 80px;
	height: 1px;
	background: #0E1C3E;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
#main-index .wrap h2 {
	font-size: 38px;
	line-height: 140%;
	color: #0E1C3E;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
	width: 100%;
}
/* テキスト・コンテンツのanimation */
@-webkit-keyframes passing-bar {
	0% {
		left: 0;
		right: auto;
		width: 0;
	}
	50% {
		left: 0;
		right: auto;
		width: 100%;
	}
	51% {
		left: auto;
		right: 0;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0;
		width: 0;
	}
}
@keyframes passing-bar {
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@-webkit-keyframes passing-txt {
	0% { opacity: 0; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes passing-txt {
	0% { opacity:0; }
	50% { opacity:0; }
	100% { opacity:1; }
}
.passing .passing-bar {
	position: relative;
	display: inline-block;
	will-change: transform;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.passing .passing-bar:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #0E1C3E;
}
.passing .passing-txt {
	opacity: 0;
	will-change: transform;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.passing.move .passing-bar:before {
	-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
	animation: passing-bar 1s ease 0s 1 normal forwards;
}
.passing.move .passing-txt {
	-webkit-animation: passing-txt 0s ease .5s 1 normal forwards;
	animation:passing-txt 0s ease .5s 1 normal forwards;
}
.passing.move .passing-bar.delay:before {
	-webkit-animation: passing-bar 1.5s ease 0s 1 normal forwards;
	animation: passing-bar 1.5s ease 0s 1 normal forwards;
}
.passing.move .delay .passing-txt {
	-webkit-animation: passing-txt 0.5s ease .5s 1 normal forwards;
	animation:passing-txt 0.5s ease .5s 1 normal forwards;
}
#main-index .wrap .btn {
	margin: 0 auto 30px;
}
.scroll-down {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.scroll-down img {
	width: 100%;
	height: auto;
}
@keyframes floating-y {
  0% {
	transform: translateY(-10%);
  }
  100% {
	transform: translateY(10%);
  }
}
/* 画像ループスライド */
@keyframes infinity-scroll-left {
  from {
	transform: translateX(0);
  }
  to {
	transform: translateX(-100%);
  }
}
.loop-img_wrap {
	position: relative;
	z-index: 10;
	display: flex;
	overflow: hidden;
}
.loop-img_list {
	display: flex;
	list-style: none;
}
.loop-img_list-left {
	animation :infinity-scroll-left 50s infinite linear 0.5s both;
}
.loop-img_list-right {
	animation :infinity-scroll-right 50s infinite linear 0.5s both;
}
.loop-img_item {
	width: calc(100vw / 2);
}
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:450px) and ( max-width:1240px){
	.loop-img_item {
		width: calc(100vw / 2);
	}
}
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1250px) and ( max-width:1440px){
	.loop-img_item {
		width: calc(100vw / 2);
	}
}
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1450px) and ( max-width:1730px){
	.loop-img_item {
		width: calc(100vw / 3);
	}
}
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-width:1740px) and ( max-width:6000px){
	.loop-img_item {
		width: calc(100vw / 3.8);
	}
}
.loop-img_item > img{
	width: 100%;
	height: auto;
}
/* 画像ループスライド end */
@media (min-width:1020px) {
	#main-index .wrap {
		padding: 140px 40px 80px;
	}
	#main-index .wrap .catch {
		position: relative;
	}
	#main-index .wrap h1 {
		text-align: left;
		font-size: 20px;
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	#main-index .wrap h1:before {
		content: none;
	}
	#main-index .wrap h1 span {
		position: relative;
		display: inline-block;
		padding-right: 100px;
	}
	#main-index .wrap h1 span:after {
		content: "";
		width: 80px;
		height: 1px;
		background: #0E1C3E;
		position: absolute;
		display: inline-block;
		top: 50%;
		right: 0;
		vertical-align: middle;
	}
	#main-index .wrap h2 {
		text-align: left;
		font-size: 78px;
		line-height: 120%;
		margin-bottom: 40px;
	}
	#main-index .wrap .btn {
		margin: 0;
	}
	.scroll-down {
		position: absolute;
		width: 140px;
		height: 140px;
		top: 40px;
		right: 60px;
	}
	#main-index .wrap:before {
		background: url(../images/layouts/main-bg-eng.svg) no-repeat;
		width: 980px;
		height: 95px;
		right: 40px;
		margin: 0;
		left: auto;
	}
}
.eng-jp-ttl-wrap {
	text-align: center;
	margin-bottom: 40px;
}
.eng-ttl-wrap {
	position: relative;
}
.eng-ttl-wrap:before {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #0E1C3E;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.eng-ttl-wrap .eng {
	font-size: 32px;
	line-height: 100%;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 0 20px;
	background: #fff;
	margin-bottom: 5px;
}
.eng-jp-ttl-wrap .ttl {
	font-size: 16px;
	line-height: 140%;
	color: #0E1C3E;
}
#about-us {
	background: linear-gradient(0deg,#fff 0%,#fff 60%,#F5F7FA 60%,#F5F7FA 100%);
}
.aboutus-wrap {
	position: relative;
	z-index: 1;
	padding-bottom: 60px;
}
.aboutus-wrap:before {
	content: "";
	background: url(../images/layouts/aboutus-bg.svg) no-repeat;
	position: absolute;
	display: inline-block;
	width: 280px;
	height: 321px;
	right: 0;
	bottom: 20px;
	vertical-align: middle;
	z-index: -1;
}
.aboutus-wrap .eng-ttl-wrap .eng {
	background: #F5F7FA;
}
.aboutus-wrap .aboutus-catch {
	font-size: 28px;
	text-align: center;
	margin-bottom: 40px;
	color: #0E1C3E;
}
.aboutus-wrap .dsp {
	margin-bottom: 40px;
	line-height: 200%;
}
.aboutus-wrap .btn {
	margin: 0 auto;
}
.aboutus-wrap .img-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 85%;
	margin: 0 auto 40px;
}
.aboutus-wrap .img-wrap div {
	width: 46%;
}
.aboutus-wrap .img-wrap img {
	width: 100%;
	height: auto;
}
.service-wrap {
	position: relative;
	z-index: 1;
}
.service-wrap .ttl {
	font-size: 26px;
	line-height: 140%;
	color: #0E1C3E;
	margin-bottom: 40px;
	text-align: center;
}
.service-wrap ul {
	width: 80%;
	margin: 0 auto;
}
.service-wrap ul img {
	width: 100%;
	height: auto;
}
.service-wrap ul li {
	margin-bottom: 30px;
}
.service-wrap ul li:last-child {
	margin-bottom: 0;
}
.service-wrap ul li .thum {
	border-radius: 20px;
	margin-bottom: 20px;
}
.service-wrap ul li .sub-ttl {
	text-align: center;
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 20px;
	color: #0E1C3E;
}
@media (min-width:768px) {
	#about-us {
		background: linear-gradient(0deg, #fff 0%, #fff 40%, #F5F7FA 40%, #F5F7FA 100%);
	}
	.eng-ttl-wrap .eng {
		font-size: 40px;
	}
	.aboutus-wrap .dsp {
		text-align: center;
	}
	.aboutus-wrap .img-wrap {
		max-width: 400px;
	}
	.eng-ttl-wrap:before {
		width: 100%;
		max-width: 340px;
	}
	.service-wrap ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.service-wrap ul li {
		width: 31%;
		margin-right: 3.5%;
	}
	.service-wrap ul li:nth-child(3n),
	.service-wrap ul li:last-child {
		margin-right: 0;
	}
	.service-wrap ul li a:hover {
		opacity: 1;
	}
}
@media (min-width:1020px) {
	#about-us {
		background: linear-gradient(0deg, #fff 0%, #fff 40%, #F5F7FA 40%, #F5F7FA 100%);
	}
	.aboutus-wrap:before {
		width: 560px;
		height: 644px;
		right: 0;
		top: 80px;
	}
	.aboutus-wrap {
		padding-bottom: 80px;
	}
	.aboutus-wrap .eng-jp-ttl-wrap {
		margin-bottom: 80px;
	}
	.aboutus-wrap .aboutus-catch {
		font-size: 38px;
	}
	.aboutus-wrap .dsp {
		text-align: center;
	}
	.service-wrap .ttl {
		font-size: 28px;
	}
	.service-wrap ul li {
		margin-bottom: 0;
	}
	.service-wrap ul li .sub-ttl span {
		transition: all 0.5s ease 0s;
		position: relative;
	}
	.service-wrap ul li .sub-ttl span::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #000000;
		bottom: -6px;
		transform: scale(0, 1);
		transform-origin: left top;
		transition: transform 0.3s;
	}
	.service-wrap ul li .sub-ttl span:hover::after {
		transform: scale(1, 1);
	}
}
.case-wrap .eng-ttl-wrap .eng {
	background: #F5F7FA;
}
.jirei-li {
	width: 100%;
	height: auto;
}
.jirei-li li {
	width: 100%;
	margin-bottom: 40px;
}
.jirei-li li img {
	width: 100%;
	height: auto;
}
.jirei-li li .thum {
	border-radius: 20px;
	margin-bottom: 20px;
}
.jirei-li li .cate {
	display: inline-block;
	padding: 6px 15px;
	font-size: 12px;
	line-height: 140%;
	color: #0E1C3E;
	background: #fff;
	border: 1px solid #0E1C3E;
	border-radius: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}
.jirei-li li .ttl {
	font-size: 20px;
	line-height: 140%;
	color: #0E1C3E;
}
.case-wrap .btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.jirei-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}
	.jirei-li li {
		width: 31%;
		margin-right: 3.5%;
	}
	.jirei-li li:nth-child(3n),
	.jirei-li li:last-child {
		margin-right: 0;
	}
	.jirei-li li .cate {
		padding: 4px 15px;
	}
	.jirei-li li a:hover {
		opacity: 1;
	}
	.jirei-li li .ttl {
		font-size: 18px;
	}
}
.faq-wrap {
	width: 100%;
}
.faq-wrap .ttl-box .ttl {
	font-size: 28px;
	line-height: 140%;
	margin-bottom: 40px;
	text-align: center;
	color: #0E1C3E;
}
.faq-wrap .ttl-box {
	margin-bottom: 40px;
}
.faq-wrap .ttl-box .btn {
	display: none;
}
.faq-wrap .faq-box .btn {
	margin: 0 auto;
}
.faq-li {
	width: 100%;
	margin-bottom: 40px;
}
.faq-li li {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px dotted #CCC;
}
.faq-li li .cate {
	display: inline-block;
	padding: 6px 15px;
	font-size: 12px;
	line-height: 140%;
	color: #0E1C3E;
	background: #fff;
	border: 1px solid #0E1C3E;
	border-radius: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}
.faq-li li .ttl {
	font-size: 16px;
	line-height: 140%;
	font-weight: normal;
}
@media (min-width:1020px) {
	.faq-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.faq-wrap .ttl-box {
		width: 32.5%;
	}
	.faq-wrap .faq-box {
		width: 60%;
	}
	.faq-wrap .ttl-box .ttl {
		text-align: left;
		font-size: 38px;
		margin-bottom: 30px;
	}
	.faq-wrap .ttl-box .dsp {
		margin-bottom: 30px;
	}
	.faq-wrap .ttl-box .btn {
		display: block;
	}
	.faq-wrap .faq-box .btn {
		display: none;
	}
	.faq-li {
		margin-bottom: 0;
	}
	.faq-li li:last-child {
		margin-bottom: 0;
	}
	.faq-li li .cate {
		padding: 4px 15px;
	}
	.faq-wrap .ttl-box {
		margin-bottom: 0;
	}
}
.event-wrap .eng-ttl-wrap .eng {
	background: #F5F7FA;
}
.event-top-li {
	width: 100%;
	margin-bottom: 40px;
}
.event-top-li li {
	width: 100%;
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #0E1E44;
	margin-bottom: 20px;
}
.event-top-li li:last-child {
	margin-bottom: 0;
}
.event-top-li li .date-time {
	margin-bottom: 8px;
}
.event-top-li li .date-time .icon span {
	display: inline-block;
	padding: 5px 10px;
	background: #9B0001;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	line-height: 110%;
}
.event-top-li li .date-time .date {
	display: block;
	font-size: 14px;
	width: 100%;
	color: #0E1C3E;
	font-weight: 600;
}
.event-top-li li .ttl {
	font-size: 26px;
	line-height: 140%;
	color: #0E1C3E;
	margin-bottom: 15px;
}
.event-top-li li .dsp {
	margin-bottom: 15px;
}
.event-top-li li .btn {
	margin: 0 auto;
}
.event-wrap .btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.event-top-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
	}
	.event-top-li li {
		width: 49%;
		margin-bottom: 0;
	}
}
@media (min-width:1020px) {
	.event-top-li li {
		padding: 40px;
	}
	.event-top-li li .date-time {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		height: auto;
	}
	.event-top-li li .date-time .date {
		width: 86%;
	}
	.event-top-li li .date-time .icon {
		width: 14%;
	}
	.event-top-li li .ttl {
		font-size: 28px;
	}
	.event-top-li li .btn {
		margin: 0;
	}
}
.news-wrap {
	margin: 0 auto 80px;
}
.info-li {
	width: 100%;
	max-width: 740px;
	margin: 0 auto 40px;
}
.info-li li {
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #CCC;
}
.info-li li .ttl {
	font-weight: normal;
}
.info-li li .date {
	display: block;
	color: #A3A3A3;
	font-weight: 600;
	line-height: 100%;
	margin-bottom: 10px;
}
.news-wrap .btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.news-wrap {
		margin: 0 auto 120px;
	}
	.info-li li a {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: auto;
	}
	.info-li li .date {
		width: 15%;
		margin-bottom: 0;
	}
	.info-li li .ttl {
		width: 85%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
.magazine-wrap .btn {
	margin: 0 auto;
}
.magazine-li {
	width: 100%;
	height: auto;
}
.magazine-li li {
	width: 100%;
	margin-bottom: 40px;
}
.magazine-li li img {
	width: 100%;
	height: auto;
}
.magazine-li li .thum {
	border-radius: 20px;
	margin-bottom: 20px;
}
.magazine-li li .cate {
	display: inline-block;
	padding: 6px 15px;
	font-size: 12px;
	line-height: 140%;
	color: #0E1C3E;
	background: #fff;
	border: 1px solid #0E1C3E;
	border-radius: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}
.magazine-li li .ttl {
	font-size: 20px;
	line-height: 140%;
	color: #0E1C3E;
}
.case-wrap .btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.magazine-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.magazine-li li {
		width: 31%;
		margin-right: 3.5%;
	}
	.magazine-li li:nth-child(3n),
	.magazine-li li:last-child {
		margin-right: 0;
	}
	.magazine-li li .cate {
		padding: 4px 15px;
	}
	.magazine-li li a:hover {
		opacity: 1;
	}
	.magazine-li li .ttl {
		font-size: 18px;
	}
}
#recruit {
	position: relative;
}
.recruit-index-bg {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.recruit-index-bg img {
	width: 100%;
	height: auto;
}
.recruit-follow-conts {
	width: 100%;
	max-width: 820px;
	margin: 0 auto;
	padding: 180px 30px 100px;
}
.recruit-follow-conts .wrap {
	background: #fff;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	position: relative;
}
.recruit-follow-conts .eng {
	display: block;
	width: 160px;
	padding: 12px 10px 10px;
	background: #0E1C3E;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 20px;
	position: absolute;
	top: -18px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.recruit-follow-conts .ttl {
	font-size: 22px;
	text-align: center;
	margin-bottom: 20px;
	color: #0E1C3E;
}
.recruit-follow-conts .flx-wrap {
	margin-bottom: 20px;
}
.recruit-follow-conts .flx-wrap .img-box {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}
.recruit-follow-conts .flx-wrap .img-box img {
	width: 100%;
	height: auto;
}
.recruit-follow-conts .btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.recruit-follow-conts .wrap {
		padding: 50px 60px 60px;
	}
	.recruit-follow-conts .ttl {
		font-size: 26px;
		margin-bottom: 25px;
	}
	.recruit-follow-conts .flx-wrap {
		align-items: flex-start;
		margin-bottom: 30px;
	}
	.recruit-follow-conts .flx-wrap .img-box {
		width: 50%;
		margin-bottom: 0;
	}
	.recruit-follow-conts .flx-wrap .txt-box {
		width: 45%;
	}
}
/* [下層共通]
--------------------------------------------------------------------------*/
#manivisual-under {
	background: #F5F7FA;
}
.under-main-wrap {
	width: 100%;
	padding: 80px 30px 0;
	margin: 0 auto;
	overflow: hidden;
}
.under-main-conts {
	padding: 30px 0 90px;
	position: relative;
}
.under-main-conts:before {
	content: "";
	background: url(../images/layouts/uder-main-bg.svg) no-repeat;
	position: absolute;
	display: inline-block;
	width: 233px;
	height: 158px;
	bottom: 0;
	right: -30px;
	vertical-align: middle;
}
.under-ttl-wrap .ttl {
	font-size: 28px;
	color: #0E1C3E;
}
.under-ttl-wrap .eng-ttl {
	font-size: 17px;
	position: relative;
	display: inline-block;
	padding-right: 20px;
	line-height: 120%;
	margin-bottom: 5px;
}
.brd-ttl {
	font-size: 28px;
	position: relative;
	margin-bottom: 60px;
	padding-bottom: 20px;
	text-align: center;
	color: #0E1C3E;
}
.brd-ttl:before {
	content: "";
	position: absolute;
	background: #0E1C3E;
	width: 40px;
	height: 1px;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 0;
}
.under-ttl-wrap .eng-ttl:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 1px;
	top: 8px;
	right: 0;
	background: #0E1C3E;
}
.disc-li {
	width: 100%;
	height: auto;
	padding-left: 20px;
}
.disc-li li {
	list-style: disc;
	margin-bottom: 8px;
}
.disc-li li::marker {
	color: #9B0001;
}
.disc-li li:last-child {
	margin-bottom: 0;
}
.li-brank {
	width: 100%;
}
.li-brank li {
	margin-bottom: 10px;
}
.li-brank li:last-child {
	margin-bottom: 0;
}
.li-brank li a {
	text-decoration: underline;
	display: block;
}
.li-brank li a span {
	padding-left: 25px;
	display: block;
}
.blank-icon {
	box-sizing: border-box;
	position: relative;
	transform: scale(3);
	top: 5px;
}
.blank-icon:before,
.blank-icon:after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	width: 13px;
	height: 13px;
	border-style: solid;
	border-color: #9B0001;
	transition: all 0.5s ease 0s;
}
.blank-icon:before {
	top: 0px;
	left: 0;
	border-width: 1px;
}
.blank-icon:after {
	top: 5px;
	left: 5px;
	border-width: 0 1px 1px 0;
}
@media (min-width:768px) {
	.under-main-conts {
		padding: 60px 30px 100px;
	}
	.under-main-conts:before {
		width: 414px;
		height: 280px;
		bottom: 0;
		right: -40px;
	}
	.under-ttl-wrap .ttl {
		font-size: 38px;
	}
}
@media (min-width:1020px) {
	.under-main-wrap {
		max-width: 1280px;
		padding: 100px 40px 0;
		margin: 0 auto;
	}
	.under-main-conts {
		padding: 70px 0 140px;
	}
	.brd-ttl {
		font-size: 32px;
	}
}
.page-aside-campaign {
	background: #f8f8f8;
}
.page-aside-campaign .eng-ttl-wrap .eng {
	background: #f8f8f8;
}
/* [CATE-NAV]
--------------------------------------------------------------------------*/
.cate-btn-wrap {
	margin-bottom: 40px;
}
.cate-nav .ac_ttl {
	padding: 25px 20px;
	position: relative;
	background-color: #F5F7FA;
	transition: 0.6s ease-in-out;
	border-radius: 10px;
	margin-bottom: 10px;
}
.cate-nav .ac_ttl .i_box {
	position: absolute;
	top: 34px;
	right: 20px;
	width: 30px;
	height: 30px;
	margin-top: -10px;
	background: #0E1C3E;
	border-radius: 15px;
}
.cate-nav .ac_ttl .i_box:before,
.cate-nav .ac_ttl .i_box:after {
	position: absolute;
	content: "";
	margin: auto;
	vertical-align: middle;
}
.cate-nav .ac_ttl .i_box:before {
	border-top: 2px solid #FFF;
	width: 16px;
	height: 0;
	top: 0;
	bottom: 0;
	right: 7px;
}
.cate-nav .ac_ttl .i_box:after {
	border-left: 2px solid #FFF;
	width: 0;
	height: 16px;
	top: 0;
	bottom: 0;
	right: 14px;
	transition: .3s;
}
.cate-nav .ac_ttl.open .i_box:after {
	height: 0;
}
.cate-nav .ac_inner {
	display: none;
	padding: 30px 30px 25px;
	border-radius: 8px;
	background: #F5F7FA;
}
.cate-nav .ac_txt p {
	font-size: 18px;
	width: 100%;
	font-weight: 600;
	padding-right: 40px;
	color: #0E1C3E;
}
.cate-nav .ac_inner .ttl {
	display: none;
}
.cate-nav .ac_inner ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.cate-nav .ac_inner ul li a {
	display: block;
	font-size: 14px;
	padding: 12px 20px;
	border: 1px solid #0E1C3E;
	background: #fff;
	text-align: center;
	color: #0E1C3E;
	transition: 0.8s ease 0s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0 5px 5px 0;
	border-radius: 4px;
	line-height: 100%;
	font-weight: 600;
}
#service-aside {
	background: linear-gradient(0deg, #fff 0%, #fff 80%, #F5F7FA 80%, #F5F7FA 100%);
}
#service-aside .eng-ttl-wrap .eng {
	background: #F5F7FA;
}
@media (min-width:768px) {
	.cate-nav {
		margin-bottom: 60px;
	}
	.cate-nav .ac_ttl {
		padding: 25px 30px;
		position: relative;
		background-color: #fff;
		transition: 0.6s ease-in-out;
		border: 1px solid #0E1C3E;
	}
	.cate-nav .ac_ttl:not(.open):hover {
		background-color: #fff8f8;
	}
	.cate-nav .ac_ttl .i_box {
		position: absolute;
		top: 50%;
		right: 2rem;
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
	.cate-nav .ac_ttl .i_box:before,
	.cate-nav .ac_ttl .i_box:after {
		position: absolute;
		content: "";
		margin: auto;
		vertical-align: middle;
	}
	.cate-nav .ac_ttl .i_box:before {
		border-top: 2px solid #0E1C3E;
		width: 20px;
		height: 0;
		top: 0;
		bottom: 0;
		right: 0;
	}
	.cate-nav .ac_ttl .i_box:after {
		border-left: 2px solid #0E1C3E;
		width: 0;
		height: 20px;
		top: 0;
		bottom: 0;
		right: 9px;
		transition: .3s;
	}
	.cate-nav .ac_ttl.open .i_box:after {
		height: 0;
	}
	.cate-nav .ac_inner {
		display: none;
		padding: 20px 30px 15px;
		background: #F5F7FA;
	}
	.cate-nav.cate-nav-open-pc .ac_inner {
		display: inherit;
		justify-content: flex-start;
	}
	.cate-nav.cate-nav-open-pc .ac_ttl {
		display: none;
	}
	.cate-nav .ac_txt p {
		width: 94%;
		color: #0E1C3E;
		font-weight: 600;
	}
	.cate-nav .ac_inner .ttl {
		display: block;
		font-weight: 600;
		margin-bottom: 0;
		font-size: 15px;
		width: 16%;
		padding-right: 2%;
		color: #0E1C3E;
	}
	.cate-nav .ac_inner .link {
		width: 84%;
	}
	.cate-nav .ac_inner ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.cate-nav .ac_inner ul li a {
		display: block;
		padding: 10px 14px;
	}
	.cate-nav .ac_inner ul li a:hover {
		opacity: 1;
		background: #0E1C3E;
		color: #fff;
	}
	#service-aside {
		background: linear-gradient(0deg, #fff 0%, #fff 55%, #F5F7FA 55%, #F5F7FA 100%);
	}
}
@media (min-width:1020px) {
	#service-aside .pkg {
		padding: 100px 40px;
	}
}
/* [PAGE-information]
--------------------------------------------------------------------------*/
.page-info-li {
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
}
.page-info-li li {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	border: 1px solid #DEE4ED;
	padding: 30px;
	border-radius: 16px;
}
.page-info-li li img {
	width: 100%;
	height: auto;
}
.page-info-li li .thum {
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 20px;
}
.page-info-li li .date {
	font-size: 12px;
	font-weight: 600;
	line-height: 120%;
	color: #7C7C7C;
}
.page-info-li li .ttl {
	font-size: 18px;
	line-height: 140%;
	color: #0E1C3E;
}
@media (min-width:768px) {
	.page-info-li {
		max-width: 840px;
	}
	.page-info-li li a {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.page-info-li li .thum {
		width: 26%;
		margin-bottom: 0;
	}
	.page-info-li li .txt-box {
		width: 71%;
	}
	#page-information .wp-pagenavi {
		max-width: 840px;
		margin: 0 auto;
	}
}
/* [SINGLE-column]
--------------------------------------------------------------------------*/
.single-detail-wrap .left-wrap {
	margin-bottom: 80px;
}
.single-main-wrap {
	width: 100%;
	padding: 90px 30px 5px;
	margin: 0 auto;
}
#single-column .pkg,
#single-information .pkg,
#single-magazine .pkg,
#single-event .pkg {
	padding: 40px 30px 80px;
}
.single-ttl-wrap {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 1px solid #DEE4ED;
}
.single-ttl-wrap h1 {
	font-size: 24px;
	margin-bottom: 10px;
	color: #0E1C3E;
}
.single-ttl-wrap .cate {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #0E1C3E;
	line-height: 120%;
	padding: 6px 10px;
	border: 1px solid #0E1C3E;
	border-radius: 4px;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
}
.single-ttl-wrap .date {
	font-size: 12px;
	font-weight: 600;
	line-height: 120%;
	color: #7C7C7C;
	margin-bottom: 30px;
}
.single-ttl-wrap .date span {
	margin-right: 10px;
}
.single-ttl-wrap .date span:last-child {
	margin-right: 0;
}
.share-sns {
	display: flex;
	flex-wrap: wrap;
}
.share-sns li {
	list-style: none!important;
	margin-right: 10px!important;
	margin-bottom: 0!important;
}
.share-sns li:last-child {
	margin-right: 0!important;
}
.share-sns li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	font-size: 11px;
	align-items: center;
	text-decoration: none!important;
	letter-spacing: 0;
}
.share-sns li a .img {
	width: 24px;
	height: auto;
	margin-right: 5px;
}
.share-sns li a .img img {
	width: 100%;
	height: auto;
}
.single-conts-wrap {
	margin-bottom: 60px;
}
.single-conts-wrap h2 {
	position: relative;
	font-size: 22px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #DEE4ED;
	padding-left: 30px;
	color: #0E1C3E;
}
.single-conts-wrap h2:before {
	content: "";
	background: #0E1C3E;
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 1px;
	top: 15px;
	left: 0;
	vertical-align: middle;
}
.single-conts-wrap h3 {
	font-size: 22px;
	position: relative;
	background: #F5F7FA;
	padding: 15px 20px 15px 40px;
	margin-bottom: 40px;
	color: #0E1C3E;
}
.single-conts-wrap h3:before {
	content: "";
	position: absolute;
	background: #9B0001;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	top: 28px;
	left: 20px;
	color: #9B0001;
	font-size: 9px;
}
.single-conts-wrap h4 {
	font-size: 20px;
	margin-bottom: 20px;
	color: #0E1C3E;
}
.single-conts-wrap h5 {
	font-size: 18px;
	color: #505D7C;
	margin-bottom: 20px;
}
.single-conts-wrap h6 {
	font-size: 16px;
	margin-bottom: 20px;
}
.single-conts-wrap p,
.single-conts-wrap figure {
	margin-bottom: 45px;
}
.single-conts-wrap ul {
	width: 100%;
	height: auto;
	margin-bottom: 45px;
	padding-left: 20px;
}
.single-conts-wrap ul li {
	list-style: disc;
	margin-bottom: 8px;
}
.single-conts-wrap ul li::marker {
	color: #9B0001;
}
.single-conts-wrap ul li:last-child {
	margin-bottom: 0;
}
.single-conts-wrap p a,
.single-conts-wrap a {
	text-decoration: underline;
	color: #027EFA;
}
.single-conts-wrap ol {
	width: 100%;
	height: auto;
	margin-bottom: 45px;
	padding-left: 20px;
}
.single-conts-wrap ol li {
	list-style: auto;
	margin-bottom: 8px;
}
.single-conts-wrap ol li::marker {
	color: #0E1C3E;
}
.single-conts-wrap ol li:last-child {
	margin-bottom: 0;
}
.single-conts-wrap figure img,
.single-conts-wrap p img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.single-conts-wrap figcaption {
	font-size: 14px;
	line-height: 140%;
	color: #666;
	margin-top: 20px;
}
.single-conts-wrap figcaption {
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 40px;
}
.single-conts-wrap table {
	width: 100%;
	border-top: 1px solid #DEE4ED;
	border-left: 1px solid #DEE4ED;
	line-height: 140%;
	margin-bottom: 40px;
}
.single-conts-wrap th{
	background: #F5F7FA;
	text-align: left;
	font-weight: normal;
}
.single-conts-wrap td,
.single-conts-wrap th {
	padding: 15px 20px;
	height: auto;
	border-right: 1px solid #DEE4ED;
	border-bottom: 1px solid #DEE4ED;
}
.single-conts-wrap th {
	vertical-align: middle;
}
.single-conts-wrap table p {
	margin-bottom: 0;
}
.single-conts-wrap iframe {
	width: 100%;
	max-height: 540px;
}
img.aligncenter{
	display: block;
	margin: 0 auto;
}
.single-tag-wrap {
	margin-bottom: 60px;
}
.side-conts {
	width: 100%;
	margin-bottom: 40px;
}
.side-conts .item-ttl {
	font-size: 20px;
	margin-bottom: 20px;
	color: #0E1C3E;
}
.side-conts .item-ttl span {
	color: #0E1C3E;
}
.info-side-li li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #DEE4ED;
}
.info-side-li li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.info-side-li li .thum {
	width: 40%;
	border-radius: 16px;
}
.info-side-li li .thum img {
	width: 100%;
	height: auto;
	border-radius: 16px;
}
.info-side-li li .txt-box {
	width: 55%;
}
.info-side-li li .txt-box .date {
	font-size: 12px;
	color: #7C7C7C;
	font-weight: 600;
	line-height: 100%;
}
.info-side-li li .txt-box .ttl {
	font-size: 15px;
	line-height: 140%;
}
.side-new-box .btn {
	margin: 0 auto;
}
.campaign-side-bnr-li {
	width: 100%;
	height: auto;
}
.campaign-side-bnr-li li {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.campaign-side-bnr-li li img {
	width: 100%;
	height: auto;
}
.campaign-side-bnr-li li:last-child {
	margin-bottom: 0;
}
.side-cam-ttl {
	font-size: 20px;
	background: #F5F7FA;
	text-align: center;
	padding: 10px;
	border-bottom: 2px solid #0E1C3E;
	margin-bottom: 40px;
	position: relative;
}
.side-cam-ttl span {
	color: #0E1C3E;
}
.side-cam-ttl:after {
	content: "";
	position: absolute;
	background: url(../images/layouts/triangle_side-cam-ttl.svg) no-repeat;
	width: 26px;
	height: 45px;
	bottom: -45px;
	right:0;
	left: 0;
	margin: 0 auto;
}
.single-cv-box {
	padding: 25px;
	border-radius: 16px;
	border: 1px solid #DEE4ED;
	background: #fff;
}
.single-cv-box a.tel span.time {
	font-size: 11px;
}
.single-cv-box a.tel span.num {
	font-size: 30px;
}
.single-cv-box a.tel span.num:before {
	top: 0;
}
.single-cv-box .tel-wrap {
	max-width: 260px;
	margin: 0 auto 20px;
}
.single-cv-box .feel-free {
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	font-weight: 600;
	margin-bottom: 10px;
	color: #0E1C3E;
}
.single-cv-box .feel-free span {
	color: #9B0001;
}
.singel-side-wrap {
	max-width: 520px;
	margin: 0 auto;
}
.singel-side-wrap .side-conts:last-child {
	margin-bottom: 0;
}
@media (min-width:1020px) {
	.single-main-wrap {
		max-width: 1280px;
		padding: 130px 40px 0;
		margin: 0 auto;
	}
	#single-information .pkg,
	#single-magazine .pkg {
		padding: 60px 40px 120px
	}
	.single-detail-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.single-detail-wrap .left-wrap {
		width: 68.4%;
		margin-bottom: 0;
	}
	.single-detail-wrap .right-wrap {
		width: 27.5%
	}
	.single-cv-box .feel-free {
		font-size: 22px;
	}
	.single-cv-box {
		padding: 45px;
	}
	.single-conts-wrap iframe {
		width: 100%;
		height: 460px;
	}
	.single-conts-wrap iframe.wp-embedded-content {
		max-height: 340px!important;
	}
}
/* [PAGE-COMPANY]
--------------------------------------------------------------------------*/
.page-link-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 20px;
}
.page-link-btn a.brd-btn {
	width: 100%;
	max-width: 230px;
	display: block;
	background: #fff;
	border: 1px solid #0E1C3E;
	height: auto;
	line-height: 140%;
	color: #0E1C3E;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 23px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	padding: 12px 10px 12px;
	margin: 0 auto 10px;
}
.page-link-btn a.brd-btn:hover {
	opacity: 1;
	background: #0E1C3E;
	color: #fff;
}
#company-info {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	padding-top: 40px;
}
#company-info {
	margin: 0 auto 40px;
}
.company-overview {
	width: 100%;
	margin-bottom: 60px;
}
.company-overview dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #DEE4ED;
}
.company-overview dl dt {
	font-weight: 600;
	line-height: 140%;
	width: 100%;
	margin-bottom: 10px;
	color: #0E1C3E;
}
.company-overview dl dd {
	width: 100%;
	line-height: 140%;
}
.company-overview dl:last-child,
.company-overview dl dd ul li:last-child {
	margin-bottom: 0;
}
.company-overview dl dd a {
	text-decoration: underline;
}
.company-overview dl dd ul li {
	margin-bottom: 6px;
}
.access-map {
	margin-bottom: 60px;
}
.access-map .ttl {
	font-size: 20px;
	margin-bottom: 10px;
	color: #0E1C3E;
}
.access-map .address {
	margin-bottom: 20px;
	line-height: 140%;
}
.access-map iframe {
	width: 100%;
	height: 300px;
}
.map-btn {
	display: block;
	width: 130px;
	text-align: center;
	padding: 5px 0 ;
	border: 1px solid #0E1C3E;
	border-radius: 4px;
	background: #fff;
	font-size: 12px;
	line-height: 100%;
	color: #0E1C3E;
	text-decoration: none!important;
	margin-top: 10px;
}
@media (min-width:768px) {
	.page-link-btn {
		justify-content: center;
	}
	.page-link-btn a.brd-btn {
		width: 23%;
		max-width: 210px;
		margin-right: 2%;
		margin: 0 2% 0 0;
	}
	.page-link-btn a.brd-btn:nth-child(4n),
	.page-link-btn a.brd-btn:last-child {
		margin-right: 0;
	}
	#company-info {
		padding-top: 80px;
	}
	.company-overview dl {
		padding-bottom: 0;
		border-bottom: none;
	}
	.company-overview dl dt {
		width: 25%;
		padding-bottom: 30px;
		margin-bottom: 0;
		border-bottom: 1px solid #0E1C3E;
	}
	.company-overview dl dd {
		width: 75%;
		padding-left: 20px;
		padding-bottom: 30px;
		border-bottom: 1px solid #DEE4ED;
	}
	.access-map iframe {
		width: 100%;
		height: 400px;
	}
	.map-btn {
		transition: all 0.5s ease 0s;
	}
	.map-btn:hover {
		opacity: 1;
		background: #0E1C3E;
		color: #fff;
	}
}
#ceo-message {
	width: 100%;
	max-width: 920px;
	margin: 0 auto;
	padding-top: 60px;
}
.message-box {
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
}
.message-box .ttl {
	font-size: 34px;
	line-height: 140%;
	text-align: center;
	margin-bottom: 40px;
	color: #0E1C3E;
}
.message-box .dsp {
	margin-bottom: 40px;
}
.ceo-name {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}
.ceo-name .img-box {
	width: 100%;
	max-width: 120px;
	margin: 0 auto 20px;
}
.ceo-name .img-box img {
	width: 100%;
	height: auto;
}
.ceo-name .name-box {
	width: 100%;
	text-align: center;
}
.ceo-name .name-box p span {
	font-size: 12px;
	display: block;
	line-height: 120%;
}
@media (min-width:768px) {
	#ceo-message {
		padding-top: 80px;
	}
}	
@media (min-width:1020px) {
	.message-box {
		max-width: 740px;
	}
	.ceo-name {
		align-items: center;
	}
	.ceo-name .img-box {
		width:42%;
		margin: 0;
	}
	.ceo-name .name-box {
		width: 54%;
		text-align: left;
	}
}
/* [SINGLE-CASE]
--------------------------------------------------------------------------*/
.case-article .pkg {
	padding: 40px 30px 20px;
}
.case-main {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #DEE4ED;
}
.case-main .cate {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	color: #0E1C3E;
	line-height: 120%;
	padding: 6px 10px;
	border: 1px solid #0E1C3E;
	border-radius: 4px;
	background: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
}
.case-main .ttl {
	font-size: 24px;
	color: #0E1C3E;
	line-height: 140%;
	margin-bottom: 30px;
}
.case-user {
	border: 1px solid #DEE4ED;
	padding: 30px;
	border-radius: 20px;
	margin-bottom: 60px;
}
.case-user img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
.case-user .img-box {
	margin-bottom: 20px;
}
.case-user .ttl {
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
	color: #0E1C3E;
	margin-bottom: 15px;
}
.case-user .worries-box {
	padding: 20px;
	background: #F5F7FA;
	border-radius: 10px;
	line-height: 140%;
}
.case-user .worries-box .ttl {
	font-size: 16px;
	margin-bottom: 5px;
}
.case-user .user-info {
	margin-bottom: 20px;
}
.case-user .user-info li {
	width: 100%;
	margin-bottom: 10px;
	line-height: 140%;
	font-size: 14px;
}
.case-user .user-info li .item {
	font-weight: bold;	
}
@media (min-width:768px) {
	.case-user {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin-bottom: 80px;
	}
	.case-user .img-box {
		width: 29%;
		margin-bottom: 0;
	}
	.case-user .txt-box {
		width: 68%;
	}
	.case-user .user-info li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.case-user .user-info li .item {
		width: 25%;
	}
	.case-user .user-info li .txt {
		width: 73%;
	}
}
@media (min-width:1020px) {
	.case-article .pkg {
		padding: 50px 40px 20px;
	}
	.case-main .ttl {
		font-size: 28px;
	}
	.case-user {
		padding: 40px;
	}
	.case-user .user-info li .item {
		width: 15%;
	}
	.case-user .user-info li .txt {
		width: 83%;
	}
}
.case-free-conts {
	margin-bottom: 60px;
}
.case-free-conts h2 {
	font-size: 24px;
	line-height: 140%;
	color: #0E1C3E;
	margin-bottom: 40px;
}
.interview-li {
	width: 100%;
	margin-bottom: 60px;
}
.interview-li li {
	margin-bottom: 45px;
}
.interview-li li .ttl {
	background: #F5F7FA;
	font-size: 20px;
	line-height: 140%;
	color: #0E1C3E;
	padding: 15px 15px 15px 40px;
	margin-bottom: 40px;
	position: relative;
}
.interview-li li .ttl:before {
	content: "Q";
	position: absolute;
	color: #9B0001;
	left: 15px;
}
@media (min-width:1020px) {
	.case-free-conts {
		margin-bottom: 80px;
	}
	.case-free-conts h2 {
		font-size: 32px;
	}
	.interview-li li .ttl {
		font-size: 22px;
	}
}
/* [PAGE-INSURANCE]
--------------------------------------------------------------------------*/
.insurance-main-wrap {
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px 0 80px;
}
.insurance-main-wrap:before {
	content: "";
	background: url(../images/layouts/uder-main-bg.svg) no-repeat;
	position: absolute;
	display: inline-block;
	width: 233px;
	height: 158px;
	bottom: 0;
	right: -30px;
	vertical-align: middle;
}
.insurance-main {
	width: 100%;
	position: relative;
	z-index: 1;
}
.insurance-main .txt-box {
	width: 100%;
	margin-bottom: 40px;
}
.insurance-main .txt-box .eng {
	color: #9B0001;
	display: block;
	font-size: 15px;
	line-height: 100%;
	margin-bottom: 10px;
}
.insurance-main .txt-box .ttl {
	font-size: 28px;
	line-height: 140%;
	margin-bottom: 30px;
	color: #0E1C3E;
}
.insurance-main .img-box img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
@media (min-width:768px) {
	.insurance-main-wrap {
		max-width: 80%;
		margin: 0 auto;
	}
}
@media (min-width:1020px) {
	.insurance-main-wrap {
		max-width: 100%;
		padding: 30px 0 100px;
	}
	.insurance-main {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.insurance-main-wrap .txt-box {
		width: 40%;
	}
	.insurance-main-wrap .img-box {
		width:53.4%;
	}
	.insurance-main .txt-box .ttl {
		font-size: 38px;
	}
	.insurance-main-wrap:before {
		width: 383px;
		height: 259px;
		right: 0;
	}
}
.insurance-overview .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
.insurance-overview .wrap .catch {
	font-size: 30px;
	text-align: center;
	line-height: 140%;
	color: #0E1C3E;
	margin-bottom: 60px;
}
.insurance-overview .wrap .txt {
	font-size: 18px;
	line-height: 200%;
	margin-bottom: 60px;
}
.insurance-overview .wrap img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
@media (min-width:768px) {
	.insurance-overview {
		max-width: 80%;
		margin: 0 auto;
	}
}
@media (min-width:1020px) {
	.insurance-overview {
		max-width: 900px;
		margin: 0 auto;
	}
	.insurance-overview .wrap {
		padding: 100px 40px;
	}
	.insurance-overview .wrap .catch {
		font-size: 52px;
	}
}
.handling-insurance .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
.handling-box {
	margin-bottom: 60px;
}
.handling-box .ttl,
.underwriting-box .ttl {
	font-size: 26px;
	color: #0E1C3E;
	margin-bottom: 40px;
	text-align: center;
}
.handling-li {
	padding: 20px 20px 10px;
	background: #fff;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
}
.handling-li li {
	width: 48%;
	margin-bottom: 10px;
}
.handling-li li img {
	width: 100%;
	height: auto;
}
@media (min-width:768px) {
	.handling-li li {
		width: 19%;
		margin-right: 1.25%;
	}
	.handling-li li:nth-child(5n) {
		margin-right: 0;
	}
}
@media (min-width:1020px) {
	.handling-insurance .wrap {
		padding: 100px 40px;
		max-width: 1280px;
		margin: 0 auto;
	}
	.handling-box {
		max-width: 100%;
		margin: 0 auto 60px;
	}
	.handling-li {
		justify-content: flex-start;
		padding: 50px 50px 40px;
	}
}
.underwriting-box {
	margin-bottom: 60px;
}
.underwriting-link {
	margin-bottom: 30px;
}
.underwriting-link .sub-ttl {
	background: #0E1C3E;
	padding: 18px 20px;
	color: #fff;
	font-size: 22px;
	line-height: 140%;
	text-align: center;
	border-radius: 20px 20px 0 0;
}
.underwriting-link .li-brank {
	background: #fff;
	padding: 30px;
	border-radius: 0 0 20px 20px;
}
@media (min-width:768px) {
	.underwriting-link .li-brank {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.underwriting-link .li-brank li {
		width: 48%;
	}
}
@media (min-width:1020px) {
	.underwriting-link .li-brank {
		padding: 50px 50px 40px;
		justify-content: flex-start;
	}
	.underwriting-link .li-brank li {
		width: 32%;
		margin-right: 2%;
	}
	.underwriting-link .li-brank li:nth-child(3n) {
		margin-right: 0;
	}
}
.insurance-features .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
.features-point {
	margin-bottom: 60px;
}
.features-li {
	width: 100%;
}
.features-li li {
	border: 1px solid #DEE4ED;
	border-radius: 20px;
	padding: 30px;
	margin-bottom: 20px;
	line-height: 140%;
	background: #fff;
}
.features-li li .num-box {
	margin-bottom: 20px;
}
.features-li li .eng {
	font-size: 77px;
	display: block;
	text-align: center;
	margin-bottom: 0;
}
.features-li li .ttl {
	font-size: 24px;
	line-height: 140%;
	color: #0E1C3E;
	margin-bottom: 20px;
}
@media (min-width:768px) {
	.features-point {
		margin-bottom: 120px;
	}
	.features-li li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.features-li li .num-box {
		width: 25%;
		margin-bottom: 0;
	}
	.features-li li .txt-box {
		width: 75%;
	}
}
@media (min-width:1020px) {
	.insurance-features .wrap {
		padding: 100px 40px;
		max-width: 1280px;
		margin: 0 auto;
	}
	.features-li li {
		padding: 50px 50px 55px;
	}
	 .features-li li .num-box {
		 width: 17%;
	 }
	 .features-li li .txt-box {
		 width: 78%;
	 }
	.features-li li .ttl {
		font-size: 32px;
	}
}
.insurance-message {
	margin-bottom: 60px;
}
.insurance-message .ttl {
	font-size: 30px;
	text-align: center;
	margin-bottom: 60px;
	color: #0E1C3E;
}
.insurance-message .ms-txt p {
	margin-bottom: 40px;
}
@media (min-width:768px) {
	.insurance-message {
		max-width: 80%;
		margin: 0 auto 100px;
	}
	.insurance-message .ttl {
		font-size: 52px;
	}
	.insurance-message .ms-txt {
		margin-bottom: 60px;
	}
	.insurance-message .ms-txt p {
		margin-bottom: 40px;
	}
}
@media (min-width:1020px) {
	.insurance-message {
		max-width: 820px;
	}
}
/* [PAGE-SALONOPEN]
--------------------------------------------------------------------------*/
.open-flow-wrap {
	margin-bottom: 60px;
}
.open-flow-wrap .catch-ttl {
	font-size: 30px;
	color: #0E1C3E;
	margin-bottom: 60px;
	text-align: center;
}
.flow-img-wrap {
	margin-bottom: 80px;
}
.flow-img-wrap .ttl {
	font-size: 22px;
	color: #0E1C3E;
	margin-bottom: 20px;
	text-align: center;
}
.flow-img-wrap .img-box {
	width: 100%;
	white-space: normal;
	overflow-x: scroll;
}
.flow-img-wrap .img-box img {
	width: 760px;
	height: auto;
}
.flow-img-wrap .img-box::-webkit-scrollbar {
	height: 14px;
}
.flow-img-wrap .img-box::-webkit-scrollbar-thumb {
	background: #E0E0E0;
	border-radius: 7px;
}
.flow-img-wrap .img-box::-webkit-scrollbar-track {
	background: #f8f8f8;
	border-radius: 7px;
}
.flow-img-wrap .img-scroll-txt {
	font-size: 13px;
	line-height: 100%;
	margin-bottom: 10px;
}
@media (min-width:768px) {
	.flow-img-wrap .img-box img {
		width: 100%;
		height: auto;
	}
	.flow-img-wrap .img-box::-webkit-scrollbar,
	.flow-img-wrap .img-box::-webkit-scrollbar-thumb,
	.flow-img-wrap .img-box::-webkit-scrollbar-track {
		display: none;
	}
	.flow-img-wrap .img-scroll-txt {
		display: none;
	}
}
@media (min-width:1020px) {
	.open-flow-wrap {
		max-width: 820px;
		margin: 0 auto 60px;
	}
}
.salon-open-service .ttl {
	font-size: 30px;
	color: #0E1C3E;
	margin-bottom: 40px;
	text-align: center;
}
.salonopen-li {
	width: 100%;
	margin-bottom: 60px;
}
.salonopen-li li {
	padding: 30px;
	border-radius: 20px;
	border: 1px solid #DEE4ED;
	margin-bottom: 20px;
}
.salonopen-li li img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
.salonopen-li li .img-box {
	margin-bottom: 20px;
}
.salonopen-li li .eng {
	display: block;
	font-size: 15px;
	color: #9B0001;
	text-align: center;
	margin-bottom: 2px;
	line-height: 100%;
}
.salonopen-li li .sub-ttl {
	font-size: 28px;
	text-align: center;
	color: #0E1C3E;
	margin-bottom: 20px;
}
.salonopen-li li .dsp {
	margin-bottom: 20px;
}
.salonopen-li li .btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.salonopen-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.salonopen-li li {
		width: 48%;
		height: auto;
		margin-bottom: 30px;
	}
}
@media (min-width:1020px) {
	.salonopen-li {
		margin-bottom: 60px;
	}
	.salonopen-li li {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 50px;
	}
	.salonopen-li li .img-box {
		width: 47.5%;
		margin-bottom: 0;
	}
	.salonopen-li li .txt-box {
		width: 49%;
	}
	.salonopen-li li .eng {
		text-align: left;
	}
	.salonopen-li li .sub-ttl {
		text-align: left;
		font-size: 32px;
	}
	.salonopen-li li .btn {
		margin: 0;
	}
	.salonopen-li li:last-child {
		margin-bottom: 0;
	}
}
/* [SINGE-SALONOPEN]
--------------------------------------------------------------------------*/
.salonopen-main-wrap {
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px 0 0;
}
.salonopen-main {
	width: 100%;
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
}
.salonopen-main .ttl-box {
	width: 100%;
	margin-bottom: 30px;
}
.salonopen-main .ttl-box .eng {
	color: #9B0001;
	display: block;
	font-size: 15px;
	line-height: 100%;
	margin-bottom: 10px;
}
.salonopen-main .ttl-box .ttl {
	font-size: 28px;
	line-height: 140%;
	color: #0E1C3E;
}
.salonopen-main .txt-box {
	width: 100%;
	height: auto;
}
.salonopen-main-img img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
#manivisual-under.grade-bg {
	 background: linear-gradient(0deg, #fff 0%, #fff 55%, #F5F7FA 55%, #F5F7FA 100%);
}
@media (min-width:768px) {
	.salonopen-main {
		max-width: 100%;
		margin-bottom: 60px;
	}
	.salonopen-main {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.salonopen-main .ttl-box {
		width: 30%;
		margin-bottom: 0;
	}
	.salonopen-main .txt-box {
		width: 65%;
	}
	.salonopen-main .ttl-box .ttl {
		font-size: 32px;
	}
	.salonopen-main-img {
		width: 80%;
		margin: 0 auto;
	}
}
@media (min-width:1020px) {
	.salonopen-main {
		max-width: 100%;
		margin-bottom: 80px;
	}
	.salonopen-main {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.salonopen-main .ttl-box {
		width: 38%;
	}
	.salonopen-main .txt-box {
		width: 59%;
	}
	.salonopen-main-img {
		max-width: 820px;
	}
	#manivisual-under.grade-bg {
		 background: linear-gradient(0deg, #fff 0%, #fff 35%, #F5F7FA 35%, #F5F7FA 100%);
	}
}
.salonopen-overview .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
.salonopen-overview .wrap .catch {
	font-size: 30px;
	line-height: 140%;
	color: #0E1C3E;
	margin-bottom: 60px;
}
.salonopen-overview .wrap .txt {
	font-size: 18px;
	line-height: 200%;
}
@media (min-width:768px) {
	.salonopen-overview {
		max-width: 80%;
		margin: 0 auto;
	}
}
@media (min-width:1020px) {
	.salonopen-overview {
		max-width: 900px;
		margin: 0 auto;
	}
	.salonopen-overview .wrap {
		padding: 130px 40px;
	}
	.salonopen-overview .wrap .catch {
		font-size: 42px;
	}
}
.salonopen-features .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
.salonopen-features .features-li {
	margin-bottom: 60px;
}
@media (min-width:1020px) {
	.salonopen-features .wrap {
		padding: 100px 40px;
		max-width: 1280px;
		margin: 0 auto;
	}
}
.salonopen-flow .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
@media (min-width:1020px) {
	.salonopen-flow .wrap {
		padding: 100px 40px;
		max-width: 1280px;
		margin: 0 auto;
	}
}
.step-li {
	width: 100%;
	margin: 0 auto 60px;
}
.step-li li {
	margin-bottom: 45px;
	width: 100%;
	height: auto;
	padding-left: 40px;
	position: relative;
}
.step-li li .eng {
	font-size: 30px;
	line-height: 100%;
	margin-bottom: 10px;
	color: #9B0001;
}
.step-li li .eng span {
	font-size: 50px;
}
.step-li li .ttl {
	font-size: 24px;
	color: #0E1C3E;
	margin-bottom: 15px;
}
.step-li li:before {
	content: "";
	background: #9B0001;
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	top: 12px;
	left: 0;
	vertical-align: middle;
	z-index: 1;
}
.step-li li:after {
	content: " ";
	display: block;
	width: 1px;
	height: calc(100% + 35px);
	background-color: #DEE4ED;
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 0;
}
.step-li li:last-child:after {
	content: none;
}
@media (min-width:1020px) {
	.step-li {
		max-width: 700px;
		margin: 0 auto 80px;
	}
	.step-li li {
		padding-left: 50px;
	}
	.step-li li .ttl {
		font-size: 26px;
	}
	.salonopen-flow .single-cv-box {
		max-width: 820px;
		margin: 0 auto;
	}
}
.salonopen-faq .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
.salonopen-faq .faq-li {
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	margin-bottom: 60px;
}
.salonopen-faq .faq-li li:last-child {
	margin-bottom: 0;
}
@media (min-width:768px) {
	.salonopen-faq .wrap {
		padding: 100px 40px;
		max-width: 900px;
		margin: 0 auto;
	}
	.salonopen-faq .faq-li {
		padding: 50px;
	}
}
/* [PAGE-STRUCTURE]
--------------------------------------------------------------------------*/
.structure-overview {
	margin-bottom: 60px;
}
.structure-overview .catch-ttl {
	font-size: 30px;
	color: #0E1C3E;
	margin-bottom: 60px;
	text-align: center;
}
.structure-li li {
	width: 100%;
	height: auto;
	padding: 30px;
	background: #fff;
	border: 1px solid #DEE4ED;
	border-radius: 20px;
	margin-bottom: 20px;
}
.structure-li .ttl-box {
	margin-bottom: 25px;
}
.structure-li .num {
	width: 110px;
	margin: 0 auto 20px;
}
.structure-li .num p {
	width: 110px;
	height: 110px;
	background: #0E1C3E;
	text-align: center;
	padding: 25px 10px;
	border-radius: 55px;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	line-height: 140%;
}
.structure-li .num p span.eng {
	display: block;
	font-size: 48px;
	color: #fff;
}
.structure-li .txt .eng {
	text-align: center;
	color: #9B0001;
	margin-bottom: 5px;
	display: block;
	line-height: 100%;
}
.structure-li .txt .ttl {
	font-size: 28px;
	text-align: center;
	color: #0E1C3E;
}
.structure-li .dsp-box .txt {
	margin-bottom: 20px;
}
.structure-li .btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.structure-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
	}
	.structure-li li {
		width: 48%;
		margin-bottom: 4%;
	}
}
@media (min-width:1020px) {
	.structure-overview {
		max-width: 820px;
		margin: 0 auto 60px;
	}
	.structure-service {
		margin-bottom: 60px;
	}
	.structure-li li {
		width: 48.5%;
		padding: 50px;
		margin-bottom: 3%;
	}
	.structure-li .ttl-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
	}
	.structure-li .num {
		margin: 0 20px 0 0;
	}
	.structure-li .txt .eng {
		text-align: left;
	}
	.structure-li .txt .ttl {
		text-align: left;
		font-size: 32px;
	}
	.structure-li .btn {
		margin: 0;
	}
}
/* [SINGE-STRUCTURE]
--------------------------------------------------------------------------*/
.structure-main-wrap {
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px 0 80px;
}
.structure-main {
	width: 100%;
	position: relative;
	z-index: 1;
	text-align: center;
}
.structure-main .num {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 140%;
	color: #0E1C3E;
	margin-bottom: 20px;
}
.structure-main .num .eng {
	display: block;
	font-size: 72px;
	color: #0E1C3E;
	line-height: 100%;
	margin-top: 5px;
}
.structure-main .eng {
	color: #9B0001;
	display: block;
	font-size: 15px;
	line-height: 100%;
	margin-bottom: 10px;
}
.structure-main .ttl {
	font-size: 32px;
	color: #0E1C3E;
}
@media (min-width:768px) {
	.structure-main .ttl {
		font-size: 38px;
	}
}
.structure-intro .intro-box {
	padding: 0px 30px 80px;
    width: 100%;
}
.structure-intro .intro-box .txt h2 {
	font-size: 30px;
	color: #0E1C3E;
	margin-bottom: 40px;
}
.structure-intro .txt {
	margin-bottom: 40px;
}
.structure-intro img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
.point-worries {
	padding: 0px 30px 80px; 
}
.point-worries .ttl {
	font-size: 26px;
	color: #0E1C3E;
	margin-bottom: 40px;
	text-align: center;
}
.stre-worries-li li {
	padding: 20px;
	border: 1px solid #DEE4ED;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.stre-worries-li li .img-box {
	width: 25%;
	max-width: 75px;
	padding-right: 15px;
}
.stre-worries-li li .img-box img {
	width: 100%;
	max-width: 60px;
	height: auto;
}
.stre-worries-li li .txt-box {
	width: 75%;
}
.stre-worries-li li .sub-ttl {
	font-size: 18px;
	color: #0E1C3E;
}
@media (min-width:1020px) {
	.structure-intro .intro-box {
		max-width: 900px;
		margin: 0 auto;
		padding: 0 40px 100px;
	}
	.structure-intro .intro-box .txt h2 {
		font-size: 42px;
	}
	.point-worries {
		max-width: 1280px;
		padding: 0px 40px 100px;
		margin: 0 auto;
	}
	.stre-worries-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.stre-worries-li li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.stre-worries-li li:nth-child(3n),
	.stre-worries-li li:last-child {
		margin-right: 0;
	}
}
.structure-features .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
.structure-features .features-li {
	margin-bottom: 60px;
}
@media (min-width:1020px) {
	.structure-features .wrap {
		padding: 100px 40px;
		max-width: 1280px;
		margin: 0 auto;
	}
}
.structure-features .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
@media (min-width:1020px) {
	.structure-features .wrap {
		padding: 100px 40px;
		max-width: 1280px;
		margin: 0 auto;
	}
}
.structure-faq .wrap {
	padding: 80px 30px 80px;
	width: 100%;
}
.structure-faq .faq-li {
	margin-bottom: 60px;
}
.structure-faq .faq-li li:last-child {
	margin-bottom: 0;
}
@media (min-width:768px) {
	.structure-faq .wrap {
		padding: 100px 40px;
		max-width: 900px;
		margin: 0 auto;
	}
	.structure-faq .faq-li {
		max-width: 720px;
		margin: 0 auto 60px;
	}
}
/* [PAGE-EVENT]
--------------------------------------------------------------------------*/
.event-li {
	width: 100%;
	margin-bottom: 40px;
}
.event-li li {
	width: 100%;
	padding: 30px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #DEE4ED;
	margin-bottom: 20px;
	position: relative;
}
.event-li li:last-child {
	margin-bottom: 0;
}
.event-li li .img-box {
	width: 100%;
	margin-bottom: 20px;
}
.event-li li .img-box img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
.event-li li .fin {
	position: absolute;
	top: 0;
	left: 0;
	background: #9B0001;
	color: #fff;
	padding: 10px 20px;
	line-height: 140%;
	border-radius: 20px 0 0 0;
	font-size: 14px;
}
.event-li li .date-time {
	margin-bottom: 8px;
}
.event-li li .date-time .icon span {
	display: inline-block;
	padding: 5px 10px;
	background: #9B0001;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	line-height: 110%;
}
.event-li li .date-time .date {
	display: block;
	width: 100%;
	color: #0E1C3E;
	font-weight: 600;
	font-size: 14px;
}
.event-li li .ttl {
	font-size: 26px;
	line-height: 140%;
	color: #0E1C3E;
	margin-bottom: 15px;
}
.event-li li .dsp {
	margin-bottom: 15px;
}
.event-li li .btn {
	margin: 0 auto;
}
.event-li .btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.event-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
	}
	.event-li li {
		width: 48%;
		margin-bottom: 4%;
	}
}
@media (min-width:1020px) {
	.event-li li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 40px;
		margin-bottom: 30px;
	}
	.event-li li .img-box {
		width: 38.5%;
		margin-bottom: 0;
	}
	.event-li li .txt-box {
		width: 58.4%;
	}
	.event-li li .date-time {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		height: auto;
	}
	.event-li li .date-time .date {
		width: 86%;
	}
	.event-li li .date-time .icon {
		width: 14%;
	}
	.event-li li .ttl {
		font-size: 28px;
	}
	.event-li li .btn {
		margin: 0;
	}
}
/* [SINGLE-EVENT]
--------------------------------------------------------------------------*/
.event-single-detail-wrap {
	width: 100%;
}
.event-single-detail-wrap .left-wrap {
	width: 100%;
	height: auto;
}
.event-ttl-wrap {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #DEE4ED;
}
.event-ttl-wrap .date-time {
	margin-bottom: 8px;
}
.event-ttl-wrap .date-time .icon span {
	display: inline-block;
	padding: 5px 10px;
	background: #9B0001;
	border-radius: 4px;
	color: #fff;
	font-size: 11px;
	line-height: 110%;
}
.event-ttl-wrap .date-time .date {
	display: block;
	width: 100%;
	color: #0E1C3E;
	font-weight: 600;
	font-size: 14px;
}
.event-ttl-wrap h1 {
	font-size: 26px;
	line-height: 140%;
	color: #0E1C3E;
}
.under-sns-share {
	margin-bottom: 40px;
}
.under-sns-share .ttl {
	font-weight: 600;
	line-height: 140%;
	margin-bottom: 10px;
	text-align: center;
}
.under-sns-share .share-sns {
	justify-content: center;
}
@media (min-width:1020px) {
	.event-single-detail-wrap {
		max-width: 820px;
		margin: 0 auto;
	}
}
/* [PAGE-FAQ]
--------------------------------------------------------------------------*/
.faq-overview .dsp {
	margin-bottom: 40px;
}
.faq-overview img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
.faq-cate-btn {
	width: 100%;
	height: auto;
}
.faq-cate-btn li {
	width: 100%;
	margin-bottom: 10px;
}
.faq-cate-btn li a {
	display:flex;
	align-items: center;
	background: #fff;
	width: 100%;
	padding: 20px 55px 20px 20px;
	color: #0E1E44;
	font-size: 18px;
	line-height: 120%;
	font-weight: 600;
	text-align: left;
	border:1px solid #DEE4ED;
	border-radius: 10px;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all 0.5s ease 0s;
}
.faq-cate-btn li a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 22px;
	margin: auto;
	width: 13px;
	height: 2px;
	background: #9B0001;
	border-radius: 1px;
	transition: 0.5s;
}
.faq-cate-btn li a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 22px;
	margin: auto;
	width: 8px;
	height: 8px;
	border-left: 2px solid #9B0001;
	border-bottom: 2px solid #9B0001;
	border-radius: 1px;
	transform: rotate(-135deg);
	transition: 0.5s;
}
@media (min-width:768px) {
	.faq-cate-btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.faq-cate-btn li {
		width: 49%;
		margin-bottom: 2%;
	}
}
@media (min-width:1020px) {
	.faq-overview {
		max-width: 820px;
		margin: 0 auto;
	}
	.faq-cate-btn {
		justify-content: flex-start;
	}
	.faq-cate-btn li {
		width: 19.5%;
		margin-right: 0.625%;
		margin-bottom: 0.625%;
	}
	.faq-cate-btn li:nth-child(5n) {
		margin-right: 0;
	}
	.faq-cate-btn li a {
		font-size: 16px;
	}
	.faq-cate-btn li a:hover {
		opacity: 1;
		background: #0E1C3E;
		color: #fff;
	}
	.faq-cate-btn li a:hover:before{
		right: 15px;
		width: 13px;
		background: #fff;
	}
	.faq-cate-btn li a:hover:after{
		right: 15px;
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	.faq-watched .faq-li {
		max-width: 720px;
		margin: 0 auto;
	}
}
/* [SINGLE-FAQ]
--------------------------------------------------------------------------*/
.faq-ttl-wrap h1 {
	margin-bottom: 0;
}
.faq-ttl-wrap {
	border-bottom: none;
	padding-bottom: 0;
}
.answer-icon {
	position: relative;
	margin-bottom: 20px;
}
.answer-icon .eng {
	display: inline-block;
	color: #9B0001;
	font-size: 24px;
	line-height: 100%;
	background: #fff;
	padding-right: 20px;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}
.answer-icon:before {
	content: "";
	background: #DEE4ED;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
}
.side-faq-cate {
	width: 100%;
}
.side-faq-cate li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DEE4ED;
}
.side-faq-cate li a {
	display:flex;
	align-items: center;
	background: #fff;
	width: 100%;
	color: #0E1E44;
	font-size: 14px;
	line-height: 120%;
	font-weight: 600;
	text-align: left;
	cursor:pointer;
	position: relative;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}
.side-faq-cate li a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 22px;
	margin: auto;
	width: 13px;
	height: 2px;
	background: #9B0001;
	border-radius: 1px;
	transition: 0.5s;
}
.side-faq-cate li a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 22px;
	margin: auto;
	width: 8px;
	height: 8px;
	border-left: 2px solid #9B0001;
	border-bottom: 2px solid #9B0001;
	border-radius: 1px;
	transform: rotate(-135deg);
	transition: 0.5s;
}
.side-faq-cate li a:hover {
	opacity: 1;
	color: #9BBDF9;
}
.side-faq-cate li a:hover:before{
	right: 15px;
	width: 13px;
}
.side-faq-cate li a:hover:after{
	right: 15px;
}
.side-other-faq .faq-li {
	margin-bottom: 20px;
}
.side-other-faq .btn {
	margin: 0 auto;
}
/* [PAGE-RECRUIT]
--------------------------------------------------------------------------*/
#recruit-01 .pkg-page {
	padding: 60px 30px 0;
}
.page-recruit-btn {
	margin-bottom: 80px;
}
.recruit-overview .ttl {
	font-size: 24px;
	color: #0E1C3E;
	margin-bottom: 20px;
	text-align: center;
}
.recruit-overview .catch {
	font-size: 26px;
	color: #0E1C3E;
	margin-bottom: 40px;
	text-align: center;
}
.recruit-overview .catch span {
	color: #9B0001;
	font-size: 32px;
}
.recruit-overview .dsp {
	margin-bottom: 40px;
}
.recruit-overview img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}
@media (min-width:1020px) {
	#recruit-01 .pkg-page {
		padding: 100px 40px 0;
	}
	.recruit-overview .ttl {
		font-size: 28px;
	}
	.recruit-overview .catch {
		font-size: 38px;
		margin-bottom: 60px;
	}
	.recruit-overview .catch span {
		font-size: 48px;
	}
	.recruit-overview .dsp {
		max-width: 820px;
		margin: 0 auto 60px;
	}
	.recruit-overview .img-box {
		max-width: 820px;
		margin: 0 auto;
	}
}
.r-requirements {
	width: 100%;
	margin-bottom: 60px;
}
.r-requirements dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #DEE4ED;
}
.r-requirements dl dt {
	font-weight: 600;
	line-height: 140%;
	width: 100%;
	margin-bottom: 10px;
	color: #0E1C3E;
}
.r-requirements dl dd {
	width: 100%;
	line-height: 140%;
}
.r-requirements dl:last-child,
.r-requirements dl dd ul li:last-child {
	margin-bottom: 0;
}
.r-requirements dl dd a {
	text-decoration: underline;
}
.r-requirements dl dd ul li {
	margin-bottom: 6px;
}
@media (min-width:768px) {
	.w940-wrap {
		max-width: 940px;
		margin: 0 auto;
	}
	.r-requirements dl {
		padding-bottom: 0;
		border-bottom: none;
	}
	.r-requirements dl dt {
		width: 25%;
		padding-bottom: 30px;
		margin-bottom: 0;
		border-bottom: 1px solid #0E1C3E;
	}
	.r-requirements dl dd {
		width: 75%;
		padding-left: 20px;
		padding-bottom: 30px;
		border-bottom: 1px solid #DEE4ED;
	}
}
.recruit-cv-box {
	padding: 25px;
	border-radius: 16px;
	border: 1px solid #DEE4ED;
	background: #fff;
}
.recruit-cv-box .feel-free {
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	font-weight: 600;
	margin-bottom: 15px;
	color: #0E1C3E;
}
@media (min-width:1020px) {
	.recruit-cv-box .feel-free {
		font-size: 22px;
	}
	.recruit-cv-box {
		padding: 45px;
	}
}
.how-to-apply {
	padding: 30px;
	background: #fff;
	border-radius: 20px;
}
.how-to-apply .ttl {
	font-size: 18px;
	font-weight: 600;
	color: #0E1C3E;
	margin-bottom: 10px;
}
.how-to-apply a {
	text-decoration: underline;
	color: #027EFA;
}
@media (min-width:1020px) {
	.how-to-apply {
		max-width: 940px;
		margin: 0 auto;
		padding: 60px;
	}
}
.staff-comment-li {
	width: 100%;
}
.staff-comment-li li {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #DEE4ED;
}
.staff-comment-li li .img-box {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.staff-comment-li li img {
	width: 100%;
	max-width: 200px;
	height: auto;
}
.staff-comment-li .eng {
	font-size: 18px;
	color: #0E1C3E;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
.staff-comment-li .name {
	font-size: 22px;
	font-weight: 600;
	color: #0E1C3E;
	text-align: center;
	margin-bottom: 20px;
}
@media (min-width:1020px) {
	.staff-comment-li li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		padding-bottom: 60px;
		margin-bottom: 60px;
	}
	.staff-comment-li li .img-box {
		width: 25%;
		margin-bottom: 0;
		text-align: left;
	}
	.staff-comment-li li .txt-box {
		width: 73%;
	}
	.staff-comment-li .eng,
	.staff-comment-li .name {
		text-align: left;
	}
}
/* [PAGE-POLICY]
--------------------------------------------------------------------------*/
.policy-box {
	margin-bottom: 100px;
}
.page-policy .policy-box:last-child {
	margin-bottom: 0;
}
.policy-wrap {
	margin-bottom: 60px;
}
.policy-box .policy-wrap:last-child {
	margin-bottom: 0;
}
.policy-wrap .ttl {
	font-size: 26px;
	line-height: 140%;
	margin-bottom: 40px;
	color: #0E1C3E;
}
.side-brd-ttl {
	position: relative;
	font-size: 22px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #DEE4ED;
	padding-left: 30px;
	color: #0E1C3E;
}
.side-brd-ttl:before {
	content: "";
	background: #0E1C3E;
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 1px;
	top: 15px;
	left: 0;
	vertical-align: middle;
}
.policy-wrap .declaration {
	margin-bottom: 60px;
}
.ol-policy {
	padding-left: 25px;
}
.ol-policy li {
	list-style: decimal;
	line-height: 140%;
	margin-bottom: 20px;
}
.ol-policy li span.bld {
	display: block;
	font-weight: bold;
	width: 100%;
	margin-top: 5px;
}
.ol-policy li::marker {
	margin-right: 5px;
}
.policy-wrap .sub-ttl {
	font-size: 20px;
	color: #0E1C3E;
	margin-bottom: 20px;
}
.i-check-li {
	width: 100%;
	height: auto;
}
.i-check-li li {
	position: relative;
	padding-left: 35px;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}
.i-check-li li.i-check:before,
.i-check-li li.i-check:after {
	content: "";
	display: block;
	position: absolute;
}
.i-check-li li.i-check:before {
	width: 20px;
	height: 20px;
	background: #fff;
	border: 2px solid #0E1C3E;
	border-radius: 4px;
	left: 0;
	top: 2px;
}
.i-check-li li.i-check:after {
	border-left: 2px solid #9B0001;
	border-bottom: 2px solid #9B0001;
	width: 8px;
	height: 5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 7px;
	top: 8px;
}
.handshake-ttl {
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 15px;
	padding-left: 50px;
	position: relative;
}
.handshake-ttl:before {
	content: "";
	background: url(../images/layouts/icon-handshake.svg) no-repeat;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 18px;
	top: 5px;
	left: 0;
}
.enactment-wrap {
	background: #F5F7FA;
	padding: 30px;
	margin-bottom: 60px;
}
.conts-404 .eng {
	display: block;
	font-size: 168px;
	text-align: center;
	margin-bottom: 40px;
}
.conts-404 .ttl {
	text-align: center;
	font-size: 28px;
	margin-bottom: 40px;
	color: #0E1C3E;
}
@media (min-width:768px) {
	.conts-404 .eng {
		font-size: 240px;
	}
	.conts-404 .temp_404 {
		text-align: center;
	}
}
/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
@media print {
}

/* Edge */
_:host-context(x)::-ms-clear,


/* IE */
_:-ms-lang(x), 
.logo {
	transition:transform 0.8s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}