/* stylelint-disable selector-pseudo-element-no-unknown */
/* stylelint-disable selector-pseudo-class-no-unknown */
/* stylelint-disable selector-id-pattern */
/* stylelint-disable property-no-unknown */
/* stylelint-disable selector-class-pattern */
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");

html {
	position: relative;
	height: 100%;
}

body {
	position: relative;
	height: 100%;
	overflow-x: hidden;
	font-family:
		"Roboto Slab", "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
		sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.65;
	color: #111;
	letter-spacing: 0.07em;
	webkit-tap-highlight-color: #33335b;
}

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

/*	STYLE
/*----------------------------------------------------------------------------------- */

ul,
ol {
	padding: 0;
	margin: 0;
}

li {
	padding: 0;
	margin: 0;
	list-style: none;
}

p {
	padding: 0;
	margin: 0;
	letter-spacing: normal;
}

a {
	color: #33335b;
}

footer a {
	color: #fff;
}

a:hover,
a:focus,
a:active,
a.active {
	color: #33335b;
	outline: none;
}

.btn-primary a {
	color: white;
	text-decoration: none;
	outline: none;
}

.page-top-new a {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 9999;
	padding: 5px 8px;
	font-size: 12px;
	color: #33335b;
	background: rgb(255 255 255 / 50%);
	border: 1px solid #ccc;
	border-radius: 7px;
}

footer a:hover {
	color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	font-family:
		"Roboto Slab", "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
		sans-serif;
	font-size: inherit;
	font-weight: normal;
	line-height: 1.65;
}

.size_minimum {
	font-size: 12px;
}

.size_small {
	font-size: 14px;
}

.size_normal {
	font-size: 16px;
}

.size_large {
	font-size: 20px;
}

.size_maximum {
	font-size: 24px;
}

.size_huge {
	font-size: 28px;
}

.text_gray {
	color: #666;
}

.text_purple {
	color: #33335b;
}

.img-centered {
	margin: 0 auto;
}

.bg-light-gray {
	background-color: #eee;
}

.bg-darkest-gray {
	background-color: #111;
}

.pad0 {
	padding: 0 !important;
}

.padbot0 {
	padding-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

.mt5 {
	margin-top: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mb5 {
	margin-bottom: 5px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bold {
	font-weight: bold;
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

br.br_pc {
	display: none;
}

br.br_mobile {
	display: inline;
}

::selection {
	color: #fff;
	text-shadow: none;
	background: #666a86;
}

img::selection {
	background: transparent;
}

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

/*	BUTTON
/*----------------------------------------------------------------------------------- */

.btn-primary {
	padding: 12px 40px;
	font-family:
		"Roboto Slab", "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
		sans-serif;
	font-size: 18px;
	color: white;
	background-color: #33335b;
	border-color: #33335b;
	border-radius: 3px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	color: white;
	background-color: #333;
	border-color: #222;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
	background-color: #33335b;
	border-color: #33335b;
}

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

/*	HEADER
/*----------------------------------------------------------------------------------- */

.index header {
	width: 100%;
	height: 100%;
}

.subpage header {
	width: 100%;
	height: 270px;
	padding: 70px 0 0;
	color: #fff;
}

.subpage header h1 {
	padding: 60px 0 0;
	font-size: 35px;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.subpage header span.subtitle {
	color: rgb(255 255 255 / 60%);
}

.subpage header.company,
.subpage header.terms,
.subpage header.csta,
.subpage header.privacy_policy {
	background-image: url("../images/company_title.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

.subpage header.recruit {
	background-image: url("../images/recruit_title.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

.subpage header.staff {
	background-image: url("../images/staff_title.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

.subpage header.inspection {
	background-image: url("../images/staff_title.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}

.subpage header.topics {
	background-color: #222;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	background-position: center;
	background-size: cover;
}

.header_banner {
	position: absolute;
	right: 0;
	bottom: 250px;
	width: 250px;
	height: 100px;
	background-color: #ccc;
}

.header_logo {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 400px;
	height: 100px;
	margin: -50px auto 0;
}

.header_concept {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 250px;
	padding: 25px 10px 0;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	letter-spacing: 1px !important;
	background-color: rgb(00 00 00 / 60%);
}

.header_subtitle {
	display: inline-block;
	padding: 5px 20px;
	margin: 0 0 10px;
	border: 1px solid #333;
}

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

/*	NAVI
/*----------------------------------------------------------------------------------- */

.navbar-brand {
	width: auto;
	max-width: 300px;
	height: auto;
	padding: 0;
}

.navbar-custom {
	padding: 15px 30px;
	font-size: 14px;
	background-color: transparent;
	border: none;
	transition: all 0.2s linear;
}

.navbar-custom .navbar-brand {
	color: #fff;
}

.navbar-brand:hover {
	opacity: 0.9;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
	color: #fff;
}

.navbar-custom.affix {
	padding: 10px 20px 0;
	background-color: #111;
}

.navbar-custom.affix .navbar-brand {
	max-width: 200px;
	margin-top: -5px;
	font-size: 1.5em;
}

.navbar-custom .navbar-collapse {
	border-color: rgb(255 255 255 / 2%);
}

.navbar-custom .navbar-toggle {
	font-size: 12px;
	font-weight: 600;
	color: white;
	background-color: #33335b;
	border-color: #33335b;
	border-radius: 2px;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
	background-color: #666a86;
	border-color: #666a86;
}

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

/*	INDEX
/*----------------------------------------------------------------------------------- */

section {
	padding: 70px 0;
}

section h2.section_heading {
	position: relative;
	margin-bottom: 0;
	font-size: 40px;
	font-weight: 600;
}

section h3.section_subheading {
	margin-bottom: 50px;
	font-weight: 400;
}

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

/*	ABOUT
/*----------------------------------------------------------------------------------- */

#about h4.about_heading {
	margin: 15px 0;
	font-weight: 600;
	text-transform: none;
}

#about p.story {
	text-align: justify;
}

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

/*	OUTLINE
/*----------------------------------------------------------------------------------- */

.outline_bg {
	background-image: url("../images/outline_mark.png");
	background-repeat: no-repeat;
	background-position: 20% 20%;
}

p.outline_sentence {
	padding: 0 0 20px;
	line-height: 1.8;
	text-align: justify;
}

h4.outline_heading {
	font-weight: 200;
}

span.outline_sub {
	display: block;
	padding: 0 0 20px;
	color: rgb(255 255 255 / 60%);
}

.outline_travel {
	padding: 30px 0;
	color: #fff;
	background-color: #666a86;
}

.outline_realestate {
	padding: 30px 0;
	color: #fff;
	background-color: #999;
}

.outline_travel img,
.outline_realestate img {
	width: 220px;
	padding: 20px;
	margin: 0 auto 10px;
	background-color: #fff;
	border: 1px #111 solid;
}

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

/*	TOPICS
/*----------------------------------------------------------------------------------- */

.topics-member {
	margin-bottom: 50px;
	text-align: center;
}

.topics-member img {
	max-width: 270px;
	max-height: 180px;
	margin: 0 auto;
	overflow: hidden;
	transition: 0.5s;
}

.topics-member h4 {
	margin-top: 25px;
	margin-bottom: 0;
	text-transform: none;
}

.topics-member p {
	margin-top: 0;
}

/*	CONTACT
/*----------------------------------------------------------------------------------- */

#contact {
	color: #fff;
	background-color: #111;
	background-image: url("../images/contact_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

#contact li.tel {
	font-size: 25px;
	font-weight: 600;
}

.anchor-navi ul {
	display: flex;
	justify-content: center;
	background: #000;
}

#contact ul {
	padding: 0 0 40px;
}

#contact .section-heading {
	color: white;
}

#contact .form-group {
	margin-bottom: 25px;
}

#inspection-form dd input {
	width: 80%;
	padding: 5px 0 5px 7px;
}

#inspection-form textarea {
	width: 100%;
	max-width: 850px;
	height: 300px;
	padding: 5px 0 5px 7px;
	margin-bottom: 20px;
}

#contact .form-group input,
#contact .form-group textarea {
	padding: 20px;
}

#contact .form-group input.form-control {
	height: auto;
}

#contact .form-group textarea.form-control {
	height: 236px;
}

#contact .form-control:focus {
	border-color: #33335b;
	box-shadow: none;
}

#contact ::input-placeholder {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #eee;
}

#contact :input-placeholder {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	color: #eee;
}

