@charset "UTF-8";
/* -------------------
  VARIABLES
--------------------*/
.font-a {
	font-family: "Jost", sans-serif;
}

.font-b {
	font-family: "Lexend", sans-serif;
}

.font-noto {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-weight: 700;
}

.font-jost {
	font-family: "Jost", sans-serif;
	font-weight: 200;
	font-weight: 700;
}

.font-lexend {
	font-family: "Lexend", sans-serif;
	font-weight: 600;
}

/* -------------------
  MIXIN
--------------------*/
/* 
.example {
  font-size: vw(12);
}
*/
/* 
.example {
  font-size: fs(12); <- 12px quite
}
*/
/* 
.example {
  @include mq() {
    width: 100%;
  }
}
*/
/* -------------------
  COMMON
--------------------*/
body {
	font-family: "Noto Sans JP", sans-serif;
	color: #003a63;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 500;
	position: relative;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	body {
		font-size: 14px;
	}
}

section,
article,
header,
footer,
time {
	display: block;
}

p,
ul,
table {
	margin-bottom: 2em;
}

h2,
h3,
h4,
h5,
h6 {
	line-height: 1.6;
	margin-bottom: 0.8em;
	font-weight: bold;
}

a {
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
a[href^="tel:"] {
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	a[href^="tel:"] {
		pointer-events: auto;
	}
}
a.op70:hover {
	opacity: 0.7;
}

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
img.pc-only {
	display: inline;
}
@media screen and (max-width: 767px) {
	img.pc-only {
		display: none;
	}
}
img.sp-only {
	display: none;
}
@media screen and (max-width: 767px) {
	img.sp-only {
		display: inline;
	}
}

.pc-only {
	display: block;
}
@media screen and (max-width: 767px) {
	.pc-only {
		display: none;
	}
}

.sp-only {
	display: none;
}
@media screen and (max-width: 767px) {
	.sp-only {
		display: block;
	}
}

.pc-only2 {
	display: inline;
}
@media screen and (max-width: 767px) {
	.pc-only2 {
		display: none;
	}
}

.sp-only2 {
	display: none;
}
@media screen and (max-width: 767px) {
	.sp-only2 {
		display: inline;
	}
}

.c-width {
	max-width: 1200px;
	margin: 0 auto;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.c-width {
		max-width: calc(100% - 160px);
	}
}

.c-btn {
	display: flex;
	justify-content: center;
	padding: 56px 0 0;
}
@media screen and (max-width: 767px) {
	.c-btn {
		display: block;
		padding: 40px 0 0;
	}
}
.c-btn a {
	background: #ebe7e6;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #003a63;
	padding: 6px 8px 6px 35px;
	border-radius: 100vh;
}
@media screen and (max-width: 767px) {
	.c-btn a {
		position: relative;
		height: 45px;
	}
}
.c-btn a .label {
	font-size: 20px;
	font-family: "Lexend", sans-serif;
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
	.c-btn a .label {
		font-size: 4vw;
	}
}
.c-btn a .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background: #003a63;
	border-radius: 50%;
	transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
	.c-btn a .arrow {
		width: 37px;
		height: 37px;
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translate(0, -50%);
	}
}
.c-btn a .arrow img {
	width: 7px;
}
.c-btn a:hover {
	background: #003a63;
	color: #fff;
}
.c-btn a:hover .arrow {
	padding-left: 10px;
}
.c-btn.white a {
	background: #fff;
}
.c-btn.white a:hover {
	background: #003a63;
	color: #fff;
}

.c-ttl {
	text-align: center;
	margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.c-ttl {
		margin-bottom: 40px;
	}
}
.c-ttl .en {
	font-size: 120px;
	font-family: "Jost", sans-serif;
	color: #003a63;
	line-height: 1.1;
	font-weight: 200;
}
@media screen and (max-width: 767px) {
	.c-ttl .en {
		font-size: 17.33333vw;
	}
}
.c-ttl .jp span {
	background: #003a63;
	color: #fff;
	display: inline-block;
	padding: 0 5px 2px;
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.c-ttl .jp span {
		font-size: 3.6vw;
	}
}

.breadcrumbs {
	font-size: 12px;
	position: relative;
	z-index: 3;
}
@media screen and (max-width: 767px) {
	.breadcrumbs {
		font-size: 10px;
		padding: 0 20px;
	}
}
.breadcrumbs ul {
	display: flex;
}
@media screen and (max-width: 767px) {
	.breadcrumbs ul {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 767px) {
	.breadcrumbs ul li {
		line-height: 1.5;
	}
}
.breadcrumbs ul li a {
	color: #003a63;
}
.breadcrumbs ul li a:hover {
	color: #003a63;
}
.breadcrumbs ul li .arrow {
	margin: 0 0.5em;
}

.page-ttl {
	position: relative;
}
.page-ttl__bg img {
	width: 100%;
}
.page-ttl .c-ttl {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -70%);
	width: 100%;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.page-ttl .c-ttl {
		transform: translate(-50%, -50%);
	}
}
.page-ttl .c-ttl .en {
	line-height: 1;
}
.page-ttl .c-ttl .en .fw-m {
	font-weight: 500;
}

.content-wrap {
	position: relative;
	margin-top: -60px;
	padding-top: 60px;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.content-wrap {
		margin-top: 0px;
		padding-top: 0px;
	}
}
.content-wrap:before,
.content-wrap:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	height: 100%;
}
.content-wrap:before {
	height: calc(100% - 370px);
	top: 370px;
	left: 0;
	width: 144px;
	background-image: url(../images/common/bg-left.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-size: 144px auto;
}
@media screen and (max-width: 767px) {
	.content-wrap:before {
		background-image: url(../images/common/sp/bg-left.png);
		height: calc(100% - 240px);
		top: 240px;
		width: 22px;
		background-size: 22px auto;
	}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.content-wrap:before {
		width: 72px;
		background-size: 72px auto;
	}
}
.content-wrap:after {
	top: 0;
	right: 0;
	width: 153px;
	background-image: url(../images/common/bg-right.png);
	background-repeat: repeat-y;
	background-position: right top;
	background-size: 153px auto;
}
@media screen and (max-width: 767px) {
	.content-wrap:after {
		background-image: url(../images/common/sp/bg-right.png);
		top: 80px;
		width: 22px;
		background-size: 22px auto;
		height: calc(100% - 80px);
	}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.content-wrap:after {
		width: 76.5px;
		background-size: 76.5px auto;
	}
}
.content-wrap-inner {
	position: relative;
	z-index: 2;
}

main#data,
main#dx,
main#sdgs {
	margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
	main#data,
	main#dx,
	main#sdgs {
		margin-bottom: 40px;
	}
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	margin-bottom: 0 !important;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
[dir="rtl"] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	display: flex;
	justify-content: center;
	bottom: 35px;
}
.slick-dots li {
	opacity: 0.5;
}
.slick-dots li:last-child {
	margin-right: 0;
}
.slick-dots li button {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	font-size: 0;
	background-color: #fff;
	border-radius: 50%;
}
.slick-dots li button:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #eeeeee;
	border-radius: 50%;
	content: "";
}
.slick-dots li.slick-active {
	opacity: 1;
}
.slick-dots li.slick-active button {
	border: none;
}
.slick-dots li.slick-active button:before {
	background-color: #ffcc00;
}

