@charset "UTF-8";

body {
	color: #3c4043;
	/*font-size: 14px;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*font-family: メイリオ,Meiryo,游ゴシック体,"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",FontAwesome,sans-serif;*/
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "palt", none;
	font-variant-ligatures: none;
	font-size: 1rem;
	line-height: 1;
	text-size-adjust: 100%;
}

h2 {
	font-size: 1.14286rem;
	line-height: 1.53125em;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
	font-weight: 600;
}

p {
	font-size: 1rem;
	line-height: 1.75em;
	margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}


img {
	max-width: 100%;
}

a {
	color: #3c4043;
	text-decoration: none;
	transition: all 1s;
}

a:focus,
a:hover {
	color: #3c4043;
	text-decoration: none;
}

a>img {
	transition: all 1s;
}

a:hover>img,
.btn-link:hover {
	opacity: 0.75;
	filter: opacity(75);
	text-decoration: none;
}

.red {
	color: #dd1e3f;
}

h1.site-title {
	font-size: 10px;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
	padding: 5px;
	background-color: #3c4043;
	z-index: 10000;
}

h3 {
	font-size: 18px;
}

h3>a {
	display: block;
}

@media (max-width: 575px) {
	h3 {
		font-size: 15px;
	}
}

.btn-link,
.btn-link:hover,
.btn-link:focus {
	color: #3c4043;
	font-weight: bold;
	text-align: none;
}

a.btn-link:before,
.btnlink>a:before {
	content: url(../images/icon_arrow_link.png);
	display: inline-block;
	margin-right: .5rem;
	top: -3px;
	position: relative;
}

.bg-white {
	background-color: #fff;
}

.bg-dark-blue {
	background-color: #05183f;
}

.bg-blue {
	background-color: #3076be;
}

.bg-dark-blue,
.bg-blue,
.bg-dark-blue a,
.bg-blue a {
	color: #FFF;
}

.bg-dark-blue a.btn-link,
.bg-blue a.btn-link {
	color: rgb(255, 255, 255);
	font-weight: normal;
	font-size: inherit;
	border-radius: 0;
	transition: all 1s;
}

.bg-dark-blue a.btn-link:before,
.bg-blue a.btn-link:before {
	content: url(../images/icon_arrow_link_light.png);
}

.bg-dark-blue a.btn-link:hover,
.bg-blue a.btn-link:focus {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
}

.btn {
	border-radius: 0;
}

.btn-lg {
	font-size: inherit;
	padding: .5rem 3rem;
}

.btn-primary {
	background-color: #051739;
	border-color: #051739;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #071d46;
	border-color: #071d46;
	color: #FFF;
	box-shadow: none;
}

.btn-back {
	font-size: inherit;
	border-radius: 4px;
	border-color: rgba(0, 0, 0, 0.3);
}

.btn-back:before {
	content: '';
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im00MC40LDEyMS4zYy0wLjgsMC44LTEuOCwxLjItMi45LDEuMnMtMi4xLTAuNC0yLjktMS4yYy0xLjYtMS42LTEuNi00LjIgMC01LjhsNTEtNTEtNTEtNTFjLTEuNi0xLjYtMS42LTQuMiAwLTUuOCAxLjYtMS42IDQuMi0xLjYgNS44LDBsNTMuOSw1My45YzEuNiwxLjYgMS42LDQuMiAwLDUuOGwtNTMuOSw1My45eiIgZmlsbD0iIzAwMDAwMCIvPgogIDwvZz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
	display: inline-block;
	margin-right: 1rem;
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

.btn-tel,
.btn-mail {
	border-radius: 4px;
	transition: all 1s;
}

.btn-tel:hover,
.btn-mail:hover {
	color: #fff;
	opacity: 0.75;
	filter: opacity(75);
}

.btn-tel:before {
	content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDM0OC4wNzcgMzQ4LjA3NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQ4LjA3NyAzNDguMDc3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zNDAuMjczLDI3NS4wODNsLTUzLjc1NS01My43NjFjLTEwLjcwNy0xMC42NjQtMjguNDM4LTEwLjM0LTM5LjUxOCwwLjc0NGwtMjcuMDgyLDI3LjA3NiAgICAgYy0xLjcxMS0wLjk0My0zLjQ4Mi0xLjkyOC01LjM0NC0yLjk3M2MtMTcuMTAyLTkuNDc2LTQwLjUwOS0yMi40NjQtNjUuMTQtNDcuMTEzYy0yNC43MDQtMjQuNzAxLTM3LjcwNC00OC4xNDQtNDcuMjA5LTY1LjI1NyAgICAgYy0xLjAwMy0xLjgxMy0xLjk2NC0zLjU2MS0yLjkxMy01LjIyMWwxOC4xNzYtMTguMTQ5bDguOTM2LTguOTQ3YzExLjA5Ny0xMS4xLDExLjQwMy0yOC44MjYsMC43MjEtMzkuNTIxTDczLjM5LDguMTk0ICAgICBDNjIuNzA4LTIuNDg2LDQ0Ljk2OS0yLjE2MiwzMy44NzIsOC45MzhsLTE1LjE1LDE1LjIzN2wwLjQxNCwwLjQxMWMtNS4wOCw2LjQ4Mi05LjMyNSwxMy45NTgtMTIuNDg0LDIyLjAyICAgICBDMy43NCw1NC4yOCwxLjkyNyw2MS42MDMsMS4wOTgsNjguOTQxQy02LDEyNy43ODUsMjAuODksMTgxLjU2NCw5My44NjYsMjU0LjU0MWMxMDAuODc1LDEwMC44NjgsMTgyLjE2Nyw5My4yNDgsMTg1LjY3NCw5Mi44NzYgICAgIGM3LjYzOC0wLjkxMywxNC45NTgtMi43MzgsMjIuMzk3LTUuNjI3YzcuOTkyLTMuMTIyLDE1LjQ2My03LjM2MSwyMS45NDEtMTIuNDNsMC4zMzEsMC4yOTRsMTUuMzQ4LTE1LjAyOSAgICAgQzM1MC42MzEsMzAzLjUyNywzNTAuOTUsMjg1Ljc5NSwzNDAuMjczLDI3NS4wODN6IiBmaWxsPSIjRkZGRkZGIi8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}

.btn-mail:before {
	content: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ0IDQ0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0NCA0NCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CiAgPGc+CiAgICA8Zz4KICAgICAgPGc+CiAgICAgICAgPHBhdGggZD0iTTQzLDZIMUMwLjQ0Nyw2LDAsNi40NDcsMCw3djMwYzAsMC41NTMsMC40NDcsMSwxLDFoNDJjMC41NTIsMCwxLTAuNDQ3LDEtMVY3QzQ0LDYuNDQ3LDQzLjU1Miw2LDQzLDZ6IE00MiwzMy41ODEgICAgIEwyOS42MTIsMjEuMTk0bC0xLjQxNCwxLjQxNEw0MS41OSwzNkgyLjQxbDEzLjM5Mi0xMy4zOTJsLTEuNDE0LTEuNDE0TDIsMzMuNTgxVjhoNDBWMzMuNTgxeiIgZmlsbD0iI0ZGRkZGRiIvPgogICAgICA8L2c+CiAgICA8L2c+CiAgICA8Zz4KICAgICAgPGc+CiAgICAgICAgPHBhdGggZD0iTTM5Ljk3OSw4TDIyLDI1Ljk3OUw0LjAyMSw4SDJ2MC44MDdMMjEuMjkzLDI4LjFjMC4zOTEsMC4zOTEsMS4wMjMsMC4zOTEsMS40MTQsMEw0Miw4LjgwN1Y4SDM5Ljk3OXoiIGZpbGw9IiNGRkZGRkYiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==');
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}

.btn-human:before {
	content: url('../images/human_icon.png');
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1024px;
	}

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

@media (min-width: 768px) {
	.navbar .navber-online {
		display: none;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #3c4043;
		border: 1px solid #fff;
		transition: all 1s;
		padding: .25rem .5rem .2rem;
		position: relative
	}

	.navbar-light .navbar-nav .nav-link:after {
		content: '';
		position: absolute;
		width: 1px;
		height: 44px;
		right: 0;
		top: -8px;
		background: url(../images/nav_divisor.png) no-repeat 0 0;
		transition: all 1s;
	}

	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:hover {
		border-radius: 4px;
		border: 1px solid rgba(0, 0, 0, 0.25);

	}

	.navbar-light .navbar-nav .nav-link:focus:after,
	.navbar-light .navbar-nav .nav-link:hover:after,
	.navbar-light .navbar-nav .active>.nav-link:after,
	.navbar-light .navbar-nav .nav-link.active:after,
	.navbar-light .navbar-nav .nav-link.show:after,
	.navbar-light .navbar-nav .show>.nav-link:after {
		content: '';
		background-image: none;
	}

	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .navbar-nav .nav-link.active,
	.navbar-light .navbar-nav .nav-link.show,
	.navbar-light .navbar-nav .show>.nav-link {
		border-radius: 4px;
		border: 1px solid rgba(0, 0, 0, 0.25);
		color: #3c4043;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-light .navbar-nav .nav-link {
		font-size: 1.5vw;
	}
}

@media (max-width: 767px) {
	.navbar .navber-online {
		display: block;
		color: #fff;
		background: #a99339;
		padding: 0.5em;
	}

	.navbar-nav .nav-item {
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		padding: 5px 0;
	}

	.navbar-nav .nav-item:last-child {
		border-bottom: 0;
	}

	.navbar-nav .nav-link {
		color: rgba(0, 0, 0, .5);
	}
}

#navbarTel .navbar-nav .nav-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 5px 0;
}

