/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

@charset "utf-8";

/*
@media screen and (max-width: 599px){} phone-only
@media screen and (min-width: 600px){} tablet-portrait-up
@media screen and (min-width: 900px){} tablet-landscape-up
@media screen and (min-width: 1200px){} desktop-up
@media screen and (min-width: 1800px){} big-desktop-up
*/

:root {
	--conceptfont:'EB Garamond';
}

/*
var(--key-******)
calc(var(--common-******) * 1.5)
*/

.sp{ display: inline-block; }
.pc{ display:none; }
@media screen and (min-width: 768px){
	.sp{ display:none; }
	.pc{ display: inline-block; }
}



/* 繝代た繧ｳ繝ｳ縺ｧ隕九◆縺ｨ縺阪�"pc"縺ｮclass縺後▽縺�◆逕ｻ蜒上′陦ｨ遉ｺ縺輔ｌ繧� */
.pc_area { display: block !important; }
.sp_area { display: none !important; }
 
/* 繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ縺ｧ隕九◆縺ｨ縺阪�"sp"縺ｮclass縺後▽縺�◆逕ｻ蜒上′陦ｨ遉ｺ縺輔ｌ繧� */
@media only screen and (max-width: 750px) {
    .pc_area { display: none !important; }
    .sp_area { display: block !important; }
	}
/*	*/

#loader-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 3;
	display: none;
	background-color:#fff;
}

#loading{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;	
	-webkit-box-orient:vertical;	
	-webkit-box-direction:normal;	
	    -ms-flex-direction:column;	
	        flex-direction:column;
}

#openlogo{
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	text-align: center;
}

#openlogo img{
	width: 200px;
}

#loading-bar{
	width:100%;
	height:1px;
	margin:0 auto;
	background:#eee;
}

.fullwidth #loading-line{
	width:100%;
	height:1px;
	margin:0;
	background:#ccc;
	position:absolute;
	-webkit-animation:fullexpand 3s ease-out;
	        animation:fullexpand 3s ease-out;
}
@-webkit-keyframes fullexpand {
	0%	{ width:0px;}
	100%{ width:100%;}	
}

/* Layout */

.wrap{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

#home .wrap #global-header,
#archive .wrap #global-header,
#archive_v2 .wrap #global-header{
	position: relative;
	overflow-x: hidden;
}

#home .wrap #global-header,
#archive .wrap #global-header,
#archive_v2 .wrap #global-header,
#archive_v3 .wrap #global-header{
	width: 100vw;
	margin: 0;
	padding:0 0 50px 0;
}

#home .wrap #global-header{ height: 100vh; }
#archive_v3 .wrap #global-header{ height: 30vh; }
@media screen and (min-width: 600px){
	#archive_v3 .wrap #global-header{ height: 70vh; }
}

#archive .wrap #global-header,
#archive_v2 .wrap #global-header{
	height: auto;
	padding:30px 0 50px;
}

#archive_v3 .wrap #global-header{
	padding:30px 0 0;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 100;
}

#home .wrap #global-header h1{
	position: absolute;
	top: 20px;
	left: 50%;
	-webkit-transform: translateY(20px) translateX(-50%);
	    -ms-transform: translateY(20px) translateX(-50%);
	        transform: translateY(20px) translateX(-50%);
	margin: auto;
	z-index:2;
}

#home .wrap #global-header h1 img{
	width: 200px;
}
@media screen and (min-width: 600px){
	#home .wrap #global-header h1 img{
		width: 300px;
	}
} 

#archive .wrap #global-header h1,
#archive_v2 .wrap #global-header h1,
#archive_v3 .wrap #global-header h1{
	font-size: 0;
	line-height: 0;
}

#archive .wrap #global-header h1{
	margin: 0;
	padding: 0;
	text-align: center;
}
#archive .wrap #global-header h1 img{ width: 200px; }

#archive_v2 .wrap #global-header h1,
#archive_v3 .wrap #global-header h1{
	margin: 0 0 0 20px;
	padding: 0;
}
#archive_v2 .wrap #global-header h1 img,
#archive_v3 .wrap #global-header h1 img{ width: 120px; }

.top-message{
	position: absolute;
	left: 5vw;
	bottom: 5vh;
	width: 90vw;
	height: auto;
	font-size: 2.4rem;
	font-family: var(--conceptfont), serif;
	letter-spacing: 0.5rem;
	font-weight: 400;
	z-index:3;
	color: #fff;
}
@media screen and (min-width: 600px){
	.top-message{
		font-size: 3.6rem;
	}
}

#background_video{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-o-object-fit: cover;
	   object-fit: cover;
}
@supports (-ms-ime-align: auto) {
	#background_video {
		height: auto;
	}
}

.scroll-mark{
	height: 0;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom:56px;
	left: -50%;
	right: -50%;
}
.scroll-mark span {
	position: absolute;
	left: 50%;
	width: 36px;
	height: 36px;
	margin-left: -18px;
	border-left: 3px solid #eee;
	border-bottom: 3px solid #eee;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	        animation: sdb 1.5s infinite;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	z-index: 2;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
	        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		        transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		        transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		        transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		        transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}

/*	*/

#archive_v3 .wrap main{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 200;
}

main{
	width: 100%;
	margin: 0;
	padding: 0;
}

.contener{
	width: 100%;
	margin: 0;
	padding: 0;
		background-color: #fff;
}

aside{
	margin: 0;
	padding: 0;
}

#nav-toggle {
	position: fixed;
	top: 25px;
	right: 25px;
	height: 32px;
	cursor: pointer;
	z-index: 1000;
}

#nav-toggle > div{
	position: relative;
	width: 36px;
}

#nav-toggle span {
	width: 100%;
	height: 1px;
	left: 0;
	display: block;
	background: #333;
	position: absolute;
	-webkit-transition: top .5s ease, -webkit-transform .5s ease-in-out;
	transition: top .5s ease, -webkit-transform .5s ease-in-out;
	-o-transition: transform .5s ease-in-out, top .5s ease;
	transition: transform .5s ease-in-out, top .5s ease;
	transition: transform .5s ease-in-out, top .5s ease, -webkit-transform .5s ease-in-out;
}

#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 14px; }
#nav-toggle span:nth-child(3) { top: 28px; }

#nav-toggle:hover span:nth-child(1) { top: 4px; }
#nav-toggle:hover span:nth-child(3) { top: 23px; }

.open #nav-toggle span { background: #fff; }

.open #nav-toggle span:nth-child(1),
.open #nav-toggle span:nth-child(2),
.open #nav-toggle span:nth-child(3){
	top: 15px;
}

.open #nav-toggle span:nth-child(1){ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.open #nav-toggle span:nth-child(2){
	width: 0;
	left: 50%;
}

.open #nav-toggle span:nth-child(3){ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

/*	*/

#gloval-nav {
	margin: 0;
	padding:15px;
	background-color: rgba(0,0,0,0.8);
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 990;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.6rem;
	opacity: 0;
	-webkit-transition: opacity .5s ease, visibility .5s ease;
	-o-transition: opacity .5s ease, visibility .5s ease;
	transition: opacity .5s ease, visibility .5s ease;
	font-weight: 400;
}

#gloval-nav ul#navigation{
	margin: 0 0 30px;
	padding: 0;
}
#gloval-nav ul#navigation li{
	list-style:none;
	border-bottom:solid 1px #555;
	opacity: 0;
	-webkit-transform: translateY(25px);
	    -ms-transform: translateY(25px);
	        transform: translateY(25px);
	-webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
	transition: opacity .5s ease, -webkit-transform .5s ease;
	-o-transition: transform .5s ease, opacity .5s ease;
	transition: transform .5s ease, opacity .5s ease;
	transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease;
	font-family: var(--conceptfont), serif;
}
#gloval-nav ul#navigation li a{
	padding: 5px 0;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	-webkit-transition: color .5s ease;
	-o-transition: color .5s ease;
	transition: color .5s ease;
}
#gloval-nav ul#navigation li a:visited{ color: #fff; }
#gloval-nav ul#navigation li a:hover{ color: #555; }


#gloval-nav ul#navigation li:first-child{
	border-top:solid 1px #555;
}



/*	*/

.open{ overflow: hidden; }

.open #gloval-nav{
	visibility: visible;
	opacity: 1;
}