.slick-prev,
.slick-next {
	position: absolute;
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #6b9fe8;
	z-index: 1;
	transition: all 0.3s;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: 0;
}
.slick-prev:hover,
.slick-next:hover {
	background-color: #2f5baf;
}
.slick-prev span,
.slick-next span {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.slick-prev span:before,
.slick-next span:before {
	position: absolute;
	top: 15px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	content: "";
}

.slick-prev {
	left: 0;
}
@media screen and (max-width: 1050px) {
	.slick-prev {
		left: 10px;
	}
}
.slick-prev span:before {
	left: 17px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.slick-next {
	right: 0;
}
@media screen and (max-width: 1050px) {
	.slick-next {
		right: 10px;
	}
}
.slick-next span:before {
	left: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg) translate(-50%, -50%);
}
@media all and (-ms-high-contrast: none) {
	.slick-next {
		/* IE10 */
		/* IE11 */
	}
	.slick-next span:before {
		left: 15px;
	}
	.slick-next *::-ms-backdrop:before,
	.slick-next span:before {
		left: 15px;
	}
}

.ui-datepicker {
	background-color: #fff;
	padding: 0.8em 0.5em 0.3em;
}

.ui-datepicker .ui-datepicker-title {
	font-size: 0.875rem;
	text-align: center;
}

.ui-widget.ui-widget-content {
	border-radius: 5px;
}

.ui-widget-header {
	border: none;
	background: inherit;
	color: #474f5f;
	font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: none;
	background: #ecf0f4;
	font-weight: bold;
	color: #3b93d2;
	text-align: center;
	padding: 7px 9px;
	font-size: 0.6875rem;
}

.ui-datepicker th {
	padding: 0.7em 0.3em;
	text-align: center;
	font-weight: bold;
	border: 0;
	color: #afb4bc;
	font-size: 0.6875rem;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	left: 10px;
	cursor: pointer;
	font-size: 0.75rem;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	border: none;
	background-color: #fff;
}

.ui-datepicker .ui-datepicker-next {
	right: 10px;
	left: auto;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	margin-top: -6px;
}

.ui-icon {
	width: 10px;
	height: 10px;
}

.ui-widget-content .ui-state-default:hover {
	border: 0px;
	text-align: center;
	background: #000;
	color: #fff;
}

.ui-widget-content .ui-state-active {
	border: 0px;
	background: #000;
	color: #fff;
}

.ui-datepicker td {
	padding: 1px;
}

a.ui-state-default {
	width: 100%;
	display: block;
}

/* Fade up */
.fadeup {
	opacity: 0;
	transform: translate(0, 35%);
	transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.fadeup.in {
	opacity: 1;
	transform: translate(0, 0);
}

.fadeup2 {
	transform: translate(0, 80px);
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.fadeup2.in {
	transform: translate(0, 0);
}

/* Fade in */
.fadein {
	opacity: 0;
	transition: opacity 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transform: scale(0.9);
}
.fadein.in {
	opacity: 1;
	transform: scale(1);
}

.fadeinlogo {
	opacity: 0;
	transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
	transform: scale(0);
}
.fadeinlogo.in {
	opacity: 1;
	transform: scale(1);
}

/* Fade up */
.fadeleft {
	opacity: 0;
	transform: translate(-80px, 0);
	transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.fadeleft.in {
	opacity: 1;
	transform: translate(0, 0);
}

.fadeleft2 {
	transform: translate(-80px, 0);
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.fadeleft2.in {
	transform: translate(0, 0);
}

/* Fade up */
.faderight {
	opacity: 0;
	transform: translate(80px, 0);
	transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.faderight.in {
	opacity: 1;
	transform: translate(0, 0);
}

.faderight2 {
	transform: translate(80px, 0);
	transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.faderight2.in {
	transform: translate(0, 0);
}

.fuwafuwa {
	animation: fuwafuwa 2.5s infinite;
}

.fuwafuwa-2 {
	animation: fuwafuwa-2 2.5s infinite;
}

@keyframes fuwafuwa {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes fuwafuwa-2 {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0px);
	}
}

/* Nina */
.button--ninaWrap {
	display: inline-block;
	text-align: center;
	min-width: 154px;
	max-width: 100%;
	background: #fff;
	border-radius: 72px;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.button--ninaWrap {
		width: 100%;
	}
}

.button--nina {
	position: relative;
	display: inline-block;
	height: 55px;
	line-height: 56px;
	color: #474f5f;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	vertical-align: middle;
	font-size: 0.75rem;
	font-family: "Jost", sans-serif;
	font-weight: 500;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
}
.button--nina span {
	vertical-align: middle;
}

.button--nina > span {
	display: inline-block;
	opacity: 0;
	color: #fff;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--nina::before {
	content: attr(data-text);
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1em 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--ninaWrap:hover {
	background-color: #474f5f;
	letter-spacing: -1.5px;
}

.button--ninaWrap:hover .button--nina {
	letter-spacing: -1.5px;
}

.button--ninaWrap:hover .button--nina::before {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}

.button--ninaWrap:hover .button--nina > span {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.button--ninaWrap:hover .button--nina > span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(9) {
	-webkit-transition-delay: 0.405s;
	transition-delay: 0.405s;
}

.button--ninaWrap:hover .button--nina > span:nth-child(10) {
	-webkit-transition-delay: 0.45s;
	transition-delay: 0.45s;
}

.button--nina:after {
	position: absolute;
	right: -2px;
	top: calc(50% - 4px);
	display: inline-block;
	width: 5px;
	height: 9px;
	background: url(../images/common/icon-arrow-right.svg) no-repeat;
	transition: all 0.3s;
	content: "";
	z-index: 1;
}

.button--ninaWrap:hover .button--nina:after {
	top: calc(50% - 3px);
	display: inline-block;
	transform: translateX(18px);
	background-image: url(../images/common/icon-arrow-right-white.svg);
}

.button--ninaWrap--blue {
	background: #4aabb8;
}
.button--ninaWrap--blue .button--nina {
	color: #fff;
}
.button--ninaWrap--blue .button--nina span {
	color: #4aabb8;
}
.button--ninaWrap--blue .button--nina::after {
	background: url(../images/common/icon-arrow-right-white.svg) no-repeat;
}
.button--ninaWrap--blue:hover {
	background-color: #fff;
	letter-spacing: -1.5px;
}
.button--ninaWrap--blue:hover .button--nina {
	color: #4aabb8;
}
.button--ninaWrap--blue:hover .button--nina::after {
	background: url(../images/common/icon-arrow-right-blue.svg) no-repeat;
}

.delay-1 {
	transition-delay: 0.1s;
}

.delay-2 {
	transition-delay: 0.2s;
}

.delay-3 {
	transition-delay: 0.3s;
}

.delay-4 {
	transition-delay: 0.4s;
}

.delay-5 {
	transition-delay: 0.5s;
}

.delay-6 {
	transition-delay: 0.6s;
}

.delay-7 {
	transition-delay: 0.7s;
}

.delay-8 {
	transition-delay: 0.8s;
}

.delay-9 {
	transition-delay: 0.9s;
}

.delay-10 {
	transition-delay: 1s;
}

.delay-11 {
	transition-delay: 1.1s;
}

.delay-12 {
	transition-delay: 1.2s;
}

.delay-13 {
	transition-delay: 1.3s;
}

.delay-14 {
	transition-delay: 1.4s;
}

.delay-15 {
	transition-delay: 1.5s;
}

.delay-16 {
	transition-delay: 1.6s;
}

.delay-17 {
	transition-delay: 1.7s;
}

.delay-18 {
	transition-delay: 1.8s;
}

.delay-19 {
	transition-delay: 1.9s;
}

.delay-20 {
	transition-delay: 2s;
}

.delay-21 {
	transition-delay: 2.1s;
}

.delay-22 {
	transition-delay: 2.2s;
}

.delay-23 {
	transition-delay: 2.3s;
}

.delay-24 {
	transition-delay: 2.4s;
}

.ani-delay-1 {
	animation-delay: 0.1s;
}

.ani-delay-2 {
	animation-delay: 0.2s;
}

.ani-delay-3 {
	animation-delay: 0.3s;
}

.ani-delay-4 {
	animation-delay: 0.4s;
}

.ani-delay-5 {
	animation-delay: 0.5s;
}

.ani-delay-6 {
	animation-delay: 0.6s;
}

.ani-delay-7 {
	animation-delay: 0.7s;
}

.ani-delay-8 {
	animation-delay: 0.8s;
}

.ani-delay-9 {
	animation-delay: 0.9s;
}

.ani-delay-10 {
	animation-delay: 1s;
}

.ani-delay-11 {
	animation-delay: 1.1s;
}

.ani-delay-12 {
	animation-delay: 1.2s;
}

.ani-delay-13 {
	animation-delay: 1.3s;
}

.ani-delay-14 {
	animation-delay: 1.4s;
}

.ani-delay-15 {
	animation-delay: 1.5s;
}

.ani-delay-16 {
	animation-delay: 1.6s;
}

.ani-delay-17 {
	animation-delay: 1.7s;
}

.ani-delay-18 {
	animation-delay: 1.8s;
}

.ani-delay-19 {
	animation-delay: 1.9s;
}

.ani-delay-20 {
	animation-delay: 2s;
}

.ani-delay-21 {
	animation-delay: 2.1s;
}

.ani-delay-22 {
	animation-delay: 2.2s;
}

.ani-delay-23 {
	animation-delay: 2.3s;
}

.ani-delay-24 {
	animation-delay: 2.4s;
}

/* -------------------
  PARTS
--------------------*/
.mgt-0 {
	margin-top: 0;
}

.mgt-5 {
	margin-top: 5px;
}

.mgt-10 {
	margin-top: 10px;
}

.mgt-15 {
	margin-top: 15px;
}

.mgt-20 {
	margin-top: 20px;
}

.mgt-25 {
	margin-top: 25px;
}

.mgt-30 {
	margin-top: 30px;
}

.mgt-35 {
	margin-top: 35px;
}

.mgt-40 {
	margin-top: 40px;
}

.mgt-45 {
	margin-top: 45px;
}

.mgt-50 {
	margin-top: 50px;
}

.mgt-55 {
	margin-top: 55px;
}

.mgt-60 {
	margin-top: 60px;
}

.mgt-65 {
	margin-top: 65px;
}

.mgt-70 {
	margin-top: 70px;
}

.mgt-75 {
	margin-top: 75px;
}

.mgt-80 {
	margin-top: 80px;
}

.mgt-85 {
	margin-top: 85px;
}

.mgt-90 {
	margin-top: 90px;
}

.mgt-95 {
	margin-top: 95px;
}

.mgt-100 {
	margin-top: 100px;
}

.mgb-0 {
	margin-bottom: 0 !important;
}

.mgb-5 {
	margin-bottom: 5px;
}

.mgb-10 {
	margin-bottom: 10px;
}

.mgb-15 {
	margin-bottom: 15px;
}

.mgb-20 {
	margin-bottom: 20px;
}

.mgb-25 {
	margin-bottom: 25px;
}

.mgb-30 {
	margin-bottom: 30px;
}

.mgb-35 {
	margin-bottom: 35px;
}

.mgb-40 {
	margin-bottom: 40px;
}

.mgb-45 {
	margin-bottom: 45px;
}

.mgb-50 {
	margin-bottom: 50px;
}

.mgb-55 {
	margin-bottom: 55px;
}

.mgb-60 {
	margin-bottom: 60px;
}

.mgb-65 {
	margin-bottom: 65px;
}

.mgb-70 {
	margin-bottom: 70px;
}

.mgb-75 {
	margin-bottom: 75px;
}

.mgb-80 {
	margin-bottom: 80px;
}

.mgb-85 {
	margin-bottom: 85px;
}

.mgb-90 {
	margin-bottom: 90px;
}

.mgb-95 {
	margin-bottom: 95px;
}

.mgb-100 {
	margin-bottom: 100px;
}

.mgl-0 {
	margin-left: 0;
}

.mgl-1 {
	margin-left: 1px;
}

.mgl-2 {
	margin-left: 2px;
}

.mgl-3 {
	margin-left: 3px;
}

.mgl-4 {
	margin-left: 4px;
}

.mgl-5 {
	margin-left: 5px;
}

.mgl-6 {
	margin-left: 6px;
}

.mgl-7 {
	margin-left: 7px;
}

.mgl-8 {
	margin-left: 8px;
}

.mgl-9 {
	margin-left: 9px;
}

.mgl-10 {
	margin-left: 10px;
}

.mgr-0 {
	margin-right: 0;
}

.mgr-1 {
	margin-right: 1px;
}

.mgr-2 {
	margin-right: 2px;
}

.mgr-3 {
	margin-right: 3px;
}

.mgr-4 {
	margin-right: 4px;
}

.mgr-5 {
	margin-right: 5px;
}

.mgr-6 {
	margin-right: 6px;
}

.mgr-7 {
	margin-right: 7px;
}

.mgr-8 {
	margin-right: 8px;
}

.mgr-9 {
	margin-right: 9px;
}

.mgr-10 {
	margin-right: 10px;
}

.mgr-20 {
	margin-right: 20px;
}
@media screen and (max-width: 767px) {
	.mgr-20 {
		margin-right: 10px;
	}
}

.pdt-10 {
	padding-top: 10px !important;
}

.pdt-20 {
	padding-top: 20px !important;
}

.pdt-30 {
	padding-top: 30px !important;
}

.pdt-40 {
	padding-top: 40px !important;
}

.pdt-50 {
	padding-top: 50px !important;
}

.mx-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.m-center {
	margin: 0 auto;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pr-15 {
	padding-right: 15px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pr-20 {
	padding-right: 20px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.mt-25 {
	margin-top: 25px !important;
}

.mr-25 {
	margin-right: 25px !important;
}

.ml-25 {
	margin-left: 25px !important;
}

.pb-25 {
	padding-bottom: 25px !important;
}

.pt-25 {
	padding-top: 25px !important;
}

.pr-25 {
	padding-right: 25px !important;
}

.pl-25 {
	padding-left: 25px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mr-30 {
	margin-right: 30px !important;
}

.ml-30 {
	margin-left: 30px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pr-30 {
	padding-right: 30px !important;
}

.pl-30 {
	padding-left: 30px !important;
}

.mb-35 {
	margin-bottom: 35px !important;
}

.mt-35 {
	margin-top: 35px !important;
}

.mr-35 {
	margin-right: 35px !important;
}

.ml-35 {
	margin-left: 35px !important;
}

.pb-35 {
	padding-bottom: 35px !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.pr-35 {
	padding-right: 35px !important;
}

.pl-35 {
	padding-left: 35px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mr-40 {
	margin-right: 40px !important;
}

.ml-40 {
	margin-left: 40px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pr-40 {
	padding-right: 40px !important;
}

.pl-40 {
	padding-left: 40px !important;
}

.mb-45 {
	margin-bottom: 45px !important;
}

.mt-45 {
	margin-top: 45px !important;
}

.mr-45 {
	margin-right: 45px !important;
}

.ml-45 {
	margin-left: 45px !important;
}

.pb-45 {
	padding-bottom: 45px !important;
}

.pt-45 {
	padding-top: 45px !important;
}

.pr-45 {
	padding-right: 45px !important;
}

.pl-45 {
	padding-left: 45px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mr-50 {
	margin-right: 50px !important;
}

.ml-50 {
	margin-left: 50px !important;
}

.pb-50 {
	padding-bottom: 50px !important;
}

.pt-50 {
	padding-top: 50px !important;
}

.pr-50 {
	padding-right: 50px !important;
}

.pl-50 {
	padding-left: 50px !important;
}

.mb-55 {
	margin-bottom: 55px !important;
}

.mt-55 {
	margin-top: 55px !important;
}

.mr-55 {
	margin-right: 55px !important;
}

.ml-55 {
	margin-left: 55px !important;
}

.pb-55 {
	padding-bottom: 55px !important;
}

.pt-55 {
	padding-top: 55px !important;
}

.pr-55 {
	padding-right: 55px !important;
}

.pl-55 {
	padding-left: 55px !important;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mt-60 {
	margin-top: 60px !important;
}

.mr-60 {
	margin-right: 60px !important;
}

.ml-60 {
	margin-left: 60px !important;
}

.pb-60 {
	padding-bottom: 60px !important;
}

.pt-60 {
	padding-top: 60px !important;
}

.pr-60 {
	padding-right: 60px !important;
}

.pl-60 {
	padding-left: 60px !important;
}

.mb-65 {
	margin-bottom: 65px !important;
}

.mt-65 {
	margin-top: 65px !important;
}

.mr-65 {
	margin-right: 65px !important;
}

.ml-65 {
	margin-left: 65px !important;
}

.pb-65 {
	padding-bottom: 65px !important;
}

.pt-65 {
	padding-top: 65px !important;
}

.pr-65 {
	padding-right: 65px !important;
}

.pl-65 {
	padding-left: 65px !important;
}

.mb-70 {
	margin-bottom: 70px !important;
}

.mt-70 {
	margin-top: 70px !important;
}

.mr-70 {
	margin-right: 70px !important;
}

.ml-70 {
	margin-left: 70px !important;
}

.pb-70 {
	padding-bottom: 70px !important;
}

.pt-70 {
	padding-top: 70px !important;
}

.pr-70 {
	padding-right: 70px !important;
}

.pl-70 {
	padding-left: 70px !important;
}

.mb-75 {
	margin-bottom: 75px !important;
}

.mt-75 {
	margin-top: 75px !important;
}

.mr-75 {
	margin-right: 75px !important;
}

.ml-75 {
	margin-left: 75px !important;
}

.pb-75 {
	padding-bottom: 75px !important;
}

.pt-75 {
	padding-top: 75px !important;
}

.pr-75 {
	padding-right: 75px !important;
}

.pl-75 {
	padding-left: 75px !important;
}

.mb-80 {
	margin-bottom: 80px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.mr-80 {
	margin-right: 80px !important;
}

.ml-80 {
	margin-left: 80px !important;
}

.pb-80 {
	padding-bottom: 80px !important;
}

.pt-80 {
	padding-top: 80px !important;
}

.pr-80 {
	padding-right: 80px !important;
}

.pl-80 {
	padding-left: 80px !important;
}

.mb-85 {
	margin-bottom: 85px !important;
}

.mt-85 {
	margin-top: 85px !important;
}

.mr-85 {
	margin-right: 85px !important;
}

.ml-85 {
	margin-left: 85px !important;
}

.pb-85 {
	padding-bottom: 85px !important;
}

.pt-85 {
	padding-top: 85px !important;
}

.pr-85 {
	padding-right: 85px !important;
}

.pl-85 {
	padding-left: 85px !important;
}

.mb-90 {
	margin-bottom: 90px !important;
}

.mt-90 {
	margin-top: 90px !important;
}

.mr-90 {
	margin-right: 90px !important;
}

.ml-90 {
	margin-left: 90px !important;
}

.pb-90 {
	padding-bottom: 90px !important;
}

.pt-90 {
	padding-top: 90px !important;
}

.pr-90 {
	padding-right: 90px !important;
}

.pl-90 {
	padding-left: 90px !important;
}

.mb-95 {
	margin-bottom: 95px !important;
}

.mt-95 {
	margin-top: 95px !important;
}

.mr-95 {
	margin-right: 95px !important;
}

.ml-95 {
	margin-left: 95px !important;
}

.pb-95 {
	padding-bottom: 95px !important;
}

.pt-95 {
	padding-top: 95px !important;
}

.pr-95 {
	padding-right: 95px !important;
}

.pl-95 {
	padding-left: 95px !important;
}

.mb-100 {
	margin-bottom: 100px !important;
}

.mt-100 {
	margin-top: 100px !important;
}

.mr-100 {
	margin-right: 100px !important;
}

.ml-100 {
	margin-left: 100px !important;
}

.pb-100 {
	padding-bottom: 100px !important;
}

.pt-100 {
	padding-top: 100px !important;
}

.pr-100 {
	padding-right: 100px !important;
}

.pl-100 {
	padding-left: 100px !important;
}

.mb-105 {
	margin-bottom: 105px !important;
}

.mt-105 {
	margin-top: 105px !important;
}

.mr-105 {
	margin-right: 105px !important;
}

.ml-105 {
	margin-left: 105px !important;
}

.pb-105 {
	padding-bottom: 105px !important;
}

.pt-105 {
	padding-top: 105px !important;
}

.pr-105 {
	padding-right: 105px !important;
}

.pl-105 {
	padding-left: 105px !important;
}

.mb-110 {
	margin-bottom: 110px !important;
}

.mt-110 {
	margin-top: 110px !important;
}

.mr-110 {
	margin-right: 110px !important;
}

.ml-110 {
	margin-left: 110px !important;
}

.pb-110 {
	padding-bottom: 110px !important;
}

.pt-110 {
	padding-top: 110px !important;
}

.pr-110 {
	padding-right: 110px !important;
}

.pl-110 {
	padding-left: 110px !important;
}

.mb-115 {
	margin-bottom: 115px !important;
}

.mt-115 {
	margin-top: 115px !important;
}

.mr-115 {
	margin-right: 115px !important;
}

.ml-115 {
	margin-left: 115px !important;
}

.pb-115 {
	padding-bottom: 115px !important;
}

.pt-115 {
	padding-top: 115px !important;
}

.pr-115 {
	padding-right: 115px !important;
}

.pl-115 {
	padding-left: 115px !important;
}

.mb-120 {
	margin-bottom: 120px !important;
}

.mt-120 {
	margin-top: 120px !important;
}

.mr-120 {
	margin-right: 120px !important;
}

.ml-120 {
	margin-left: 120px !important;
}

.pb-120 {
	padding-bottom: 120px !important;
}

.pt-120 {
	padding-top: 120px !important;
}

.pr-120 {
	padding-right: 120px !important;
}

.pl-120 {
	padding-left: 120px !important;
}

.mb-125 {
	margin-bottom: 125px !important;
}

.mt-125 {
	margin-top: 125px !important;
}

.mr-125 {
	margin-right: 125px !important;
}

.ml-125 {
	margin-left: 125px !important;
}

.pb-125 {
	padding-bottom: 125px !important;
}

.pt-125 {
	padding-top: 125px !important;
}

.pr-125 {
	padding-right: 125px !important;
}

.pl-125 {
	padding-left: 125px !important;
}

.mb-130 {
	margin-bottom: 130px !important;
}

.mt-130 {
	margin-top: 130px !important;
}

.mr-130 {
	margin-right: 130px !important;
}

.ml-130 {
	margin-left: 130px !important;
}

.pb-130 {
	padding-bottom: 130px !important;
}

.pt-130 {
	padding-top: 130px !important;
}

.pr-130 {
	padding-right: 130px !important;
}

.pl-130 {
	padding-left: 130px !important;
}

.mb-135 {
	margin-bottom: 135px !important;
}

.mt-135 {
	margin-top: 135px !important;
}

.mr-135 {
	margin-right: 135px !important;
}

.ml-135 {
	margin-left: 135px !important;
}

.pb-135 {
	padding-bottom: 135px !important;
}

.pt-135 {
	padding-top: 135px !important;
}

.pr-135 {
	padding-right: 135px !important;
}

.pl-135 {
	padding-left: 135px !important;
}

.mb-140 {
	margin-bottom: 140px !important;
}

.mt-140 {
	margin-top: 140px !important;
}

.mr-140 {
	margin-right: 140px !important;
}

.ml-140 {
	margin-left: 140px !important;
}

.pb-140 {
	padding-bottom: 140px !important;
}

.pt-140 {
	padding-top: 140px !important;
}

.pr-140 {
	padding-right: 140px !important;
}

.pl-140 {
	padding-left: 140px !important;
}

.mb-145 {
	margin-bottom: 145px !important;
}

.mt-145 {
	margin-top: 145px !important;
}

.mr-145 {
	margin-right: 145px !important;
}

.ml-145 {
	margin-left: 145px !important;
}

.pb-145 {
	padding-bottom: 145px !important;
}

.pt-145 {
	padding-top: 145px !important;
}

.pr-145 {
	padding-right: 145px !important;
}

.pl-145 {
	padding-left: 145px !important;
}

.mb-150 {
	margin-bottom: 150px !important;
}

.mt-150 {
	margin-top: 150px !important;
}

.mr-150 {
	margin-right: 150px !important;
}

.ml-150 {
	margin-left: 150px !important;
}

.pb-150 {
	padding-bottom: 150px !important;
}

.pt-150 {
	padding-top: 150px !important;
}

.pr-150 {
	padding-right: 150px !important;
}

.pl-150 {
	padding-left: 150px !important;
}

.mb-155 {
	margin-bottom: 155px !important;
}

.mt-155 {
	margin-top: 155px !important;
}

.mr-155 {
	margin-right: 155px !important;
}

.ml-155 {
	margin-left: 155px !important;
}

.pb-155 {
	padding-bottom: 155px !important;
}

.pt-155 {
	padding-top: 155px !important;
}

.pr-155 {
	padding-right: 155px !important;
}

.pl-155 {
	padding-left: 155px !important;
}

.mb-160 {
	margin-bottom: 160px !important;
}

.mt-160 {
	margin-top: 160px !important;
}

.mr-160 {
	margin-right: 160px !important;
}

.ml-160 {
	margin-left: 160px !important;
}

.pb-160 {
	padding-bottom: 160px !important;
}

.pt-160 {
	padding-top: 160px !important;
}

.pr-160 {
	padding-right: 160px !important;
}

.pl-160 {
	padding-left: 160px !important;
}

.mb-165 {
	margin-bottom: 165px !important;
}

.mt-165 {
	margin-top: 165px !important;
}

.mr-165 {
	margin-right: 165px !important;
}

.ml-165 {
	margin-left: 165px !important;
}

.pb-165 {
	padding-bottom: 165px !important;
}

.pt-165 {
	padding-top: 165px !important;
}

.pr-165 {
	padding-right: 165px !important;
}

.pl-165 {
	padding-left: 165px !important;
}

.mb-170 {
	margin-bottom: 170px !important;
}

.mt-170 {
	margin-top: 170px !important;
}

.mr-170 {
	margin-right: 170px !important;
}

.ml-170 {
	margin-left: 170px !important;
}

.pb-170 {
	padding-bottom: 170px !important;
}

.pt-170 {
	padding-top: 170px !important;
}

.pr-170 {
	padding-right: 170px !important;
}

.pl-170 {
	padding-left: 170px !important;
}

.mb-175 {
	margin-bottom: 175px !important;
}

.mt-175 {
	margin-top: 175px !important;
}

.mr-175 {
	margin-right: 175px !important;
}

.ml-175 {
	margin-left: 175px !important;
}

.pb-175 {
	padding-bottom: 175px !important;
}

.pt-175 {
	padding-top: 175px !important;
}

.pr-175 {
	padding-right: 175px !important;
}

.pl-175 {
	padding-left: 175px !important;
}

.mb-180 {
	margin-bottom: 180px !important;
}

.mt-180 {
	margin-top: 180px !important;
}

.mr-180 {
	margin-right: 180px !important;
}

.ml-180 {
	margin-left: 180px !important;
}

.pb-180 {
	padding-bottom: 180px !important;
}

.pt-180 {
	padding-top: 180px !important;
}

.pr-180 {
	padding-right: 180px !important;
}

.pl-180 {
	padding-left: 180px !important;
}

.mb-185 {
	margin-bottom: 185px !important;
}

.mt-185 {
	margin-top: 185px !important;
}

.mr-185 {
	margin-right: 185px !important;
}

.ml-185 {
	margin-left: 185px !important;
}

.pb-185 {
	padding-bottom: 185px !important;
}

.pt-185 {
	padding-top: 185px !important;
}

.pr-185 {
	padding-right: 185px !important;
}

.pl-185 {
	padding-left: 185px !important;
}

.mb-190 {
	margin-bottom: 190px !important;
}

.mt-190 {
	margin-top: 190px !important;
}

.mr-190 {
	margin-right: 190px !important;
}

.ml-190 {
	margin-left: 190px !important;
}

.pb-190 {
	padding-bottom: 190px !important;
}

.pt-190 {
	padding-top: 190px !important;
}

.pr-190 {
	padding-right: 190px !important;
}

.pl-190 {
	padding-left: 190px !important;
}

.mb-195 {
	margin-bottom: 195px !important;
}

.mt-195 {
	margin-top: 195px !important;
}

.mr-195 {
	margin-right: 195px !important;
}

.ml-195 {
	margin-left: 195px !important;
}

.pb-195 {
	padding-bottom: 195px !important;
}

.pt-195 {
	padding-top: 195px !important;
}

.pr-195 {
	padding-right: 195px !important;
}

.pl-195 {
	padding-left: 195px !important;
}

.mb-200 {
	margin-bottom: 200px !important;
}

.mt-200 {
	margin-top: 200px !important;
}

.mr-200 {
	margin-right: 200px !important;
}

.ml-200 {
	margin-left: 200px !important;
}

.pb-200 {
	padding-bottom: 200px !important;
}

.pt-200 {
	padding-top: 200px !important;
}

.pr-200 {
	padding-right: 200px !important;
}

.pl-200 {
	padding-left: 200px !important;
}

.mb-205 {
	margin-bottom: 205px !important;
}

.mt-205 {
	margin-top: 205px !important;
}

.mr-205 {
	margin-right: 205px !important;
}

.ml-205 {
	margin-left: 205px !important;
}

.pb-205 {
	padding-bottom: 205px !important;
}

.pt-205 {
	padding-top: 205px !important;
}

.pr-205 {
	padding-right: 205px !important;
}

.pl-205 {
	padding-left: 205px !important;
}

.mb-210 {
	margin-bottom: 210px !important;
}

.mt-210 {
	margin-top: 210px !important;
}

.mr-210 {
	margin-right: 210px !important;
}

.ml-210 {
	margin-left: 210px !important;
}

.pb-210 {
	padding-bottom: 210px !important;
}

.pt-210 {
	padding-top: 210px !important;
}

.pr-210 {
	padding-right: 210px !important;
}

.pl-210 {
	padding-left: 210px !important;
}

.mb-215 {
	margin-bottom: 215px !important;
}

.mt-215 {
	margin-top: 215px !important;
}

.mr-215 {
	margin-right: 215px !important;
}

.ml-215 {
	margin-left: 215px !important;
}

.pb-215 {
	padding-bottom: 215px !important;
}

.pt-215 {
	padding-top: 215px !important;
}

.pr-215 {
	padding-right: 215px !important;
}

.pl-215 {
	padding-left: 215px !important;
}

.mb-220 {
	margin-bottom: 220px !important;
}

.mt-220 {
	margin-top: 220px !important;
}

.mr-220 {
	margin-right: 220px !important;
}

.ml-220 {
	margin-left: 220px !important;
}

.pb-220 {
	padding-bottom: 220px !important;
}

.pt-220 {
	padding-top: 220px !important;
}

.pr-220 {
	padding-right: 220px !important;
}

.pl-220 {
	padding-left: 220px !important;
}

.mb-225 {
	margin-bottom: 225px !important;
}

.mt-225 {
	margin-top: 225px !important;
}

.mr-225 {
	margin-right: 225px !important;
}

.ml-225 {
	margin-left: 225px !important;
}

.pb-225 {
	padding-bottom: 225px !important;
}

.pt-225 {
	padding-top: 225px !important;
}

.pr-225 {
	padding-right: 225px !important;
}

.pl-225 {
	padding-left: 225px !important;
}

.mb-230 {
	margin-bottom: 230px !important;
}

.mt-230 {
	margin-top: 230px !important;
}

.mr-230 {
	margin-right: 230px !important;
}

.ml-230 {
	margin-left: 230px !important;
}

.pb-230 {
	padding-bottom: 230px !important;
}

.pt-230 {
	padding-top: 230px !important;
}

.pr-230 {
	padding-right: 230px !important;
}

.pl-230 {
	padding-left: 230px !important;
}

.mb-235 {
	margin-bottom: 235px !important;
}

.mt-235 {
	margin-top: 235px !important;
}

.mr-235 {
	margin-right: 235px !important;
}

.ml-235 {
	margin-left: 235px !important;
}

.pb-235 {
	padding-bottom: 235px !important;
}

.pt-235 {
	padding-top: 235px !important;
}

.pr-235 {
	padding-right: 235px !important;
}

.pl-235 {
	padding-left: 235px !important;
}

.mb-240 {
	margin-bottom: 240px !important;
}

.mt-240 {
	margin-top: 240px !important;
}

.mr-240 {
	margin-right: 240px !important;
}

.ml-240 {
	margin-left: 240px !important;
}

.pb-240 {
	padding-bottom: 240px !important;
}

.pt-240 {
	padding-top: 240px !important;
}

.pr-240 {
	padding-right: 240px !important;
}

.pl-240 {
	padding-left: 240px !important;
}

.mb-245 {
	margin-bottom: 245px !important;
}

.mt-245 {
	margin-top: 245px !important;
}

.mr-245 {
	margin-right: 245px !important;
}

.ml-245 {
	margin-left: 245px !important;
}

.pb-245 {
	padding-bottom: 245px !important;
}

.pt-245 {
	padding-top: 245px !important;
}

.pr-245 {
	padding-right: 245px !important;
}

.pl-245 {
	padding-left: 245px !important;
}

.mb-250 {
	margin-bottom: 250px !important;
}

.mt-250 {
	margin-top: 250px !important;
}

.mr-250 {
	margin-right: 250px !important;
}

.ml-250 {
	margin-left: 250px !important;
}

.pb-250 {
	padding-bottom: 250px !important;
}

.pt-250 {
	padding-top: 250px !important;
}

.pr-250 {
	padding-right: 250px !important;
}

.pl-250 {
	padding-left: 250px !important;
}

.mb-255 {
	margin-bottom: 255px !important;
}

.mt-255 {
	margin-top: 255px !important;
}

.mr-255 {
	margin-right: 255px !important;
}

.ml-255 {
	margin-left: 255px !important;
}

.pb-255 {
	padding-bottom: 255px !important;
}

.pt-255 {
	padding-top: 255px !important;
}

.pr-255 {
	padding-right: 255px !important;
}

.pl-255 {
	padding-left: 255px !important;
}

.mb-260 {
	margin-bottom: 260px !important;
}

.mt-260 {
	margin-top: 260px !important;
}

.mr-260 {
	margin-right: 260px !important;
}

.ml-260 {
	margin-left: 260px !important;
}

.pb-260 {
	padding-bottom: 260px !important;
}

.pt-260 {
	padding-top: 260px !important;
}

.pr-260 {
	padding-right: 260px !important;
}

.pl-260 {
	padding-left: 260px !important;
}

.mb-265 {
	margin-bottom: 265px !important;
}

.mt-265 {
	margin-top: 265px !important;
}

.mr-265 {
	margin-right: 265px !important;
}

.ml-265 {
	margin-left: 265px !important;
}

.pb-265 {
	padding-bottom: 265px !important;
}

.pt-265 {
	padding-top: 265px !important;
}

.pr-265 {
	padding-right: 265px !important;
}

.pl-265 {
	padding-left: 265px !important;
}

.mb-270 {
	margin-bottom: 270px !important;
}

.mt-270 {
	margin-top: 270px !important;
}

.mr-270 {
	margin-right: 270px !important;
}

.ml-270 {
	margin-left: 270px !important;
}

.pb-270 {
	padding-bottom: 270px !important;
}

.pt-270 {
	padding-top: 270px !important;
}

.pr-270 {
	padding-right: 270px !important;
}

.pl-270 {
	padding-left: 270px !important;
}

.mb-275 {
	margin-bottom: 275px !important;
}

.mt-275 {
	margin-top: 275px !important;
}

.mr-275 {
	margin-right: 275px !important;
}

.ml-275 {
	margin-left: 275px !important;
}

.pb-275 {
	padding-bottom: 275px !important;
}

.pt-275 {
	padding-top: 275px !important;
}

.pr-275 {
	padding-right: 275px !important;
}

.pl-275 {
	padding-left: 275px !important;
}

.mb-280 {
	margin-bottom: 280px !important;
}

.mt-280 {
	margin-top: 280px !important;
}

.mr-280 {
	margin-right: 280px !important;
}

.ml-280 {
	margin-left: 280px !important;
}

.pb-280 {
	padding-bottom: 280px !important;
}

.pt-280 {
	padding-top: 280px !important;
}

.pr-280 {
	padding-right: 280px !important;
}

.pl-280 {
	padding-left: 280px !important;
}

.mb-285 {
	margin-bottom: 285px !important;
}

.mt-285 {
	margin-top: 285px !important;
}

.mr-285 {
	margin-right: 285px !important;
}

.ml-285 {
	margin-left: 285px !important;
}

.pb-285 {
	padding-bottom: 285px !important;
}

.pt-285 {
	padding-top: 285px !important;
}

.pr-285 {
	padding-right: 285px !important;
}

.pl-285 {
	padding-left: 285px !important;
}

.mb-290 {
	margin-bottom: 290px !important;
}

.mt-290 {
	margin-top: 290px !important;
}

.mr-290 {
	margin-right: 290px !important;
}

.ml-290 {
	margin-left: 290px !important;
}

.pb-290 {
	padding-bottom: 290px !important;
}

.pt-290 {
	padding-top: 290px !important;
}

.pr-290 {
	padding-right: 290px !important;
}

.pl-290 {
	padding-left: 290px !important;
}

.mb-295 {
	margin-bottom: 295px !important;
}

.mt-295 {
	margin-top: 295px !important;
}

.mr-295 {
	margin-right: 295px !important;
}

.ml-295 {
	margin-left: 295px !important;
}

.pb-295 {
	padding-bottom: 295px !important;
}

.pt-295 {
	padding-top: 295px !important;
}

.pr-295 {
	padding-right: 295px !important;
}

.pl-295 {
	padding-left: 295px !important;
}

/* -------------------
  Date, time, phone
--------------------*/
@media screen and (max-width: 767px) {
	.table2 {
		overflow-x: auto;
	}
}

.table2 table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.table2 th {
	background-color: #f2f5f7;
	border: 1px solid #e6eef2;
	box-sizing: border-box;
	font-weight: 700;
	padding: 20px 15px;
	width: 185px;
}

.table2 td {
	border: 1px solid #e6eef2;
	box-sizing: border-box;
	padding: 20px 15px;
}

@media screen and (max-width: 767px) {
	.table2.type2 table {
		width: 220vw;
	}
}

.table {
	font-size: 0.75rem;
	color: #474f5f;
}
.tableWrap2 {
	max-height: 400px;
	overflow-y: auto;
}
@media screen and (max-width: 767px) {
	.tableWrap2 {
		max-height: 200px;
	}
}
@media screen and (max-width: 767px) {
	.tableWrap {
		width: 220vw;
		overflow: auto;
	}
}
.table thead {
	background-color: #f4f4f4;
	font-weight: bold;
}
.table thead th {
	text-align: center;
}
.table tbody tr {
	border-bottom: solid 1px #ebebeb;
}
.table th.t_date {
	width: 130px;
}
@media screen and (max-width: 767px) {
	.table th.t_date {
		width: 155px;
	}
}
@media screen and (max-width: 767px) {
	.table th.t_name {
		width: 130px;
	}
}
.table th.t_review {
	width: 95px;
}
@media screen and (max-width: 767px) {
	.table th.t_review {
		width: 100px;
	}
}
.table th.t_points {
	width: 80px;
}
.table th.t_detail {
	width: 60px;
}
.table th.t_cbox {
	width: 45px;
	padding-right: 0;
}
@media screen and (max-width: 767px) {
	.table th.t_cbox {
		width: 35px;
	}
}
.table th.t_think {
	width: 180px;
	padding-right: 0;
}
@media screen and (max-width: 767px) {
	.table th.t_think {
		width: auto;
	}
}
.table td {
	vertical-align: middle;
}
.table td.t_cbox {
	padding-right: 0;
}

.table > :not(caption) > * > * {
	padding: 10px 15px;
}
@media screen and (max-width: 767px) {
	.table > :not(caption) > * > * {
		padding: 10px;
	}
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left !important;
}

.align-right {
	text-align: right;
}

.align-top {
	align-items: flex-start !important;
}

.cc {
	display: flex;
	justify-content: center;
	align-items: center;
}

.d_flex {
	display: flex;
}
.d_flex.between {
	justify-content: space-between;
}
.d_flex.center {
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.d_flex {
		display: block;
	}
}

.d_flex2 {
	display: flex;
	align-items: center;
}

.d_flex3 {
	display: flex;
	justify-content: center;
}

.col2-75 {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.col2-75 {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.col2-75--left {
		width: 100%;
		margin-bottom: 20px;
	}
}
.col2-75--right {
	width: 25%;
	margin-left: 20px;
	flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	.col2-75--right {
		width: 100%;
		margin-left: 0;
	}
}

.col2-25 {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.col2-25 {
		display: block;
	}
}
.col2-25--left {
	width: 25%;
	margin-right: 20px;
	flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	.col2-25--left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	.col2-25--right {
		width: 100%;
		margin-bottom: 20px;
	}
}

.col2 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
@media screen and (max-width: 767px) {
	.col2 {
		display: block;
		margin: 0;
	}
}
.col2-item {
	width: 50%;
	padding: 0 10px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.col2-item {
		width: 100%;
		padding: 0;
	}
}
.col2-item--inner {
	display: block;
}

.col3 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
@media screen and (max-width: 767px) {
	.col3 {
		display: block;
		margin: 0;
	}
}
.col3-item {
	width: 33.33%;
	padding: 0 10px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.col3-item {
		width: 100%;
		padding: 0;
	}
}
.col3-item--inner {
	display: block;
}

.col4 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
@media screen and (max-width: 767px) {
	.col4 {
		display: block;
		margin: 0;
	}
}
.col4-item {
	width: 25%;
	padding: 0 10px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.col4-item {
		width: 100%;
		padding: 0;
	}
}
.col4-item--inner {
	display: block;
}

.col5 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
@media screen and (max-width: 767px) {
	.col5 {
		display: block;
		margin: 0;
	}
}
.col5-item {
	width: 20%;
	padding: 0 10px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.col5-item {
		width: 100%;
		padding: 0;
	}
}
.col5-item--inner {
	display: block;
}

.pagination {
	line-height: 1;
	margin: 50px 0 0;
	font-size: 16px;
}
.pagination .wp-pagenavi {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.pagination .wp-pagenavi .page,
.pagination .wp-pagenavi .current {
	margin: 0 5px;
	color: #4b4b4b;
	font-weight: 700;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 46px;
	height: 46px;
	border-radius: 4px;
	font-size: 12px;
}
.pagination .wp-pagenavi .page:hover,
.pagination .wp-pagenavi .current:hover {
	opacity: 0.7;
}
.pagination .wp-pagenavi .current {
	color: #fff;
	background: #000;
}
.pagination .wp-pagenavi .current:hover {
	opacity: 1;
}
.pagination .wp-pagenavi .nextpostslink,
.pagination .wp-pagenavi .last,
.pagination .wp-pagenavi .previouspostslink,
.pagination .wp-pagenavi .first {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 46px;
	height: 46px;
	border-radius: 4px;
	font-size: 12px;
	border: 1px solid #000;
	position: relative;
}
.pagination .wp-pagenavi .nextpostslink:before,
.pagination .wp-pagenavi .last:before,
.pagination .wp-pagenavi .previouspostslink:before,
.pagination .wp-pagenavi .first:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 7px;
}
.pagination .wp-pagenavi .nextpostslink:hover,
.pagination .wp-pagenavi .last:hover,
.pagination .wp-pagenavi .previouspostslink:hover,
.pagination .wp-pagenavi .first:hover {
	opacity: 0.7;
}
.pagination .wp-pagenavi .nextpostslink {
	margin: 0 5px;
}
.pagination .wp-pagenavi .nextpostslink:before {
	content: url(../images/news/arrow-right.svg);
}
.pagination .wp-pagenavi .last {
	margin: 0 5px;
}
.pagination .wp-pagenavi .last:before {
	content: url(../images/news/arrow-right2.svg);
}
.pagination .wp-pagenavi .previouspostslink {
	margin: 0 5px;
}
.pagination .wp-pagenavi .previouspostslink:before {
	content: url(../images/news/arrow-left.svg);
}
.pagination .wp-pagenavi .first {
	margin: 0 5px;
}
.pagination .wp-pagenavi .first:before {
	content: url(../images/news/arrow-left2.svg);
}
.pagination.white .wp-pagenavi .page {
	color: #fff;
}
.pagination.white .wp-pagenavi .nextpostslink {
	margin: 0 15px;
}
.pagination.white .wp-pagenavi .nextpostslink:before {
	content: url(../images/pagination/right-white.svg);
}
.pagination.white .wp-pagenavi .last {
	margin: 0 10px;
}
.pagination.white .wp-pagenavi .last:before {
	content: url(../images/pagination/right2-white.svg);
}
.pagination.white .wp-pagenavi .previouspostslink {
	margin: 0 15px;
}
.pagination.white .wp-pagenavi .previouspostslink:before {
	content: url(../images/pagination/left-white.svg);
}
.pagination.white .wp-pagenavi .first {
	margin: 0 10px;
}
.pagination.white .wp-pagenavi .first:before {
	content: url(../images/pagination/left2-white.svg);
}

/* -------------------
	BREADCRUMB
--------------------*/
.breadcrumb {
	margin-top: 22px;
	padding: 0 30px;
}
@media screen and (max-width: 1050px) {
	.breadcrumb {
		white-space: nowrap;
		overflow-x: auto;
		margin-top: 5px;
		margin-bottom: 12px;
	}
}
@media screen and (max-width: 1050px) {
	.breadcrumb {
		padding: 0 8px;
	}
}
.breadcrumb-wrapper {
	padding-top: 15px;
}
@media screen and (max-width: 1050px) {
	.breadcrumb-wrapper {
		padding: 0 0 5px 0;
	}
}
.breadcrumb ul li {
	display: inline-block;
	font-size: 0.75rem;
	position: relative;
	padding-right: 20px;
	color: #000;
}
.breadcrumb ul li a {
	display: inline-block;
	color: #68a0fa;
	transition: all 0.3s;
}
.breadcrumb ul li a:hover {
	opacity: 0.8;
}
.breadcrumb ul li:last-child {
	padding-right: 0;
}
.breadcrumb ul li:last-child:before {
	display: none;
}
.breadcrumb ul li:before {
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 4px;
	width: 4px;
	height: 5px;
	background: url(../images/common/icon-breadcrumb.svg) center center/100% 100% no-repeat;
	content: "";
}
@media screen and (max-width: 1050px) {
	.breadcrumb ul li {
		margin-bottom: 8px;
	}
}
.breadcrumb ul li a {
	transition: all 0.3s;
}
.breadcrumb ul li a:hover {
	opacity: 0.7;
}

/* -------------------
  THUMBNAIL, IMAGE
--------------------*/
.thumb-ttl {
	margin-top: 10px;
}

/* -------------------
  PAGE TOP
--------------------*/
/* -------------------
  ACCORDION
--------------------*/
.accordion-label {
	background: #f2f5f7;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	font-weight: 700;
	height: 65px;
	align-items: center;
	padding: 25px 70px 25px 20px;
	position: relative;
	transition: all 0.6s;
}
.accordion-label:after {
	position: absolute;
	right: 20px;
	top: 50%;
	display: inline-block;
	border: solid #939393;
	border-width: 0 0 2px 2px;
	display: inline-block;
	padding: 2px;
	transform: translateY(-50%) rotate(-45deg);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transition: all 0.25s;
	content: "";
}
.accordion-label.active:after {
	transform: translateY(-50%) rotate(135deg);
	-webkit-transform: translateY(-50%) rotate(135deg);
}

.accordion-cnt {
	display: none;
	padding: 25px 70px 25px 20px;
}

/* -------------------
  TABS
--------------------*/
@media screen and (max-width: 1050px) {
	.tabs-navWrapper {
		white-space: nowrap;
		overflow-x: auto;
	}
}

.tabs-nav {
	display: flex;
	width: 100%;
}

.tabs-item {
	width: 220px;
	max-width: 100%;
	font-size: 1.125rem;
	color: #818181;
	background-color: #ebebeb;
	margin-right: 8px;
	padding: 17px 15px;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s;
}
@media screen and (max-width: 767px) {
	.tabs-item {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 33.33%;
		margin-right: 0;
		font-size: 0.875rem;
	}
}
.tabs-item:last-child {
	margin-right: 0;
}
.tabs-item.active,
.tabs-item:hover {
	color: #5dc1cf;
	background-color: #fff;
}
@media screen and (max-width: 767px) {
	.tabs-item.type2 {
		width: 50%;
	}
}
.tabs-item.type3 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 126px;
	max-width: 20%;
	font-size: 0.875rem;
	font-weight: bold;
	padding: 17px 3px;
	margin-right: 0;
}
@media screen and (max-width: 767px) {
	.tabs-item.type3 {
		max-width: 100%;
		width: 100%;
		font-size: 0.75rem;
	}
}

.tabs-cnt {
	background-color: #fff;
	padding: 30px 20px 0;
}
.tabs-cnt.type2 {
	padding-bottom: 40px;
}
.tabs-cnt.type3 {
	padding-left: 0;
	padding-right: 0;
}
@media screen and (max-width: 767px) {
	.tabs-cnt.type4 {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 1050px) {
	.tabs2-navWrapper {
		white-space: nowrap;
		overflow-x: auto;
	}
}

.tabs2-nav {
	margin: 0 auto;
	padding: 0 2vw;
}

.tabs2-item {
	padding: 20px 15px;
	color: #474f5f;
	font-size: 1.5rem;
	font-weight: bold;
	background: none;
	cursor: pointer;
	text-align: center;
	transition: all 0.3s;
}
@media screen and (max-width: 1050px) {
	.tabs2-item {
		font-size: 1.25rem;
	}
}
.tabs2-item span {
	padding-top: 42px;
	background: url(../images/common/icon-fac-black.svg) top center no-repeat;
}
@media screen and (min-width: 1051px) {
	.tabs2-item {
		cursor: auto;
	}
}

.tabs2-title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 170px;
	background: url(../images/top/bg-tabItem-blue.svg) no-repeat;
	background-size: 100% 100%;
	margin: 0 0 7px;
}
.tabs2-title-type2 {
	background-image: url(../images/top/bg-tabItem-pink.svg);
}
.tabs2-title-type2 span {
	background: url(../images/common/icon-doc-black.svg) top center no-repeat;
}
@media screen and (max-width: 1050px) {
	.tabs2-title {
		height: 39vw;
	}
}

.tabs2-cnt {
	display: flex;
	background-color: #fff;
	margin: 7px 0 0;
}

.tabs2-panel {
	width: 50%;
	padding: 0 15px;
}

.tabs2-menu .thumb {
	position: relative;
	background: url(../images/top/bg-card-blue.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	height: 139px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 20px;
}
@media screen and (max-width: 767px) {
	.tabs2-menu .thumb {
		height: 29vw;
	}
}
.tabs2-menu .thumb figcaption {
	font-size: 0.9375rem;
	font-weight: 700;
	position: absolute;
	bottom: 15px;
	display: block;
	text-align: center;
	width: 100%;
}
@media screen and (max-width: 1050px) {
	.tabs2-menu .thumb figcaption {
		font-size: 0.8125rem;
		bottom: 12px;
	}
}
@media screen and (max-width: 1050px) {
	.tabs2-menu .thumb img {
		max-width: 65%;
		max-height: 65%;
	}
}

.tabs2-menu-type2 .thumb {
	background-image: url(../images/top/bg-card-green.png);
}

@media screen and (max-width: 1050px) {
	.tabs2-menu {
		display: flex;
		flex-flow: row wrap;
	}
}

.tabs2-menu li {
	width: 32%;
	margin: 0 calc(4% / 2) 10px 0;
}
.tabs2-menu li:nth-of-type(3n) {
	margin: 0 0 10px 0;
}

.modal-complete {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 180px;
	height: 180px;
	padding: 0;
	margin: 0;
	color: #ffffff;
	background: #191b1d;
	opacity: 0.8;
	border-radius: 3px;
	z-index: 8000;
}
.modal-complete--cnt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.modal-complete--cnt-icon {
	text-align: center;
}
.modal-complete--cnt-icon img {
	width: 46px;
}
.modal-complete--cnt-msg {
	margin-top: 20px;
	font-size: 0.875rem;
	line-height: 1.25rem;
	text-align: center;
}

.btn-close {
	background: #818181 url(../images/common/icon-x.svg) center center no-repeat;
	opacity: 1;
	border-radius: 50%;
}

.modal-dialog.type2 {
	max-width: 600px;
}

.modal-confirm {
	width: 335px;
	max-width: 100%;
	padding: 5px 20px 25px;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.modal-confirm {
		padding-bottom: 35px;
	}
}
.modal-confirm .modal-header {
	margin-bottom: 30px;
	border-bottom: none;
	padding-right: 0;
}
.modal-confirm .btn-white {
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.modal-confirm .btn-white {
		margin-bottom: 20px;
	}
}
.modal-confirm .btn-blue {
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.modal-confirm .btn-blue {
		margin-bottom: 25px;
	}
}
.modal-confirm .btn-white,
.modal-confirm .btn-blue {
	display: block;
	width: 100%;
	height: 52px;
	line-height: 52px;
	padding: 0;
}
.modal-confirm--ttl {
	color: #474f5f;
	font-weight: bold;
	margin-bottom: 15px;
}
.modal-confirm--msg {
	margin-bottom: 30px;
	font-size: 0.875rem;
}
.modal-confirm--close {
	color: #68a0fa;
	font-size: 0.75rem;
	cursor: pointer;
}

.modal-backdrop.show {
	opacity: 0.8;
}

.modal-colection {
	width: 600px;
	max-width: 95%;
	margin: 0 auto;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.modal-colection {
		padding-bottom: 35px;
	}
}
.modal-colection .btn-close {
	margin-right: 0;
	padding: 0;
	background: url(../images/common/icon-x.svg) center center no-repeat;
}
.modal-colection .modal-header {
	padding: 15px 20px;
	margin-bottom: 30px;
	border-bottom: none;
	background-color: #5dc1cf;
}
.modal-colection .modal-header--ttl {
	font-size: 1rem;
	line-height: 1;
	font-weight: bold;
	color: #fff;
}
.modal-colection--close {
	color: #68a0fa;
	font-size: 0.75rem;
	cursor: pointer;
}
.modal-colection--list {
	padding: 10px 30px 20px;
}
.modal-colection--list-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.modal-colection--list-row-item {
	width: 33.33%;
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.modal-colection--list-row-item {
		width: 100%;
	}
}
.modal-colection--list-row-item a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	padding-bottom: 20px;
	font-size: 1rem;
	font-family: "Jost", sans-serif;
	color: #474f5f;
	border: solid 1px #5dc1cf;
	background-color: #f4f4f4;
	border-radius: 2px;
	transition: all 0.25s;
}
@media screen and (max-width: 767px) {
	.modal-colection--list-row-item a {
		padding: 0 15px 0 45px;
	}
}
.modal-colection--list-row-item a:hover {
	opacity: 0.7;
}
.modal-colection--list-row-item a:after {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 1px #5dc1cf;
	content: "";
}
@media screen and (max-width: 767px) {
	.modal-colection--list-row-item a:after {
		left: 25px;
		top: 50%;
		transform: translate(0, -50%);
	}
}
.modal-colection--list-row-item.disable a {
	color: #c7c7c7;
	border-color: #ebebeb;
	background-color: #ebebeb;
}
.modal-colection--list-row-item.disable a:after {
	width: 6px;
	height: 2px;
	bottom: 16px;
	background-color: #c7c7c7;
	border: none;
}
.modal-colection--list-row-item.cancel a {
	color: #c7c7c7;
	border-color: #ebebeb;
	background-color: #f4f4f4;
}
.modal-colection--list-row-item.cancel a:after {
	width: auto;
	height: auto;
	bottom: 5px;
	font-size: 1.25rem;
	background: none;
	border: none;
	color: #5dc1cf;
	font-weight: normal;
	content: "×";
}

.modal-find {
	max-width: 1000px;
}
.modal-find .modal-header {
	border-bottom: none;
}
.modal-find .checkboxWrap label {
	width: 100%;
	padding-left: 28px;
	color: #818181;
	font-size: 0.875rem;
}
.modal-find .checkboxWrap-outer {
	position: relative;
	display: block;
	text-align: left;
	padding-right: 28px;
	padding: 15px 28px 15px 15px;
	margin-right: 0;
	width: 100%;
	background-color: #fff;
}
.modal-find .checkboxWrap-outer:hover {
	background-color: #effdf9;
}
.modal-find .checkboxWrap-outer:hover .checkboxWrap label {
	color: #5dc1cf;
}
.modal-find .checkboxWrap-outer:after {
	position: absolute;
	top: 50%;
	right: 22px;
	transform: translateY(-50%);
	display: block;
	width: 5px;
	height: 10px;
	background: url(../images/common/icon-arrow-right-blue.svg) no-repeat;
	background-size: contain;
	content: "";
}
.modal-find .tabs {
	display: flex;
	padding: 0 40px 40px;
}
.modal-find .tabs-navWrapper {
	display: flex;
	flex-wrap: wrap;
	width: 30%;
	min-width: 200px;
	flex-shrink: 0;
	border-right: solid 1px #ebebeb;
}
.modal-find .tabs-nav {
	display: flex;
	flex-wrap: wrap;
	flex-flow: column;
}
.modal-find .tabs-cnt {
	padding: 0;
	width: 100%;
}
.modal-find .tabs-cnt--list {
	display: flex;
	flex-wrap: wrap;
	height: 550px;
	overflow-y: auto;
}
.modal-find .tabs-cnt--item {
	width: 50%;
	background-color: #fafafa;
}
.modal-find .tabs-cnt--item:nth-child(2n + 1) {
	border-right: solid 1px #ebebeb;
}
.modal-find--foot {
	text-align: center;
	padding-bottom: 30px;
}
.modal-find--foot-direct {
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.modal-form .container6 {
		padding: 0 20px;
	}
}

.modal-form .form-search {
	margin-bottom: 10px;
}
.modal-form .form-search .input.hasBtn {
	font-size: 0.875rem;
}

.modal-form .form-search02--inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0 30px;
}
@media screen and (max-width: 767px) {
	.modal-form .form-search02--inner {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.modal-form .form-search02--label {
		text-align: left;
		margin-bottom: 8px;
	}
}

.modal-form .form-search02--cnt .form-input {
	display: flex;
	align-items: center;
}
.modal-form .form-search02--cnt .form-input .input._date {
	width: 170px;
	margin-left: 30px;
}

/* -------------------
  SLICK SLIDER
--------------------*/
body .slick-prev,
body .slick-next {
	width: 17px;
	height: 38px;
	top: 50%;
	bottom: auto;
	border-radius: 0;
	transform: translate(0, calc(-50% - 21px));
}

body .slick-prev {
	left: -30px;
}
@media screen and (max-width: 767px) {
	body .slick-prev {
		left: 7px;
	}
}
body .slick-prev:before {
	content: "";
	display: block;
	opacity: 1;
	width: 100%;
	height: 100%;
	background: url(../images/slick/arrow-left.svg) no-repeat center center;
	background-size: cover;
}

body .slick-next {
	right: -30px;
}
@media screen and (max-width: 767px) {
	body .slick-next {
		right: 7px;
	}
}
body .slick-next:before {
	content: "";
	display: block;
	opacity: 1;
	width: 100%;
	height: 100%;
	background: url(../images/slick/arrow-right.svg) no-repeat center center;
	background-size: cover;
}

body .slick-dots {
	bottom: -30px;
	left: 50%;
	transform: translate(-50%, 0);
}
body .slick-dots li {
	bottom: 0 !important;
	width: 40px;
	height: 4px;
	margin: 0 3px;
	padding: 0;
	opacity: 1;
	cursor: pointer;
}
body .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
body .slick-dots li button:before {
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, 0);
	width: 100%;
	height: 100%;
	border-radius: 0;
	content: "" !important;
	display: block;
	background-color: #ccc;
	text-align: center;
	opacity: 1;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body .slick-dots li.slick-active button:before {
	background-color: #003a63;
}

.l-header {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
}
.l-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.l-header__logo img {
	width: 330px;
}
@media screen and (max-width: 767px) {
	.l-header__logo img {
		width: 210px;
	}
}
.l-header__btn-set {
	padding-right: 115px;
	display: flex;
	gap: 20px;
}
@media screen and (max-width: 767px) {
	.l-header__btn-set .btn-line,
	.l-header__btn-set .btn-mynavi {
		display: none;
	}
}
.l-header__btn-set .btn-line a,
.l-header__btn-set .btn-mynavi a {
	background: #00b104;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 30px;
	border-radius: 15px;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.l-header__btn-set .btn-line a,
	.l-header__btn-set .btn-mynavi a {
		width: auto;
		padding: 0 20px;
	}
}
.l-header__btn-set .btn-line a:hover,
.l-header__btn-set .btn-mynavi a:hover {
	background: #006b00;
}
.l-header__btn-set .btn-mynavi a {
	background: #00a4e2;
}
.l-header__btn-set .btn-mynavi a:hover {
	background: #00799e;
}

.gnav {
	display: flex;
	justify-content: center;
	gap: 80px;
	width: 100%;
	max-width: 1200px;
}
@media screen and (max-width: 767px) {
	.gnav {
		display: block;
	}
}
.gnav__list {
	width: calc((100% - 160px) / 3);
}
@media screen and (max-width: 767px) {
	.gnav__list {
		width: 100%;
		margin: 0;
	}
}
.gnav__item {
	border-bottom: 1px solid #fff;
}
.gnav__item a {
	color: #fff;
	display: flex;
	flex-direction: column;
	padding: 20px 0 27px;
}
@media screen and (max-width: 767px) {
	.gnav__item a {
		padding: 12px 0 15px;
	}
}
.gnav__item a .en {
	font-family: "Jost", sans-serif;
	font-weight: 200;
	font-size: 36px;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.gnav__item a .en {
		font-size: 7.2vw;
	}
}
.gnav__item a .jp {
	font-size: 14px;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.gnav__item a .jp {
		font-size: 2.8vw;
	}
}
.gnav__item a:hover {
	color: #aaa;
}

#hamburger {
	display: block;
	position: fixed;
	z-index: 5;
	top: 36px;
	right: 30px;
	width: 50px;
	height: 27px;
	cursor: pointer;
	transition: 1s;
}
@media screen and (max-width: 767px) {
	#hamburger {
		width: 40px;
		height: 20px;
		top: 20px;
		right: 20px;
	}
}
#hamburger .hamburger__inner {
	position: relative;
	width: 100%;
	height: 100%;
}
#hamburger .hamburger__inner .inner_line {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	transition: 0.4s;
	background: #000000;
}
#hamburger .hamburger__inner .inner_line#line1 {
	top: 0;
}
#hamburger .hamburger__inner .inner_line#line1.active {
	transform: translateY(13px) rotate(-45deg);
	background: #fff;
}
@media screen and (max-width: 767px) {
	#hamburger .hamburger__inner .inner_line#line1.active {
		transform: translateY(10px) rotate(-45deg);
	}
}
#hamburger .hamburger__inner .inner_line#line2 {
	top: 50%;
	transform: translate(0, -50%);
}
#hamburger .hamburger__inner .inner_line#line2.active {
	background: none;
}
#hamburger .hamburger__inner .inner_line#line3 {
	bottom: 0;
}
#hamburger .hamburger__inner .inner_line#line3.active {
	transform: translateY(-13px) rotate(45deg);
	background: #fff;
}
@media screen and (max-width: 767px) {
	#hamburger .hamburger__inner .inner_line#line3.active {
		transform: translateY(-10px) rotate(45deg);
	}
}
#hamburger .label {
	font-size: 10px;
	text-align: center;
}

#hamburger-menu {
	position: fixed;
	background-size: cover;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-size: cover;
	transition: 0.7s;
	z-index: 4;
	background: rgba(0, 0, 0, 0.8);
	opacity: 0;
	display: none;
}
#hamburger-menu.active {
	display: block;
	opacity: 1;
	animation: fadeIn 0.3s ease-in 0s forwards;
}
#hamburger-menu .hamburger-menu-inner {
	overflow: auto;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 80px 30px 40px;
}
@media screen and (max-width: 767px) {
	#hamburger-menu .hamburger-menu-inner {
		padding: 60px 30px 80px;
		display: block;
	}
}

@keyframes fadeIn {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}

.l-footer {
	background: #ebe7e6;
	padding-top: 60px;
}
@media screen and (max-width: 767px) {
	.l-footer {
		padding-top: 24px;
	}
}
.l-footer-flex {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.l-footer-flex {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.l-footer-flex .logo {
		padding: 0 20px;
		margin-bottom: 30px;
	}
}
.l-footer-flex .logo img {
	width: 298px;
}
.l-footer-flex .footernav {
	display: flex;
	gap: 50px;
	padding-top: 17px;
}
@media screen and (max-width: 767px) {
	.l-footer-flex .footernav {
		display: block;
		border-top: 1px solid #adacac;
		padding-top: 0;
	}
}
@media screen and (max-width: 767px) {
	.l-footer-flex .footernav__list {
		margin-bottom: 0;
	}
}
.l-footer-flex .footernav__item {
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.l-footer-flex .footernav__item {
		border-bottom: 1px solid #adacac;
		margin-bottom: 0;
	}
}
.l-footer-flex .footernav__item a {
	font-size: 15px;
	color: #003a63;
	font-weight: bold;
	position: relative;
	padding: 0 0 0 15px;
}
@media screen and (max-width: 767px) {
	.l-footer-flex .footernav__item a {
		padding: 7px 7px 7px 25px;
		display: block;
		font-size: 3.6vw;
	}
}
.l-footer-flex .footernav__item a:before {
	content: "";
	display: block;
	background: url(../images/common/arrow-right-blue.svg) no-repeat center/cover;
	width: 5px;
	height: 10px;
	position: absolute;
	top: 6px;
}
@media screen and (max-width: 767px) {
	.l-footer-flex .footernav__item a:before {
		top: 50%;
		transform: translate(0, -50%);
		left: 10px;
	}
}
.l-footer-flex .footernav__item a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.l-footer-flex .btn-set {
		padding: 20px 0;
	}
}
.l-footer-flex .btn-line,
.l-footer-flex .btn-mynavi {
	display: flex;
	justify-content: center;
	padding-top: 13px;
}
@media screen and (max-width: 767px) {
	.l-footer-flex .btn-line,
	.l-footer-flex .btn-mynavi {
		display: block;
		padding: 7px 20px;
	}
}
.l-footer-flex .btn-line a,
.l-footer-flex .btn-mynavi a {
	background: #00b104;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	padding: 6px 8px 6px 8px;
	border-radius: 100vh;
	width: 265px;
	height: 60px;
	position: relative;
}
@media screen and (max-width: 767px) {
	.l-footer-flex .btn-line a,
	.l-footer-flex .btn-mynavi a {
		height: 45px;
		width: 100%;
	}
}
.l-footer-flex .btn-line a .label,
.l-footer-flex .btn-mynavi a .label {
	font-size: 17px;
	font-weight: bold;
	margin-right: 20px;
}
@media screen and (max-width: 767px) {
	.l-footer-flex .btn-line a .label,
	.l-footer-flex .btn-mynavi a .label {
		font-size: 4vw;
	}
}
.l-footer-flex .btn-line a .arrow,
.l-footer-flex .btn-mynavi a .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
	.l-footer-flex .btn-line a .arrow,
	.l-footer-flex .btn-mynavi a .arrow {
		width: 37px;
		height: 37px;
		right: 5px;
	}
}
.l-footer-flex .btn-line a .arrow img,
.l-footer-flex .btn-mynavi a .arrow img {
	width: 7px;
}
.l-footer-flex .btn-line a:hover,
.l-footer-flex .btn-mynavi a:hover {
	background: #006b00;
}
.l-footer-flex .btn-mynavi a {
	background: #00a4e2;
}
.l-footer-flex .btn-mynavi a:hover {
	background: #00799e;
}
.l-footer .address {
	font-size: 13px;
	font-weight: bold;
	color: #003a63;
	margin-top: -90px;
}
@media screen and (max-width: 767px) {
	.l-footer .address {
		margin-top: 0;
		font-size: 2.53333vw;
		padding: 0 20px;
	}
}
.l-footer .address__unit {
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.l-footer .address__unit {
		margin-bottom: 20px;
	}
}
.l-footer .copyright {
	text-align: right;
	border-top: 1px solid #003a63;
	padding: 15px 0 20px;
}
@media screen and (max-width: 767px) {
	.l-footer .copyright {
		text-align: left;
		margin: 0 20px;
		padding: 5px 0 10px;
	}
}
.l-footer .copyright small {
	font-size: 12px;
	color: #003a63;
}
@media screen and (max-width: 767px) {
	.l-footer .copyright small {
		font-size: 10px;
	}
}

.pagetop {
	position: fixed;
	z-index: 5;
	right: 20px;
	bottom: 20px;
}
@media screen and (max-width: 767px) {
	.pagetop {
		right: 10px;
		bottom: 10px;
	}
}
.pagetop a img {
	width: 82px;
}
@media screen and (max-width: 767px) {
	.pagetop a img {
		width: 16.26667vw;
	}
}
.pagetop a:hover {
	opacity: 0.7;
}

.sidebar-search {
	padding: 20px 0 40px;
	background-color: #fff;
}
.sidebar-search--head {
	padding: 0 10px 20px;
}
.sidebar-search--img {
	margin-bottom: 18px;
	text-align: center;
}
.sidebar-search--ttl {
	margin-bottom: 10px;
}
.sidebar-search--ratingWrap {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.sidebar-search--rating {
	display: flex;
	align-items: center;
}
.sidebar-search--rating-stars {
	display: flex;
	align-items: center;
}
.sidebar-search--rating-stars img {
	display: inline-block;
	margin-right: 3px;
}
.sidebar-search--rating-number {
	line-height: 1;
}
.sidebar-search--rating-cmt {
	position: relative;
	display: block;
	padding-left: 22px;
}
.sidebar-search--rating-cmt:before {
	position: absolute;
	top: 5px;
	left: 0;
	width: 17px;
	height: 15px;
	display: block;
	background: url(../images/search/icon-msg.svg) no-repeat;
	background-size: 100% 100%;
	content: "";
}
.sidebar-search .form {
	border-top: solid 1px #ebebeb;
}
.sidebar-search .form-row {
	display: flex;
	padding: 12px 15px;
	border-bottom: solid 1px #ebebeb;
}
.sidebar-search .form-row:last-child {
	border-bottom: none;
}
.sidebar-search .form-row--cnt {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.sidebar-search .form-row--cnt .label-box {
		flex-wrap: wrap;
		flex-flow: column;
	}
	.sidebar-search .form-row--cnt .label-box .link-blue {
		display: block;
	}
}
.sidebar-search .form-label {
	width: 72px;
	margin-right: 12px;
	flex-shrink: 0;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.sidebar-search .form-label {
		margin-right: 20px;
	}
}
.sidebar-search--map {
	margin: 30px 0 35px;
}

.index-kv {
	background: url(../images/top/kv-bg.jpg) no-repeat center/cover;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 16.4375vw 50px 21.625vw;
}
@media screen and (max-width: 767px) {
	.index-kv {
		background: url(../images/top/sp/kv-bg.jpg) no-repeat center/cover;
		padding: 57.6vw 20px 68vw;
	}
}
.index-kv__logo {
	padding-top: 1.875vw;
}
@media screen and (max-width: 767px) {
	.index-kv__logo {
		padding-top: 0;
		position: relative;
		top: 5.33333vw;
	}
}
.index-kv__logo img {
	width: 44.40625vw;
}
@media screen and (max-width: 767px) {
	.index-kv__logo img {
		width: 94vw;
	}
}
.index-kv__ob-1,
.index-kv__ob-2,
.index-kv__ob-3,
.index-kv__ob-4,
.index-kv__ob-5,
.index-kv__ob-6,
.index-kv__ob-7,
.index-kv__ob-8,
.index-kv__ob-9,
.index-kv__ob-10,
.index-kv__ob-11,
.index-kv__ob-12,
.index-kv__ob-13 {
	position: absolute;
}
.index-kv__ob-1 {
	left: 51.125vw;
	top: 2.5625vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-1 {
		left: 58.13333vw;
		top: 16.53333vw;
	}
}
.index-kv__ob-1 img {
	width: 76px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-1 img {
		width: 10.13333vw;
	}
}
.index-kv__ob-2 {
	left: 62.4375vw;
	top: 8.25vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-2 {
		left: 73.86667vw;
		top: 27.2vw;
	}
}
.index-kv__ob-2 img {
	width: 80px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-2 img {
		width: 10.66667vw;
	}
}
.index-kv__ob-3 {
	left: 72.125vw;
	top: 17.6875vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-3 {
		left: 79.86667vw;
		top: 45.33333vw;
	}
}
.index-kv__ob-3 img {
	width: 92px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-3 img {
		width: 12.26667vw;
	}
}
.index-kv__ob-4 {
	left: 84.375vw;
	top: 32.3125vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-4 {
		left: 79.33333vw;
		top: 117.33333vw;
	}
}
.index-kv__ob-4 img {
	width: 102px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-4 img {
		width: 13.6vw;
	}
}
.index-kv__ob-5 {
	left: 73.875vw;
	top: 38.25vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-5 {
		left: 58vw;
		top: 121.6vw;
	}
}
.index-kv__ob-5 img {
	width: 92px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-5 img {
		width: 12.26667vw;
	}
}
.index-kv__ob-6 {
	left: 68.0625vw;
	top: 46.6875vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-6 {
		left: 70.26667vw;
		top: 138.26667vw;
	}
}
.index-kv__ob-6 img {
	width: 132px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-6 img {
		width: 17.6vw;
	}
}
.index-kv__ob-7 {
	left: 47.6875vw;
	top: 46.6875vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-7 {
		left: 43.6vw;
		top: 144.8vw;
	}
}
.index-kv__ob-7 img {
	width: 123px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-7 img {
		width: 16.4vw;
	}
}
.index-kv__ob-8 {
	left: 24.5625vw;
	top: 40.1875vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-8 {
		left: 27.6vw;
		top: 134vw;
	}
}
.index-kv__ob-8 img {
	width: 68px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-8 img {
		width: 9.06667vw;
	}
}
.index-kv__ob-9 {
	left: 10.0625vw;
	top: 36.0625vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-9 {
		left: 6.4vw;
		top: 115.46667vw;
	}
}
.index-kv__ob-9 img {
	width: 132px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-9 img {
		width: 17.6vw;
	}
}
.index-kv__ob-10 {
	left: 14.125vw;
	top: 25.9375vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-10 {
		left: 5.2vw;
		top: 56.13333vw;
	}
}
.index-kv__ob-10 img {
	width: 126px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-10 img {
		width: 16.8vw;
	}
}
.index-kv__ob-11 {
	left: 8vw;
	top: 19.4375vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-11 {
		left: 6.4vw;
		top: 40.4vw;
	}
}
.index-kv__ob-11 img {
	width: 110px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-11 img {
		width: 14.66667vw;
	}
}
.index-kv__ob-12 {
	left: 19.5vw;
	top: 7.875vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-12 {
		left: 18.93333vw;
		top: 15.46667vw;
	}
}
.index-kv__ob-12 img {
	width: 143px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-12 img {
		width: 19.06667vw;
	}
}
.index-kv__ob-13 {
	left: 39.1875vw;
	top: 8.6875vw;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-13 {
		left: 43.86667vw;
		top: 37.2vw;
	}
}
.index-kv__ob-13 img {
	width: 74px;
}
@media screen and (max-width: 767px) {
	.index-kv__ob-13 img {
		width: 9.86667vw;
	}
}

.index-anchor {
	background: #ebe7e6;
	padding: 10px 0 40px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.index-anchor {
		padding: 30px 0 40px;
	}
}
.index-anchor__bg-layer {
	margin-top: -9.0625vw;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.index-anchor__bg-layer {
		margin-top: -10vw;
	}
}
.index-anchor__bg-layer img {
	width: 100%;
}
.index-anchor__list {
	display: flex;
	gap: 40px;
}
@media screen and (max-width: 767px) {
	.index-anchor__list {
		flex-wrap: wrap;
		gap: 20px;
		padding: 0 50px;
	}
}
@media screen and (max-width: 767px) {
	.index-anchor__item {
		width: calc((100% - 20px) / 2);
	}
}
.index-anchor__item a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #003a63;
}
.index-anchor__item a .icon {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.index-anchor__item a .icon {
		height: 11.46667vw;
	}
}
.index-anchor__item a .icon img {
	width: 52px;
}
.index-anchor__item a .label {
	line-height: 1.25;
	font-weight: 700;
	padding: 6px 0;
}
@media screen and (max-width: 767px) {
	.index-anchor__item a .label {
		font-size: 12px;
	}
}
.index-anchor__item a .arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 8.5px 0 8.5px;
	border-color: #003a63 transparent transparent transparent;
	position: relative;
	bottom: 0;
	transition: all 0.3s ease 0s;
}
.index-anchor__item a:hover .arrow {
	bottom: -10px;
}
.index-anchor__item.item-1 .icon img {
	width: 52px;
}
@media screen and (max-width: 767px) {
	.index-anchor__item.item-1 .icon img {
		width: 10.4vw;
	}
}
.index-anchor__item.item-2 .icon img {
	width: 54px;
}
@media screen and (max-width: 767px) {
	.index-anchor__item.item-2 .icon img {
		width: 10.8vw;
	}
}
.index-anchor__item.item-3 .icon img {
	width: 57px;
}
@media screen and (max-width: 767px) {
	.index-anchor__item.item-3 .icon img {
		width: 11.06667vw;
	}
}
.index-anchor__item.item-4 .icon img {
	width: 59px;
}
@media screen and (max-width: 767px) {
	.index-anchor__item.item-4 .icon img {
		width: 11.33333vw;
	}
}