#contact .text-danger {
	color: #e74c3c;
}

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

/*	COMPANY/RECRUIT
/*----------------------------------------------------------------------------------- */
#recruit_data table {
	margin: 20px 0 0;
}

/* 200706 add */
#recruit_data .anchor {
	padding-bottom: 150px;
	margin-bottom: -150px;
}

#recruit_data .job-list {
	margin-bottom: 25px;
	margin-left: 10px;
}

/* 181017追加 */
#recruit_data div.recruit_box {
	padding: 20px 30px;
	margin: 0 0 25px;
	background-color: #fff;
	border: #eee 5px solid;
}

#recruit_data h2 {
	padding-top: 100px;
	margin-top: -100px;
}

#profile_data h2 {
	margin: 30px 0 5px;
	font-weight: 600;
}

#insp-ex h2 {
	padding: 10px 0;
	margin-bottom: 30px;
	font-size: 28px;
	color: #fff;
	text-align: center;
	background: #666;
}

#recruit_data div.recruit_box h2 {
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #111;
	border: none;
}

#inspection-form dt,
#inspection-form dd {
	display: inline-block;
}

#inspection-form dt {
	width: 200px;
}

#inspection-confirm dt,
#inspection-confirm dd {
	display: inline-block;
	vertical-align: top;
}

#inspection-confirm dt {
	min-width: 200px;
}

#recruit_data div.recruit_box dt {
	margin: 15px 0 3px;
}

#company_data td,
#recruit_data td {
	width: 85%;
	padding: 20px 10px;
}

#company_data th,
#recruit_data th {
	width: 15%;
	padding: 20px 10px;
	vertical-align: middle;
}

.social li {
	display: inline-block;
	margin: 0 7px 10px 0;
}

footer ul.banner li {
	display: inline-block;
	margin: 0 0 3px;
}

.navbar-custom .nav li:last-child {
	margin: -15px -15px 0 10px;
	background: #e60012;
}

.navbar-custom .nav li:last-child:hover {
	background: #f00;
}

.navbar-custom.affix .nav li:last-child {
	margin: -10px -5px 0 0;
}

#company_data li,
#recruit_data li {
	padding: 0 0 10px;
}

#company_data dl,
#recruit_data dl {
	padding: 15px 0 0;
}

#company_data dd,
#recruit_data dd {
	padding: 10px 0 0;
}

.header-txtlogo img {
	max-width: 350px;
}