#navbarTel .navbar-nav .nav-item:last-child {
	border-bottom: 0;
}

#navbarTel .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .5);
}

#navbarTel .nav-child {
	padding-left: 1rem;
}

/*==========*/
/* HEADER
/*==========*/

#header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999;
}

#header .nav-contact {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header .nav-contact li.nav-contact__online>a {
	background-color: #a99339;
	display: inline-block;
	position: relative;
}

#header .nav-contact li.nav-contact__contact>a {
	background-color: #c80956;
	display: inline-block;
	position: relative;
}

#header .nav-contact li:last-child>a:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	transition: all 1s;
	background-color: #d40c5d;
}

#header .nav-contact li:last-child>a>img {
	position: relative;
	z-index: 1;
}

#header .nav-contact li:last-child>a:hover>img {
	opacity: 1;
	filter: opacity(100);
}

/*==========*/
/* FOOTER
/*==========*/

#footer .button-link {
	background-color: #cccccc;
}

#footer .btn-nav-link {
	list-style: none;
	padding-left: 0;
	text-align: center;
	/*margin-bottom: 0;*/
	margin: 0 auto;
	width: 100%;

}

#footer .foo-nav {
	background-color: #1a1919;
	color: #fff;
}

#footer .foo-nav h3 {
	border-left: 3px solid #c80956;
	padding-left: 10px;
	font-size: 14px;
}

#footer .foo-nav ul {
	padding-left: 15px;
}

#footer .foo-nav ul,
#footer .foo-nav li {
	list-style: none;
}

#footer .foo-nav li a:hover,
#footer .foo-nav li a:focus {
	text-decoration: underline
}

@media (max-width: 767px) {
	#footer .foo-nav ul {
		padding: 0;
	}

	#footer .foo-nav li {
		border-top: 1px solid rgba(255, 255, 255, 0.3);
		padding: 10px;
	}

	#footer .foo-nav ul li a {
		position: relative;
	}

	#footer .foo-nav ul li a:after {
		content: '';
		background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDAzIDUxMi4wMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMDMgNTEyLjAwMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik01MDcuMjg0LDI0OC4zNjRMMTIuMzUsMC44OThDOC44OTQtMC44MjYsNC43MjEtMC4wMDcsMi4xNTMsMi44NmMtMi41NiwyLjg4NC0yLjg2Nyw3LjEyNS0wLjc1OSwxMC4zNTFsMTU5LjA3LDI0Mi43OSAgICBMMS4zOTMsNDk4Ljc5MmMtMi4xMDgsMy4yMjYtMS44MDEsNy40NjcsMC43NTksMTAuMzUxYzEuNjY0LDEuODYsNC4wMDIsMi44NTksNi4zODMsMi44NTljMS4yODksMCwyLjU5NC0wLjI5LDMuODE0LTAuODk2ICAgIGw0OTQuOTMzLTI0Ny40NjdjMi44OTMtMS40NTEsNC43MTktNC40MDMsNC43MTktNy42MzdTNTEwLjE3NiwyNDkuODE1LDUwNy4yODQsMjQ4LjM2NHoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
		background-size: 8px auto;
		width: 8px;
		height: 9px;
		position: absolute;
		right: 0;
		background-repeat: no-repeat;
		opacity: 0.5;
		top: 7px;
	}
}

