@charset "UTF-8";

/*=============================================================
 02_base
=============================================================*/
/*!  02_base
================================================ */
html {
	overflow: auto;
}

body {
	min-width: 320px;
	line-height: 1.8;
	overflow: hidden;
	color: #333;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
	font-size: 1.3rem;
	letter-spacing: .06em;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 599px) {
	body {
		position: relative;
	}
}
@media screen and (min-width: 600px) {
	body {
		min-width: 1100px;
		font-size: 1.6rem;
	}
}
#home #wrapper {
	position: relative;
	margin-top:90px;
}
@media screen and (max-width: 599px) {
	#home #wrapper {
		position: initial;
		margin-top: 0px;
	}
}
a {
	color: #333;
	text-decoration: none;
}

@media screen and (min-width: 600px) {
	a.opacity img {
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	a.opacity:hover {
		text-decoration: none !important;
	}

	a.opacity:hover img {
		opacity: .7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}
}

img {
	max-width: 100%;
	-webkit-backface-visibility: hidden;
	/*backface-visibility: visible;
	overflow:hidden;*/
}

/*  clearfix
================================================ */
.cf:after {
	display: block;
	clear: both;
	content: "";
}

/*  font
================================================ */
.is_font_roboto {
	font-family: "Roboto";
}

/*  switch
================================================ */
.mediaquery {
	font-family: "sp";
}

@media screen and (min-width: 600px) {
	.mediaquery {
		font-family: "pc";
	}
}

@media screen and (min-width: 600px) {
	.viewSp {
		display: none !important;
	}
}

@media screen and (max-width: 599px) {
	.viewPc {
		display: none !important;
	}
}

/*=============================================================
 03_layout
=============================================================*/
#gHeader {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 11;
	height: 50px;
	background:#FFF;
}
@media screen and (max-width: 599px) {
	#gHeader {
		background:#FFF;
		z-index: 10001;
	}
}


@media screen and (min-width: 600px) {
	#gHeader {
		height: 90px;
		min-width: 1100px;
	}
}

#gHeader .logo {
	position: relative;
	float: left;
	z-index: 2;
	width: 100px;
	height: 28px;
	padding: 10px 0 0 15px;
}

@media screen and (min-width: 600px) {
	#gHeader .logo {
		width: 134px;
		height: 38px;
		padding: 24px 0 0 30px;
	}
}

#gHeader .logo svg {
	width: 100px;
	height: 28px;
}

@media screen and (min-width: 600px) {
	#gHeader .logo svg {
		width: 134px;
		height: 38px;
	}
}

#gHeader .btnContact {
	position: absolute;
	top: 0;
	right: 50px;
	z-index: 2;
}

#gHeader .btnContact a {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: #0c2b55;
	background-image: -webkit-linear-gradient(-45deg, #00407c 0%, #05539c 100%);
	background-image: -ms-linear-gradient(-45deg, #00407c 0%, #05539c 100%);
	text-indent: 200%;
	white-space: nowrap;
}

#gHeader .btnContact a:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 22px;
	height: 14px;
	background: url("../img/common/ico_mail01.png") no-repeat center;
	background-size: contain;
	content: "";
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#gHeader .btnGnav {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	border: 0;
	border-radius: 0;
	background: #fff;
	outline: none;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#gHeader .btnGnav span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 3px;
	margin-top: -1.5px;
	margin-left: -10px;
	background: #0195d1;
	content: "";
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#gHeader .btnGnav span:nth-child(1) {
	margin-top: -8px;
}

#gHeader .btnGnav span:nth-child(3) {
	margin-top: 6px;
}

#gHeader .btnGnav.is_open span:nth-child(1) {
	margin-top: -1.5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#gHeader .btnGnav.is_open span:nth-child(2) {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#gHeader .btnGnav.is_open span:nth-child(3) {
	margin-top: -1.5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media screen and (max-width: 599px) {
	#gHeader.is_open:before {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		clear: both;
		width: 100%;
		height: 49px;
		border: 1px solid #dce1e1;
		background: #fff;
		content: "";
		z-index: 1;
	}
}

#gNav {
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	overflow: auto;
	text-align: center;
}

@media screen and (max-width: 599px) {
	#gNav {
		display: none;
		left: 0;
		padding: 50px 0 220px;
		background: #fff;
	}
}

@media screen and (min-width: 600px) {
	#gNav {
		top: 0;
		right: 0;
		height: 94px;
	}
}

@media screen and (max-width: 599px) {
	#gNav .listLink {
		padding-top: 100px;
	}
}