.index-career {
	text-align: center;
	padding: 40px 0 1px;
	background-color: #ebe7e6;
	position: relative;
}
@media screen and (max-width: 767px) {
	.index-career {
		padding: 40px 5vw 20px;
		background: #ebe7e6 url(../images/top/sp/career-bg-star.png) no-repeat center top/344px auto;
	}
}
.index-career-inner {
	background: url(../images/top/career-bg-star.png) no-repeat center top 20px/1013px auto;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.index-career-inner {
		background: none;
	}
}
.index-career__ttl {
	margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
	.index-career__ttl {
		margin-bottom: 16px;
	}
}
.index-career__ttl img {
	width: 460px;
}
@media screen and (max-width: 767px) {
	.index-career__ttl img {
		width: 77.2vw;
	}
}
.index-career__body {
	font-size: 18px;
	line-height: 2;
	/*line-height: 2.78;*/
}
@media screen and (max-width: 767px) {
	.index-career__body {
		font-size: 3.6vw;
	}
}
.index-career__bg-layer {
	margin-top: -30px;
	background: #c1d8b9;
}
@media screen and (max-width: 767px) {
	.index-career__bg-layer {
		margin-top: 0;
		position: relative;
	}
}
.index-career__bg-layer img {
	width: 100%;
}
.index-career__bg-layer-left {
	position: absolute;
	left: 0;
	top: 100px;
}
@media screen and (max-width: 767px) {
	.index-career__bg-layer-left {
		top: auto;
		bottom: 0px;
		height: 100%;
		width: 24px;
		background: url(../images/top/sp/career-bg-left.png) repeat-y left bottom/24px auto;
	}
}
.index-career__bg-layer-left img {
	width: 338px;
}
@media screen and (max-width: 767px) {
	.index-career__bg-layer-left img {
		width: 25px;
	}
}
.index-career__bg-layer-right {
	position: absolute;
	right: 0;
	bottom: 50px;
}
@media screen and (max-width: 767px) {
	.index-career__bg-layer-right {
		bottom: 0px;
		height: 100%;
		width: 25px;
		background: url(../images/top/sp/career-bg-right.png) repeat-y left bottom/25px auto;
	}
}
.index-career__bg-layer-right img {
	width: 275px;
}
@media screen and (max-width: 767px) {
	.index-career__bg-layer-right img {
		width: 25px;
	}
}