#footer .foo-nav li a {
	color: #fff;
	font-size: 12px;
	display: block;
	padding: 2px 0;
}

#footer .page-top {
	background-color: #c80956;
	border-radius: 4px;
	color: #fff;
	width: 85px;
	height: 50px;
	display: inline-block;
	padding: 8px 0;
	text-align: center;
	font-size: 80%;
}

#footer .page-top:before {
	content: url(../images/icon_top.png);
	display: block;
}

#footer .page-top:hover,
#footer .page-top:focus {
	text-decoration: none;
}

#footer .copyright {
	background-color: #3c4043;
	color: rgba(255, 255, 255, 0.3);
}

@media (max-width:999px) {
	#footer .copyright {
		padding-bottom: 95px !important;
	}
}

#footer .info-contact a {
	color: rgba(255, 255, 255, 0.3);
}

.sec-banner {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.navbar-toggler {
	border: none;
}

.navbar-light .navbar-toggler-icon {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDkxLjMxOCwyMzUuMzE4SDIwLjY4MkM5LjI2LDIzNS4zMTgsMCwyNDQuNTc3LDAsMjU2czkuMjYsMjAuNjgyLDIwLjY4MiwyMC42ODJoNDcwLjYzNiAgICBjMTEuNDIzLDAsMjAuNjgyLTkuMjU5LDIwLjY4Mi0yMC42ODJDNTEyLDI0NC41NzgsNTAyLjc0MSwyMzUuMzE4LDQ5MS4zMTgsMjM1LjMxOHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTEuMzE4LDc4LjQzOUgyMC42ODJDOS4yNiw3OC40MzksMCw4Ny42OTksMCw5OS4xMjFjMCwxMS40MjIsOS4yNiwyMC42ODIsMjAuNjgyLDIwLjY4Mmg0NzAuNjM2ICAgIGMxMS40MjMsMCwyMC42ODItOS4yNiwyMC42ODItMjAuNjgyQzUxMiw4Ny42OTksNTAyLjc0MSw3OC40MzksNDkxLjMxOCw3OC40Mzl6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDkxLjMxOCwzOTIuMTk3SDIwLjY4MkM5LjI2LDM5Mi4xOTcsMCw0MDEuNDU2LDAsNDEyLjg3OXM5LjI2LDIwLjY4MiwyMC42ODIsMjAuNjgyaDQ3MC42MzYgICAgYzExLjQyMywwLDIwLjY4Mi05LjI1OSwyMC42ODItMjAuNjgyUzUwMi43NDEsMzkyLjE5Nyw0OTEuMzE4LDM5Mi4xOTd6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.page-top {
	padding-bottom: 1.5rem;
	background: white;
	z-index: 10000;
}

.page-top-sp .page-top:before {
	content: url(../images/up-arrow.png);
	display: block;
}

@media (min-width: 1200px) {
	.sec-banner {
		height: 593px;
	}

	#header .nav-contact {
		margin-top: -2rem;
	}

	/*#header .nav-contact li{
		margin-left: .5rem;
	}*/
	#header .nav-contact li:last-child>a:hover:after {
		content: '';
		height: 100%;
	}

	#top-main {
		background-image: url(../images/top_main_hd.png);
	}

	#top-main .container {
		padding-top: 11rem;
	}

	#cg-anime-promo .sec-banner {
		background-image: url(../images/banner_promotion_hd.png);
		height: 380px;
	}

	#vr-architect .sec-banner {
		background-image: url(../images/banner_vr_arc_hd.png);
		height: 400px;
		height: 24vw;
	}

	#area-webgl .sec-banner {
		background-image: url(../images/banner_webgl_hd.jpg);
		height: 400px;
		height: 24vw;
	}

	#area-mitsumori .sec-banner {
		background-image: url(../images/banner_mitsumori_hd.jpg);
		height: 400px;
		height: 24vw;
	}

	#area-3dwtp .sec-banner {
		background-image: url(../images/banner_3dwtp_hd.jpg);
		height: 400px;
		height: 24vw;
	}

	#protec-japan #pro-box-1,
	#protec-japan #pro-box-2 {
		height: 340px;
		height: 24vw;
	}

	#protec-japan #pro-box-1 {
		background-image: url(../images/protec_02_hd.png);
	}

	#protec-japan #pro-box-2 {
		background-image: url(../images/protec_01_hd.png);
	}
}

@media (max-width: 1199px) {
	.sec-banner {
		height: 55vw;
	}

	#top-main .container {
		padding-top: 9rem;
	}

	#cg-anime-promo .sec-banner {
		background-image: url(../images/banner_promotion_md.png);
		height: 35vw;
	}

	#vr-architect .sec-banner {
		background-image: url(../images/banner_vr_arc_md.png);
		height: 35vw
	}

	#area-webgl .sec-banner {
		background-image: url(../images/banner_webgl_md.jpg);
		height: 35vw
	}

	#area-mitsumori .sec-banner {
		background-image: url(../images/banner_mitsumori_md.jpg);
		height: 35vw
	}

	#area-3dwtp .sec-banner {
		background-image: url(../images/banner_3dwtp_md.jpg);
		height: 35vw
	}

	#protec-japan #pro-box-1,
	#protec-japan #pro-box-2 {
		height: 340px;
		height: 28vw;
	}

	#protec-japan #pro-box-1 {
		background-image: url(../images/protec_02_small.png);
		background-position: top right;
	}

	#protec-japan #pro-box-2 {
		background-image: url(../images/protec_01_small.png);
	}

}

@media (min-width: 768px) and (max-width:1199px) {
	#top-main {
		background-image: url(../images/top_main_md.png);
	}
}

@media (min-width: 992px) and (max-width:1199px) {

	#vr-architect .sec-banner,
	#area-mitsumori .sec-banner,
	#area-3dwtp .sec-banner {
		height: 30vw;
	}
}

@media (max-width: 991px) {

	#vr-architect .sec-banner,
	#area-mitsumori .sec-banner,
	#area-3dwtp .sec-banner {
		height: 45vw;
	}

	#protec-japan #pro-box-1 {
		background-image: url(../images/protec_02_md.png);
	}

	#protec-japan #pro-box-2 {
		background-image: url(../images/protec_01_md.png);
	}

	#protec-japan #pro-box-1,
	#protec-japan #pro-box-2 {
		height: 340px;
		height: 33vw;
	}
}

@media (min-width: 576px) and (max-width: 767px) {

	#protec-japan #pro-box-1,
	#protec-japan #pro-box-2 {
		height: 340px;
		height: 45vw;
	}
}

