@charset "utf-8";

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

indexスタイル

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

@media print, screen and (min-width: 768px) {

/* ▼スライドショーPC */
#top_slide {
	width: 100%;
	position: relative;
}

.slider .swiper-slide {
	width: 100%;
    height: 570px;
	opacity: 1;
	margin-right: 0 !important;
}

.topslide_txt {
	width: 1000px;
	height: 0;
	margin: 0 auto;
	position: relative;
}

#top_slide p {
	position: absolute;
	right: 25px;
	bottom: 80px;
	z-index: 50;
	width: 430px;
}

#top_slide p img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#slider_img01 {
	background: url('../img/slider/01.jpg');
	background-size: cover;
}
#slider_img02 {
	background: url('../img/slider/02.jpg');
	background-size: cover;
}
#slider_img03 {
	background: url('../img/slider/03.jpg');
	background-size: cover;
}

/* ▼NEWS PC */
#news_area {
	padding: 60px 0;
	background: #fff;
}

.newstitle {
	font-size: 24px; font-size: 2.4rem;
	text-align: center;
	line-height: 1.8;
	font-weight: bold;
	margin-bottom: 40px;
}

.newstxt {
	font-size: 18px; font-size: 1.8rem;
	text-align: center;
	line-height: 1.8;
}

/* ▼ABOUT PC */
#about_area {
	padding: 90px 0 60px 0;
	background: #e5e5e5;
}

#about_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#about_area h3 {
	color: #3f3a3a;
	font-size: 37px; font-size: 3.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 2;
	margin: 0 0 30px 210px;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#about_area p {
	color: #3f3a3a;
	font-size: 17px; font-size: 1.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 3;
	margin: 0 0 0 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#about_area h2.active,
#about_area h3.active,
#about_area p.active {
	transform: translate(0);
	opacity: 1;
}

#about_area p.more {margin-top: 80px;}

#about_area p.more a {
	display: block;
	width: 180px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 2;
	margin: 0 0 0 auto;
	padding: 6px 0;
	background: #dc9200;
	border-radius: 9999px;
}

/* ▼SAMPLE PC */
#sample_area {
	padding: 70px 0 60px 0;
	background: #e5e5e5;
}

#sample_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#sample_area h2.active {
	transform: translate(0);
	opacity: 1;
}

#samplephoto ul {
	display: flex;
	margin-bottom: 1px;
}

#samplephoto li {position: relative;}

#samplephoto li a {color: #fff;}

.tline {margin-right: 1px;}

.wide1 {width: 58.33%;}

.wide2 {width: 41.66%;}

.itemphoto img {
	width: 100%;
	filter: none;
	image-rendering: -webkit-optimize-contrast;
	transition: 1s;
}

.wide1 a:hover .itemphoto img,
.wide2 a:hover .itemphoto img {filter: brightness(0.6);}

.itemtxt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 5;
	width: 200px;
	height: 50px;
	box-sizing: border-box;
	border-radius: 9999px;
	background: rgba(255, 255, 255, 0.4) url("../img/worksarrow.png") right 25px center no-repeat;
	background-size: 15px 12px;
	image-rendering: -webkit-optimize-contrast;
	font-size: 18px; font-size: 1.8rem;
	font-feature-settings: "palt" 1;
	padding: 15px 35px 0 0;
	text-align: center;
	letter-spacing: 0.3rem;
	opacity: 0;
	transition: 1s;
}

.wide1 a:hover .itemtxt,
.wide2 a:hover .itemtxt {opacity: 1;}

/* ▼CONSTRUCTION RESULTS PC */
#results_area {
	padding: 70px 0 60px 0;
	background: #e5e5e5;
}

#results_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#results_area h2.active {
	transform: translate(0);
	opacity: 1;
}

.results_btn {
	width: 800px;
	margin: 0 auto;
	position: relative;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateY(30px);
	opacity: 0;
}

.results_btn.active {
	transform: translate(0);
	opacity: 1;
}

.results_btn a {color: #fff;}

.resultsphoto img {
	width: 100%;
	filter: none;
	image-rendering: -webkit-optimize-contrast;
	transition: 1s;
}

.results_btn a:hover .resultsphoto img {filter: brightness(0.6);}

.resultstxt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 5;
	width: 200px;
	height: 50px;
	box-sizing: border-box;
	border-radius: 9999px;
	background: rgba(255, 255, 255, 0.4) url("../img/worksarrow.png") right 25px center no-repeat;
	background-size: 15px 12px;
	image-rendering: -webkit-optimize-contrast;
	font-size: 18px; font-size: 1.8rem;
	font-feature-settings: "palt" 1;
	padding: 15px 35px 0 0;
	text-align: center;
	letter-spacing: 0.3rem;
	opacity: 0;
	transition: 1s;
}