div.shareholder img {
	width: 220px;
	margin: 10px 5px 0 0;
	border: 1px solid #eee;
}

div.oper-linkbox {
	margin-bottom: 10px;
}

div.oper-linkbox img {
	max-width: 90%;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

div.birupaku-ban {
	padding: 0;
	margin-bottom: 60px;
}

div.birupaku-ban a img {
	width: 100%;
}

#recruit_data figure {
	padding-bottom: 25px;
}

#recruit_data figcaption {
	padding-top: 5px;
}

section h2.section_heading span {
	margin-left: 7px;
	font-size: 0.7em;
}

#recruit_data h2 span {
	display: block;
	padding: 5px 10px;
	margin: 0 0 25px;
	color: #666a86;
	border-top: 4px #666a86 solid;
	border-bottom: 1px #666a86 solid;
}

.header-txtlogo p {
	margin-bottom: 25px;
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	letter-spacing: 0.3em;
}

#recruit_data p {
	padding: 0 0 10px;
	line-height: 1.8;
	text-align: justify;
}

#profile_data p {
	padding: 10px 0 20px;
	line-height: 1.8;
	text-align: justify;
}

/* ---------------------------------------------
  staff
 ---------------------------------------------- */
#profile_data .container-fluid {
	max-width: 1600px;
}

#staff_data {
	padding: 60px 0;
	background-color: #eee;
}

#staff_data div.ja {
	padding: 0 0 20px;
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
}

#about .story p {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 2;
	text-align: center;
}

#case-intro .area-text p {
	font-size: 18px;
	line-height: 2;
}

#staff_data div.ja p {
	padding: 0 0 8px;
}

#staff_data div.en,
#staff_data div.th,
#staff_data div.id,
#staff_data div.fr {
	padding: 0 0 20px;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.07em;
	word-wrap: break-word;
	text-rendering: optimizelegibility;
}

#staff_data div.zh {
	padding: 0 0 20px;
	font-family: "AR Biaosong B", "Microsoft YaHei", "微软雅黑", SimSun, sans-serif;
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
}

#staff_data div.my {
	/* font-family: Zawgyi-One; */
	padding: 0 0 20px;
	font-size: 14px;
	line-height: 1.7;
}

#staff_data div.en p,
#staff_data div.th p,
#staff_data div.id p,
#staff_data div.fr p,
#staff_data div.zh p,
#staff_data div.my p {
	padding: 0 0 10px;
	color: #555;
}

#staff_data article {
	padding: 30px 0;
	border-bottom: #ccc 1px solid;
}

#staff_data ul {
	padding: 10px 0 15px;
}

#staff_data img.flag {
	width: 30px;
	height: 20px;
}

/* -- 20210312 add -- */
#staff_data .section-title {
	padding: 50px 0 3px;
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 700;
	border-bottom: 1px solid #000;
}

#staff_data .section-title span {
	margin: 0 10px;
	font-size: 22px;
	font-weight: normal;
	vertical-align: 2px;
}

#staff_data .section-title::after {
	display: block;
	content: "";
}

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

/* inspection
/*----------------------------------------------------------------------------------- */
#insp-info {
	padding: 70px 15px 50px;
}

#insp-info ul {
	max-width: 800px;
	margin: 0 auto 30px;
}

#insp-info li {
	padding: 0 0 0 10px;
	margin: 5px 0;
	font-size: 14px;
	border-left: 2px solid #888;
}

#insp-ex {
	padding: 0;
}

#insp-ex .ex-box {
	max-width: 850px;
	padding: 0 15px;
	margin: 0 auto 60px;
}

#inspection-form h3 {
	margin-bottom: 30px;
	font-size: 24px;
	text-align: center;
}

#insp-ex .ex-box h3 {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: bold;
}

#insp-ex .ex-box h3 span {
	position: relative;
	font-size: 50px;
	vertical-align: -9px;
}

#insp-ex .ex-box h3 span::after {
	position: absolute;
	bottom: -15px;
	left: 2px;
	display: block;
	font-size: 18px;
	content: "CASE";
}

#insp-ex .ex-box .inner {
	padding-left: 100px;
}

#insp-ex .ex-box .info {
	margin-bottom: 15px;
}

#insp-ex .ex-box .info span {
	padding: 3px 15px;
	margin-left: 15px;
	border: 1px solid #666;
}

#insp-ex .ex-box .route {
	width: 250px;
	margin: 40px 0 10px;
	margin-top: 40px;
	margin-bottom: 5px;
	text-align: center;
}

#insp-ex .ex-box .route::before {
	display: inline-block;
	width: 50px;
	margin-right: 10px;
	vertical-align: 5px;
	content: "";
	border-top: 1px solid #666;
}

#insp-ex .ex-box .route::after {
	display: inline-block;
	width: 50px;
	margin-left: 10px;
	vertical-align: 5px;
	content: "";
	border-top: 1px solid #666;
}

#insp-ex .ex-box .price {
	display: inline-block;
	padding: 3px 15px 3px 10px;
	margin-bottom: 10px;
	font-size: 20px;
	border: 1px solid #666;
}

#insp-ex .ex-box .notes {
	margin-bottom: 30px;
	font-size: 14px;
}

/* -- for link -- */
#link-section {
	padding: 0;
	padding-top: 70px;
	margin-top: -70px;
}

/* -- form -- */
#inspection-form {
	padding: 30px 15px 70px;
	background: #eee;
}

