@charset "UTF-8";
/* ==========================================================================
Googlefont
			font-family: "Roboto", sans-serif;
			font-family: "Noto Sans JP", sans-serif;
			
.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
========================================================================== */



/*===============================================
 レスポンシブ スマホサイズ　横幅 414px以下
===============================================*/
@media screen and (max-width: 414px) {}
/*===============================================
 レスポンシブ	タブレットサイズ　横幅 570px以下
===============================================*/
@media screen and (max-width: 570px) {}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 992px以下
===============================================*/
@media screen and (min-width: 769px) and (max-width: 992px) {}
/*===============================================
 レスポンシブ PCサイズ 横幅 1,200px以下 以上
===============================================*/
@media screen and (min-width: 993px), print {}


article#home {
	margin-top: 0px;
}
#spSlider {
	display:none;
}
#home #main_area {
	position:relative;
	overflow: hidden;
	width: 100%;
	min-width: 960px;
	background: #AFDFDE;
	padding: 0px;
	margin: 0 auto;
}
#main_area .sliderUnit {
position: relative;
z-index: 0!important;
}
#main_visual {
	position: relative;
}
#main_visual:after {
	content: "";
	display: block;
	position: absolute;
	top: 0rem;
	left: 50%;
	transform: translate(-50%,0%);
	width: 100%;
	height: calc( 100% );
	background: rgba(26,26,26,0.30);
}
.swiper-slide-active img,
.swiper-slide-duplicate-active img,
.swiper-slide-prev img {
width: 100vw;
animation: zoomUp 10s linear 0s 1 normal both;
}
@keyframes zoomUp {
  0%    { transform: scale(1); }
  100%  { transform: scale(1.1); }
}
.swiper-slide img {
	width: 100vw;
	height: auto;
}
#main_area .sliderUnit .en_copy {
	position: absolute;
	bottom: 2.7777vw;
	left: 6.94444vw;
	width: 55.5555vw;
	height: 22.2222vw;
	z-index: 1;
}
#main_area .sliderUnit .en_copy img {
	width: 100%;
	height: auto;
}

#home #main_area #main_visual.slider {
	width: 100%;
	height: auto;
	margin: 0px auto;
}

#home .swiper-pagination {
 position: absolute;
 z-index: 2;
	top: auto;
	left: 96vw;
 bottom: 4vw;
 height: -webkit-max-content;
 height: -moz-max-content;
 height: max-content;
 margin: auto;
}
#home .swiper-pagination-bullet {
 display: block;
 width: .3rem;
 height: 4rem;
 cursor: pointer;
 transition: .8s cubic-bezier(.2, 1, .2, 1);
 background-color: rgba(255, 255, 255, 1.0);
	border-radius: 0;
	opacity: 1;
}
#home .swiper-pagination-bullet:not(:first-child) {
 margin-top: 0.8rem;
}
#home .swiper-pagination-bullet-active {
 background-color: #00B8B2;
}

/*
#home #main_area .slick-slide {
	margin: 0px;
	width: 100vw;
	height: auto;
}
#home #main_area .slick-slide img {
	width: 100%;
	height: auto;
}
#home #main_area .slick-slide {
	transition: all ease-in-out .3s;
	opacity: .75;
}
#home #main_area .slick-active {
	opacity: 1;
}
#home #main_area .slick-current {
	opacity: 1;
}

 Arrows 
#home #main_area .slick-prev,
#home #main_area .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 30px;
	height: 50px;
	border-radius: 3px;
	_background: rgba(148,143,127,0.75);
	background: rgba(0,28,169,0.0);
	z-index: 10;
}
#home #main_area .slick-prev {
	margin-right: 0px;
}
#home #main_area .slick-next {
	margin-left: 0px;
}
#home #main_area .slick-next {}
#home #main_area .slick-prev:before,
#home #main_area .slick-next:before	{
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	content: "";
	opacity: 1.0;
}
#home #main_area .slick-prev {
	left: 25px;
}
#home #main_area .slick-next {
	right: 25px;
}
#home #main_area .slick-prev:before, #home #main_area .slick-next:before {
	display: block;
	content: "";
	position: absolute;
	top: 17px;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#home #main_area .slick-prev:before {
	right: 50%;
	margin: 0 -10px 0 0;
	border-left: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
#home #main_area .slick-next:before {
	left: 50%;
	margin: 0 0 0 -10px;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
}
#home #main_area .slick-prev:hover:before {
	border-left: solid 1px #00B8B2;
	border-bottom: solid 1px #00B8B2;
}
#home #main_area .slick-next:hover:before {
	border-top: solid 1px #00B8B2;
	border-right: solid 1px #00B8B2;
}
*/