@media screen and (min-width: 600px) {
	#gNav .listLink {
		display: inline-block;
	}
}

#gNav .listLink a {
	display: block;
	line-height: 1;
	font-weight: 600;
	font-size: 1.2rem;
}

#gNav .listLink li:nth-child(1) a,
#gNav .listLink li:nth-child(2) a,
#gNav .listLink li:nth-child(3) a,
#gNav .listLink li:nth-child(4) a,
#gNav .listLink li:nth-child(5) a {
	color: #333;
}

@media screen and (min-width: 600px) {
	#gNav .listLink a {
		padding: 25px 24px 24px;
		color: #fff;
		/*text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);*/
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	#gNav .listLink a:hover,
	#gNav .listLink li a:hover {
		color: #0195d1;
		/*text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
	}
}

#gNav .listLink .en {
	display: block;
	line-height: 1;
	padding-bottom: 12px;
	font-style: italic;
	font-weight: 900;
	font-size: 2.1rem;
}

@media screen and (min-width: 600px) {
	#gNav .listLink .en {
		font-size: 1.7rem;
	}
}

@media screen and (min-width: 600px) {
	#gNav .listLink li {
		float: left;
	}
}

@media screen and (max-width: 599px) {
	#gNav .listLink li+li {
		margin-top: 33px;
	}
}

@media screen and (min-width: 600px) {
	#gNav .listLink .btn {
		width: 140px;
		margin-left: 24px;
	}

	#gNav .listLink .btn a {
		background: url("../img/common/header/btn_contact01.png") no-repeat center;
		background-size: cover;
	}

	#gNav .listLink .btn a:hover {
		background-image: url("../img/common/header/btn_contact01_o.png");
		color: #fff;
	}
}

#home #mainvisual {
	position: relative;
	margin-top: -45px;
	margin-bottom: -45px;
	top:90px;
	/*padding-top: 90px;
	height: calc(100% - 180px);
	height: 720px;
	height: 100%;*/
}
@media screen and (max-width: 599px) {
	#home #mainvisual {
		margin-top: -90px;
		margin-bottom: -130px;
		top:35px;
		z-index: 10;
	}
}

#home #mainvisual .copy {
	position: absolute;
	top: 55%;
	left: 50%;
	z-index: 5;
	width: 227px;
	height: 154px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 599px) {
	#home #mainvisual .copy {
		z-index: 9;
	}
}
@media screen and (min-width: 600px) {
	#home #mainvisual .copy {
		left: 200px;
		width: 499px;
		height: 278px;
		margin-top: 20px;
		opacity: 0;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		-webkit-transition-delay: 2s;
		transition-delay: 2s;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	#home #mainvisual .copy.is_animated {
		margin-top: 0;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

#home #mainvisual .copy svg {
	width: 227px;
	height: 154px;
}

@media screen and (min-width: 600px) {
	#home #mainvisual .copy svg {
		width: 499px;
		height: 278px;
	}
}

#home #mainvisual .bglayerWrap {
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	height: calc(100% - 90px);
	overflow: hidden;
}

@media screen and (max-width: 599px) {
	#home #mainvisual .bglayerWrap {
		top: 50px;
		height: calc(100% - 100px);
		background: url("../img/home/bg_layer_sp.png") no-repeat center;
		background-size: cover;
		z-index: 8;
	}
}

@media screen and (min-width: 600px) {

	#home #mainvisual .bglayer {
		position: absolute;
		z-index: 4;
		width: 0;
		/*height: 100%;*/
		height: 830px;
		background: no-repeat left bottom;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
	}

	#home #mainvisual .layer01 {
		bottom: 0;
		left: 152px;
		background-image: url("../img/home/bg_layer01.png");
		background-size: 950px 830px;
		-webkit-transition-delay: .5s;
		transition-delay: .5s;
	}

	#home #mainvisual .layer02 {
		bottom: 0;
		background-image: url("../img/home/bg_layer02.png");
		/* background-image: url("http://wordpress-corporation.rancher.dev.carview.co.jp/wp-content/uploads/2019/02/bg_layer02-test.png"); */
		background-size: 801px 830px;
		-webkit-transition-delay: .6s;
		transition-delay: .6s;
	}

	#home #mainvisual .layer03 {
		z-index: 1;
		top: -237px;
		left: -124px;
		width: 14.25%;
		height: 800px;
		background-color: rgba(255, 255, 255, 0.5);;
		transform: rotate(36.25deg);
		/* top: 0;
		background-image: url("http://wordpress-corporation.rancher.dev.carview.co.jp/wp-content/uploads/2019/02/bg_layer03-test.png");
		background-size: 457px 830px;
		-webkit-transition-delay: .6s;
		transition-delay: .6s; */
	}

	#home #mainvisual .layer01.is_animated {
		width: 950px;
	}

	#home #mainvisual .layer02.is_animated {
		width: 901px;
	}

	/* #home #mainvisual .layer03.is_animated {
		width: 902px;
	} */

	#home #mainvisual .slick-dots {
		display: inline-block !important;
		position: absolute;
		right: 25px;
		bottom: 65px;
		z-index: 5;
		width: auto;
	}
}