@media (max-width: 767px) {
	#top-main {
		background-image: url(../images/top_main_small.png);
	}

	#cg-anime-promo .sec-banner {
		background-image: url(../images/banner_promotion_small.png);
	}
}

@media (max-width: 575px) {

	#protec-japan #pro-box-1,
	#protec-japan #pro-box-2 {
		height: 340px;
		height: 45vw;
	}
}

.preview {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.preview a {
	display: block;
	position: relative;
}

.preview img {
	transition: all 1s;
}

.preview:hover img {
	transform: scale(1.1);
	opacity: 1;
	filter: opacity(100)
}

.preview .icon {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.preview .icon .icon-play {
	background-color: rgba(0, 0, 0, 0.5);
	display: inline-block;
	padding: .5rem 1rem .2rem 1.1rem;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
}

.preview .icon .icon-play:after {
	content: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQxLjk5OSA0MS45OTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQxLjk5OSA0MS45OTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPHBhdGggZD0iTTM2LjA2OCwyMC4xNzZsLTI5LTIwQzYuNzYxLTAuMDM1LDYuMzYzLTAuMDU3LDYuMDM1LDAuMTE0QzUuNzA2LDAuMjg3LDUuNSwwLjYyNyw1LjUsMC45OTl2NDAgIGMwLDAuMzcyLDAuMjA2LDAuNzEzLDAuNTM1LDAuODg2YzAuMTQ2LDAuMDc2LDAuMzA2LDAuMTE0LDAuNDY1LDAuMTE0YzAuMTk5LDAsMC4zOTctMC4wNiwwLjU2OC0wLjE3N2wyOS0yMCAgYzAuMjcxLTAuMTg3LDAuNDMyLTAuNDk0LDAuNDMyLTAuODIzUzM2LjMzOCwyMC4zNjMsMzYuMDY4LDIwLjE3NnoiIGZpbGw9IiNGRkZGRkYiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
	display: inline-block;
}

#vr-architect {
	background-color: #3c4043;
	color: #fff;
}

#vr-architect .sec-banner {
	background-position: 0 50%;
}

#vr-architect a.btn-link {
	color: rgb(255, 255, 255);
	font-weight: normal;
	font-size: inherit;
	border-radius: 3px;
	transition: all 1s;
}

#vr-architect a.btn-link:hover,
#vr-architect a.btn-link:focus {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
}

#vr-architect a.btn-link:before {
	content: url(../images/icon_arrow_link_light.png);
}


/*WebGL、お見積り、3Dウォークスルーフォト*/

#area-webgl,
#area-mitsumori,
#area-3dwtp {
	background-color: #f6f5ed;
	color: #3c4043;
}

#area-webgl .sec-banner,
#area-mitsumori .sec-banner,
#area-3dwtp .sec-banner {
	background-position: 0 50%;
}

#area-webgl a.btn-link,
#area-mitsumori a.btn-link,
#area-3dwtp a.btn-link {
	color: rgb(0, 0, 0);
	font-weight: normal;
	font-size: inherit;
	border-color: #3c4043;
	border-radius: 3px;
	transition: all 1s;
}

#area-webgl a.btn-link:hover,
#area-webgl a.btn-link:focus,
#area-mitsumori a.btn-link:hover,
#area-mitsumori a.btn-link:focus,
#area-3dwtp a.btn-link:hover,
#area-3dwtp a.btn-link:focus {
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
}

#area-webgl a.btn-link:before,
#area-mitsumori a.btn-link:before,
#area-3dwtp a.btn-link:before {
	content: url(../images/icon_arrow_link.png);
}

h3.mb-4 {
	font-size: 1.5em;
	font-weight: bold;
}


#purpose h3 {
	color: #05183f;
	font-weight: bold;
}


#news-update h2 {
	border-bottom: 3px double rgba(0, 0, 0, 0.5);
}

#news-update .news-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

/*==========*/
/* MAIN
/*==========*/

#main .main-header {
	min-height: 150px;
	padding: 4rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#main .column-box h3 {
	font-size: 24px;
}

#main .pagination li {
	margin: 0 5px;
}

#main .pagination li:before {
	content: '|';
	display: inline-block;
	margin-right: 10px;
	top: -2px;
	position: relative;
}

@media (max-width: 320px) {
	#main .pagination li:before {
		margin-right: 5px;
	}
}

#main .pagination li.pagi-prev:before {
	display: none;
}

#main .isotope-list .grid {
	margin-left: -5px;
	margin-right: -5px;
	position: relative
}

#main .isotope-list .element-item {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

@media(min-width: 768px) {
	#main .isotope-list .element-item {
		width: 33.333%;
	}
}

@media(min-width: 1200px) {
	#main .isotope-list .element-item {
		width: 20%;
	}
}

@media(max-width: 767px) {
	#main .isotope-list .element-item {
		width: 33.333%;
	}
}

@media(max-width: 480px) {
	#main .isotope-list .element-item {
		width: 50%;
	}
}

#main .isotope-list .element-item .wrap-item {
	padding: 15px;
	background-color: #f3f3f3;
	border-radius: 6px;
}

@media (min-width: 1200px) {
	#result .main-header {
		background-image: url(../images/ttl_results.jpg);
	}

	#p-3dcg .main-header {
		background-image: url(../images/ttl_3dcg.jpg);
	}

	#flow .main-header {
		background-image: url(../images/ttl_flow.jpg);
	}

	#animation .main-header {
		background-image: url(../images/ttl_animation.jpg);
	}

	#ar .main-header {
		background-image: url(../images/ttl_ar.jpg);
	}

	#colorsimulation .main-header {
		background-image: url(../images/ttl_colorsimulation.jpg);
	}

	#company .main-header {
		background-image: url(../images/ttl_company.jpg);
	}

	#costplan .main-header {
		background-image: url(../images/ttl_costplan.jpg);
	}

	#moving .main-header {
		background-image: url(../images/ttl_moving.jpg);
	}

	#news .main-header {
		background-image: url(../images/ttl_news.jpg);
	}

	#privacy .main-header {
		background-image: url(../images/ttl_privacy.jpg);
	}

	#recruit .main-header {
		background-image: url(../images/ttl_recruit.jpg);
	}

	#recruit .main-header.sub-hdr {
		background-image: url(../images/recruit/20230502_1.jpg);
	}

	#entry .main-header {
		background-image: url(../entry/images/ttl_entry.jpg);
	}

	#sitemap .main-header {
		background-image: url(../images/ttl_sitemap.jpg);
	}

	#vr .main-header {
		background-image: url(../images/ttl_vr.jpg);
	}

	#business .main-header {
		background-image: url(../images/ttl_business.jpg);
	}

	#commitment .main-header {
		background-image: url(../images/ttl_commitment.jpg);
	}

	#staff .main-header {
		background-image: url(../images/ttl_staff.jpg);
	}

	#kodawari .main-header {
		background-image: url(../images/ttl_kodawari.jpg);
	}

	#webgl .main-header {
		background-image: url(../images/ttl_webgl.jpg);
	}
}