.results_btn a:hover .resultstxt {opacity: 1;}

/* ▼SNS PC */
#sns_area {
	padding: 90px 0 30px 0;
	background: #e5e5e5;
}

#sns_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#sns_area h3 {
	color: #3f3a3a;
	font-size: 37px; font-size: 3.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 2;
	margin: 0 0 30px 210px;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.insta_txt {
	font-size: 24px; font-size: 2.4rem;
	font-feature-settings: "palt" 1;
	font-weight: bold;
	margin: 0 0 0 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.insta_txt img {
	width: 51px;
	margin-right: 20px;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.insta_txt a {color: #3f3a3a;}

#sns_area h2.active,
#sns_area h3.active,
.insta_txt.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼CONTACT PC */
#contact_area {
	padding: 90px 0 30px 0;
	background: #e5e5e5;
}

#contact_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#contact_area h3 {
	color: #3f3a3a;
	font-size: 37px; font-size: 3.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 2;
	margin: 0 0 30px 210px;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.contactbox {
	margin: 0 0 0 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.contactbox th {
	width: 65px;
	vertical-align: top;
}

.contactbox td {padding: 5px 0 25px 0;}

.contactbox th,
.contactbox td {
	text-align: left;
	color: #3f3a3a;
	font-size: 22px; font-size: 2.2rem;
	font-feature-settings: "palt" 1;
	font-weight: bold;
	line-height: 1.8;
}

.contactbox td span {
margin-top: 5px;
	display: inline-block;
	font-size: 16px; font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.8;
}

.contactbox th a,
.contactbox td a {
	color: #3f3a3a;
	text-decoration: none;
}
.contactbox th a:hover,
.contactbox td a:hover {text-decoration: underline;}

.contactbox th img,
.contactbox td img {width: 45px;}

#contact_area h2.active,
#contact_area h3.active,
.contactbox.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼ACCESS PC */
#access_area {
	padding: 90px 0 20px 0;
	background: #e5e5e5;
}

#access_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#access_area h3 {
	color: #3f3a3a;
	font-size: 37px; font-size: 3.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 2;
	margin: 0 0 20px 210px;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#access_area h2.active,
#access_area h3.active {
	transform: translate(0);
	opacity: 1;
}

.gmap {margin: 0 0 60px 210px;}

.access_p1 {
	color: #3f3a3a;
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 3;
	margin: 0 0 40px 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.access_p2 {
	color: #3f3a3a;
	font-weight: bold;
	font-size: 18px; font-size: 1.8rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 3;
	margin: 0 0 5px 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.access_p3 {
	color: #3f3a3a;
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 2;
	margin: 0 0 50px 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.access_p2::before {
	content: "> ";
	color: #dc9200;
}

.access_p1.active,
.access_p2.active,
.access_p3.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼RECRUIT/PARTNER PC */
#recruit_partner_area {
	padding: 90px 0 60px 0;
	background: #e5e5e5;
}

#recruit_partner_area .inner {
	position: relative;
	padding-bottom: 60px;
}

#recruit_partner_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#recruit_partner_area h3 {
	color: #3f3a3a;
	font-size: 37px; font-size: 3.7rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 2;
	margin: 0 0 30px 210px;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#recruit_partner_area p {
	color: #3f3a3a;
	font-size: 16px; font-size: 1.6rem;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 2;
	margin: 0 0 60px 210px;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#recruit_partner_area h2.active,
#recruit_partner_area h3.active,
#recruit_partner_area p.active {
	transform: translate(0);
	opacity: 1;
}

#recruit_img {
	width: 400px;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateX(30px);
	opacity: 0;
}

#recruit_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#recruit_img.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼LINKS PC */
#links_area {
	padding: 90px 0 80px 0;
	background: #e5e5e5;
}

#links_area .inner {
	position: relative;
	padding-bottom: 60px;
}

#links_area h2 {
	color: #dc9200;
	font-size: 35px; font-size: 3.5rem;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 40px;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

.links_list {
	margin: 0 0 30px 210px;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
	display: flex;
	flex-wrap: wrap;
}

.links_list li {
	width: 312px;
	border: solid 1px #000;
	margin: 0 40px 40px 0;
}

.links_list li img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#links_area h2.active,
.links_list.active {
	transform: translate(0);
	opacity: 1;
}

}

@media only screen and (max-width: 767px) {

/* ▼スライドショーSP */
#top_slide {
	width: 100%;
	position: relative;
}