@media screen and (min-width: 1920px) {

	#home #mainvisual .layer03 {
		width: 272px;
	}
}

/* .subpage
-------------------------------------------------- */
@media screen and (max-width: 599px) {
	#mainvisual.subpage {
		height: 200px;
		margin-top: 50px;
	}
}

@media screen and (min-width: 600px) {
	#mainvisual.subpage {
		height: 360px;
		top: 90px;
		margin-top: 90px;
	}
}

#mainvisual.subpage .pageTit {
	position: relative;
	width: 100%;
}

@media screen and (max-width: 599px) {
	#mainvisual.subpage .pageTit {
		height: 200px;
	}
}

@media screen and (min-width: 600px) {
	#mainvisual.subpage .pageTit {
		left: 0;
		height: 100%;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

#mainvisual.subpage .pageTit .tit {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 599px) {
	#mainvisual.subpage .pageTit .tit {
		width: 100%;
		padding-top: 20px;
	}
}

@media screen and (min-width: 600px) {
	#mainvisual.subpage .pageTit .tit {
		width: 1100px;
		padding-top: 14px;
	}
}

#mainvisual.subpage .pageTit .page_tit,
#mainvisual.subpage .pageTit .page_tit_en {
	position: relative;
	z-index: 5;
	line-height: 1;
	color: #fff;
	font-style: italic;
	font-weight: bold;
}

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

	#mainvisual.subpage .pageTit .page_tit,
	#mainvisual.subpage .pageTit .page_tit_en {
		text-align: center;
	}
}

@media screen and (min-width: 600px) {

	#mainvisual.subpage .pageTit .page_tit,
	#mainvisual.subpage .pageTit .page_tit_en {
		text-align: left;
	}
}

@media screen and (max-width: 599px) {
	#mainvisual.subpage .pageTit .page_tit {
		margin-top: 9px;
		font-size: 1.1rem;
		letter-spacing: .066rem;
	}
}

@media screen and (min-width: 600px) {
	#mainvisual.subpage .pageTit .page_tit {
		margin-top: 16px;
		font-size: 1.8rem;
		letter-spacing: .108rem;
	}
}

@media screen and (max-width: 599px) {
	#mainvisual.subpage .pageTit .page_tit_en {
		margin-left: 0;
		font-style: italic;
		font-weight: 700;
		font-size: 4.3rem;
		letter-spacing: .258rem;
	}
}

@media screen and (min-width: 600px) {
	#mainvisual.subpage .pageTit .page_tit_en {
		font-size: 8.6rem;
		letter-spacing: .516rem;
	}
}

#mainvisual.subpage .bgMainvisual {
	position: absolute;
	width: 100%;
	overflow: hidden;
}

@media screen and (max-width: 599px) {
	#mainvisual.subpage .bgMainvisual {
		top: 0;
		left: 0;
		height: 200px;
	}
}

@media screen and (min-width: 600px) {
	#mainvisual.subpage .bgMainvisual {
		bottom: 0;
		height: 450px;
		background: no-repeat left bottom;
	}

	#mainvisual.subpage .bgMainvisual .bglayer01,
	#mainvisual.subpage .bgMainvisual .bglayer02 {
		position: absolute;
		left:-3%;
		width: 100%;
		height: 450px;
	}
	
	#mainvisual.subpage .bgMainvisual .bglayer03{
		position:absolute;
		z-index: 1;
		top: -237px;
		left: -124px;
		width: 14.25%;
		height: 800px;
		background-color: rgba(255, 255, 255, 0.6);;
		transform: rotate(36.25deg);
		/* top: 0;
		background-image: url("http://wordpress-corporation.rancher.dev.carview.co.jp/wp-content/uploads/2019/02/bg_layer03-test.png");
		background-size: 457px 830px;
		-webkit-transition-delay: .6s;
		transition-delay: .6s; */
	}
	
	
}

