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

.pcHidden{ display:none;}
.spHidden{ display:block;}

.txtColorGn{ color:#6ab9c7;}
.txtColorPk{ color:#e48691;}
.txtColorWt{ color:#fff;}
.txtColorYe{ color:#F6EB69;}
.txtColorB{color: #172A88;}
.txtColorBk{color: #000;}
.btnLink{ margin:6px auto 50px; text-align:center;}
.campaign{ margin:70px auto 0; text-align:center;}

/*----------------------------------------------------------------------------
 ***                                                                   header
----------------------------------------------------------------------------*/
#headerInner{ width:980px; height:70px; margin:0 auto; padding:10px 0;}
#headerInner h1{ float:left;}
#headerInner #headerContents{ float:right; padding:8px 0 0;}
#headerInner #headerContents li{ float:left; margin:0 15px 0 0;}
#headerInner #headerContents li:last-child{ margin:0;}


/*----------------------------------------------------------------------------
***                                                                   mainSec
----------------------------------------------------------------------------*/
#mainImg{
	width:100%;
	height:440px;
	margin: 12px 0 40px;
	background-image:url("../images/main_img_back1.png");
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
#mainImgInner{
	width: 1100px;
	padding:0;
	height:100%;
	margin:0 auto;
	background-image:url("../images/main_p.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	position: relative;
}
#mainAbu{
	position: absolute;
	right: 50px;
	top: 50px;
}


#midashi1{font-size: 34px; font-weight: 900; line-height: 46px; margin-bottom: 11px; text-shadow: 5px 4px 3px lightgray; color: #000;}
#midashi1 .txtColorPk{color:#EF8A96; font-size: 38px; margin-left: -22px;}
#midashi1 .txtColorGn{color:#3CA7BC; font-size: 38px; margin-left: -22px;}
#midashi1 .txtSize01{color: #000; font-size: 29px;}
#midashi1 .txtColorB{color: #171C61; font-size: 43px;}
#midashi1 .txtSize02{color: #000; font-size: 37px;}


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



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

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



/*----------------------------------------------------------------------------
***                                                                companySec
----------------------------------------------------------------------------*/
#companySec{}
#companySec h1{ width:6em; border-bottom:2px solid #727171; border-top:2px solid #727171; padding-bottom: 3px; margin-bottom: 70px;}
#companySecInner{width: 980px; margin: 0 auto;}
#companySec h2 .txtSize01{font-size: 33px; color: #000;}
#companySec h2 .txtSize02{font-size: 27px; color: #000;}
#companySec h2 .txtColorB {color: #172A88; font-size: 27px;}
#companySec h2{color: #000; width: 751px; height: 90px; margin-left: 178px; background-image: url("../images/glr_logo2.jpg"); background-size: 109px 89px;  background-position: left; background-repeat: no-repeat; text-align:center; font-size:25px; font-weight:700; line-height:33px; padding-top: 19px;}
#companySec #yurai{font-size: 14px; margin-bottom: -19px; padding-left: 34px; text-align: center;}
#companySec #aboutglr{ text-align:center; font-size:18px; color:#666; line-height:1.5em; margin-top: 30px;}
#companySec ul{
	display: flex;
	-moz-display: flex;
	-webkit-display: flex;
	justify-content: center;
	 margin-top: 10px;
}
#companySec li:first-child{
	margin-right: 25px;
	padding-top: 5px;
}

/*----------------------------------------------------------------------------
***                                                              advantageSec
----------------------------------------------------------------------------*/
#advantageSec #advantageInner{
	width:980px;
	margin:0 auto;
}

#advantageSec #advantageInner .txtSize03,
#advantageSec #advantageInner .txtColorGn,
#advantageSec #advantageInner .txtColorR{font-size: 23px;}
#advantageSec #advantageInner .txtColorGn{color: #1198BD;}

#advantageSec h1{ width:6em; border-bottom:2px solid #171C61; border-top:2px solid #171C61; padding-bottom: 3px; margin-bottom: 70px;}
#advantageSec h4{ color: #ffffff; font-size:46px; font-weight: 500; float: left; width: 45px; height: 129px; padding: 32px 0 0 9px; background: #171C61; margin-right: 35px;}

#advantageSec .advantageCInner{width:900px; height: 130px; margin-left: 52px; border-left: 2px solid #171C61; padding-left: 28px; margin-bottom: 54px;}
#advantageSec advantage01,
#advantageSec advantage02,
#advantageSec advantage03,
#advantageSec advantage04{
	margin:0 0 25px;
	padding:0 0 0 30px;
}
#advantageSec dt{
	font-size:30px;
	line-height:1.5em;
	color:#171C61;
	width:900px;
	height:130px;
	background-size:227px 129px;
	background-position:right top;
	background-repeat:no-repeat;
	margin-bottom: -83px;
}

