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

/*-----------------------------------------------------------------------
	body
-----------------------------------------------------------------------*/
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
}

.l-grid01{ width: 1100px; }
.l-col01{ width: 540px; float: left; }
.l-col02{ width: 480px; float: left; }
.l-line{ border-bottom: #e3e9ef solid 1px; }

.l-uibox{
	width: 816px;
	margin: 0 auto;
}
.ttl-box{ text-align: center; }

.text-box{ color: #123343; }

.l-table{ border-collapse: collapse; }

.l-sp{ display: none; }


/*-----------------------------------------------------------------------
	header
-----------------------------------------------------------------------*/
#l-header{ width: 100%; min-width: 1100px; }
#l-header > #header-title{
	width: 395px;
	margin:0 auto;
	padding: 16px 0 17px;
	text-align: center;
}
#l-header > #header-title > h1{ line-height: 1; }
#l-header > #header-title > h1 > img{ vertical-align: bottom; }

/*-----------------------------------------------------------------------
	footer
-----------------------------------------------------------------------*/
#l-footer{ width: 100%; }
#l-footer > #footer-box{
	width: 1100px;
	margin: 0 auto;
	padding: 28px 0 34px;
	list-style: none;
}
#l-footer > #footer-box:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size: 0;
	visibility:hidden;
}
#l-footer > #footer-box > li{ float: left; display: block; }
#l-footer > #footer-box > li#i_footer01{
	margin: 0 28px 0 318px;
	padding-right: 30px;
	background: url(../images/bg_ft.jpg) no-repeat center right;
}
#l-footer > #footer-box > li#i_footer01 > a > img{ vertical-align: middle; }
#l-footer > #footer-box > li#i_footer02{
	margin-top: 5px;
	opacity: 0.35;
	color: #123343;
	font-size: 12px;
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	letter-spacing: 0.1em;
}

/*-----------------------------------------------------------------------
	form
-----------------------------------------------------------------------*/
.l-formbox{
	width: 100%;
	min-width: 1100px;
	background: #262f42;
	padding: 30px 0 22px;
	text-align: center;
}
.l-formbox > .l-grid01{ width: 520px; margin: 0 auto; }
.l-formbox > .l-grid01 > .text-box02{
	margin: 0 auto 20px;
	color: #ffffff;
	font-size: 100%;
}
.l-formbox > .l-grid01 > .text-box02 > a{
	color: #fff;
}
.l-formbox > .l-grid01 > .text-box02 > a:hover{
	text-decoration: none;
}
.l-formbox > .l-grid01 > img{  vertical-align: bottom; }

/*-----------------------------------------------------------------------
	mainimg
-----------------------------------------------------------------------*/
#l-mainimg{ min-width: 1100px; }
#l-mainimg > .l-grid01{
	width: 100%;
	height: 440px;
	margin: 0 auto;
}
#l-mainimg > .l-grid01 > iframe{
	width: 100%;
	height: 440px;
	margin: 0;
	padding: 0;
	border: none;
}