#inspection-form .inspection-form-inner {
	max-width: 850px;
	margin: 0 auto;
}

#inspection-form .red-notes {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	color: #ff2626;
}

#inspection-form dt span.red,
#inspection-form p span.red {
	margin-right: 2px;
	font-size: 10px;
	color: #ff2626;
	vertical-align: 1px;
}

#inspection-form dd {
	width: calc(100% - 210px);
}

/* -- confirm -- */
#inspection-confirm {
	max-width: 850px;
	margin: 0 auto;
}

#inspection-confirm .alart.red {
	color: #ff2626;
}

#inspection-confirm #inspection-form {
	padding: 30px 15px 70px;
	margin: 0 -15px;
}

/* -- send -- */
#inspection-send {
	max-width: 850px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	#insp-info .text-center {
		text-align: left !important;
	}

	#insp-info .items-container div br {
		display: none;
	}

	#insp-info a {
		text-align: left;
	}

	#insp-ex .ex-box h3 {
		font-size: 20px;
	}

	#insp-ex .ex-box h3 span {
		font-size: 30px;
		vertical-align: -4px;
	}

	#insp-ex .ex-box h3 span::after {
		bottom: -10px;
		font-size: 12px;
	}

	#insp-ex .ex-box .inner {
		padding: 0;
	}

	#inspection-form dt,
	#inspection-form dd {
		display: block;
		width: 100%;
	}

	#inspection-confirm dt,
	#inspection-confirm dd {
		display: block;
		width: 100%;
	}
}

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

/*	FOOTER
/*----------------------------------------------------------------------------------- */

footer {
	padding: 25px 0;
	font-size: 14px;
	line-height: 2;
	color: #fff;
	background-color: #111;
}

ul.social {
	margin: 30px 0 0;
}

footer div.relate_rogo img {
	width: 145px;
}

footer ul.banner img {
	width: 110px;
	filter: grayscale(100%);
	border: 1px #666 solid;
	transition: 0.2s linear;
}

.topics-member img:hover {
	transform: scale(1.1, 1.1);
}

footer ul.banner a:hover img {
	filter: grayscale(0%);
}

footer ul.banner li.contest2018 {
	margin: 0 0 10px;
}

footer ul.banner li.contest2018 a img {
	width: 180px;
	filter: none;
	border: none;
}

footer ul.banner li.contest2018 a img:hover {
	filter: grayscale(100%);
}

/*	RESPONSIVE STYLES
/*----------------------------------------------------------------------------------- */
@media (max-width: 767px) {
	section {
		padding: 60px 0;
	}

	section h3.section_subheading {
		margin-bottom: 60px;
	}

	div.birupaku-ban a {
		max-width: calc(90% - 30px);
	}
}

@media (max-width: 543px) {
	.size_minimum {
		font-size: 11px;
	}

	.size_small {
		font-size: 12px;
	}

	.size_normal {
		font-size: 14px;
	}

	.size_large {
		font-size: 18px;
	}

	.size_maximum {
		font-size: 22px;
	}

	.size_huge {
		font-size: 24px;
	}

	br.br_pc {
		display: inline;
	}

	br.br_mobile {
		display: none;
	}

	/* __________ Bootstrap Style __________ */
	.col-ss-1,
	.col-ss-2,
	.col-ss-3,
	.col-ss-4,
	.col-ss-5,
	.col-ss-6,
	.col-ss-7,
	.col-ss-8,
	.col-ss-9,
	.col-ss-10,
	.col-ss-11 {
		float: left;
	}

	.col-ss-12 {
		width: 100%;
	}

	.col-ss-11 {
		width: 91.6666%;
	}

	.col-ss-10 {
		width: 83.3333%;
	}

	.col-ss-9 {
		width: 75%;
	}

	.col-ss-8 {
		width: 66.6666%;
	}

	.col-ss-7 {
		width: 58.3333%;
	}

	.col-ss-6 {
		width: 50%;
	}

	.col-ss-5 {
		width: 41.6666%;
	}

	.col-ss-4 {
		width: 33.3333%;
	}

	.col-ss-3 {
		width: 25%;
	}

	.col-ss-2 {
		width: 16.6666%;
	}

	.col-ss-1 {
		width: 8.3333%;
	}

	.navbar-brand {
		width: 180px;
		padding: 5px 0 0;
	}

	.header_banner {
		display: none;
	}

	.header_concept {
		font-size: 16px;
	}

	.header_logo {
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;
		width: 200px;
		margin: -25px auto 0;
	}

	section {
		padding: 50px 0;
	}

	section h2.section_heading {
		margin-bottom: 0;
		font-size: 25px;
	}

	section h3.section_subheading {
		margin-bottom: 50px;
	}

	#company_data table,
	#recruit_data table {
		font-size: 14px;
	}

	.subpage header h1 {
		font-size: 30px;
	}
}

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

/*	STYLE
/*----------------------------------------------------------------------------------- */
.sp-block {
	display: none;
}

.pc-block {
	display: block;
}

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

/*	NAVI
/*----------------------------------------------------------------------------------- */

.anchor-navi li a {
	display: block;
	padding: 20px 25px;
	font-size: 16px;
	font-weight: 500;
	color: #acbdca;
}

.social li a {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 23px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
}

div.birupaku-ban a {
	display: block;
	max-width: 70%;
	margin: 0 auto;
}

.page-top-new a:hover {
	text-decoration: none;
	background: rgb(255 255 255 / 80%);
	border: 1px solid #888;
}