@media (min-width: 767px) and (max-width: 1199px) {
	#result .main-header {
		background-image: url(../images/ttl_results_md.jpg);
	}

	#p-3dcg .main-header {
		background-image: url(../images/ttl_3dcg_md.jpg);
	}

	#flow .main-header {
		background-image: url(../images/ttl_flow_md.jpg);
	}

	#animation .main-header {
		background-image: url(../images/ttl_animation_md.jpg);
	}

	#ar .main-header {
		background-image: url(../images/ttl_ar_md.jpg);
	}

	#colorsimulation .main-header {
		background-image: url(../images/ttl_colorsimulation_md.jpg);
	}

	#company .main-header {
		background-image: url(../images/ttl_company_md.jpg);
	}

	#costplan .main-header {
		background-image: url(../images/ttl_costplan_md.jpg);
	}

	#moving .main-header {
		background-image: url(../images/ttl_moving_md.jpg);
	}

	#news .main-header {
		background-image: url(../images/ttl_news_md.jpg);
	}

	#privacy .main-header {
		background-image: url(../images/ttl_privacy_md.jpg);
	}

	#recruit .main-header {
		background-image: url(../images/ttl_recruit_md.jpg);
	}

	#recruit .main-header.sub-hdr {
		background-image: url(../images/recruit/20230502_1mid.jpg);
	}

	#entry .main-header {
		background-image: url(../entry/images/ttl_entry_md.jpg);
	}

	#sitemap .main-header {
		background-image: url(../images/ttl_sitemap_md.jpg);
	}

	#vr .main-header {
		background-image: url(../images/ttl_vr_md.jpg);
	}

	#business .main-header {
		background-image: url(../images/ttl_business_md.jpg);
	}

	#commitment .main-header {
		background-image: url(../images/ttl_commitment_md.jpg);
	}

	#staff .main-header {
		background-image: url(../images/ttl_staff_md.jpg);
	}

	#kodawari .main-header {
		background-image: url(../images/ttl_kodawari_md.jpg);
	}

	#webgl .main-header {
		background-image: url(../images/ttl_webgl_md.jpg);
	}
}

@media (max-width: 767px) {
	#result .main-header {
		background-image: url(../images/ttl_results_small.jpg);
	}

	#p-3dcg .main-header {
		background-image: url(../images/ttl_3dcg_small.jpg);
	}

	#flow .main-header {
		background-image: url(../images/ttl_flow_small.jpg);
	}

	#animation .main-header {
		background-image: url(../images/ttl_animation_small.jpg);
	}

	#ar .main-header {
		background-image: url(../images/ttl_ar_small.jpg);
	}

	#colorsimulation .main-header {
		background-image: url(../images/ttl_colorsimulation_small.jpg);
	}

	#company .main-header {
		background-image: url(../images/ttl_company_small.jpg);
	}

	#costplan .main-header {
		background-image: url(../images/ttl_costplan_small.jpg);
	}

	#moving .main-header {
		background-image: url(../images/ttl_moving_small.jpg);
	}

	#news .main-header {
		background-image: url(../images/ttl_news_small.jpg);
	}

	#privacy .main-header {
		background-image: url(../images/ttl_privacy_small.jpg);
	}

	#recruit .main-header {
		background-image: url(../images/ttl_recruit_small.jpg);
	}

	#recruit .main-header.sub-hdr {
		background-image: url(../images/recruit/20230502_1small.jpg);
	}

	#entry .main-header {
		background-image: url(../entry/images/ttl_entry_small.jpg);
	}

	#sitemap .main-header {
		background-image: url(../images/ttl_sitemap_small.jpg);
	}

	#vr .main-header {
		background-image: url(../images/ttl_vr_small.jpg);
	}

	#business .main-header {
		background-image: url(../images/ttl_business_small.jpg);
	}

	#commitment .main-header {
		background-image: url(../images/ttl_commitment_small.jpg);
	}

	#staff .main-header {
		background-image: url(../images/ttl_staff_small.jpg);
	}

	#kodawari .main-header {
		background-image: url(../images/ttl_kodawari_small.jpg);
	}

	#webgl .main-header {
		background-image: url(../images/ttl_webgl_small.jpg);
	}

}

@media (min-width: 1200px) {
	.visible-xl {
		visibility: visible !important;
		display: inherit !important;
	}
}

@media (min-width: 1025px) {
	.visible-lg {
		visibility: visible !important;
		display: inherit !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.visible-md {
		visibility: visible !important;
		display: inherit !important;
	}
}

@media (max-width: 767px) {
	.visible-xs {
		visibility: visible !important;
		display: inherit !important;
	}
}

@media (min-width: 1200px) {
	.invisible-xl {
		visibility: hidden !important;
		display: none !important;
	}
}

/*  index vr  */
#home main .vr-box {
	width: 100%;
}

#home main .vr-box .vr-box-img {
	margin-left: 40%;
}

#home main .vr-box .vr-box-text {
	margin-top: -18%;
	width: 60%;
	background-color: #a99339;
	padding: 90px;
}

#home main .vr-box .vr-txt-01 {
	margin-right: 40%;
	color: #ffffff;
}

#home main .vr-box .vr-txt-01 h2 {
	margin-bottom: 40px;
}

#home main .vr-box .vr-txt-01 p {
	margin-bottom: 20px;
}

@media (max-width: 1024px) {
	#home main .vr-box .vr-box-text {
		padding: 20px;
	}
}

@media (max-width: 991px) {
	#home main .vr-box .vr-box-img {
		margin-left: 0;
	}

	#home main .vr-box .vr-box-text {
		margin-top: 0;
		width: 100%;
		background-color: #a99339;
		padding: 20px;
	}

	#home main .vr-box .vr-txt-01 {
		margin-right: 0;
		color: #ffffff;
	}
}

#home .vr-serect3 {
	width: 1000px;
	margin: 50px auto;
	display: flex;
	padding: 0;
}

