@charset 'UTF-8';

/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.only-pc {}

.only-sp,
.no-pc {
	display: none !important;
}

.no-sp {}

/* sp
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

	.only-pc,
	.no-sp {
		display: none !important;
	}

	.only-sp,
	.no-pc {
		display: block !important;
	}

	img.only-sp,
	img.no-pc {
		display: block !important;
	}
}

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

a {
	transition: all 0.3s;
	text-underline-position: under;
}

a.ico_external {
	display: inline-block;
	padding-right: 24px;
	background: url(../img/ico_external.svg) no-repeat right center;
	background-size: 16px;
}

a.ico_pdf {
	display: inline-block;
	padding-right: 24px;
	background: url(../img/ico_pdf.png) no-repeat right center;
	background-size: 16px;
}

a.ico_map {
	display: inline-block;
	padding-right: 24px;
	background: url(../img/ico_map.svg) no-repeat right center;
	background-size: 16px 22px;
}

a.hover-opacity {
	display: block;
}

a.hover-opacity:hover {
	opacity: 0.7;
}

main a {
	color: #205ab1;
	text-decoration: underline;
	text-decoration-color: #205ab1;
}

main a:hover {
	color: #205ab1;
	text-decoration: underline;
	text-decoration-color: transparent;
}

.header {
	position: fixed;
	background-color: #fff;
	top: 0;
	padding: 0;
	width: 100%;
	height: 70px;
	z-index: 99;
	box-shadow: 0px 0px 4px 0px rgba(38, 38, 38, 0.3);
}

.header_inner {
	margin: 0 auto;
	max-width: 1920px;
}

.header_inner::after {
	content: ' ';
	display: table;
	line-height: 0;
	clear: both;
}

.header_logo {
	float: left;
	width: 441px;
	height: 70px;
	margin-left: 30px;
}

.header_logo h1 {
	height: 100%;
}

.header_logo a {
	position: relative;
	display: block;
	height: 100%;
}

.header_logo img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
}

.header_link {
	float: right;
}

.header_btn a {
	position: relative;
	display: block;
	width: 150px;
	height: 70px;
	background-color: #333;
}

.header_btn_entry a::before {
	position: absolute;
	content: '';
	display: block;
	top: 26px;
	left: 26px;
	width: 97px;
	height: 19px;
	background-image: url(../img/header_btn_entry.svg);
	background-size: 97px 19px;
}

.header_btn a:hover {
	background-color: #ff8300;
}

.header_link_sp {
	display: none;
}

.gnav {
	float: right;
	width: 480px;
	height: 70px;
	overflow: hidden;
}

.gnav_item {
	position: relative;
	float: left;
	height: 100%;
	line-height: 70px;
	list-style: none;
	overflow: hidden;
	text-align: center;
}

.gnav_item+.gnav_item {
	padding-left: 47px;
}

.gnav_item a {
	display: block;
	color: #272727;
	font-size: 2.0rem;
	font-weight: 500;
}

.gnav_item:hover a {
	color: #ff8300;
}

.gnav_item:hover {
	overflow: visible;
}

.gnav_item-current>a {
	color: #ff8300 !important;
}

.gnav2nd {
	display: none;
}

.mt {
	width: 100%;
	height: 290px;
	margin-top: 70px;
}

.mt_inner {
	margin: 0 auto;
	padding: 0;
	max-width: 1360px;
	height: 100%;
	position: relative;
}

.mt_ja {
	position: absolute;
	display: block;
	font-size: 2.8rem;
	font-weight: 500;
	top: 84px;
}

.mt_en {
	position: absolute;
	font-family: 'Arimo', sans-serif;
	font-style: italic;
	display: block;
	font-size: 7.0rem;
	font-weight: 500;
	top: 148px;
}

.mt_bg {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
}


.mv {
	width: 100%;
	height: auto;
}

.mv_inner {
	margin: 0 auto;
	padding: 0;
	max-width: 1920px;
	height: 100%;
	position: relative;
}

.breadcrumbs {
	width: 100%;
}

.breadcrumbs_inner {
	margin: 0 auto;
	padding: 0;
	max-width: 1360px;
	width: 98%;
	height: 100%;
}

.breadcrumbs ul {
	padding: 11px 0 19px 0;
	margin: 0;
}

.breadcrumbs ul::after {
	content: ' ';
	display: table;
	line-height: 0;
	clear: both;
}

.breadcrumbs ul li {
	list-style: none;
	float: left;
	font-size: 1.6rem;
}

.breadcrumbs ul li a {
	color: #ff8300;
	text-decoration: underline;
}

.breadcrumbs ul li a:hover {
	text-decoration-color: transparent;
}

.breadcrumbs ul li:first-child::before {
	content: '';
	margin: 0;
}

.breadcrumbs ul li::before {
	content: '\03e';
	margin: 0 17px;
}

.container {
	position: relative;
}

.main_contents {
	max-width: 1360px;
	display: block;
	margin: 0 auto;
}

.footer {
	background-color: #fff;
	width: 100%;
}

.footer_pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 50px;
	height: 50px;
}

.footer_pagetop a {
	display: block;
}

.footer_link {
	width: 100%;
	background-color: #333;
}

.footer_link ul {
	text-align: center;
}

.footer_link ul::after {
	content: ' ';
	display: table;
	line-height: 0;
	clear: both;
}

.footer_link li {
	display: inline-block;
	list-style: none;
	line-height: 60px;
}

.footer_link li+li {
	margin-left: 68px;
}

.footer_link li a {
	font-size: 1.5rem;
	color: #fff;
	display: inline-block;
	padding-left: 24px;
	background: url(../img/ico_footer_external.svg) no-repeat left center;
	background-size: 16px;
	text-decoration: underline;
	text-decoration-color: transparent;
}

.footer_link li a:hover {
	text-decoration-color: #fff;
}

.copyright {
	position: relative;
	padding: 0;
}

.copyright a {
	display: block;
	margin: 30px auto 0;
	text-align: center;
}

.copyright p {
	font-size: 1.5rem;
	margin: 20px auto;
	text-align: center;
}

.content_padding {
	padding: 0 20px;
}

.content_padding-swide {
	padding: 0 70px;
}

.content_padding-wide {
	padding: 0 130px;
}

.content_padding-lwide {
	padding: 0 226px;
}

.content_row:before,
.content_row:after {
	content: " ";
	display: table;
	line-height: 0;
}

.content_row:after {
	clear: both;
}

.content_row .col {
	margin-top: 20px;
}

.content_txt-normal {
	margin-top: 34px;
	font-size: 1.8rem;
	line-height: 1.9;
}

.content_txt-medium {
	font-size: inherit;
	font-weight: 500;
}

.content_txt-description {
	font-size: 1.5rem;
}

.content_txt-notice {
	margin-top: 25px;
	font-size: inherit;
	line-height: 1.6;
	color: #dd3f3f;
}

.content_txt-orange {
	font-weight: 600;
	color: #ff8300;
}

.content_txt-bold {
	font-weight: 700;
}

.content_img-normal {
	text-align: center;
	margin-top: 40px;
}

.content_img-map {
	width: 55%;
	margin: 15px 0;
}

.content_ttl-center {
	margin: 60px auto 0;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
}

.content_ttl-center span {
	display: block;
}

.content_ttl-center a {
	color: #333;
	text-decoration: none;
}

.content_ttl-center a:hover {
	color: #333;
	text-decoration: none;
}

.content_ttl-left {
	margin: 30px auto 0;
	font-size: 1.9rem;
	font-weight: 700;
}

.content_ttl-left span {
	display: block;
}

.content_ttl-jaen {
	margin-bottom: 26px;
	text-align: center;
	border-top: 7px solid #ff8300;
	width: 640px;
	margin: 0 auto;
}

.content_ttl-jaen span.en {
	display: block;
	font-size: 5.0rem;
	font-weight: 700;
	margin-top: 34px;
}

.content_ttl-jaen span.ja {
	display: block;
	font-size: 1.9rem;
	font-weight: 500;
	color: #ff8300;
	margin-top: 18px;
}

.content_ttl-cborder {
	position: relative;
	margin-top: 50px;
	text-align: center;
}

.content_ttl-cborder span {
	display: inline-block;
	padding: 0 22px;
	font-size: 2.4rem;
	font-weight: 700;
	background-color: #fff;
}

.content_ttl-cborder:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	border-bottom: 1px solid #ff8300;
	z-index: -1;
}

.content_ttl-lborder {
	margin-top: 60px;
	border-left: 5px solid #ff8300;
	background-color: #fff7ed;
}

.content_ttl-lborder span {
	display: block;
	font-size: 2.3rem;
	font-weight: 700;
	padding: 21px 23px 24px 29px;
}

.content_ttl-bborder {
	margin-top: 20px;
	position: relative;
}

.content_ttl-bborder a {
	color: #333;
	text-decoration: none;
}

.content_ttl-bborder a:hover {
	color: #333;
	text-decoration: none;
}

.content_ttl-bborder span {
	display: block;
	font-size: 3.8rem;
	font-weight: 700;
	padding: 50px 20px 30px 0;
}

.content_ttl-bborder:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 3px solid #ff8300;
}

.content_ttl-gborder {
	margin: 20px auto 15px;
	position: relative;
}

.content_ttl-gborder a {
	color: #333;
	text-decoration: none;
}

.content_ttl-gborder a:hover {
	color: #333;
	text-decoration: none;
}

.content_ttl-gborder span {
	display: block;
	font-size: 1.9rem;
	font-weight: 700;
	padding: 8px 20px 16px 0;
}

.content_ttl-gborder:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
}

.content_ttl-orange {
	color: #ff8300;
	font-size: 2.0rem;
	font-weight: 700;
}

.content_ttl-white {
	color: #fff;
	font-size: 2.0rem;
	font-weight: 700;
}

.content_box_anchor {
	margin-top: 40px;
}

.content_box-gray {
	border: 6px solid #f5f5f5;
	padding: 30px;
}

.content_box-orange {
	border: 6px solid #ff8300;
	background-color: #ff8300;
	padding: 30px;
}

.content_box_after_triangle {
	font-size: 50px;
	color: #333;
	text-align: center;
	line-height: 50px;
	margin: 10px 10px 15px;
}

.content_btn {
	display: block;
	position: relative;
	width: 100%;
	line-height: 68px;
	font-size: 1.8rem;
	color: #333;
	background-color: #fff;
	text-align: left;
	text-decoration: none !important;
	border: 1px solid #ff8300;
	margin: 0 auto;
}

.content_btn span {
	position: relative;
	padding: 0 30px;
}

.content_btn::before {
	content: '';
	position: absolute;
	display: block;
	top: 25px;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #ff8300;
	border-right: 2px solid #ff8300;
	transform: translateX(-50%) rotate(135deg);
}

.content_btn:hover,
.content_btn.current {
	color: #fff;
	background-color: #ff8300;
}

.content_btn:hover::before,
.content_btn.current::before {
	border-color: #fff;
}

.content_btn-right::before {
	top: 28px;
	right: 30px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #ff8300;
	border-right: 2px solid #ff8300;
	transform: translateX(-50%) rotate(45deg);
}

.content_btn-home {
	display: block;
	position: relative;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-size: 2.0rem;
	color: #333;
	background-color: #fff;
	text-align: center;
	text-decoration: none !important;
	margin: 0;
}

.content_btn-home span {
	position: relative;
	padding: 0 20px;
}

.content_btn-home::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 50%;
	right: 35px;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	border-top: 2px solid #ff8300;
	border-right: 2px solid #ff8300;
	transform: rotate(45deg);
}

.content_btn-home:hover,
.content_btn-home.current {
	color: #fff;
	background-color: #ff8300;
}

.content_btn-home:hover::before,
.content_btn-home.current::before {
	border-color: #fff;
}

.content_btn-home_external::after {
	content: '';
	background: url(../img/ico_btn_home_external.svg) no-repeat;
	position: absolute;
	top: calc(50% - 8px);
	left: 5%;
	width: 16px;
	height: 16px;
}

.content_btn-home_external:hover::after {
	background: url(../img/ico_btn_home_external_on.svg) no-repeat;
}

.content_btn-rect-blue,
.content_btn-rect-green {
	display: block;
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 1.6rem;
	color: #fff;
	background-color: #3c4f9e;
	text-align: center;
	text-decoration: none !important;
	margin: 0;
}

.content_btn-rect-blue {
	background-color: #3c4f9e;
}

.content_btn-rect-green {
	background-color: #2d9489;
}

.content_btn-rect-blue span,
.content_btn-rect-green span {
	position: relative;
	padding: 0 20px;
}

.content_btn-rect-blue::before,
.content_btn-rect-green::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

.content_btn-rect-blue:hover,
.content_btn-rect-blue.current,
.content_btn-rect-green:hover,
.content_btn-rect-green.current {
	opacity: 0.7;
}




.content_btn-large {
	display: block;
	position: relative;
	width: 100%;
	max-width: 460px;
	line-height: 60px;
	font-size: 2.0rem;
	color: #fff;
	background-color: #ff8300;
	text-align: center;
	text-decoration: none !important;
	border: 1px solid #ff8300;
	border-radius: 46px;
	margin: 50px auto 86px auto;
}

.content_btn-large span {
	position: relative;
	padding: 0 20px;
}

.content_btn-large::before {
	content: '';
	position: absolute;
	top: 25px;
	right: 29px;
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #fff;
}

.content_btn-large:hover,
.content_btn-large.current {
	color: #ff8300;
	background-color: #fff;
}

.content_btn-large:hover::before,
.content_btn-large.current::before {
	border-color: transparent transparent transparent #ff8300;
}

.content_btn-rect {
	display: block;
	position: relative;
	width: 100%;
	/* max-width: 400px; */
	line-height: 60px;
	font-size: 1.6rem;
	color: #333;
	background-color: #fff;
	text-align: left;
	text-decoration: none !important;
	border: 1px solid transparent;
	border-radius: 5px;
	margin: 0;
}