/* Dots */
/*
#home .slick-dotted.slick-slider	{
	margin-bottom: 0px;
}
#home .slick-dots {
	position: absolute;
 bottom: 8vw;
	right: 6vw;
	width: auto;
	text-align: right;
}
#home .slick-dots li {
	display: inline-block;
 width: 30px;
 height: 1px;
 margin: 0 5px;
 padding: 0;
}
#home .slick-dots li button {
 width: 30px;
 height: 1px;
 padding: 1px 2px;
	background: #E6EBF4;
}
#home .slick-dots li.slick-active button {
	background: #00B8B2;
}
#home .slick-dots li button:hover,
#home .slick-dots li button:focus
{
 outline: none;
}
#home .slick-dots li button:hover:before,
#home .slick-dots li button:focus:before
{
 opacity: 1;
}
#home .slick-dots li button:before {
 width: 0px;
 height: 0px;
 content: '';
}
#home .slick-dots li.slick-active button:before {
 opacity: 1.0!important;
}
*/
/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
	#home #main_area {
		overflow: hidden;
		padding: 0px;
		width: 100%;
		min-width: 320px;
		height: auto;
	}
	#home #main_area .slick-slide {
		_margin: 0px -14vw;
		padding: 0px;
		_width: 128vw;
		_height: 53.333vw;
	}
	#home #main_area .slick-slide img {
		margin: 0px;
		padding: 0px;
	}
	#home #main_area .slick-prev,
	#home #main_area .slick-next {
		display: none!important;
	}
.swiper-slide img {
 aspect-ratio: 1 / .65;
 object-fit: cover;
}

#home .swiper-pagination {
	left: 96vw;
 bottom: 2vw;
}
#home .swiper-pagination-bullet {
 width: .2rem;
 height: 2rem;
}



	/* Dots */
/*
	#home .slick-dots {
 bottom: 2vw;
	right: 2vw;
}
#home .slick-dots li {
 width: 20px;
 height: 4px;
 margin: 0 2px;
 padding: 0;
}
#home .slick-dots li button {
 width: 20px;
 height: 4px;
 padding: 1px 2px;
	background: #E6EBF4;
}
#home .slick-dots li.slick-active button {
	background: #00B8B2;
}
	
	#main_area .sliderUnit .en_copy {
		position: absolute;
		bottom: 2vw;
		left: 5vw;
		width: 75vw;
		height: 30vw;
		z-index: 0;
	}
	#main_area .sliderUnit .en_copy img {
		width: 100%;
		height: auto;
	}
*/
}

#main_area .top_area {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100vw;
	height: 19.4444vw;
	margin: 0px auto;
	padding: 0px;
	background: url("../img/home/top_bg.png") no-repeat right bottom;
	background-size: 58.3333vw auto;
}
#main_area .top_area .copy {
	width: 44.444vw;
	height: 17.3611vw;
	margin: -2.7777vw 0 0 6.94444vw;
}
#main_area .top_area .copy img {
	width: 100%;
	height: auto;
}

#main_area .top_area .pho {
	display: block;
	overflow: hidden;
	width: 33.3333vw;
	height: 22.2222vw;
	border-radius: 0.6vw;
	margin: -6.94444vw 5.5555vw 0 0;
	box-shadow: 0px 0px 0.25vw 0px rgba(0, 0, 0, 0.25);
}
#main_area .top_area .pho img {
	width: 100%;
	height: auto;
}
#main_area .top_area .text {
	display: inline-block;
	width: calc( 100% - 450px - 160px );
}


