@charset "utf-8";
/* Copyright 2019 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC・スマートフォン メインビジュアル共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.nav_global {
	width: 100%;
}
.nav_global ul {
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.nav_global ul li {
	margin: 0 3%;
}


#main{
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.logo_main{
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	margin: auto;
}

.image_main{
	width: 100vw;
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	-webkit-animation: image_main 36s 0s infinite;
	animation: image_main 36s 0s infinite;
	position: absolute;
	left: 0;
	top: 0;
	z-index:10;
}

.image_main:nth-of-type(1),
.image_main:nth-of-type(4){background-image: url("../img/home/img_main01.jpg");}
.image_main:nth-of-type(2),
.image_main:nth-of-type(5){background-image: url("../img/home/img_main01.jpg");}
.image_main:nth-of-type(3),
.image_main:nth-of-type(6){background-image: url("../img/home/img_main01.jpg");}

.image_main:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}

.image_main:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}

.image_main:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}

.image_main:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s;
}

.image_main:nth-of-type(6) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s;
}

@keyframes image_main{
	0%{opacity: 0}
	8%{opacity: 1}
	17%{opacity: 1}
	25%{
		opacity: 0;
		-webkit-transform: scale(1.15);
		-ms-ttransform: scale(1.15);
		transform: scale(1.15);
		z-index:9;
	}
	100%{opacity: 0}
}

@keyframes btn_scroll{
	0%{
		-webkit-transform: rotate(0) translate(0, 0);
		-ms-transform: rotate(0) translate(0, 0);
		transform: rotate(0) translate(0, 0);
	}
	20%{
		-webkit-transform: rotate(0) translate(0, 10px);
		-ms-transform: rotate(0) translate(0, 10px);
		transform: rotate(0) translate(0, 10px);
	}
	40%{
		-webkit-transform: rotate(0) translate(0, 0);
		-ms-transform: rotate(0) translate(0, 0);
		transform: rotate(0) translate(0, 0);
	}
}

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

	トップページ

	------------------------------------------------------------ */
	/* CONCEPT
	---------------------------------------------- */
	#concept {
		padding: 150px 0 150px;
	}
	#concept .concept_inner {
		width: 90%;
		max-width: 1085px;
		margin: 0 auto;
	}
	#concept h2 {
		color: #079fc6;
		font-size: 40px;
		text-align: center;
		padding: 0;
		margin: 0 auto 35px;
		line-height: 1.2em;
		font-weight: bold;
	}
	#concept h2 span {
		display: block;
		font-size: 18px;
		line-height: 1em;
	}
	#concept h3 {
		color: #079fc6;
		font-size: 31px;
		text-align: center;
		padding: 0;
		margin: 0 auto 30px;
		line-height: 1.2em;
		font-weight: bold;
	}
	#concept p {
		color: #079fc6;
		font-size: 24px;
		text-align: center;
		padding: 0;
		margin: 0 auto;
		line-height: 1.8em;
	}

	@media only screen and (max-width:767px){
		#concept {
			padding: 70px 0 70px;
		}
	}