.index-wrap-1 {
	position: relative;
}
.index-wrap-1__bg-layer-left {
	position: absolute;
	left: 0;
	top: -22vw;
}
@media screen and (max-width: 767px) {
	.index-wrap-1__bg-layer-left {
		top: -60px;
	}
}
.index-wrap-1__bg-layer-left img {
	width: 159px;
}
@media screen and (max-width: 767px) {
	.index-wrap-1__bg-layer-left img {
		width: 23px;
	}
}
.index-wrap-1__bg-layer-right {
	position: absolute;
	right: 0;
	top: 0;
}
@media screen and (max-width: 767px) {
	.index-wrap-1__bg-layer-right {
		top: 130px;
	}
}
.index-wrap-1__bg-layer-right img {
	width: 164px;
}
@media screen and (max-width: 767px) {
	.index-wrap-1__bg-layer-right img {
		width: 18px;
	}
}
.index-wrap-1__bg-layer img {
	width: 100%;
}

.index-about {
	text-align: center;
	background: #c1d8b9;
	padding: 0 0 8px;
}
.index-about:before {
	content: "";
	display: block;
	height: 100px;
	/* 調整したい高さ（固定ヘッダーの高さ） */
	margin-top: -100px;
	/* heightと同じ分のネガティブマージン */
	visibility: hidden;
}
.index-about-inner {
	position: relative;
	top: -7vw;
}
.index-about__ttl {
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	.index-about__ttl {
		margin-bottom: 30px;
	}
}
.index-about__ttl .en {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.index-about__ttl .en {
		margin-bottom: 16px;
	}
}
.index-about__ttl .en img {
	width: 507px;
}
@media screen and (max-width: 767px) {
	.index-about__ttl .en img {
		width: 85.86667vw;
	}
}
.index-about__ttl .jp span {
	background: #003a63;
	color: #c1d8b9;
	display: inline-block;
	padding: 0 5px 2px;
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.index-about__ttl .jp span {
		font-size: 3.6vw;
	}
}
.index-about__body {
	font-size: 18px;
	line-height: 2;
	/*line-height: 2.78;*/
}
@media screen and (max-width: 767px) {
	.index-about__body {
		font-size: 3.6vw;
	}
}

