@charset "utf-8";
/* CSS Document */

.btnLink{ margin:50px auto; text-align:center;}

#sideMenu {
	z-index: 999;
	position: fixed;
	right: 0;
	top: 540px;
	display: block;
}
#sideMenu:hover{ opacity: 0.7;}

/*----------------------------------------------------------------------------
***                                                                   mainSec
----------------------------------------------------------------------------*/
#mainImg{ width:100%; height:440px; background-color:#171C61;}
#mainImgInner{
	width:1110px;
	height:440px;
	margin:0 auto;
	padding:0 0 0 70px;
	background-image:url(/images/main_p.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
#mainImg #midashi1{ font-size:22px; color:#fff; font-weight:bold; padding:30px 0 20px; line-height:1.5em; text-shadow:5px 5px 10px black;}
#mainImg #midashi1 span{ font-size:28px;}
#mainImg .txtColorYe{ font-size:22px; font-weight:bold; padding:5px 0 10px 20px; line-height:1.5em; text-shadow:5px 5px 10px black; border-left:solid 4px #3490BF;}
#mainImg .txtColorYe .txtSize2{ font-size:36px; line-height:1em; font-weight:bold; color:unset;}
#mainImg .txtColorYe .txtSize3{ font-size:30px; color:unset;}
#mainImg .btnLink{ margin:0; text-align:left;}

#interestSec{ width:980px; margin:40px auto;}
#interestSec p{ text-align:center; font-size:22px; color:#333; margin:0 0 1em;}
#interestSec p span{ font-size:28px; font-weight:bold; color:#171c61; background:linear-gradient(transparent 70%, #f6e868 50%);}
#interestSec #checkBox{
	width:625px;
	float:left;
	padding:0 0 0 100px;
	border-right:5px solid #3e3a39;
	background-image:url(/images/img_interest.png);
	background-size:80px;
	background-position:left -1px;
	background-repeat:no-repeat;
}
#interestSec #checkBox li{
	font-size:16px;
	line-height:1.8em;
	padding:0 0 0 25px;
	background-image:url(/images/icon_check.png);
	background-size:20px;
	background-position:left -1px;
	background-repeat:no-repeat;
}
#interestSec #groupBox{ width:320px; float:right;}
#interestSec #groupBox p{ padding:5px 0 0; margin:0; text-align:left; font-size:12px; color:#666; line-height:1.5em;}
#interestSec #groupBox li{ float:left; margin:10px 20px 0 0;}
#interestSec #groupBox li:last-child{ margin-right:0;}

#pageLink{ width:980px; margin:0 auto 40px;}
#pageLink li{ float:left; margin:0 40px 0 0;}
#pageLink li:last-child{ margin:0;}




#advantageSec,
#flowSec,
#companySec{ background-image:url(../images/line.jpg); background-repeat:repeat-x; margin:0 auto; padding:40px 0 0;}

#contentsArea h3{ text-align:center; font-size:42px; color:#333; line-height:1.5em; margin:0 auto; padding:0 0.5em;}


/*----------------------------------------------------------------------------
***                                                              advantageSec
----------------------------------------------------------------------------*/
#advantageSec #advantageInner{
	width:980px;
	margin:0 auto;
	background-image:url(/images/img_advantageLine.png);
	background-size:4px 510px;
	background-position:left 40px;
	background-repeat:no-repeat;
}
#advantageSec h3{ width:6em; border-bottom:3px solid #3c98aa;}
#advantageSec dl{
	margin:0 0 25px;
	padding:0 0 0 30px;
	background-image:url(/images/icon_advantage00.png);
	background-size:42px;
	background-position:left top 19px;
	background-repeat:no-repeat;
}
#advantageSec dt{
	font-size:32px;
	padding:0 0 0 53px;
	line-height:2.5em;
	color:#1a2953;
	background-size:42px;
	background-position:left center;
	background-repeat:no-repeat;
}
#advantageSec dd{
	width:950px;
	height:150px;
	padding:0 300px 0 0;
	font-size:18px;
	line-height:1.5em;
	color:#333;
	background-size:260px 150px;
	background-position:right bottom;
	background-repeat:no-repeat;
}

#advantage01 dt{ background-image:url(/images/icon_advantage01.png);}
#advantage02 dt{ background-image:url(/images/icon_advantage02.png);}
#advantage03 dt{ background-image:url(/images/icon_advantage03.png);}

#advantage01 dd{ background-image:url(/images/img_advantage01.jpg);}
#advantage02 dd{ background-image:url(/images/img_advantage02.jpg);}
#advantage03 dd{ background-image:url(/images/img_advantage03.jpg);}