.content_btn-rect span {
	position: relative;
	padding: 0 20px;
}

.content_btn-rect::before {
	content: '';
	position: absolute;
	top: 24px;
	right: 20px;
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #ff8300;
}

.content_btn-rect:hover,
.content_btn-rect.current {
	color: #fff;
	background-color: #ff8300;
}

.content_btn-rect:hover::before,
.content_btn-rect.current::before {
	border-color: transparent transparent transparent #fff;
}

.content_table-normal {
	margin-top: 40px;
	width: 100%;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
}

.content_table-normal th {
	box-sizing: border-box;
	width: 250px;
	vertical-align: top;
	padding: 20px;
	border-bottom: 1px solid #bebebe;
	font-size: 1.8rem;
	font-weight: 700;
}

.content_table-normal td {
	padding: 22px 24px;
	border-bottom: 1px solid #bebebe;
}

.content_table-normal .bg1 {
	background-color: #f5f5f5;
}

.content_table-normal .bg2 {
	background-color: #ededed;
}

.content_table-border {
	margin-top: 40px;
	width: 100%;
	border: 1px solid #bebebe;
}

.content_table-border tr th:first-child {
	white-space: nowrap;
}

.content_table-border tr:first-child th {
	text-align: center;
	vertical-align: top;
}

.content_table-border tr:first-child th span {
	writing-mode: vertical-rl;
}

.content_table-border th {
	box-sizing: border-box;
	width: 250px;
	padding: 20px;
	border: 1px solid #bebebe;
	font-size: 1.8rem;
	font-weight: 700;
}

.content_table-border td {
	padding: 22px 24px;
	border: 1px solid #bebebe;
	text-align: center;
}

.content_table-border .bg1 {
	background-color: #f5f5f5;
}

.content_table-border .bg2 {
	background-color: #ededed;
}

.content_list {
	margin-top: 22px;
	padding-left: 10px;
}

.content_list li {
	position: relative;
	list-style: none;
	line-height: 2.4;
}

.content_list-disc {
	margin: 21px 0;
	padding-left: 36px;
}

.content_list-disc li {
	position: relative;
	list-style: none;
	line-height: 1.3;
}

.content_list-disc li+li {
	margin-top: 25px;
}

.content_list-disc li::before {
	position: absolute;
	top: 0.5em;
	left: -1em;
	content: '';
	width: 8px;
	height: 8px;
	display: block;
	background-color: #ff8300;
	border-radius: 50%;
}

.content_list-decimal {
	margin-top: 16px;
	padding-left: 29px;
}

.content_list-decimal li {
	position: relative;
	counter-increment: cnt;
	list-style: none;
	line-height: 1.3;
}

.content_list-decimal li+li {
	margin-top: 12px;
}

.content_list-decimal li::before {
	content: counter(cnt) ". ";
	position: absolute;
	top: 0;
	left: -24px;
	display: block;
}

.content_list-triangle {
	padding-left: 22px;
}

.content_list-triangle li {
	position: relative;
	list-style: none;
	line-height: 1.7;
}

.content_list-triangle li+li {
	margin-top: 12px;
}

.content_list-triangle li::before {
	content: '';
	position: absolute;
	display: block;
	top: 9px;
	left: -18px;
	width: 8px;
	height: 8px;
	border-top: 3px solid #ff8300;
	border-right: 3px solid #ff8300;
	transform: translateX(-50%) rotate(45deg);
}

.color-asterisk {
	color: #ea3d3d;
	font-style: normal;
}

.content_list-asterisk {
	padding-left: 16px;
	margin-bottom: 0;
}

.content_list-asterisk li {
	font-size: 1.5rem;
	list-style: none;
	line-height: 1.7;
	position: relative;
}

.content_list-asterisk li+li {
	margin-top: 5px;
}

.content_list-asterisk li::before {
	font-size: 1.4rem;
	position: absolute;
	top: 0;
	left: -19px;
	color: #ea3d3d;
	content: '※';
	display: block;
}

.content_list-check {
	margin-top: 16px;
	padding-left: 46px;
}

.content_list-check li {
	position: relative;
	list-style: none;
	line-height: 1.7;
}

.content_list-check li+li {
	margin-top: 16px;
}

.content_list-check li::before {
	position: absolute;
	top: 0;
	left: -40px;
	content: '';
	width: 34px;
	height: 28px;
	display: block;
	background: url(../img/ico_check.svg) no-repeat left top;
}

/* 個別ページ用 home */
#preload {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	height: 100%;
	z-index: 999;
}

#preload img {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 310px;
	height: 310px;
	z-index: 1000;
}

.mv_home {
	width: 100%;
	height: auto;
	margin-top: 70px;
}

.mv_home_inner {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	max-width: 1920px;
}

.mv_home_inner>img {
	width: 100%;
}

.mv_home_popup>li {
	position: absolute;
	top: 0;
	left: 0;
}

.mv_home_txt>li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.mv_home_txt>li>img {
	position: absolute;
	top: 0;
	left: 0;
}

#mv_home_txt_01 {
	margin-top: calc(368 * 100% / 1920);
	left: calc(728 * 100% / 1920);
	width: calc(395 * 100% / 1920);
	padding-bottom: calc(80 * 100% / 1920);
}

#mv_home_txt_02 {
	margin-top: calc(460 * 100% / 1920);
	left: calc(728 * 100% / 1920);
	width: calc(460 * 100% / 1920);
	padding-bottom: calc(80 * 100% / 1920);
}

#mv_home_txt_03 {
	margin-top: calc(552 * 100% / 1920);
	left: calc(728 * 100% / 1920);
	width: calc(520 * 100% / 1920);
	padding-bottom: calc(80 * 100% / 1920);
}

.mv_home_txt>li>img:nth-child(1) {
	animation: textVisible 0.5s cubic-bezier(0, 0, 0, 1) 2.1s both;
}

.mv_home_txt>li>img:nth-child(2) {
	background-color: #ff8300;
	height: 100%;
	animation: textMask 0.5s cubic-bezier(0, 0, 0, 1) 2.1s both, textMaskOut 0.5s cubic-bezier(0, 0, 0, 1) 2.6s both;
}

