@charset "UTF-8";
/* -------------------


  ！！！！！注意！！！！！

  index.cssはSassから生成されていますので、
  直接編集しないようご注意ください

  ！！！！！注意！！！！！


  
--------------------*/
/* -------------------
  VARIABLES
--------------------*/
.font-a {
	font-family: "din-2014", "Noto Sans JP", sans-serif;
}

.font-b {
	font-family: "din-2014", "Noto Sans JP", sans-serif;
	font-style: normal;
}

.din {
	font-family: din-2014, sans-serif;
}

.noto-sans-jp {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
}

/* -------------------
  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: #1d3557;
	font-size: 16px;
	line-height: 2;
	font-weight: 500;
	position: relative;
	letter-spacing: 0.04em;
	font-feature-settings: "palt";
}

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

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

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

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: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-770 {
	max-width: 770px;
	margin: 0 auto;
}

.c-width-970 {
	max-width: 970px;
	margin: 0 auto;
}

.c-width-1170 {
	max-width: 1170px;
	margin: 0 auto;
}

.c-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 17px;
	background: #ffc83c;
	background: linear-gradient(0deg, #ffc83c 50%, #fff03c 50%);
	position: relative;
	height: 70px;
	border-radius: 100vh;
	box-shadow: 0px 5px 0px 0px #000000;
	padding-right: 30px;
}
@media screen and (max-width: 767px) {
	.c-btn a {
		padding-right: 10px;
		gap: 10px;
	}
}
.c-btn a .icon {
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.c-btn a .label {
	font-size: 24px;
	font-weight: bold;
}
.c-btn a .arrow {
	width: 10px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translate(0, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.c-btn a .arrow {
		width: 6px;
		right: 10px;
	}
}

.c-btn.blue a {
	background: #005ac8;
	background: linear-gradient(0deg, #005ac8 50%, #2673d0 50%);
	color: #fff;
}

.c-btn.red a {
	background: #ff2828;
	background: linear-gradient(0deg, #ff2828 50%, #ff5e5e 50%);
	color: #fff;
}

.c-ttl {
	text-align: center;
	line-height: 1.7;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.c-ttl {
		line-height: 1.5;
	}
}
.c-ttl .en {
	font-size: 30px;
	color: #8ba2b3;
	font-family: "din-2014", "Noto Sans JP", sans-serif;
}
.c-ttl .jp {
	font-size: 50px;
}
@media screen and (max-width: 767px) {
	.c-ttl .jp {
		font-size: 40px;
	}
}

.adj-100:before {
	content: "";
	display: block;
	height: 100px;
	/* 調整したい高さ（固定ヘッダーの高さ） */
	margin-top: -100px;
	/* heightと同じ分のネガティブマージン */
	visibility: hidden;
}