.index-business {
	text-align: center;
	background: #c1d8b9;
	padding: 8px 0 120px;
}
@media screen and (max-width: 767px) {
	.index-business {
		padding: 8px 25px 40px;
	}
}
.index-business__ttl {
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	.index-business__ttl {
		margin-bottom: 24px;
	}
}
.index-business__ttl .en {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.index-business__ttl .en {
		margin-bottom: 16px;
	}
}
.index-business__ttl .en img {
	width: 462px;
}
@media screen and (max-width: 767px) {
	.index-business__ttl .en img {
		width: 85.6vw;
	}
}
.index-business__ttl .jp span {
	background: #003a63;
	color: #c1d8b9;
	display: inline-block;
	padding: 0 5px 2px;
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.index-business__ttl .jp span {
		font-size: 3.6vw;
	}
}
.index-business__list {
	display: flex;
	justify-content: center;
	gap: 90px;
}
@media screen and (max-width: 767px) {
	.index-business__list {
		display: block;
	}
}
.index-business__item {
	width: 300px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.index-business__item {
		width: 100%;
		margin-bottom: 24px;
	}
}
.index-business__item .img {
	margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
	.index-business__item .img img {
		width: 60vw;
	}
}
.index-business__item .ttl {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.67;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.index-business__item .ttl {
		font-size: 4.8vw;
	}
}
.index-business__item .body {
	font-size: 15px;
	text-align: left;
	line-height: 1.67;
}
@media screen and (max-width: 767px) {
	.index-business__item .body {
		font-size: 3.06667vw;
	}
}