.slider .swiper-slide {
	width: 100%;
    height: 126vw;
	opacity: 1;
	margin-right: 0 !important;
}

.topslide_txt {
	width: 90%;
	height: 0;
	margin: 0 auto;
	position: relative;
}

#top_slide p {
	text-align: center;
	position: absolute;
	bottom: 6vw;
	z-index: 50;
	width: 86%;
}

#top_slide p img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#slider_img01 {
	background: url('../img/slider/01_sp.jpg');
	background-size: cover;
}
#slider_img02 {
	background: url('../img/slider/02_sp.jpg');
	background-size: cover;
}
#slider_img03 {
	background: url('../img/slider/03_sp.jpg');
	background-size: cover;
}

/* ▼NEWS SP */
#news_area {
	padding: 14vw 0;
	background: #fff;
}

.newstitle {
	font-size: 5vw;
	text-align: center;
	line-height: 1.8;
	font-weight: bold;
	margin-bottom: 6vw;
}

.newstxt {
	font-size: 3.6vw;
	text-align: center;
	line-height: 1.8;
}

/* ▼ABOUT SP */
#about_area {
	padding: 9vw 0 8vw 0;
	background: #e5e5e5;
}

#about_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 6vw;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#about_area h3 {
	color: #3f3a3a;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 1.6;
	margin-bottom: 8vw;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#about_area p {
	color: #3f3a3a;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 2.4;
	margin-bottom: 4vw;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#about_area h2.active,
#about_area h3.active,
#about_area p.active {
	transform: translate(0);
	opacity: 1;
}

#about_area p.more {margin-top: 4vw;}

#about_area p.more a {
	display: block;
	width: 40%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 2;
	margin: 0 0 0 auto;
	padding: 1.5vw 0;
	background: #dc9200;
	border-radius: 9999px;
}

/* ▼SAMPLE SP */
#sample_area {
	padding: 9vw 0 14vw 0;
	background: #e5e5e5;
}

#sample_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 6vw;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#sample_area h2.active {
	transform: translate(0);
	opacity: 1;
}

#samplephoto ul {
	display: flex;
	margin-bottom: 1px;
}

#samplephoto li {position: relative;}

#samplephoto li a {color: #fff;}

.tline {margin-right: 1px;}

.wide1 {width: 50%;}

.wide2 {width: 50%;}

.itemphoto img {width: 100%;}

.itemtxt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 5;
	width: 80%;
	height: 8vw;
	box-sizing: border-box;
	border-radius: 9999px;
	background: rgba(0, 0, 0, 0.6) url("../img/worksarrow.png") right 3vw center no-repeat;
	background-size: 3.5vw;
	image-rendering: -webkit-optimize-contrast;
	font-size: 3.5vw;
	font-feature-settings: "palt" 1;
	padding: 2.2vw 4vw 0 0;
	text-align: center;
	letter-spacing: 0.1rem;
}

/* ▼CONSTRUCTION RESULTS SP */
#results_area {
	padding: 9vw 0 8vw 0;
	background: #e5e5e5;
}

#results_area .inner {width: 100%;}

#results_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	width: 96%;
	margin: 0 auto 6vw auto;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#results_area h2.active {
	transform: translate(0);
	opacity: 1;
}

.results_btn {
	width: 100%;
	position: relative;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateY(30px);
	opacity: 0;
}

.results_btn.active {
	transform: translate(0);
	opacity: 1;
}

.results_btn a {color: #fff;}

.resultsphoto img {width: 100%;}

.resultstxt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 5;
	width: 50%;
	height: 8vw;
	box-sizing: border-box;
	border-radius: 9999px;
	background: rgba(0, 0, 0, 0.6) url("../img/worksarrow.png") right 3vw center no-repeat;
	background-size: 3.5vw;
	image-rendering: -webkit-optimize-contrast;
	font-size: 3.5vw;
	font-feature-settings: "palt" 1;
	padding: 2.2vw 4vw 0 0;
	text-align: center;
	letter-spacing: 0.1rem;
}

/* ▼SNS SP */
#sns_area {
	padding: 9vw 0 12vw 0;
	background: #e5e5e5;
}