#main_area .top_area .scroll {
	position: absolute;
	top: -6.5em;
	right: 0px;
	margin: 0px;
}
#main_area .top_area .scroll a {
	font-family: "Cabin", sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1em;
	text-align: left;
	letter-spacing: 0.25em;
	color: #fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	border-left: 1px solid #fff;
	padding: 2.5em 0.75em;
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#main_area .top_area {
	width: 100vw;
	height: 28vw;
}
#main_area .top_area .copy {
	width: 58vw;
	height:auto;
	margin: 2vw 0 0 2.5vw;
}
#main_area .top_area .pho {
	width: 33vw;
	height: 22vw;
	margin: 2vw 2.5vw 0 0;
}
}


/* #home 共通 */
#home section {
	text-align:center;
}
#home section .wrap {
	width: 100%;
	margin: 0 auto;
	padding: 8rem 0;
}
#home section h2 {
	color: #00B8B2;
	margin: 2rem 0 8rem 0;
}
#home section h2 em {
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 8.4rem;
	line-height: 1em;
	padding: 0;
}
#home section h2 span {
	display: block;
	font-size: 2.1rem;
	line-height: 1em;
	padding: 0;
}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#home section .wrap {
	padding: 4rem 0;
}
#home section h2 {
	color: #00B8B2;
	margin: 0rem 0 4rem 0;
}
#home section h2 em {
	font-size: 3.6rem;
}
#home section h2 span {
	font-size: 1.8rem;
}
}


/*-- サービス Service --*/
#service_area {}
#home section#service_area {
	padding: 0px;
	background: url("../img/home/main_bg.png") no-repeat top right, url("../img/home/bg_tl.png") no-repeat top left, url("../img/home/bg_br.png") no-repeat bottom right, #FFFDFA;
	background-size: 40.2777vw auto, 43.75vw auto, 43.75vw auto;
}
#home #service_area .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 8rem 0;
}
#home #service_area h2 {}
#home #service_area h2 em {}
#home #service_area h2 span {}
#home #service_area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 6rem;
}
#home #service_area ul li {
	width: calc( 100% / 3 - 4rem );
	margin: 2rem;
}
#home #service_area ul li a {
	display: block;
	background: #fff;
	padding: 2rem;
	border-radius: 2rem;
	box-shadow: 0px 0px 6px 0px rgba(26, 26, 26, 0.15);
	transform: scale(1);
}
#home #service_area ul li a:hover {
	transform: scale(1.05);
}

#home #service_area ul li figure {
	margin: 3.2rem auto;
}
#home #service_area ul li h3 {
	font-size: 1.8rem;
	margin-bottom: 2rem;
}
#home #service_area ul li span {
	display: inline-block;
	margin: 0 2rem 2rem 2rem;
}
#home #service_area ul li span p{
	font-size: 1.4rem;
	text-align: left;
}
#home #service_area .btn {
	margin-bottom: 4rem;
}
#home #service_area .btn a {
	display: inline-block;
	background: #00B8B2;
	color: #fff;
	font-size:1.8rem;
	line-height: 1em;
	padding: 1.6rem 8rem;
	border-radius: 2.5rem;
	transform: scale(1);
}
#home #service_area .btn a:hover {
	transform: scale(1.00);
}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#home #service_area .wrap {
	padding: 4rem 1rem;
}
#home #service_area ul {
	flex-direction: column;
	margin: 0 auto 6rem;
}
#home #service_area ul li {
	width: calc( 100% / 1 - 1rem );
	margin: 1rem 0.5rem;
}
#home #service_area ul li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 2vw 2vw 4vw 2vw;
	border-radius: 2rem;
	box-shadow: 0px 0px 6px 0px rgba(26, 26, 26, 0.15);
	transform: scale(1);
}
#home #service_area ul li figure {
	width: 14vw;
	height: 14vw;
	max-width: 6rem;
	max-height: 6rem;
	margin: 1vw 2vw;
}
#home #service_area ul li figure img {
	width: 100%;
	height: auto;
}

#home #service_area ul li h3 {
	font-size: 1.6rem;
	margin-bottom: 0;
}
#home #service_area ul li span {
	display: inline-block;
	margin: 0 4vw 1vw 4vw;
}
#home #service_area ul li span p{
	font-size: 1.2rem;
	text-align: left;
}
#home #service_area .btn {
	margin-bottom: 4rem;
}
#home #service_area .btn a {
	font-size:1.4rem;
	line-height: 1em;
	padding: 1.6rem 8rem;
}
}