/*----------------------------------------------------------------------------
***                                                                   flowSec
----------------------------------------------------------------------------*/
#flowSec{}
#flowSec #flowInner{
	width:840px;
	height:880px;
	margin:40px auto 0;
	position:relative;
	background-image:url(/images/img_flowBox.png);
	background-repeat:no-repeat;
}
#flowSec h3{ width:10em; border-bottom:3px solid #e48691;}
#flowSec dl{ position:absolute; background-repeat:no-repeat;}
#flowSec #step01{
	width:240px;
	height:217px;
	padding:0;
	top:0;
	left:0;
	background-image:url(/images/img_flowBox_type01.png);
	background-size:240px 217px;
}
#flowSec #step02{
	width:240px;
	height:217px;
	padding:0;
	top:0;
	left:310px;
	background-image:url(/images/img_flowBox_type02.png);
	background-size:240px 217px;
}
#flowSec #step03{
	width:240px;
	height:400px;
	padding:0;
	top:0;
	right:0;
	background-image:url(/images/img_flowBox_type03.png);
	background-size:240px 400px;
}
#flowSec #step04{
	width:240px;
	height:217px;
	padding:0;
	top:430px;
	right:13px;
	background-image:url(/images/img_flowBox_type04.png);
	background-size:240px 217px;
}
#flowSec #step05{
	width:240px;
	height:217px;
	padding:0;
	top:430px;
	left:310px;
	background-image:url(/images/img_flowBox_type05.png);
	background-size:240px 217px;
}
#flowSec #step06{
	width:217px;
	height:240px;
	padding:0;
	top:430px;
	left:0;
	background-image:url(/images/img_flowBox_type06.png);
	background-size:217px 240px;
}
#flowSec #step07{
	width:840px;
	height:170px;
	padding:0;
	bottom:0;
	left:0;
	background-image:url(/images/img_flowBox_type07.png);
}

#flowSec dt{
	width:217px;
	padding:90px 0 0;
	margin:0 0 20px;
	font-size:30px;
	color:#000;
	line-height:1em;
	text-align:center;
	background-position:center 20px;
	background-size:60px;
	background-repeat:no-repeat;
}
#flowSec #step01 dt{ background-image:url(/images/icon_flow01.png); padding:65px 0 0;}
#flowSec #step02 dt{ background-image:url(/images/icon_flow02.png);}
#flowSec #step03 dt{ background-image:url(/images/icon_flow03.png); width:240px;}
#flowSec #step04 dt{ background-image:url(/images/icon_flow04.png); margin:0 0 20px 25px;}
#flowSec #step05 dt{ background-image:url(/images/icon_flow05.png); margin:0 0 20px 25px;}
#flowSec #step06 dt{ background-image:url(/images/icon_flow06.png); padding:65px 0 0;}
#flowSec #step07 dt{ background-image:url(/images/icon_flow07.png); width:100%; padding:65px 0 0; position:relative;}
#flowSec #step07 dt .leftSide{ position:absolute; top:30px; left:280px;}
#flowSec #step07 dt .rightSide{ position:absolute; top:30px; right:280px; transform:scale(-1, 1);}


#flowSec dd{ width:217px; font-size:16px; color:#333; padding:0 1em;}
#flowSec #step01 dd{}
#flowSec #step02 dd{}
#flowSec #step03 dd{ width:240px;}
#flowSec #step04 dd{ margin:0 0 0 25px;}
#flowSec #step05 dd{ margin:0 0 0 25px;}
#flowSec #step06 dd{}
#flowSec #step07 dd{ width:840px; text-align:center;}


/*----------------------------------------------------------------------------
***                                                                companySec
----------------------------------------------------------------------------*/
#companySec{}
#companySec h3{ width:6em; border-bottom:3px solid #f6e775;}
#companySec h4{ text-align:center; font-size:24px; font-weight:normal; color:#000; line-height:2.5em;}
#companySec p{ text-align:center; font-size:18px; color:#666; line-height:1.5em;}
#companySec dl{
	width:850px;
	margin:25px auto;
	padding:75px 50px 25px;
	box-sizing:border-box;
	border:1px solid #c9caca;
	position:relative;
	background-image:url(/images/logo_glr.png);
	background-size:15%;
	background-position:right 15px bottom 10px;
	background-repeat:no-repeat;
}
#companySec dt{ position:absolute; top:15px; left:-18px;}
#companySec dd{
	width:370px;
	float:left;
	padding-left:30px;
	font-size:18px;
	color:#666;
	line-height:2em;
	background-image:url(/images/icon_column.png);
	background-size:20px auto;
	background-position:left center;
	background-repeat:no-repeat;
}
#companySec dd:last-child{ width:550px;}