@-webkit-keyframes fadeIn {
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

@keyframes fadeIn {
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

/*!  #breadcrumb
================================================ */
@media screen and (max-width: 599px) {
	#breadcrumb {
		display: none;
	}
}

@media screen and (min-width: 600px) {
	#breadcrumb ol {
		width: 1100px;
		overflow: hidden;
		margin: 10px auto 0;
		padding: 23px 0;
	}

	#breadcrumb ol li {
		display: flex;
		justify-content: center;
		align-items: center;
		float:left;
		line-height: 1.2;
		font-size: 1.4rem;
		letter-spacing: .084rem;
		margin-right: 12px;
		width: auto;
	}

	#breadcrumb ol li+li:before {
		margin-right: 3px;
		color: #0195d1;
		font-weight: 700;
		font-size: 1rem;
		content: "＞";
		vertical-align: bottom;
	}

	#breadcrumb ol li.home {
		text-transform: uppercase;
	}

	#breadcrumb ol li.current:before {
		margin-right: 3px;
		color: #0195d1;
		font-weight: 700;
		font-size: 1rem;
		content: "＞";
		vertical-align: bottom;
	}

	#breadcrumb ol li a {
		display: inline-block;
		text-decoration: underline;
	}
}

@-webkit-keyframes fadeIn {
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

@keyframes fadeIn {
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

/* ============================================================
#company 会社情報
============================================================ */
#company #sidebar {
	border-top: 1px solid #dce1e1;
}

@media screen and (max-width: 599px) {
	#company #sidebar .sideSectionName {
		margin-top: 25px;
		padding: 0 15px 25px;
	}
}

@media screen and (min-width: 600px) {
	#company #sidebar .sideSectionName {
		width: 1100px;
		margin: 60px auto 0;
		padding-bottom: 60px;
	}
}
#company #sidebar .sideSectionName .leadTit {
	font-weight: 700;
}

@media screen and (max-width: 599px) {
	#company #sidebar .sideSectionName .leadTit {
		font-size: 1.8rem;
		text-align: center;
		letter-spacing: .114rem;
	}
}

@media screen and (min-width: 600px) {
	#company #sidebar .sideSectionName .leadTit {
		font-size: 2.4rem;
		text-align: center;
		letter-spacing: .144rem;
	}
}
@media screen and (max-width: 599px) {
	#company #sidebar .sideSectionName .btns {
		margin-top: 3px;
	}
}

@media screen and (min-width: 600px) {
	#company #sidebar .sideSectionName .btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media screen and (min-width: 600px) {
	#company #sidebar .sideSectionName .btns li {
		width: calc((100% - 40px) / 4);
		margin-top: 10px;
	}
}
@media screen and (max-width: 599px) {
	#company #sidebar .sideSectionName .btns li:not(:first-of-type) {
		margin-top: 10px;
	}
}

@media screen and (min-width: 600px) {
	#company #sidebar .sideSectionName .btns li:not(:first-of-type) {
		margin-left: 20px;
	}
}

@media screen and (min-width: 600px) {
	#company #sidebar .sideSectionName .btn a {
		width: 260px;
	}
}

/* ============================================================
#service サービス
============================================================ */
#service #sidebar {
	border-top: 1px solid #dce1e1;
}

@media screen and (max-width: 599px) {
	#service #sidebar .sideSectionName {
		margin-top: 9px;
		padding: 0 15px 25px;
	}
}

@media screen and (min-width: 600px) {
	#service #sidebar .sideSectionName {
		width: 1100px;
		margin: 34px auto 0;
		padding-bottom: 60px;
	}
}

#service #sidebar .sideSectionName .leadTit {
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width: 599px) {
	#service #sidebar .sideSectionName .leadTit {
		font-size: 1.9rem;
		letter-spacing: .114rem;
	}
}

@media screen and (min-width: 600px) {
	#service #sidebar .sideSectionName .leadTit {
		font-size: 2.4rem;
		letter-spacing: .144rem;
	}
}

@media screen and (max-width: 599px) {
	#service #sidebar .sideSectionName .btns {
		margin-top: 12px;
	}
}

@media screen and (min-width: 600px) {
	#service #sidebar .sideSectionName .btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 20px;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 599px) {
	#service #sidebar .sideSectionName .btns li:not(:first-of-type) {
		margin-top: 10px;
	}
}

@media screen and (min-width: 600px) {
	#service #sidebar .sideSectionName .btns li {
		width: calc(25% - 20px);
		margin: 0 10px 20px
	}
}