#home .vr-serect3 .vr-serect3-img {
	width: 100%;
}

#home .vr-serect3 .vr-serect3-txt {
	padding-left: 50px;
	width: 100%;
}

#home .vr-serect3 .vr-serect3-txt h2 {
	margin-bottom: 40px;
}

#home .vr-serect3 .vr-serect3-txt p {
	margin-bottom: 20px;
}

#home .vr-serect3 .vr-serect3-txt .icon-serect3 {
	display: flex;
	justify-content: space-between;
	margin: 50px 0;
}

#home .vr-serect3 .vr-serect3-txt .icon-serect3 p {
	text-align: center;
	font-size: 0.8em;
	line-height: 1.8;
	color: #a99339;
}

#home .vr-serect3 .vr-serect3-txt a.btn-more {
	display: block;
	padding: 15px 30px;
	border-radius: 3px;
	background: #3c4043 url(../images/arrow_more.png) no-repeat right center;
	color: #ffffff;
	text-align: left;
	margin: 30px 0;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	width: 70%;
}

#home .vr-serect3 .vr-serect3-txt a.btn-more:hover {
	background-color: #555555;
}

@media (max-width: 991px) {
	#home .vr-serect3 {
		width: 90%;
		margin: 50px auto;
		display: block;
		padding: 0;
	}

	#home .vr-serect3 .vr-serect3-img {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#home .vr-serect3 .vr-serect3-img p {
		margin: 0 3%;
	}

	#home .vr-serect3 .vr-serect3-txt {
		padding-left: 0px;
	}

	#home .vr-serect3 .vr-serect3-txt h2 {
		margin: 40px 0;
		text-align: center;
	}

	#home .vr-serect3 .vr-serect3-txt p {
		margin-bottom: 20px;
	}

	#home .vr-serect3 .vr-serect3-txt .icon-serect3 p {
		text-align: center;
		font-size: 0.8em;
		line-height: 1.8;
		color: #a99339;
	}

	#home .vr-serect3 .vr-serect3-txt a.btn-more {
		display: block;
		padding: 15px 30px;
		border-radius: 3px;
		/*background:none;
		background:#3c4043000 url(../images/arrow_more.png) no-repeat right center;*/
		color: #ffffff;
		text-align: left;
		margin: 30px auto;
		text-decoration: none;
	}
}

@media (max-width: 767px) {
	#home .vr-serect3 .vr-serect3-img {
		width: 100%;
		display: block;
		text-align: center;
	}

	#home .vr-serect3 .vr-serect3-img p {
		margin: 20px;
	}

	#home .vr-serect3 .vr-serect3-txt a.btn-more {
		background-image: none;
		text-align: center;
	}
}

/*  index sample,service  */
#home .ttl-box {
	padding: 30px 0;
	text-align: center;
}

/*#home .ttl-box .square{
	width:5%;
	height:30px;
	background-color:#3c4043000;
}*/
#home .ttl-box p {
	margin: 30px 0;
}

#home .ttl-box h2 {
	margin-top: 20px;
	line-height: 1.4;
}

#home .ttl-box p::before {
	content: "|";
	display: block;
	margin-bottom: 30px;
}

#home h3 {
	font-size: 20px;
}

#home h4 {
	font-size: 16px;
	font-weight: bold;
}

@media (max-width: 767px) {
	#home .ttl-box p {
		width: 90%;
		margin: 0 auto;
	}

	#home h3 {
		font-size: 1.5em;
		font-weight: bold;
	}

	#home h4 {
		font-size: 1.2em;
		font-weight: bold;
	}
}

/*  index service  */
@media (min-width: 1620px) {
	#home .service-box {
		margin: 30px auto;
		/*padding-bottom: 120px;*/
		width: 1610px;
	}
}

#home .service-box a {
	display: inline-block;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	position: relative;
	width: 400px;
	height: auto;
	margin: 0;
	padding: 0;
}

@media (max-width: 1619px) {
	#home .service-box {
		margin: 30px auto;
		padding-bottom: 120px;
		width: 90%;
		text-align: center;
	}
}

@media (min-width: 768px) {
	#home .service-box a {
		position: relative;
		width: 400px;
		height: auto;
	}

	#home .service-box a img {
		width: 100%;
	}

	#home .service-box a::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.4);
	}

	#home .service-box a p.service-txt {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
		width: 90%;
		text-align: center;
	}

	#home .service-box a p.service-txt .service-ttl {
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 30px;
		padding: 20px;
	}
}

@media (max-width: 768px) {
	#home .service-box {
		padding-bottom: 0;
	}

	#home .service-box a {
		width: 100%;
		height: auto;
	}

	#home .service-box a img {
		width: 80%;
		height: auto;
	}

	#home .service-box a p.service-txt {
		display: block;
		width: 80%;
		margin: 10px auto 30px auto;
	}

	#home .service-box a p.service-txt .service-ttl {
		font-size: 1.2em;
		font-weight: bold;
	}

}

/*_______________________________glitch*/
.glitch {
	/*基本設定*/
	color: #3c4043;
	font-size: 40px;
	position: relative;
	/*width: 400px;*/
	margin: 0 auto;
}

@keyframes noise-anim {

	/*細かい動きを設定してノイズが走っているかのように動かす*/
	0% {
		clip: rect(77px, 9999px, 6px, 0);
	}

	5% {
		clip: rect(65px, 9999px, 70px, 0);
	}

	10% {
		clip: rect(82px, 9999px, 82px, 0);
	}

	15% {
		clip: rect(32px, 9999px, 35px, 0);
	}

	20% {
		clip: rect(31px, 9999px, 49px, 0);
	}

	25% {
		clip: rect(18px, 9999px, 46px, 0);
	}

	30% {
		clip: rect(94px, 9999px, 64px, 0);
	}

	35% {
		clip: rect(69px, 9999px, 31px, 0);
	}

	40% {
		clip: rect(6px, 9999px, 72px, 0);
	}

	45% {
		clip: rect(25px, 9999px, 35px, 0);
	}

	50% {
		clip: rect(82px, 9999px, 26px, 0);
	}

	55% {
		clip: rect(7px, 9999px, 92px, 0);
	}

	60% {
		clip: rect(54px, 9999px, 30px, 0);
	}

	65% {
		clip: rect(86px, 9999px, 90px, 0);
	}

	70% {
		clip: rect(38px, 9999px, 65px, 0);
	}

	75% {
		clip: rect(41px, 9999px, 66px, 0);
	}

	80% {
		clip: rect(31px, 9999px, 37px, 0);
	}

	85% {
		clip: rect(8px, 9999px, 12px, 0);
	}

	90% {
		clip: rect(50px, 9999px, 69px, 0);
	}

	95% {
		clip: rect(7px, 9999px, 42px, 0);
	}

	100% {
		clip: rect(14px, 9999px, 57px, 0);
	}
}