.page-top-new a:active,
.page-top-new a:visited,
.page-top-new a:focus {
	text-decoration: none;
}

.anchor-navi li a:hover {
	color: #fff;
	text-decoration: none;
}

.navbar-custom .nav li a {
	padding: 30px 15px 10px;
	font-size: 17px;
	font-weight: 500;
	line-height: 20px;
	color: white;
	letter-spacing: 0.1em;
}

div.birupaku-ban a:hover {
	opacity: 0.8;
}

.navbar-custom .navbar-nav > .active > a {
	color: white;
	background-color: #111;
	border-radius: 0;
}

.navbar-custom .nav li a:hover {
	border-bottom: 1px #eee solid;
}

.navbar-custom .nav li:last-child a {
	padding: 30px 30px 25px;
	line-height: 50px;
}

.navbar-custom.affix .nav li a {
	padding: 10px 15px 5px;
	font-size: 16px;
	line-height: 20px;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
	color: white;
	background-color: transparent;
	border-bottom: 4px #666a86 solid;
	outline: none;
}

.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
	color: white;
	background-color: #111;
	border-bottom: 4px #666a86 solid;
}

.navbar-custom.affix .nav li:last-child a {
	padding: 5px 20px;
	line-height: 50px;
}

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

/*	HEADER
/*----------------------------------------------------------------------------------- */

/* -- メインビジュアル -- */
.swiper-container-new {
	height: calc(100% - 66px);
}

/* -- ロゴとテキスト -- */
.header-txtlogo {
	z-index: 100;
	width: auto;
	height: auto;
	margin: -60px auto 0;
}

/* -- アンカーナビ -- */
.anchor-navi {
	position: absolute;
	bottom: 0;
	z-index: 10;
	width: 100%;
}

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

/*	CONTENTS
/*----------------------------------------------------------------------------------- */

section h2.section_heading::after {
	position: absolute;
	right: 0;
	bottom: 12px;
	left: 0;
	z-index: -1;
	display: block;
	width: 380px;
	height: 15px;
	margin: 0 auto;
	content: "";
	background: #aed0ee;
}

/* -- about -- */
#about {
	position: relative;
	z-index: 0;
	padding: 70px 0 40px;
	background: url("/images/top/bg_map.jpg") center center/cover repeat;
}

#about .about-imgbox {
	display: flex;
	justify-content: center;
	margin: 0 -15px 60px;

	/*
	width: calc(100% + 30px);
*/
	background: #000;
}

#about .about-imgbox div {
	position: relative;
}

#about .about-imgbox div img {
	width: 100%;
	max-width: 400px;
}

#sent-info h4 {
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 600;
}

#blanding .bland-box h4 {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: 500;
}

#case-intro .area-text h4 {
	margin-bottom: 15px;
	font-size: 30px;
}

#about .about-imgbox div h4 {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -40px;
	margin-left: 1rem;
	font-size: 50px;
	font-weight: 800;
	color: #eee;
	text-align: center;
	letter-spacing: 2rem;
}

/* -- 実績紹介 -- */
#case-intro {
	background: #fff;
}

#case-intro .area-text {
	margin-bottom: 60px;
}

#case-intro .s-box {
	margin-bottom: 60px;
}

#case-intro .s-box .thumb-box {
	max-width: 560px;
	padding: 10px;
	margin: 0 auto 35px;
	border: 1px solid #ccc;
}

#case-intro .s-box h5 {
	max-width: 560px;
	padding: 0 0 30px;
	margin: 0 auto 25px;
	font-size: 22px;
	font-weight: 500;
	border-bottom: 1px solid #ccc;
}

#case-intro .s-box h6 {
	margin-bottom: 25px;
	font-size: 18px;
}

#case-intro .s-box .logo-box {
	min-height: 145px;
}

.navbar-custom .nav li:last-child a:hover,
.navbar-custom .nav li:last-child a:active,
.navbar-custom .nav li:last-child a:visited,
.navbar-custom .nav li:last-child a:focus {
	border-bottom: none;
}

#insp-info a {
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

#case-intro .s-box a {
	display: block;
	width: 173px;
	height: 45px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 600;
	line-height: 45px;
	color: #fff;
	background: url("/images/top/link_btn.jpg") no-repeat;
}

#recruit_data .job-list a {
	display: block;
}

#case-intro .s-box a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.page-top-new a i {
	display: block;
	margin: -3px 0 -4px;
	font-size: 30px;
	text-align: center;
	transition: all 0.1s linear;
}

.page-top-new a:hover i {
	margin: -5px 0 -2px;
}

#case-intro .s-box a i {
	margin-left: 5px;
	font-size: 16px;
}

/* -- 街のブランディング -- */
#blanding {
	padding: 70px 0 0;
	background: url("/images/top/bg_map.jpg") center center/cover repeat;
}

#blanding .bland-box {
	width: 100%;
	max-width: 1200px;
	padding: 50px 0 60px;
	margin: 10px auto 70px;
	background: #fff;
}

#blanding .bland-box .l-box,
#blanding .bland-box .r-box,
#blanding .bland-box .c-arrow {
	display: inline-block;
}

#blanding .bland-box .l-box {
	background: url("/images/top/bland_bg1.png") center center/contain repeat;
}

#blanding .bland-box .r-box {
	background: url("/images/top/bland_bg2.png") center center/contain repeat;
}