@media screen and (min-width: 600px) {
	#service #sidebar .sideSectionName .btn a {
		width: 100%;
	}
}
/* ============================================================
#blog プレスリリース
============================================================ */
@media screen and (max-width: 599px) {
	#blog #sidebar {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar {
		width: 240px;
		margin: 0 0 0 auto;
	}
}

#blog #sidebar .leadTit {
	background-color: #0c2b55;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width: 599px) {
	#blog #sidebar .leadTit {
		padding: 10px 15px 12px;
		font-size: 1.6rem;
		letter-spacing: .096rem;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar .leadTit {
		margin-top: 40px;
		padding: 10px 15px;
		font-size: 1.7rem;
		letter-spacing: .102rem;
	}

	#blog #sidebar .leadTit:first-of-type {
		margin-top: 50px;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar .categories {
		border: 1px solid #dce1e1;
		border-top: none;
	}
}

#blog #sidebar .categories li:not(:last-of-type) {
	border-bottom: 1px solid #dce1e1;
}

@media screen and (max-width: 599px) {
	#blog #sidebar .categories li {
		font-size: 1.3rem;
		letter-spacing: .055rem;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar .categories li {
		font-size: 1.6rem;
		letter-spacing: .096rem;
	}
}

#blog #sidebar .categories li a {
	display: block;
	position: relative;
}

@media screen and (max-width: 599px) {
	#blog #sidebar .categories li a {
		padding: 9px 15px 13px;
	}
}

#blog #sidebar .categories li.is_current a {
	background-color: #0195d1;
	color: #fff;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

@media screen and (min-width: 600px) {
	#blog #sidebar .categories li a {
		padding: 9px 19px 13px;
	}

	#blog #sidebar .categories li a:hover {
		background-color: #0195d1;
		color: #fff;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	#blog #sidebar .categories li.is_current a:after,
	#blog #sidebar .categories li a:hover:after {
		right: 14px;
		background: url("../img/common/ico_arw01.png") 0 0 no-repeat;
		background-size: 14px 8px;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
}

#blog #sidebar .categories li a:after {
	display: block;
	position: absolute;
	content: "";
}

@media screen and (max-width: 599px) {
	#blog #sidebar .categories li a:after {
		top: 19px;
		right: 16px;
		width: 15px;
		height: 8px;
		background: url("../img/common/ico_arw01_sky.png") 0 0 no-repeat;
		background-size: 15px 8px;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar .categories li a:after {
		top: 21px;
		right: 19px;
		width: 14px;
		height: 8px;
		background: url("../img/common/ico_arw01_sky.png") 0 0 no-repeat;
		background-size: 14px 8px;
	}
}

#blog #sidebar .archives {
	position: relative;
}

#blog #sidebar .archives:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000;
	content: "";
}

@media screen and (max-width: 599px) {
	#blog #sidebar .archives {
		padding: 20px 15px;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar .archives {
		padding: 20px 0;
	}
}

#blog #sidebar .archives .formSelect {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	border: 1px solid #dce1e1;
	background-color: #fff;
}

@media screen and (max-width: 599px) {
	#blog #sidebar .archives .formSelect {
		height: 38px;
		font-size: 1.3rem;
		letter-spacing: .055rem;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar .archives .formSelect {
		height: 44px;
		font-size: 1.5rem;
		letter-spacing: .09rem;
	}
}

#blog #sidebar .archives .formSelect:after {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #231815 transparent transparent transparent;
	pointer-events: none;
	content: "";
}

@media screen and (max-width: 599px) {
	#blog #sidebar .archives .formSelect:after {
		top: 14px;
		right: 13px;
		border-width: 10px 5.5px 0 5.5px;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar .archives .formSelect:after {
		top: 17px;
		right: 13px;
		border-width: 8px 4.5px 0 4.5px;
	}
}

#blog #sidebar .archives .formSelect input[type="select"],
#blog #sidebar .archives .formSelect input[type="option"],
#blog #sidebar .archives .formSelect select {
	border: none;
	border-radius: 0;
	background: transparent;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#blog #sidebar .archives .formSelect select {
	width: 100%;
	text-indent: .01px;
	text-overflow: ellipsis;
	cursor: pointer;
}

@media screen and (max-width: 599px) {
	#blog #sidebar .archives .formSelect select {
		padding: 7px 37px 7px 15px;
	}
}

@media screen and (min-width: 600px) {
	#blog #sidebar .archives .formSelect select {
		padding: 10px 31px 10px 19px;
	}

	#blog #sidebar .archives .formSelect select::-ms-expand {
		display: none;
	}
}