/* WORKS
	---------------------------------------------- */
	#WORKS {
		padding: 150px 0 150px;
	}
	#WORKS .WORKS_inner {
		width: 81.25%;
		margin: 100px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
	}
	#WORKS .WORKS_inner:nth-child(1) {
		margin-right: 0;
	}
	#WORKS .WORKS_inner:nth-child(2) {
		margin-left: 0;
	}

	#WORKS .WORKS_detail {
		width: 34%;
		background-color: #079fc6;
		padding: 50px;
	}
	#WORKS .WORKS_detail h2 {
		color: #fff;
		font-size: 67px;
		text-align: left;
		padding: 0;
		margin: 0 auto 30px;
		line-height: 1em;
		font-weight: bold;
		letter-spacing: 5px;
	}
	#WORKS .WORKS_detail h2 span {
		display: block;
		font-size: 27px;
		line-height: 1em;
		text-align: right;
		padding-right: 5%;
	}
	#WORKS .WORKS_detail h4 {
		font-weight: normal;
		text-align: left;
		font-size: 18px;
		padding: 0;
		margin: 0 auto 60px;
		color: #fff;
	}
		#WORKS .WORKS_detail p {
		text-align: left;
		color: #fff;
		line-height: 2.5em;
	}

	#WORKS .WORKS_image {
		width: 66%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		overflow: hidden;
	}
	#WORKS .WORKS_image .item {
		width: 50%;
		position: relative;
		color: #fff;
		background-color: #000;

		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		overflow: hidden;

	}
	#WORKS .WORKS_image .item:nth-child(1) {
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	#WORKS .WORKS_image .item:nth-child(2) {
		border-bottom: 2px solid #fff;
	}
	#WORKS .WORKS_image .item:nth-child(3) {
		border-right: 2px solid #fff;
	}

	#WORKS .WORKS_image .item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 0.65;
	}
	#WORKS .WORKS_image .item h3 {
		position: absolute;
		font-size: 25px;
	}
	#WORKS .WORKS_image .item p {
		position: absolute;
		width: 86%;
		bottom: 20px;
		left: 7%;
		line-height: 1.45em;
	}

	#WORKS .WORKS_inner:nth-child(2) .WORKS_detail {
		order: 2;
	}
	#WORKS .WORKS_inner:nth-child(2) .WORKS_image {
		order: 1;
	}


	@media only screen and (max-width:1660px){
		#WORKS .WORKS_detail h2 span {
			padding-right: 0;
		}
		#WORKS .WORKS_image .item h3 {
			top: 20%;
		}
	}
	@media only screen and (max-width:1300px){
		#WORKS .WORKS_image .item h3 {
			top: 20%;
		}
	}
	@media only screen and (max-width:767px){
		#WORKS {
			padding: 70px 0 70px;
		}
		#WORKS .WORKS_inner {
			width: 95%;
			margin: 50px auto;
		}
		#WORKS .WORKS_detail {
			width: 100%;
			padding: 50px;
		}
		#WORKS .WORKS_image {
			width: 100%;
		}
		#WORKS .WORKS_image .item {
			aspect-ratio: 4 / 4;
		}
		#WORKS .WORKS_inner:nth-child(2) .WORKS_detail {
			order: 1;
		}
		#WORKS .WORKS_inner:nth-child(2) .WORKS_image {
			order: 2;
		}
	}
	@media only screen and (max-width:600px){
		#WORKS .WORKS_detail {
			padding: 30px;
		}
		#WORKS .WORKS_detail h2 {
			font-size: 55px;
			letter-spacing: normal;
		}
		#WORKS .WORKS_detail h2 span {
			font-size: 22px;
		}
		#WORKS .WORKS_image .item {
			width: 100%;
			aspect-ratio: 16 / 10;
		}
		#WORKS .WORKS_image .item:nth-child(1) {
			border-right: unset;
		}
		#WORKS .WORKS_image .item:nth-child(3) {
			border-right: unset;
			border-bottom: 2px solid #fff;
		}
	}
	@media only screen and (max-width:360px){
		#WORKS .WORKS_image .item {
			aspect-ratio: 16 / 12;
		}
	}


	/* NEWS
	---------------------------------------------- */
	#NEWS{
		padding: 120px 0;
		background-color: #eaf8f9;
	}
	#NEWS h2 {
		color: #079fc6;
		font-size: 71px;
		text-align: center;
		padding: 0;
		margin: 0 auto 60px;
		line-height: 1.2em;
		font-weight: bold;
	}
	#NEWS h2 span {
		display: block;
		font-size: 18px;
		line-height: 1em;
	}

	#NEWS .wrap_article_NEWS {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto 80px;
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#NEWS .article_home_NEWS {
		width: 31%;
	}
	/* #NEWS .article_home_NEWS:last-of-type {margin-right: 0;} */
	#NEWS .article_home_NEWS a {
		display: block;
		color: #333;
	}
	#NEWS .article_home_NEWS a:hover {opacity: 0.7;}
	#NEWS .article_home_NEWS .photo {
		aspect-ratio: 6 / 4;
		background-color: #079fc6;
		margin-bottom: 12px;
	}
	#NEWS .article_home_NEWS .photo img {
		object-fit: cover;
	}
	#NEWS .article_home_NEWS .info {
		display:flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items:center;
		margin-bottom: 20px;
		font-size: 1.4rem;
		line-height: 1em;
	}
	#NEWS .article_home_NEWS .info .category {
		background: #009FC6;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		padding: 7px 35px;
		margin-right: 8px;
	}
	#NEWS .article_home_NEWS .info time {
		display: inline-block;
		font-weight: bold;
		color: #009FC5;
	}
	
	#NEWS .btn_more02{text-align: center;}

	@media only screen and (max-width:450px){
		#NEWS .article_home_NEWS {
			width: 100%;
			margin-bottom: 25px;
		}
	}


	.home_bottom{
		background: #009FC5;
		color: #FFF;
		display:flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	.home_bottom_inner01 {
		text-align: center;
		width: 50%;
		padding: 100px 0 80px;
	}
	.home_bottom_inner01 h2,
	.footer_common01 h2,
	.footer_common02 h2 {
		color: #fff;
		font-size: 57px;
		text-align: center;
		padding: 0;
		margin: 0 auto 40px;
		line-height: 1.1em;
		font-weight: bold;
	}
	.home_bottom_inner01 h2 span,
	.footer_common01 h2 span,
	.footer_common02 h2 span {
		display: block;
		font-size: 18px;
		line-height: 1em;
	}
	.home_bottom_inner01#company {
		border-right: 2px solid #FFF;
	}	
	.home_bottom_inner01#company:hover {
		background: url("../img/bg_footer02.jpg") no-repeat center center;
		background-size: cover;
	}
	.home_bottom_inner01#group {
		border-left: 2px solid #FFF;
	}	
	.home_bottom_inner01#group:hover {
		background: url("../img/bg_footer03.jpg") no-repeat center center;
		background-size: cover;
	}
	@media only screen and (max-width:767px){
		.home_bottom_inner01 {
			width: 100%;
			/* padding: 100px 0 80px; */
		}
	}



	#company dl {
		padding: 0;
		margin: 0 auto;
		display: inline-block;
		text-align: left;
	}
	#company dl dt {
		position: absolute;
		padding: 10px 0;
		margin: 0;
		width: 130px;
	}
	#company dl dt::after {
		content: ':';
		margin-left: 7px;
	}
	#company dl dd {
		position: relative;
		padding: 10px 0;
		padding-left: 130px;
		margin: 0;
	}
	#company dl dd ul {
		list-style: none;
		padding-left: 0;
	}

	#group .group_logo {
		width: 80%;
		max-width: 600px;
		margin: 20px auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	#group .group_logo a {
		width: 35%;
	}
	#group .group_logo a img {
		width: 100%;
		height: auto;
	}
	@media only screen and (max-width:767px){
		#company dl dt {
			position: relative;
			padding-bottom: 0;
			width: unset;
			font-weight: bold;
		}
		#company dl dd {
			padding: 10px 0;
		}
	}