#blanding .bland-box .l-box,
#blanding .bland-box .r-box {
	width: 40%;
	max-width: 400px;
	padding: 110px 0 130px;
	color: #fff;
}

#sent-info .sent-box h5 {
	margin-bottom: 30px;
	font-size: 18px;
}

#blanding .bland-box .l-box h5,
#blanding .bland-box .r-box h5 {
	margin-bottom: 30px;
	font-size: 32px;
	font-weight: 800;
}

#blanding .bland-box .l-box p,
#blanding .bland-box .r-box p {
	font-size: 20px;
	line-height: 2;
}

#blanding .bland-box .c-arrow .left {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 3px;
	vertical-align: 50%;
	border-color: transparent #3b5272 transparent transparent;
	border-style: solid;
	border-width: 30px 20px 30px 0;
}

#blanding .bland-box .c-arrow .right {
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 3px 0 0;
	vertical-align: 50%;
	border-color: transparent transparent transparent #866c55;
	border-style: solid;
	border-width: 30px 0 30px 20px;
}

#blanding .bland-box .store-box {
	padding: 0 5%;
	margin: 60px 0 0;
}

#blanding .bland-box .store .thumb-box {
	margin-bottom: 5px;
}

#blanding .bland-img-box div img {
	width: 100%;
}

#about span.about_icon img {
	height: 150px;
}

#about div.about_excite img {
	width: 220px;
	padding: 10px 0 5px;
}

#case-intro .s-box .thumb-box img {
	width: 100%;
}

#blanding .bland-box .store .thumb-box img {
	max-width: 100%;
}

#blanding .bland-box .store h6 {
	margin-bottom: 30px;
	font-size: 15px;
}

#blanding .bland-box .text {
	font-size: 18px;
	font-weight: 500;
}

#blanding .bland-title {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: 600;
}

#blanding .ele-text1 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: 600;
	color: #3b5272;
}

#blanding .ele-img1,
#blanding .ele-img2 {
	display: block;
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
}

#blanding .ele-img1 {
	padding-left: 2%;
}

#blanding .ele-img2 {
	padding-right: 2%;
}

#blanding .ele-box {
	display: inline-block;
	width: 45%;
	max-width: 450px;
	padding: 40px 0;
	margin: 0 2%;
	color: #fff;
}

#blanding .ele-box.ele-box1 {
	background: #3b5272;
}

#blanding .ele-box.ele-box2 {
	background: #866c55;
}

#blanding .ele-box .main-text {
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: 600;
}

#blanding .ele-box .sub-text {
	font-size: 18px;
}

#blanding .ele-text2 {
	margin-top: 5px;
	font-size: 22px;
	font-weight: 600;
	color: #866c55;
}

#blanding .r-txt {
	margin: 30px 0 100px;
	font-size: 20px;
	font-weight: 500;
}

#blanding .bland-img-box {
	margin: 0;
	background: #fff;
}

#blanding .bland-img-box div {
	padding: 2px;
}

#blanding .bland-img-box div div.if-inner {
	position: relative;
	width: 100%;
	height: 0;

	/*
	padding-top: 56.25%;
*/
	padding-top: 49.5%;
}

#blanding .bland-img-box div div.if-inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#blanding .bland-img-box .mv-box {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	filter: opacity(70%);
}

#blanding .bland-img-box .mv-box video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* -- 世界へ情報発信 -- */
#sent-info {
	padding: 70px 0 160px;
	background: url("/images/top/bg_map.jpg") center center/cover repeat;
}

#sent-info .sent-box-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	max-width: 1400px;
	margin: 0 auto;
}

#sent-info .sent-box {
	width: 100%;
	max-width: 610px;
	padding: 50px 20px;
	margin: 0 15px 30px;
	text-align: center;
	background: #fff;
}

#sent-info .sent-box.left-box .ex-page {
	width: 100%;
	max-width: 539px;
	margin-bottom: 50px;
}

#sent-info .sent-box.left-box .ex-logo {
	width: 100%;
	max-width: 275px;
	margin-bottom: 45px;
}

#sent-info .sent-box.left-box a {
	display: block;
	width: 173px;
	height: 45px;
	margin: 0 auto 15px;
	font-size: 18px;
	font-weight: 600;
	line-height: 45px;
	color: #fff;
	background: url("/images/top/link_btn.jpg") no-repeat;
}

#sent-info .sent-box.left-box a:hover {
	text-decoration: none;
	opacity: 0.8;
}

#recruit_data .job-list a i {
	margin-right: 3px;
}

#sent-info .sent-box.left-box a i {
	margin-left: 5px;
	font-size: 16px;
}

#sent-info .sent-box.right-box .staff-img {
	display: flex;
	flex-wrap: wrap;
	max-width: 500px;
	margin: 0 auto 35px;
}

#sent-info .sent-box.right-box .staff-img img {
	width: 50%;
	padding: 3px;
}

#sent-info .sent-box.right-box .staff-co {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 20px;
}

#sent-info .sent-box.right-box .staff-co img {
	width: 100%;
	max-width: 79px;
}

#sent-info .sent-box.right-box .contry-name {
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.4;
}

#sent-info .sent-box.right-box .contry-info {
	font-weight: 500;
}

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

/*	FOOTER
/*----------------------------------------------------------------------------------- */

footer ul.banner {
	margin-bottom: 10px;
	text-align: right;
}

@media (max-width: 1199px) {
	.navbar-brand {
		max-width: 200px;
	}
}