@keyframes textVisible {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes textMask {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes textMaskOut {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	100% {
		-webkit-transform: translateX(101%);
		transform: translateX(101%)
	}
}

.mv_home_popup>li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mv_home_popup>li:nth-child(1) {
	animation: waterFall .5s ease-in-out 0.5s both;
}

.mv_home_popup>li:nth-child(2) {
	animation: waterFall .5s ease-in-out 0.7s both;
}

.mv_home_popup>li:nth-child(3) {
	animation: waterFall .5s ease-in-out 0.9s both;
}

.mv_home_popup>li:nth-child(4) {
	animation: waterFall .5s ease-in-out 1.1s both;
}

.mv_home_popup>li:nth-child(5) {
	animation: waterFall .5s ease-in-out 1.3s both;
}

.mv_home_popup>li:nth-child(6) {
	animation: waterFall .5s ease-in-out 1.5s both;
}

@keyframes waterFall {
	0% {
		transform: translateY(-100%)
	}

	80% {
		transform: translateY(0)
	}

	90% {
		transform: translateY(-10px)
	}

	100% {
		transform: translateY(0)
	}
}

.mv_home_popup>li>a {
	display: block;
}

#mv_home_fukidashi_01 {
	margin-top: calc(54 * 100% / 1920);
	left: calc(217 * 100% / 1920);
	width: calc(167 * 100% / 1920);
	padding-bottom: calc(85 * 100% / 1920);
}

#mv_home_fukidashi_02 {
	margin-top: calc(121 * 100% / 1920);
	left: calc(511 * 100% / 1920);
	width: calc(265 * 100% / 1920);
	padding-bottom: calc(85 * 100% / 1920);
}

#mv_home_fukidashi_03 {
	margin-top: calc(172 * 100% / 1920);
	left: calc(1011 * 100% / 1920);
	width: calc(261 * 100% / 1920);
	padding-bottom: calc(85 * 100% / 1920);
}

#mv_home_fukidashi_04 {
	margin-top: calc(350 * 100% / 1920);
	left: calc(1453 * 100% / 1920);
	width: calc(217 * 100% / 1920);
	padding-bottom: calc(85 * 100% / 1920);
}

#mv_home_fukidashi_05 {
	margin-top: calc(429 * 100% / 1920);
	left: calc(212 * 100% / 1920);
	width: calc(360 * 100% / 1920);
	padding-bottom: calc(85 * 100% / 1920);
}

#mv_home_fukidashi_06 {
	margin-top: calc(864 * 100% / 1920);
	left: calc(1266 * 100% / 1920);
	width: calc(264 * 100% / 1920);
	padding-bottom: calc(85 * 100% / 1920);
}

/*
@media screen and (max-width: 768px) {
	.mv_home {
		width: 100vw;
		overflow-x: scroll;
	}
	.mv_home_inner {
		width: 1024px;
		overflow-y: hidden;
	}
}
*/
.is-jump {
	animation: hoverJump .5s ease 0.1s 1;
}

@keyframes hoverJump {
	0% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}

	10% {
		-webkit-transform: scale(1.05, 0.95);
		transform: scale(1.05, 0.95)
	}

	50% {
		-webkit-transform: translateY(-10px) scale(0.95, 1.05);
		transform: translateY(-10px) scale(0.95, 1.05)
	}

	90% {
		-webkit-transform: translateY(0px) scale(1.03, 0.97);
		transform: translateY(0px) scale(1.03, 0.97)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.mv_home_popup_window {
	padding: 30px 100px;
}

.mv_home_popup_window h2 {
	text-align: center;
	font-weight: bold;
	font-size: 2.6rem;
}

.mv_home_popup_window img {
	margin-top: 25px;
	width: 100%;
}

.mv_home_popup_window ul {
	margin-top: 20px;
}

.mv_home_popup_window li:first-child {
	float: left;
	width: 49%;
}

.mv_home_popup_window li:last-child {
	float: right;
	width: 49%;
}

.container-home {
	width: 100%;
	max-width: 100%;
}

.main_contents-home {
	width: 100%;
	max-width: 1920px;
	margin-top: 60px;
}

.content-home+.content-home {
	margin-top: 50px;
}

.content-home {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}

.footer_entry {
	position: relative;
	max-width: 1880px;
	margin: 60px auto;
	padding: 0 60px;
}

.footer_entry a,
.content-home a {
	display: block;
	overflow: hidden;
}

.footer_entry-bg,
.content-home-bg {
	transform: scale(1);
	transition: .3s ease-in-out;
}

.footer_entry-bg:hover,
.content-home-bg:hover {
	transform: scale(1.1);
}

.footer_entry-ttl,
.content-home-ttl {
	position: absolute;
	width: 330px;
	height: 97px;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity cubic-bezier(0.55, 0.085, 0.68, 0.53) 1.0s, left 1.0s;
}

.home_environment .content-home-ttl {
	width: 557px;
	height: 100px;
}

.home_staff_voice .content-home-ttl {
	width: 559px;
	height: 100px;
}

.home_recruitment .content-home-ttl {
	width: 606px;
	height: 98px;
	left: calc(40% - 606px);
	transform: translate(0, -50%);
}

.footer_entry-bg:before,
.footer_entry-bg:after,
.content-home-bg:before,
.content-home-bg:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.footer_entry-bg:before,
.content-home-bg:before {
	background-color: #fff;
}

.footer_entry-bg:after,
.content-home-bg:after {
	background-color: #ff8300;
}

.recruit-report-box {
	max-width: 1880px;
	width: 100%;
	margin: 50px auto;
	padding: 0 60px;
}
.recruit-report-box .recruit-report-box-inner {
	border: 1px solid #ff8300;
	background: #f2f2f2;
	padding: 20px 0;
	text-align: center;
}
.recruit-report-box .recruit-report-box-inner .recruit-report-title {
	padding: 10px 20px;
}
.recruit-report-box .recruit-report-box-inner .recruit-report-title .recruit-report-heading { 
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 0;
}
.recruit-report-box .recruit-report-box-inner .recruit-report-body {
	padding: 5px 20px;
}
.recruit-report-txt {
	line-height: 1.6;
}
.recruit-report-txt + .recruit-report-txt {
	margin-bottom: 24px;
}
@media screen and (max-width: 1365px) {
	.recruit-report-box{
		padding: 0 30px;
	}
   .recruit-report-box .recruit-report-box-inner {
		padding: 20px 30px;
	}
}
@media screen and (max-width: 768px) {
	.recruit-report-box {
		width: auto;
		max-width: 100%;
		margin: calc(15 * 100vw / 375) calc(15 * 100vw / 375);
		padding: 0;
	}
	.recruit-report-box .recruit-report-box-inner { padding: 20px 0;}
	.recruit-report-box .recruit-report-box-inner .recruit-report-title {
		width: 100%;
		padding: 0 20px 10px;
	}
	.recruit-report-box .recruit-report-box-inner .recruit-report-body {
		margin: 0 20px;
		padding: 15px 0 0;
	}
	.recruit-report-txt + .recruit-report-txt {
		margin-bottom: 15px;
	}
}
.recruit-contact-btn-wrap {
	text-align: center;
	margin-top: 24px;
}
.recruit-contact-btn {
	display: inline-block;
	position: relative;
	max-width: 200px;
	width: 100%;
	padding: 11px 40px 9px 50px;
	background-color: #ff8300;
	font-size: 18px;
	color: #fff;
	text-align: center;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: none;
}

.recruit-contact-btn:hover {
	text-decoration: none;
}
.recruit-contact-btn:hover {
	background-color: rgba(225, 128, 7, 0.5);
}

.recruit-contact-btn:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #fff;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.recruit-contact-btn-wrap{
		margin: 16px 20px 0;
	}
	.recruit-contact-btn {
		padding: 14px 17px 14px 25px;
		font-size: 15px;
	}
	.recruit-contact-btn:before {
		left: 12px;
		border-width: 3px 0 3px 4px;
	}
}


/****************************** animation setting */
.footer_entry-bg:before,
.content-home-bg:before {
	transform-origin: left;
	transform: translateX(0);
	transition: transform 0.4s 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.footer_entry-bg:after,
.content-home-bg:after {
	transform-origin: left;
	transform: scaleX(0) translateX(0);
	transition: transform 0.6s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

/****************************** is-scroll-current */
.is-scroll-current .footer_entry-bg:before,
.is-scroll-current .content-home-bg:before {
	transform: translateX(101%);
}

.is-scroll-current .footer_entry-bg:after,
.is-scroll-current .content-home-bg:after {
	transform: scaleX(1) translateX(101%);
}

.is-scroll-current .footer_entry-ttl,
.is-scroll-current .content-home-ttl {
	opacity: 1.0;
	left: 50%;
}

.home_recruitment.content-home.is-scroll-current .content-home-ttl {
	left: calc(50% - 606px);
}

.content-home-btn {
	position: absolute;
	top: calc(50% - 170px);
	left: calc(50% + 170px);
}

.content-home-btn li {
	width: 460px;
	height: 80px;
}

.content-home-btn li+li {
	margin-top: 20px;
}


/* 個別ページ用 environment */
.content_bg_environment {
	background-color: #f4f4f4;
	padding: 0 20px;
	margin: 60px 0 10px;
}

.content_bg_environment .col {
	padding: 0 20px;
	margin: 35px 0;
	text-align: center;
}

.content_bg_environment .col a {
	background-color: #fff;
	text-decoration: none;
	display: block;
}

.content_bg_environment .col img,
.content_bg_environment .col span {
	display: block;
	margin: 0 auto;
}

.content_icon_environment {
	padding-top: 44px;
}

.content_bg_environment .col span {
	color: #333;
	font-size: 2.0rem;
	font-weight: 700;
	margin-top: 37px;
}

.content_txt_environment {
	padding-top: 16px;
}

.content_arrow_environment {
	padding: 45px 0 50px;
}

.content_bg_environment .col a:hover .content_arrow_environment {
	animation: button 0.4s linear 1;
}

@keyframes button {
	0% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}

	25% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
		opacity: 0;
	}

	50% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

.content_bg_environment .is-scroll {
	display: block;
	position: relative;
	overflow: hidden;
}

.content_bg_environment .is-scroll:before {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 9998;
	background-color: #333d47;
	transition: all 0.5s cubic-bezier(0.77, 0, 0.185, 1);
	transition-timing-function: cubic-bezier(0.77, 0, 0.185, 1);
	transition-delay: .1s;
	content: "";
}

.content_bg_environment .is-scroll:after {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background-color: #fff;
	z-index: 9999;
	transition: all 0.5s cubic-bezier(0.77, 0, 0.185, 1);
	transition-timing-function: cubic-bezier(0.77, 0, 0.185, 1);
	content: "";
}

.content_bg_environment .is-scroll.is-scroll-current:after,
.content_bg_environment .is-scroll.is-scroll-current:before {
	right: -105%;
}


/* 個別ページ用 welfare */
.content_balloon {
	position: relative;
	display: inline-block;
	margin: 1.2em 0 1em;
	font-size: 0.85em;
	padding: 10px 15px;
	background: #FFF;
	border: solid 2px #d7d7d7;
	box-sizing: border-box;
}

.content_balloon:before {
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -16px;
	border: 13px solid transparent;
	border-top: 13px solid #FFF;
	z-index: 2;
}

.content_balloon:after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-top: 14px solid #d7d7d7;
	z-index: 1;
}