/* 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, 50px);
	transition: opacity 0.4s ease 0s, transform 0.4s ease 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 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.9);
}
.fadein.in {
	opacity: 1;
	transform: scale(1);
}

/* Fade up */
.fadeleft {
	opacity: 0;
	transform: translate(-80px, 0);
	transition: opacity 0.4s ease 0s, transform 0.4s ease 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 0.4s ease 0s, transform 0.4s ease 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-t {
	animation: fuwafuwa-t 3.5s infinite;
}

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

@keyframes fuwafuwa-t {
	0% {
		transform: translateY(0px);
	}
	40% {
		opacity: 1;
	}
	100% {
		transform: translateY(-180%);
		opacity: 0;
	}
}

/* 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: "din-2014", "Noto Sans JP", 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;
}

.smoothupwrap {
	overflow: hidden;
	display: block;
}

.smoothup {
	display: block;
	transition: transform 0.8s ease-in-out;
	transform: translate3d(0, 100%, 0) skewY(12deg);
	transform-origin: left;
}

.in .smoothup {
	transform: translate3d(0, 0, 0) skewY(0);
}

.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;
	font-size: 18px;
	font-family: "din-2014", "Noto Sans JP", sans-serif;
}
.pagination .wp-pagenavi {
	padding-top: 48px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 13px;
}
.pagination .wp-pagenavi .page,
.pagination .wp-pagenavi .current {
	color: #1d3557;
	font-weight: 700;
	height: 26px;
	width: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination .wp-pagenavi .current {
	color: #fff;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination .wp-pagenavi .nextpostslink,
.pagination .wp-pagenavi .last,
.pagination .wp-pagenavi .previouspostslink,
.pagination .wp-pagenavi .first {
	height: 26px;
	width: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination .wp-pagenavi .nextpostslink:before,
.pagination .wp-pagenavi .last:before,
.pagination .wp-pagenavi .previouspostslink:before,
.pagination .wp-pagenavi .first:before {
	font-size: 11px;
	position: relative;
}
.pagination .wp-pagenavi .nextpostslink:before {
	content: url(../images/pagination/right.svg);
	width: 6px;
}
.pagination .wp-pagenavi .last:before {
	content: url(../images/pagination/right2.svg);
}
.pagination .wp-pagenavi .previouspostslink:before {
	content: url(../images/pagination/left.svg);
	width: 6px;
}
.pagination .wp-pagenavi .first:before {
	content: url(../images/pagination/left2.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: "din-2014", "Noto Sans JP", 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: 29px;
	height: 13px;
	top: auto;
	bottom: -60px;
	border-radius: 0;
}
@media screen and (max-width: 767px) {
	body .slick-prev,
	body .slick-next {
		width: 29px;
		height: 13px;
		bottom: -30px;
	}
}

body .slick-prev {
	left: 15px;
}
@media screen and (max-width: 767px) {
	body .slick-prev {
		left: 15px;
	}
}
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: contain;
}

body .slick-next {
	right: 15px;
}
@media screen and (max-width: 767px) {
	body .slick-next {
		right: 15px;
	}
}
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: contain;
}

body .slick-dots {
	bottom: -60px;
	left: 50%;
	transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
	body .slick-dots {
		bottom: -50px;
	}
}
body .slick-dots li {
	bottom: 0 !important;
	width: 13px;
	height: 13px;
	margin: 0 7px;
	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: 50%;
	content: "" !important;
	display: block;
	background: none;
	border: 1px solid #fff;
	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: #fff;
	opacity: 1;
}

.l-header {
	display: flex;
	justify-content: space-between;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
}
.l-header__logo {
	padding: 30px;
}
@media screen and (max-width: 767px) {
	.l-header__logo {
		padding: 13px;
	}
}
.l-header__logo img {
	width: 200px;
}
@media screen and (max-width: 767px) {
	.l-header__logo img {
		width: 150px;
	}
}
.l-header__contact {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5;
}
.l-header__contact a {
	background: #efcdb8;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 80px;
	font-size: 17px;
}
@media screen and (max-width: 767px) {
	.l-header__contact a {
		width: 110px;
		height: 60px;
		font-size: 16px;
	}
}

.l-footer {
	background-color: #1d3557;
	color: #fff;
	text-align: center;
	padding: 40px;
}
@media screen and (max-width: 767px) {
	.l-footer {
		padding: 20px 15px;
	}
}
.l-footer .copyright {
	padding-top: 20px;
	font-size: 12px;
}
@media screen and (max-width: 767px) {
	.l-footer .copyright {
		padding-top: 10px;
	}
}

.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;
}

.kv {
	position: relative;
}
.kv__img img {
	width: 100%;
}
.kv__catch {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.kv__catch {
		top: auto;
		bottom: 13vw;
		transform: translate(-50%, 0);
	}
}
.kv__catch img {
	width: 43.85714vw;
}
@media screen and (max-width: 767px) {
	.kv__catch img {
		width: 83.06667vw;
	}
}

.intro {
	background: #f0f2f5;
	padding: 80px 0 0;
}
@media screen and (max-width: 767px) {
	.intro {
		padding: 30px 15px 50px;
	}
}
.intro-inner {
	display: flex;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.intro-inner {
		display: block;
	}
}
.intro__txt {
	padding-top: 50px;
}
@media screen and (max-width: 767px) {
	.intro__txt {
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		margin-bottom: 20px;
		padding-top: 0;
	}
}
.intro__txt .txt {
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.intro__txt .txt {
		margin-bottom: 0;
		width: 60%;
		padding-left: 2.66667vw;
	}
}
@media screen and (max-width: 767px) {
	.intro__txt .girl {
		width: 40%;
	}
}
.intro__compare ul {
	display: flex;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.intro__compare ul {
		gap: 15px;
	}
}
@media screen and (max-width: 767px) {
	.intro__compare ul li {
		width: calc((100% - 15px) / 2);
	}
}
.intro__note {
	text-align: center;
	font-size: 13px;
}

.cta {
	text-align: center;
	position: relative;
	color: #fff;
}
.cta__txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
	.cta__txt {
		width: calc(100% - 8vw);
	}
}
.cta__txt-inner {
	position: relative;
}
.cta__txt .ttl {
	margin-bottom: 20px;
}
.cta__txt .ttl img {
	width: 535px;
}
@media screen and (max-width: 767px) {
	.cta__txt .ttl img {
		width: 100%;
	}
}
.cta__txt .body {
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.cta__txt .body.fs-s {
		font-size: 14px;
	}
}
.cta__txt .illust {
	position: absolute;
	left: -330px;
	top: 50%;
	transform: translate(0, calc(-50% - 40px));
}
@media screen and (max-width: 767px) {
	.cta__txt .illust {
		position: static;
		transform: translate(0, 0);
		margin-bottom: 15px;
	}
}
.cta__txt .illust img {
	width: 304px;
}
@media screen and (max-width: 767px) {
	.cta__txt .illust img {
		width: 100%;
	}
}
.cta__txt .list {
	text-align: left;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.cta__txt .list ul li {
	font-size: 18px;
	background: url(../images/top/cta-check.svg) no-repeat left 10px/20px auto;
	padding-left: 30px;
	border-bottom: 1px dashed #fff;
	margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
	.cta__txt .list ul li {
		font-size: 17px;
	}
}
@media screen and (max-width: 767px) {
	.cta__txt .btn {
		padding: 0 15px;
	}
}
.cta__txt .btn img {
	width: 430px;
}
@media screen and (max-width: 767px) {
	.cta__txt .btn img {
		width: 100%;
	}
}
.cta__img img {
	width: 100%;
}

.onayami {
	padding: 90px 0 130px;
}
@media screen and (max-width: 767px) {
	.onayami {
		padding: 10px 0 80px;
	}
}

.comparison {
	background: #f0f2f5;
	position: relative;
	padding: 120px 0;
}
@media screen and (max-width: 767px) {
	.comparison {
		padding: 30vw 0 50px;
	}
}
.comparison__fukidashi {
	text-align: center;
	position: absolute;
	left: 50%;
	top: -90px;
	transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
	.comparison__fukidashi {
		width: 100%;
		padding: 0 15px;
		top: -20vw;
	}
}
.comparison__fukidashi img {
	width: 900px;
}
@media screen and (max-width: 767px) {
	.comparison__fukidashi img {
		width: 100%;
	}
}
.comparison__ttl {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	.comparison__ttl {
		margin-bottom: 35px;
	}
}
.comparison__ttl .line-1 {
	font-size: 30px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.comparison__ttl .line-1 {
		font-size: 5.33333vw;
	}
}
.comparison__ttl .line-2 {
	font-size: 50px;
	font-weight: bold;
	background: #efcdb8;
	background: linear-gradient(0deg, #efcdb8 40%, rgba(239, 205, 184, 0) 40%);
	padding: 0 30px;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.comparison__ttl .line-2 {
		font-size: 8.53333vw;
		padding: 0 10px;
	}
}
.comparison-unit-wrap {
	display: flex;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.comparison-unit-wrap {
		flex-direction: column;
		padding: 0 15px;
		gap: 50px;
	}
}
.comparison-unit {
	width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 767px) {
	.comparison-unit {
		width: 100%;
	}
}
.comparison-unit .img {
	position: relative;
}
.comparison-unit .img .label {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	background: #8ba2b3;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0 25px 5px;
}
@media screen and (max-width: 767px) {
	.comparison-unit .img .label {
		font-size: 4.26667vw;
		padding: 0 15px 3px;
	}
}
.comparison-unit .arrow {
	text-align: center;
	padding: 40px 0;
}
@media screen and (max-width: 767px) {
	.comparison-unit .arrow {
		padding: 10px 0;
	}
}
.comparison-unit .arrow img {
	width: 28px;
}
@media screen and (max-width: 767px) {
	.comparison-unit .arrow img {
		width: 16px;
		vertical-align: middle;
	}
}
.comparison-unit.buy .img .label {
	background: #1d3557;
}
.comparison__note {
	font-size: 13px;
	text-align: center;
	padding-top: 40px;
}
@media screen and (max-width: 767px) {
	.comparison__note {
		padding-top: 20px;
	}
}

.supportplan {
	background: url(../images/top/supportplan-bg.png) repeat left top/15px 15px;
	padding: 100px 0;
}
@media screen and (max-width: 767px) {
	.supportplan {
		background: url(../images/top/supportplan-bg.png) repeat left top/10px 10px;
		padding: 50px 15px 30vw;
	}
}
.supportplan-inner {
	text-align: center;
	position: relative;
}
.supportplan-inner:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #1d3557;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 0;
}
@media screen and (max-width: 767px) {
	.supportplan-inner:before {
		left: 8px;
		top: 8px;
	}
}
.supportplan__txt {
	padding: 50px;
	position: relative;
	background: #fff;
	border: 1px solid #1d3557;
}
@media screen and (max-width: 767px) {
	.supportplan__txt {
		padding: 30px 20px 27vw;
	}
}
.supportplan__ttl {
	margin-bottom: 20px;
}
.supportplan__ttl img {
	width: 752px;
}
.supportplan__lead {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.supportplan__lead {
		font-size: 18px;
	}
}
.supportplan__body {
	font-size: 13px;
}
.supportplan__illust-1 {
	position: absolute;
	left: -96px;
	bottom: -24px;
}
@media screen and (max-width: 767px) {
	.supportplan__illust-1 {
		left: 0;
		bottom: -28vw;
	}
}
.supportplan__illust-1 img {
	width: 320px;
}
@media screen and (max-width: 767px) {
	.supportplan__illust-1 img {
		width: 61.2vw;
	}
}
.supportplan__illust-2 {
	position: absolute;
	right: -96px;
	bottom: -24px;
}
@media screen and (max-width: 767px) {
	.supportplan__illust-2 {
		right: 0;
		bottom: -28vw;
	}
}
.supportplan__illust-2 img {
	width: 150px;
}
@media screen and (max-width: 767px) {
	.supportplan__illust-2 img {
		width: 28.66667vw;
	}
}

.simulation {
	padding: 100px 0;
	background: #f0f2f5 url(../images/top/simulation-bg.jpg) no-repeat center top/100% auto;
}
@media screen and (max-width: 767px) {
	.simulation {
		padding: 50px 15px 30vw;
		background: #f0f2f5 url(../images/top/simulation-bg.jpg) no-repeat center bottom/100% auto;
	}
}
.simulation-unit-wrap {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.simulation-unit {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}
.simulation-unit.result {
	display: none;
}
@media screen and (max-width: 767px) {
	.simulation-unit.result .term {
		font-weight: bold;
		margin-bottom: 10px;
	}
}
.simulation-unit.result .resultset {
	border: 4px solid #d2d7dd;
	background: #f0f2f5;
	border-radius: 20px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: bold;
	padding: 0 30px;
}
@media screen and (max-width: 767px) {
	.simulation-unit.result .resultset {
		height: 70px;
		border-width: 2px;
		border-radius: 10px;
		justify-content: center;
	}
}
.simulation-unit.result .resultset .term {
	font-size: 20px;
}
.simulation-unit.result .resultset .desc {
	font-size: 40px;
	display: flex;
	align-items: baseline;
	gap: 10px;
}
@media screen and (max-width: 767px) {
	.simulation-unit.result .resultset .desc {
		text-align: center;
		justify-content: center;
	}
}
.simulation-unit.result .resultset .desc .unit {
	font-size: 18px;
	position: relative;
	top: -2px;
}
.simulation-unit-ttl {
	background: #1d3557;
	color: #fff;
	font-size: 50px;
	font-weight: bold;
	text-align: center;
	padding: 20px;
	margin: 0;
}
@media screen and (max-width: 767px) {
	.simulation-unit-ttl {
		font-size: 7.2vw;
	}
}
.simulation-unit-cnt {
	padding: 50px 0 80px;
}
@media screen and (max-width: 767px) {
	.simulation-unit-cnt {
		padding: 30px 15px 40px;
	}
}
.simulation-unit-cnt .lead {
	text-align: center;
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
	.simulation-unit-cnt .lead {
		font-size: 4.26667vw;
		margin-bottom: 20px;
	}
}
.simulation-unit-cnt__row-wrap {
	border-top: 1px solid #e5e5e5;
}
@media screen and (max-width: 767px) {
	.simulation-unit-cnt__row-wrap {
		border-top: none;
	}
}
.simulation-unit-cnt__row {
	padding: 32px 0;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	align-items: flex-start;
}
@media screen and (max-width: 767px) {
	.simulation-unit-cnt__row {
		display: block;
		padding: 15px 0;
	}
}
.simulation-unit-cnt__row .term {
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	width: 267px;
	padding-top: 16px;
}
@media screen and (max-width: 767px) {
	.simulation-unit-cnt__row .term {
		width: 100%;
		padding-top: 0;
		padding-bottom: 8px;
	}
}
.simulation-unit-cnt__row .term .required {
	font-size: 16px;
	font-weight: 500;
	background: #efcdb8;
	padding: 0px 15px 1px;
	margin-right: 10px;
	border-radius: 100vh;
}
@media screen and (max-width: 767px) {
	.simulation-unit-cnt__row .term .required {
		font-size: 14px;
		padding: 0 10px;
	}
}
.simulation-unit-cnt__row .desc {
	width: calc(100% - 267px);
}
@media screen and (max-width: 767px) {
	.simulation-unit-cnt__row .desc {
		width: 100%;
	}
}
.simulation-unit-cnt__row .desc input,
.simulation-unit-cnt__row .desc select,
.simulation-unit-cnt__row .desc textarea {
	background: #f0f2f5;
	border: 1px solid #c5d0d9;
	border-radius: 10px;
	padding: 9px 20px 9px 20px;
	height: 70px;
}
.simulation-unit-cnt__row .desc input.fs-40,
.simulation-unit-cnt__row .desc select.fs-40,
.simulation-unit-cnt__row .desc textarea.fs-40 {
	font-size: 40px;
	font-weight: bold;
	padding: 0px 20px;
}
.simulation-unit-cnt__row .desc input.ta-r,
.simulation-unit-cnt__row .desc select.ta-r,
.simulation-unit-cnt__row .desc textarea.ta-r {
	text-align: right;
}
.simulation-unit-cnt__row .desc input.w-300,
.simulation-unit-cnt__row .desc select.w-300,
.simulation-unit-cnt__row .desc textarea.w-300 {
	width: 300px;
}
@media screen and (max-width: 767px) {
	.simulation-unit-cnt__row .desc input.w-300,
	.simulation-unit-cnt__row .desc select.w-300,
	.simulation-unit-cnt__row .desc textarea.w-300 {
		width: calc(100% - 60px);
	}
}
.simulation-unit-cnt__row .desc input.w-100,
.simulation-unit-cnt__row .desc select.w-100,
.simulation-unit-cnt__row .desc textarea.w-100 {
	width: 100%;
}
.simulation-unit-cnt__row .desc input::placeholder,
.simulation-unit-cnt__row .desc select::placeholder,
.simulation-unit-cnt__row .desc textarea::placeholder {
	color: #d2d7dd;
}
.simulation-unit-cnt__row .desc select {
	background: #f0f2f5 url(../images/common/arrow-down-2.svg) no-repeat right 10px center/12px auto;
	padding-right: 35px;
}
.simulation-unit-cnt__row .desc .note {
	font-size: 13px;
	padding-top: 10px;
}
.simulation-unit-cnt__row .desc .inputset {
	display: flex;
	align-items: center;
	gap: 15px;
}
.simulation__btn {
	text-align: center;
	padding-top: 50px;
}
@media screen and (max-width: 767px) {
	.simulation__btn {
		padding-top: 40px;
	}
}
.simulation__btn input,
.simulation__btn .next {
	cursor: pointer;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 60px;
	border-radius: 100vh;
	border: 2px solid #1d3557;
	font-weight: bold;
	font-size: 18px;
	background: #fff url(../images/common/arrow-right.svg) no-repeat right 10px center/8px auto;
	transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
	.simulation__btn input,
	.simulation__btn .next {
		width: 250px;
		height: 50px;
	}
}
.simulation__btn input:hover,
.simulation__btn .next:hover {
	opacity: 0.7;
}

.fulfillment {
	background: #f0f2f5;
	padding: 100px 0 0;
}
@media screen and (max-width: 767px) {
	.fulfillment {
		padding: 50px 15px 0;
	}
}
.fulfillment-header {
	margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.fulfillment-header {
		margin-bottom: 50px;
	}
}
.fulfillment__list {
	display: flex;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.fulfillment__list {
		flex-direction: column;
		gap: 50px;
	}
}
.fulfillment__item {
	width: calc((100% - 30px) / 2);
	background: #fff;
	padding: 30px 30px 50px;
}
@media screen and (max-width: 767px) {
	.fulfillment__item {
		width: 100%;
		padding: 30px 15px 40px;
	}
}
.fulfillment__item .badge {
	text-align: center;
	margin-top: -60px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.fulfillment__item .badge {
		margin-top: -50px;
	}
}
.fulfillment__item .badge img {
	width: 300px;
}
@media screen and (max-width: 767px) {
	.fulfillment__item .badge img {
		width: 210px;
	}
}
.fulfillment__item .img {
	margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
	.fulfillment__item .img {
		margin-bottom: 30px;
	}
}
.fulfillment__item .txt {
	text-align: center;
	font-weight: bold;
	line-height: 1.67;
}
.fulfillment__item .txt .label {
	font-size: 20px;
	background: #8ba2b3;
	color: #fff;
	display: inline-block;
	padding: 5px 40px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.fulfillment__item .txt .label {
		font-size: 24px;
		padding: 0 20px;
	}
}
.fulfillment__item .txt .label.buy {
	background: #efcdb8;
	color: #1d3557;
}
.fulfillment__item .txt .body {
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.fulfillment__item .txt .body {
		font-size: 20px;
	}
}

.merit {
	background: #f0f2f5;
	padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
	.merit {
		padding: 60px 15px;
	}
}
.merit__list {
	display: flex;
	gap: 30px;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.merit__list {
		flex-direction: column;
	}
}
.merit__item {
	background-color: #fff;
	width: calc((100% - 60px) / 3);
	text-align: center;
}
@media screen and (max-width: 767px) {
	.merit__item {
		width: 100%;
	}
}
.merit__item .txt {
	position: relative;
	padding: 55px 0 40px;
}
.merit__item .txt .number {
	position: absolute;
	left: 50%;
	top: -35px;
	transform: translate(-50%, 0);
	width: 70px;
	height: 70px;
	padding: 5px;
	background: #efcdb8;
	border-radius: 50%;
}
.merit__item .txt .number-inner {
	width: 60px;
	height: 60px;
	border: 1px dotted #1d3557;
	font-size: 34px;
	text-align: center;
	font-family: "din-2014", "Noto Sans JP", sans-serif;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-family: 600;
}
.merit__item .txt .ttl {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	background: #efcdb8;
	background: linear-gradient(0deg, rgba(239, 205, 184, 0.499037) 40%, rgba(239, 205, 184, 0) 40%);
}

.voice {
	padding: 220px 0 120px;
	background: url(../images/top/voice-bg.gif) repeat center/16px auto;
	margin-top: -120px;
}
@media screen and (max-width: 767px) {
	.voice {
		padding: 170px 15px 50px;
		background: url(../images/top/voice-bg.gif) repeat center/10px auto;
		margin-top: -170px;
	}
}
.voice-unit-wrap {
	display: flex;
	flex-direction: column;
	gap: 50px;
}
.voice-unit {
	background: #fff;
	padding: 50px 30px;
	position: relative;
}
@media screen and (max-width: 767px) {
	.voice-unit {
		padding: 40px 15px 30px;
	}
}
.voice-unit .badge {
	position: absolute;
	left: 50%;
	top: -20px;
	transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
	.voice-unit .badge {
		width: 100%;
		text-align: center;
	}
}
.voice-unit .badge img {
	width: 200px;
}
.voice-unit .flex {
	display: flex;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.voice-unit .flex {
		flex-direction: column;
		gap: 15px;
	}
}
.voice-unit .col-1,
.voice-unit .col-2 {
	width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 767px) {
	.voice-unit .col-1,
	.voice-unit .col-2 {
		width: 100%;
	}
}
.voice-unit .col-1 .header {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.voice-unit .col-1 .header .icon {
		width: 100px;
	}
}
.voice-unit .col-1 .header .icon img {
	width: 100px;
}
.voice-unit .col-1 .header .data {
	line-height: 1.7;
	padding-left: 20px;
}
@media screen and (max-width: 767px) {
	.voice-unit .col-1 .header .data {
		width: calc(100% - 100px);
	}
}
.voice-unit .col-1 .header .data .name {
	font-size: 24px;
	font-weight: bold;
}
.voice-unit .col-1 .header .data .job {
	font-size: 18px;
}
.voice-unit .col-2 {
	padding-top: 5px;
}
.voice-unit .col-2 .lead {
	font-size: 24px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	margin-bottom: 25px;
}
.voice-unit .col-2 .lead span {
	border-bottom: 1px dashed #1d3557;
}
.voice-unit:nth-child(2n) .flex {
	flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
	.voice-unit:nth-child(2n) .flex {
		flex-direction: column;
	}
}

.flexible {
	background: #f0f2f5;
	padding: 100px 0 0;
}
@media screen and (max-width: 767px) {
	.flexible {
		padding: 50px 15px;
	}
}
.flexible-header {
	margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.flexible-header {
		margin-bottom: 50px;
	}
}
.flexible-unit {
	display: flex;
	align-items: center;
	position: relative;
	padding: 50px 0;
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	.flexible-unit {
		display: block;
		padding: 0;
		margin-bottom: 30px;
	}
}
.flexible-unit:before {
	content: "";
	display: block;
	width: 70%;
	height: 100%;
	background: #fff;
	position: absolute;
	right: 0;
	top: 0;
}
@media screen and (max-width: 767px) {
	.flexible-unit:before {
		width: 100%;
		height: calc(100% - 110px);
		top: auto;
		bottom: 0;
	}
}
.flexible-unit .img {
	width: 42%;
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.flexible-unit .img {
		width: 100%;
		padding: 0 15px;
	}
}
.flexible-unit .txt {
	width: 58%;
	position: relative;
	z-index: 1;
	padding-left: 96px;
	padding-right: 60px;
}
@media screen and (max-width: 767px) {
	.flexible-unit .txt {
		width: 100%;
		padding: 30px 15px;
	}
}
.flexible-unit .txt .ttl {
	font-size: 40px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
@media screen and (max-width: 767px) {
	.flexible-unit .txt .ttl {
		font-size: 30px;
		align-items: center;
		margin-bottom: 25px;
	}
}
.flexible-unit .txt .ttl span {
	background: #efcdb8;
	background: linear-gradient(0deg, rgba(239, 205, 184, 0.499037) 40%, rgba(239, 205, 184, 0) 40%);
	line-height: 1.5;
	display: inline-block;
	padding: 0 10px;
}
.flexible-unit:nth-child(2n) {
	flex-direction: row-reverse;
}
.flexible-unit:nth-child(2n):before {
	right: auto;
	left: 0;
}
.flexible-unit:nth-child(2n) .txt {
	padding-right: 96px;
	padding-left: 60px;
}
@media screen and (max-width: 767px) {
	.flexible-unit:nth-child(2n) .txt {
		padding: 30px 15px;
	}
}
.flexible__note {
	text-align: center;
	font-size: 13px;
}

.lifeplan {
	padding: 120px 0;
	background: #8ba2b3;
	background: linear-gradient(0deg, #8ba2b3 50%, #f0f2f5 50%);
}
@media screen and (max-width: 767px) {
	.lifeplan {
		background: #8ba2b3;
		padding: 50px 0;
	}
}
@media screen and (max-width: 767px) {
	.lifeplan .c-ttl .jp,
	.lifeplan .c-ttl .en {
		color: #fff;
	}
}
.lifeplan__list {
	display: flex;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.lifeplan__list {
		padding: 0 15px;
		flex-direction: column;
	}
}
.lifeplan__item {
	width: calc((100% - 90px) / 4);
	text-align: center;
	background: #fff;
	padding: 30px 0;
}
@media screen and (max-width: 767px) {
	.lifeplan__item {
		width: 100%;
	}
}
.lifeplan__item .icon {
	height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.lifeplan__item .icon {
		height: auto;
	}
}
.lifeplan__item .icon img.w-160 {
	width: 160px;
}
.lifeplan__item .icon img.w-180 {
	width: 180px;
}
.lifeplan__item .icon img.w-140 {
	width: 140px;
}
.lifeplan__item .icon img.w-158 {
	width: 158px;
}
.lifeplan__item .ttl {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
}
.lifeplan__item .body {
	font-size: 18px;
	line-height: 1.78;
}

.pps {
	padding: 80px 0;
}
@media screen and (max-width: 767px) {
	.pps {
		padding: 60px 0;
	}
}
.pps__ttl {
	text-align: center;
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.pps__ttl {
		padding: 0 15px;
	}
}
.pps__ttl img {
	width: 547px;
}
.pps-header {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
	.pps-header {
		flex-direction: column-reverse;
		margin-bottom: 40px;
	}
}
.pps-header .illust,
.pps-header .txt {
	width: calc((100% - 30px) / 2);
}
@media screen and (max-width: 767px) {
	.pps-header .illust,
	.pps-header .txt {
		width: 100%;
		text-align: center;
	}
}
.pps-header .illust {
	text-align: center;
}
.pps-header .illust img {
	width: 400px;
}
@media screen and (max-width: 767px) {
	.pps-header .illust img {
		width: 72vw;
	}
}
.pps-header .txt .lead {
	font-size: 30px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.pps-header .txt .lead {
		font-size: 24px;
		align-items: center;
	}
}
.pps-header .txt .lead span {
	background: #efcdb8;
	background: linear-gradient(0deg, rgba(239, 205, 184, 0.499037) 40%, rgba(239, 205, 184, 0) 40%);
	line-height: 1.5;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.pps .js-scrollable-wrap {
		white-space: nowrap;
		padding-left: 15px;
	}
}
.pps .js-scrollable {
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	.pps .js-scrollable {
		word-break: break-all;
		table-layout: fixed;
		display: block;
		overflow: scroll;
	}
}
.pps .scroll-hint-icon-wrap.is-active .scroll-hint-icon {
	background: rgba(29, 53, 87, 0.5);
	width: 100px;
	height: 100px;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pps .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
	width: 49px;
	height: 55px;
}
.pps .scroll-hint-icon-wrap.is-active .scroll-hint-icon .scroll-hint-text {
	display: none;
}
.pps__list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.pps__list {
		flex-wrap: nowrap;
		gap: 0;
		width: 1200px;
	}
}
.pps__item {
	width: calc((100% - 90px) / 4);
	background: #f0f2f5;
	text-align: center;
	position: relative;
	padding: 30px 0 40px;
}
@media screen and (max-width: 767px) {
	.pps__item {
		width: 135px;
		margin-right: 15px;
		padding: 20px 0 30px;
	}
}
.pps__item .number {
	font-family: "din-2014", "Noto Sans JP", sans-serif;
	font-size: 40px;
	font-weight: 500;
	color: #8ba2b3;
	position: absolute;
	left: 13px;
	top: -18px;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.pps__item .number {
		font-size: 30px;
		top: -12px;
	}
}
.pps__item .icon {
	margin-bottom: 20px;
}
.pps__item .icon img {
	width: 100px;
}
@media screen and (max-width: 767px) {
	.pps__item .icon img {
		width: 75px;
	}
}
.pps__item .ttl {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
	.pps__item .body {
		font-size: 13px;
	}
}
.pps__note {
	text-align: center;
	padding-top: 30px;
}
@media screen and (max-width: 767px) {
	.pps__note {
		font-size: 13px;
	}
}

.faq {
	padding: 80px 0;
	background: url(../images/top/faq-bg.jpg) repeat center/15px auto;
}
@media screen and (max-width: 767px) {
	.faq {
		padding: 50px 15px;
		background: url(../images/top/faq-bg.jpg) repeat center/10px auto;
	}
}
.faq__list {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.faq__list {
		gap: 15px;
	}
}
.faq__item {
	background: #fff;
	padding: 0 30px;
}
@media screen and (max-width: 767px) {
	.faq__item {
		padding: 0 15px;
	}
}
.faq__item .question,
.faq__item .answer {
	position: relative;
	padding-left: 70px;
}
@media screen and (max-width: 767px) {
	.faq__item .question,
	.faq__item .answer {
		padding-left: 30px;
	}
}
.faq__item .question .icon,
.faq__item .answer .icon {
	font-size: 24px;
	font-family: "din-2014", "Noto Sans JP", sans-serif;
	font-weight: 600;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1;
}
@media screen and (max-width: 767px) {
	.faq__item .question .icon,
	.faq__item .answer .icon {
		font-size: 20px;
	}
}
.faq__item .question .cnt,
.faq__item .answer .cnt {
	font-size: 16px;
	padding-left: 20px;
	position: relative;
}
.faq__item .question .cnt:before,
.faq__item .answer .cnt:before {
	content: "";
	display: block;
	height: 100%;
	width: 1px;
	position: absolute;
	left: 0;
	top: 0;
	border-left: 1px solid #c5d0d9;
}
.faq__item .question {
	position: relative;
	cursor: pointer;
	padding: 20px 65px 20px 38px;
	transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
	.faq__item .question {
		padding: 10px 35px 10px 30px;
	}
}
.faq__item .question .icon {
	top: 28px;
}
@media screen and (max-width: 767px) {
	.faq__item .question .icon {
		top: 16px;
	}
}
.faq__item .question .cnt {
	font-weight: bold;
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.faq__item .question .cnt {
		font-size: 16px;
	}
}
.faq__item .question .cnt:before {
	height: calc(100% - 10px);
	top: 5px;
}
.faq__item .question .status {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translate(0, -50%);
	width: 12px;
	height: 12px;
	transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
	.faq__item .question .status {
		right: 10px;
	}
}
.faq__item .question .status:hover {
	opacity: 0.7;
}
.faq__item .question .status .inner {
	width: 100%;
	height: 100%;
	position: relative;
}
.faq__item .question .status .inner .line-1,
.faq__item .question .status .inner .line-2 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 2px;
	transition: all 0.3s ease 0s;
	background: #1d3557;
}
.faq__item .question .status .inner .line-2 {
	transform: translate(-50%, -50%) rotate(90deg);
}
.faq__item .question .status.open .line-2 {
	transform: translate(-50%, -50%) rotate(360deg);
}
.faq__item .answer {
	padding: 0px 30px 25px 38px;
	display: none;
	border-top: 1px solid #c5d0d9;
}
@media screen and (max-width: 767px) {
	.faq__item .answer {
		padding: 0px 10px 18px 30px;
	}
}
.faq__item .answer .icon {
	color: #8ba2b3;
	top: 20px;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.faq__item .answer .icon {
		width: auto;
		top: 10px;
	}
}
.faq__item .answer .cnt {
	padding-top: 20px;
}
@media screen and (max-width: 767px) {
	.faq__item .answer .cnt {
		font-size: 14px;
		padding-top: 10px;
	}
}
.faq__item .answer .cnt:before {
	height: calc(100% - 30px);
	top: 25px;
}
@media screen and (max-width: 767px) {
	.faq__item .answer .cnt:before {
		height: calc(100% - 20px);
		top: 15px;
	}
}

.contactform {
	padding: 100px 0;
	background: url(../images/top/contactform-bg.gif) repeat center/16px auto;
}
@media screen and (max-width: 767px) {
	.contactform {
		padding: 50px 15px;
		background: url(../images/top/contactform-bg.gif) repeat center/10px auto;
	}
}
.contactform-inner {
	border-radius: 20px;
	padding: 80px;
	background: #fff;
}
@media screen and (max-width: 767px) {
	.contactform-inner {
		border-radius: 0;
		padding: 40px 15px;
	}
}
@media screen and (max-width: 767px) {
	.contactform .c-ttl .jp {
		font-size: 9.86667vw;
	}
}
.contactform__row-wrap {
	border-top: 1px solid #e5e5e5;
}
.contactform__row {
	padding: 20px 0 25px;
	border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 767px) {
	.contactform__row {
		padding: 15px 0 15px;
	}
}
.contactform__row .term {
	font-weight: bold;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.contactform__row .term {
		align-items: flex-start;
		font-size: 18px;
	}
}
.contactform__row .term .required {
	font-size: 14px;
	font-weight: 500;
	background: #efcdb8;
	padding: 0px 15px 1px;
	margin-right: 10px;
	border-radius: 100vh;
	width: 60px;
}
@media screen and (max-width: 767px) {
	.contactform__row .term .required {
		font-size: 14px;
		padding: 0 10px;
		font-size: 16px;
		text-align: center;
		position: relative;
		top: 2px;
		flex: 0 0 60px;
	}
}
.contactform__row .term .option {
	width: 60px;
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
	.contactform__row .term .option {
		width: 0;
		margin-right: 0;
	}
}
.contactform__row .desc input,
.contactform__row .desc select,
.contactform__row .desc textarea {
	background: #f0f2f5;
	border: 1px solid #c5d0d9;
	border-radius: 10px;
	padding: 9px 35px 9px 20px;
}
.contactform__row .desc input.w-100,
.contactform__row .desc select.w-100,
.contactform__row .desc textarea.w-100 {
	width: 100%;
}
.contactform__row .desc select {
	background: #f0f2f5 url(../images/common/arrow-down.svg) no-repeat right 10px center/14px auto;
	min-width: 380px;
}
@media screen and (max-width: 767px) {
	.contactform__row .desc select {
		min-width: auto;
		width: 100%;
	}
}
.contactform__row .desc input[type="date"] {
	position: relative;
}
.contactform__row .desc input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	background: transparent;
	z-index: 1;
}
.contactform__row .desc input[type="date"]::after {
	content: "";
	background-image: url(../images/common/icon-calendar.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	width: 19px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}
.contactform__row .desc .radio-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.contactform__row .desc .radio-wrap {
		flex-direction: column;
		gap: 0px;
	}
}
.contactform__row .desc .note {
	font-size: 13px;
	padding-top: 10px;
}
.contactform__row .desc .flex {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
@media screen and (max-width: 767px) {
	.contactform__row .desc .flex {
		flex-direction: column;
		gap: 15px;
	}
}
.contactform__row .desc .flex > input,
.contactform__row .desc .flex > select,
.contactform__row .desc .flex .inputset {
	width: calc((100% - 30px) / 2);
	display: flex;
	gap: 15px;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.contactform__row .desc .flex > input,
	.contactform__row .desc .flex > select,
	.contactform__row .desc .flex .inputset {
		width: 100%;
	}
}
.contactform__row .desc .flex > input input,
.contactform__row .desc .flex > select input,
.contactform__row .desc .flex .inputset input {
	width: 100%;
}
.contactform__pp {
	text-align: center;
	padding: 40px 0;
	font-weight: bold;
}
.contactform__pp .link {
	margin-bottom: 20px;
}
.contactform__pp .link a {
	text-decoration: underline;
}
.contactform__pp .link a:hover {
	opacity: 1;
	text-decoration: none;
}
.contactform__btn {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.contactform__btn {
		padding: 0 15px;
	}
}
.contactform__btn input {
	width: 300px;
	height: 60px;
	border-radius: 100vh;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	background: #1d3557 url(../images/common/arrow-right-white.svg) no-repeat right 10px center/8px auto;
	transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
	.contactform__btn input {
		width: 100%;
	}
}
.contactform__btn input:hover {
	opacity: 0.7;
}

@-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 */