.index-interview {
	margin-top: -14vw;
	padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
	.index-interview {
		margin-top: -8vw;
		padding: 0 25px 48px;
	}
}
.index-interview__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 110px;
}
@media screen and (max-width: 767px) {
	.index-interview__list {
		display: block;
		margin: 0;
	}
}
.index-interview__item {
	width: 310px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.index-interview__item {
		width: 100%;
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 767px) {
	.index-interview__item:last-child {
		margin-bottom: 0;
	}
}
.index-interview__item a .img-area {
	position: relative;
}
@media screen and (max-width: 767px) {
	.index-interview__item a .img-area {
		width: 62vw;
		margin: 0 auto;
	}
}
.index-interview__item a .img-area .img {
	border-radius: 50%;
	overflow: hidden;
}
.index-interview__item a .img-area .arrow {
	position: absolute;
	right: 15px;
	bottom: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 58px;
	height: 58px;
	background: #d86856;
	border-radius: 50%;
	transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
	.index-interview__item a .img-area .arrow {
		width: 12vw;
		height: 12vw;
	}
}
.index-interview__item a .img-area .arrow img {
	width: 9px;
}
.index-interview__item a .heading {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.67;
	padding: 20px 0 30px;
	color: #d86856;
	font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
	.index-interview__item a .heading {
		/*font-size: 4vw;*/
		font-size: 4.8vw;
		padding: 15px 0;
	}
}
.index-interview__item a .tag {
	text-align: left;
	display: flex;
	justify-content: center;
}
.index-interview__item a .tag__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 15px;
}
@media screen and (max-width: 767px) {
	.index-interview__item a .tag__list {
		width: 80%;
	}
}
.index-interview__item a .tag__item {
	font-size: 15px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.index-interview__item a .tag__item {
		font-size: 3.06667vw;
	}
}
.index-interview__item a .data {
	font-weight: bold;
	color: #4b4b4b;
}
@media screen and (max-width: 767px) {
	.index-interview__item a .data {
		font-size: 3.2vw;
	}
}
.index-interview__item a:hover .img-area .arrow {
	right: 5px;
}
.index-interview__item:nth-child(2n) .img-area .arrow {
	background: #82aad6;
}
.index-interview__item:nth-child(2n) .heading {
	color: #82aad6;
}