/*-- home用 私たちについて --*/
#home #about_area {}
#home section#about_area {
	overflow: hidden;
	padding: 0px 0px;
	margin: 0px auto;
	width: 100%;
}
#home #about_area .wrap {
	width: 100%;
	margin: 0px auto;
}
#home #about_area .wrap h2 {
	margin: 2rem 0 2rem 0;
}
#home #about_area .wrap h2 em {}
#home #about_area .wrap h2 span {}
#home #about_area .wrap p {
	margin: 0 0 8rem 0;
}

#home #about_area .wrap ul {
	margin: 2rem 0 2rem 0;
}
#home #about_area .wrap ul li {
	position: relative;
	width: calc( 100vw );
	height: 34.027vw;
	margin: 0 0 6.25vw 0;
	padding: 0;
}
#home #about_area .wrap ul li figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 50vw;
}
#home #about_area .wrap ul li figure img {
	width: 100%;
	height: auto;
}
#home #about_area .wrap ul li .box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("../img/home/about_parts.png") no-repeat, #AFDFDE;
	background-size: 16.6666vw auto;
	background-position: 38.1944vw 7.29166vw;/*	40.2777vw*/
	width: calc( 50vw + 8.3333vw );
	min-height: 27.7777vw;
	margin: 6.25vw 0 0 -8.3333vw;
	padding: 0 0 2.0vw calc( 8.3333vw + 8rem );
	text-align: left;
}
#home #about_area .wrap ul li:nth-of-type(2) figure {
	top: 0;
	left: auto;
	right: 0;
}
#home #about_area .wrap ul li:nth-of-type(2) .box {
	right: auto;
	left: 0;
	bottom: 0;
	margin: 6.25vw -8.3333vw 0 0;
	padding: 0 0 2.0vw calc( 8.3333vw + 8rem );
}

#home #about_area .wrap ul li .box > span {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 36rem;
}
#home #about_area .wrap ul li .box img {
	display: inline-block;
	margin: 0 0 1rem 0;
}
#home #about_area .wrap ul li .box h3 {
	font-size: 3.2rem;
	margin: 0 0 1rem 0;
}
#home #about_area .wrap ul li .box p {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0 0 1rem 0;
	padding: 0;
}
#home #about_area .wrap ul li .box .btn {}
#home #about_area .wrap ul li .box .btn a {
	display: block;
	position: relative;
	background: #00B8B2;
	color: #ffffff;
	padding: .75rem 4rem .75rem 2.5rem;
	font-size: 1.5rem;
	line-height: 1em;
}
#home #about_area .wrap ul li .box .btn a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:12px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

/*-- home用 会社案内 ABOUT --*/
#home #about_area {}
#home section#about_area {}
#home section#about_area .wrap {}

#home #about_area .wrap p {
	margin: 0 4vw 3rem 4vw;
	text-align: left;
}
#home #about_area .wrap ul {
	margin: 2rem 0 2rem 0;
}
#home #about_area .wrap ul li {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
	width: calc( 100vw );
	height: auto;
	margin: 0 0 6.25vw 0;
	padding: 0;
}
#home #about_area .wrap ul li figure {
	position:static;
	width: 90vw;
	margin: 0 auto 0 0;
}
#home #about_area .wrap ul li figure img {
	width: 100%;
	height: auto;
}
#home #about_area .wrap ul li .box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position:static;
	background-position: 90% 84%;
	width: calc( 90vw );
	margin: 0 0 -10vw auto;
	padding: 5vw 5vw 15vw 5vw;
	text-align: left;
}
#home #about_area .wrap ul li:nth-of-type(2) figure {
	margin: 0 auto 0 0;
}
#home #about_area .wrap ul li:nth-of-type(2) .box {
	margin: 0 0 -10vw auto;
	padding: 5vw 5vw 15vw 5vw;
}