/* 個別ページ用 interview */
.content_staff {
	margin-top: 43px;
}

.content_staff a {
	display: block;
	text-decoration-color: transparent;
}

.content_staff .content_row .col {
	margin-bottom: 30px;
}

.content_section_staff {
	color: #fff;
	text-align: center;
	padding: 5px;
}

.content_section_staff-bg01 {
	background-color: #207283;
}

.content_section_staff-bg02 {
	background-color: #828320;
}

.content_section_staff-bg03 {
	background-color: #6b5277;
}

.content_section_staff-bg04 {
	background-color: #834d59;
}

.content_section_staff-bg05 {
	background-color: #a57a42;
}

.content_section_staff-bg06 {
	background-color: #749948;
}

.content_image_staff {
	position: relative;
	overflow: hidden;
}

.content_comment_staff {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.3s;
}

.content_photo_staff {
	transform: scale(1);
	transition: all 0.3s;
}

.content_image_staff:hover .content_comment_staff {
	opacity: 1;
}

.content_image_staff:hover .content_photo_staff {
	transform: scale(1.2);
}

.content_job_staff {
	color: #ff8300;
	font-size: 1.7rem;
	font-weight: 700;
	margin-top: 10px;
}

.content_graduate_staff {
	color: #333;
	font-size: 1.7rem;
	font-weight: 700;
}

.content_name_staff {
	color: #333;
	font-size: 2.0rem;
	margin-top: 3px;
}


/* 個別ページ用 interview下層 */
.content_interview_title {
	background-color: #333;
	margin-top: 60px;
}

.content_interview_title:before,
.content_interview_title:after {
	content: " ";
	display: table;
	line-height: 0;
}

.content_interview_title:after {
	clear: both;
}

.content_interview_title span {
	display: block;
	float: left;
	padding: 0 23px;
	font-size: 1.8rem;
	line-height: 38px;
	color: #fff;
}

.content_interview_occupation {
	background-color: #e18007;
}

.content_interview_section-bg01 {
	background-color: #207283;
}

.content_interview_section-bg02 {
	background-color: #828320;
}

.content_interview_section-bg03 {
	background-color: #6b5277;
}

.content_interview_section-bg04 {
	background-color: #834d59;
}

.content_interview_section-bg05 {
	background-color: #a57a42;
}

.content_interview_section-bg06 {
	background-color: #749948;
}

.content_interview_job {
	background-color: #333;
}

.content_interview_mv {
	margin-top: 30px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.content_interview_mv_photo {
	display: table-cell;
	position: relative;
	vertical-align: top;
	width: 50%;
	background-color: #fff4e6;
}

.content_interview_mv_photo>img {
	width: 100%;
	height: auto;
}

.content_interview_mv_photo>img:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
}

.content_interview_mv_profile {
	display: table-cell;
	vertical-align: top;
	padding: 65px 70px;
	background-color: #fff4e6;
}

.content_interview_mv_profile_profile {
	margin: 46px 0 0;
	font-size: 1.7rem;
	line-height: 29px;
	color: #333;
	font-weight: bold;
}

.content_interview_mv_profile_name {
	margin: 40px 0 0;
}

.content_interview_mv_profile_name_text {
	display: block;
	font-size: 3.0rem;
}

.content_interview_mv_profile_name_ruby {
	display: block;
	margin-top: 12px;
	font-size: 2.0rem;
	color: #b8966c;
}


.content_interview_motive {
	margin-top: 27px;
	display: table;
	width: 100%;
	table-layout: fixed;
	background-color: #fff;
	border-collapse: collapse;
	border: 2px #ff8300 solid;
}

.content_interview_motive_title {
	box-sizing: border-box;
	display: table-cell;
	margin: 0;
	width: 178px;
	height: 90px;
	vertical-align: middle;
	background-color: #ff8300;
}

.content_interview_motive_title>img {
	height: auto;
}

.content_interview_motive>p {
	box-sizing: border-box;
	display: table-cell;
	margin: 0;
	padding: 30px 23px;
	font-size: 1.7rem;
	line-height: 28px;
	vertical-align: middle;
}

.content_interview_head {
	margin-top: 60px;
}

.content_interview_subhead {
	margin-top: 40px;
	font-size: 2.0rem;
	font-weight: bold;
}

.content_interview_faq {
	margin-top: 28px;
}

.content_interview_faq>dt {
	padding: 16px 0 20px 0;
}

.content_interview_faq>dt:nth-of-type(n+2) {
	margin-top: 36px;
}

.content_interview_faq>dt>p {
	position: relative;
	margin: 0;
	padding-left: 42px;
	font-size: 2.0rem;
	line-height: 24px;
	font-weight: bold;
}

.content_interview_faq>dt>p>span {
	position: absolute;
	top: 0;
	left: 2px;
}

.content_interview_faq>dd {
	margin: 0;
	padding: 0;
}

.content_interview_faq>dd>p {
	position: relative;
	margin: 0;
	padding-left: 42px;
	font-size: 1.6rem;
	line-height: 39px;
	background: repeating-linear-gradient(transparent, transparent 38px, #d4d4d4 38px, #d4d4d4 39px);
}

.content_interview_faq>dd>p>span {
	position: absolute;
	top: 0;
	left: 2px;
	font-size: 2.0rem;
	color: #d75757;
	font-weight: bold;
}

.content_interview_etc {
	margin-top: 70px;
	display: table;
	width: 100%;
	table-layout: fixed;
	background-color: #fff5e9;
}

.content_interview_etc_list {
	display: table-cell;
	margin: 0;
	padding: 50px 62px 50px 50px;
	vertical-align: top;
}

.content_interview_etc_list>dt {
	position: relative;
	padding: 13px 50px 13px 70px;
	font-size: 2.0rem;
	line-height: 33px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #ff8300;
	border-radius: 33px;
}

.content_interview_etc_list>dt:nth-of-type(2) {
	margin-top: 53px;
}

.content_interview_etc_list_icon {
	position: absolute;
	top: 50%;
	left: 44px;
	transform: translate(0, -50%);
}

.content_interview_etc_list>dd {
	margin-top: 26px;
	padding: 0 23px;
	font-size: 1.6rem;
	color: #333;
}

.content_interview_etc_photo {
	display: table-cell;
	padding: 50px 50px 50px 13px;
	vertical-align: top;

}

.content_interview_etc_photo>img {
	width: 100%;
	height: auto;
}


.content_interview_body {
	margin-top: 18px;
	padding: 0 25px;
	background: repeating-linear-gradient(transparent, transparent 38px, #d4d4d4 38px, #d4d4d4 39px);
}

.content_interview_body::after {
	content: '';
	display: block;
	clear: both;
}

.content_interview_body>p {
	text-indent: 1em;
	font-size: 1.6rem;
	line-height: 39px;
}

.content_interview_photo-left {
	float: left;
	margin: 60px 55px 33px 5px;
	width: 43%;
	background-color: #333;
}

.content_interview_photo-left>img {
	transform: rotate(-5deg);
}

.content_interview_photo-center {
	margin: 64px auto 33px;
	width: 77%;
	transform: rotate(-5deg);
	background-color: #333;
}

.content_interview_photo-center>img {
	transform: rotate(5deg);
}


/* 個別ページ用 faq */
.content_box_faq {
	margin-top: 55px;
	border: 1px solid #d7d7d7;
}

.content_box_faq+.content_box_faq {
	margin-top: 21px;
}

.content_box_faq_q {
	position: relative;
	padding: 35px 90px 10px 109px;
}

.content_box_faq_q>span {
	display: block;
	font-weight: bold;
	padding-bottom: 23px;
}

.content_box_faq_q::before {
	content: '';
	position: absolute;
	display: block;
	background: url(../img/ico_faq_q.svg) no-repeat center top;
	top: 21px;
	left: 29px;
	width: 58px;
	height: 58px;
}

.content_box_faq_q::after {
	content: '';
	position: absolute;
	display: block;
	top: 33px;
	right: 27px;
	width: 16px;
	height: 16px;
	border-top: 3px solid #ff8300;
	border-right: 3px solid #ff8300;
	transform: translateX(-50%) rotate(135deg);
	transition: .3s ease-in-out;
}

.content_box_faq_q.is-faq-open::after {
	transform: translateX(-50%) translateY(50%) rotate(-45deg);
}

.content_box_faq_a {
	display: none;
	position: relative;
	padding: 35px 90px 10px 109px;
}

.content_box_faq_a>span {
	display: block;
	padding-bottom: 23px;
}

.content_box_faq_a::before {
	content: '';
	position: absolute;
	display: block;
	background: url(../img/ico_faq_a.svg) no-repeat center top;
	top: 21px;
	left: 29px;
	width: 58px;
	height: 58px;
}

.content_box_faq_a::after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 97%;
	height: 1px;
	background-color: #d7d7d7;
}


/* 個別ページ用 contact */
input[type='text'],
textarea {
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "HIragino Kaku Gothic Pro W3", "HIragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 1.6rem;
	padding: 8px;
	width: 100%;
	box-sizing: border-box;
}

.validation-advice {
	margin-top: 5px;
	background-color: #dd3f3f;
	padding: 5px 10px;
}

.validation-advice em {
	color: #fff;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: normal;
}

.content_btn-submit {
	display: block;
	position: relative;
	width: 100%;
	max-width: 400px;
	line-height: 46px;
	font-size: 1.6rem;
	color: #fff;
	background-color: #ff8300;
	text-align: center;
	text-decoration: none !important;
	border: 1px solid #ff8300;
	border-radius: 46px;
	margin: 30px auto 25px auto;
	transition: all 0.3s;
}

.content_btn-submit span {
	position: relative;
	padding: 0 20px;
}

.content_btn-submit::before {
	content: '';
	position: absolute;
	top: 19px;
	right: 22px;
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #fff;
}

.content_btn-submit:hover,
.content_btn-submit.current {
	color: #ff8300;
	background-color: #fff;
}

.content_btn-submit:hover::before,
.content_btn-submit.current::before {
	border-color: transparent transparent transparent #ff8300;
}

.content_btn-cancel {
	display: block;
	position: relative;
	width: 100%;
	max-width: 400px;
	line-height: 46px;
	font-size: 1.6rem;
	color: #333;
	background-color: #fff;
	text-align: center;
	text-decoration: none !important;
	border: 1px solid #9b9b9b;
	border-radius: 46px;
	margin: 25px auto 25px auto;
	transition: all 0.3s;
}

.content_btn-cancel span {
	position: relative;
	padding: 0 20px;
}

.content_btn-cancel::before {
	content: '';
	position: absolute;
	top: 19px;
	left: 22px;
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 5px 8px 5px 0;
	border-color: transparent #333 transparent transparent;
}

.content_btn-cancel:hover,
.content_btn-cancel.current {
	color: #fff;
	background-color: #9b9b9b;
}

.content_btn-cancel:hover::before,
.content_btn-cancel.current::before {
	border-color: transparent #fff transparent transparent;
}

/* 個別ページ用 topics */
.content_row .col.topics_card_list {
	margin-top: 40px;
}

.topics_card_list a {
	text-decoration: none;
	transition: all 0.3s;
}

.topics_card_list a:hover {
	text-decoration: none;
}

.topics_vol {
	display: inline-block;
	border: 1px solid #333;
	font-size: 1.5rem;
	font-weight: 500;
	padding: 3px 16px;
}

.topics_card_img {
	overflow: hidden;
}

.topics_card_img img {
	transition: all 0.3s;
	transform: scale(1);
}


.topics_date {
	display: inline-block;
	color: #ff8300;
	font-size: 1.6rem;
	font-weight: 700;
}

.topics_title {
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.6;
	text-decoration: none;
	color: #333;
	transition: all 0.3s;
}

.topics_card_list a:hover .topics_title {
	color: #ff8300;
	text-decoration: none;
}

.topics_digest {
	color: #333;
	font-size: 1.5rem;
}

.topics_tag::after {
	content: ' ';
	display: table;
	line-height: 0;
	clear: both;
}

.topics_tag li {
	float: left;
	list-style: none;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	width: 120px;
	margin: 0 4px;
}

li.topics_tag-innovation {
	border-color: #f7a540;
	background-color: #f7a540;
}

li.topics_tag-relocation {
	border-color: #e46684;
	background-color: #e46684;
}

li.topics_tag-ict {
	border-color: #5678b0;
	background-color: #5678b0;
}

li.topics_tag-column {
	border-color: #a1be2e;
	background-color: #a1be2e;
}

li.topics_tag-lecture {
	border-color: #5db8bb;
	background-color: #5db8bb;
}


.topics_card_list .topics_vol {
	margin-bottom: 15px;
}

.topics_card_list .topics_date {
	margin-top: 15px;
}

.topics_card_list .topics_digest {
	margin-top: 15px;
}

.topics_card_list .topics_tag {
	margin-top: 20px;
}

.topics_card_list .topics_tag li {
	margin-top: 10px;
}

.topics_header {
	margin-top: 40px;
}

.topics_header .topics_date {
	margin-left: 18px;
}

.topics_header .topics_tag {
	margin-top: 10px;
}

.topics_box {
	border: 4px solid #eee;
	font-size: 2.0rem;
	font-weight: 500;
	padding: 20px 25px;
	margin-top: 10px;
	line-height: 1.6;
}

.topics_contents_ttl {
	font-size: 2.0rem;
	font-weight: 500;
	margin-top: 40px;
}

.topics_pager {
	margin-top: 70px;
}

.topics_pager::after {
	content: ' ';
	display: table;
	line-height: 0;
	clear: both;
}

.topics_pager a {
	position: relative;
	width: 48%;
	padding: 15px 5px 15px 33px;
	background-color: #f8f8f8;
	box-sizing: border-box;
}

.topics_prev {
	float: left;
	border-left: 33px solid #ff8300;
}

.topics_next {
	float: right;
	border-right: 33px solid #ff8300;
}

.topics_pager_img {
	width: 212px;
	float: left;
	overflow: hidden;
}

.topics_pager_img img {
	transition: all 0.3s;
	transform: scale(1);
}

.topics_pager a:hover .topics_pager_img img {
	transform: scale(1.2);
}

.topics_pager a dl {
	float: left;
	width: calc(100% - 212px);
	padding: 7px 15px 7px 19px;
	box-sizing: border-box;
}

.topics_pager a dl dt {
	color: #ff8300;
	font-size: 1.8rem;
	font-weight: 700;
}

.topics_pager a dl dd {
	margin-top: 13px;
	color: #333;
}

.topics_pager a::before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	top: 50%;
	width: 13px;
	height: 13px;
	margin-top: -9px;
}