@media (max-width: 991px) {
	/* -- ナビ -- */
	.navbar-header,
	.navbar-right {
		float: none !important;
	}

	.navbar-right {
		width: 100%;
		margin: 0 0 0 30px;
	}

	.navbar-custom .nav li a {
		padding: 20px 10px 5px;
	}

	.navbar-custom .nav li:last-child {
		float: right;
		margin: 0 0 0 10px;
	}

	.navbar-custom.affix .nav li:last-child {
		margin: -10px 10px 0 0;
	}

	.navbar-custom .nav li:last-child a {
		padding: 20px 30px;
		line-height: 20px;
	}

	.navbar-custom.affix .nav li:last-child a {
		margin: 0 5px 0 10px;
	}

	/* -- メインビジュアル -- */
	.header-txtlogo p {
		font-size: 24px;
	}

	.header-txtlogo img {
		max-width: 275px;
	}

	/* -- 事業紹介 -- */
	#case-intro .s-box {
		float: none;
	}

	/* -- 街のブランディング -- */
	#blanding .bland-box .l-box,
	#blanding .bland-box .r-box {
		width: 42%;
		padding: 110px 10px 130px;
	}

	#blanding .bland-box .l-box p,
	#blanding .bland-box .r-box p {
		font-size: 15px;
	}
}

@media (max-width: 767px) {
	/* -- style -- */
	.sp-none {
		display: none;
	}

	.sp-block {
		display: block;
	}

	.pc-block {
		display: none;
	}

	/* -- ナビ -- */
	.navbar-custom,
	.navbar-custom.affix {
		padding: 0 10px;
	}

	.navbar-brand,
	.navbar-custom.affix .navbar-brand {
		max-width: 150px;
		margin-top: 0;
	}

	.navbar-toggle {
		margin-right: 0;
	}

	.navbar-custom .navbar-toggle {
		margin-right: 0;
		font-weight: 200;
		background: #000;
		border: 1px solid #ccc;
	}

	.navbar-nav {
		width: auto;
		margin: 0 -15px 10px;
		background: rgb(0 0 0 / 80%);
	}

	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: inherit;
	}

	.nav > li {
		margin-bottom: 10px;
	}

	.anchor-navi {
		border-top: 1px solid #888;
	}

	.anchor-navi ul {
		flex-wrap: wrap;
	}

	.anchor-navi li {
		flex-basis: 50%;
	}

	.page-top-new a {
		right: -1px;
		bottom: -1px;
		padding: 5px;
		background: rgb(255 255 255 / 70%);
		border-radius: 0;
	}

	.page-top-new a i {
		display: none;
	}

	.anchor-navi li a {
		padding: 10px 10px 0;
		text-align: center;
	}

	.navbar-custom .nav li a {
		padding: 10px 15px 5px;
		font-size: 16px;
		line-height: 20px;
	}

	.anchor-navi li:nth-child(3) a,
	.anchor-navi li:nth-child(4) a {
		padding-bottom: 15px;
	}

	.navbar-custom .nav li:last-child,
	.navbar-custom.affix .nav li:last-child {
		float: left;
		width: 100%;
		margin: 0;
	}

	.navbar-custom .nav li:last-child a,
	.navbar-custom.affix .nav li:last-child a {
		padding: 10px 0 10px 15px;
		margin: 0 5px 0 0;
		line-height: inherit;
		background: #e60012;
	}

	/* -- 共通 -- */
	section h2.section_heading {
		font-size: 28px;
	}

	section h2.section_heading::after {
		bottom: 9px;
		width: 80%;
		height: 7px;
	}

	section h3.section_subheading {
		margin-bottom: 30px;
	}

	#about,
	#case-intro,
	#blanding,
	#sent-info {
		padding: 60px 0 40px;
	}

	/* -- メインビジュアル -- */
	.header-txtlogo {
		padding: 0 15px;
	}

	.header-txtlogo p {
		font-size: 20px;
		font-weight: 400;
		letter-spacing: 0.1em;
	}

	.header-txtlogo img {
		max-width: 200px;
	}

	.swiper-button-next,
	.swiper-button-prev {
		width: 25px;
		height: 20px;
	}

	.swiper-container-new {
		height: calc(100% - 87px);
	}

	/* -- about -- */
	#about .story p {
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 1.7;
		text-align: left;
	}

	#about .about-imgbox {
		display: block;
		padding: 5% 0;
		margin: 0 0 20px;
	}

	#about .about-imgbox div {
		margin-bottom: 10px;
	}

	#about .about-imgbox div img {
		max-width: 90%;
	}

	/* -- 事業紹介 -- */
	#case-intro .area-text {
		margin-bottom: 30px;
	}

	#sent-info h4 {
		margin-bottom: 30px;
		font-size: 20px;
		font-weight: 400;
	}

	#case-intro .area-text h4 {
		font-size: 22px;
	}

	#case-intro .area-text p {
		font-size: 16px;
		line-height: 1.7;
		text-align: left;
	}

	#case-intro .s-box {
		margin-bottom: 30px;
	}

	#case-intro .s-box .thumb-box {
		max-width: 90%;
		margin-bottom: 15px;
	}

	#case-intro .s-box h5 {
		max-width: 90%;
		padding: 0 20px 15px;
		margin-bottom: 15px;
		font-size: 20px;
	}

	#case-intro .s-box h6 {
		padding: 0 15px;
		font-size: 16px;
	}

	#case-intro .s-box .logo-box {
		min-height: auto;
	}

	#case-intro .s-box .logo-box img {
		width: 100%;
		max-width: 200px;
		margin-bottom: 30px;
	}

	#case-intro .s-box a {
		width: 150px;
		height: 40px;
		font-size: 16px;
		line-height: 41px;
	}

	/* -- 街のブランディング -- */
	#blanding .bland-box {
		max-width: 100%;
		padding: 30px 0;
		margin: 10px auto 35px;
	}

	#blanding .bland-box h4 {
		margin-bottom: 30px;
		font-size: 22px;
		font-weight: 400;
	}

	#blanding .bland-box .l-box,
	#blanding .bland-box .r-box,
	#blanding .bland-box .c-arrow {
		display: block;
	}

	#blanding .bland-box .l-box,
	#blanding .bland-box .r-box {
		width: 95%;
		padding: 70px 10px;
		margin: 0 auto;
	}

	#sent-info .sent-box h5 {
		margin-bottom: 20px;
		font-size: 16px;
	}

	#blanding .bland-box .l-box h5,
	#blanding .bland-box .r-box h5 {
		margin-bottom: 10px;
		font-size: 26px;
		font-weight: 600;
	}

	#blanding .bland-box .l-box p,
	#blanding .bland-box .r-box p {
		font-size: 18px;
		line-height: 1.7;
	}

	#blanding .bland-box .c-arrow .left,
	#blanding .bland-box .c-arrow .right {
		display: block;
		margin: 15px auto;
	}

	#blanding .bland-box .c-arrow .left {
		border-color: transparent transparent #3b5272;
		border-width: 0 30px 20px;
	}

	#blanding .bland-box .c-arrow .right {
		border-color: #866c55 transparent transparent;
		border-width: 20px 30px 0;
	}

	#blanding .bland-box .store-box {
		padding: 0 5px;
	}

	#blanding .bland-box .store-box > div {
		padding: 0 5px;
	}

	#blanding .bland-box .store h6 {
		margin-bottom: 20px;
		font-size: 14px;
	}

	#blanding .bland-box .text {
		font-size: 16px;
	}

	#blanding .bland-title {
		margin-bottom: 25px;
		font-size: 22px;
		font-weight: 400;
	}

	#blanding .ele-img1,
	#blanding .ele-img2 {
		max-width: 70%;
		padding: 0;
	}

	#blanding .ele-text1,
	#blanding .ele-text2 {
		font-size: 16px;
		font-weight: 400;
	}

	#blanding .ele-box {
		width: 45%;
		padding: 20px 5px;
	}

	#blanding .ele-box .main-text {
		font-size: 18px;
		font-weight: 400;
	}

	#blanding .ele-box .sub-text {
		font-size: 16px;
	}

	#blanding .r-txt {
		margin: 25px 0 50px;
		font-size: 16px;
		font-weight: 500;
	}

	/* -- 世界へ情報発信 -- */
	#sent-info .sent-box {
		padding: 20px 15px;
	}

	#sent-info .sent-box.left-box {
		margin: 0 auto 20px;
	}

	#sent-info .sent-box.right-box {
		margin: 0 auto;
	}

	#sent-info .sent-box.right-box .staff-img img {
		align-self: flex-start;
	}

	#sent-info .sent-box.left-box .ex-logo {
		width: 60%;
		max-width: 100%;
	}

	#sent-info .sent-box.left-box a {
		width: 150px;
		height: 40px;
		font-size: 16px;
		line-height: 41px;
	}

	#sent-info .sent-box.right-box .staff-co {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	#sent-info .sent-box.right-box .staff-co img {
		margin-bottom: 10px;
	}

	#sent-info .sent-box.right-box .contry-name {
		font-size: 18px;
		font-weight: 400;
	}

	#sent-info .sent-box.right-box .contry-info {
		font-weight: 400;
	}
}