#home #about_area .wrap ul li .box > span {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	width: 36rem;
}
#home #about_area .wrap ul li .box img {
	display: block;
	margin: 0 .75rem 0 0;
	width: 12vw;
	height: auto;
	max-width: 7rem;
}
#home #about_area .wrap ul li .box h3 {
	display: inline-block;
	font-size: 2.1rem;
	line-height: 1em;
	margin: 0;
}
#home #about_area .wrap ul li .box p {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 500;
	margin: 1rem 0 2rem 0;
	padding: 0;
}

}



/*-- お知らせ News --*/
#news_area {}
#home section#news_area {
	padding: 0px;
	background: url("../img/home/bg_tl.png") no-repeat top left, url("../img/home/bg_br.png") no-repeat bottom right, #FFFAF2;
	background-size: 43.75vw auto, 43.75vw auto;
}
#home section#news_area .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 8rem 0;
}
#home section#news_area .wrap .box {
	width: calc( 100% );
	max-width: 96rem;
	max-height: 44rem;
	margin: 0 auto 4rem;
	padding: 6rem;
	background: rgba(255,255,255,0.80);
	border-radius: 2rem;
	box-shadow: 0px 0px 6px 0px rgba(26, 26, 26, 0.15);
}
#home section#news_area h2 {}
#home section#news_area h2 em {}
#home section#news_area h2 span {}

#home section#news_area ul {
	overflow-y: auto;
	max-height: 32rem;
}
#home section#news_area ul li {
	margin: 0;
	border-bottom: 1px solid #CCC;
}
#home section#news_area ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.6em;
	padding: 1.5em;
}
#home section#news_area ul li a:hover {
	background: rgba(0,0,0,0.05);
}
#home section#news_area ul li a em {
	display: inline-block;
	margin: 0 2rem 0 0;
	width: 6em;
	font-size: 1.6rem;
	text-align: left;
}
#home section#news_area ul li a span {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1em;
	color: #ffffff;
	padding: 0.2em;
	width: 12rem;
	background: #60C0BD;
	margin: 0 2.5rem 0 0;
}
#home section#news_area ul li a p {
	display: inline-block;
	text-align: left;
	_width: calc( 100% - 6.5em );
}

#home section#news_area .btn {
	position: relative;
	margin: 0 auto 0rem;
}
#home section#news_area .btn a {
	display: inline-block;
	background: #00B8B2;
	color: #fff;
	font-size:1.8rem;
	line-height: 1em;
	padding: 1.6rem 8rem;
	border-radius: 2.5rem;
	transform: scale(1);
}
#home section#news_area .btn a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:12px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#home section#news_area .btn a:hover {
	transform: scale(1.00);
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
/*-- お知らせ News --*/
#news_area {}
#home section#news_area {}

#home section#news_area .wrap {
	padding: 4rem 0;
}
#home section#news_area .wrap .box {
	width: calc( 100% - 8vw );
	margin: 0 auto 4rem;
	padding: 2rem 0;
}

#home section#news_area ul {
	overflow-y: auto;
	max-height: 32rem;
}
#home section#news_area ul li {
	margin: 0;
	border-bottom: 1px solid #CCC;
}
#home section#news_area ul li a {
	font-size: 1.4rem;
	line-height: 1.6em;
	padding: 1em 1.5em;
}
#home section#news_area ul li a em {
	display: inline-block;
	margin: 0 .5em 0 0;
	width: 6em;
	font-size: 1.2rem;
}
#home section#news_area ul li a span {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1em;
	color: #ffffff;
	padding: 0.1em 1em 0.2em 1em;
	width: auto;
	background: #60C0BD;
	margin: 0 2.5rem 0 0;
}
#home section#news_area ul li a p {}
#home section#news_area .btn {
	position: relative;
	margin: 0 auto 0rem;
}
#home section#news_area .btn a {
	font-size:1.4rem;
	line-height: 1em;
	padding: 1.6rem 4rem;
}

}