/*-----------------------------------------------------------------------
	service
-----------------------------------------------------------------------*/
#l-service{
	min-width: 1100px;
	height: 1089px;
	background: url(../images/bg_service.jpg) no-repeat center top;
	background-size: 100% 100%;
}
#l-service > .l-grid01{
	margin: 0 auto;
	padding: 100px 0 0;
}
#l-service > .l-grid01 > .ttl-box{ margin-bottom: 38px; }
#l-service > .l-grid01 > #l-service-box{
	width: 940px;
	margin: 0 auto;
	text-align: center;
}
#l-service > .l-grid01 > #l-service-box > #ttl-sub-service{ margin-bottom: 44px; }
#l-service > .l-grid01 > #l-service-box > .text-box{
	margin-bottom: 70px;
	font-size: 100%;
	line-height: 2;
	letter-spacing: 0.12em;
}
#l-service > .l-grid01 > #l-service-box > #l-service-list{ width: 940px; margin: 0 auto; }
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table{
	width: 940px;
	margin: 0 auto;
	border: none;
	text-align: center;
}
#l-service > .l-grid01 > #l-service-box > #l-service-list .img-box{ margin-bottom: 33px; }
#l-service > .l-grid01 > #l-service-box > #l-service-list .l-table tr:first-child td .img-box{ margin-bottom: 29px; }
#l-service > .l-grid01 > #l-service-box > #l-service-list .l-table tr:last-child td.l-w329 .img-box{ margin-bottom: 20px; }
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table tr td{
	height: 232px;
	padding-bottom: 11px;
	border-left: #bae5f4 solid 1px;
	color: #123343;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table tr td.l-w304{ width: 304px; }
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table tr td.l-w248{
	width: 248px;
	padding-left: 17px;
    padding-right: 45px;
}
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table tr:last-child td.l-w248{ padding-left: 18px; padding-right: 44px; }
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table tr td.l-w329{ width: 329px; }
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table tr:first-child td{
	height: 248px;
	padding-bottom: 20px;
	border-bottom: #bae5f4 solid 1px;
}
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table tr:last-child td{ padding-top: 20px; }
#l-service > .l-grid01 > #l-service-box > #l-service-list > .l-table tr td:first-child{ border-left: none; }

/*-----------------------------------------------------------------------
	flow
-----------------------------------------------------------------------*/
#l-flow{ min-width: 1100px; }
#l-flow > .l-grid01{
	margin: 0 auto;
	padding: 100px 0 125px;
}
#l-flow > .l-grid01 > .ttl-box{ margin-bottom: 36px; }
#l-flow > .l-grid01 > #ttl-sub-flow{ margin-bottom: 76px; text-align: center; }
#l-flow > .l-grid01 > #l-flow-box{}
#l-flow > .l-grid01 > #l-flow-box:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept{ float: left; margin-left: 31px; position: relative; }
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept {
	width: 339px;
	text-align: center;
}
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept:first-child{ width: 308px; margin-left: 10px; }
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept:first-child > dt{ padding-left: 14px; }
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept > dt{
	height: 24px;
	padding-top: 90px;
	margin-bottom: 40px;
	color: #02c2f2;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept > dt#l-step01{ background: url(../images/i_step01.png) no-repeat top center; }
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept > dt#l-step02{ background: url(../images/i_step02.png) no-repeat top center; }
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept > dt#l-step03{ background: url(../images/i_step03.png) no-repeat top center; }
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept > dt #l-step-arw{
	margin-right: 9px;
	padding-right: 17px;
	background: url(../images/i_arw02.png) no-repeat right center;
}
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept > dd.text-box{
	margin-bottom: 41px;
	font-size: 84%;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept:after{
	width: 31px;
	height: 61px;
	content: "";
	display: block;
	position: absolute;
	top: 287px;
	left: -31px;
	background: url(../images/i_arw.png) no-repeat center;
}
#l-flow > .l-grid01 > #l-flow-box > dl.l-stept:first-child:after{ background: none; }

/*-----------------------------------------------------------------------
	price
-----------------------------------------------------------------------*/
#l-price{ min-width: 1100px; }
#l-price > .l-grid01{
	margin: 0 auto;
	padding: 100px 0 150px;
}
#l-price > .l-grid01 > .ttl-box{ margin-bottom: 38px; }
#l-price > .l-grid01 > #ttl-sub-price{ margin-bottom: 93px; text-align: center; }
#l-price > .l-grid01 > #l-price-box{
	width: 600px;
	margin: 0 auto;
}
#l-price > .l-grid01 > #l-price-box > .l-table{
	width: 600px;
	margin: 0 auto;
}
#l-price > .l-grid01 > #l-price-box > .l-table th{
	padding: 9px 0;
	background: #02c2f2;
	border-right: #41d1f5 solid 1px;
	border-bottom: #02c2f2 solid 1px;
	border-left: #41d1f5 solid 1px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#l-price > .l-grid01 > #l-price-box > .l-table th:first-child{ border-right: #41d1f5 solid 1px; }
#l-price > .l-grid01 > #l-price-box > .l-table td{
	padding: 15px 0 15px 29px;
	border: #e3e9ef solid 1px;
	color: #272e3b;
	font-size: 100%;
	font-weight: normal;
}
#l-price > .l-grid01 > #l-price-box > .l-table td.tb-grid01{
	width: 201px;
	padding: 16px 0 13px 20px;
	color: #123343;
	font-weight: bold;
}
#l-price > .l-grid01 > #l-price-box > .l-table tr:nth-child(odd) { background: #fcfeff; }
#l-price > .l-grid01 > #l-price-box > .l-table td span.text-box{ font-size: 75%; }