.glitch:after {
	/*疑似要素を加えてカスタムデータ属性の値を表示、重ねる*/
	content: attr(data-text);
	position: absolute;
	left: 1px;
	text-shadow: -1px 0 rgb(255, 255, 255);
	top: 0;
	color: #3c4043;
	background: white;
	/*background: black;*/
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: noise-anim 360s infinite linear alternate-reverse;
}

@keyframes noise-anim-2 {

	/*ノイズ用アニメーションその2*/
	0% {
		clip: rect(18px, 9999px, 13px, 0);
	}

	5% {
		clip: rect(74px, 9999px, 73px, 0);
	}

	10% {
		clip: rect(33px, 9999px, 15px, 0);
	}

	15% {
		clip: rect(64px, 9999px, 66px, 0);
	}

	20% {
		clip: rect(75px, 9999px, 6px, 0);
	}

	25% {
		clip: rect(40px, 9999px, 49px, 0);
	}

	30% {
		clip: rect(71px, 9999px, 1px, 0);
	}

	35% {
		clip: rect(42px, 9999px, 73px, 0);
	}

	40% {
		clip: rect(92px, 9999px, 57px, 0);
	}

	45% {
		clip: rect(4px, 9999px, 33px, 0);
	}

	50% {
		clip: rect(4px, 9999px, 34px, 0);
	}

	55% {
		clip: rect(49px, 9999px, 25px, 0);
	}

	60% {
		clip: rect(24px, 9999px, 44px, 0);
	}

	65% {
		clip: rect(31px, 9999px, 9px, 0);
	}

	70% {
		clip: rect(54px, 9999px, 83px, 0);
	}

	75% {
		clip: rect(57px, 9999px, 97px, 0);
	}

	80% {
		clip: rect(3px, 9999px, 15px, 0);
	}

	85% {
		clip: rect(4px, 9999px, 34px, 0);
	}

	90% {
		clip: rect(1px, 9999px, 88px, 0);
	}

	95% {
		clip: rect(9px, 9999px, 59px, 0);
	}

	100% {
		clip: rect(10px, 9999px, 87px, 0);
	}
}

.glitch:before {
	content: attr(data-text);
	position: absolute;
	left: -1px;
	text-shadow: 0.5px 0 rgb(255, 255, 255);
	top: 0;
	color: #3c4043;
	background: white;
	/*background: black;*/
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	animation: noise-anim-2 360s infinite linear alternate-reverse;
}

/*_________________________Gmapres*/
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.breadcrumb {
	background-color: transparent;
	padding: 1rem 0;
	margin-bottom: 0;
}

.breadcrumb ol li {
	display: inline;
	list-style: none;
}

.breadcrumb ol li+li:before {
	content: '>';
	display: inline-block;
	margin: 0 8px;
}

@media (max-width: 768px) {
	.breadcrumb {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	.breadcrumb ol {
		padding-left: 0;
	}

	.breadcrumb ol li {
		font-size: 14px;
	}
}

.bottom-online {
	display: none;
}

@media (max-width: 768px) {
	.bottom-online {
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 72%;
		z-index: 3;
	}

	.bottom-online a {
		width: 100%;
		color: #fff;
		font-weight: bold;
		background: #a99339;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1.5em 0 1.5em 3em;
		position: relative;
	}

	.bottom-online a::before {
		content: "";
		display: block;
		background: url(../images/icon-online_btm.svg) center / contain no-repeat;
		width: 23px;
		height: 20px;
		position: absolute;
		top: 50%;
		right: 70%;
		transform: translateY(-50%);
	}
}

@media (min-width:768px) {
	#navbarPC ul li.nav-item {
		display: flex;
		align-items: center;
	}
}



ul#global_nav {}

ul#global_nav li {
	display: flex;
	align-items: center;
}

.navbar-collapse {
	align-items: unset;
}

#global_nav .nav-item.g-relative {
	position: relative;
}

#global_nav ul {
	visibility: hidden;
	opacity: 0;
	transition: all .2s;
	position: absolute;
	top: 52px;
	left: -2px;
	background-color: #ffffff;
	padding-left: 0;
	height: auto !important;
	list-style: none;
	font-size: .8rem;
}

@media (max-width:1199px) {
	#global_nav ul {
		top: 37px;
	}
}

.nav-item.g-relative:hover .dropdown__lists {
	visibility: visible !important;
	opacity: 1 !important;
}

ul.dropdown__lists li a:hover {
	color: #cccccc;
}

#global_nav ul li a {
	display: block;
	padding: 1rem;
	background: #ffffff;
	width: 300px;
	border-top: 1px solid rgba(0, 0, 0, 0.25);
	transition: all .2s;
}

#global_nav ul li a:hover {
	transition: all .2s;
	color: #ffffff;
	background-color: #a99339;

}

#global_nav ul li {
	float: none;
	width: 100%;

}

#global_nav ul li:last-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

a#sp-nav-bussiness {
	position: relative;
	color: rgba(0, 0, 0, .5) !important;
}

a#sp-nav-bussiness:after {
	border-right: solid 2px #000;
	border-top: solid 2px #000;
	content: "";
	display: block;
	height: 8px;
	position: absolute;
	right: 25px;
	top: 38%;
	transform: rotate(45deg);
	transition: transform .2s ease-in-out, top .3s ease-in-out;
	width: 8px;
}

a#sp-nav-bussiness.open::after {
	top: 40%;
	transform: rotate(135deg);
}

ul.sp-nav-bussiness {
	padding-left: 0;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	max-height: 0;
}

ul.sp-nav-bussiness.active {
	visibility: visible;
	opacity: 1;
	transition: all 0.5s ease-in-out;
	max-height: 800px;
}

ul.sp-nav-bussiness li {
	list-style: none;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}

ul.sp-nav-bussiness li:last-of-type {
	border-bottom: none;
}

ul.sp-nav-bussiness li a {
	color: rgba(0, 0, 0, .5);
	display: block;
	padding: 0.7em 0 0.7em 1rem;
	font-size: .9rem;
}

.recruit_under {
	display: flex;
	flex-wrap: wrap;
}