#sns_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 6vw;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#sns_area h3 {
	color: #3f3a3a;
	font-size: 7vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 1.6;
	margin-bottom: 6vw;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.insta_txt {
	font-size: 6vw;
	font-feature-settings: "palt" 1;
	font-weight: bold;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.insta_txt img {
	width: 12%;
	margin-right: 4vw;
	image-rendering: -webkit-optimize-contrast;
	vertical-align: middle;
}

.insta_txt a {color: #3f3a3a;}

#sns_area h2.active,
#sns_area h3.active,
.insta_txt.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼CONTACT SP */
#contact_area {
	padding: 9vw 0 2vw 0;
	background: #e5e5e5;
}

#contact_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	margin-bottom: 6vw;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#contact_area h3 {
	color: #3f3a3a;
	font-size: 7vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.2rem;
	line-height: 1.6;
	margin-bottom: 8vw;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.contactbox {
	width: 100%;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.contactbox th {
	width: 16%;
	vertical-align: top;
}

.contactbox td {padding: 2vw 0 8vw 0;}

.contactbox th,
.contactbox td {
	text-align: left;
	color: #3f3a3a;
	font-size: 5vw;
	font-feature-settings: "palt" 1;
	font-weight: bold;
	line-height: 1.8;
}

.contactbox td span {
margin-top: 5px;
	display: inline-block;
	font-size: 4vw;
	font-weight: normal;
	line-height: 1.8;
}

.contactbox th a,
.contactbox td a {
	color: #3f3a3a;
	text-decoration: none;
}
.contactbox th a:hover,
.contactbox td a:hover {text-decoration: underline;}

.contactbox th img,
.contactbox td img {width: 70%;}

#contact_area h2.active,
#contact_area h3.active,
.contactbox.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼ACCESS SP */
#access_area {
	padding: 9vw 0 2vw 0;
	background: #e5e5e5;
}

#access_area .inner {width: 100%;}

#access_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	width: 94%;
	margin: 0 auto 6vw auto;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#access_area h3 {
	color: #3f3a3a;
	font-size: 7vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 1.6;
	width: 94%;
	margin: 0 auto 4vw auto;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#access_area h2.active,
#access_area h3.active {
	transform: translate(0);
	opacity: 1;
}

.gmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 10vw;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.access_p1 {
	color: #3f3a3a;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.1rem;
	line-height: 2;
	width: 94%;
	margin: 0 auto 8vw auto;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.access_p2 {
	font-weight: bold;
	color: #3f3a3a;
	font-size: 4.5vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.1rem;
	line-height: 2;
	width: 94%;
	margin: 0 auto 2vw auto;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.access_p3 {
	color: #3f3a3a;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.1rem;
	line-height: 2;
	width: 94%;
	margin: 0 auto 10vw auto;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.access_p2::before {
	content: "> ";
	color: #dc9200;
}

.access_p1.active,
.access_p2.active,
.access_p3.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼RECRUIT/PARTNER SP */
#recruit_partner_area {
	padding: 9vw 0 10vw 0;
	background: #e5e5e5;
}

#recruit_partner_area .inner {width: 100%;}

#recruit_partner_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	width: 94%;
	margin: 0 auto 6vw auto;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

#recruit_partner_area h3 {
	color: #3f3a3a;
	font-size: 7vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.5rem;
	line-height: 1.6;
	width: 94%;
	margin: 0 auto 4vw auto;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#recruit_partner_area p {
	color: #3f3a3a;
	font-size: 4vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.1rem;
	line-height: 2.4;
	width: 94%;
	margin: 0 auto 10vw auto;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#recruit_partner_area h2.active,
#recruit_partner_area h3.active,
#recruit_partner_area p.active {
	transform: translate(0);
	opacity: 1;
}

#recruit_partner_area .contactbox {
	width: 94%;
	margin: 0 auto 4vw auto;
}

#recruit_img {
	width: 100%;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

#recruit_img img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#recruit_img.active {
	transform: translate(0);
	opacity: 1;
}

/* ▼LINKS SP */
#links_area {
	padding: 9vw 0 14vw 0;
	background: #e5e5e5;
}

#links_area .inner {width: 100%;}

#links_area h2 {
	color: #dc9200;
	font-size: 8vw;
	font-feature-settings: "palt" 1;
	text-align: left;
	letter-spacing: 0.5rem;
	line-height: 1.8;
	width: 94%;
	margin: 0 auto 6vw auto;
	font-weight: normal;
	transition: opacity 1s ease 0.4s, transform 0.7s ease 0.4s;
	transform: translateX(-30px);
	opacity: 0;
}

.links_list {
	width: 80%;
	margin: 0 auto;
	font-weight: normal;
	transition: opacity 1s ease 0.6s, transform 0.7s ease 0.6s;
	transform: translateY(30px);
	opacity: 0;
}

.links_list li {
	width: 100%;
	border: solid 1px #000;
	margin-bottom: 6vw;
}

.links_list li img {
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

#links_area h2.active,
.links_list.active {
	transform: translate(0);
	opacity: 1;
}

}