#advantageSec dd{
	font-size:21.5px;
	line-height:30px;
	color:#3E3A39;
	font-weight: 700;
	letter-spacing: -0.5px;
	}
#advantageSec .komejirushi{font-size:13px; font-weight: 400; color: #3E3A39; line-height:1.8em; padding-top: 0.15em;}

#advantage01 dt{ background-image:url(../images/img_c1_01.jpg);}
#advantage02 dt{ background-image:url(../images/img_c1_02.jpg);}
#advantage03 dt{ background-image:url(../images/img_c1_03.jpg);}
#advantage04 dt{ background-image:url(../images/img_c1_04.jpg);}




/*----------------------------------------------------------------------------
***                                                                   flowSec
----------------------------------------------------------------------------*/
#flowSec{}
#flowSec #flowInner{
	width:980px;
	margin:0 auto;
}
#flowSec h1{ width: 10em; border-bottom: 2px solid #2A4D8C; border-top: 2px solid #2A4D8C; padding-bottom: 3px; margin-bottom: 70px;}
#flowSec h2{
	font-size: 32px;
	font-weight: 700;
	color: #000;
	text-align: center;
	width:980px;
	height: 64px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url("../images/contents3_mjpg.jpg");
	background-position: center;
	background-size: 65%;
	padding-top: 10px;}


#flowSec #flowCInner{
	width:895px;
	height: 1138px;
	margin:50px auto;
	background-repeat: no-repeat;
	background-image: url("../images/c3_back_img.png");
	position: relative;
	background-size: 100%;}

#flowSec dl{ position:absolute;}
#flowSec #step01{
	width:281px;
	height:256px;
	top: 124px;
    left: 88px;
}
#flowSec #step02{
	width:281px;
	height:256px;
	right: 97px;
    top: 116px;
}
#flowSec #step03{
	width:281px;
	height:256px;
	top: 450px;
    right: 116px;
}
#flowSec #step04{
	width:281px;
	height:256px;
	top: 467px;
    left: 88px;
}
#flowSec #step05{
	width:590px;
	height:188px;
	bottom: 113px;
	right: 158px;
}

#flowSec dt{
	width:281px;
	margin:0 0 10px;
	font-size:29px;
	color:#000;
	line-height:1em;
	text-align:center;
	background-position: left;
	background-repeat:no-repeat;
}

#flowCInner p{
	width: 281px;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 2px solid #EF8A96;}

#flowCInner #step05 p{width: 590px;}


#flowSec #step01 dt{ background-image:url(../images/icon_flow01.png); background-size: 14%;}
#flowSec #step02 dt{ background-image:url(../images/icon_flow02.png); background-size: 16%; padding-right: 27px;}
#flowSec #step03 dt{ background-image:url(../images/icon_flow03.png); background-size: 16%;}
#flowSec #step04 dt{ background-image:url(../images/icon_flow04.png); background-size: 17%; padding-right: 23px;}
#flowSec #step05 dt{ background-image:url(../images/icon_flow05.png); background-size: 8%; width: 100%;background-position: left; background-position-x: 213px;}

#flowSec dd{ width:281px; font-size:20px; color:#595757;}
#flowSec #step01 dd{}
#flowSec #step02 dd{}
#flowSec #step03 dd{}
#flowSec #step04 dd{}
#flowSec #step05 dd{ width:895px;}

#flowSec #step03 #txtSize{ font-size: 13px;}