.topics_prev::before {
	left: -20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(-45deg);
}

.topics_next::before {
	right: -20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

@media screen and (max-width: 1365px) {
	.header_logo {
		margin-left: 20px;
	}

	.header_btn a {
		width: 140px;
	}

	.header_btn_entry a::before {
		left: 22px;
	}

	.gnav {
		width: 348px;
	}

	.gnav_item:first-child {
		display: none;
	}

	.gnav_item+.gnav_item {
		padding-left: 31px;
	}

	.gnav_item a {
		font-size: 1.9rem;
	}

	.mt {
		height: 265px;
	}

	.mt_inner {
		max-width: 86%;
	}

	.breadcrumbs_inner {
		width: 85%;
	}

	.footer_entry {
		margin: 30px auto;
		padding: 0 30px;
	}

	.footer_entry-ttl {
		width: 25%;
		height: auto;
	}

	.content_padding-swide {
		padding: 0 6%;
	}

	.content_padding-wide {
		padding: 0 6%;
	}

	.content_padding-lwide {
		padding: 0 6%;
	}

	/* 個別ページ用 home */
	.main_contents-home {
		margin-top: 30px;
	}

	.content-home+.content-home {
		margin-top: 30px;
	}

	.home_environment .content-home-ttl,
	.home_staff_voice .content-home-ttl {
		width: 40%;
		height: auto;
	}

	.home_recruitment .content-home-ttl {
		width: 43%;
		left: calc(40% - 43%);
	}

	.home_recruitment.content-home.is-scroll-current .content-home-ttl {
		left: calc(50% - 43%);
	}

	.content_btn-home {
		width: calc(280 * 100vw / 1024);
		height: calc(50 * 100vw / 1024);
		line-height: calc(50 * 100vw / 1024);
		font-size: 1.2rem;
	}

	.content-home-btn {
		position: absolute;
		top: calc(55 * 100vw / 1024);
		left: calc(634 * 100vw / 1024);
	}

	.content-home-btn li {
		width: calc(280 * 100vw / 1024);
		height: calc(50 * 100vw / 1024);
	}

	.content-home-btn li+li {
		margin-top: calc(15 * 100vw / 1024);
	}

	/* 個別ページ用 environment */
	.content_bg_environment {
		padding: 0 calc(12 * 100vw / 1024);
		margin: 60px 6%;
	}

	.content_bg_environment .col {
		padding: 0 calc(12 * 100vw / 1024);
		margin: calc(24 * 100vw / 1024) 0;
	}

	.content_icon_environment {
		padding-top: calc(27 * 100vw / 1024);
		width: calc(96 * 100vw / 1024);
	}

	.content_bg_environment .col span {
		font-size: calc(13 * 100vw / 1024);
		margin-top: calc(20 * 100vw / 1024);
	}

	.content_txt_environment {
		padding-top: calc(4 * 100vw / 1024);
		width: calc(154 * 100vw / 1024);
	}

	.content_arrow_environment {
		padding: calc(30 * 100vw / 1024) 0;
		width: calc(44 * 100vw / 1024);
	}

}

@media screen and (max-width: 1024px) {
	#preload img {
		width: 25%;
		height: auto;
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		box-sizing: border-box;
	}

	.menu-trigger {
		position: absolute;
		width: 60px;
		height: 60px;
		top: 0;
		right: 0;
		background-color: #ff8300;
	}

	.menu-trigger.active {
		background-color: #333;
	}

	.menu-trigger span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 28px;
		height: 2px;
		background-color: #fff;
		border-radius: 1px;
		margin-left: -14px;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
		transition-timing-function: cubic-bezier(.165, .84, .44, 1);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

	.menu-trigger span:nth-of-type(1) {}

	.menu-trigger span:nth-of-type(2) {
		margin-top: -10px;
	}

	.menu-trigger span:nth-of-type(3) {
		margin-top: 10px;
	}

	.menu-trigger.active span {
		margin-top: 0;
	}

	.menu-trigger.active span:nth-of-type(1) {
		width: 0;
	}

	.menu-trigger.active span:nth-of-type(2) {
		transform: rotate(45deg);
	}

	.menu-trigger.active span:nth-of-type(3) {
		transform: rotate(-45deg);
	}

	.header {
		height: 60px;
		background-color: #fff;
	}

	.header_logo {
		height: 60px;
		margin-left: 0;
	}

	.header_logo h1 {
		width: 270px;
		margin-left: 13px;
	}

	.header_menu {
		display: block;
		width: 100%;
		height: 0;
		overflow: auto;
		background-color: #fff;
		box-shadow: 0px 0px 4px 0px rgba(38, 38, 38, 0.3);
		transition: height .5s ease-in-out;
		-webkit-overflow-scrolling: touch;
	}

	.header_menu.active {
		height: 100vh;
	}

	.header_link {
		display: none;
	}

	.gnav {
		float: none;
		width: 100%;
		height: auto;
	}

	.gnav_inner {
		width: 84%;
		margin: 0 auto;
		padding-top: 2%;
	}

	.gnav_item {
		float: none;
		border-bottom: 1px solid #333;
		text-align: left;
		line-height: 56px;
	}

	.gnav_item:first-child {
		display: block;
	}

	.gnav_item+.gnav_item {
		padding: 0;
	}

	.gnav_item:hover a {
		color: #272727;
	}

	.gnav_item a span {
		padding-left: 10px;
	}

	.gnav_item>a::after {
		position: absolute;
		top: 23px;
		right: 14px;
		content: '';
		width: 0;
		height: 0;
		display: block;
		border-style: solid;
		border-width: 5px 0 5px 8px;
		border-color: transparent transparent transparent #333;
	}

	.gnav_item-service a::after {
		display: none;
	}

	.gnav2nd_toggle {
		position: absolute;
		top: 0;
		right: 0;
		width: 38px;
		height: 100%;
	}

	.gnav2nd_toggle>span:first-child {
		position: absolute;
		top: 26px;
		right: 11px;
		content: '';
		width: 16px;
		height: 2px;
		display: block;
		border: none;
		background-color: #333;
		transform: rotate(0);
	}

	.gnav2nd_toggle>span:last-child {
		position: absolute;
		top: 26px;
		right: 11px;
		content: '';
		width: 16px;
		height: 2px;
		display: block;
		border: none;
		background-color: #333;
		transform: rotate(90deg);
		transition: all 0.3s;
	}

	.active>.gnav2nd_toggle>span:last-child {
		transform: rotate(0);
	}

	.gnav2nd {
		display: none;
		background-color: #fff1e2;
	}

	.gnav2nd_item {
		position: relative;
		border-top: 1px solid #333;
		list-style: none;
		line-height: 49px;
	}

	.gnav2nd_item>a:after {
		position: absolute;
		top: 20px;
		right: 14px;
		content: '';
		width: 0;
		height: 0;
		display: block;
		border-style: solid;
		border-width: 5px 0 5px 8px;
		border-color: transparent transparent transparent #333;
	}

	.gnav_item_environment>a::after {
		display: none;
	}

	.gnav_item_requirement>a::after {
		display: none;
	}

	.gnav2nd_item a span {
		font-size: 1.6rem;
		padding-left: 32px;
	}

	.header_link_sp {
		display: block;
		margin: 20px 0;
		padding-bottom: 100px;
	}

	.header_btn {
		float: none;
		width: 84%;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}

	.header_btn a {
		width: 100%;
		height: 55px;
		background-color: #ff8300;
	}

	.header_btn_entry a::before {
		top: 20px;
		left: calc(50% - 40px);
		width: 80px;
		background-size: 80px;
		background-repeat: no-repeat;
	}

	.mv_home {
		margin-top: 60px;
	}

	.mv_home_popup>li:nth-child(1)>a {
		animation: hoverJumpSp 2.0s ease 0.1s infinite;
	}

	.mv_home_popup>li:nth-child(2)>a {
		animation: hoverJumpSp 2.0s ease 0.1s infinite;
	}

	.mv_home_popup>li:nth-child(3)>a {
		animation: hoverJumpSp 2.0s ease 0.1s infinite;
	}

	.mv_home_popup>li:nth-child(4)>a {
		animation: hoverJumpSp 2.0s ease 0.1s infinite;
	}

	.mv_home_popup>li:nth-child(5)>a {
		animation: hoverJumpSp 2.0s ease 0.1s infinite;
	}

	.mv_home_popup>li:nth-child(6)>a {
		animation: hoverJumpSp 2.0s ease 0.1s infinite;
	}

	@keyframes hoverJumpSp {
		0% {
			-webkit-transform: translateY(0);
			transform: translateY(0)
		}

		2.5% {
			-webkit-transform: scale(1.05, 0.95);
			transform: scale(1.05, 0.95)
		}

		12.5% {
			-webkit-transform: translateY(-5px) scale(0.95, 1.05);
			transform: translateY(-5px) scale(0.95, 1.05)
		}

		22.5% {
			-webkit-transform: translateY(0) scale(1.03, 0.97);
			transform: translateY(0) scale(1.03, 0.97)
		}

		25% {
			-webkit-transform: scale(1);
			transform: scale(1)
		}
	}

}