.recruit_under .recruit_under_imgbox {
	width: 50%;
	position: relative;
	cursor: pointer;
}

.recruit_under .recruit_under_imgbox:hover {
	color: #fff;
}

.recruit_under .recruit_under_txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	width: 100%;
	z-index: 10;
}

.recruit_under .recruit_under_title {
	text-align: center;
	font-size: clamp(1.313rem, 0.875rem + 1.167vw, 1.75rem);
}

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

.recruit_under .recruit_under_button {
	border: 1px solid #fff;
	padding: 2% 5%;
	color: #fff;
	width: 60%;
	max-width: 200px;
	margin: auto;
}

.recruit-entry {
	background-color: #3c4043;
	padding: 2.5em 2em;
	font-size: 3em;
	display: block;
	color: white;
	text-align: center;
}

.recruit-entry span {
	font-size: 40%;
}

.recruit-entry:hover {
	color: #979797;
}




.recruit-mainimg {
	margin-bottom: 1.8em;
}

.recruit-container section {
	background: #f2f2f2;
	padding: 3em 1.5em;
	margin-bottom: 1.8em;
}

.recruit-mainimg {
	position: relative;
}

.recruit-mv_title {
	position: absolute;
	bottom: 15%;
	left: 10%;
	opacity: 0;
}

.pa-phath-title {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

.pa-phath-txt {
	line-height: 3;
}

.recruit-contents1 .contents-txt1 p,
.recruit-contents2 .contents-txt2 p {
	line-height: 2.5;
}

@media (min-width:1000px) {
	.recruit-container section {
		padding: 6em 5%;
	}

	.recruit_under.side-mr,
	.recruit-entry.side-mr {
		margin-right: 10%;
	}

	.recruit-container {
		width: 95%;
		margin: auto;
	}

	.main-recruit-contents {
		width: 90%;
	}

	.recruit-sidefixed {
		position: fixed;
		display: flex;
		justify-content: center;
		height: 100vh;
		top: 0;
		right: 0;
		width: 10%;
		background: #f2f2f2;
		margin-top: 108px;
		padding: 2em 1rem;
		z-index: 9999;
		opacity: 0;
		animation: fadeIn-sidebar 1s ease-in-out forwards;
		animation-delay: 1s;
	}

	@keyframes fadeIn-sidebar {
		from {
			opacity: 0;
			transform: translateX(100%);
		}

		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	.recruit-sidefixed ul {
		list-style: none;
		color: #fff;
		padding-left: 0
	}

	.recruit-contents1 {
		display: flex;
		flex-direction: row-reverse;
	}

	.recruit-contents1 .contents-img1 {
		width: 50%;
	}

	.recruit-contents1 .contents-txt1 {
		margin-right: 7%;
		width: 46%;
	}

	.recruit-contents2 {
		display: flex;
	}

	.recruit-contents2 .contents-img2 {
		width: 36%;
	}

	.recruit-contents2 .contents-txt2 {
		margin-left: 7%;
	}

	.recruit-sidefixed ul {
		transition: opacity 0.2s ease-in-out;
	}

	.recruit-sidefixed ul li {
		margin-bottom: 2em;
	}
}

@media (max-width:999px) {
	.recruit_under {
		display: block;
	}

	.recruit_under .recruit_under_imgbox {
		display: block;
		width: 100%;
	}

	.recruit-mv_title {
		bottom: 10%;
	}

	.recruit-entry {
		padding: 1.5em 1em;
	}

	.recruit-sidefixed {
		position: fixed;
		display: flex;
		justify-content: center;
		bottom: 0;
		right: 0;
		background: #a99339;

		z-index: 99;
		width: 100%;
	}

	.recruit-sidefixed ul {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
	}

	.recruit-sidefixed ul li {
		width: 33.33%;
		list-style: none;
		text-align: center;
	}

	.recruit-sidefixed ul li a {
		padding: 1em .5rem 1em .5rem;
		box-sizing: border-box;
		display: block;
		color: #fff;
	}
}

.main-recruit-contents {
	font-family: "noto-sans-cjk-jp", sans-serif;
}

/*  */
.recruit-mainimg {
	position: relative;
}

.recruit-mainimg figure {
	position: relative;
	overflow: hidden;
}

.recruit-mainimg img {
	display: block;
	width: 100%;
	height: auto;
}



.zoom-in {
	animation: zoom-in 1s ease-in-out forwards;
	animation-delay: .5s;
	transform: scale(1.2)
}

@keyframes zoom-in {
	0% {
		transform: scale(1.2);
	}

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

.recruit-mvtitle-fade-in {
	animation: recruit-mvtitle-fade-in 1s ease-in forwards;
	animation-delay: .8s;
	transform: translateY(30px);
	/* 30px下から上に移動 */
}

@keyframes recruit-mvtitle-fade-in {
	0% {
		opacity: 0;
		transform: translateY(30px);
		/* 初期位置を下にずらす */
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		/* 上に移動して元の位置に戻す */
	}
}


.recruit-animation {
	opacity: 0;
}

.recruit-animation.animation-target {
	animation-name: animation-fadeIn;
	animation-duration: 1s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	/* 以下は任意のプロパティ */

	transform: translateY(20px);
}

.recruit-animation.delay1.animation-target {
	animation-delay: 0.5s;
}

.recruit-animation.delay2.animation-target {
	animation-delay: 1s;
}

@keyframes animation-fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.sp-recruit-entry_button {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99;
}

@media (max-width:767px) {
	.sp-recruit-entry_button a {
		display: block;
		width: 100%;
		color: #fff;
		background: #a99339;
		padding: 1em 1.5em;
		text-align: center;
	}
}

.google-map {
	width: 100%;
	position: relative;
	padding-top: 56.25%;
}

.google-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.recruit-closed {
	position: relative;
	pointer-events: none;
}

.recruit-closed::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: '';
	width: 100%;
	height: 100%;
	background-color: #000000d4;
	z-index: 99;
}

.recruit-closed::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: '募集終了しました';
	color: #fff;
	z-index: 100;
	font-size: 32px;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.header-recruit-closed {
	position: relative;
	pointer-events: none;
}

.header-recruit-closed::before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: '';
	width: 100%;
	height: 100%;
	background-color: #000000bd;
	z-index: 99;
}

.header-recruit-closed::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: '募集終了しました';
	color: #fff;
	z-index: 100;
	font-size: 18px;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

/*Instagram　アイコン調整*/
a.insta_icon {
    width: 35px;
    display: inline;
    margin-left: 10px;
}