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




/*----------------------------------------------------------------------------
***                                                             パン屑
----------------------------------------------------------------------------*/
#pankuzuBox{ clear:both; width:860px; margin:0 auto;}
#pankuzuBox li{ float:left; font-size:80%; margin-top:18px;}




/*----------------------------------------------------------------------------
***                                                             mainImageBox
----------------------------------------------------------------------------*/
#mainImageBox{ background:url(../form/business/images/img_contents01.jpg) right bottom no-repeat; position:relative;}
#mainImageBox{ width:960px; height:330px; margin:0 auto;}
#mainImageBoxInner{ width:560px; padding-top:56px;}
#mainImageBoxInner dl{ margin-bottom:17px;}
#mainImageBoxInner dt,
#mainImageBoxInner dd,
#mainImageBoxInner p{ text-align:center;}
#mainImageBoxInner dt{ margin-bottom:22px;}
#mainImageBoxInner dd{ margin-bottom:10px;}
#mainImageBox #mainImgTxt{
	position:absolute;
	top: 15px;
	left: 650px;
	padding:0;
}


#pageNav{ background:#840E83; padding:54px 0 90px 0;}
#pageNav nav{ width:924px; margin:0 auto 48px auto;}
#pageNav nav li{float:left;width: 18%;margin: 1%;}
#pageNav nav li img{width:100%; height:auto;}