@media screen and (max-width: 768px) {
	html {
		font-size: 50%;
	}

	.content_row {
		margin: 0;
	}

	.mt {
		height: 100px;
		margin-top: 60px;
	}

	.mt_inner {
		max-width: 1360px;
	}

	.mt_ja {
		font-size: 1.6rem;
		top: 22px;
		left: 28px;
	}

	.mt_en {
		font-size: 4.4rem;
		top: 54px;
		left: 22px;
	}

	.mt_bg {
		width: 85%;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.breadcrumbs_inner {
		width: 90%;
	}

	.breadcrumbs ul {
		padding: 11px 0 7px 0;
		white-space: nowrap;
		overflow-x: scroll;
	}

	.breadcrumbs ul li {
		float: none;
		display: inline-block;
	}

	.mv {
		height: auto;
	}

	.main_contents {
		width: 94%;
	}

	.footer_pagetop {
		position: fixed;
		right: 10px;
		top: auto;
		bottom: 12px;
		width: 48px;
		height: 48px;
		z-index: 2;
	}

	.footer_link {
		margin-top: 0;
	}

	.footer_link ul {
		text-align: left;
		padding: 15px 0;
	}

	.footer_link li {
		display: block;
		line-height: 45px;
	}

	.footer_link li+li {
		margin-left: 0;
	}

	.footer_link li a {
		position: relative;
		display: block;
		font-size: 1.6rem;
		padding: 0 28px;
		margin-left: 12px;
	}

	.copyright {
		margin: 24px auto;
	}

	.copyright a {
		width: 50%;
		text-align: left;
		margin: 4%;
	}

	.copyright p {
		text-align: left;
		margin: 4%;
		font-size: 1.6rem;
	}


	.content_padding {
		padding: 0 4%;
	}

	.content_padding-swide {
		padding: 0 4%;
	}

	.content_padding-wide {
		padding: 0 4%;
	}

	.content_padding-lwide {
		padding: 0 4%;
	}

	.content_row .col {
		margin-top: 5%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.content_txt-normal {
		margin-top: 3%;
	}

	.content_img-normal {
		margin-top: 8%;
	}

	.content_img-map {
		width: 100%;
	}

	.content_ttl-jaen {
		margin-bottom: 26px;
		border-top: 3px solid #ff8300;
		width: 94%;
		margin: 0 auto;
	}

	.content_ttl-jaen span.en {
		font-size: 4.1rem;
		margin-top: 15px;
	}

	.content_ttl-jaen span.ja {
		font-size: 1.6rem;
		margin-top: 8px;
	}

	.content_ttl-cborder {
		margin-top: 5%;
	}

	.content_ttl-cborder span {
		padding: 0 13px;
		font-size: 2.0rem;
	}

	.content_ttl-center {
		margin: 9% auto 0;
		font-size: 2.4rem;
	}

	.content_ttl-left {
		margin: 5% auto 0;
	}

	.content_ttl-lborder {
		margin-top: 7%;
	}

	.content_ttl-lborder span {
		font-size: 2.0rem;
		padding: 4%;
	}

	.content_ttl-bborder {
		margin-top: 6%;
	}

	.content_ttl-bborder span {
		font-size: 2.5rem;
		padding: 4% 2%;
	}

	.content_ttl-gborder {
		margin: 0% auto 2%;
	}

	.content_ttl-gborder span {
		padding: 1% 2% 3% 0;
	}

	.content_box_anchor {
		margin-top: 8%;
	}

	.content_box_anchor.content_row .col {
		margin-top: 2%;
	}

	.content_box-gray {
		padding: 6%;
	}

	.content_box-orange {
		padding: 3%;
	}

	.content_box_after_triangle {
		font-size: 36px;
		line-height: 36px;
	}

	.content_btn {
		line-height: 6.0rem;
		font-size: 1.8rem;
	}

	.content_btn span {
		padding: 0 20px;
	}

	.content_btn::before {
		top: 18px;
		right: 19px;
		width: 6px;
		height: 6px;
	}

	.content_btn-large {
		max-width: 88%;
		line-height: 6.0rem;
		font-size: 1.7rem;
		border-radius: 3.4rem;
		margin: 6% auto 8% auto;
	}

	.content_btn-large span {
		padding: 0 10px;
	}

	.content_btn-large::before {
		top: 21px;
		right: 18px;
		border-width: 4px 0 4px 5px;
	}

	.content_btn-rect {
		max-width: 100%;
		line-height: 5.6rem;
		font-size: 1.6rem;
	}

	.content_btn-rect span {
		padding: 0 6%;
	}

	.content_btn-rect::before {
		top: 17px;
		right: 6%;
	}

	.content_table-normal {
		margin-top: 10%;
		border-bottom: none;
	}

	.content_table-normal th {
		display: block;
		width: 100%;
		padding: 4% 3%;
	}

	.content_table-normal td {
		display: block;
		width: 100%;
		padding: 4% 3%;
	}

	.scroll {
		overflow-x: scroll;
	}

	.scroll .content_table-normal {
		margin-top: 10%;
		border-bottom: none;
		width: auto;
	}

	.scroll .content_table-normal th {
		display: table-cell;
		width: auto;
		white-space: nowrap;
		padding: 0;
	}

	.scroll .content_table-normal td {
		display: table-cell;
		width: auto;
		white-space: nowrap;
		padding: 0;
	}

	.content_table-border {
		margin-top: 10%;
	}

	.content_table-border th {
		width: auto;
		padding: 2%;
	}

	.content_table-border td {
		padding: 4% 3%;
	}

	.content_list {
		margin-top: 5%;
		padding-left: 3%;
	}

	.content_list-disc {
		margin: 4% 0;
		padding-left: 3%;
	}

	.content_list-disc li+li {
		margin-top: 11%;
	}

	.content_list-decimal {
		margin-top: 4%;
		padding-left: 22px;
	}

	.content_list-decimal li+li {
		margin-top: 3%;
	}

	.content_list-decimal li::before {
		left: -13px;
	}

	.content_list-triangle li+li {
		margin-top: 3%;
	}

	.content_list-asterisk {
		padding-left: 16px;
	}

	.content_list-asterisk li+li {
		margin-top: 4%;
	}

	.content_list-check {
		margin-top: 4%;
		padding-left: 46px;
	}

	.content_list-check li+li {
		margin-top: 3%;
	}

	/* 個別ページ用 home */
	.mv_home {
		margin-top: 60px;
	}

	.container-home {
		padding-bottom: 0;
	}

	.main_contents-home {
		width: 100%;
		margin-top: 15px;
	}

	.content-home+.content-home {
		margin-top: 15px;
	}

	.home_environment .content-home-ttl,
	.home_staff_voice .content-home-ttl {
		width: 75%;
	}

	.home_recruitment .content-home-ttl {
		width: 80%;
		height: auto;
		top: calc(75 * 100vw / 375);
		left: 8%;
	}

	.home_recruitment.content-home.is-scroll-current .content-home-ttl {
		left: 10%;
	}

	.content_btn-home {
		width: calc(227.5 * 100vw / 375);
		height: calc(40 * 100vw / 375);
		line-height: calc(40 * 100vw / 375);
		font-size: 1.8rem;
	}

	.content_btn-home::before {
		right: 18px;
		width: 10px;
		height: 10px;
		margin-top: -4px;
	}

	.content-home-btn {
		top: calc(130 * 100vw / 375);
		left: calc(74 * 100vw / 375);
	}

	.content-home-btn li {
		width: calc(227.5 * 100vw / 375);
		height: calc(40 * 100vw / 375);
	}

	.content-home-btn li+li {
		margin-top: calc(10 * 100vw / 375);
	}

	.footer_entry {
		margin: calc(15 * 100vw / 375) auto;
		padding: 0 calc(15 * 100vw / 375);
	}

	.footer_entry-ttl {
		width: 45%;
	}

	.mv_home_popup_window {
		padding: 5%;
	}

	.mv_home_popup_window h2 {
		font-size: 2.0rem;
	}

	.mv_home_popup_window img {
		margin-top: 3%;
	}

	.mv_home_popup_window ul {
		margin-top: 5%;
	}

	.mv_home_popup_window li:first-child {
		float: none;
		width: 100%;
	}

	.mv_home_popup_window li:last-child {
		float: none;
		width: 100%;
		margin-top: 3%;
	}

	/* 個別ページ用 environment */
	.content_bg_environment {
		padding: 0 calc(40 * 100vw / 768);
		margin: calc(60 * 100vw / 768) calc(30 * 100vw / 768) 0;
	}

	.content_bg_environment .col {
		padding: 0;
		margin: calc(40 * 100vw / 768) 0;
	}

	.content_icon_environment {
		padding-top: calc(46 * 100vw / 768);
		width: calc(150 * 100vw / 768);
	}

	.content_bg_environment .col span {
		font-size: calc(30 * 100vw / 768);
		margin-top: calc(24 * 100vw / 768);
	}

	.content_txt_environment {
		padding-top: calc(16 * 100vw / 768);
		width: calc(390 * 100vw / 768);
	}

	.content_arrow_environment {
		padding: calc(44 * 100vw / 768) 0;
		width: calc(72 * 100vw / 768);
	}

	/* 個別ページ用 interview */
	.content_staff {
		margin-top: 0;
	}

	.content_staff .content_row .col {
		margin-bottom: 0;
	}

	.content_section_staff {
		font-size: 1.2rem;
	}

	.content_job_staff {
		font-size: 1.2rem;
		margin-top: 10px;
	}

	.content_graduate_staff {
		font-size: 1.2rem;
	}

	.content_name_staff {
		font-size: 1.6rem;
	}


	/* 個別ページ用 interview下層 */

	.content_interview_title {
		margin-top: 10%;
	}

	.content_interview_title span {
		padding: 0 8px;
		font-size: 1.5rem;
		line-height: 2;
	}

	.content_interview_mv {
		margin-top: 0;
		display: block;
		width: 100%;
		table-layout: auto;
	}

	.content_interview_mv_photo {
		display: block;
		width: 100%;
	}

	.content_interview_mv_photo>img {
		width: 100%;
		height: auto;
	}

	.content_interview_mv_photo>img:nth-of-type(2) {
		position: absolute;
		top: 0;
		left: 0;
	}

	.content_interview_mv_profile {
		display: block;
		padding: 7%;
	}

	.content_interview_mv_profile h3 {
		width: 32%;
	}

	.content_interview_mv_profile_profile {
		margin: 6% 0 0;
		font-size: 1.4rem;
		line-height: 2;
	}

	.content_interview_mv_profile_name {
		margin: 3% 0 0;
	}

	.content_interview_mv_profile_name_text {
		display: block;
		font-size: 2.5rem;
	}

	.content_interview_mv_profile_name_ruby {
		margin-top: 0;
		font-size: 1.6rem;
	}

	.content_interview_motive {
		margin-top: 4%;
		display: block;
		table-layout: auto;
		border-width: 1px;
	}

	.content_interview_motive_title {
		box-sizing: border-box;
		display: block;
		width: 100%;
		height: auto;
	}

	.content_interview_motive_title>img {
		height: auto;
	}

	.content_interview_motive>p {
		display: block;
		padding: 2% 4%;
		font-size: 1.6rem;
		line-height: 2;
	}

	.content_interview_head {
		margin-top: 8%;
		width: 100%;
	}

	.content_interview_head img {
		width: auto;
		height: 9vw;
		object-fit: contain;
	}

	.content_interview_subhead {
		margin-top: 4%;
		font-size: 1.5rem;
	}

	.content_interview_faq {
		margin-top: 2%;
	}

	.content_interview_faq>dt {
		padding: 2% 0;
	}

	.content_interview_faq>dt:nth-of-type(n+2) {
		margin-top: 2%;
	}

	.content_interview_faq>dt>p {
		padding-left: 2rem;
		font-size: 1.5rem;
		line-height: 2;
	}

	.content_interview_faq>dt>p>span {
		left: 0;
	}

	.content_interview_faq>dd {
		margin: 0;
		padding: 0;
	}

	.content_interview_faq>dd>p {
		padding-left: 2rem;
		font-size: 1.5rem;
		line-height: 3rem;
		background-image: url(../img/cmn_bg_line_01.png);
		background-size: 1px 3rem;

	}

	.content_interview_faq>dd>p>span {
		left: 0;
		font-size: 1.5rem;
	}

	.content_interview_etc {
		margin-top: 8%;
		display: block;
		width: 100%;
		table-layout: auto;
	}

	.content_interview_etc_list {
		display: block;
		padding: 8% 8% 6%;
	}

	.content_interview_etc_list>dt {
		padding: 0;
		font-size: 1.5rem;
		line-height: 4.0rem;
		border-radius: 4.0rem;
	}

	.content_interview_etc_list>dt:nth-of-type(2) {
		margin-top: 6%;
	}

	.content_interview_etc_list_icon {
		left: 6%;
		width: 2.0rem;
	}

	.content_interview_etc_list>dd {
		margin-top: 1%;
		padding: 0 3%;
		font-size: 1.6rem;
	}

	.content_interview_etc_photo {
		display: block;
		padding: 0 7% 7%;
	}

	.content_interview_body {
		margin-top: 2%;
		padding: 0;
		background: inherit;
	}

	.content_interview_body::after {
		content: '';
		display: block;
		clear: both;
	}

	.content_interview_body>p {
		text-indent: 1em;
		font-size: 1.5rem;
		line-height: 3rem;
		background-image: url(../img/cmn_bg_line_01.png);
		background-size: 1px 3rem;
	}

	.content_interview_photo-left {
		float: none;
		margin: 9% auto;
		width: 97%;
	}

	.content_interview_photo-center {
		margin: 10% auto;
		width: 100%;
	}

	/* 個別ページ用 faq */
	.content_box_faq {
		margin-top: 6%;
	}

	.content_box_faq+.content_box_faq {
		margin-top: 21px;
	}

	.content_box_faq_q {
		padding: 12px 35px 10px 48px;
	}

	.content_box_faq_q>span {
		padding-bottom: 0;
	}

	.content_box_faq_q::before {
		top: 10px;
		left: 10px;
		width: 28px;
		height: 28px;
		background-size: 28px;
	}

	.content_box_faq_q::after {
		top: 16px;
		right: 10px;
		width: 8px;
		height: 8px;
		border-top-width: 2px;
		border-right-width: 2px;
	}

	.content_box_faq_a {
		padding: 12px 35px 10px 48px;
	}

	.content_box_faq_a>span {
		padding-bottom: 0;
	}

	.content_box_faq_a::before {
		top: 10px;
		left: 10px;
		width: 28px;
		height: 28px;
		background-size: 28px;
	}

	.content_box_faq_a::after {
		width: 94%;
	}

	/* 個別ページ用 contact */
	.content_btn-submit,
	.content_btn-cancel {
		line-height: 4rem;
		font-size: 1.5rem;
		border-radius: 4rem;
		margin: 4% auto 6% auto;
	}

	.content_btn-submit span,
	.content_btn-cancel span {
		padding: 0 10px;
	}

	.content_btn-submit::before {
		top: 13px;
		right: 10px;
		border-width: 4px 0 4px 5px;
	}

	.content_btn-cancel::before {
		top: 13px;
		left: 10px;
		border-width: 4px 5px 4px 0;
	}


	/* 個別ページ用 topics */
	.content_row .col.topics_card_list {
		margin-top: 10%;
	}

	.topics_tag li {
		width: 46%;
		margin: 0 2%;
	}

	.topics_card_list .topics_vol {
		margin-bottom: 4%;
	}

	.topics_card_list .topics_date {
		margin-top: 4%;
	}

	.topics_card_list .topics_digest {
		margin-top: 4%;
	}

	.topics_card_list .topics_tag {
		margin-top: 5%;
	}

	.topics_card_list .topics_tag li {
		margin-top: 3%;
	}

	.topics_header {
		margin-top: 10%;
	}

	.topics_header .topics_date {
		margin-left: 4%;
	}

	.topics_header .topics_tag {
		margin-top: 3%;
	}

	.topics_header .topics_tag li {
		margin-top: 1%;
	}

	.topics_box {
		padding: 5%;
		margin-top: 3%;
	}

	.topics_contents_ttl {
		margin-top: 10%;
	}

	.topics_pager a {
		margin-top: 4%;
		padding: 5%;
	}

	.topics_prev {
		float: left;
	}

	.topics_next {
		float: right;
	}

	.topics_pager_img {
		width: 100%;
	}

	.topics_pager a dl {
		width: 100%;
		padding: 2% 3%;
	}

	.topics_pager a dl dd {
		margin-top: 3%;
	}
}

@media screen and (max-width: 375px) {
	.content_btn-home {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 320px) {
	.header_logo h1 {
		width: 240px;
		margin-left: 10px;
	}
}


.vbox-overlay *,
.vbox-overlay :after,
.vbox-overlay :before {
	-webkit-backface-visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.vbox-overlay * {
	-webkit-backface-visibility: visible;
	backface-visibility: visible
}

.vbox-overlay {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 999999
}

.vbox-title {
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 28px;
	font-size: 12px;
	padding: 6px 50px;
	overflow: hidden;
	position: fixed;
	display: none;
	left: 0;
	z-index: 89
}

.vbox-close {
	cursor: pointer;
	position: fixed;
	top: -1px;
	right: 0;
	width: 50px;
	height: 40px;
	padding: 6px;
	display: block;
	background-position: 10px center;
	overflow: hidden;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	z-index: 99
}

.vbox-left {
	cursor: pointer;
	position: fixed;
	left: 0;
	height: 40px;
	overflow: hidden;
	line-height: 28px;
	font-size: 12px;
	z-index: 99;
	display: flex;
	align-items: center
}

.vbox-num {
	display: inline-block;
	margin: 6px 0 6px 15px
}

.vbox-share {
	line-height: 28px;
	font-size: 12px;
	overflow: hidden;
	position: fixed;
	left: 0;
	z-index: 98;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center
}

.vbox-share svg {
	max-height: 28px;
	width: 28px;
	z-index: 10;
	margin-left: 12px;
	margin-top: 6px;
	margin-bottom: 6px;
	vertical-align: middle
}

.vbox-next,
.vbox-prev {
	position: fixed;
	top: 50%;
	margin-top: -15px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	width: 45px;
	height: 45px;
	z-index: 99
}

.vbox-next span,
.vbox-prev span {
	position: relative;
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top-color: #b6b6b6;
	border-right-color: #b6b6b6;
	text-indent: -100px;
	position: absolute;
	top: 8px;
	display: block
}

.vbox-prev {
	left: 15px
}

.vbox-next {
	right: 15px
}

.vbox-prev span {
	left: 10px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.vbox-next span {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 10px
}

.vbox-inline {
	width: 420px;
	height: 315px;
	height: 70vh;
	padding: 10px;
	background: #fff;
	margin: 0 auto;
	overflow: auto;
	text-align: left
}

.venoframe {
	max-width: 100%;
	width: 100%;
	border: none;
	width: 100%;
	height: 260px;
	height: 70vh
}

.venoframe.vbvid {
	height: 260px
}

@media (min-width:768px) {

	.vbox-inline,
	.venoframe {
		width: 90%;
		height: 360px;
		height: 70vh
	}

	.venoframe.vbvid {
		width: 640px;
		height: 360px
	}
}

@media (min-width:992px) {

	.vbox-inline,
	.venoframe {
		max-width: 1200px;
		width: 80%;
		height: 540px;
		height: 70vh
	}

	.venoframe.vbvid {
		width: 960px;
		height: 540px
	}
}

.vbox-open {
	overflow: hidden
}

.vbox-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	z-index: 20;
	max-height: 100%
}

.vbox-content {
	text-align: center;
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 20px 4%
}

.vbox-container img {
	max-width: 100%;
	height: auto
}

.vbox-figlio {
	box-shadow: 0 0 12px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
	max-width: 100%;
	text-align: initial
}

img.vbox-figlio {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none
}

.vbox-content.swipe-left {
	margin-left: -200px !important
}

.vbox-content.swipe-right {
	margin-left: 200px !important
}

.vbox-animated {
	webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out
}

.sk-double-bounce,
.sk-rotating-plane {
	width: 40px;
	height: 40px;
	margin: 40px auto
}

.sk-rotating-plane {
	background-color: #333;
	-webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
	animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotatePlane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

@keyframes sk-rotatePlane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

.sk-double-bounce {
	position: relative
}

.sk-double-bounce .sk-child {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
	animation: sk-doubleBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-child,
.sk-spinner-pulse,
.sk-three-bounce .sk-child {
	background-color: #333;
	border-radius: 100%
}

.sk-double-bounce .sk-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-doubleBounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-doubleBounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.sk-wave {
	margin: 40px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px
}

.sk-wave .sk-rect {
	background-color: #333;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
	animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-wave .sk-rect1 {
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s
}

.sk-wave .sk-rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.sk-wave .sk-rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.sk-wave .sk-rect4 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

.sk-wave .sk-rect5 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}

@-webkit-keyframes sk-waveStretchDelay {

	0%,
	100%,
	40% {
		-webkit-transform: scaleY(.4);
		transform: scaleY(.4)
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

@keyframes sk-waveStretchDelay {

	0%,
	100%,
	40% {
		-webkit-transform: scaleY(.4);
		transform: scaleY(.4)
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1)
	}
}

.sk-wandering-cubes {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}

.sk-wandering-cubes .sk-cube {
	background-color: #333;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
	animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
}

.sk-chasing-dots,
.sk-spinner-pulse {
	width: 40px;
	height: 40px;
	margin: 40px auto
}

.sk-wandering-cubes .sk-cube2 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

@-webkit-keyframes sk-wanderingCube {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	25% {
		-webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
		transform: translateX(30px) rotate(-90deg) scale(.5)
	}

	50% {
		-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
		transform: translateX(30px) translateY(30px) rotate(-179deg)
	}

	50.1% {
		-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
		transform: translateX(30px) translateY(30px) rotate(-180deg)
	}

	75% {
		-webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
		transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@keyframes sk-wanderingCube {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	25% {
		-webkit-transform: translateX(30px) rotate(-90deg) scale(.5);
		transform: translateX(30px) rotate(-90deg) scale(.5)
	}

	50% {
		-webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
		transform: translateX(30px) translateY(30px) rotate(-179deg)
	}

	50.1% {
		-webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
		transform: translateX(30px) translateY(30px) rotate(-180deg)
	}

	75% {
		-webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5);
		transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

.sk-spinner-pulse {
	-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
	animation: sk-pulseScaleOut 1s infinite ease-in-out
}

@-webkit-keyframes sk-pulseScaleOut {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes sk-pulseScaleOut {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.sk-chasing-dots {
	position: relative;
	text-align: center;
	-webkit-animation: sk-chasingDotsRotate 2s infinite linear;
	animation: sk-chasingDotsRotate 2s infinite linear
}

.sk-chasing-dots .sk-child {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	-webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
	animation: sk-chasingDotsBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes sk-chasingDotsRotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes sk-chasingDotsRotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes sk-chasingDotsBounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-chasingDotsBounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.sk-three-bounce {
	margin: 40px auto;
	width: 80px;
	text-align: center
}

.sk-three-bounce .sk-child {
	width: 20px;
	height: 20px;
	display: inline-block;
	-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
	animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
}

.sk-circle .sk-child:before,
.sk-fading-circle .sk-circle:before {
	display: block;
	border-radius: 100%;
	content: '';
	background-color: #333
}

.sk-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s
}

.sk-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s
}

@-webkit-keyframes sk-three-bounce {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-three-bounce {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.sk-circle {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}

.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.sk-circle .sk-child:before {
	margin: 0 auto;
	width: 15%;
	height: 15%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -.1s;
	animation-delay: -.1s
}

@-webkit-keyframes sk-circleBounceDelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes sk-circleBounceDelay {

	0%,
	100%,
	80% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.sk-cube-grid {
	width: 40px;
	height: 40px;
	margin: 40px auto
}

.sk-cube-grid .sk-cube {
	width: 33.33%;
	height: 33.33%;
	background-color: #333;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

@-webkit-keyframes sk-cubeGridScaleDelay {

	0%,
	100%,
	70% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1)
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1)
	}
}

@keyframes sk-cubeGridScaleDelay {

	0%,
	100%,
	70% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1)
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1)
	}
}

.sk-fading-circle {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative
}

.sk-fading-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.sk-fading-circle .sk-circle:before {
	margin: 0 auto;
	width: 15%;
	height: 15%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
	animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
	-webkit-animation-delay: -.1s;
	animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {

	0%,
	100%,
	39% {
		opacity: 0
	}

	40% {
		opacity: 1
	}
}

@keyframes sk-circleFadeDelay {

	0%,
	100%,
	39% {
		opacity: 0
	}

	40% {
		opacity: 1
	}
}

.sk-folding-cube {
	margin: 40px auto;
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg)
}

.sk-folding-cube .sk-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	transform: scale(1.1) rotateZ(90deg)
}

.sk-folding-cube .sk-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	transform: scale(1.1) rotateZ(180deg)
}

.sk-folding-cube .sk-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	transform: scale(1.1) rotateZ(270deg)
}

.sk-folding-cube .sk-cube2:before {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}

@-webkit-keyframes sk-foldCubeAngle {

	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0
	}

	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0);
		transform: perspective(140px) rotateX(0);
		opacity: 1
	}

	100%,
	90% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0
	}
}

@keyframes sk-foldCubeAngle {

	0%,
	10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0
	}

	25%,
	75% {
		-webkit-transform: perspective(140px) rotateX(0);
		transform: perspective(140px) rotateX(0);
		opacity: 1
	}

	100%,
	90% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0
	}
}