.open #gloval-nav ul#navigation li {
	opacity: 1;
	-webkit-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
	-webkit-transition: opacity .9s ease, -webkit-transform 1s ease;
	transition: opacity .9s ease, -webkit-transform 1s ease;
	-o-transition: transform 1s ease, opacity .9s ease;
	transition: transform 1s ease, opacity .9s ease;
	transition: transform 1s ease, opacity .9s ease, -webkit-transform 1s ease;
}

ul#reserve{
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

ul#reserve li{
	margin: 0 0 15px;
	padding: 0;
}
ul#reserve li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
ul#reserve li a.navi-btn{
	width: 100%;
	margin-bottom: 0;
	padding: 10px 0;
	border-radius:4px;
	background:-o-linear-gradient(top, #ad221b, #8b0000);
	background:-webkit-gradient(linear, left top, left bottom, from(#ad221b), to(#8b0000));
	background:linear-gradient(to bottom, #ad221b, #8b0000);
	font-size: 18px;
}





#gloval-nav p{
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	
}

#gloval-nav p span{
	background-color:#555;
	color: #000;
	padding: 0 5px;
	border-radius:4px;
}

/*	*/

#global-footer{
	margin: 0;
	padding:40px 0 20px;
	background:-o-linear-gradient(top, #ad221b, #8b0000);
	background:-webkit-gradient(linear, left top, left bottom, from(#ad221b), to(#8b0000));
	background:linear-gradient(to bottom, #ad221b, #8b0000);
	color: #fff;
}

#global-footer div{
	width:90%;
	max-width:980px;
	margin: 0 auto 20px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}

#global-footer .sitemap{
	margin:0;
	margin-bottom: 20px;
	padding: 0 2%;
	-ms-flex-preferred-size:50%;
	    flex-basis:50%;
}
#global-footer .sitemap h1{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.8rem;
	text-transform:uppercase;
}
#global-footer .sitemap ul{
	list-style-type: none;
}
#global-footer .sitemap h1 a,
#global-footer .sitemap li a{
	color: #fff;
	font-weight: 400;
}
#global-footer .sitemap h1 a:hover,
#global-footer .sitemap li a:hover{
	color: #fff;
		font-weight: 400;
}

#global-footer .sitemap_sp{
	margin:0;
	margin-bottom: 20px;
	padding: 0 1%;
width: 100%;
	
}
#global-footer .sitemap_sp h1{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.8rem;
	text-transform:uppercase;

}
#global-footer .sitemap_sp ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#global-footer .sitemap_sp h1 a,
#global-footer .sitemap_sp li a{
	color: #fff;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
#global-footer .sitemap_sp h1 a:hover,
#global-footer .sitemap_sp li a:hover{
	color: #fff;
		font-weight: 400;
	margin: 0;
	padding: 0;
}


.sns-link{
	margin: 0 auto 20px;
	padding: 0;
	text-align: center;
}
.sns-link li{
	width: 20px;
	display: inline-block;
	margin: 0;
	margin-left: 1.0rem;
	padding: 0;
	list-style-type: none;
}
.sns-link li img{
	width: 100%;
}
.sns-link li:first-child{
	margin-left: 0;
}
.copy{
	margin: 0;
	padding: 0;
	text-transform:uppercase;
	text-align: center;
}

@media screen and (min-width: 600px){
	#global-footer .sitemap{
		-ms-flex-preferred-size:25%;
		    flex-basis:25%;
		    max-width: 25%;
	}
}

/* TOP */

.contents{
	width: 90%;
	max-width:980px;
	margin:50px auto;
	padding: 0;
}


.news_top_contents{
	width:100%;
	margin:0 auto;
	padding:100px 0 50px 0;
	background:#eeedee;
}


.contents.topmargin-no{
	margin:0 auto 50px;
}

.hgroup{
	width: 80%;
	margin: 0 auto 50px;
	padding: 0;
	text-align: center;
}




.hgroup h1,
.hgroup h1:lang(ja){
	width: auto;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 3.2rem;
	line-height: 5.0rem;
	text-indent: 2.0rem;
	color:#333;
	position:relative;
	display: inline-block;
	font-family: 'EB Garamond', "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif; 
}

.line{
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 0;
	top:10px;
	left: -50px;
	overflow: hidden;
	position:absolute;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	background-color: transparent;
}

[data-emergence=visible].line span{
	width:100%;
	height:4px;
	background:-o-linear-gradient(top, #ad221b, #8b0000);
	background:-webkit-gradient(linear, left top, left bottom, from(#ad221b), to(#8b0000));
	background:linear-gradient(to bottom, #ad221b, #8b0000);
	position:absolute;
	-webkit-animation:fullexpand 1s ease-in;
	        animation:fullexpand 1s ease-in;
}

.hgroup p{
	font-size:1.4rem;
	margin: 0;
	padding: 0;
	color:#000;
	font-family: 'EB Garamond', "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif; 
	
}

@media screen and (min-width: 600px){
	.hgroup h1{ font-size: 5.0rem; }
	.hgroup p{ font-size:1.6rem; }
}

#home .img-box{
	margin: 0;
	padding: 0;
}

#archive .img-box,
#archive_v2 .img-box{
	width: 100%;
	margin: 0;
	padding: 0;
}

.img-box img{ width: 100%; }

.top-01-img{background: no-repeat center center url("../img/photo/image-36-sp.jpg");}
.top-03-img{background: no-repeat center center url("../img/photo/image-46-sp.jpg");}
.top-04-img{background: no-repeat center center url("../img/photo/image-35-sp.jpg");}
.top-02-img{background: no-repeat center center url("../img/photo/image-58-sp.jpg");}
@media screen and (min-width: 600px){
	.top-01-img{background: no-repeat center center url("../img/photo/image-36.jpg");}
	.top-03-img{background: no-repeat center center url("../img/photo/image-46.jpg");}
	.top-04-img{background: no-repeat center center url("../img/photo/image-35.jpg");}
	.top-02-img{background: no-repeat center center url("../img/photo/image-58.jpg");}
}

.top-01-img,
.top-02-img,
.top-03-img,
.top-04-img{
	width: 100%;
	height: calc(100vw * 0.56);
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
}

.top-01-img::after,
.top-02-img::after,
.top-03-img::after,
.top-04-img::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.top-01-img div,
.top-02-img div,
.top-03-img div,
.top-04-img div{
	z-index: 3;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}


.top-01-img div svg,
.top-02-img div svg,
.top-03-img div svg,
.top-04-img div svg{
	width:100%;
}

.top-ie-text{
	width:100%;
	margin-left:-50%;
}

@media screen and (min-width: 600px){
	#top-layout{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
	}
	#top-layout .top-01-img,
	#top-layout .top-02-img,
	#top-layout .top-03-img,
	#top-layout .top-04-img,
	#top-layout .contents{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 50%;
		        flex: 0 1 50%;
		        max-width:50%;
	}
	#top-layout .contents{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
	}
	
	#top-layout .top-01-img{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; }
	#top-layout .contents.order-1{ -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; }
	#top-layout .top-02-img{ -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; }
	#top-layout .contents.order-2{ -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; }
	#top-layout .top-03-img{ -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; }
	#top-layout .contents.order-3{ -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; }
	#top-layout .top-04-img{ -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8; }
	#top-layout .contents.order-4{ -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7; }
	.top-01-img,
	.top-02-img,
	.top-03-img,
	.top-04-img{
		height: calc(50vw * 0.56);
	}
}
/*	*/