/* --------------------
 -- animate
---------------------- */
.animate__animated.animate__delay-100ms {
	animation-delay: calc(1s * 0.1);
	animation-delay: calc(var(--animate-delay) * 0.1);
}

.animate__animated.animate__delay-200ms {
	animation-delay: calc(1s * 0.2);
	animation-delay: calc(var(--animate-delay) * 0.2);
}

.animate__animated.animate__delay-300ms {
	animation-delay: calc(1s * 0.3);
	animation-delay: calc(var(--animate-delay) * 0.3);
}

.animate__animated.animate__delay-400ms {
	animation-delay: calc(1s * 0.4);
	animation-delay: calc(var(--animate-delay) * 0.4);
}

.animate__animated.animate__delay-500ms {
	animation-delay: calc(1s * 0.5);
	animation-delay: calc(var(--animate-delay) * 0.5);
}

.animate__animated.animate__delay-600ms {
	animation-delay: calc(1s * 0.6);
	animation-delay: calc(var(--animate-delay) * 0.6);
}

.animate__animated.animate__delay-800ms {
	animation-delay: calc(1s * 0.8);
	animation-delay: calc(var(--animate-delay) * 0.8);
}

.animate__animated.animate__delay-1200ms {
	animation-delay: calc(1s * 1.2);
	animation-delay: calc(var(--animate-delay) * 1.2);
}

.animate__animated.animate__delay-1500ms {
	animation-delay: calc(1s * 1.5);
	animation-delay: calc(var(--animate-delay) * 1.5);
}

.animate__animated.animate__delay-2500ms {
	animation-delay: calc(1s * 2.5);
	animation-delay: calc(var(--animate-delay) * 2.5);
}