#l-price > .l-grid01 > #l-price-box > .l-dougavr {
	margin-top: 100px;
	text-align: center;
}

/*-----------------------------------------------------------------------
	more
-----------------------------------------------------------------------*/
#l-more{ min-width: 1100px; }
#l-more > .l-grid01{
	margin: 0 auto;
	padding: 100px 0 136px;
}
#l-more > .l-grid01 > .ttl-box{ margin-bottom: 35px; }
#l-more > .l-grid01 > #ttl-sub-more{ margin-bottom: 74px; text-align: center; }

#l-more > .l-grid01 > #l-more-box{}
#l-more > .l-grid01 > #l-more-box:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#l-more > .l-grid01 > #l-more-box > .l-col01{ margin-right: 60px; margin-left: 10px; }
#l-more > .l-grid01 > #l-more-box > .l-col01 > .img-box{ margin-bottom: 5px; }
#l-more > .l-grid01 > #l-more-box > .l-col01 > .text-box{ margin-bottom: 25px; color: #123343; }
#l-more > .l-grid01 > #l-more-box > .l-col01 > #ttl-sub-more02{
	margin-bottom: 18px;
	color: #123343;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.15em;
}
#l-more > .l-grid01 > #l-more-box > .l-col01 > #l-more-list{
	list-style: none;
	color: #123343;
	font-size: 93%;
	letter-spacing: 0.1em;
}
#l-more > .l-grid01 > #l-more-box > .l-col01 > #l-more-list li{
	margin-bottom: 10px;
	padding: 0 0 0 28px;
	background: url(../images/i_check.png) no-repeat left center;
	letter-spacing: 0.15em;
}
#l-more > .l-grid01 > #l-more-box > .l-col02{}
#l-more > .l-grid01 > #l-more-box > .l-col02 > .l-table{ width: 481px; margin: 16px 0 15px; }
#l-more > .l-grid01 > #l-more-box > .l-col02 > .l-table th{
	padding: 11px 0 10px;
	background: #02c2f2;
	border-right: #41d1f5 solid 1px;
	border-bottom: #02c2f2 solid 1px;
	border-left: #41d1f5 solid 1px;
	color: #ffffff;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#l-more > .l-grid01 > #l-more-box > .l-col02 > .l-table td{
	padding: 15px 95px 9px 0;
	border: #e3e9ef solid 1px;
	color: #272e3b;
	font-size: 100%;
	text-align: right;
}
#l-more > .l-grid01 > #l-more-box > .l-col02 > .l-table td.tb-grid01{
	width: 170px;
	padding: 14px 0 13px 0;
	color: #123343;
	font-weight: bold;
	text-align: center;
}
#l-more > .l-grid01 > #l-more-box > .l-col02 > .l-table tr:nth-child(odd) { background: #fcfeff; }
#l-more > .l-grid01 > #l-more-box > .l-col02 > .l-table td .text-box{
	padding-right: 10px;
	color: #02c2f2;
	font-size: 114%;
	font-weight: bold;
	vertical-align: inherit;
	letter-spacing: -0.02em;
}
#l-more > .l-grid01 > #l-more-box > .l-col02 > p.text-box{
	font-size: 69%;
	text-align: right;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px){
	#l-more > .l-grid01 > #l-more-box > .l-col01{ margin-right: 30px; margin-left: 25px; }
}


/*-----------------------------------------------------------------------
	manual
-----------------------------------------------------------------------*/
#l-manual{ min-width: 1100px; }
#l-manual > .l-grid01{
	margin: 0 auto;
	padding: 100px 0 125px;
}
#l-manual > .l-grid01 > .ttl-box{ margin-bottom: 36px; }
#l-manual > .l-grid01 > #ttl-sub-flow{ margin-bottom: 40px; text-align: center; }
#l-manual > .l-grid01 > #l-manual-box{}
#l-manual > .l-grid01 > #l-manual-box:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#l-manual > .l-grid01 > #l-manual-box > .l-stept{ float: left; margin-left: 31px; position: relative; }
#l-manual > .l-grid01 > #l-manual-box > .l-stept {
	width: 339px;
	text-align: center;
}
#l-manual > .l-grid01 > #l-manual-box > .l-stept > a[target="_blank"]{
	color:#123343;
	text-decoration: none;
	position: relative;
	font-size: 93%;
}
#l-manual > .l-grid01 > #l-manual-box > .l-stept > a[target="_blank"]:after{
	display: inline-block;
	width: 16px;
	height: 20px;
	content:"";
	background: url(../images/i_pdf.png);
	background-size: 16px 20px;
	margin-left: 5px;
	position: relative;
	top: .2em;
}
#l-manual > .l-grid01 > #l-manual-box > .l-stept > a[target="_blank"]:hover{
	text-decoration: underline;
}
#l-manual > .l-grid01 > #l-manual-box > .l-stept:first-child{ width: 308px; margin-left: 10px; }



