<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*=============================================================
 contents Layout
=============================================================*/
/* .boxInformation
-------------------------------------------------------------*/
.boxSection{
	padding: 0 20px;
}
.line{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
/* .boxMain
-------------------------------------------------------------*/
.boxMain{
	width: 100%;
	max-width: 1000px;
	height: 369px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 27px 0 0;
	background: url("../../shared/img/bg_plus.png") repeat top center;
	background-size: 18px 18px;
	position: relative;
}
.boxMain:after{
	content: "";
	width: 100%;
	height: 60px;
	background: url("../img/bar.png") no-repeat 0 0;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.boxMain .boxPhoto{
	width: 50%;
	position: relative;
	z-index: 3;
}
.boxMain .boxPhoto .box{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.boxMain .boxTxt{
	width: 50%;
	position: relative;
	z-index: 3;
	order: 1;
}
.boxMain .boxTxtInner{
	padding: 30px;
	background-color: #fff;
	text-align: left;
}
.boxMain .boxTxtInner p.catch{
	font-size: 32px;
}
.boxMain .boxTxtInner p+p{
	padding: 10px 0 0;
}
/* .boxMessage
-------------------------------------------------------------*/
.boxMessage{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.boxMessage p{
	margin: 40px 0 0;
}
.boxMessage p strong{
	color: #005aab;
}
/* .boxMessage
-------------------------------------------------------------*/
.boxFaq{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.boxFaq dt{
	width: 100%;
	display: flex;
	align-items: flex-end;
	padding: 50px 0 5px;
	font-size: 21px;
	border-bottom: 1px dotted #808080;
}
.boxFaq dt:first-child{
	padding: 0 0 5px;
}
.boxFaq dt span{
	padding: 0 0 10px 0.5em;
}
.boxFaq dt span:first-child{
	font-size: 40px;
	padding: 0;
	color: #005aab;
}
.boxFaq dt strong{
	color: #005aab;
	font-weight: 400;
}
.boxFaq dd{
	padding: 10px 0 0;
}
.boxFaq dd .boxFig{
	width: 50%;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1023px){
.line{
	width: auto;
	margin: 0 -20px;
}
/* .boxMain
-------------------------------------------------------------*/
.boxMain{
	width: auto;
	height: auto;
	display: block;
	justify-content: space-between;
	margin: 0 -20px;
}
.boxMain .boxPhoto{
	width: 100%;
}
.boxMain .boxPhoto .box{
	width: 100%;
	position: static;
	padding: 27px 0 0;
}
.boxMain .boxTxt{
	width: 100%;
	padding: 0 20px;
}
.boxMain .boxTxtInner{
	padding: 20px;
}
.boxMain .boxTxtInner p.catch{
	font-size: 24px;
}
/* .boxMessage
-------------------------------------------------------------*/
.boxFaq{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.boxFaq dt{
	display: block;
	font-size: 18px;
}
.boxFaq dt span{
	display: block;
	padding: 0 0 10px 0;
}
.boxFaq dd .boxFig{
	width: 100%;
}
}
























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