.index-news {
	padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
	.index-news {
		padding: 0 25px 16px;
	}
}
.index-news__list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.index-news__list {
		display: block;
	}
}
.index-news__item {
	width: calc((100% - 90px) / 4);
}
@media screen and (max-width: 767px) {
	.index-news__item {
		width: 100%;
		margin-bottom: 40px;
	}
}
.index-news__item a {
	font-size: 15px;
	color: #4b4b4b;
}
.index-news__item a .img {
	margin-bottom: 10px;
	height: 190px;
	overflow: hidden;
}
.index-news__item a .img img {
	transition: all 0.3s ease 0s;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.index-news__item a .time {
	color: #d96856;
}
.index-news__item a:hover {
	color: #d96856;
}
.index-news__item a:hover .img img {
	transform: scale(1.1);
}

.recruitment-intro {
	padding: 80px 0;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.recruitment-intro {
		padding: 40px 25px;
	}
}
.recruitment-intro__ttl img {
	width: 500px;
}
@media screen and (max-width: 767px) {
	.recruitment-intro__ttl img {
		width: 66.66667vw;
	}
}
.recruitment-intro__img {
	margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
	.recruitment-intro__img {
		margin-bottom: 40px;
	}
}

.recruitment-intro__body p {
	font-size: 18px;
	line-height: 2;
}
@media screen and (max-width: 767px) {
	.recruitment-intro__body p {
		font-size: 3.6vw;
	}
}

@media screen and (max-width: 767px) {
	.recruitment-poo {
		padding: 0 25px;
	}
}

.recruitment-poo .c-ttl .en {
	margin-bottom: 30px;
}
.recruitment-poo .c-ttl .en .line1 {
	font-size: 90px;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	.recruitment-poo .c-ttl .en .line1 {
		font-size: 13.06667vw;
	}
}
.recruitment-poo .c-ttl .en .line2 {
	font-size: 60px;
	font-weight: 200;
}
@media screen and (max-width: 767px) {
	.recruitment-poo .c-ttl .en .line2 {
		font-size: 8.66667vw;
	}
}

.recruitment-poo__unit {
	display: flex;
	margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.recruitment-poo__unit {
		display: block;
		margin-bottom: 48px;
	}
}
.recruitment-poo__unit .img {
	width: 480px;
}
@media screen and (max-width: 767px) {
	.recruitment-poo__unit .img {
		width: 100%;
	}
}
.recruitment-poo__unit .txt {
	width: calc(100% - 480px);
	padding-right: 60px;
}
@media screen and (max-width: 767px) {
	.recruitment-poo__unit .txt {
		width: 100%;
		padding: 0;
	}
}
.recruitment-poo__unit .txt .ttl {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.67;
	color: #8cb4e0;
}
@media screen and (max-width: 767px) {
	.recruitment-poo__unit .txt .ttl {
		font-size: 4.8vw;
	}
}
.recruitment-poo__unit .txt .body {
	font-size: 15px;
	line-height: 1.67;
}
@media screen and (max-width: 767px) {
	.recruitment-poo__unit .txt .body {
		font-size: 3.06667vw;
	}
}
.recruitment-poo__unit:nth-child(2n) {
	flex-direction: row-reverse;
}
.recruitment-poo__unit:nth-child(2n) .txt {
	padding-right: 0;
	padding-left: 90px;
}
@media screen and (max-width: 767px) {
	.recruitment-poo__unit:nth-child(2n) .txt {
		padding: 0;
	}
}

.recruitment-flow {
	background: #f4f0ef;
	padding: 40px 0;
}
@media screen and (max-width: 767px) {
	.recruitment-flow {
		padding-left: 25px;
	}
}
.recruitment-flow-inner {
	position: relative;
	z-index: 2;
}
.recruitment-flow .c-ttl .lead {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.67;
	color: #e26856;
	padding: 28px 0 0;
}
@media screen and (max-width: 767px) {
	.recruitment-flow .c-ttl .lead {
		font-size: 4.8vw;
	}
}
.recruitment-flow__ttl {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__ttl {
		font-size: 3.6vw;
	}
}
.recruitment-flow__list {
	display: flex;
	margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__list {
		overflow: auto;
		margin-bottom: 32px;
		padding-bottom: 20px;
	}
}
.recruitment-flow__item {
	background: #fff;
	width: 200px;
	text-align: center;
	margin-right: 45px;
	padding: 20px;
	position: relative;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item {
		width: auto;
		flex: 0 0 125px;
		padding: 15px 0;
		margin-right: 25px;
	}
}
.recruitment-flow__item:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #003a63;
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item:after {
		border-width: 5.5px 0 5.5px 9.5px;
		right: -18px;
	}
}
.recruitment-flow__item:last-child:after {
	display: none;
}
.recruitment-flow__item .label {
	font-size: 18px;
	line-height: 1.33;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item .label {
		font-size: 2.93333vw;
	}
}
.recruitment-flow__item .icon {
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item .icon {
		height: 56px;
		margin-bottom: 5px;
	}
}
.recruitment-flow__item.item-1 .icon img {
	width: 64px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item.item-1 .icon img {
		width: 40px;
	}
}
.recruitment-flow__item.item-2 .icon img,
.recruitment-flow__item.item-3 .icon img {
	width: 97px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item.item-2 .icon img,
	.recruitment-flow__item.item-3 .icon img {
		width: 60px;
	}
}
.recruitment-flow__item.item-4 .icon img,
.recruitment-flow__item.item-7 .icon img {
	width: 104px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item.item-4 .icon img,
	.recruitment-flow__item.item-7 .icon img {
		width: 65px;
	}
}
.recruitment-flow__item.item-5 .icon img {
	width: 58px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item.item-5 .icon img {
		width: 35px;
	}
}
.recruitment-flow__item.item-6 .icon img {
	width: 61px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item.item-6 .icon img {
		width: 38px;
	}
}
.recruitment-flow__item.item-8 .icon img {
	width: 75px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item.item-8 .icon img {
		width: 47px;
	}
}
.recruitment-flow__item.item-9 .icon img {
	width: 89px;
}
@media screen and (max-width: 767px) {
	.recruitment-flow__item.item-9 .icon img {
		width: 55px;
	}
}