@media print, screen and (min-width:768px){ /* 表示領域が768px以上の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* サービス概要
	---------------------------------------------- */
	#service{
		padding: 100px 0 160px;
		color: #FFF;
	}

	.service_inner{
		background: #009FC6;
		width: 81.25%;
		height: 640px;
		margin-left: auto;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		position: relative;
		z-index: 0;
	}

	.service_inner::before{
		content: "";
		background: url("../img/home/txt_service01.png") no-repeat 0 0;
		background-size: 887px;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	
	.service_detail{
		width: 33.3%;
		min-width: 450px;
		padding: 120px 0 0 60px;
	}
	
	.service_detail h2{margin-bottom: 60px;}
	
	.service_detail h2 img{width: 317px;}
	
	.txt_service01{
		line-height: 2.4;
		margin-bottom: 65px;
	}
	
	.service_image{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		width: 67.59%;
		height: 640px;
		position: relative;
		z-index: -2;
	}
	
	.service_image div{
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center;
		width: 50%;
	}
	
	.service_image div:nth-child(1){background-image: url("../img/home/img_service01.jpg");}
	.service_image div:nth-child(2){background-image: url("../img/home/img_service02.jpg");}
	.service_image div:nth-child(3){background-image: url("../img/home/img_service03.jpg");}
	.service_image div:nth-child(4){background-image: url("../img/home/img_service04.jpg");}

	/* エスケア
	---------------------------------------------- */
	#escare{
		padding: 0 0 160px;
		color: #FFF;
	}

	.escare_inner{
		background: #009FC6;
		width: 81.25%;
		height: 640px;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		position: relative;
		z-index: 0;
	}

	.escare_inner::before{
		content: "";
		background: url("../img/home/txt_escare01.png") no-repeat right 0;
		background-size: 887px;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	
	.escare_detail{
		width: 33.3%;
		min-width: 450px;
		padding: 120px 0 0 60px;
	}
	
	.escare_detail h2{margin-bottom: 60px;}
	
	.escare_detail h2 img{width: 317px;}
	
	.txt_escare01{
		line-height: 2.4;
		margin-bottom: 65px;
	}
	
	.escare_image{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		width: 67.59%;
		height: 640px;
		position: relative;
		z-index: -2;
	}
	
	.escare_image div{
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center;
		width: 50%;
	}
	
	.escare_image div:nth-child(1){background-image: url("../img/home/img_escare01.jpg");}
	.escare_image div:nth-child(2){background-image: url("../img/home/img_escare02.jpg");}
	.escare_image div:nth-child(3){background-image: url("../img/home/img_escare03.jpg");}
	.escare_image div:nth-child(4){background-image: url("../img/home/img_escare04.jpg");}




	/* お知らせ
	---------------------------------------------- */
	#news{padding: 160px 0;}
	
	.news_inner{
		background: url("../img/home/txt_news01.png") no-repeat 0 0;
		width: 1200px;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: bottom;
		justify-content: bottom;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.news_inner_l{
		width: 41.66%;
		padding-top: 120px;
	}
	
	.news_inner_l h2{margin-bottom: 90px;}
	
	.news_inner_l h2 img{width: 209px;}

	.wrap_article_news{width: 58.33%;}
	
	.article_home_news{border-bottom: 1px solid #007799;}
	
	.article_home_news:first-of-type{border-top: 1px solid #007799;}
	
	.article_home_news a{
		display: block;
		padding: 28px 0;
		color: #333;
	}
	
	.article_home_news a:hover{opacity: 0.7;}
	
	.article_home_news a time{
		display: block;
		font-weight: bold;
		color: #009FC5;
		margin-bottom: 10px;
	}
	
	.article_home_news a h3{
		background: url("../img/ico_arrow02.png") no-repeat right center;
		background-size: 30px;
		padding-right: 35px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	/* 会社概要・採用情報
	---------------------------------------------- */
	.home_bottom{
		background: #009FC5;
		color: #FFF;
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	
	/* .home_bottom_inner01{
		width: 50%;
		padding: 100px 0 80px;
	}
	
	.home_bottom_inner01#company{border-right: 2px solid #FFF;}
	
	.home_bottom_inner01#company:hover{background: url("../img/bg_footer02.jpg") no-repeat center center;}

	.home_bottom_inner01#recruit{border-left: 2px solid #FFF;}
	
	.home_bottom_inner01#recruit:hover{background: url("../img/bg_footer03.jpg") no-repeat center center;} */
	
	.home_bottom_inner01 h2 {
		/* margin-bottom: 50px;
		text-align: center;
		position: relative;
		z-index: 0; */
	}
	
	.home_bottom_inner01 h2::before{
		/* content: "";
		width: 100%;
		height: 119px;
		position: absolute;
		top: -100px;
		left: 0;
		z-index: -1; */
	}
	
	#company h2::before{
		/* background: url("../img/home/txt_company01.png") no-repeat center 0;
		background-size: 900px; */
	}
	
	#company h2 img{width: 382px;}
	
	#recruit h2::before{
		background: url("../img/home/txt_recruit01.png") no-repeat center 0;
		background-size: 800px;
	}
	
	#recruit h2 img{width: 325px;}
	
	.txt_company01,
	.txt_recruit01{
		text-align: center;
		line-height: 2.4;
		margin-bottom: 70px;
	}
	
	#company .btn_more01,
	#recruit .btn_more01{text-align: center;}
	
	/* common.css上書き(ヘッダー)
	---------------------------------------------- */
	#header{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
	}

	.h_logo {display: none;}
	
	.wrap_line {
		display: inline-block;
		width: 116px;
	}
	
	.btn_line_pc01 {margin-bottom: 4px;}
	
	.nav_global {
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	/* .g01 a{background-position: 0 -190px;}
	.g02 a{background-position: -139px -190px;}
	.g03 a{background-position: -273px -190px;}
	.g04 a{background-position: -399px -190px;}
	.g05 a{background-position: -558px -190px;}
	.g06 a{background-position: -701px -190px;} */

	.h_fixed.header_fix_on,
	.h_fixed.header_fix_off {
		background: #FFF;
		width: 100%;
		height: 95px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
	}

	.header_fix_on .header_inner01,
	.header_fix_off .header_inner01 {
		display: block;
		width: 1115px;
		margin: 0 auto;	
	}

	/*--スクロール後上書き--*/
	.header_fix_on .h_logo,
	.header_fix_off .h_logo{
		display: block;
		width: 68px;
		margin: 0;
	}

	.header_fix_on .h_logo #h_logo01,
	.header_fix_off .h_logo #h_logo01{margin: 0;}
	
	.header_fix_on .h_logo #h_logo02,
	.header_fix_off .h_logo #h_logo02{display: none;}
	
	.header_fix_on .nav_global,
	.header_fix_off .nav_global{
		position: absolute;
		top: 0;
		right: 0;
	}

	.header_fix_on .nav_global ul li a,
	.header_fix_off .nav_global ul li a{
		display: block;
		/* height: 95px; */
		position: relative;
	}

	/* .header_fix_on .nav_global .g01 a,
	.header_fix_off .nav_global .g01 a{background-position: 0 0;}
	.header_fix_on .nav_global .g02 a,
	.header_fix_off .nav_global .g02 a{background-position: -139px 0;}
	.header_fix_on .nav_global .g03 a,
	.header_fix_off .nav_global .g03 a{background-position: -273px 0;}
	.header_fix_on .nav_global .g04 a,
	.header_fix_off .nav_global .g04 a{background-position: -399px 0;}
	.header_fix_on .nav_global .g05 a,
	.header_fix_off .nav_global .g05 a{background-position: -558px 0;}
	.header_fix_on .nav_global .g06 a,
	.header_fix_off .nav_global .g06 a{background-position: -701px 0;} */

	#wrap_top {
		color: #FFF;
		text-align: center;
		padding-bottom: 0;
	}

	/* common.css上書き(フッター)
	---------------------------------------------- */
	.footer_inner{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		border-top: 4px solid #FFF;
	}

	/*--共通1--*/
	.footer_common01{
		/* background: none;
		background-attachment: inherit;
		display: block;
		width: 50%;
		border-right: 2px solid #FFF;
		padding: 100px 0 80px; */
	}
	
	/* .footer_common01:hover{background: url("../img/bg_footer04.jpg") no-repeat center center;} */
	
	.txt_contact01::before{top: -100px;}
	
	.f_contact{
		width: 380px;
		display: inherit;
		margin: 0 auto;
	}
	
	.f_contact_inner:nth-child(1){margin-bottom: 50px;}
	
	.txt_contact02{margin-bottom: 10px;}
	
	.f_contact_inner:nth-child(2) .txt_contact02{display: none;}
	
	.txt_contact02 img{width: 100%;}
	
	/*電話番号*/
	.btn_contact01 a{
		/* background-size: 100%;
		height: 36px;
		border: none; */
	}
	
	/* .btn_contact01 a span{display: none;} */

	/*CONTACT US*/
	.btn_contact02{text-align: center;}
	
	.btn_contact02 a{
		display: inline-block;
		width: 240px;
	}
	
	/*--共通2--*/
	/* .footer_common02{
		width: 50%;
		padding: 80px 0 10px;
		border-left: 2px solid #FFF;
	} */
	
	.f_logo{width: 90%;}

	/*ナビ*/
	.nav_footer{
		/* display: inherit;
		width: auto; */
		/* margin-bottom: 50px; */
	}
	
	.nav_footer ul{
		/* width: 520px; */
		/* margin: 0 auto; */
	}

	/* .nav_footer ul:nth-child(1){margin-bottom: 30px;} */

	/* .f01{width: 82px;}
	.f01 a{background-position: -1px 0;}
	.f01 a:hover{background-position: -1px -38px;} */

	/* .f05{width: 146px;}

	.f06{width: 132px;}
	.f06 a{background-position: -1px 0;}
	.f06 a:hover{background-position: -1px -38px;} */
	
	/* .f09{width: 144px;} */
	
	/*--ページトップボタン--*/
	#pagetop{right: 30px;}

	/*--LINEボタン--*/
	.btn_line_pc03,
	.btn_line_pc04{display: none;}
	
	/* ローディング
	---------------------------------------------- */	
	.loading{
		width: 100%;
		height: 100%;
		background: #04A1C7;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		transition: opacity .4s;
		transition-delay: 1s;
	}

	.loading img{
		width: 144px;
		height: 134px;
		position: absolute;
		margin:auto;
		top: 0;
		right: 0;		
		bottom: 0;
		left: 0;
	}

	.loading.loaded{
		opacity: 0;
		pointer-events: none;
	}
	
	/* メインビジュアル
	---------------------------------------------- */
	#main,	
	.image_main{min-height: 700px;}
	
	.logo_main{
		width: 466px;
		height: 336px;
	}
	
	.logo_main #logo_main01{margin-bottom: 40px;}
	
	.logo_main #logo_main01 img{width: 288px;}
	
	.logo_main #logo_main02 img{width: 100%;}
	
	/*--スクロールボタン--*/
	.btn_scroll{
		width: 56px;
		margin: auto;
		position:absolute;
		left: 0;
		right: 0;
		bottom: 40px;
		z-index: 10;
		-webkit-animation: btn_scroll 2s infinite;
		animation: btn_scroll 2s infinite;
	}
	
	.btn_scroll:hover{opacity: 0.7;}
	
	.btn_scroll img{width: 100%;}
	
	/* lpバナー
	---------------------------------------------- */
	.bn_lp{
		text-align: center;
		margin-top: 100px;
	}
	.bn_lp a:hover{opacity: 0.8;}

	
}/*--@media--*/


@media only screen and (min-width:768px) and (max-width:1400px){ /* 表示領域が768px以上1400px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	トップページ

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

	





	/* サービス概要
	---------------------------------------------- */
	.service_image div:nth-child(1){display: none;}
	.service_image div:nth-child(2){width: 100%;}
	.service_image div:nth-child(3){display: none;}
	.service_image div:nth-child(4){width: 100%;}

	/* エスケア
	---------------------------------------------- */
	.escare_image div:nth-child(1),
	.escare_image div:nth-child(2){display: none;}
	.escare_image div:nth-child(3),
	.escare_image div:nth-child(4){width: 100%;}


}/*--@media--*/


@media print{ /* 印刷時のみ */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	PC

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	トップページ

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

	/* メインビジュアル
	---------------------------------------------- */	
	.image_main{
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

	トップページ

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

	/* common.css上書き
	---------------------------------------------- */
	#header{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 11;
	}
	
	.h_logo{display: none;}
	
	#wrap_top{color: #FFF;}
	
	/* ローディング
	---------------------------------------------- */
	.loading {
		width: 100vw;
		height: 100vh;
		background: #04A1C7;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		transition: opacity .4s;
		transition-delay: 1s;
	}

	.loading img{
		width: 144px;
		height: 134px;
		position: absolute;
		margin:auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	
	.loading.loaded{
		opacity: 0;
		pointer-events: none;
	}
	
	/* メインビジュアル
	---------------------------------------------- */
	#main,	
	.image_main{min-height: 568px;}

	.logo_main{
		width: 62.1vw;
		height: 44.8vw;
	}
	
	.logo_main #logo_main01{margin-bottom: 5.33vw;}
	
	.logo_main #logo_main01 img{width: 38.4vw;}
	
	.logo_main #logo_main02 img{width: 100%;}
	
	/*--スクロールボタン--*/
	.btn_scroll{
		width: 40px;
		margin: auto;
		position:absolute;
		left: 0;
		right: 0;
		bottom: 30px;
		z-index: 200;
		-webkit-animation: btn_scroll 2s infinite;
		animation: btn_scroll 2s infinite;
	}
	
	.btn_scroll img{width: 100%;}

	/* サービス概要
	---------------------------------------------- */
	#service{
		padding: 50px 0;
		color: #FFF;
	}

	.service_inner{
		background: #009FC6 url("../img/home/txt_service01.png") no-repeat 0 0;
		background-size: 100%;
		width: calc(100% - 15px);
		padding: 13.33vw 0 0;
		margin-left: auto;
	}
	
	.service_detail{padding: 0 0 10vw 15px;}
	
	.service_detail h2{margin-bottom: 9vw;}
	
	.service_detail h2 img{width: 60.2%;}
	
	.txt_service01{
		line-height: 2.4;
		margin-bottom: 9vw;
	}
	
	.service_image{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		width: 100%;
		height: 111px;
	}
	
	.service_image div{
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center;
		width: 50%;
	}
	
	.service_image div:nth-child(1){display: none;}
	.service_image div:nth-child(2){background-image: url("../img/home/img_service02.jpg");}
	.service_image div:nth-child(3){display: none;}
	.service_image div:nth-child(4){background-image: url("../img/home/img_service04.jpg");}

	/* エスケア
	---------------------------------------------- */
	#escare{
		padding: 0 0 50px;
		color: #FFF;
	}

	.escare_inner{
		background: #009FC6 url("../img/home/txt_escare01.png") no-repeat 0 0;
		background-size: 100%;
		width: calc(100% - 15px);
		padding: 13.33vw 0 0;
		display:-webkit-flex;
		display:flex;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	
	.escare_detail{padding: 0 0 10vw 15px;}
	
	.escare_detail h2{margin-bottom: 9vw;}
	
	.escare_detail h2 img{width: 56.2%;}
	
	.txt_escare01{
		line-height: 2.4;
		margin-bottom: 9vw;
	}
	
	.escare_image{
		display:-webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		-webkit-flex-direction:row-reverse;
		flex-direction: row-reverse;
		width: 100%;
		height: 111px;
	}
	
	.escare_image div{
		background-size: cover !important;
		background-repeat: no-repeat;
		background-position: center bottom;
		width: 50%;
	}
	
	.escare_image div:nth-child(1){background-image: url("../img/home/img_escare01.jpg");}
	.escare_image div:nth-child(2){display: none;}
	.escare_image div:nth-child(3){background-image: url("../img/home/img_escare03.jpg");}
	.escare_image div:nth-child(4){display: none;}

	/* 施工事例
	---------------------------------------------- */
	#works{
		background: #EBF8FA url("../img/home/txt_works01.png") no-repeat center 0;
		background-size: 100%;
		padding: 13.33vw 15px;
	}
	
	#works h2{
		text-align: center;
		position: relative;
		z-index: 0;
		margin-bottom: 40px;
	}
	
	#works h2 img{width: 51.33%;}
	
	.wrap_article_works{margin: 0 0 40px;}
	
	.article_home_works{border-bottom: 1px solid #D5F0F5;}
	
	.article_home_works:first-of-type{border-top: 1px solid #D5F0F5;}
	
	.article_home_works a{
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		color: #333;
		padding: 18px 0;
	}
	
	.article_home_works:first-of-type a{padding-top: 0;}
	
	.article_home_works .photo{
		width: 47.8%;
		height: 0;
		padding-top: 34.7%;
		background-size: cover !important;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.article_home_works .detail{width: 49.2%;}
		
	.article_home_works .info{
		font-size: 1.2rem;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	
	.article_home_works .info .category{
		background: #009FC6;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		padding: 6px 0 5px;
		margin-bottom: 10px;
	}
	
	.article_home_works .info time{
		display: inline-block;
		font-weight: bold;
		color: #009FC5;
	}
	
	#works .btn_more02{text-align: center;}	

	/* お知らせ
	---------------------------------------------- */
	#news{
		background: url("../img/home/txt_news01.png") no-repeat center 13.33vw;
		background-size: 62.4vw;
		padding: 26.66vw 15px 33.66vw;
		position: relative;
	}
	
	#news h2{
		text-align: center;
		position: relative;
		z-index: 0;
		margin-bottom: 40px;
	}
	
	#news h2 img{width: 51.33%;}
	
	.article_home_news{border-bottom: 1px solid #007799;}
	
	.article_home_news:first-of-type{border-top: 1px solid #007799;}
	
	.article_home_news a{
		display: block;
		padding: 16px 0;
		color: #333;
	}
	
	.article_home_news a time{
		display: block;
		font-size: 1.2rem;
		font-weight: bold;
		color: #009FC5;
		margin-bottom: 5px;
	}
	
	.article_home_news a h3{
		background: url("../img/ico_arrow02.png") no-repeat right center;
		background-size: 20px;
		padding-right: 25px;
		font-size: 1.3rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	#news .btn_more02{
		width: 100%;
		line-height: 0;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 13.33vw;
	}
	
	#news .btn_more02 a{height: 10.66vw;}
	
	/* 会社概要・採用情報
	---------------------------------------------- */
	.home_bottom{color: #FFF;}
	
	.home_bottom_inner01{
		padding: 10.6vw 0;
		background-size: cover !important;
		display: block;
		border-bottom: 2px solid #FFF;
	}
	
	/* .home_bottom_inner01#company{background: url("../img/bg_footer02.jpg") no-repeat center center;} */

	/* .home_bottom_inner01#recruit{background: url("../img/bg_footer03.jpg") no-repeat center center;} */
	
	.home_bottom_inner01 h2{
		margin-bottom: 30px;
		text-align: center;
		position: relative;
		z-index: 0;
	}
	
	.home_bottom_inner01 h2::before{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: -10.6vw;
		left: 0;
		z-index: -1;
	}
	
	/* #company h2::before{
		background: url("../img/home/txt_company01.png") no-repeat center 0;
		background-size: 100%;
	} */
	
	#company h2 img{width: 69.6vw;}
	
	#recruit h2::before{
		background: url("../img/home/txt_recruit01.png") no-repeat center 0;
		background-size: 100%;
	}
	
	#recruit h2 img{width: 59.6vw;}
	
	.txt_company01,
	.txt_recruit01{
		text-align: center;
		line-height: 2.4;
		margin-bottom: 30px;
	}
	
	#company .btn_more01,
	#recruit .btn_more01{text-align: center;}

	/* common.css上書き(フッター)
	---------------------------------------------- */
	.f_contact_inner{width: 100%;}
	
	.f_contact_inner:nth-child(2) .txt_contact02{display: none;}

	.txt_contact02{margin-bottom: 5px;}
	
	.btn_contact01{
		background: url("../img/ico_arrow01.png") no-repeat right center;
		background-size: 10px;
	}

	/* .btn_contact01 a{
		background: url("../img/btn_tel01.png") no-repeat 0 center;
		background-size: 90%;
		border: none;
	} */

	.btn_contact02 a{width: 64%;}
	
		/* lpバナー
	---------------------------------------------- */
	.bn_lp{
		margin-top: 50px;
		padding: 0 15px;
	}
	.bn_lp a img{width: 100%;}


}/*--@media--*/