<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　chukai
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-lower-ttl::after{
  background-image:url(../image/bg_page_ttl_pc.jpg);  
}
.page-lower-ttl h1 {
  max-width: 570px;
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* intro
-----------------------------------------------------------------*/
.intro{
  padding: 70px 0 235px; 
}
.intro .logo{
	margin-bottom: 60px;
	text-align: center;
}
.intro .txt-area{
	max-width: 720px;
	width: 60%;
}
.intro .txt-area h2{
	margin-bottom: 30px;
}
.intro .txt-area .btn-ico-base{
	margin-top: 40px;
	max-width: 400px;
}
.intro .graph{
	max-width: 390px;
	width: 32.5%;
}

/* advantage
-----------------------------------------------------------------*/
.advantage{
  position: relative;
  padding:110px 0 90px  
}
.advantage .cont-intro-base+.cont-intro-base{
	margin-top: 130px;
}

.advantage .cont-intro-base .txt-area,
.advantage .cont-intro-base._rev .txt-area{
	position: relative;
	padding-top: 115px;
}
.advantage .cont-intro-base h3 .en{
	margin-bottom: 15px;
}
.advantage .cont-intro-base h3{
	transform: translateY(-1.5em);
	line-height: 1.3;
	font-size: 4rem;
}
.advantage .cont-intro-base .txt-area .num.pc{
	position: absolute;
	top: 2px;
	right: 26%;
	transform: translateY(-100%);
}
.advantage .cont-intro-base._rev .txt-area .num.pc{
	right: 0;
}
.advantage .cont-intro-base h3 .num{
	display: none;
}
.advantage .cont-intro-base .txt img{
	float: right;
	margin-left: 15px;
}

.advantage .cont-intro-base.cont05 h3 .ja span{
	display: inline-block;
	text-indent:-0.5em;
	letter-spacing:0;
}

.sec-btm-bnr{
	margin-top: 90px;
}
.sec-btm-bnr a{
	background: #F9BA00;
	color: #003C85;
}
.sec-btm-bnr a[target="_blank"] .ttl .ja{
	background-image:url(../../../../common/image/ico_blank_navy.png);
}












/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {


.page-lower-ttl::after{
  background-image:url(../image/bg_page_ttl_sp.jpg);  
}
.page-lower-ttl h1 {
  max-width: 205px;
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* intro
-----------------------------------------------------------------*/
	.intro{
		padding: 45px 0 90px; 
	}
	.intro .logo{
		width: 125px;
		margin: 0 auto 25px;
	}
	.intro .layout-box{
		display: block;
	}
	.intro .txt-area{
		max-width: none;
		width: 100%;
	}
	.intro .txt-area h2{
		margin-bottom: 25px;
		text-align: center;
	}
	.intro .txt-area .graph{
		width: 66vw;
		margin: 0 auto 25px;
	}
	.intro .txt-area .btn-ico-base{
		margin: 25px auto 0;
		max-width: 260px;
	}

/* advantage
-----------------------------------------------------------------*/
	.advantage{
		padding:55px 0 40px  
	}
	.advantage .cont-intro-base+.cont-intro-base{
		margin-top: 30px;
	}
	
	.advantage .cont-intro-base h3 .en{
		margin-bottom: 10px;
	}
	.advantage .cont-intro-base h3{
		position: relative;
		transform: none;
		font-size: 2rem;
	}
	.advantage .cont-intro-base .txt-area .num.pc{
		display: none;
	}
	.advantage .cont-intro-base h3 .num{
		display: block;
		right: 0;
		top: 0;
		position: absolute;
	}
	#Page .advantage .cont-intro-base h3 .num img{
		width: auto;
		height: 45px;
	}
	.advantage .cont-intro-base h3 .ja{
		position: relative;
		z-index: 5;
	}
	#Page .advantage .cont-intro-base .txt img{
		width: 85px;
		margin: 0 0 50px 5px;
	}
	
	
	.sec-btm-bnr{
		margin-top: 40px;
	}
	.sec-btm-bnr .ttl .ja{
		font-size: 1.6rem;
	}


}</pre></body></html>