/* ============================================================
#recruit 採用情報一覧
============================================================ */
#recruit #sidebar {
	border-top: 1px solid #dce1e1;
}

@media screen and (max-width: 599px) {
	#recruit #sidebar .sideSectionName {
		padding: 17px 15px 25px;
	}
}

@media screen and (min-width: 600px) {
	#recruit #sidebar .sideSectionName {
		width: 1100px;
		margin: 59px auto 0;
		padding-bottom: 70px;
		text-align: center;
	}
}

#recruit #sidebar .sideSectionName .leadTit {
	font-weight: 700;
}

@media screen and (max-width: 599px) {
	#recruit #sidebar .sideSectionName .leadTit {
		font-size: 1.8rem;
		text-align: center;
		letter-spacing: .114rem;
	}
}

@media screen and (min-width: 600px) {
	#recruit #sidebar .sideSectionName .leadTit {
		font-size: 2.4rem;
		text-align: center;
		letter-spacing: .144rem;
	}
}

@media screen and (max-width: 599px) {
	#recruit #sidebar .sideSectionName .btns {
		margin-top: 3px;
	}
}

@media screen and (min-width: 600px) {
	#recruit #sidebar .sideSectionName .btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 600px) {
	#recruit #sidebar .sideSectionName .btns li {
		width: calc((100% - 40px) / 4);
		margin-top: 10px;
	}
}

@media screen and (min-width: 600px) and (min-width: 600px) {
	#recruit #sidebar .sideSectionName .btns li:not(:nth-of-type(1)):not(:nth-of-type(5n+1)) {
		margin-left: 10px;
	}
}

@media screen and (max-width: 599px) {
	#recruit #sidebar .sideSectionName .btn {
		width: 48%;
		margin-top: 9px;
	}

	#recruit #sidebar .sideSectionName .btn:nth-of-type(2n) {
		float: right;
	}

	#recruit #sidebar .sideSectionName .btn:nth-of-type(2n+1) {
		float: left;
	}
}

#recruit #sidebar .sideSectionName .btn a {
	position: relative;
	box-sizing: border-box;
	border: 2px solid #0195d1;
	background: #0195d1;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

@media screen and (max-width: 599px) {
	#recruit #sidebar .sideSectionName .btn a {
		display: table;
		width: 100%;
		height: 55px;
		line-height: 1.5;
		padding: 0 10px;
		font-size: 1.2rem;
	}
}

#recruit #sidebar .sideSectionName .btn.is_current a {
	border-color: #0c2b55;
	background: #0c2b55;
}

@media screen and (min-width: 600px) {
	#recruit #sidebar .sideSectionName .btn a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: auto;
		margin-left: auto;
		padding: 16px 10px;
		font-size: 1.5rem;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	#recruit #sidebar .sideSectionName .btn a:hover {
		border-color: #0c2b55;
		background: #0c2b55;
	}

	#recruit #sidebar .sideSectionName .btn a:hover:after {
		right: 5px;
	}
}

#recruit #sidebar .sideSectionName .btn a:after {
	display: block;
	position: absolute;
	top: 50%;
	background: url("../img/common/ico_arw01.png") no-repeat center;
	background-size: contain;
	content: "";
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 599px) {
	#recruit #sidebar .sideSectionName .btn a:after {
		right: 10px;
		width: 15px;
		height: 8px;
	}
}

@media screen and (min-width: 600px) {
	#recruit #sidebar .sideSectionName .btn a:after {
		right: 10px;
		width: 17px;
		height: 10px;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
}

@media screen and (max-width: 599px) {
	#recruit #sidebar .sideSectionName .btn a .btnInner {
		display: table-cell;
		font-size: 1.2rem;
		vertical-align: middle;
	}
}

@media screen and (min-width: 600px) {
	#recruit #sidebar .sideSectionName .btn a .btnInner {
		font-size: 1.5rem;
	}
}

#gFooter {
	position: relative;
	background: #0c2b55;
	color: #afbcc5;
}