@-webkit-keyframes animate-svg-service-stroke-1 { 0% { stroke-dashoffset: 562.340087890625px; stroke-dasharray: 562.340087890625px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-service-stroke-1 { 0% { stroke-dashoffset: 562.340087890625px; stroke-dasharray: 562.340087890625px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-service-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-service-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-service-1 { -webkit-animation: animate-svg-service-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-service-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; animation: animate-svg-service-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-service-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;}@-webkit-keyframes animate-svg-service-stroke-2 { 0% { stroke-dashoffset: 250.02093505859375px; stroke-dasharray: 250.02093505859375px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-service-stroke-2 { 0% { stroke-dashoffset: 250.02093505859375px; stroke-dasharray: 250.02093505859375px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-service-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-service-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-service-2 { -webkit-animation: animate-svg-service-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-service-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both; animation: animate-svg-service-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-service-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;}@-webkit-keyframes animate-svg-service-stroke-3 { 0% { stroke-dashoffset: 177.4048309326172px; stroke-dasharray: 177.4048309326172px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-service-stroke-3 { 0% { stroke-dashoffset: 177.4048309326172px; stroke-dasharray: 177.4048309326172px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-service-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-service-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-service-3 { -webkit-animation: animate-svg-service-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-service-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both; animation: animate-svg-service-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-service-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;}@-webkit-keyframes animate-svg-service-stroke-4 { 0% { stroke-dashoffset: 165.5221405029297px; stroke-dasharray: 165.5221405029297px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-service-stroke-4 { 0% { stroke-dashoffset: 165.5221405029297px; stroke-dasharray: 165.5221405029297px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-service-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-service-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-service-4 { -webkit-animation: animate-svg-service-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-service-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; animation: animate-svg-service-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-service-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;}@-webkit-keyframes animate-svg-service-stroke-5 { 0% { stroke-dashoffset: 169.79840087890625px; stroke-dasharray: 169.79840087890625px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-service-stroke-5 { 0% { stroke-dashoffset: 169.79840087890625px; stroke-dasharray: 169.79840087890625px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-service-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-service-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-service-5 { -webkit-animation: animate-svg-service-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-service-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both; animation: animate-svg-service-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-service-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;}@-webkit-keyframes animate-svg-service-stroke-6 { 0% { stroke-dashoffset: 190.64401245117188px; stroke-dasharray: 190.64401245117188px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-service-stroke-6 { 0% { stroke-dashoffset: 190.64401245117188px; stroke-dasharray: 190.64401245117188px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-service-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-service-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-service-6 { -webkit-animation: animate-svg-service-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-service-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both; animation: animate-svg-service-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-service-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;}@-webkit-keyframes animate-svg-service-stroke-7 { 0% { stroke-dashoffset: 249.84397888183594px; stroke-dasharray: 249.84397888183594px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-service-stroke-7 { 0% { stroke-dashoffset: 249.84397888183594px; stroke-dasharray: 249.84397888183594px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-service-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-service-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-service-7 { -webkit-animation: animate-svg-service-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both, animate-svg-service-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both; animation: animate-svg-service-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both, animate-svg-service-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;}
@-webkit-keyframes animate-svg-shops-stroke-1 { 0% { stroke-dashoffset: 562.340087890625px; stroke-dasharray: 562.340087890625px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-shops-stroke-1 { 0% { stroke-dashoffset: 562.340087890625px; stroke-dasharray: 562.340087890625px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-shops-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-shops-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-shops-1 { -webkit-animation: animate-svg-shops-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-shops-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; animation: animate-svg-shops-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-shops-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;}@-webkit-keyframes animate-svg-shops-stroke-2 { 0% { stroke-dashoffset: 304.8487854003906px; stroke-dasharray: 304.8487854003906px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-shops-stroke-2 { 0% { stroke-dashoffset: 304.8487854003906px; stroke-dasharray: 304.8487854003906px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-shops-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-shops-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-shops-2 { -webkit-animation: animate-svg-shops-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-shops-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both; animation: animate-svg-shops-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-shops-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;}@-webkit-keyframes animate-svg-shops-stroke-3 { 0% { stroke-dashoffset: 238.34597778320312px; stroke-dasharray: 238.34597778320312px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-shops-stroke-3 { 0% { stroke-dashoffset: 238.34597778320312px; stroke-dasharray: 238.34597778320312px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-shops-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-shops-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-shops-3 { -webkit-animation: animate-svg-shops-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-shops-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both; animation: animate-svg-shops-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-shops-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;}@-webkit-keyframes animate-svg-shops-stroke-4 { 0% { stroke-dashoffset: 529.3218994140625px; stroke-dasharray: 529.3218994140625px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-shops-stroke-4 { 0% { stroke-dashoffset: 529.3218994140625px; stroke-dasharray: 529.3218994140625px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-shops-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-shops-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-shops-4 { -webkit-animation: animate-svg-shops-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-shops-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; animation: animate-svg-shops-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-shops-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;}@-webkit-keyframes animate-svg-shops-stroke-5 { 0% { stroke-dashoffset: 200.80014038085938px; stroke-dasharray: 200.80014038085938px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-shops-stroke-5 { 0% { stroke-dashoffset: 200.80014038085938px; stroke-dasharray: 200.80014038085938px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-shops-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-shops-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-shops-5 { -webkit-animation: animate-svg-shops-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-shops-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both; animation: animate-svg-shops-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-shops-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;}
@-webkit-keyframes animate-svg-recruit-stroke-1 { 0% { stroke-dashoffset: 719.5517578125px; stroke-dasharray: 719.5517578125px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-recruit-stroke-1 { 0% { stroke-dashoffset: 719.5517578125px; stroke-dasharray: 719.5517578125px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-recruit-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-recruit-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-recruit-1 { -webkit-animation: animate-svg-recruit-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-recruit-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; animation: animate-svg-recruit-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-recruit-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;}@-webkit-keyframes animate-svg-recruit-stroke-2 { 0% { stroke-dashoffset: 249.8715362548828px; stroke-dasharray: 249.8715362548828px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-recruit-stroke-2 { 0% { stroke-dashoffset: 249.8715362548828px; stroke-dasharray: 249.8715362548828px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-recruit-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-recruit-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-recruit-2 { -webkit-animation: animate-svg-recruit-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-recruit-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both; animation: animate-svg-recruit-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-recruit-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;}@-webkit-keyframes animate-svg-recruit-stroke-3 { 0% { stroke-dashoffset: 189.704345703125px; stroke-dasharray: 189.704345703125px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-recruit-stroke-3 { 0% { stroke-dashoffset: 189.704345703125px; stroke-dasharray: 189.704345703125px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-recruit-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-recruit-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-recruit-3 { -webkit-animation: animate-svg-recruit-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-recruit-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both; animation: animate-svg-recruit-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-recruit-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;}@-webkit-keyframes animate-svg-recruit-stroke-4 { 0% { stroke-dashoffset: 177.1269989013672px; stroke-dasharray: 177.1269989013672px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-recruit-stroke-4 { 0% { stroke-dashoffset: 177.1269989013672px; stroke-dasharray: 177.1269989013672px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-recruit-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-recruit-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-recruit-4 { -webkit-animation: animate-svg-recruit-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-recruit-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; animation: animate-svg-recruit-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-recruit-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;}@-webkit-keyframes animate-svg-recruit-stroke-5 { 0% { stroke-dashoffset: 196.44520568847656px; stroke-dasharray: 196.44520568847656px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-recruit-stroke-5 { 0% { stroke-dashoffset: 196.44520568847656px; stroke-dasharray: 196.44520568847656px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-recruit-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-recruit-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-recruit-5 { -webkit-animation: animate-svg-recruit-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-recruit-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both; animation: animate-svg-recruit-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-recruit-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;}@-webkit-keyframes animate-svg-recruit-stroke-6 { 0% { stroke-dashoffset: 170.18072509765625px; stroke-dasharray: 170.18072509765625px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-recruit-stroke-6 { 0% { stroke-dashoffset: 170.18072509765625px; stroke-dasharray: 170.18072509765625px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-recruit-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-recruit-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-recruit-6 { -webkit-animation: animate-svg-recruit-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-recruit-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both; animation: animate-svg-recruit-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-recruit-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;}@-webkit-keyframes animate-svg-recruit-stroke-7 { 0% { stroke-dashoffset: 387.5982666015625px; stroke-dasharray: 387.5982666015625px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-recruit-stroke-7 { 0% { stroke-dashoffset: 387.5982666015625px; stroke-dasharray: 387.5982666015625px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-recruit-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-recruit-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-recruit-7 { -webkit-animation: animate-svg-recruit-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both, animate-svg-recruit-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both; animation: animate-svg-recruit-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both, animate-svg-recruit-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;}
@-webkit-keyframes animate-svg-company-stroke-1 { 0% { stroke-dashoffset: 541.6334228515625px; stroke-dasharray: 541.6334228515625px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-company-stroke-1 { 0% { stroke-dashoffset: 541.6334228515625px; stroke-dasharray: 541.6334228515625px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-company-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-company-fill-1 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-company-1 { -webkit-animation: animate-svg-company-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-company-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; animation: animate-svg-company-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-company-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;}@-webkit-keyframes animate-svg-company-stroke-2 { 0% { stroke-dashoffset: 238.55215454101562px; stroke-dasharray: 238.55215454101562px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-company-stroke-2 { 0% { stroke-dashoffset: 238.55215454101562px; stroke-dasharray: 238.55215454101562px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-company-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-company-fill-2 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-company-2 { -webkit-animation: animate-svg-company-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-company-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both; animation: animate-svg-company-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-company-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;}@-webkit-keyframes animate-svg-company-stroke-3 { 0% { stroke-dashoffset: 366.66900634765625px; stroke-dasharray: 366.66900634765625px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-company-stroke-3 { 0% { stroke-dashoffset: 366.66900634765625px; stroke-dasharray: 366.66900634765625px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-company-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-company-fill-3 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-company-3 { -webkit-animation: animate-svg-company-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-company-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both; animation: animate-svg-company-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-company-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;}@-webkit-keyframes animate-svg-company-stroke-4 { 0% { stroke-dashoffset: 529.896484375px; stroke-dasharray: 529.896484375px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-company-stroke-4 { 0% { stroke-dashoffset: 529.896484375px; stroke-dasharray: 529.896484375px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-company-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-company-fill-4 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-company-4 { -webkit-animation: animate-svg-company-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-company-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both; animation: animate-svg-company-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-company-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;}@-webkit-keyframes animate-svg-company-stroke-5 { 0% { stroke-dashoffset: 233.239990234375px; stroke-dasharray: 233.239990234375px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-company-stroke-5 { 0% { stroke-dashoffset: 233.239990234375px; stroke-dasharray: 233.239990234375px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-company-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-company-fill-5 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-company-5 { -webkit-animation: animate-svg-company-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-company-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both; animation: animate-svg-company-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-company-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;}@-webkit-keyframes animate-svg-company-stroke-6 { 0% { stroke-dashoffset: 213.81434631347656px; stroke-dasharray: 213.81434631347656px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-company-stroke-6 { 0% { stroke-dashoffset: 213.81434631347656px; stroke-dasharray: 213.81434631347656px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-company-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-company-fill-6 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-company-6 { -webkit-animation: animate-svg-company-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-company-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both; animation: animate-svg-company-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-company-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;}@-webkit-keyframes animate-svg-company-stroke-7 { 0% { stroke-dashoffset: 348.35736083984375px; stroke-dasharray: 348.35736083984375px; } 100% { stroke-dashoffset: 0; }}@keyframes animate-svg-company-stroke-7 { 0% { stroke-dashoffset: 348.35736083984375px; stroke-dasharray: 348.35736083984375px; } 100% { stroke-dashoffset: 0; }}@-webkit-keyframes animate-svg-company-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}@keyframes animate-svg-company-fill-7 { 0% { fill: transparent; } 100% { fill: rgb(255, 255, 255); }}.free-hands-company-7 { -webkit-animation: animate-svg-company-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both, animate-svg-company-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both; animation: animate-svg-company-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both, animate-svg-company-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;}



.top-01-img div[data-emergence=hidden] svg,
.top-02-img div[data-emergence=hidden] svg,
.top-03-img div[data-emergence=hidden] svg,
.top-04-img div[data-emergence=hidden] svg{
	display: none;
}
/*	*/

.btn-box{
	margin:0;
	padding: 0;
	text-align: center;
}
.more-btn{
	background: #ad221b;
	border: none;
	font-size: 1.4rem;
	font-weight: 700;
	background-color: #ad221b;
	color: #ffffff;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	padding: 14px 21px;
	border: 2px solid #ad221b;
	-webkit-transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
	-o-transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
	transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
	display: inline-block;
	cursor: pointer;
	width: 100%;
	min-width: 200px;
	outline: none;
	vertical-align: middle;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.more-btn.noline{
	width: auto;
	min-width: auto;
	color: #555555;
	padding: 0 2.0rem 0 0;
	border:none;
	float: right;
	text-align: right;
	background-color: transparent;
	overflow:visible;
}
@media (min-width: 400px) {
	.more-btn{
		width: auto;
	}
}
@media (min-width: 800px) {
	.more-btn{
		font-size: 1.4rem;
		padding: 1.6rem 2.8rem;
	}
}
.more-btn:hover{
	background: #ad221b;
	border-color: #ad221b;
	color: #fff;
}
.more-btn.noline:hover{
	background-color: transparent;
	border:none;
	color: #555555;
}
.btn-border {
	background-color: transparent;
	color: #ad221b;
}
.btn-arrow {
	position: relative;
	-webkit-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
}
.btn-arrow span {
	display: inline-block;
	position: relative;
	-webkit-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	will-change: transform;
}
.btn-arrow:hover span {
	-webkit-transform: translate3d(-1rem, 0, 0);
	        transform: translate3d(-1rem, 0, 0);
}
.btn-arrow svg {
	position: absolute;
	width: 1.1em;
	right: 0px;
	opacity: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	will-change: right, opacity;
}
.btn-arrow svg * {
	stroke-width: 5;
	stroke-color: transparent;
}
.btn-arrow:hover svg {
	opacity: 1;
	right: -2rem;
}

/*	*/

.shop-box{
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0;
	background-color:red;
}
.shop-box-img{
	width: 100%;
	margin: 0;
	padding: 0;
}
.shop-box-img img{
	width: 100%;
}
.shop-box-contents{
	width: 100%;
	margin: 0;
	padding: 20px 10px;
	font-size: 1.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.shop-box-contents section{
	margin: 0;
	padding: 0;
}
.shop-box-contents h1{
	margin: 0 0 20px;
	padding: 0; 
}
.shop-box-contents p{
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
}
@media screen and (min-width: 600px){
	.shop-box{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.shop-box-img{ width: 50%; }
	.shop-box-contents{
		width: 50%;
		padding: 20px;
	}
}

.shop-brandlist{
	margin: 0 0 50px -10px;
	padding: 0;
}

.shop-brandlist ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.shop-brandlist li{
	list-style-type: none;
	position: relative;
	height: auto;
	-ms-flex-preferred-size: calc(50% - 10px);
	    flex-basis: calc(50% - 10px);
	margin:0 0 10px 10px;
	padding: 0;
	border:solid 1px #EEE;
}
.shop-brandlist li::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.shop-brandlist li a{
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.shop-brandlist li a img{
	width: 70%;
	margin: 0 auto;
	padding: 0;
	-webkit-transition: all	 0.3s ease;
	-o-transition: all	 0.3s ease;
	transition: all	 0.3s ease;
}
.shop-brandlist li a:hover{
	opacity: 0.5;
}
.shop-brandlist li a:hover img{width: 65%;}
@media screen and (min-width: 600px){
	.shop-brandlist li{
		-ms-flex-preferred-size: calc(25% - 10px);
		    flex-basis: calc(25% - 10px);
		    max-width:calc(25% - 10px);
	}
}

/*	*/
.shop-logo{
	width: 200px;
}
.shop-concept-block{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.shop-concept-img{
	margin: 0 0 50px;
	padding: 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
}
.shop-concept-img img{ width: 100%; }
.shop-concept{
	margin: 0;
	padding: 0 50px;
	font-size: 1.4rem;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
@media screen and (min-width: 600px){
	.shop-concept-img{
	    -ms-flex: 0 1 50%;
	        -webkit-box-flex: 0;
	            flex: 0 1 50%;
	        max-width:50%;
	}
	.shop-concept{
	    -ms-flex: 0 1 50%;
	        -webkit-box-flex: 0;
	            flex: 0 1 50%;
	        max-width:50%;
	}
	.shop-concept-block{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
	}
}
.shop-concept a{
	display: inline-block;
}
.official-linkbtn{
	margin: 0;
	padding: 0;	
	text-align: center;
}
.official-linkbtn span{
	display:inline-block;
}
.official-linkbtn span a{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0.5rem 2.0rem;
	display: block;
	color:#fff;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius:50px;
	border-radius:50px;
	background:-o-linear-gradient(top, #ad221b, #8b0000);
	background:-webkit-gradient(linear, left top, left bottom, from(#ad221b), to(#8b0000));
	background:linear-gradient(to bottom, #ad221b, #8b0000);
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
	        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}
.official-linkbtn span a:hover{
	background:-o-linear-gradient(top, #8b0000, #ad221b);
	background:-webkit-gradient(linear, left top, left bottom, from(#8b0000), to(#ad221b));
	background:linear-gradient(to bottom, #8b0000, #ad221b);
}
	
.shoplist{
	margin: 0;
	padding: 0;
}
.country-name{
	margin: 0 0 50px 0;
	padding: 0;
	font-size: 2.4rem;
	text-align: center;
}
.shoplist ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.shoplist ul li{
	margin: 0 0 50px 0;
	padding: 0;
	list-style-type: none;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.shoplist-map{
	margin: 0 0 20px 0;
	padding: 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.shoplist-map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.shoplist-contents{
	margin: 0;
	padding: 0 20px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
}
.shoplist-contents h1{
	margin: 0 0 1.5rem 0;
	padding: 0;
	font-size: 2.4rem;
}
.shoplist-contents p{
	margin: 0 0 1.5rem 0;
	padding: 0;
}
.shoplist-contents a{
	margin: 1.5rem 0 0 0;
	padding: 0;
	display: block;
}
.shoplist-contents .shop_address,
.shoplist-contents .shop_tel,
.shoplist-contents .shop_link,
.shoplist-contents .shop_other{
	margin: 0 0 1.5rem 0;
	padding: 0;
}
@media screen and (min-width: 600px){
	.shoplist ul,
	.shoplist ul li{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}
	.shoplist ul li{
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 50%;
	        flex: 0 1 50%;
	        max-width:50%;
	}
	.shoplist-map{
		margin: 0;
	}
	.shoplist-map,
	.shoplist-contents{
	    -ms-flex: 0 1 50%;
	        -webkit-box-flex: 0;
	            flex: 0 1 50%;
	        max-width:50%;
	}
}

/*	*/

.company-block{
	margin: 0 0 50px 0;
	padding: 0;
	position: relative;
}
.company-block2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	margin: 0 0 100px 0;
	padding: 0;
	position: relative;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.company-img{
	width: 100%;
	margin: 0;
	padding: 0;
}
.company-img img{ width: 100%; }
.company-box{
	width: 80%;
	margin: -50px auto 0;
	padding:20px;
	background-color: red;
	text-align: center;
	position: relative;
	z-index: 2;
	background-color: #fff;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
	        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}
.company-box2{
	margin: 0;
	padding: 20px 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
	text-align: center;
	border-top: solid 1px #ddd;
}
.company-box2.first{ border:none; }

.company-box a,
.company-box2 a{
	width: 100%;
	height: 100%;
	display: block;
}

.company-box h1,
.company-box2 h1{
	margin: 0;
	padding: 0;
	font-size: 2.4rem;
}
.company-box p,
.company-box2 p{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 1.2rem;
}
.company-box p.la,
.company-box2 p.la{
	margin: 0;
	padding: 0;
	font-weight: 700;
}
@media screen and (min-width: 600px){
	.company-img{
		width: 60%;
	}
	.company-img.reverse{ float: right; }
	.company-box{
		position: absolute;
		top: 0;
		bottom: 0;
		width: 30%;
		margin: 50px;
	}
	.company-box2{
		padding: 50px 0;
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 33.333%;
		        flex: 0 1 33.333%;
		        max-width:33.333%;
		        border-top: none;
		border-left: solid 1px #ddd;
	}
	.company-box a{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;		
	}
	.company-box{
		right:15%;
	}
	.company-box.reverse{
		left:15%;
	}
}

/*	*/

.recruit-bg{
	background: no-repeat center center url("../img/photo/image-40-sp.jpg");
	background-size: cover;
}

@media screen and (min-width: 600px){
	.recruit-bg{
		background: no-repeat center center url("../img/photo/image-40.jpg");
		background-size: cover;
		background-attachment: fixed;
	}
}

.recruit-block{
	margin: 0 0 50px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.recruit-box{
	height: calc(100vw * 0.56);
	margin: 0;
	padding: 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
}

#recruit-box-01,
#recruit-box-02,
#recruit-box-03,
#recruit-box-04{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#recruit-box-01{ background-image: url("../img/photo/image-33-sp.jpg"); }
#recruit-box-02{ background-image: url("../img/photo/image-13-sp.jpg"); }
#recruit-box-03{ background-image: url("../img/photo/image-03-sp.jpg"); }
#recruit-box-04{ background-image: url("../img/photo/image-50-sp.jpg"); }

.recruit-box a{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	background: rgba(255, 255, 255, 0.6);
}
.recruit-box h1{
	margin: 0 0 20px 0;
	text-align: center;
	color: #000;
}
.recruit-box p{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	color: #333;
}

.recruit-block2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	    -ms-flex-direction:row;
	        flex-direction:row;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	margin: 0 0 100px 0;
	padding: 0;
	position: relative;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.recruit-box2{
	margin: 0;
	padding: 20px 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
	text-align: center;
	border-top: solid 1px #ddd;
}

.recruit-box2.first{ border:none; }

.recruit-box2 a{
	width: 100%;
	height: 100%;
	display: block;
}

.recruit-box2 h1{
	margin: 0;
	padding: 0;
	font-size: 2.4rem;
}

.recruit-box2 p.la{
	margin: 0;
	padding: 0;
	font-weight: 700;
}

@media screen and (min-width: 600px){
	.recruit-box2{
		padding: 50px 0;
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 33.33333%;
		        flex: 0 1 33.33333%;
		        max-width:33.33333%;
		        border-top: none;
		border-left: solid 1px #ddd;
	}
}

@media screen and (min-width: 600px){
	.recruit-block{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		margin: 0 0 100px;
	}
	.recruit-box{
		height: calc(50vw * 0.56);
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 50%;
		        flex: 0 1 50%;
		        max-width:50%;
	}
	.recruit-box a{
		width: 50%;
		height: 50%;
		margin: calc(50vw * 0.56 / 2) 0 0 50%;
		padding: 0;
	}
	#recruit-box-01{ background-image: url("../img/photo/image-33.jpg"); }
	#recruit-box-02{ background-image: url("../img/photo/image-13.jpg"); }
	#recruit-box-03{ background-image: url("../img/photo/image-03.jpg"); }
	#recruit-box-04{ background-image: url("../img/photo/image-50.jpg"); }
}

.action-btn{
	width:80%;
	margin: 0 auto 50px;
	position: relative; 
	padding: 2.4rem 4.2rem;
	font-size: 2.4rem;
	line-height: 2.4rem;
	font-family: var(--conceptfont), serif;
	letter-spacing: 0.5rem;
	font-weight: 400;
	color: var(--inv);
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);	
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	border: solid 1px #ddd;
}

.action-btn .line{
	width: 150px;
	height: 4px;
	margin: 0;
	padding: 0;
	top:40px;
	left: -90px;
	overflow: hidden;
	position:absolute;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	background-color: transparent;
}

.action-btn a{
	width: 100%;
	height: 100%;
	display: block;
}

.action-btn small{
	font-size: 1.2rem;
}

.action-btn:before,
.action-btn:after {
		content: '';
		position: absolute; 
		-webkit-transition: inherit; 
		-o-transition: inherit; 
		transition: inherit;
		z-index: -1;
}

.action-btn:hover,
.action-btn a:hover {
		color: var(--def);
		-webkit-transition-delay: .6s;
		     -o-transition-delay: .6s;
		        transition-delay: .6s;
}

.action-btn:hover:before {
		-webkit-transition-delay: 0s;
		     -o-transition-delay: 0s;
		        transition-delay: 0s;
}

.action-btn:hover:after {
		background: var(--inv);
		-webkit-transition-delay: .4s;
		     -o-transition-delay: .4s;
		        transition-delay: .4s;
}

.from-left:before, 
.from-left:after {
		top: 0;
		width: 0;
		height: 100%;
}

.from-left:before {
		right: 0;
		border: 1px solid var(--inv);
		border-left: 0;
		border-right: 0;		
}

.from-left:after {
		left: 0;
}

.from-left:hover:before,
.from-left:hover:after {
		width: 100%;
}

:root {
--def: #FFF;
--inv: #8b0000;
}

@media screen and (min-width: 900px){
	.action-btn{ width:20%; }
}
@media (orientation: landscape) and (max-width:899px){
	.action-btn{ width:80%; }
}

/*	*/

.mission-block{
	width: 100%;
	margin:0;
	padding: 30px 0 0;
	background: no-repeat center center url("../img/photo/image-61-sp.jpg");
	background-size: cover;
	position: relative;
}
@media screen and (min-width: 600px){
	.mission-block{
		background: no-repeat center center url("../img/photo/image-61.jpg");
	}
}
.mission-block .contents{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	margin-top: 0;
	margin-bottom: 0;
}
.mission-box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	text-align: center;
	padding: 30px;
	margin-bottom: 30px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
	background: rgba(255, 255, 255, 0.9);
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
	        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
	color: #000;
}
.mission-box h1{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 2.4rem;
	line-height: 1.2;
}
.mission-box p{
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	text-align: justify;
	font-family: var(--conceptfont), serif;
}
.mission-box p + p{
	margin: 1.5rem 0 0;
	padding: 0;
	text-align: left;
}
@media screen and (min-width: 600px) {
	.mission-block{
		height:calc(100vw * 0.35);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
		margin: 0 0 200px;
		padding: 0;
	}
	.mission-block .contents{
		-ms-flex-wrap:nowrap;
		    flex-wrap:nowrap;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		margin-bottom: -100px;
	}
	.mission-box{
		margin: 0 1%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 31.333%;
		        flex: 0 1 31.333%;
		        max-width:31.333%;
	}
}

.guidelines{
	margin: 0 0 80px;
	padding: 0;
}
.guidelines h1{
	margin: 0 0 30px;
	padding: 0;
	font-size: 2.4rem;
	text-align: center;
}
.guidelines p{
	margin: 0 0 30px;
	padding: 0;
	font-size: 1.6rem;
	text-align: center;
	color:#555;
	font-weight: 700;
}

.slickbox{
	width: 90%;
	max-width: 640px;
	margin: 0 auto;
	padding: 30px 10px;
}

.slickbox div{
	display: block;
	margin: 0;
	padding:0;
	text-align: center;
	font-size: 1.2rem;
	color:#000;
	font-family: var(--conceptfont), serif;
}
@media screen and (min-width: 600px) {
	.slickbox{
		padding: 30px;
	}
	.slickbox div{
		font-size: 1.4rem;
	}
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #ad221b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slickbox div span {
	color:#777;
}

/*  */

table.company-data {
	width: 100%;
	margin: 20px auto;
	border-collapse:collapse;
	font-size: 1.2rem;
}
.company-data tr{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: left;
}
.company-data th {
	padding: 10px;
	width: 12.0rem;
}
.company-data td {
縲€border: solid 1px #ccc;
	padding: 10px;
}
.company-data td ul{
	margin: 0;
	padding: 0;
}
.company-data td li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
@media screen and (max-width: 600px) {
	.company-data tr{ text-align: left; }
	.company-data th,
	.company-data td {
		border-bottom: none;
		display: block;
		width: 100%;
		padding: 10px 0;
	}
	.company-data th + td,
	.company-data td + td{
		padding: 0 0 10px;
	}
}

.google-map {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 100px;
	height: 0;
	padding-bottom: 35%;
	position: relative;
	display: block;
	overflow: hidden;
	content:"";
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
	        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}
.google-map iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

/*  */

.history-data{
	width:90%;
	max-width: 640px;
	margin:0 auto 50px;
	overflow:hidden;
}

.history-data dt {
	float:left;
	width:calc(15% + 2px);
	clear:both; 
	padding:3px 20px 4px 0;
	padding-bottom:15px;
	margin-right:-1px;
	border-right:1px solid #999;
	position:relative;
	font-size: 1.2rem;
	color:#333;
	font-family: var(--conceptfont), serif;
}
.history-data dd {
	float:right;  
	width:calc(85% - 1px);
	padding:3px 0 15px 20px;
	border-left:1px solid #999;
	margin-left:0;
	font-size: 1.2rem;
}
.history-data dd {
	*float:none;
	*width:auto;
	*margin-left:180px;
}
.history-data dt:before {
	content:"";
	width:30px;
	position:absolute;
	border-top:1px solid #999;
	top:-5px;
	right:-15px;
}
.history-data dt:after {
	content:"";
	width:7px;
	height:7px;
	background:#fff;
	border:1px solid #999;
	position:absolute;
	border-radius:6px;
	top:-8px;
	right:-4px;
}

/*  */

.contact-block{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
.contact-btn{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 auto 20px;
	padding: 30px 0 10px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
	text-align: center;
	border: solid 1px #ccc;
	background-color: #fff;
	-webkit-transition: all	 0.3s ease;
	-o-transition: all	 0.3s ease;
	transition: all	 0.3s ease;
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
	        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));
}
.contact-btn:hover{
	-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.0));
	        filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.0));
}
.contact-btn a{
	width: 100%;
	height: 100%;
	display: block;
}
.contact-btn h1{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 3.6rem;
}
.contact-btn p{
	font-size: 1.4rem;
	margin: 0 0 20px 0;
	padding: 0;
}
@media screen and (min-width: 600px) {
	.contact-block{
		-ms-flex-wrap:nowrap;
		    flex-wrap:nowrap;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
	}
	.contact-btn{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 48%;
		        flex: 0 1 48%;
		        max-width: 48%;
	}
}

/*  */

.privacy-block,
.policy-block{
	max-width: 640px;
	margin: 0 auto 100px;
	padding: 0;
}
.privacy-block h1,
.policy-block h1,
.privacy-block h2,
.policy-block h2,
.privacy-block h3,
.policy-block h3{
	font-size: 1.4rem;
	margin: 0 0 20px;;
	padding: 0;
	color:#000;
}

.privacy-block p,
.policy-block p{
	font-size: 1.2rem;
	margin: 0 0 20px;;
	padding: 0;
}

/*  */

.recruit-job-img{
	width: 100%;
	margin: 0 auto 50px;
	padding: 0;
}
.recruit-job-img img{ width: 100%; }
@media screen and (min-width: 600px) {
	.recruit-job-img img{ height:calc(100vw * 0.5); -o-object-fit: cover; object-fit: cover; }
}
table.recruit-job-data {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	font-size: 1.2rem;
		border-spacing: 0 20px;
}

.recruit-job-data th {
	position: relative;
	text-align: left;
	width: calc(28% - 4.8rem);
	padding-right: 4.8rem;
	font-size: 1.0rem;
	font-weight: 700;
	color:#000;
}
.recruit-job-data th:after{
	display: block;
	content: "";
	width: 2.4rem;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top:calc(50% - 1px);
	right:1.2rem;
}
.recruit-job-data td{
	text-align: left;
	width: 72%;
} 
@media screen and (min-width: 600px){
	.recruit-job-data th{ width: calc(15% - 4.8rem); }
	.recruit-job-data td{ width: 85%; }
}

/*  */

.qacontainer{
	font-size: 1.2rem;
	margin: 0 0 100px;
	padding: 0;
}
.qacontainer dt {
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #eee;
	text-indent: -2.0rem;
	
}
.qacontainer dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
	color:#000;
}
.qacontainer dd {
	margin: 20px 10px 40px 35px;
	text-indent: -2.0rem;
}
.qacontainer dd:before {
	content: "A.";
	color: #990000;
	font-weight: bold;
	margin-right: 7px;
}

/*  */

.flow-memo{
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 50px;
	padding: 0;
}

.flow-bg{
	margin: 0 0 50px;
	padding: 20px 0;
	background-color: #eee;
	-webkit-box-shadow:0px 0px 8px 3px #ccc inset;
	        box-shadow:0px 0px 8px 3px #ccc inset;
}
.flow-block{
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.flow-block li{
	margin: 0 0 20px;
	padding: 20px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:start;
	    -ms-flex-align:start;
	        align-items:flex-start;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-ms-flex-line-pack:start;
	    align-content:flex-start;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width:100%;
	border: solid 1px #ddd;
	background-color: #fff;
}
.flow-block li:last-child{
	margin: 0;
}
.flow-block h1{
	font-size: 2.4rem;
	margin: 0 auto 20px;
	padding: 0 0 15px;
	position: relative;
	text-align: center;
}
.flow-block h1.red{
	color:#990000;
}
.flow-block h1:after{
	content: "";
	width: 4.8rem;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	bottom:0;
	left:calc(50% - 2.4rem);
}
.flow-block h1.red:after{
	background-color: #990000;
}
.flow-block p{
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
	text-align: justify;
}

@media screen and (min-width: 600px){
	.flow-block{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		-ms-flex-wrap:nowrap;
		    flex-wrap:nowrap;
	}
	.flow-block li{
		margin: 0 0 0 3%;
	    -ms-flex: 0 1 25%;
	        -webkit-box-flex: 0;
	            flex: 0 1 25%;
	        max-width:25%;
	}
	.flow-block li:first-child{
		margin: 0;
	}
	.flow-block li:last-child{
		margin: 0 0 0 3%;
	}
}

/*  */

.message-block{
	width: 90%;
	max-width: 980px;
	height: auto;
	margin: 0 auto 100px;
	padding: 0;
	position: relative;
}

.message-block::after {
	content: "";
	display: block;
	clear: both;
}

#message-box-1,
#message-box-4{
	width: 100%;
	margin: 0 0 50px;
}

#message-box-1 img,
#message-box-4 img{ width: 100%; }

#message-box-2{ margin-bottom: 50px; }
#message-box-3{ margin-bottom: 50px; }
#message-box-5{ margin-bottom: 50px; }
#message-box-6{ margin-bottom: 50px; }

@media screen and (min-width: 600px){
	.message-block img{ width: auto; }
	
	#message-box-1,
	#message-box-4{
		width: 720px;
		position:relative;
		margin: 0 0 100px;
	}
	
	#message-box-1{ float: right; }
	#message-box-4{ float: left; }
	
	#message-box-2,
	#message-box-3,
	#message-box-5,
	#message-box-6{
		position: absolute;
		margin-bottom:0;
	}
	
	#message-box-2,
	#message-box-5{
		top:20px;
	}
	
	#message-box-3,
	#message-box-6{
		top:280px;
	}
	
	#message-box-2{ left: 150px; }
	#message-box-3{ left: 150px; }
	#message-box-5{ right: 150px; text-align: right; }
	#message-box-6{ right: 150px; text-align: right; }
}

.message-contents{
	padding: 0;
}

.message-contents h1{
	margin: 0 0 10px;
	padding: 0;
	font-size: 2.4rem;
	line-height: 2.4rem;
	color:#990000;
}
.message-contents h2{
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.8rem;
	color:#999999;
}
.message-contents p{
	margin: 0;
	padding: 0;
	font-size:1.2rem;
	color:#333;
}

@media screen and (min-width: 600px){
	.message-contents h1{
		margin: 0 0 20px;
		font-size: 4.8rem;
		line-height:inherit;
	}
	.message-contents h2{
		margin: 0 0 20px;
		font-size: 2.4rem;
		line-height:inherit;
	}
	.message-contents h1 span,
	.message-contents h2 span,
	.message-contents p span{
		padding: 5px 10px;
		background-color: #fff;
	}
}

/*  */

.careerup-img{
	width: 100%;
	margin: 0 auto 50px;
	padding: 0;
}
.careerup-img img{ width: 100%; height:calc(100vw * 0.56); -o-object-fit: cover; object-fit: cover; }
.careerup-img img.normal{ display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

/* 迚ｩ莉ｶ諠��ｱ蜍滄寔縺ｮ繝｡繧､繝ｳ逕ｻ蜒� */

.propertywanted-img{
	width: 100%;
	margin: 0 auto 50px;
	padding: 0;
}
.propertywanted-img img{ width: 100%; height:calc(100vw * 0.4); -o-object-fit: cover; object-fit: cover; }
.propertywanted-img img.normal{ display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

@media screen and (max-width: 768px){
.propertywanted-img img{ width: 100%; height:calc(100vw * 0.56); -o-object-fit: cover; object-fit: cover; }
	}

.careerup-block{
	margin: 0 0 50px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.careerup-box{
	margin: 0;
	padding: 0;
	-webkit-box-flex: 0;
	    -ms-flex: 0 1 100%;
	        flex: 0 1 100%;
	        max-width: 100%;
	text-align: center;
	margin: 0 0 50px;
}
.careerup-box h1{
	margin: 0 0 10px;
	padding: 0;
	font-size:2.4rem;
	line-height: 2.4rem;
}
.careerup-box h2{
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.4rem;
}
.careerup-box p{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	text-align: justify;
}

@media screen and (min-width: 600px){
	.careerup-block{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		-ms-flex-wrap:nowrap;
		    flex-wrap:nowrap;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
	}
	.careerup-box{
		-webkit-box-flex: 0;
		    -ms-flex: 0 1 50%;
		        flex: 0 1 50%;
		        max-width:50%;
		padding: 0 30px;
		margin: 0;
	}
}

.careerup-memo{
	margin: 0 0 50px;
	padding: 0;
	font-size: 1.1rem;
	text-align: center;
}

table.careerup-data {
	width: 100%;
	margin: 20px auto 100px;
	border-collapse:collapse;
	font-size: 1.2rem;
}
.careerup-data tr{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: left;
}
.careerup-data th {
	padding: 10px;
}
.careerup-data td {
	padding: 10px;
}
 
@media screen and (max-width: 600px) {
	.careerup-data tr{ text-align: left; }
	.careerup-data th,
	.careerup-data td {
		border-bottom: none;
		display: block;
		width: 100%;
		padding: 10px 0 0;
	}
	.careerup-data th + td,
	.careerup-data td + td{
		padding: 5px 0 10px;
	}
}






/*  */

.system-img{
	width: 100%;
	height:calc(100vw * 0.35);
	min-height:calc(100vw * 0.35);
	margin: 0 auto 50px;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
}
#system-img-01{ background-image: url("../img/photo/image-50-sp.jpg"); }
#system-img-02{ background-image: url("../img/photo/image-29-sp.jpg"); }
#system-img-03{ background-image: url("../img/photo/image-39-sp.jpg"); }
#system-img-04{ background-image: url("../img/photo/image-64-sp.jpg"); }
#franchise-img{ background-image: url("../img/fc/image01-sp.jpg"); }

@media screen and (min-width: 600px){
	.system-img{
		background-position: center top;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
	}
	#system-img-01{ background-image: url("../img/photo/image-50.jpg"); }
	#system-img-02{ background-image: url("../img/photo/image-29.jpg"); }
	#system-img-03{ background-image: url("../img/photo/image-39.jpg"); }
	#system-img-04{ background-image: url("../img/photo/image-64.jpg"); }
	#franchise-img{ background-image: url("../img/fc/image01.jpg"); }
}

.system-box{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
}
@media screen and (min-width: 600px){
	.system-box.tr{
		text-align: right;
	}
}
.system-box.mb100{
	margin-bottom: 100px;
}

.system-box h1{
	margin: 0 0 20px 0;
	padding: 0;
	color:#990000;
	font-size: 2.4rem;
}
.system-box h2{
	margin: 0 0 50px 0;
	padding: 0;
	font-size: 1.2rem;
}

.system-box h2 small a{
	display: block;
	text-decoration: underline;
}

.system-box p{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}

@media screen and (min-width: 600px){
	.system-box h1{
		margin: 0 0 20px 0;
		font-size: 3.6rem;
	}
	.system-box h2{
		margin: 0 0 50px 0;
		font-size: 1.8rem;
	}
	.system-box h2 small a{
		display: block;
		text-decoration: underline;
	}
	.system-box p{
		font-size: 1.2rem;
	}
}



/*  */

.movie-body{
	width: 100%;
	margin: 50px auto;
	padding: 0;
}

.movie-wrap{
	position: relative;
	margin: 0 0 100px;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

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

.movie-wrap-first{
	margin: 0;
	padding: 0;
}

.movie-wrap-first img{ width: 100%; }

/*  */

.workstyle-box{
	width:90%;
	max-width: 640px;
	margin:0 auto 100px;
	padding: 0;
}
.workstyle-box h1{
	margin: 0 0 10px;
	padding: 0;
	font-size: 2.4rem;
	color:#000;
}
.workstyle-box h2{
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.6rem;
}
.workstyle-box p{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}

/*  */

.service-wrap{
	width: 100%;
	margin: 0 0 100px;
	padding: 0;
}
.service-box{
	width: 100%;
	margin: 0;
	padding: calc(100%*0.05) 0;
	background: -webkit-gradient(linear, left top, right top, from(#eee), color-stop(80%, #eee), color-stop(80%, #fff), to(#fff));
	background: -o-linear-gradient(left, #eee 0%, #eee 80%, #fff 80%, #fff 100%);
	background: linear-gradient(90deg, #eee 0%, #eee 80%, #fff 80%, #fff 100%);
}
.service-img{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	display: block;
}
.service-contents{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#service-01::after, #service-02::after, #service-03::after, #service-04::after{
	position: absolute;
	top:5px;
	right: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 30px;
	font-family: "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
	font-weight: 400;
	color: #ccc;
}
@media screen and (min-width: 900px){
	#service-01::after, #service-02::after, #service-03::after, #service-04::after{
		font-size: 100px;
		line-height: 100px;
		top:0;
		right: 20px;
	}
}
#service-01::after{content:"01";}
#service-02::after{content:"02";}
#service-03::after{content:"03";}
#service-04::after{content:"04";}

.other-block{
	width: 100%;
	margin: 0 auto 100px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
@media screen and (min-width: 900px){
	.other-block{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
	}
}
.other-box{
	-webkit-box-flex:0;
	    -ms-flex:0 1 30%;
	        flex:0 1 30%;
	position: relative;
	margin: 0;
	padding: 0;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
	background-color:#fff;
}
.other-box.first{
	border-top: solid 1px #eee;
}
@media screen and (min-width: 900px){
	.other-box{
		margin: 0;
		border-left:none;
		border-top: solid 1px #eee;
		border-right: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}
	.other-box.first{
		border-left: solid 1px #eee;
	}
}

.other-box span{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
	-ms-flex-line-pack:center;
	    align-content:center;
}
.other-box span .number{
	margin: 0;
	padding: 5.0rem 0 1.0rem 0;
	font-size: 30px;
	line-height: 30px;
	font-family: "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;
	font-weight: 400;
	color: #ccc;
}
.other-box span h1{
	margin: 0;
	padding: 1.0rem 0;
	font-size: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
}
.other-box span p{
	margin: 0;
	padding: 1.0rem 0 5.0rem 0;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: 700;
}




.service-title{
	font-size: 2.4rem;
}
.service-subtitle{
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 0 20px;
	padding: 0;
}
.service-txt{
	font-size: 1.2rem;
	margin: 0;
	padding: 0;
}

/*  */

.service-block{
	width: 100%;
	margin: 0 0 100px;
	padding: 0;
}

.service-block-img {
    width: 100%;
    margin: 0 auto 100px;
    padding: 0;
}

.service-block-img img {
    width: 100%;
}

.service-q{
	margin: 0 0 20px;
	padding: 1.5rem 2.0rem;
	border-top-left-radius: 10px;
	background-color: #eee;
	font-size: 1.2rem;
	font-weight: 700;
}
.service-q span{ color:#ad221b; }

.service-a{
	margin: 0 0 50px;
	padding: 0 1.5rem;
	font-size: 1.2rem;
}

.benefit{
	width: 90%;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}
@media screen and (min-width: 900px){
	.benefit{
		width: 50%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
}
.benefit-img{
	width: 160px;
	margin: 0 auto 20px;
	padding: 0;
	text-align: center;
	display: block;
}

.benefit p{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
}

.benefit p + p{
	margin-top: 10px;
}

.service-features,
.service-flow{
	width: 90%;
	margin: 0 auto 100px;
	padding: 0;
}

.service-flow{
	margin-bottom: 0;
}

@media screen and (min-width: 900px){
	.service-features,
	.service-flow{
		width: 50%;
		text-align: center;
	}
}

.service-features h1,
.service-flow h1,
.service-features h2,
.service-flow h2,
.service-flow h3{
	margin: 0;
	padding: 0;
	font-family: var(--conceptfont), serif;
	text-align: center;
}

.service-features h1,
.service-flow h1{
	font-size: 2.4rem;
	line-height: 2.4rem;
	margin-bottom:20px;
	color: #000;
}
.service-features h1 span,
.service-flow h1 span{
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px;
}
.service-features h2,
.service-flow h2{
	font-size: 1.8rem;
	line-height: 1.8rem;
	margin-bottom:50px;
}

.service-flow h3{
	font-size: 1.8rem;
	line-height: 1.8rem;
	margin-bottom:20px;
	color: #000;
}

.service-features p{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
}

.service-features p + p{
	margin-top: 10px;
}

.service-flow p{
	margin: 0 0 30px;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
}

.service-arrow {
	display:block;
	position: relative;
	margin:0 auto 20px;
	text-align: center;
	width: 3.0rem;
	height: 1.0rem;
	color: #ad221b;
	font-size: 10px;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}
.service-arrow:before,
.service-arrow:after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	content: "";
}
.service-arrow:before {
	right: 0.25rem;
	width: 0px;
	height: 0px;
	border: 1.0rem solid transparent;
	border-left: 1.0rem solid currentColor;
}
.service-arrow:after {
	left: 0px;
	width: 1.0rem;
	height: 1.0rem;
	background-color: currentColor;
}

/*  */

.brand-list{
	width: 100%;
	margin: 0 auto 100px;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
@media screen and (min-width: 900px){
	.brand-list{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		        flex-direction:row;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
	}
}
.brand-card{
	-webkit-box-flex:0;
	    -ms-flex:0 1 30%;
	        flex:0 1 30%;
	position: relative;
	margin: 0 0 50px 0;
	padding: 0;
	border: solid 1px #eee;
	background-color:#fff;
}
@media screen and (min-width: 900px){
	.brand-card{
		margin: 0;
	}
}
.brand-card::after {
  content: "";
  display: block;
  clear: both;
}
.brand-img{
	width: 100%;
	margin: 0;
	padding: 0;
}
.brand-card h1{
	margin: 0;
	padding: 10px 15px;
	text-align: center;
}
.brand-card h1 img{
	height: 60px;
}
.brand-card p{
	margin: 0 0 20px 0;
	padding:0 15px;
}
.brand-link{
	position: absolute;
	bottom: -1.0rem;
	right: 1.0rem;
	margin: 0 0 0 0;
	padding: 0.25rem 1.0rem;
	background-color: #555;
	border-radius:10px;
	color:#fff!important;
	display: inline-block;
}

a.brand-link{ color:#fff!important; font-weight: 700;}
a.brand-link:hover{ color:#ccc; }

/*  */

.entry {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}

.post-navigation .nav-links a .meta-nav:before,
.post-navigation .nav-links a .meta-nav:after {
	content: none;
	width:0px;
}

.nav-links{}
.nav-next{
	text-align: right;	
}
.nav-next a,
.nav-previous a{
	color:#ad221b;
}
.nav-next a:hover,
.nav-previous a:hover,
.nav-next a:active,
.nav-previous a:active,
.nav-next a:visited,
.nav-previous a:visited{
	color:#8b0000;
}

.post-navigation .nav-links a .meta-nav{color:#ad221b;}

@media screen and (min-width: 1168px){
	.post-navigation .nav-links {
		width: 100%;
		flex-direction: row;
		margin: 0 auto;
	}
}

.entry-content{
	overflow: hidden;
	font-size: 12px;
}

.entry-content img{
	max-width: 100%;
}

/*  */

.message-data{
	width:90%;
	max-width: 980px;
	margin:0 auto 100px;
	padding: 0;
}
.message-data::after {
	content: "";
	display: block;
	clear: both;
}

.message-photo{
	width: 100%;
	margin: 0 0 10% 0;
	padding: 0;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
}
.message-photo img{ border: solid 1px #fff; width: 100%; }

@media screen and (min-width: 900px){
	.message-photo{
		width: 40%;
		margin: 0 0 5% 10%;
		float: right;
	}
}

.message-data h1{
	margin: 0 0 50px 0;
	padding: 0;
	font-size: 2.4rem;
	font-weight: 700;
}
.message-data p{
	margin: 0 0 1.5rem 0;
	padding: 0;
	font-size: 1.4rem;
}
.message-data p.message-name{
	margin: 0;
	padding: 3.5rem 0 0;
}
/*繧ｹ繝槭�逕ｨ縲€footer繝翫ン*/

.footer_sp_navi{
margin:0 auto;
padding:0;
max-width: 100vw;

}
.toggle {
display: none;
}
.option {
position: relative;
margin: 0;
padding: 0;
}
.footer_sp_title,
.footer_sp_content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.footer_sp_title {
padding:0 0;
margin: 0;
display: block;
color: #fff;
width:100%;
font-size: 180%;
line-height: 1.5;
font-family: 'EB Garamond', "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif; 

}
.footer_sp_title::after,
.footer_sp_title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #fff;
transition: all 0.3s;
}
.footer_sp_title::after {
transform: rotate(90deg);
}
.footer_sp_content {
max-height: 0;
overflow: hidden;
margin:0;
padding:0;
font-size:1.4em;
line-height: 1.5;
}

.toggle:checked + .footer_sp_title + .footer_sp_content {
max-height:500px;
transition: all 1.5s;


}
.toggle:checked + .footer_sp_title::before {
transform: rotate(90deg) !important;
}