.recruitment-line {
	background: #00b804;
	color: #fff;
	padding: 56px 0 0;
	text-align: center;
}
.recruitment-line__ttl {
	font-size: 24px;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.recruitment-line__ttl {
		font-size: 4.8vw;
	}
}
.recruitment-line__ttl span {
	display: inline-block;
	position: relative;
}
.recruitment-line__ttl span:before,
.recruitment-line__ttl span:after {
	content: "";
	display: block;
	height: 30px;
	width: 2px;
	position: absolute;
	left: -20px;
	top: 50%;
	background: #fff;
	transform: translate(0, -50%) rotate(-25deg);
}
@media screen and (max-width: 767px) {
	.recruitment-line__ttl span:before,
	.recruitment-line__ttl span:after {
		height: 50px;
	}
}
.recruitment-line__ttl span:after {
	left: auto;
	right: -20px;
	transform: translate(0, -50%) rotate(25deg);
}
.recruitment-line-flex {
	display: flex;
	justify-content: center;
	gap: 50px;
}
@media screen and (max-width: 767px) {
	.recruitment-line-flex {
		display: block;
	}
}
.recruitment-line__qr {
	width: 200px;
}
@media screen and (max-width: 767px) {
	.recruitment-line__qr {
		width: 100%;
	}
}
.recruitment-line__qr .code {
	margin-bottom: 15px;
}
.recruitment-line__qr .code img {
	width: 185px;
}
.recruitment-line__qr .txt {
	font-size: 18px;
	line-height: 1.33;
}
@media screen and (max-width: 767px) {
	.recruitment-line__qr .txt {
		margin-bottom: 10px;
	}
}
.recruitment-line__qr .btn {
	display: flex;
	justify-content: center;
	padding-top: 13px;
}
@media screen and (max-width: 767px) {
	.recruitment-line__qr .btn {
		display: block;
		padding: 7px 20px;
	}
}
.recruitment-line__qr .btn a {
	background: #fff;
	color: #00b104;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 9px;
	border-radius: 100vh;
	position: relative;
}
.recruitment-line__qr .btn a .label {
	font-size: 15px;
	font-family: "Lexend", sans-serif;
	margin-right: 5px;
	font-feature-settings: "palt";
}
.recruitment-line__qr .btn a .arrow {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	background: #00b104;
	border-radius: 50%;
}
@media screen and (max-width: 767px) {
	.recruitment-line__qr .btn a .arrow {
		position: absolute;
		right: 8px;
	}
}
.recruitment-line__qr .btn a .arrow img {
	width: 7px;
}
.recruitment-line__qr .btn a:hover {
	background: #006b00;
}
.recruitment-line__illust {
	padding-top: 72px;
}
@media screen and (max-width: 767px) {
	.recruitment-line__illust {
		padding: 40px 20px 0;
	}
}
.recruitment-line__illust img {
	width: 466px;
}
@media screen and (max-width: 767px) {
	.recruitment-line__illust img {
		width: 100%;
	}
}

.welfare-intro {
	text-align: center;
	padding: 80px 0;
}
@media screen and (max-width: 767px) {
	.welfare-intro {
		padding: 40px 25px;
	}
}
.welfare-intro__lead {
	color: #d96856;
	font-size: 28px;
	line-height: 1.67;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.welfare-intro__lead {
		font-size: 4.8vw;
	}
}

.welfare-sec {
	padding: 50px;
	margin-bottom: 70px;
	border-radius: 20px;
}
@media screen and (max-width: 767px) {
	.welfare-sec {
		margin-left: 25px;
		margin-right: 25px;
		padding: 25px;
		margin-bottom: 20px;
	}
}
.welfare-sec__ttl {
	text-align: center;
}
.welfare-sec__ttl img {
	width: 245px;
}
@media screen and (max-width: 767px) {
	.welfare-sec__ttl img {
		width: 122px;
	}
}
.welfare-sec__cnt {
	display: flex;
	gap: 40px;
}
@media screen and (max-width: 767px) {
	.welfare-sec__cnt {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.welfare-sec .welfare-sec__list + .welfare-sec__list {
		border-top: 1px dashed #003a63;
		margin-top: 20px;
	}
}
.welfare-sec__list {
	width: calc((100% - 40px) / 2);
}
@media screen and (max-width: 767px) {
	.welfare-sec__list {
		width: 100%;
		margin: 0;
	}
}
.welfare-sec__item {
	border-bottom: 1px dashed #003a63;
	padding: 40px 0;
}
@media screen and (max-width: 767px) {
	.welfare-sec__item {
		padding: 20px 0;
	}
}
.welfare-sec__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.welfare-sec__item.line2 {
	padding-bottom: 66px;
}
@media screen and (max-width: 767px) {
	.welfare-sec__item.line2 {
		padding-bottom: 20px;
	}
}
.welfare-sec__item .ttl {
	font-size: 28px;
	position: relative;
	font-weight: bold;
	line-height: 1.67;
	padding-left: 30px;
}
@media screen and (max-width: 767px) {
	.welfare-sec__item .ttl {
		font-size: 20px;
		padding-left: 20px;
	}
}
.welfare-sec__item .ttl:before {
	content: "●";
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 22px;
}
@media screen and (max-width: 767px) {
	.welfare-sec__item .ttl:before {
		font-size: 16px;
		top: 3px;
	}
}
.welfare-sec__item .body {
	font-size: 15px;
	font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
	.welfare-sec__item .body {
		font-size: 11px;
	}
}
.welfare-sec.career-sec,
.welfare-sec.communication-sec {
	background: #fffaef;
}
.welfare-sec.style-sec,
.welfare-sec.life-sec {
	background: #f4f0ef;
}
.welfare-sec.career-sec .welfare-sec__item .ttl {
	color: #e26856;
}
.welfare-sec.style-sec .welfare-sec__item .ttl {
	color: #8cb4e0;
}
.welfare-sec.communication-sec .welfare-sec__item .ttl {
	color: #c4ca4e;
}
.welfare-sec.life-sec {
	margin-bottom: 120px;
}
@media screen and (max-width: 767px) {
	.welfare-sec.life-sec {
		margin-bottom: 40px;
	}
}
.welfare-sec.life-sec .welfare-sec__item .ttl {
	color: #ffa65c;
}

.archive-interview {
	text-align: center;
	padding: 80px 0;
}
@media screen and (max-width: 767px) {
	.archive-interview {
		padding: 40px 25px 56px;
	}
}
.archive-interview__ttl {
	margin-bottom: 56px;
}
@media screen and (max-width: 767px) {
	.archive-interview__ttl {
		margin-bottom: 24px;
	}
}
.archive-interview__ttl img {
	width: 460px;
}
@media screen and (max-width: 767px) {
	.archive-interview__ttl img {
		width: 77.2vw;
	}
}
.archive-interview__lead {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.67;
	margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.archive-interview__lead {
		font-size: 4.8vw;
		font-feature-settings: "palt";
		margin-bottom: 40px;
	}
}

.single-interview {
	padding: 80px 0;
}
@media screen and (max-width: 767px) {
	.single-interview {
		padding: 40px 25px 8px;
	}
}
.single-interview-inner {
	position: relative;
	z-index: 2;
}

.single-interview-txt {
	padding: 0 30px;
}
@media screen and (max-width: 767px) {
	.single-interview-txt {
		padding: 0;
	}
}
.single-interview-txt .heading {
	color: #d96856;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 40px;
	margin-top: -40px;
	margin-left: -10px;
}
@media screen and (max-width: 767px) {
	.single-interview-txt .heading {
		font-size: 5.06667vw;
		margin-bottom: 24px;
		margin-top: -20px;
		margin-left: 10px;
	}
}
.single-interview-txt .heading span {
	background: #fff;
	display: inline-block;
	padding: 0 10px;
}
.single-interview-txt .data {
	color: #4b4b4b;
	font-weight: bold;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.single-interview-txt .data {
		font-size: 3.2vw;
		margin-bottom: 24px;
		margin-left: 20px;
	}
}
.single-interview-unit {
	display: flex;
	margin-bottom: 104px;
}
@media screen and (max-width: 767px) {
	.single-interview-unit {
		display: block;
		margin-bottom: 24px;
	}
}
.single-interview-unit:last-child {
	margin-bottom: 40px;
}
.single-interview-unit .img {
	width: 476px;
}
@media screen and (max-width: 767px) {
	.single-interview-unit .img {
		width: 100%;
	}
}
.single-interview-unit .txt {
	width: calc(100% - 476px);
	padding-right: 60px;
}
@media screen and (max-width: 767px) {
	.single-interview-unit .txt {
		width: 100%;
		padding-right: 0;
		margin-bottom: 24px;
	}
}
.single-interview-unit .txt .ttl {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.67;
	color: #d96856;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.single-interview-unit .txt .ttl {
		font-size: 4.8vw;
		margin-bottom: 10px;
	}
}
.single-interview-unit .txt .body {
	font-size: 15px;
	line-height: 1.67;
}
@media screen and (max-width: 767px) {
	.single-interview-unit .txt .body {
		font-size: 3.06667vw;
	}
}
.single-interview-unit:nth-child(2n) {
	flex-direction: row-reverse;
}
.single-interview-unit:nth-child(2n) .txt {
	padding-right: 0;
	padding-left: 60px;
}
@media screen and (max-width: 767px) {
	.single-interview-unit:nth-child(2n) .txt {
		padding-left: 0;
	}
}

.my-photo {
	background: #f4f0ef;
	padding: 40px 0 80px;
	text-align: center;
	position: relative;
}
@media screen and (max-width: 767px) {
	.my-photo {
		padding: 40px 25px;
	}
}

.my-photo-inner {
	position: relative;
	z-index: 2;
}

.other-interview {
	padding: 80px 0 40px;
}
@media screen and (max-width: 767px) {
	.other-interview {
		padding: 48px 25px;
	}
}

.other-interview-inner {
	position: relative;
	z-index: 2;
}

.other-interview__ttl {
	text-align: center;
	font-size: 28px;
	line-height: 1.67;
	margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
	.other-interview__ttl {
		font-size: 4.8vw;
		margin-bottom: 40px;
	}
}
.other-interview__ttl span {
	background-color: #003a63;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
}
.other-interview .index-interview__item a .heading {
	font-size: 28px;
	line-height: 1.67;
}
@media screen and (max-width: 767px) {
	.other-interview .index-interview__item a .heading {
		font-size: 4.8vw;
	}
}

.single-news {
	padding: 80px 0 120px;
}
@media screen and (max-width: 767px) {
	.single-news {
		padding: 40px 25px 56px;
	}
}
.single-news__time {
	font-size: 18px;
	color: #d96856;
}
@media screen and (max-width: 767px) {
	.single-news__time {
		font-size: 3.6vw;
	}
}
.single-news__ttl {
	font-size: 28px;
	line-height: 1.67;
	color: #83abd7;
}
@media screen and (max-width: 767px) {
	.single-news__ttl {
		font-size: 4.8vw;
	}
}
.single-news__body {
	font-size: 15px;
	line-height: 1.67;
}
@media screen and (max-width: 767px) {
	.single-news__body {
		font-size: 3.06667vw;
	}
}
.single-news__img {
	text-align: center;
}

@-moz-document url-prefix() {
} /* -------------------
  OBJECT FIT FOR IE
--------------------*/
.cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

/*# sourceMappingURL=../maps/index.css.map */