.vbox-overlay .vbox-close {
	top: 15px;
	right: 40px;
	width: 56px;
	height: 56px;
	font-size: 50px;
}

.vbox-inline,
.venoframe {
	width: 650px;
	height: auto;
}

@media screen and (max-width: 768px) {
	.vbox-overlay .vbox-close {
		top: 2%;
		right: 4%;
		width: 36px;
		height: 36px;
		font-size: 30px;
	}

	.vbox-inline,
	.venoframe {
		width: 90%;
	}
}


.ratio-table {
	width: 100%;
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	margin-top: 40px;
}

.ratio-table__caption {
	padding-bottom: 15px;
	font-size: 1.8rem;
}

.ratio-table__heading {
	text-align: center;
	box-sizing: border-box;
	width: calc(100% / 4);
	padding: 20px;
	font-size: 1.8rem;
	font-weight: 700;
	background-color: #f5f5f5;
}

.ratio-table__data {
	text-align: center;
	padding: 20px;
}

.ratio-table__data--title {
	white-space: nowrap;
}

.ratio-table-publication-date {
	margin-top: 10px;
	text-align: right;
}

@media screen and (max-width: 768px) {
	.ratio-table {
		margin-top: 30px;
	}

	.ratio-table__caption {
		padding-bottom: 10px;
		font-size: 1.6rem;
		line-height: 1.6;
	}

	.ratio-table__heading:first-of-type {
		display: none;
	}

	.ratio-table__heading {
		padding: 4% 3%;
	}

	.ratio-table__data {
		padding: 4% 3%;
	}

	.ratio-table__data--title {
		display: none;
	}

	.ratio-table-publication-date {
		margin-top: 5px;
	}
}

@media screen and (max-width: 768px) {
	.wf-scholarship_tbl th {
		float: left;
        clear: both;
        width: 100%;
	}
	.wf-scholarship_tbl td {
		float: left;
        clear: both;
        width: 100%;
		margin-bottom: 10px;
	}
}