@charset "UTF-8";
/*
【補足１】 CSS設計について
PRECSSに準じて設計
https://precss.io/ja/
【補足2】ブレークポイントについて
PC -> 992px以上（lg；Large）／1200px以上（xl：Extra large）
タブレット -> 768px以上（md：Medium）
スマートフォン -> 767px以下（sm：Small）／575以下（xs；Extra small）
※Bootstrap4参照に通常３段階、最大５段階のレスポンシブ構築
https://getbootstrap.jp/docs/4.2/layout/grid/
@media ( max-width : 1199px ){}
@media ( max-width : 991px ){}
@media ( max-width : 767px ){}
@media ( max-width : 575px ){}
@media (min-width: 578px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
こびとのおたよりサイトは
【補足3】ローマ字変換について
日本語をローマ字変換する際は、「外務省ヘボン式」を採用
https://tools.m-bsys.com/original_tooles/romaji.php
*/
/* ==========================================================================
  Base ベース
========================================================================== */
body{
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
	font-weight: 400;
	font-weight: normal;
	color:#4C4C4C;
	background-color: #ffffff;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?hgawyx');
  src:  url('../fonts/icomoon.eot?hgawyx#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?hgawyx') format('truetype'),
    url('../fonts/icomoon.woff?hgawyx') format('woff'),
    url('../fonts/icomoon.svg?hgawyx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* font familyのヘルパー*/
.hp_fontFSerif{
	font-family: 'Noto Serif JP', serif;
}
.hp_fontFNotosans{
	font-family: "Noto Sans Japanese" !important;
}
.hp_fontFNotosans__hevy{
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
}

/* 要素*/
a { transition:.3s; text-decoration: none;}

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

/* 

==========================================================================
  Layout　レイアウト
========================================================================== */
/* ly_header
========================================================================== */
.ly_header_wrapper{
	position: relative;
	width: 100%;
	padding-top: 40.2%;
	background-image: url(../img/index/header_pic02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.ly_header{
	background-color:rgba(255, 255, 255, 0.4);
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
}
	@media ( max-width : 1454px ){
		.ly_header_wrapper{
			padding-top: 50%;
		}
	}
	@media ( max-width : 991px ){
		.ly_header_wrapper{
			padding-top: 71%;
		}
	}
	@media ( max-width : 767px ){
		.ly_header_wrapper{
			height: 90vh;
			padding-top: 0;
		}
	}
/*
ly_header_unit
*/
.ly_header_unit{
	display: flex;
	width: 100%;
	max-width: 1848px;/* 1818px + padding */
	height: 123px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
}
.ly_header_unit.js_heightMin{
	height: 70px;
}
.ly_header_unit_h1{
	align-self: center;
	width: 21.667%;
	max-width: 394px;
}
.ly_header_unit_h1 img{
	width: 91.117%;
}
.ly_header_unit_nav{
	width: 56.666%;
	max-width: 1030px;
}
	@media ( max-width : 1851px ){
		.ly_header_unit{
			max-width: calc(1424px + 30px);
		}
		.ly_header_unit_h1{
			width: 27.67%;
		}
		.ly_header_unit_nav{
			width: calc(100% - 27.67%);
		}
	}
	@media ( max-width : 1199px ){
		.ly_header_unit{
			display: block;
			height: 75px;
			padding-left: 30px;
			padding-right: 30px;
			background-color: rgba(255, 255, 255, 0.66);
		}
		.ly_header_unit_h1,
		.ly_header_unit_nav{
			width: 100%;
			max-width: 100%;
		}
		.ly_header_unit_h1{
			display: flex;
			align-items: center;
			width: calc(100% - 55px);
			max-width: 300px;
			height: 75px;
		}
		.ly_header_unit_h1 img{
			width: 100%;
		}
	}
	@media ( max-width : 575px ){
		.ly_header_unit{
			padding-left: 15px;
			padding-right: 15px;
		}
	}
	@media (min-width: 1200px) {
		.ly_header_unit{
			position: fixed;
			top:0;
			left:50%;
			transform: translateX(-50%);
		  z-index: 999;
			animation: UpAnime 0.5s forwards;
		}
		.ly_header_unit.js_heightMin{
			animation: DownAnime 0.5s forwards;
		}
	}
/* ly_cont
========================================================================== */
.ly_cont_wrapper{
	width: 100%;
	max-width: 1230px;/*1170px + padding */
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.4rem;
	line-height: 1.64;/*23px*/
}
.ly_cont_wrapper.ly_cont_wrapper__spaceTopBttom{
	padding-top: 100px;
	padding-bottom: 130px;
}
.ly_cont{
	position: relative;
	width: 100%;/*最大横幅1170px*/
	margin-right: auto;
	margin-left: auto;
}
.ly_cont.ly_cont__wMd,
.ly_cont_innerWidthMd{
	width: 88.034%;/*最大横幅1030px*/
	margin-right: auto;
	margin-left: auto;
}
.ly_cont.ly_cont__wSm,
.ly_cont_innerWidthSm{
	width: 68.376%;/*最大横幅800px*/
}
	@media ( max-width : 767px ){
		.ly_cont_wrapper.ly_cont_wrapper__spaceTopBttom{
			padding-top: 65px;
			padding-bottom: 65px;
		}
	}
	@media ( max-width : 575px ){
		.ly_cont,
		.ly_cont.ly_cont__wMd,
		.ly_cont_innerWidthMd,
		.ly_cont.ly_cont__wSm,
		.ly_cont_innerWidthSm{
			width: 100%;
		}
	}
/* ly_footer
========================================================================== */
.ly_footer_wrapper{
	background-color: #ffffff;
}
.ly_footer{
	width: 100%;
	max-width: 1230px;/*1170px + padding */
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.5rem;
	line-height: 1.4;/*21px*/
}
	@media ( max-width : 767px ){
		.ly_footer{
			font-size: 1.4rem;
		}
	}
	@media ( max-width : 575px ){
		.ly_footer{
			font-size: 1.3rem;
		}
	}
/* ==========================================================================
  Javascript Modules jsモジュyール
========================================================================== */
/* js_splash
========================================================================== */
/*
ローディング画面
*/
.js_splash {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #FFF;
	z-index: 9999999;
	text-align:center;
}
.js_splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*
画面遷移アニメーション
*/
.js_splash_bg,
.js_splash_bg2{
	display: none;
}
body.js_appear .js_splash_bg,
body.js_appear .js_splash_bg2{
	display:block;
}
/*右に消えるエリア*/
body.js_appear .js_splash_bg{
	animation-name:PageAnime;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
  content: "";
  position:fixed;
	z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
	left:50%;
  transform: scaleX(1);
  background-color:#FFF;/*伸びる背景色の設定*/
}
@keyframes PageAnime{
	0% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}
/*左に消えるエリア*/
body.js_appear .js_splash_bg2{
	animation-name:PageAnime2;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
  content: "";
  position:fixed;
	z-index: 999;
  width: 100%;
  height: 100vh;
  top: 0;
	right:50%;
  transform: scaleX(1);
  background-color:#FFF;/*伸びる背景色の設定*/
}
@keyframes PageAnime2{
	0% {
		transform-origin:right;
		transform:scaleX(1);
	}

	50% {
		transform-origin:left;
	}
	100% {
		transform-origin:left;
		transform:scaleX(0);
	}
}
/*
画面遷移の後現れるコンテンツ
*/
.js_splash_wrapper{
	opacity: 0;/*はじめは透過0に*/
}
/*bodyにappearクラスがついたら出現*/
body.js_appear .js_splash_wrapper{
	background-color: #0B308E;
	animation-name:PageAnimeAppear;
	animation-duration:1s;
	animation-delay:0.2s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes PageAnimeAppear{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}
/* js_telLink
========================================================================== */
.js_telLink a{
	color: inherit;
}
/* js_objectFitImg
========================================================================== */
.js_objectFitImg_cover{
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.js_objectFitImg_coverLeftTop{
	object-fit: cover;
	object-position: left top;
	font-family: 'object-fit: cover; object-position: left top;'
}
/* 動き
========================================================================== */
/*
その場でふわっと
*/
.js_fadeIn{
	animation-name:fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	animation-delay: 0.2s;
	opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.js_fadeInTrigger{
	opacity: 0;
}
/*
アニメーションスタートの遅延時間
*/
.js_delayTime05{ animation-delay: 0.5s; }
.js_delayTime1{ animation-delay: 1s; }
.js_delayTime15{ animation-delay: 1.5s; }
.js_delayTime2{ animation-delay: 2s; }
.js_delayTime25{ animation-delay: 2.5s; }
.js_delayTime3{ animation-delay: 3s; }
.js_delayTime35{ animation-delay: 3.5s; }
.js_delayTime4{ animation-delay: 4s; }
.js_delayTime45{ animation-delay: 4.5s; }
.js_delayTime5{ animation-delay: 5s; }
.js_delayTime55{ animation-delay: 5.5s; }
/* 遅延なし　*/
	@media ( max-width : 767px ){
		.js_noneDelayTime_onlySm{
			animation-delay: 0.2s !important;
		}
	}
	@media ( max-width : 575px ){
		.js_noneDelayTime_onlyXS{
			animation-delay: 0.2s !important;
		}
	}
/* js_headerNav
========================================================================== */
/*
js_headerNav_openBtn
*/
.js_headerNav_openBtn{
    display: none;
}
	@media only screen and ( max-width : 1199px ){
		/*ボタン外側*/
		.js_headerNav_openBtn{
			display: block;
			position:fixed;
			top:13px;
			right: 13px;
			z-index: 1999;/*ボタンを最前面に*/
			cursor: pointer;
			width: 55px;
			height:55px;
			border-radius: 50%;
		}
		/*ボタン内側*/
		.js_headerNav_openBtn span{
			display: inline-block;
			transition: all .5s;/*アニメーションの設定*/
			position: absolute;
			left: 14px;
			height: 2px;
			border-radius: 5px;
			width:50%;
		}
		.js_headerNav_openBtn span:nth-of-type(1) {
			top:18px;
			background-color: #0B308E;
		}
		.js_headerNav_openBtn span:nth-of-type(2) {
			top:27px;
			background-color: #E50012;
		}
		.js_headerNav_openBtn span:nth-of-type(3) {
			top:36px;
			background-color: #44AF35;
		}
		/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
		.js_headerNav_openBtn.openBtnActive span:nth-of-type(1) {
			top: 21px;
			left: 17px;
			transform: translateY(7px) rotate(-45deg);
			width: 40%;
		}
		.js_headerNav_openBtn.openBtnActive span:nth-of-type(2) {
			opacity: 0;
		}
		.js_headerNav_openBtn.openBtnActive span:nth-of-type(3){
			top: 35px;
			left: 17px;
			transform: translateY(-7px) rotate(45deg);
			width: 40%;
		}
	}
	@media ( max-width : 575px ){
		.js_headerNav_openBtn{
			right:5px;
		}
	}
/*
js_headerNav
*/
@media ( max-width : 1199px ){
	.js_headerNav_wrapper{
		/*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
		position:fixed;
		z-index: -1;
		opacity: 0;/*はじめは透過0*/
	  /*ナビの位置と形状*/
		top:0;
		right:-120%;
		width:80%;
		max-width: 400px;
	  height: 100vh;/*ナビの高さ*/
		background: #ffffff;
	  /*動き*/
		transition: all 0.6s;
	}
	/*アクティブになったエリア*/
	.js_headerNav_wrapper.panelactive{
		opacity: 1;
		z-index:999;
		right:0;
	}

	/*ナビゲーションの縦スクロール*/
	.js_headerNav_wrapper.panelactive .js_headerNav{
		/*ナビの数が増えた場合縦スクロール*/
		display: block;
		position: fixed;
		z-index: 1099;
		width:100%;
		max-width: 400px;
		height: 100vh;
		padding-right: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
}
@media ( max-width : 575px ){
	.js_headerNav_wrapper{
		width:100%;
		max-width: 100%;
	}
	.js_headerNav_wrapper.panelactive .js_headerNav{
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}
/* js_cap
========================================================================== */
.js_cap_inner{
    padding: 10px;
}
/* ==========================================================================
  Element Modules エレメントモジュール
========================================================================== */
/* Heading
========================================================================== */
/*
el_lv1Heading
*/
.el_lv1Heading{
	position: relative;
	margin-bottom: 0.5em;
	color:#ffffff;
	font-size: 2.9rem;
	letter-spacing: 0.1em;
	line-height: 1.4;
	text-align: center;
}
.el_lv1Heading:after{
	position: absolute;
	display: inline-block;
	top:17px;
	padding-left: 1em;
	color:#E50012;
	font-size: 1.3rem;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	letter-spacing: 0em;
}
.el_lv1Heading.el_lv1Heading__cBlue{
	color:#0b308e;
}
.el_lv1Heading.el_lv1Heading__cWhite{
	color:#fff;
}
.el_lv1Heading.el_lv1Heading__topAdvantage{
	height: 50px;
	margin-bottom: 0;
	text-align:left;
}
.el_lv1Heading.el_lv1Heading__topAdvantage:after{
	content: "ADVANTAGE"
}
.el_lv1Heading.el_lv1Heading__topCompany:after{
	content: "COMPANY"
}
.el_lv1Heading.el_lv1Heading__topNews:after{
	content: "NEWS"
}
.el_lv1Heading.el_lv1Heading__topHistory{
	text-align: left;
}
.el_lv1Heading.el_lv1Heading__topHistory:after{
	content: "HISTORY"
}
.el_lv1Heading.el_lv1Heading__service:after{
	content: "SERVICE"
}
.el_lv1Heading.el_lv1Heading__flow:after {
	content: "FLOW";
}
.el_lv1Heading.el_lv1Heading__topSns{
	height: 50px;
	margin-bottom: 0;
	color:#0b308e;
}
.el_lv1Heading.el_lv1Heading__topSns::after{
	/*content:"Follow Us on our SNS!";*/
	content:"SNS"
}
	@media ( max-width : 767px ){
		.el_lv1Heading{
			font-size: 2.3rem;
		}
		.el_lv1Heading:after{
			display: block;
			position: relative;
			top:0;
			padding-left: 0;
		}
		.el_lv1Heading.el_lv1Heading__topSns{
			color:#ffffff;
			height: auto;
			margin-bottom: 0.5em;
		}
	}
	@media ( max-width : 575px ){
		.el_lv1Heading{
			text-align: left;
		}
	}
/* リンク
========================================================================== */
/*
el_txtLink
*/
a.el_txtLink{
	color: inherit;
	text-decoration: underline;
}
a.el_txtLink:hover{
	color:#e50012;
}
/* ==========================================================================
  Block Modules　ブロックモジュール
========================================================================== */
/* bl_headerNav
========================================================================== */
.bl_headerNav_wrapper{
	font-size: 1.4rem;
	line-height: 1.2;
}
.bl_headerNav_logo{
	display: none;
}
.bl_headerNav{
	display: flex;
}
.bl_headerNav > li{
	width: 18.25%;
	border-right: 1px solid #9B9B9B;
}
.bl_headerNav > li:first-child{
	border-left: 1px solid #9B9B9B;
}
.bl_headerNav > li.bl_headerNav_liTel,
a.bl_headerNav_link{
	border-top: 9px solid #0B308E;
	background-color: rgba(255, 255, 255, 0.66);
}
.bl_headerNav > li.bl_headerNav_liTel{
	display: flex;
	width: calc(100% - 73%);
	align-items: center;
	font-size: 1.2rem;
}
.bl_headerNav_liTel_txt{
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}
.bl_headerNav_liTel_number{
	position: relative;
	display: block;
	padding-left: 1.2em;
	color:#0B308E;
	font-size: 2em;
	font-weight: 500;
	font-weight: bold;
}
.bl_headerNav_liTel_number::before{
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content: "\e901";
	font-size: 0.9em;
	font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
a.bl_headerNav_link{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 123px;
	padding-right: 1em;
	padding-left: 1em;
	color:#4C4C4C;
	font-weight: 500;
	font-weight: bold;
	text-align: center;
	transition:.3s;
}
a.bl_headerNav_link:hover{
	border-top-color:#E50012;
	background-color: rgba(94, 94, 94, 0.66);
	color:#ffffff;
}
a.bl_headerNav_link .bl_headerNav_link_sub{
	display: block;
	color:#0B308E;
	font-size: 0.89em;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	text-transform: uppercase;
	transition:.3s;
}
a.bl_headerNav_link:hover .bl_headerNav_link_sub{
	color:#E50012;
}
	@media ( max-width : 1199px ){
		.bl_headerNav_logo{
			display: flex;
			align-items: center;
			width: calc(100% - 55px);
			max-width: 300px;
			height: 75px;
		}
		.bl_headerNav{
			display: block;
		}
		.bl_headerNav > li,
		.bl_headerNav > li:first-child,
		.bl_headerNav > li.bl_headerNav_liTel{
			width: 100%;
			border-left: none;
			border-right: none;
		}
		.bl_headerNav > li.bl_headerNav_liTel,
		a.bl_headerNav_link{
			height: auto;
			border-top-width: 5px;
			background-color: rgba(255, 255, 255, 0.66);
			padding-top: 2em;
			padding-bottom: 2em;
		}
		a.bl_headerNav_link{
			display: block;
		}
		.bl_headerNav_liTel_txt{
			text-align: center;
		}
	}
	@media (min-width: 1200px) {
		a.bl_headerNav_link{
			animation: UpAnime 0.5s forwards;
		}
		a.bl_headerNav_link.js_heightMin{
			height: 70px;
			animation: DownAnime 0.5s forwards;
		}
	}
	@keyframes DownAnime{
	  from {
		height: 123px;
	  }
	  to {
		height: 70px;
	  }
	}
	@keyframes UpAnime{
	  from {
		height: 70px;
	  }
	  to {
		height: 123px;
	  }
	}
/* bl_headerLead
========================================================================== */
.bl_headerLead_wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height:100%;
	max-width: 1090px;/* 1030px + padding */
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	margin-left: auto;
	margin-right: auto;
	color:#000000;
	font-size: 1.3rem;
}
.bl_headerLead{
	width: 100%;
}
.bl_headerLead_english{
	color:#0B308E;
	font-size: 5.4rem;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	text-transform: uppercase !important;
	text-align: center;
}
.bl_headerLead_txt{
	padding-top: 0.5em;
	margin-bottom: 3.5em;
	line-height: 1.75;
	letter-spacing: 0.1em;
	text-align: center;
}
a.bl_headerLead_Link{
	display: table;
	padding: 1.3em 3.5em;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(94, 94, 94, 0.66);
	border:1px solid #ffffff;
	color:#ffffff;
	font-size: 1.8rem;
	line-height: 1.0;
	letter-spacing: 0.1em;
}
a.bl_headerLead_Link:hover{
	background-color: rgba(229, 0, 18, 0.9);
}
	@media ( max-width : 1199px ){
		.bl_headerLead_wrapper{
			height: calc(100% - 75px);
			padding-bottom: 75px;
		}
	}
	@media ( max-width : 767px ){
		.bl_headerLead{
			width: auto;
		}
		.bl_headerLead_english{
			font-size: 4.0rem;
			text-align: left;
		}
		.bl_headerLead_txt{
			text-align: left;
			margin-bottom: 2.5em;
		}
	}
	@media ( max-width : 575px ){
		.bl_headerLead_wrapper{
			padding-left: 15px;
			padding-right: 15px;
		}
	}
/* bl_listCard
========================================================================== */
/*
bl_listCardUnit
*/
.bl_listCardUnit{
	display: flex;
	justify-content: space-between;
}
.bl_listCardUnit > li{
	width: 31%;
}
	@media ( max-width : 575px ){
		.bl_listCardUnit{
			display: block;
		}
		.bl_listCardUnit > li{
			width: 100%;
			max-width: 400px;
			margin-right: auto;
			margin-bottom: 30px;
			margin-left: auto;
		}
		.bl_listCardUnit > li:last-child{
			margin-bottom: 0;
		}
	}
/*
bl_listCard
*/
a.bl_listCard{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	color:inherit;
}
a.bl_listCard .bl_listCard_imgWrapper{
	position: relative;
	width: 100%;
	padding-top: 87.5%;
}
a.bl_listCard .bl_listCard_imgWrapper img{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	transition:.3s;
}
a.bl_listCard .bl_listCard_body{
	padding-top: 18px;
	padding-right: 20px;
	padding-bottom: 22px;
	padding-left: 20px;
	text-align: center;
	transition:.3s;
}
a.bl_listCard .bl_listCard_ttl{
	display: table;
	margin-right: auto;
	margin-bottom: 18px;
	margin-left: auto;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
a.bl_listCard .bl_listCard_ttl_sub{
	display: block;
	color:#0B308E;
	font-size: 1.3rem;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	text-transform: uppercase !important;
	transition:.3s;
}
a.bl_listCard:hover .bl_listCard_imgWrapper img{
	opacity: .7;
}
a.bl_listCard:hover .bl_listCard_body{
	color:#ffffff;
	background-color: rgba(94, 94, 94, 0.66);
}
a.bl_listCard:hover .bl_listCard_ttl_sub{
	color:#E50012;
}
	@media ( max-width : 575px ){
		a.bl_listCard .bl_listCard_imgWrapper{
			padding-top: 58.6%;
		}
	}
/* bl_inlineList
========================================================================== */
.bl_inlineList > li{
	display: inline-block;
}
.bl_inlineList > li:after{
	content: "/";
	padding-left: 0.3em;
}
.bl_inlineList > li:last-child:after{
	content: none;
}
/* bl_footerUnit bl_footerCopy
========================================================================== */
/*
bl_footerUnit
*/
.bl_footerUnit{
	display: flex;
}
.bl_footerUnit_logo{
	order: 1;
	width: 92px;
}
.bl_footerUnit_body{
	order:2;
	align-self: center;
	padding-top: .5em;
	padding-left: 20px;
}
.bl_footerUnit_body h2,
.bl_footerUnit_body p{
	margin-bottom: .2em;
}
.bl_footerUnit_body > *{
	margin-bottom: 0;
}
.bl_footerUnit_buisinessHours{
	padding-left: 1.5em;
}
	@media ( max-width : 575px ){
		.bl_footerUnit{
			flex-direction: column;
		}
		.bl_footerUnit_logo,
		.bl_footerUnit_body{
			width: 100%;
			text-align: center;
		}
		.bl_footerUnit_logo{
			margin-bottom: 1em;
		}
		.bl_footerUnit_logo img{
			width: 98px;
		}
		.bl_footerUnit_body{
			padding-left: 0;
		}
		.bl_footerUnit_buisinessHours{
			padding-left: 0;
			display: block;
		}
	}
/*
bl_footerCopy
*/
.bl_footerCopy{
	padding-top: 40px;
	font-size: 1.3rem;
}
	@media ( max-width : 575px ){
		.bl_footerCopy{
			font-size: 1.2rem;
			text-align: center;
		}
		.bl_footerCopy span{
			display: none;
		}
	}
/* ==========================================================================
  Unique　ユニーク
========================================================================== */
/* トップページ
========================================================================== */
/*
un_topPageList
*/
.un_topPageList{
	margin-top: -91px;
	margin-bottom: calc(177px - 65px);
}
	@media ( max-width : 767px ){
		.un_topPageList{
			margin-top: -41px;
			margin-bottom: calc(97px - 65px);
		}
	}
/*
un_topAdvantage
*/
/* _wrapper */
.un_topAdvantage_wrapper{
	padding-top:calc(65px + 70px);
	margin-top: -70px;
}
@media ( max-width : 767px ){
	.un_topAdvantage_wrapper{
		padding-top:calc(65px);
		margin-top: 0;
	}
}
/* _bg */
.un_topAdvantage_bg{
	background:linear-gradient(180deg,#0B308E 0%,#0B308E 50px,#D6D6D0 50px,#D6D6D0 100%);
}
	@media ( max-width : 767px ){
		.un_topAdvantage_bg{
			background:linear-gradient(180deg,#0B308E 0%,#0B308E 113px,#D6D6D0 113px,#D6D6D0 100%);
		}
	}
/* _topAdvantage_h3Txt */
.un_topAdvantage_h3Txt{
	width: 100%;
	display: flex;
	align-items: center;
	color:#0B308E;
	font-size: 2.0rem;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
}
.un_topAdvantage_h3Txt:before{
	content:"";
	height: 2px;
	margin-right: 2px;
	background-color: #0B308E;
}
.un_topAdvantage_h3Txt.un_topAdvantage_h3Txt__message{
	position: absolute;
	height: 90px;
	top:50px;
	left:0;
	margin-bottom: 0;
}
.un_topAdvantage_h3Txt.un_topAdvantage_h3Txt__message::before{
	width: 6%;
}
.un_topAdvantage_h3Txt.un_topAdvantage_h3Txt__logo{
	margin-bottom: 0.6em;
}
.un_topAdvantage_h3Txt.un_topAdvantage_h3Txt__logo::before{
	width: 11.2%;
}
	@media ( max-width : 767px ){
		.un_topAdvantage_h3Txt{
			font-size: 1.8rem;
			margin-bottom: .8em;
		}
		.un_topAdvantage_h3Txt:before{
			margin-right: 5px;
		}
		.un_topAdvantage_h3Txt.un_topAdvantage_h3Txt__message{
			position: relative;
			top:0;
			height: auto;
			margin-bottom: .5em;
		}
		.un_topAdvantage_h3Txt.un_topAdvantage_h3Txt__logo{
			margin-bottom: .7em;
		}
		.un_topAdvantage_h3Txt.un_topAdvantage_h3Txt__message::before,
		.un_topAdvantage_h3Txt.un_topAdvantage_h3Txt__logo::before{
			width: 23px;
		}
	}
/*_profielPic */
.un_topAdvantage_profielPic_wrapper{
	position: absolute;
	top:0;
	right:0;
	width: calc(100% - 6% - 550px - 47px);
	max-width:551px;
}
.un_topAdvantage_profielPic{
	position: relative;
	width: 100%;
	padding-top: 332px;
}
.un_topAdvantage_profielPic img{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
}
	@media ( max-width : 1199px ){
		.un_topAdvantage_profielPic_wrapper{
			width: calc(100% - 6% - 520px - 30px);
		}
		.un_topAdvantage_profielPic{
			padding-top: 320px;
		}
	}
	@media ( max-width : 991px ){
		.un_topAdvantage_profielPic_wrapper{
			width: calc(100% - 6% - 390px - 30px);
		}
		.un_topAdvantage_profielPic{
			padding-top: 340px;
		}
	}
	@media ( max-width : 767px ){
		.un_topAdvantage_profielPic_wrapper{
			position: relative;
			width: 100%;
			max-width:551px;
			margin-top: 30px;
			margin-left: auto;
			margin-bottom: 30px;
			margin-right: auto;
		}
		.un_topAdvantage_profielPic{
			position: relative;
			width: 100%;
			padding-top: 61.97%;
		}
	}
/* _message */
.un_topAdvantage_message{
	margin-bottom: 60px;
}
.un_topAdvantage_message_header{
	position: relative;
	width: 550px;
	padding-top: calc(190px + 90px);
	margin-bottom: 50px;
	color:#000000;
	font-size: 2.7rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
}
.un_topAdvantage_message_header_inner{
	position: absolute;
	top:90px;
	left:0;
	right:0;
	bottom:0;
}
.un_topAdvantage_message_header p.un_topAdvantage_message_header_name{
	padding-top: .5em;
	font-size: 0.96em;
	letter-spacing: .4em;
	text-align: right;
}
.un_topAdvantage_message_header p.un_topAdvantage_message_header_name span{
	font-size: .5em;
	letter-spacing: .2em;
}
.un_topAdvantage_message_body p{
	margin-bottom: 1.5em;
	line-height: 2.0;
}
.un_topAdvantage_message_body > *:last-child{
	margin-bottom: 0;
}
	@media ( max-width : 1199px ){
		.un_topAdvantage_message_header{
			width: 520px;
			padding-top: calc(180px + 90px);
			margin-bottom: 50px;
			font-size: 2.7rem;
		}
	}
	@media ( max-width : 991px ){
		.un_topAdvantage_message_header{
			width: 390px;
			padding-top: calc(200px + 90px);
			margin-bottom: 50px;
			font-size: 2.4rem;
		}
	}
	@media ( max-width : 767px ){
		.un_topAdvantage_message_header{
			position: relative;
			width: 100%;
			max-width: 551px;
			padding-top:0;
			margin-right: auto;
			margin-bottom: 40px;
			margin-left: auto;
			font-size: 2.3rem;
		}
		.un_topAdvantage_message_header_inner{
			position: relative;
			top:0;
		}
	}
	@media ( max-width : 575px ){
		.un_topAdvantage_message_header{
			font-size: 2.1rem;
		}
	}
/* _logo */
.un_topAdbantage_logo{
	position: relative;
	padding-bottom: 100px;
}
.un_topAdbantage_logo_body{
	width: 56.31%;
	max-width: 580px;
	margin-left: auto;
	margin-right: 0;
}
.un_topAdbantage_logo_pic{
	position: absolute;
	width: 39%;
	max-width: 402px;
	top:0;
	left:0;
}
.un_topAdbantage_logo_lead{
	margin-left: 12%;
	margin-bottom: 1em;
	color:#000000;
	font-size: 1.1em;
	font-family: "Noto Sans Japanese" !important;
	font-weight:700 !important;
}
.un_topAdbantage_logo_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 11.2%;
}
.un_topAdbantage_logo_list dt,
.un_topAdbantage_logo_list dd{
	line-height: 2.0;
	margin-bottom: 0.5em;
}
.un_topAdbantage_logo_list dt{
	width: 8em;
}
.un_topAdbantage_logo_list dd{
	width: calc(100% - 9em);
}
	@media ( max-width : 767px ){
		.un_topAdbantage_logo{
			padding-bottom: 80px;
		}
		.un_topAdbantage_logo_pic{
			position: relative;
			width: 100%;
			margin-right: auto;
			margin-bottom: 20px;
			margin-left: auto;
		}
		.un_topAdbantage_logo_lead{
			display: table;
			max-width: 402px;
			margin-right: auto;
			margin-left: auto;
		}
		.un_topAdbantage_logo_body{
			width: 100%;
			margin-left: auto;
			margin-right: auto;
		}
		.un_topAdbantage_logo_list{
			margin-left: 0;
		}
	}
/* _bg2 */
.un_topAdvantage_bg2{
	padding-bottom: 40px;
	background-color: #d6d6d0;
	background-image: url(../img/index/advantage_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top 40px;
}
	@media ( max-width : 767px ){
		.un_topAdvantage_bg2{
			padding-top: 34px;
			padding-bottom: 34px;
			background-position: center center;
			border-top:1px solid #ffffff;
		}
	}
/* _card */
.un_topAdvantage_card_wrapper{
	position: relative;
	padding-bottom: 85px;
	margin-left: 6%;
}
.un_topAdvantage_card_wrapper.un_topAdvantage_card_wrapper__re{
	margin-left: 0;
	margin-right: 6%;
}
.un_topAdvantage_card_ttl,
.un_topAdvantage_card_ttl_bg{
	position: absolute;
	width: 100%;
	height: 5.01em;
	top:57px;
	right:0;
	font-size: 5.5rem;
}
.un_topAdvantage_card_ttl{
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 6%;
	color:#ffffff;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	text-align: right;
	line-height: 1.2;
}
.un_topAdvantage_card_wrapper.un_topAdvantage_card_wrapper__re > .un_topAdvantage_card_ttl{
	justify-content: flex-start;
	padding-right: 0%;
	padding-left: 6%;
	text-align: left;
}
.un_topAdvantage_card_ttl_bg{
	z-index: 1;
	background-color: rgba(0, 0, 0, 1);
}
.un_topAdvantage_card{
	position: relative;
	z-index: 2;
	width: 72.72%;
	max-width: 800px;
	background-color: #ffffff;
}
.un_topAdvantage_card_wrapper.un_topAdvantage_card_wrapper__re > .un_topAdvantage_card{
	margin-left: auto;
	margin-right: 0;
}
.un_topAdvantage_card_imgWrapper{
	position: relative;
	background-color: #000000;
	width: 100%;
	/*padding-top: 35.12%;*/
	padding-top: 280px;
}
.un_topAdvantage_card_imgWrapper img{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.un_topAdvantage_card_imgWrapper.un_topAdvantage_card_imgWrapper__img1 img{
	opacity: .8;
}
.un_topAdvantage_card_imgWrapper.un_topAdvantage_card_imgWrapper__img2 img{
	opacity: 1;
}
.un_topAdvantage_card_body{
	padding: 30px 5% 35px 5%;
}
.un_topAdvantage_card_list dt{
	position: relative;
	padding-left: 5.9em;
	margin-bottom: .3em;
	color:#0b308e;
	font-size: 1.42em;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	letter-spacing: .05em
}
.un_topAdvantage_card_list dt::before{
	content: "ADVANTAGE";
	position: absolute;
	bottom:2px;
	left:0;
	color:#e50012;
	font-size: 1.3rem;
	letter-spacing: 0;
}
.un_topAdvantage_card_list_number{
	position: absolute;
	top:50%;
	transform: translateY(-52%);
	left:3em;
	color:#e50012;
	font-size: 1.45em;
	letter-spacing: 0;
}
.un_topAdvantage_card_list dd{
	margin-bottom: 1.5em;
}
.un_topAdvantage_card_list dd:last-child{
	margin-bottom: 0;
}
	@media ( max-width : 767px ){
		.un_topAdvantage_card_wrapper{
			padding-bottom: 0;
			margin-left: 0;
		}
		.un_topAdvantage_card_wrapper.un_topAdvantage_card_wrapper__re{
			margin-right: 0;
		}
		.un_topAdvantage_card{
			width: 100%;
		}
		.un_topAdvantage_card_ttl{
			display: block;
			position: absolute;
			width: 100%;
			height: auto;
			top:0;
			left:0;
			padding-top: 10%;
			padding-right: 21px;
			padding-left: 21px;
			font-size: 3.1rem;
			text-align: left;
			line-height: 1.3;
		}
		.un_topAdvantage_card_ttl_bg{
			display: none;
		}
		.un_topAdvantage_card_imgWrapper{
			padding-top: 50%;
		}
	}
	@media ( max-width : 575px ){
		.un_topAdvantage_card_imgWrapper{
			padding-top: 62.79%;
		}
	}
/*
un_topItem
*/
.un_topItem{
	display: table;
	max-width: 1140px;
	margin-right: auto;
	margin-left: auto;
}
.un_topItem_list{
	display: flex;
	flex-wrap: wrap;
}
.un_topItem_list > li{
	width: 210px;
	margin: 9px;
	background-color: #ffffff;
}
.un_topItem_list_body{
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0 0.2em;
	height: 3.44em;
	color: #0b308e;
	font-size: 1.8rem;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	text-align: center;
	line-height: 1.3;
}
.un_topItem_list_body_fsSm{
	font-size: 1.3rem;
}
	@media ( max-width : 1199px ){
		.un_topItem{
			max-width: 912px;
		}
	}
	@media ( max-width : 971px ){
		.un_topItem{
			max-width: 684px;
		}
	}
	@media ( max-width : 767px ){
		.un_topItem{
			max-width: 456px;
		}
		.un_topItem_list > li{
			width: calc(50% - 18px);
			max-width: 210px;
		}
	}
	@media ( max-width : 575px ){
		.un_topItem_list_body{
			font-size: 1.5rem;
		}
	}
/*
un_topCompan
*/
@media ( max-width : 575px ){
	.un_topCompany{
		padding-bottom: 0!important;
	}
}
/*_about*/
.un_topCompany_about{
	width: 100%;
	max-width: 800px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	border-left:10px solid #0b308e;
	background-color: #ffffff;
	font-size: 1.7rem;
}
.un_topCompany_about dl{
	display: flex;
	flex-wrap: wrap;
}
.un_topCompany_about dl dt,
.un_topCompany_about dl dd{
	padding: 2.2em;
	border-bottom: 1px solid #d6d6d6;
}
.un_topCompany_about dl dt:last-of-type,
.un_topCompany_about dl dd:last-of-type{
	border-bottom: none;
}
.un_topCompany_about dl dt{
	width: 10.58em;
}
.un_topCompany_about dl dd{
	width: calc(100% - 180px);
}

	@media ( max-width : 767px ){
		.un_topCompany_about{
			font-size: 1.5rem;
		}
	}
	@media ( max-width : 575px ){
		.un_topCompany_about_wrapper{
			margin-right: calc(50% - 50vw);
			margin-left: calc(50% - 50vw);
		}
		.un_topCompany_about{
			border-left-width: 30px;
			font-size: 1.4rem;
		}
		.un_topCompany_about dl dt,
		.un_topCompany_about dl dd{
			width: 100%;
			padding: 1.5em;
		}
		.un_topCompany_about dl dt{
			padding-bottom: 0;
			border-bottom: 0;
		}
		.un_topCompany_about dl dd{
			padding-top: 0.5em;
		}
	}
/*_gMap*/
.un_topCompany_gMap{
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 800px;
	padding-top: 42.625%;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.un_topCompany_gMap iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
	@media ( max-width : 991px ){
		.un_topCompany_gMap{
			padding-top: 58%;
		}
	}
	@media ( max-width : 575px ){
		.un_topCompany_gMap_wrapper{
			margin-right: calc(50% - 50vw);
			margin-left: calc(50% - 50vw);
		}
		.un_topCompany_gMap{
			padding-top: 79.302%;
		}
	}
/*_history*/
.un_topCompany_history{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1170px;
	padding: 40px 6%;
	background-color: #fff;
}
.un_topCompany_history_body{
	order:2;
	width: 47%;
}
.un_topCompany_history_body dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.un_topCompany_history_body dl dt,
.un_topCompany_history_body dl dd{
	margin-bottom: 0.5em;
}
.un_topCompany_history_body dl dt:last-of-type,
.un_topCompany_history_body dl dd:last-of-type{
	margin-bottom: 0;
}
.un_topCompany_history_body dl dt{
	width: 6em;
}
.un_topCompany_history_body dl dd{
	width: calc(100% - 7em);
}
.un_topCompany_history_logo{
	order:1;
	width: 47%;
	padding-top:.5em;
	padding-bottom: .5em;
	text-align: center;
}
.un_topCompany_history_logo img{
	width: 59.81%;
	max-width: 256px;
}
	@media ( max-width : 991px ){
		.un_topCompany_history{
			display: flex;
			justify-content: space-between;
			width: 100%;
			max-width: 1170px;
			background-color: #fff;
		}
		.un_topCompany_history_body{
			width: 60%;
		}
		.un_topCompany_history_logo{
			width: 35%;
		}
		.un_topCompany_history_logo img{
			width: 86%;
		}
	}
	@media ( max-width : 767px ){
		.un_topCompany_history{
			flex-direction: column;
		}
		.un_topCompany_history_body,
		.un_topCompany_history_logo{
			width: 100%;
		}
		.un_topCompany_history_logo{
			padding-top: 10px;
			margin-bottom: 30px;
		}
		.un_topCompany_history_logo img{
			width: 187px;
		}
	}
	@media ( max-width : 575px ){
		.un_topCompany_history_wrapper{
			margin-right: calc(50% - 50vw);
			margin-left: calc(50% - 50vw);
		}
		.un_topCompany_history{
			padding: 50px 30px 65px 30px;
		}
		.un_topCompany_history_body,
		.un_topCompany_history_logo{
			width: 100%;
		}
		.un_topCompany_history_logo{
			padding-top: 10px;
			margin-bottom: 30px;
		}
		.un_topCompany_history_logo img{
			width: 187px;
		}
	}
/*
un_topSns
*/
.un_topSns_wrapper{
	background:linear-gradient(180deg,#d6d6d0 0%,#d6d6d0 50px,#0b308e 50px,#0b308e 100%);
}
.un_topSns{
	display: flex;
	justify-content: space-between;
	padding-top: 65px;
	padding-bottom: 130px;
}
.un_topSns_tiwtterWrapper{
	width: 67%;
}
.un_topSns_lineWrapper{
	width: 27%;
}
	@media ( max-width : 991px ){
		.un_topSns_tiwtterWrapper{
			width: 60%;
		}
		.un_topSns_lineWrapper{
			width: 34%;
		}
	}
	@media ( max-width : 767px ){
		.un_topSns_wrapper{
			background:#0b308e;
			padding-top: 65px;
			padding-bottom: 65px;
		}
		.un_topSns{
			display: block;
			padding-top: 0;
			padding-bottom: 0;
		}
		.un_topSns_tiwtterWrapper,
		.un_topSns_lineWrapper{
			width: 100%;
			max-width: 500px;
			margin-right: auto;
			margin-left: auto;
		}
		.un_topSns_tiwtterWrapper{
			margin-bottom: 30px;
		}
	}
/*_twitter*/
.un_topSns_twitter{
	background-color: #fff;
	border-radius: 5px;
	padding-top: 28px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.un_topSns_twitterBtn{
	display: table;
	margin-right:auto;
	margin-left: auto;
	padding-top: 1em;
}
/*_line*/
.un_topSns_line{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-radius: 5px;
	background-color: #06c755;
}
.un_topSns_line_inner{
	padding: 20px 15px 15px 15px;
	background-color: #ffffff;
	border-radius: 3px;
}
.un_topSns_line h3{
	position: relative;
	padding-top: 60px;
	margin-bottom: 15px;
	color:#06c755;
	font-size: 1.2em;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	line-height: 1.0;
	text-align: center;
}
.un_topSns_line h3::before{
	position: absolute;
	content: "";
	top:0;
	left:50%;
	transform: translateX(-50%);
	display: block;
	width: 42px;
	height: 40px;
	background-image: url(../img/common/LINE_Brand_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.un_topSns_line_body p{
	text-align: center;
}
a.un_topSns_line_link{
	display: block;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 3px;
	color:#06c755;
	font-size: 1.2em;
	font-family: "Noto Sans Japanese" !important;
	font-weight:900 !important;
	text-align: center;
}
a.un_topSns_line_link img{
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 180px;
}
a.un_topSns_line_link:hover{
	opacity: .5;
}
	@media ( max-width : 767px ){
		.un_topSns_line_inner{
			padding: 10px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.un_topSns_line_body{
			width: 50%;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 10px;
		}
		.un_topSns_line_body p{
			text-align: center;
		}
		.un_topSns_line_qr{
			width: 50%;
		}
	}
	@media ( max-width : 413px ){
		.un_topSns_line_inner{
			flex-direction: column;
		}
		.un_topSns_line_body,
		.un_topSns_line_qr{
			width: 100%;
		}
		.un_topSns_line_body{
			padding-bottom: 0;
		}
	}
/* ==========================================================================
  Helpers　ヘルパー
========================================================================== */
/* 文字色
========================================================================== */
.hp_cRed{
	color:#E50012;
}
/* 背景色
========================================================================== */
.hp_bgGray{
	background-color: #d6d6d0;
}
/* display
========================================================================== */
.hp_dn { display: none !important; }
.hp_db { display: block !important; }
.hp_di { display: inline !important; }
.hp_dib { display: inline-block !important; }
.hp_dtb { display: table !important; }
.hp_ditb { display: inline-table !important; }
.hp_dtbc { display: table-cell !important; }
.hp_dtbr { display: table-row !important; }
/* width
========================================================================== */
.hp_wd100p { width: 100% !important; }
/* padding
========================================================================== */
.hp_p0 { padding: 0 !important; }

/*
padding-top
*/
.hp_pt0 { padding-top: 0 !important; }

/*
padding-right
*/
.hp_pr0 { padding-right: 0 !important;}

/*
padding-bottom
*/
.hp_pb0 { padding-bottom: 0 !important; }

/*
padding-left
*/
.hp_pl0 { padding-left: 0 !important; }

/* margin
========================================================================== */
.hp_m0 { margin: 0 !important; }
.hp_centering {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
/*
margin-top
*/
.hp_MT5 { margin-top: -5px !important; }
.hp_mt0 { margin-top: 0 !important; }
/*
margin-right
*/
.hp_MR5 { margin-right: -5px !important; }
.hp_mr0 { margin-right: 0 !important; }
/*
margin-left
*/
.hp_ML5 { margin-left: -5px !important; }
.hp_ml0 { margin-left: 0 !important; }
/*
space
*/
.hp_lgSpace { margin-bottom: 100px !important; }
.hp_mdSpace { margin-bottom: 60px !important; }
.hp_smSpace { margin-bottom: 30px !important; }
@media screen and (max-width: 767px) {
  .hp_lgSpace { margin-bottom: 80px !important; }
	.hp_mdSpace { margin-bottom: 40px !important; }
	.hp_smSpace { margin-bottom: 20px !important; }
}

/* font
========================================================================== */
.hp_fwb {
  font-weight: bold !important;
}
.hp_note{
	padding-left:1em !important;
	text-indent:-1em !important;
}
.hp_LS_05{
	letter-spacing: -0.5em;
}
.hp_fontEnglishUpper {text-transform: uppercase !important;}

/* text-align
========================================================================== */
.hp_tal { text-align: left !important; }
.hp_tac { text-align: center !important; }
.hp_tar { text-align: right !important; }
.hp_taj { text-align: justify !important; }

/* vertical-align
========================================================================== */
.hp_vam { vertical-align: middle !important; }

/* 表示
========================================================================== */
/*
PCのみ（992px以上表示）
*/
@media screen and (max-width: 991px) {
  .lg_only { display: none !important; }
}
/*
タブレットとPC（768px以上表示）
*/
@media screen and (max-width: 767px) {
  .mdLg_only { display: none !important; }
}
/*
タブレットとスマフォ（991以下表示）
*/
.smMd_only { display: none !important; }
@media screen and (max-width: 991px) {
  .smMd_only { display: block !important; }
}
/*
スマフォのみ
*/
.sm_only { display: none !important; }

@media screen and (max-width: 767px) {
  .sm_only { display: block !important; }
}
/*
575px以下のみ
*/
.xs_only { display: none !important; }
@media screen and (max-width: 575px) {
  .xs_only { display: block !important; }
}


/* News
========================================================================== */
.hp_bgWhite{
	background-color: #fff;
}
.un_topNews{
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 800px;
	padding-top: 42.625%;
	margin-right: auto;
	padding-bottom: 50px;
	margin-left: auto;
}
.el_lv1Heading__topNews {
	padding-bottom: 2rem;
}
.topNews_about_wrapper {
	font-size: 1.7rem;
}
.topNews_about_wrapper li {
	padding: 1.5rem 0;
	border-bottom: 1px dashed #0b308e;
}
.topNews_about_wrapper li a {
	color: #0b308e;
}
.topNews_about_wrapper li a:hover {
	text-decoration: underline;
}
.postframe {
	font-size: 1.7rem;
	line-height: 1.8;
}
.postframe .photo {
	display: flex;
}
.postframe .photo p {
	padding: 0.5em;
}

/*service*/
.ly_header_wrapper.ly-header2 {
	background-image: url(../img/service/header_service.jpg);
	padding-top: 30%;
}
@media screen and (max-width: 1442px) {
	.ly_header_wrapper.ly-header2 {
		padding-top: 36%;
	}
}
.ly-header2 .ly_header {
	background-color: transparent;
}
.un_service_wrapper {
	padding-top: 70px;
	padding-bottom: 70px;
}
.bl_headerLead_wrapper.service_headwrapper {
	padding-top: 10%;
}
.el_lv1Heading.el_lv1Heading__service {
	text-align: left;
}
.service_wrapper p {
	font-size: 1.8rem;
	margin: 3.5em 0;
	color: #fff;
}
.service_wrapper__img ul {
	display: flex;
	flex-wrap: wrap;
}
.service_wrapper__img ul li {
	position: relative;
	width: 50%;
}
.service_wrapper__img ul li div {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(000,000,000,0.5);
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.7;
	letter-spacing: 0.16em;
	padding: 1em 1.5em 2.5em;
	width: 100%;
	height: 120px;
}
.service_wrapper__img ul li div span {
	font-size: 2.5rem;
	letter-spacing: 0.29em;
	display: block;
}
@media screen and (max-width: 1228px) {
	#service .ly_cont_innerWidthMd {
		width: 90%;
	}
}
@media screen and (max-width: 991px) {
	.service_wrapper__img ul li {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.un_service_wrapper {
		padding: 40px 0 0;
	}
	.ly_header_wrapper.ly-header2 {
		height: 26vh;
	}
	.ly-header2 .bl_headerLead_wrapper {
		display: block;
	}
	#service .ly_cont_wrapper {
		padding: 0;
	}
	#service .ly_cont_innerWidthMd {
		width: 100%;
	}
	.el_lv1Heading.el_lv1Heading__service,
	.service_wrapper p {
		width: 90%;
		margin: 0 auto 1em;
	}
	.service_wrapper p {
		margin-bottom: 2em;
		font-size: 1.4rem;
	}
	.service_wrapper__img ul li div {
		font-size: 1.2rem;
	}
	.service_wrapper__img ul li div span {
		text-align: center;
		font-size: 2rem;
	}
}
@media ( max-width : 380px ){
	.ly_header_wrapper.ly-header2 .bl_headerLead {
		margin-top: -3vh;
	}
}
/*facility*/
#facility {
	background-color: #d6d6d0;
	margin-top: 0;
	padding-top: 55px;
	padding-bottom: 70px;
}
#facility .ly_cont {
	border-bottom: 1px solid #0b3087;
	padding: 0 45px 55px;
}
.el_lv1Heading.facility_title {
	color: #0b3087;
	text-align: left;
	margin: 0 0 1.5em -2em;
	letter-spacing: 0.29em;
}
.el_lv1Heading.facility_title:after {
  border-top: 1px solid #0b3087;
  content: "";
  width: 97%; 
  margin-left: 10px; 
}
.toggle_frame {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.toggle_contents {
	background-color: #fff;
	padding: 1.2em 1em 1em;
	width: 250px;
	height: auto;
	margin: 0 26px 22px 0;
}
.toggle_contents:nth-child(4n) {
	margin-right: 0;
}
.toggle_title {
	position: relative;
	cursor: pointer;
	font-size: 2rem;
	text-align: center;
	line-height: 1.4;
}
.toggle_contents .sub_title {
	display: block;
	color: #0b3087;
	font-weight: bold;
	text-align: center;
	margin: 5px 0 10px;
}
.toggle_contents1 .content_area {
	display: block;
}
.toggle_contents .content_area p {
	padding: 0 0.44em;
}
.toggle_btn {
	display: none;
}
@media screen and (max-width: 1227px) {
	.toggle_contents {
		width: 23.5%;
		margin: 0 2% 22px 0;
	}
	.toggle_contents:nth-child(4n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	#facility .ly_cont {
		border: 0;
		padding: 0;
	}
	#facility .ly_cont_wrapper {
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}
	.el_lv1Heading.facility_title {
		text-align: center;
		margin: 0 auto 1.5em;
	}
	.el_lv1Heading.facility_title:after {
		border: 0;
	}
	.toggle_btn {
		position: absolute;
		top: 50%;
		left: -5px;
		transform: translateY(-50%);
		display: block;
		width: 24px;
		height: 24px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		border-radius: 50%;
	}
	.toggle_btn:before, .toggle_btn:after {
		display: block;
		content: '';
		background-color: #4c4c4c;
		position: absolute;
		width: 13px;
		height: 2px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.toggle_btn:before {
		width: 2px;
		height: 13px;
	}
	.toggle_title.selected .toggle_btn:before {
		content: normal;
	}
	.toggle_contents {
		width: 100%;
		margin: 0 0 3px;
	}
	.toggle_contents .content_area {
		display: none;
	}
	.toggle_contents1 .content_area {
		display: block;
	}
}

/*flow*/
.un_flow_wrapper {
	padding-top: 70px;
	padding-bottom: 70px;
}
.el_lv1Heading.el_lv1Heading__flow {
	text-align: left;
}
.flow_area {
	width: 1024px;
	margin: 3rem auto 0;
}
.flow_left {
	background-color: #de0012;
	color: #fff;
	width: 180px;
	float: left;
	margin-top: 69px;
}
.flow_left li {
	border-bottom: 1px solid #f54f64;
	font-size: 1.9rem;
	text-align: center;
	padding: 1.5em 1em;
	position: relative;
	letter-spacing: 0.19em;
}
.flow_left li:last-child {
	padding-bottom: 0.8em;
	border: 0;
	letter-spacing: unset;
}
.flow_left li:last-child br {
	display: none;
}
.flow_left li:last-child::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -35px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 90px 0 90px;
	border-color: #de0013 transparent transparent transparent;
}
.flow_right {
	width: 830px;
	float: right;
}
.flow_right table {
	width: 100%;
}
.flow_right table th,
.flow_right table td {
	text-align: center;
	font-size: 1.9rem;
	vertical-align: middle;
}
.flow_right table th {
	background-color: #cfcfc9;
	padding: 1em 0;
}
.flow_right table th:last-child {
	border-left: 1px solid #fff;
}
.flow_right table td {
	border-bottom: 1px solid #cfcfc9;
	border-right: 1px solid #cfcfc9;
	background-color: #fff;
	padding: 1.5em 0;
	letter-spacing: 0.12em;
}
.flow_right table tr:nth-child(5) td:last-child {
	padding: 0.3em 0;
  line-height: 1.2;
}
.flow_right table tr:last-child td {
	border-bottom: none;
	padding: 2.1em 0;
}
.flow_right table tr td:last-child {
	border-right: none;
}
@media screen and (max-width: 1228px) {
	#flow .ly_cont_innerWidthMd {
		width: 90%;
	}
	.flow_area {
		width: 100%;
	}
	.flow_left {
		width: 160px;
	}
	.flow_left li:last-child::after {
		border-width: 35px 80px 0 80px;
	}
	.flow_right {
		width: 82%;
	}
}
@media screen and (max-width: 1115px) {
	.flow_right {
		width: 80%;
	}
}
@media screen and (max-width: 998px) {
	.flow_right {
		width: 76%;
	}
}
@media screen and (max-width: 800px) {
	.flow_right {
		width: 73%;
	}
}
@media screen and (max-width: 767px) {
	#flow .ly_cont_wrapper {
		padding: 0;
	}
	.flow_area {
		width: 100%;
	}
	.flow_area table {
		width: 100%;
	}
	.flow_list th {
		width: 86px;
		background-color: #de0012;
		color: #fff;
		margin: 0;
		font-size: 1.3rem;
		padding: 2.6em 0.5em;
		letter-spacing: 0.19em;
		border-bottom: 1px solid #fff;
		border-right: 3px solid #0B308E;
		vertical-align: middle;
		position: relative;
	}
	.flow_list tr:last-child th {
		border-bottom: none;
	}
	.flow_list tr:last-child th::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -29px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 43px 0 43px;
		border-color: #de0013 transparent transparent transparent;
	}
	.flow_list td {
		background-color: #fff;
		border-bottom: 1px solid #cfcfc9;
		vertical-align: middle;
		padding: 2.6em 1em 2.6em 0;
	}
	.flow_list table tr td.department {
		background: #fff;
		border-bottom: 1px solid #cfcfc9;
		color: #0b3087;
		font-weight: bold;
		width: 78px;
		line-height: 1.9;
		padding: 2.6em 1em;
	}
	.flow_list table td span {
		display: block;
		margin-top: 4px;
	}
	.flow_list table tr:nth-child(1) td.department {
		padding-top: 1.4em;
	}
	.flow_list table tr:nth-child(4) td.department {
		padding-top: 2.5em;
		vertical-align: top;
	}
}

/*contact*/
.un_contact_bg {
	background-color: #d1d1cb;
	padding-top: 46px;
}
.un_contact_bg .ly_cont_wrapper {
	padding-bottom: 66px;
}
#contact .bl_headerLead_english {
	float: left;
	font-size: 3.8rem;
}
#contact .bl_headerLead_txt {
	font-size: 1.8rem;
	float: left;
	color: #000;
	font-weight: bold;
	margin: 7px 10px 0 20px;
}
.contact_box {
	float: right;
	/* width: 412px; */
	height: 117px;
	background-color: #c1c1b8;
	padding: 10px 30px;
	text-align: right;
	margin-top: 20px;
}
.contact_text {
	font-size: 1.6rem;
	font-weight: bold;
	color: #000;
}
.contact_tel {
	font-size: 3.9rem;
	color: #0b3089;
	position: relative;
}
.contact_tel::before {
	content: "";
	background-image: url(../img/service/tel.png);
	background-size: contain;
	position: absolute;
	top: 13px;
	left: 65px;
	width: 36px;
	height: 36px;
}
.contact_tel span {
	font-size: 1.4rem;
	color: #4c4c4c;
	display: block;
	margin-top: -13px;
}
.un_contactUnder_bg {
	padding: 0 0 70px;
}
.un_contactUnder_bg .ly_cont_wrapper {
	max-width: 1100px;
}
.un_contactUnder_bg .bl_listCardUnit {
	margin-top: -25px;
}
@media (max-width: 575px) {
	.un_contact_bg {
		padding-top: 25px;
	}
	.un_contact_bg .ly_cont_wrapper {
		padding-bottom: 50px;
	}
	#contact .bl_headerLead_english {
		float: none;
		text-align: center;
		font-size: 2.6rem;
	}
	#contact .bl_headerLead_txt {
		float: none;
		text-align: center;
		margin: -10px 0 0;
		font-size: 1.6rem;
	}
	.contact_box {
		float: none;
		width: auto;
		height: auto;
		padding: 10px;
	}
	.contact_text {
		text-align: center;
		font-size: 1.3rem;
	}
	.contact_tel {
		font-size: 3.5rem;
		text-align: center;
		padding-left: 22px;
		margin-top:  -5px;
	}
	.contact_tel::before {
		width: 30px;
		height: 30px;
		top: 15px;
		left: 16px;
	}
	.contact_tel span {
		text-align: right;
		padding-right: 28px;
	}
	.un_contactUnder_bg {
		padding: 0 0 40px;
	}
}