/*-- 事例紹介 casestudy --*/
#casestudy_area {}
#home #casestudy_area {
	display: flex;
	flex-wrap: wrap;
	background: #AFDFDE;
}
#home #casestudy_area .wrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	width: 50vw;
	margin: 0 auto;
	padding: 4rem 0;
}
#home #casestudy_area .wrap h2 {
	color: #ffffff;
	margin: 0 0 3rem 0;
}
#home #casestudy_area .wrap h2 em {
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 2.1rem;
	line-height: 1.5em;
	padding: 0;
}
#home #casestudy_area .wrap h2 span {
	display: block;
	font-size: 4.8rem;
	line-height: 1em;
	font-weight: 900;
	padding: 0;
}
#home #casestudy_area .wrap p {
	margin: 0 0 3rem 0;
}
#home #casestudy_area .wrap .btn {
	position: relative;
	margin: 0 auto 0rem;
}
#home #casestudy_area .wrap .btn a {
	display: inline-block;
	background: #00B8B2;
	color: #fff;
	font-size:1.8rem;
	line-height: 1em;
	padding: 1.6rem 8rem;
	border-radius: 2.5rem;
	transform: scale(1);
}
#home #casestudy_area .wrap .btn a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:12px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#home #casestudy_area .wrap .btn a:hover {
	transform: scale(1.00);
}

#home #casestudy_area figure {
	width: 50vw;
}
#home #casestudy_area figure img {
	width: 100%;
	height: auto;
}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

#home #casestudy_area {
	flex-direction: column;
}
#home #casestudy_area .wrap {
	width: 90vw;
	margin: 0 auto;
	padding: 3rem 0 3rem 0;
}
#home #casestudy_area .wrap h2 {
	color: #ffffff;
	margin: 0 0 2rem 0;
}
#home #casestudy_area .wrap h2 em {
	font-size: 1.6rem;
	line-height: 1.5em;
	padding: 0;
}
#home #casestudy_area .wrap h2 span {
	display: block;
	font-size: 3.0rem;
	line-height: 1em;
	font-weight: 900;
	padding: 0;
}
#home #casestudy_area .wrap p {
	margin: 0 0 3rem 0;
}

#home #casestudy_area .wrap .btn a {
	font-size:1.4rem;
	line-height: 1em;
	padding: 1.6rem 4rem;
}

#home #casestudy_area figure {
	width: 100vw;
	height: 55.555vw;
	max-height: 24rem;
	overflow: hidden;
	margin: 0 auto;
	background: #ccc;
}
#home #casestudy_area figure img {
	display: block;
	width: 112vw;
	height: auto;
	margin: 0 -6vw;
}

}

/*-- 採用情報バナー info --*/
#recruit_area {}
section#recruit_area {
	overflow: hidden;
	padding: 0px 0px;
	margin: 0px auto;
	width: 100%;
}
#recruit_area .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 8rem 0;
}
#recruit_area .wrap h2 {
	margin: 2rem 0 2rem 0;
}
#recruit_area .wrap h2 em {}
#recruit_area .wrap h2 span {}
#recruit_area .wrap p {
	line-height: 2;
	margin: 0 0 5rem 0;
}

#recruit_area .wrap .btn {
	position: relative;
	margin: 0 auto 0rem;
}
#recruit_area .wrap .btn a {
	display: inline-block;
	_background: #00B8B2;
	background: #137EF0;
	color: #fff;
	font-size:1.8rem;
	line-height: 1em;
	padding: 1.6rem 8rem;
	border-radius: 2.5rem;
	transform: scale(1);
}
#recruit_area .wrap .btn a:after {
	display:block;
	content:"";
	position:absolute;
	border-top:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	width:6px;
	height:6px;
	top:50%;
	right:12px;
	margin-top:-4px;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#recruit_area .wrap .btn a:hover {
	transform: scale(1.00);
}


/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

#recruit_area .wrap {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 4rem 0;
}
#recruit_area .wrap h2 {
	margin: 2rem 0 2rem 0;
}
#recruit_area .wrap p {
	line-height: 2;
	margin: 0 0 4rem 0;
	padding: 0 5vw;
	text-align: left;
}

#recruit_area .wrap .btn a {
	font-size:1.4rem;
	line-height: 1em;
	padding: 1.6rem 4rem;
}

}

/*-- Googleマップ info --*/
#gmap_area {}
section#gmap_area {
	overflow: hidden;
	padding: 0px 0px;
	margin: 0px auto;
	width: 100%;
}
section#gmap_area iframe {
	width: 100%;
	height: 32rem;
}