.toiBtnUl{ width:924px; margin:0 auto;}
.toiBtnUl li{color:#FFF100; font-size:90%; line-height:1.4em; font-weight:bold;}
.toiBtnUl li a{ color:#FFF100;}
.toiBtnUl li.toiFormLi{ text-align:center; margin-bottom:14px;}
.toiBtnUl li.toiTelLi{background: url(../form/business/images/ico_contents01a.png) left top no-repeat;padding:2px 0 2px 22px;float:left;margin-left:80px;}
.toiBtnUl li.toiMailLi{background: url(../form/business/images/ico_contents02a.png) left top no-repeat;padding:2px 0 2px 29px;float:left;margin-left:20px;}
.toiBtnUl li.toiOpenLi{background: url(../form/business/images/ico_contents03a.png) left top no-repeat;padding:2px 0 2px 24px;float:left;margin-left:20px;text-align:right;}

.toiBtnUl2{ width:924px; margin:0 auto; margin-bottom:136px;}
.toiBtnUl2 li{ color:#840E83; font-size:90%; line-height:1.4em; font-weight:bold;}
.toiBtnUl2 li a{ color:#840E83;}
.toiBtnUl2 li.toiFormLi{ text-align:center; margin-bottom:14px;}
.toiBtnUl2 li.toiTelLi{ background:url(../form/business/images/ico_contents01b.png) left top no-repeat; padding:2px 0 2px 22px; float:left; margin-left:80px;}
.toiBtnUl2 li.toiMailLi{ background:url(../form/business/images/ico_contents02b.png) left top no-repeat; padding:2px 0 2px 29px; float:left; margin-left:20px;}
.toiBtnUl2 li.toiOpenLi{ background:url(../form/business/images/ico_contents03b.png) left top no-repeat; padding:2px 0 2px 24px; float:left; margin-left:20px; text-align:right;}



/*----------------------------------------------------------------------------
***                                                               contentsArea
----------------------------------------------------------------------------*/
#contentsArea{background: #fff;}

.secTitleBox{ margin-bottom:40px;}
.secTitleBox h2{text-align:center;font-size: 36px;font-weight:bold;line-height:1.2em;padding:0 0 10px 0;}
.secTitleBox h2 img{ margin-bottom:25px;}
.secTitleBox p{font-size:20px;text-align:center;padding:0;}

/* 共通 */
#section01,
#section02,
#section03,
#section04{}

#section01 > .sectionInner,
#section02 > .sectionInner,
#section03 > .sectionInner,
#section04 > .sectionInner{padding:45px 0 90px; width: 900px;}

#contentsArea .obiPurple{text-align:center; font-size: 120%; background:#840e83; color:#fff; line-height:1; padding:0.5em 0.3em 0.3em; transform:skewX(-14deg); font-weight:bold;}
#contentsArea .obiPurple span{transform:skewX(14deg); display:inline-block;}


/* section01 */
#section01{}
#section01 .sectionBox01{height: 255px;border: 3px solid #000;margin-bottom: 40px;background: #840e83;}
#section01 .sectionBox01 h3{color:#840e83;font-weight: bold;text-align: center;font-size: 250%;background: #fff; }
#section01 .sectionBox01 .box01 h3{background-image: linear-gradient(to bottom, #000, #000 50%, transparent 1px, transparent 1px);background-size: 4px 10px;background-position: right;background-repeat: repeat-y;}
#section01 .sectionBox01 *{box-sizing: border-box;}
#section01 .sectionBox01 .box02 .bkBox{
    padding: 10px 180px 0 0;
}
#section01 .sectionBox01 .box01{width: 40%;height: 100%;padding: 0;background-image: linear-gradient(to bottom, #000, #000 50%, transparent 1px, transparent 1px);background-size: 4px 10px;background-position: right;background-repeat: repeat-y;}
#section01 .sectionBox01 .box01 .sectionInner{}
#section01 .sectionBox01 .box01 .bkBox{padding: 10px;}
#section01 .sectionBox01 .box01 .inText01{color:#ffc400;margin-bottom: 0.5em;}
#section01 .sectionBox01 .box02{width: 60%;height: 100%; position:relative;}
#section01 .sectionBox01 .box02 h3{text-align: left;position: relative;padding-left: 5%;}
#section01 .sectionBox01 .box02 .inText01{margin-bottom: 1em;}
#section01 .sectionBox01 .box02 .inText02{line-height:1.5;}
#section01 .sectionBox01 .box02 .inText02 img{margin: -1em 1em 0 0;}
#section01 .sectionBox01 .box02 .inText02 span{color:#ffc400;font-size: 200%;}
#section01 .sectionBox01 .box02 #bkImg01{position:absolute;bottom:0;right:0;width: 37%;height:auto;}
#section01 .sectionBox01 p{color:#fff; text-align:center; font-weight:bold; line-height:1.5; margin:0; padding:0;}


#section01 .sectionBox02{margin-bottom:1em;}
#section01 .sectionBox02 .contentsBox01,
#section01 .sectionBox02 .contentsBox02{width: 48%;border: 3px solid #000;float: left;box-sizing: border-box;}
#section01 .sectionBox02 .contentsBox01{margin-right:2%;}
#section01 .sectionBox02 .contentsBox02{margin-left:2%;}
#section01 .sectionBox02 .contentsBox01 .sectionInner,
#section01 .sectionBox02 .contentsBox02 .sectionInner{padding: 0 3%;}
#section01 .sectionBox02 .contentsBox01 .titleBox01,
#section01 .sectionBox02 .contentsBox02 .titleBox01{margin-bottom: 3%;}
#section01 .sectionBox02 .contentsBox01 h3,
#section01 .sectionBox02 .contentsBox02 h3{text-align:center;padding: 0;}
#section01 .sectionBox02 .contentsBox01 h3 span,
#section01 .sectionBox02 .contentsBox02 h3 span{color:#fff;background:#000;display: inline-block;margin: 0;padding: 0.3em 1.5em 0.2em;font-weight:bold;font-size: 200%;}
#section01 .sectionBox02 .contentsBox01 .textBox01,
#section01 .sectionBox02 .contentsBox02 .textBox01{display:table; width:100%;}
#section01 .sectionBox02 .contentsBox01 .textBox01 p,
#section01 .sectionBox02 .contentsBox02 .textBox01 p{display:table-cell; text-align:center; vertical-align:middle; padding:0; height:4em;}
#section01 .sectionBox02 .contentsBox01 .textBox02,
#section01 .sectionBox02 .contentsBox02 .textBox02{display:table; width:100%;}
#section01 .sectionBox02 .contentsBox01 .textBox02 p,
#section01 .sectionBox02 .contentsBox02 .textBox02 p{display:table-cell;text-align:center;vertical-align:top;padding:0;line-height:1.4;height: 5em;font-size: 85%;}
#section01 .sectionBox02 .contentsBox01 ul li,
#section01 .sectionBox02 .contentsBox02 ul li{text-align:center;margin-bottom: 5%;}
#section01 .sectionBox02 .contentsBox01 ul li:last-child,
#section01 .sectionBox02 .contentsBox02 ul li:last-child{/* margin-bottom:0; */}
#section01 .sectionBox02 .contentsBox01 ul li img,
#section01 .sectionBox02 .contentsBox02 ul li img{width:100%; height:auto;}

/* section02 */
#section02{background: #efefef;}
#section02 > .sectionInner{width:900px; margin:0 auto;}
#section02 .secTitleBox{margin-bottom: 1%;}
#section02 .contentsBox01{padding-bottom:5%; border-bottom:10px solid #840e83;}
#section02 .contentsBox01 .box01{padding: 3% 0 3% 36%;border-bottom:10px solid #840e83;background: url(../form/business/images/img_contents04.png) no-repeat left 3% bottom 0;background-size: auto 100%;}
#section02 .contentsBox01 .box01 h3{margin-bottom:3%;}
#section02 .contentsBox01 .box01 p{text-align:center; font-size:120%; padding:0;}
#section02 .contentsBox01 [class^="box"]:nth-child(n+2){margin-top:5%;}
#section02 .contentsBox01 [class^="box"]:nth-child(n+2) > p{font-size:130%; padding-left:1em; text-indent:-1em; font-weight:bold;}
#section02 .contentsBox01 [class^="box"] table{table-layout:fixed;}
#section02 .contentsBox01 [class^="box"] td:first-child{background:#840e83; vertical-align:middle; text-align:center; width:98px;}
#section02 .contentsBox01 [class^="box"] td:first-child img{width:100%; height:auto;}
#section02 .contentsBox01 [class^="box"] td dl dt{line-height:1.4; margin-bottom:0.5em; font-size:120%;}
#section02 .contentsBox01 [class^="box"] td dl dd{line-height:1.4; font-size:120%;}

/* section03 */
#section03{background:#f4d900;}
#section03 > .sectionInner{background:url(../form/business/images/img_contents05.jpg) no-repeat right bottom; background-size:auto 70%;}
#section03 .box01{padding-right:40%;}
#section03 .box01 h3{}
#section03 .box01 h3 img{width:100%; height:auto;}
#section03 .box01 h3,
#section03 .box01 p{width:100%;text-align: center;font-size: 120%;}
#section03 .box01 .obiPurple{margin: 1% auto 0;width: 90%;}
#section03 .box01 .boxInner h4{padding:0;text-align:center;margin: 3% 0 2%;}
#section03 .box01 .boxInner p{padding:0;line-height: 1.5;}

/* section04 */
#section04{}
#section04 .contentsBox01 .box01{padding:3% 0;border-top:10px solid #f4d900;border-bottom:10px solid #f4d900;margin-bottom: 5%;}
#section04 .contentsBox01 .box01 .boxInner01{width:60%; padding-top:1%;}
#section04 .contentsBox01 .box01 .boxInner01 h3{padding:0; margin-bottom:5%;}
#section04 .contentsBox01 .box01 .boxInner01 p{font-size:120%; padding:0;}
#section04 .contentsBox01 .box01 .boxInner02{width:40%; padding:15px 0;}
#section04 .contentsBox01 .box02 ul li{width: 25%;float:left;box-sizing:border-box;}
#section04 .contentsBox01 .box02 ul li *{box-sizing:border-box;}
#section04 .contentsBox01 .box02 ul li:nth-child(n+2){padding-left: 3%;background: url(../form/business/images/ico_01.png) no-repeat left 2% top 65%;}
#section04 .contentsBox01 .box02 ul li dt{text-align:center;font-size: 160%;font-weight: bold;line-height: 1.3;margin-bottom: 5%;}
#section04 .contentsBox01 .box02 ul li dd{border:2px solid #000; padding:3%;}
#section04 .contentsBox01 .box02 ul li.lastStep dd{background: #f4d900;}
#section04 .contentsBox01 .box02 ul li dd p{text-align:center;padding: 0;line-height: 1.7;}





/* yoru9Sec */
#yoru9Sec{padding: 45px 0 35px;}
#yoru9Sec .sectionInner{ width:900px; margin:0 auto;}
#yoru9Sec #yoruBackBox{padding: 7% 20%; background: url(../form/business/images/img_contents07.png) left 6% bottom 2em no-repeat,          url(../form/business/images/img_contents08.png) right 6% bottom 2em no-repeat; background-color:#a0a0a0;}
#yoru9Sec #yoruBackBox p{/* color:#FFF; */font-size:21px;text-align: center;}
#yoru9Sec #yoruMidashiBox{/* border-bottom:#CCC dotted 1px; */width:535px;padding-bottom:25px;margin-bottom:20px;}
#yoru9Sec #yoruMidashiBox p{font-size:28px;font-weight:bold;line-height: 1.2em;}
#yoru9Sec #yoruMidashiBox .txtSizeSS{ font-size:12px;}




/*----------------------------------------------------------------------------
***                                                            sliderSec
----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------
***                                                              contentsArea
----------------------------------------------------------------------------*/
/*共通*/


br.sp{display:none;}