#l-manual > .l-grid01 > #l-manual-box > .l-stept:first-child:after{ background: none; }


/*-----------------------------------------------------------------------
	sample
-----------------------------------------------------------------------*/
#l-sample{
	min-width: 1100px;
	margin-bottom: 100px;
	background: #fcfeff;
}
#l-sample > .l-grid01{
	margin: 0 auto;
	padding: 92px 0 0;
}
#l-sample > .l-grid01 > .ttl-box{ margin-bottom: 12px; }
#l-sample > .l-grid01 > .text-box{
	margin-bottom: 92px;
	font-size: 93%;
	text-align: center;
	letter-spacing: 0.09em;
}
#l-sample > .img-box{
	width: 100%;
	height: 360px;
	margin-bottom: 70px;
	position: relative;
	overflow: hidden;
}
#l-sample > .img-box > .i-box{
	width: 135px;
	margin-left: -68px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 5;
}
#l-sample > .img-box > .l-pc > iframe{
	height: 360px;
	display: block;
	border: none;
	overflow-y: scroll;
	position: relative;
	left: 50%;
}
#l-sample > #sample-img01 > .l-pc > iframe{ width: 1300px; margin-left: -650px; }

#l-sample > #sample-img-grid{
	width: 100%;
	height: 290px;
	position: relative;
	overflow: hidden;
}
#l-sample > #sample-img-grid > .img-box02{
	width: 1300px;
	margin-left: -650px;
	position: absolute;
	top: 0;
	left: 50%;
}
#l-sample > #sample-img-grid > .img-box02:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#l-sample > #sample-img-grid > .img-box02 > #l-col01{
	width: 615px;
	margin-right: 70px;
	float: left;
	position: relative;
}
#l-sample > #sample-img-grid > .img-box02 > #l-col01 > .l-pc > iframe{
	width: 100%;
	height: 290px;
	border: none;
	overflow-y: scroll;
}
#l-sample > #sample-img-grid > .img-box02 > #l-col01 > .i-box02,
#l-sample > #sample-img-grid > .img-box02 > #l-col02 > .i-box02{
	width: 135px;
	margin-left: -68px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 7;
}
#l-sample > #sample-img-grid > .img-box02 > #l-col01 > .i-box02{
	width: 175px;
	margin-left: -88px;
	z-index: 8;
}
#l-sample > #sample-img-grid > .img-box02 > #l-col02{
	width: 615px;
	float: left;
	position: relative;
}
#l-sample > #sample-img-grid > .img-box02 > #l-col02 > .l-pc > iframe{
	width: 100%;
	height: 290px;
	border: none;
}


/*-----------------------------------------------------------------------
	lightbox
-----------------------------------------------------------------------*/
.js_lightbox{
	outline : none;
	color:#fff;
}
.js_lightbox:hover{
	text-decoration: none;
}
.lightbox{
	padding: 50px;

}
.lightbox .lightbox-title{
	text-align: center;
	font-size: 137.5%;
	font-weight: bold;
	color:#262f42;
}
.lightbox .lightbox-image{
	text-align: center;
	margin-top: 16px;

}
.lightbox .lightbox-image img{
	width: 100%;
}
.lightbox .lightbox-text{
	margin-top: 18px;
	text-align: center;
	background-color: #02c2f2;
	color:#fff;
	padding: 14px 18px 12px ;
	position: relative;
}
.lightbox .lightbox-text:after{
	content:"";
	display: block;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	width: 15px;
	height: 15px;
	margin:auto;
	background: url(../images/i_lightbox_ar.gif);
}

#cboxClose{
	width:50px;
	height:50px;
	background: url(../images/lightbox_close.jpg);
	outline : none;
}
#cboxClose:hover{
	opacity: .75;
}