.pagetop {
	position: fixed;
	right: -100%;
	bottom: 60px;
	z-index: 10;
	width: 30px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

@media screen and (min-width: 600px) {
	.pagetop {
		bottom: 30px;
		width: 55px;
		height: 55px;
		background: url("../img/common/ico_pagetop01_o.png") no-repeat center;
		background-size: contain;
	}

	.pagetop img {
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	.pagetop:hover img {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}

.pagetop.is_view {
	right: 10px;
}

@media screen and (min-width: 600px) {
	.pagetop.is_view {
		right: 30px;
	}
}

.ftTop .inner {
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px;
}

@media screen and (min-width: 600px) {
	.ftTop .inner {
		min-height: 480px;
		padding: 80px 320px 80px 0;
	}
}

.ftTop .info .logo a {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 1.1rem;
}

@media screen and (min-width: 600px) {
	.ftTop .info .logo a {
		font-size: 1.5rem;
	}
}

.ftTop .info .logo svg {
	width: 90px;
	height: 26px;
}

@media screen and (min-width: 600px) {
	.ftTop .info .logo svg {
		width: 125px;
		height: 36px;
	}
}

@media screen and (min-width: 600px) {
	.ftTop .info .logo span {
		display: inline-block;
		padding: 0 0 5px 7px;
	}
}

.ftTop .info address {
	margin-top: 5px;
	font-weight: 300;
	font-size: 1.1rem;
}

@media screen and (min-width: 600px) {
	.ftTop .info address {
		margin-top: 15px;
		font-size: 1.3rem;
	}
}

.ftTop .info .listWrap {
	margin: 20px -15px 0;
}

@media screen and (max-width: 599px) {
	.ftTop .info .listWrap {
		padding: 0 15px;
		border-top: 1px solid #304b6e;
	}
}

@media screen and (min-width: 600px) {
	.ftTop .info .listWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 54px 0 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 599px) {
	.ftTop .info .list {
		padding: 23px 0 22px;
		border-bottom: 1px solid #304b6e;
	}
}

@media screen and (min-width: 600px) {
	.ftTop .info .list {
		float: left;
		box-sizing: border-box;
		width: 180px;
	}

	.ftTop .info .list+.list {
		padding-left: 30px;
		border-left: 1px solid #304b6e;
	}
}

@media screen and (max-width: 599px) {
	.ftTop .info .list:last-child {
		padding: 0;
		border-bottom: 0;
	}
}

.ftTop .info .list a {
	display: block;
	color: #afbcc5;
}

.ftTop .info .list a:hover {
	text-decoration: underline;
}

.ftTop .info .list .parent>a {
	line-height: 1.25;
	font-weight: 600;
	font-size: 1.2rem;
}

@media screen and (min-width: 600px) {
	.ftTop .info .list .parent>a {
		line-height: 1;
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 599px) {
	.ftTop .info .list:last-child .parent {
		border-bottom: 1px solid #304b6e;
	}
}

@media screen and (max-width: 599px) {
	.ftTop .info .list:last-child .parent>a {
		padding: 18px 0 17px;
	}
}

@media screen and (min-width: 600px) {
	.ftTop .info .list:last-child .parent+.parent {
		margin-top: 15px;
	}
}

.ftTop .info .list .child {
	margin-top: 14px;
}

@media screen and (max-width: 599px) {
	.ftTop .info .list .child li {
		float: left;
		width: 50%;
	}

	.ftTop .info .list .child li:nth-child(n+3) {
		margin-top: 20px;
	}
}

.ftTop .info .list .child a {
	font-size: 1.1rem;
}

@media screen and (min-width: 600px) {
	.ftTop .info .list .child a {
		line-height: 2.08;
		font-size: 1.2rem;
	}
}

.ftTop .info .list .child a:before {
	margin-right: 5px;
	content: "→";
}

.ftTop .info .list .btn {
	margin-top: 25px;
}

@media screen and (max-width: 599px) {
	.ftTop .info .list .btn {
		padding: 0 18px;
	}
}

.ftTop .info .list .btn a {
	display: block;
	padding: 22px 10px;
	background: url("../img/common/bg_btn01_sp.png") no-repeat center;
	background-size: cover;
	color: #fff;
	font-weight: 600;
	font-size: 1.2rem;
	text-align: center;
}

@media screen and (min-width: 600px) {
	.ftTop .info .list .btn a {
		box-sizing: border-box;
		width: 140px;
		padding: 13px 10px 12px;
		background-image: url("../img/common/bg_btn01_pc.png");
		font-size: 1.4rem;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	.ftTop .info .list .btn a:hover {
		background-image: url("../img/common/header/btn_contact01_o.png");
	}
}

@media screen and (max-width: 599px) {
	.ftTop .fb {
		padding-top: 20px;
		padding-bottom: 35px;
	}
}

@media screen and (min-width: 600px) {
	.ftTop .fb {
		position: absolute;
		top: 80px;
		right: 0;
		width: 320px;
	}
}



.ftService {
	background: #072247;
}

.ftService .inner {
	padding-bottom: 20px;
}

@media screen and (min-width: 600px) {
	.ftService .inner {
		padding-bottom: 30px;
	}
}

.ftService .tit {
	position: relative;
	top: -.5em;
	line-height: 1;
	color: #8b9299;
	font-style: italic;
	font-weight: 900;
	font-size: 1.7rem;
}

@media screen and (min-width: 600px) {
	.ftService .tit {
		font-size: 2.2rem;
	}
}

.ftService .list {
	margin-top: 5px;
}

.ftService .list li {
	float: left;
	box-sizing: border-box;
	width: 50%;
}
.ftService .list li img {
	display:block;
}
@media screen and (max-width: 599px) {
	.ftService .list li:nth-child(odd) {
		padding-right: 3px;
	}

	.ftService .list li:nth-child(even) {
		padding-left: 3px;
	}

	.ftService .list li:nth-child(n+3) {
		margin-top: 6px;
	}
}

@media screen and (min-width: 600px) {
	.ftService .list li {
		width: 165px;
	}

	.ftService .list li+li {
		margin-left: 22px;
	}
}

.ftService .list a {
	display: block;
	background: #fff;
}

@media screen and (min-width: 600px) {
	.ftBottom .inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 10px 0;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.ftBottom .list {
	padding: 3px 0;
	text-align: center;
}

@media screen and (min-width: 600px) {
	.ftBottom .list {
		display: inline-block;
	}
}

.ftBottom .list li {
	display: inline-block;
}

@media screen and (min-width: 600px) {
	.ftBottom .list li {
		margin-right: 20px;
	}
}

.ftBottom .list a {
	display: inline-block;
	padding: 12px;
	color: #afbcc5;
	font-weight: 300;
	font-size: 1.1rem;
}

@media screen and (min-width: 600px) {
	.ftBottom .list a {
		padding: 10px 0;
		font-size: 1.2rem;
	}

	.ftBottom .list a:hover {
		text-decoration: underline;
	}
}

.ftBottom .copyright {
	color: #afbcc5;
	font-size: 1rem;
}

@media screen and (max-width: 599px) {
	.ftBottom .copyright {
		margin: 0 -15px;
		padding: 15px;
		border-top: 1px solid #304b6e;
		text-align: center;
	}
}

@media screen and (min-width: 600px) {
	.ftBottom .copyright {
		display: inline-block;
		font-size: 1.1rem;
		text-align: right;
	}
}

.ftBottom .copyright small {
	font-weight: 300;
}

/*=============================================================
 05_helper
=============================================================*/
/*!  .js-name
================================================ */
/*=============================================================
 06_lib
=============================================================*/
/*!  .js-animation-item
================================================ */
@media screen and (min-width: 600px) {
	.animationParent {
		position: relative;
		overflow: hidden;
	}

	.animationParent .animationLayer {
		display: block;
		position: absolute;
		right: -200%;
		width: 2000px;
		height: 2000px;
		background-color: #c0e1f0;
		opacity: .1;
		content: "";
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		-webkit-transform: skew(-36deg);
		transform: skew(-36deg);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	}

	.animationParent .animationLayer.animationLayer01 {
		background-color: white;
		-webkit-transition-delay: .5s;
		transition-delay: .5s;
	}

	.animationParent .animationLayer.animationLayer02 {
		background-color: #0195d1;
		-webkit-transition-delay: .8s;
		transition-delay: .8s;
	}

	.animationParent.is_animated .animationLayer01 {
		right: -1325px;
	}

	.animationParent.is_animated .animationLayer02 {
		right: -892px;
	}

	.animationParent .animationInner {
		position: relative;
		z-index: 1;
	}

	.animationFadeIn {
		opacity: 0;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		-webkit-transition-delay: .4s;
		transition-delay: .4s;
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

	.animationFadeIn.is_animated {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
}

.slick-slider {
	margin-bottom: 0 !important;
	height: calc(100% - 90px);
}

@media screen and (max-width: 599px) {
	.slick-slider .slick-dots {
		display: none !important;
	}
}

@media screen and (min-width: 600px) {
	.slick-slider .slick-dots li {
		width: 10px;
		height: 10px;
	}

	.slick-slider .slick-dots li button {
		width: 10px;
		height: 10px;
		background-color: white;
		opacity: .5;
		cursor: pointer;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}

	.slick-slider .slick-dots li button:before {
		display: none;
	}

	.slick-slider .slick-dots .slick-active button {
		background-color: #0195d1;
	}
}