@charset "utf-8";

/* CSS Document */
/*
============================================================
*	haken_n.css
==========================================================*/

/* 登録会について */

.leadTxt{
	font-weight:bold;
	margin-bottom:20px;
	padding: 0 5px;
}
.sectionTit,
.subTit,
.sectionText,
.infotextBox{
	padding: 0 10px;
}
.sectionTit{
	height:35px;
	line-height:35px;
	margin-bottom:16px;
	vertical-align:middle;
	font-weight:bold;
	background: #e2f3fa;
}
.subTit{
	color:#2ba295;
	font-weight:bold;
	margin-bottom:12px;
}
.naviTit{
	background:#38b5d5;
	border-top:1px solid #32a8ce;
	border-bottom:1px solid #32a8ce;
	color:#ffffff;
	font-size:20px;
	padding:5px 0;
	position:relative;
	text-align:left;
	padding-left:10px;
	margin-bottom:0;
}
.regiTit{
	padding: 5px 10px;
	color:#ffffff;
	margin-bottom:15px;
	vertical-align:middle;
	font-size: 18px;
	text-align:center;
	background: #38b5d5;
}
.imgBox{
	text-align:center;
	margin:0 10px;/*No.3717180 17.10.25修正*/
}
.imgBox2,
.imgBox3 {
	text-align:center;
	margin-bottom:2px;
}
.imgBox2 a img{
	height:51px ;
}
.regiSectionBox{
	margin-bottom:35px;
}
.regiSectionBox2{
	background: #FFFFFF;
	margin-bottom:35px;
}
.infotextBox{
	margin-bottom:27px;
}
.linkBox{
}
.linkTit{
	padding:0 10px;
	margin-bottom:16px;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.linkTit a{
	display:block;
	padding:18px 0 18px;
	background:url(/sp/img_n/ico_arw_r.png) 100% 50% no-repeat;
	background-size: 12px 12px;
	color: #666;
}
/*2018.03.20ここから追加*/
.linkTit2{
	padding:0 10px;
	border-bottom:1px solid #cfdfe5;
  background: #e2f3fa;
}
.linkTit2 a{
	display:block;
	padding:18px 0 18px;
	background:url(/sp/img_n/ico_arw_r.png) 100% 50% no-repeat;
	background-size: 12px 12px;
	color: #21b0e1;
  font-weight: bold;
}
/*2018.03.20ここまで追加*/

.selectWorkingAreaBox{
	border-top:1px solid #dcdcdc;
}
.alertText{
	background: url(/sp/img_n/alert_icon.png) no-repeat left 3px;
	background-size: 14px 14px;
	margin-top:8px;
	padding-left:21px;
	color:#ff6666;
}

.selectWorkingAreaBox table.c2list td{
text-align: center;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ececec));
background: -webkit-linear-gradient(#ffffff, #ececec);
background: -moz-linear-gradient(#ffffff, #ececec);
background: -ms-linear-gradient(#ffffff, #ececec);
background: -o-linear-gradient(#ffffff, #ececec);
background: linear-gradient(#ffffff, #ececec);
}
.selectWorkingAreaBox table.c2list td a{
	color:#666;
	display:block;
	position: relative;
}
.selectWorkingAreaBox table.c2list td a span{
	font-size: 80%;
	line-height: 10px;
	position: absolute;
	display: block;
	text-align: center;
	bottom: 0;
	left: -10px;
	right: -10px;
}
.selectWorkingAreaBox table.c2list td a span.long{
	line-height:1.1em;
	bottom:-8px;
}


/*.prEntryBox{
	width:301px;
	margin: 0 auto;
	background:url(/sp/img_n/bg_prEntryBox.jpg) 100% 0 no-repeat;
	background-size:65px 80px;
	margin-bottom:20px;
}
.prEntryBox .prTit{
	border-top:2px solid #ff6600;
	border-bottom:2px solid #ff6600;
	background:#fff6ac;
	color:#ff6600;
	text-align:center;
	padding:11px 0 9px;
}
.prEntryBox .prTxt{
	padding:20px 0 20px 10px;
}
.prEntryBox .btnReservedEntry{
	text-align:center;
	padding-bottom:14px;
}*/
.prEntryBox{
	background:url(/sp/img_n/bg_prEntryBox.jpg) 100% 17px no-repeat;
	background-size:65px 80px;
}
.prEntryBox .prTit{
	border-top:2px solid #ff6600;
	border-bottom:2px solid #ff6600;
	background:#fff6ac;
	color:#ff6600;
	text-align:center;
	padding:11px 0 9px;
}
.prEntryBox .prTxt{
	padding:20px 0 20px 10px;
}
.prEntryBox .btnReservedEntry{
	text-align:center;
	padding-bottom:14px;
}

.preBox{
	font-weight:bold;
	padding:3px 0;
}
.preBox .preTit{
	background: #eeeeee;
text-align: center;
padding: 10px;
margin-bottom: 12px;
}
.preBox .preBody{
	background: #fff;
	padding:10px;
	line-height:1.6;
}
.preBox .preBody p{
	margin-bottom:8px;
}
.preBox .preBody p span{
	color:#ff6600;
	padding:8px 0 0;
	font-size:12px;
}
.preBox .preBody li{
	line-height:1.6;
	font-weight:normal;
}
.preBox .preBody li span{
	display:block;
}

.contactTextBox{
	padding: 0 24px 15px;
}
.contactTextBox .text dt{
	font-weight:bold;
}
.bnrFreeDialEntryBox{
	text-align:center;
	background:#FFF;
	margin-bottom:15px;
	padding-bottom:15px;
}

.bgSearchAreaShuto,
.bgSearchAreaKanto,
.bgSearchAreaKansai,
.bgSearchAreaTokai,
.bgSearchAreaHokkaidoTohoku,
.bgSearchAreaChugoku,
.bgSearchAreaHokurikuShinetsu,
.bgSearchAreaKyushu,
.bgSearchAreaShikoku{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	background:url(/sp/img_n/bg_searchPanel.png) 0 0 repeat;
	z-index:10000;
	display:none;
}
.searchAreaKanto,
.searchAreaShuto,
.searchAreaKansai,
.searchAreaTokai,
.searchAreaHokkaidoTohoku,
.searchAreaChugoku,
.searchAreaHokurikuShinetsu,
.searchAreaKyushu,
.searchAreaShikoku{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:10001;
	display:none;
	padding-bottom: 40px;
}
.searchAreaInner{
	background:#fff;
	position:relative;
}
.searchAreaInner .pageTit2{
	margin-bottom:0px;
}
table.c2list{
	margin-bottom: 0;
}
.closeBtnbottom{
	margin: 5px;
	display: inline-block;
	padding: 5px 10px;
	background: #38b5d5;
	border-radius: 5px;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
}
/*No.3717180 17.10.25ここから修正*/
.mb0{margin-bottom: 0!important;}
.ta_r{text-align: right;}
h3.haken_ttl{
	position:relative;
	padding:5px 0 5px;
	font-size: 18px;
	color:#4d4d4d;
	background:#fff;
	border-bottom:#ff2973 solid 2px;
	margin: 0 60px 20px;
	text-align: center;
}
h3.haken_ttl:before{
	content:" ";
	position:absolute;
	top:100%;
	left:44%;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#ff2973;
}
h3.haken_ttl:after{
	content:" ";
	position:absolute;
	top:98%;
	left:44.7%;
	width:0;
	height:0;
	border-width:10px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#fff;
	z-index:1;
}
.infotextBox span{
	color: #f66f9a;
}
.cv_bg01{
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #dbe1ed 25%, #dbe1ed 50%,
    #fff 50%, #fff 75%,
    #dbe1ed 75%, #dbe1ed
  );
	background-size: 20px 20px;
	padding: 20px 0;
	margin-bottom: 30px;
}
.cv_bg01 .cv_area{
	background: linear-gradient(70deg, #f5f2fd, #fdfdf1);
	box-shadow:0px 0px 8px -1px #d3d3d3;
-moz-box-shadow:0px 0px 8px -1px #d3d3d3;
-webkit-box-shadow:0px 0px 8px -1px #d3d3d3;
	padding: 15px 0
}
.cv_bg01 .cv_inner{
	text-align: center;
	padding: 15px 10px;
  border-top:1px solid #ff2973;
  border-bottom:1px solid #ff2973;
    box-sizing:border-box;
}
.cv_bg02{
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #dbe1ed 25%, #dbe1ed 50%,
    #fff 50%, #fff 75%,
    #dbe1ed 75%, #dbe1ed
  );
	background-size: 20px 20px;
	padding: 20px 0;
	margin-bottom: 30px;
	position: relative;
}
.cv_bg02 .cv_area{
	background: linear-gradient(70deg, #f5f2fd, #fdfdf1);
	box-shadow:0px 0px 8px -1px #d3d3d3;
-moz-box-shadow:0px 0px 8px -1px #d3d3d3;
-webkit-box-shadow:0px 0px 8px -1px #d3d3d3;
	padding: 15px 0
}
.cv_bg02 .cv_inner{
	text-align: left;
	padding: 15px 10px;
  border-top:1px solid #ff2973;
  border-bottom:1px solid #ff2973;
    box-sizing:border-box;
}
.cv_bg02 .cv_inner ul,.cv_bg02 .cv_inner p,.cv_bg02 .cv_inner img{
	z-index: 100;
	position: relative;

}
.cv_bg02 .fix_img{
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 0;
}
@media screen and (max-width: 320px) {
   /* 表示領域が320px以下の場合に適用するスタイル */
.cv_bg02 .fix_img{
	position: absolute;
	right: 40px;
	top: 10px;
	z-index: 0;
	width: 115px!important;
	}
}
.cv_bg02 .cv_inner .text_shadow{
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
.merit_txt01,.merit_txt02{
	height: 250px!important;
}
.merit_txt03{
	height: 270px!important;
}
}

.cv_bg02 p{
}

.merit_area_01{
	background: linear-gradient(70deg, #f7f7fa, #fcfcfc);
	padding-top: 20px;
	-webkit-clip-path: polygon(0 0, 100% 9%, 100% 100%, 0 90%);
clip-path: polygon(0 0, 100% 9%, 100% 100%, 0 90%);
}
.merit_area_02{
	background: #fff;
	padding: 5px 0 0;
	-webkit-clip-path: polygon(0 0, 100% 9%, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 9%, 100% 100%, 0 100%);
}

.merit_txt01{
	background: url(../haken/img_n/img_merit01.png) no-repeat right bottom /100% auto;
	padding: 0 36% 0 10px;
	height: 220px;
}
.merit_txt02{
	background: url(../haken/img_n/img_merit02.png) no-repeat right bottom /100% auto;
	padding: 0 10px 0 37%;
	height: 200px;
}
.merit_txt02 span{
	font-size: 86%;
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}
.merit_txt03{
	background: url(../haken/img_n/img_merit03.png) no-repeat right bottom /100% auto;
	padding: 0 36% 0 10px;
	height: 235px;
}
.tri{
	width: 0;
	height: 0;
	border-top: 20px solid #f76e9a;
	border-right: 30px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 30px solid transparent;
	margin: 10px auto;
	text-align: center;
}
.regiSectionBox #introduct_step h4{
	padding-right: 10px!important;
}
.haken_qa_sttl{
	font-weight: bold;
	padding: 0 15px 5px 15px;	
}
.hakenqaBox ul li .archive{
	display:block;
	text-decoration:none;
	color:#333333;
	background-color: #e2f3fa;
}
.hakenqaBox ul li.answer{
	padding: 10px 15px 10px 44px;
	background: #ffffff;
}
/*SS_WEB_MNT-4991 2020.01.21 ここから修正*/

.hakenqaBox ul li.answer.a1{	background:url(/sp/haken/img_n/ico_a1.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox ul li.answer.a2{	background:url(/sp/haken/img_n/ico_a2.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox ul li.answer.a3{	background:url(/sp/haken/img_n/ico_a3.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox ul li.answer.a4{	background:url(/sp/haken/img_n/ico_a4.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox ul li.answer.a5{	background:url(/sp/haken/img_n/ico_a5.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox ul li.answer.a6{	background:url(/sp/haken/img_n/ico_a6.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox ul li.answer.a7{	background:url(/sp/haken/img_n/ico_a7.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox ul li.answer.a8{	background:url(/sp/haken/img_n/ico_a8.png) no-repeat 3% 50% / 27px 23px;}

/*SS_WEB_MNT-4991 2020.01.21 ここまで修正*/

.hakenqaBox li div div{
	display:block;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:10px 30px 10px 44px;
	color: #666;
}
/*SS_WEB_MNT-4991 2020.01.21 ここから修正*/
.hakenqaBox li div div.q1{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat 97% 50% / 15px 15px ,url(/sp/haken/img_n/ico_q1.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div.add div.q1{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat 97% 50% no-repeat / 15px 15px,url(/sp/haken/img_n/ico_q1.png) no-repeat 3% 50% no-repeat / 27px 23px;}
.hakenqaBox li div div.q2{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat 97% 50% / 15px 15px ,url(/sp/haken/img_n/ico_q2.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div.add div.q2{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat 97% 50% / 15px 15px,url(/sp/haken/img_n/ico_q2.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div div.q3{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat 97% 50% / 15px 15px ,url(/sp/haken/img_n/ico_q3.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div.add div.q3{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat 97% 50% / 15px 15px,url(/sp/haken/img_n/ico_q3.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div div.q4{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat 97% 50% / 15px 15px ,url(/sp/haken/img_n/ico_q4.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div.add div.q4{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat 97% 50% / 15px 15px,url(/sp/haken/img_n/ico_q4.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div div.q5{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat 97% 50% / 15px 15px ,url(/sp/haken/img_n/ico_q5.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div.add div.q5{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat 97% 50% / 15px 15px,url(/sp/haken/img_n/ico_q5.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div div.q6{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat 97% 50% / 15px 15px ,url(/sp/haken/img_n/ico_q6.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div.add div.q6{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat 97% 50% / 15px 15px,url(/sp/haken/img_n/ico_q6.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div div.q7{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat 97% 50% / 15px 15px ,url(/sp/haken/img_n/ico_q7.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div.add div.q7{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat 97% 50% / 15px 15px,url(/sp/haken/img_n/ico_q7.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div div.q8{	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat 97% 50% / 15px 15px ,url(/sp/haken/img_n/ico_q8.png) no-repeat 3% 50% / 27px 23px;}
.hakenqaBox li div.add div.q8{	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat 97% 50% / 15px 15px,url(/sp/haken/img_n/ico_q8.png) no-repeat 3% 50% / 27px 23px;}
/*SS_WEB_MNT-4991 2020.01.21 ここまで修正*/

.hakenqaBox li div.add div{
	display:block;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:10px 30px 10px 44px;
	color: #666;
}
.gradilinkBox ul li.arrow.pict {
    padding: 0 0 0 0!important;
    border-bottom: 1px solid #dcdcdc;
    border-top: 2px solid #fff;
    background: #ffffff;
}
.gradilinkBox ul li.arrow.pict a{
	text-decoration:none;
	padding: 0 0 0 0!important;
	color:#666;
	background:url(/sp/img_n/ico_arw_r.png) 97% 50% no-repeat;
	background-size: 12px 12px;
	display: table;
  height: 100%;
  width: 100%;
  max-height: 150px;
}
.gradilinkBox ul li.arrow.pict a img{
    width: 90%; 
    max-width: 240px;
    vertical-align: middle;
    display: table-cell;
}
.gradilinkBox ul li.arrow.pict a p{
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	width: 66.6%;
	margin-left: 10px;
}
.area_search_ttl { 
  color: #fd8c25;
  display: inline-block;
  font-size: 16px;
  margin: 20px 0 0;
	position:relative;
	padding-left:30px;
	font-weight: bold;
	font-size: 18px;
	line-height: 35px;

}
.area_search_ttl:after, .area_search_ttl:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#fd8c25; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
 
.area_search_ttl:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}
.areaBox_haken ul li .archive{
	display:block;
	text-decoration:none;
	color:#333333;
	background-color: #ffead7;
}
.areaBox_haken ul{
  overflow: hidden;
}
.areaBox_haken ul li.answer a{
  display: block;
	padding: 15px 0;
	background: #ffffff;
  width: 24.5%;
  float: left;
  margin: 0 0.5% 0.5% 0;
  font-size: 14px;
  text-align: center!important;
}
.areaBox_haken ul li.answer a:nth-child(4n){
    margin: 0 0 0.5% 0;
}


.areaBox_haken li div div{
	display:block;
	padding:15px 30px 15px 44px;
	color: #666;
  margin-bottom: 2px;
  font-size: 14px;
  text-align: center!important;
}
/*SS_WEB_MNT-4991 2020.01.21 ここから修正*/
.areaBox_haken li div div{	background:url(/sp/img_n/ico_hakenqa_plus_2.png) no-repeat 97% 50% / 15px 15px;}
.areaBox_haken li div.add div{	background:url(/sp/img_n/ico_hakenqa_minus_2.png) no-repeat 97% 50% / 15px 15px;}
/*SS_WEB_MNT-4991 2020.01.21 ここまで修正*/


.areaBox_haken li div.add div{
	display:block;
	padding:15px 30px 15px 44px;
	color: #666;
  font-size: 14px;
  text-align: center!important;

}
/*=============================
  パンくずリスト
  ================================*/
#bread_crumb {
	/*border-top: 1px #dddddd solid;*/
	padding: 10px;
	background-color: #f8f8f8;
}
#bread_crumb > ol {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
#bread_crumb li {
    display: inline;
    float: left;
}
#bread_crumb li + li::before {
    color: #ccc;
    content: "＞";
    display: inline-block;
    font-size: 10px;
    padding: 0 4px 0 6px;
}
#bread_crumb li:last-child {
    float: none;
}
.fix{
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 500;
}
.fixUl{
	width: 100%;
	padding: 10px 1.5% 10px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-justify-content: space-between; /* Safari */
	  justify-content:         space-between;
	background: rgba(255,255,255,1.0);
	box-shadow: 0 -3px 8px 0px rgba(174,174,174,0.8);
}
.fix li{
	width: 49%;
}
/*No.3717180 17.10.25ここまで修正*/
/*2018.03.20ここから修正*/
.fix p.close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.fix p.close a {
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.fix p.close a span {
  display: block;
}
.fix p.close a span {
  z-index: 888;
  position: absolute;
  top: -35px;
  right: 5px;
  height: 30px;
  width: 30px;
  display: block;
  position: relative;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  background: #ccc;
}
.fix p.close a span::before, .fix p.close a span::after {
  content: '';
  height: 2px;
  width: 16px;
  display: block;
  background: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  position: absolute;
  top: 14px;
  left: 7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.fix p.close a span::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.blue_pd {
  height: 70px;
  background: #EEF9FC;
}
/*2018.03.20ここから追加*/
.torokukai_text span {
  color: #ff2873;
  font-weight: bold;
}
.torokukai_text span.attenton {
  color: #666!important;
  font-weight: normal;
}
.bd_box{
  border: 2px solid #dce2ee;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0 20px;
}
.torokukai_h3{
  font-size: 16px;
  color: #4d4d4d;
  font-weight: bold;
  text-align: left;
  margin: 0 0 5px;
}
.indent-1em{
  text-indent: -1em;
  padding-left: 1em;
  display: block;
}
.listup.blue_list .archive{
	padding:18px 10px;
	margin-bottom:16px;
	border-bottom:1px solid #cfdfe5;
	background:url(/sp/img_n/ico_hakenqa_plus.png) no-repeat #e2f3fa;
	background-size: 17px 17px;
  background-position: top 50% right 8px;
	color: #21b0e1;
  font-weight: bold;
}
.listup.blue_list .archive.add{
	background:url(/sp/img_n/ico_hakenqa_minus.png) no-repeat #e2f3fa;
	background-size: 17px 17px;
  background-position: top 50% right 8px;
}
.listup.blue_list ol {
  padding:0 0 0 0;
  margin:0 10px;
}
.listup.blue_list ol li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  text-indent: -1.7em;
  padding-left: 1.5em;
  margin-bottom: 5px;
}
.listup.blue_list ol li::before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

/*2018.03.20ここまで修正*/
/* 人材派遣のメリット */
#graphic_wrp {
	background-color: #d7f1fb;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	text-align: center;
}
#graphic_wrp h4 {
	color: #666;
	font-size: 14px;
	text-align: center;
	display: block;
	border-bottom: 1px solid #73c4eb;
	padding-bottom: 5px;
}

#merits_wrap {
padding: 15px 10px;
margin: 0 10px;
background-color: #D7F1FB;
}
#merits_wrap h4{
margin: 5px 10px;
display: inline-block;
}
#merits_wrap .merit_head {
text-align: left !important;
margin: 0;
background: url(/sp/img_n/sp_haken_merit_p01.png) no-repeat right 50%;
background-size: 20px auto;
-webkit-background-size: 20px auto;
}
#merits_wrap .isSelected .merit_head {
background: url(/sp/img_n/sp_haken_merit_m01.png) no-repeat right 50%;
background-size: 20px auto;
-webkit-background-size: 20px auto;
}
#merits_wrap .merit_content {
display: none;
margin-top: 5px;
margin-bottom: 10px;
padding-top: 15px;
text-align: center;
}
#merits_wrap .merit_content p {
margin: 0 10px 1em;
text-align: left;
}
#merits_wrap .isSelected .merit_content {
display: block;
}
#merit_time, #merit_place, #merit_experience, #merit_support {
padding: 10px;
background:#ffffff;
}
#merit_time {
border: 2px solid #FDDFB5;
margin: 0 auto;
}
#merit_time h4 {
color: #FFAD33;
}
#merit_time .merit_content {
border-top: 1px dotted #FFAD33;
}
#merit_experience {
border: 2px solid #FDD9E5;
margin: 0 auto;
}
#merit_experience h4 {
color: #FF6C9E;
}
#merit_experience .merit_content {
border-top: 1px dotted #FF6C9E;
}
#merit_experience .merit_head {
background: url(/sp/img_n/sp_haken_merit_p02.png) no-repeat right 50%;
background-size: 20px auto;
}
#merit_experience.isSelected .merit_head {
background: url(/sp/img_n/sp_haken_merit_m02.png) no-repeat right 50%;
background-size: 20px auto;
}
#merit_place {
border: 2px solid #CFEBCE;
margin: 0 auto;
}
#merit_place h4 {
color: #3D9944;
}
#merit_place .merit_content {
border-top: 1px dotted #3D9944;
}
#merit_place .merit_head {
background: url(/sp/img_n/sp_haken_merit_p03.png) no-repeat right 50%;
background-size: 20px auto;
}
#merit_place.isSelected .merit_head {
background: url(/sp/img_n/sp_haken_merit_m03.png) no-repeat right 50%;
background-size: 20px auto;
}
#merit_support {
border: 2px solid #E8D6FC;
margin: 0 auto;
}
#merit_support h4 {
color: #9265C5;
}
#merit_support .merit_content {
border-top: 1px dotted #9265C5;
}
#merit_support .merit_head {
background: url(/sp/img_n/sp_haken_merit_p04.png) no-repeat right 50%;
background-size: 20px auto;
}
#merit_support.isSelected .merit_head {
background: url(/sp/img_n/sp_haken_merit_m04.png) no-repeat right 50%;
background-size: 20px auto;
}

/* 人材の派遣の仕組み */
dl#shikumi {
margin: 10px auto 20px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
dl#shikumi dt {
	color:#FF6600;
	font-weight:bold;
	margin-bottom:12px;
}
dl#shikumi dd {
margin-bottom: 15px;
margin-top: 5px;
}

/* 紹介予定派遣について */
.blue_font{
	color: #ff6600;
}
.pink_font{
	color: #ff6600;
}
#introduct_step {
margin-top: 20px !important;
margin-bottom: 20px !important;
text-align: center;
}
#introduct_step img {
margin: 10px auto;
}
#introduct_step h4 {
font-size: 16px;
text-align: left;
background-color: #e2f3fa;
margin: 0 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left:10px;
}
#introduct_step p {
	text-align: left;
color: #666;
border-left: 2px solid #e2f3fa;
border-bottom: 2px solid #e2f3fa;
border-right: 2px solid #e2f3fa;
background-color: #fff;
margin: 0 10px !important;
padding: 10px 7px;
}
.attention{
	font-size: 80%;
}
/* 派遣登録から就業までの流れ */
.subnaviTit{
	background: #dcdcdc;
	color: #666;
	font-size: 16px;
	padding: 5px 10px;
}
.stepSectionBox{
	padding-bottom: 46px;
	background: url(/sp/haken/img_n/steparrow.png) no-repeat center bottom;
	background-size: 108.5px 28px;
	margin-bottom: 18px;
}
.sp_tel {
color: #585858;
background: url(/sp/img_n/sp_tel.png) no-repeat 50% top;
background-size: 252px auto;
-webkit-background-size: 252px auto;
text-align: center;
height: 24px;
padding-top: 41px;
font-size: 12px;
width: 220px;
padding-left: 41px;
margin: 0 auto;
}
.pink_area {
	color: #dec90a;
	padding: 0 10px;
	margin-bottom: 27px;
}
.pink_area .point {
margin-bottom: 10px;
font-size: 18px;
}
.blue_area {
	color: #FF6600;
	padding: 0 10px;
	margin-bottom: 27px;
}