@charset "utf-8";


/* common
-----------------------------------------------------------------*/
body{
  position: relative;
}
nav.header_tab_index,
.headerA,
#footerBottom,
.footerNavArea,
.breadcrumbs,
.mdl-body,
.nav_global-search .input_search{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic ProN",
	"Hiragino Sans","メイリオ", Meiryo, Osaka, sans-serif;
}

#breadcrumbs{
  margin-bottom: 0;
}
#Content,#Content select,#Content input#Content textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* breadcrumbsArea */
.breadcrumbsArea{
  background: #555659;
  width: 100%;
  z-index: 9;
  position: relative;
}
.breadcrumbsArea *{
  box-sizing: border-box;
}
.breadcrumbsArea .breadcrumbs{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.breadcrumbsArea .breadcrumbs ul{
  width: 100%;
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  padding: 18px 300px 18px 0;
}
.breadcrumbsArea .breadcrumbs ul li{
  font-size: 12px;
  color: #fff;
  padding-right: 10px;
}
.breadcrumbsArea .breadcrumbs ul li::after{
  content: '>';
  padding-left: 5px;
}
.breadcrumbsArea .breadcrumbs ul li:last-child{
  padding-right: 0;
}
.breadcrumbsArea .breadcrumbs ul li:last-child::after{
  content: '';
}
.breadcrumbsArea .breadcrumbs ul li a{
  color: #fff;
}
@media only screen and (max-width: 667px) {
  .breadcrumbsArea{
    position: absolute;
    top: 105px;    
  }
  .mmbrSts-org ~ .breadcrumbsArea,
  .mmbrSts-org_pre ~ .breadcrumbsArea,
  .mmbrSts-hataraki ~ .breadcrumbsArea {
    top: 182px;
  }
  .breadcrumbsArea .breadcrumbs ul{
    width:calc(100% - 40px);
    padding: 12px 15px;
  }
}


#footer h2{text-align: left;}
#footerBottom{background-color:#fff;}
.pc-elm {
  display:block;
}
.sp-elm {
  display:none;
}
#container {
  font-size: inherit;
  background: #f3f3f3;
}
.pageTop p a {
  background: url(/servicemaster/simulation/simu_images/btn_pagetop2.png) transparent left top no-repeat;
}
#wrapper * {
  box-sizing: border-box;
}
a {
  cursor: pointer;
}
h2 {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
em {
  color: #333 !important;
}
.txaC {
  text-align: center;
}
.txtRed {
  color: #bd0e0e !important;
}
.width25 {
  width: 25%;
}
.width75 {
  width: 75%;
}
.divideLineBlue {
  border-bottom: #4997da 1px solid;
  width: 96%;
  margin: 0 auto 20px auto;
}
.bgRoundBlue {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 20px;
  background-color: #ecf6ff;
}
.hissu {
  display: inline-block;
  padding: 3px 5px 2px;
  background: #eb1750;
  margin-left: 0px;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  vertical-align: middle;
}
.mv {
  overflow: hidden;
  position: relative;
	height: 391px;
  margin-bottom: 65px;
}
.mv img.pc-elm {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1000px;
}
/* .mv .mvBox,
.exchange_mv .mv .mvBox.stepOther{
	display: none;
}
.mv .mvBox.stepOther,
.exchange_mv .mv .mvBox.step1{
	display: block;
} */
/* .exchange_mv .mv{
	height: 351px;
} */
.mv .textBox {
  width: 900px;
  padding-left: 20px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  margin:0 auto;
  text-align: left;
}
.mv .textBoxInner {
  display: table;
  width: 100%;
}
.mv .textBox .cont{

}
.mv .textBox .cont p{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8;
}
.mv .textBox .cont p a{
	color: #e42049;
	text-decoration: underline;
}
.mv .textBox .cont p a[target="_blank"]{
	background: url(/servicemaster/simulation/simu_images/icon_link.png) no-repeat right center;
	background-size: 12px;
	padding-right: 1.5em;
}
.mv .btnBox img.pc-elm{
	position: relative;
	left: 0;
	top: 0;
	margin-left: 0;
}
.mv .linkBtn{
	width: 250px;
	position: absolute;
	right: 0;
	left: 704px;
	bottom: 4px;
	margin: 0 auto;
}
.mv .linkBtn:before{
	display: block;
	content: '';
	position: absolute;
	top: -107px;
	right: 0;
	background: url("/servicemaster/simulation/simu_images/mv_hukidashi.png") no-repeat;
	width: 139px;
	height: 126px;
	z-index: 2;
}
.mv .infoTxt{
  display: none;
}
#simulationBlock {

}
.bodyStep4{
  padding-bottom: 131px;
}

#step02 h4, #step02 .questionArea, #step04 .item .title {
  font-weight: bold;
  font-size: 22px;
  padding: 10px 25px 0;
  margin-bottom: 10px;
}
#step02 .questionArea .noteTxt {
  font-size: 18px;
  padding-left: 1em;
	text-indent: -1em;
  display: inline-block;
}
#step02 h4, #step02 .questionArea{
	margin-bottom: 0;
}
.btn {
  display: block;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  width: 540px;
  box-shadow: 0 3px 5px #aaa;
  transition: all 0.2s;
}
.btn:hover{
 box-shadow: 0 1px 0px #aaa;
 transform: translateY(3px);
 opacity: 0.8;
}
.btn.back,
.btn.edit,
.btn.begin,
.btn.cpback,
.btn.nextLink{
  color:#333333;
  font-size: 20px;
  font-weight: normal;
  border: 1px solid #efefef;
  padding: 12px 0;
  background: url(/servicemaster/simulation/simu_images/arrow_b_l.png) no-repeat 6% center #fff;
  background-size: 3%;
}
.btn.nextLink{
  background: url(/servicemaster/simulation/simu_images/arrow_b_r.png) no-repeat 94% center #fff;
  background-size: 3%;
}
.btn.apply,
.btn.estimates{
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  padding: 10px;
  background: url(/servicemaster/simulation/simu_images/arrow_w_r_large.png) no-repeat 94% center;
  background-size: 3%;
}
.btn.next{
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  padding: 17px;
  background: url(/servicemaster/simulation/simu_images/arrow_w_r_large.png) no-repeat 94% center;
  background-size: 3%;
  background-color: #ddd;
}
.step.ok .btn.next {
  background-color: #eb1751;
}
.btn.apply{
  background-color: #eb1751;
}
.btn.estimates{
  background-color: #ed742d;
}

.btn.next {
  margin-top: 30px;
}
.btn.back {
  margin: 20px auto 0 auto;

}
.btn.begin {
  margin-top: 10px;
}
.btn:hover {
  text-decoration: none;
}

#step01 .btnArea {
  width: 540px;
  margin: 0 auto;
}
#step01 .btnArea .btn.next {
  margin-top: 45px;
  width: 100%;
}
#step02 .btnArea .btn.next,
#step03 .btnArea .btn.next {
  margin-top: 25px;
  margin: 0 auto;
}

#step02 .btnArea .btn.next{

}
#step02 .addArea:after{
  content:'';
  display:table;
  clear:both;
}
#step02 .addArea .btn.add {
  width: 180px;
  padding: 10px 5px;
  margin: 10px 10px 0 0;
  float:right;
  background: #ddd;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  display:none;
}
#step02 .addArea.on .btn.add {
  background: #1b7cce;
  display:block;
}
#step02 .btn.add span {
  background: url(/servicemaster/simulation/simu_images/icon_plus.png) no-repeat left center;
  background-size: 17px;
  padding-left: 25px;
}
#step04 .btn.edit {

}
#step05 .btn.apply,
#step05 .btn.estimates{
  margin: 25px auto 40px;
}

.show {
  display: block !important;
}
#wrapper .cu_link{
  padding: 10px;
  margin: 0 auto 65px;
  background: #fff;
  text-align: center;
  font-size: 16px;
}
#wrapper .cu_link > a{
  color: #e42049;
  font-size:16px;
  text-decoration: underline;
}
#wrapper .cu_link > a:hover {

}
#wrapper .campaignLinkBlock{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 40px;
}
#wrapper .campaignLinkBox{
  border: #f9bad0 2px solid;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  background: #fde4ec url(/servicemaster/simulation/simu_images/arrow_p_r.png) no-repeat right 7px center;
  background-size: 27px;
}
#wrapper .campaignLinkBox._coin{
  border: #c4c4c4 2px solid;
  background: #ffffff url(/servicemaster/simulation/simu_images/arrow_p_r.png) no-repeat right 7px center;
  background-size: 27px;
}
#wrapper .campaignLinkBox{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  padding-right: 35px;
  padding-left: 15px;
  background-size: 27px;
}
#wrapper .campaignLinkBox._coupon{
  padding-left: 20px;
}
#wrapper .campaignLinkBox._coin{
  padding-left: 10px;
}
#wrapper .campaignLinkBox:hover{
  text-decoration: none;
}
#wrapper .campaignLinkBox .ttlBox{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
#wrapper .campaignLinkBox._coupon .ttlBox{
  gap: 15px;
}
#wrapper .campaignLinkBox .ttl{
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
#wrapper .campaignLinkBox._coupon .ttl{
  letter-spacing: 1px;
}
#wrapper .campaignLinkBox .ttl .spStep{
  display: none;
}
#wrapper .campaignLinkBox .ttl .adj{
  letter-spacing: -1px;
}
#wrapper .campaignLinkBox._390cp .ttlBox img{
  width: 51px;
}
#wrapper .campaignLinkBox._coupon .ttlBox img{
  width: 55px;
}
#wrapper .campaignLinkBox._coin .ttlBox img{
  width: 90px;
}
#wrapper .campaignLinkBox .text{
  display: none;
  font-size: 14px;
  line-height: 1.6;
}
.bodyStep1 #wrapper .campaignLinkBox{
  display: block;
  background: #fde4ec url(/servicemaster/simulation/simu_images/arrow_p_r.png) no-repeat right 7px bottom 7px;
  background-size: 27px;
  padding: 20px;
  padding-bottom: 40px;
}
.bodyStep1 #wrapper .campaignLinkBox._390cp{
  padding-top: 25px;
}
.bodyStep1 #wrapper .campaignLinkBox._coin{
  background: #ffffff url(/servicemaster/simulation/simu_images/arrow_p_r.png) no-repeat right 7px bottom 7px;
  background-size: 27px;
}
.bodyStep1 #wrapper .campaignLinkBox .ttlBox{
  margin-bottom: 10px;
}
.bodyStep1 #wrapper .campaignLinkBox._390cp .ttlBox{
  margin-bottom: 20px;
}
.bodyStep1 #wrapper .campaignLinkBox .text{
  display: block;
}
#wrapper .topBtnArea{
  display: none;
}
.bodyStep1 #wrapper .topBtnArea{
  display: block;
}
#wrapper .topBtnArea .btn {
  margin: auto;
  margin-bottom: 60px;
}
#wrapper .topBtnArea .cpTxt {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#wrapper .topBnrArea {
  padding: 5px 0 45px;
  text-align: center;
}
.bodyStep1 #wrapper .topBnrArea {
  margin-top: -15px;
  padding-top: 0;
}
#wrapper .topBnrArea img {
  width: 300px;
  max-width: 100%;
}
#stepBlock{
  display: none;
  font-size: 20px;
}
#stepBlock[class*="st"]{
  display: block;
}
#stepBlock.st1{
  display: none;
}
#stepBlock ul {
  display: table;
  width: 100%;
  margin-bottom:55px;
}
#stepBlock ul li {
  width: 25%;
  display: table-cell;
  position: relative;
  padding: 0;
  text-align: center;
  background-color: #666666;
  vertical-align: middle;
}
#stepBlock ul li > * {
  position: relative;
  padding: 0 5px 0 1.5em;
  height: 54px;
  line-height: 54px;
  color: #fff;
  border-color: #666666;
  vertical-align: middle;
}
#stepBlock ul li.active {
  font-weight: bold;
  color: #fff;
  background-color: #1b7cce;
  border-color: #1b7cce;
}
#stepBlock ul li p {
  font-size: 20px;
}
body #stepBlock .step_photo_entry{
  display: block;
}
body #stepBlock .step_estimates{
  display: none;
}
body.applyNg #stepBlock .step_photo_entry,
body.applyNgOver11item #stepBlock .step_photo_entry{
  display: none;
}
body.applyNg #stepBlock .step_estimates,
body.applyNgOver11item #stepBlock .step_estimates{
  display: block;
}


#stepBlock ul li.active p {
  border-color: #1b7cce;
}
#stepBlock ul li.step01:after, #stepBlock ul li.step02:after, #stepBlock ul li.step03:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 100%;
  height: 0;
  width: 0;
  border: 33px solid transparent;
  border-right-width: 0;
  border-left-width: 12px;
}
#stepBlock ul li.step01 p:after, #stepBlock ul li.step02 p:after, #stepBlock ul li.step03 p:after{
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  height: 0;
  width: 0;
  border: 27px solid transparent;
  border-right-width: 0;
  border-left-width: 10px;
}
#stepBlock ul li.step01:after, #stepBlock ul li.step02:after, #stepBlock ul li.step03:after{
  z-index: 1;
  border-left-color: #fff;
  margin: 0;
}
#stepBlock ul li.step01 p:after, #stepBlock ul li.step02 p:after, #stepBlock ul li.step03 p:after{
  z-index: 2;
  border-left-color: inherit;
}
#stepBlock ul li:first-of-type > * {
  padding-left: 1em;
}
#stepBlock ul li:last-of-type {
  margin-right: 0;
}
#stepBlock ul li:last-of-type > * {
  padding-right: 1.6em;
  border-radius: 0 .25em .25em 0;
}
#stepBlock.st1 ul li.step01 {
  background-color: #1b7cce;
  border-color: #1b7cce;
}
#stepBlock.st1 ul li.step02 {
  background-color: #ccc;
}
#stepBlock.st1 ul li.step02 p:after {
  border-left-color: #ccc;
}
#stepBlock.st1 ul li.step03 {
  background-color: #ccc;
}
#stepBlock.st1 ul li.step03 p:after {
  border-left-color: #ccc;
}
#stepBlock.st1 ul li.step04 {
  background-color: #ccc;
}
#stepBlock.st2 ul li.step01 {
  background-color: #666;
}
#stepBlock.st2 ul li.step02 {
  background-color: #1b7cce;
  border-color: #1b7cce;
}
#stepBlock.st2 ul li.step03 {
  background-color: #ccc;
}
#stepBlock.st2 ul li.step03 p:after {
  border-left-color: #ccc;
}
#stepBlock.st2 ul li.step04 {
  background-color: #ccc;
}
#stepBlock.st3 ul li:not(.active).step03,
#stepBlock ul li.step04 {
  background-color: #ccc;
}
#stepBlock.st3 ul li:not(.active).step03 p:after {
  border-left-color: #ccc;
}
#stepBlock ul li.step04 .step_estimates{
  color: #bd0e0e;
}
#stepBlock.st2 ul li.step01,
#stepBlock.st3 ul li.step01,
#stepBlock.st4 ul li.step01,
#stepBlock.st4 ul li.step02,
#stepBlock.st5 ul li.step01,
#stepBlock.st5 ul li.step02,
.bodyStep4 #stepBlock.st3 ul li.step02{
  cursor: pointer;
  text-decoration: underline;
  color: #ffffff;
}
#stepBlock.st2 ul li.step01:hover,
#stepBlock.st3 ul li.step01:hover,
#stepBlock.st4 ul li.step01:hover,
#stepBlock.st4 ul li.step02:hover,
#stepBlock.st5 ul li.step01:hover,
#stepBlock.st5 ul li.step02:hover,
.bodyStep4 #stepBlock.st3 ul li.step02:hover{
  text-decoration: none;
}
#simulationBlock .step h2 {
  margin-bottom: 20px;
}
#simulationBlock .step h2 span {
  display: block;
}
#simulationBlock .step h2 .img {
  width: 24%;
  margin: 0 auto;
}
#simulationBlock .step h2 .text {
  font-size: 22px;
  margin-top: 10px;
}
#simulationBlock .Service_select_box {
  width: 635px;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}


.item  {
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  margin: 0 10px 10px;
  position: relative;
  padding-top: 60px;
  padding-bottom: 15px;
  font-size: 20px;
  position: relative;
}
.item:before{
  content:'0';
  color: #fff;
  text-align: center;
  font-size: 28px;
  position: absolute;
  width: 54px;
  display: block;
  top: 0px;
  left: 0px;
  background: #333;
  padding: 5px 0;
  z-index: 1;
}
.contentsArea_cp .item:before,
.contentsArea_otameshi .item:before{
	content: none;
}
.service .item:nth-of-type(1):before{
  content:'1';
}
.service .item:nth-of-type(2):before{
  content:'2';
}
.service .item:nth-of-type(3):before{
  content:'3';
}
.service .item:nth-of-type(4):before{
  content:'4';
}
.service .item:nth-of-type(5):before{
  content:'5';
}
.service .item:nth-child(2),
.service .item:nth-child(3),
.service .item:nth-child(4),
.service .item:nth-child(5) {
  margin-top: 25px;
}
.border-gray {
  border: 1px solid #ccc;
}

#step02 .item [type="checkbox"].disabled + span
{
  color: #ccc;
  background:url(/servicemaster/simulation/simu_images/btn_box_desabled.png) no-repeat center left;
  background-size: 22px;
  cursor: normal;
}


.accBox {
  margin: 10px 25px 15px;
}
.accBox._detail {
  margin: 0 10px 20px;
}
.accBox._detail .accTtl{
	display: inline-block;
	border-radius: 30px;
	padding: 8px 20px;
	background: #fff;
	box-shadow: 0 3px 5px #aaa;
	transition: all 0.2s;
}
.accBox._detail .accTtl:hover{
	box-shadow: 0 1px 0px #aaa;
  transform: translateY(3px);
  opacity: 0.8;
}
.accBox._detail .accTtl span{
	text-decoration: none;
}
@media print{
	.accBox._detail {
	  display:none;
	}
}
.accBox .accTtl {
  cursor: pointer;
}
.accBox .accTtl:hover{
	opacity: 0.8;
}
.accBox .accTtl span {
  font-size: 18px;
  padding-left: 3px;
  vertical-align: top;
  font-weight: bold;
  text-decoration: underline;
}
.accBox .accTtl img {
  vertical-align: middle;
  margin-bottom: 5px;
}
.accBox dd {
  display: none;
}
.accBox .accCont{
  padding: 15px 20px;
  background: #fff;
  box-shadow: 0 3px 3px #c7c7c7;
  border: #4997da 2px solid;
  box-sizing: border-box;
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
}
.accBox .accCont .acClose{
	padding: 0 10px;
}
.accBox .accCont .acCloseBtn{
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
}
.sectionTypeQ .accBox .accCont{
  margin-bottom: 20px;
}
.accBox .accCont .triangle {
  border: 20px solid transparent;
  border-bottom: 20px solid #4997da;
  z-index: 2;
  top: -40px;
  left: 48px;
  position:absolute;
}
.accBox dd h5 {
  margin: 15px 0 0;
  padding:0 0 30px;
}
.accBox dd h5.blue {
  text-align: center;
  color: #fff;
  background: #4997da;
  padding:10px 0 10px;
}
.accBox dd .img_box {
  display: inline-block;
  width: 230px;
  margin:0 0 15px 0;
  vertical-align: top;
}
.accBox dd .txt_box {
  display: inline-block;
  width: 64%;
}
.accBox dd .txt_box p.title {
  font-size: 20px;
  margin: 0 0 15px 0;
  font-weight: bold;
}
.accBox dd .txt_box ol li {
  color: #555555;
  font-size: 16px;
  display: block;
  font-weight: bold;
  margin-bottom: 20px;
}
.accBox dd .txt_box ol li span {
  font-size: 16px;
  display: inline-block;
  font-weight: normal;
  margin-left: 1em;
}
.accBox dd .txt_box ol li span em {
  font-size: 16px;
  display: inline-block;
  font-weight: normal;
  text-indent: -1em;
  margin-left: 2em;
}
.accBox dd .blue_bg {
  padding: 10px 0 5px;
  background: #ecf6ff;
}
.accBox dd .blue_bg ul {
  margin: 0px 10px 5px;
}
.accBox dd .blue_bg ul li:before {
  content: "●";
  margin-right: 10px;
  font-size: 14px;
  color: #4997da;
}
.accBox dd .blue_bg ul li {
  display: inline-block;
  font-size: 16px;
  margin: 5px;
}
.accBox .part dd {
  padding: 20px 20px 0;
  border: 0;
  color: #555;
  margin: 0;
  text-align: center;
}
.accBox .part dd:before {
  content: none;
}
#couponBalloon {
  width: 370px;
  box-sizing: border-box;
  border: 1px solid #e85282;
  border-radius: 5px;
  position: absolute;
  background: #fff;
  margin-top: -200px;
  z-index: 1100;
  display: none;
}
#couponBalloon.premium.user_guest{
  margin-top: -290px;
}
#couponBalloon.premium.user_member{
  margin-top: -310px;
}
#couponBalloon:after {
  content: '';
  width: 19px;
  height: 16px;
  position: absolute;
  bottom: -16px;
  left: 57px;
  background: url(/favorite/images/balloon_btm.png) no-repeat 0 0;
}
#couponBalloon div {
  text-align: center;
  padding: 0 0 15px;
}
#couponBalloon .loginTxt {
  padding: 15px 0 10px;
  font-size: 15px;
}
#couponBalloon .premiumTxt_is_normal,
#couponBalloon .premiumTxt_is_guest
 {
  padding: 15px 5px 10px 10px;
  font-size: 14px;
  text-align: left;
}
#couponBalloon .premiumTxt_is_normal .menberDiscription,
#couponBalloon .premiumTxt_is_guest .menberDiscription{
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
}
#couponBalloon .premiumTxt_is_normal .menberDiscription dt,
#couponBalloon .premiumTxt_is_guest .menberDiscription dt{
  font-weight: bold;
}
#couponBalloon .bnr {
  display: block;
  width: 300px;
  margin: 10px auto 0;
  font-size: 0;
}
#couponBalloon .loginTxt,
#couponBalloon .premiumTxt_is_guest,
#couponBalloon .premiumTxt_is_normal
{
  display: none;
}
#couponBalloon.login .loginTxt{
  display: block;
}
#couponBalloon.premium.user_member .premiumTxt_is_normal{
  display: block;
}
#couponBalloon.premium.user_guest .premiumTxt_is_guest{
  display: block;
}

#couponBalloon .pbnr_txt {
  width: 300px;
  margin: 10px auto 10px;
}
#couponBalloon .pbnr {
  width: 300px;
  margin: 10px auto 0;
}
#couponBalloon .pbnr img{
  width: 100%;
  height: auto;
}
#couponBalloon p.close {
  text-align: center;
  border-top: 1px solid #dedede;
}
#couponBalloon p.close a {
  display: block;
  color: #e85282;
  padding: 10px;
}

.modalWrap{
  position: fixed;
  z-index: 5001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  cursor: pointer;
  background-color: rgba(0,0,0,0.7);
}
#modalWindowContents{
	display: none;
}
#modalWindow{
	width: 470px;
  height: 85%;
	border: 8px solid #007CC8;
	position: fixed;
	background: #fff;
	z-index: 10001;
	top: 50%;
  left: 0;
  right: 0;
	margin: 0 auto;
  overflow-y: auto;
	box-sizing: border-box;
}
#modalWindow .ico_close{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
}
#modalWindow .ico_close a{
	display: inline-block;
}
#modalWindow .ico_close img{
	margin-right: 4px;
	margin-bottom: 15px;
	max-height: 300px;
  width: auto;
}
#modalWindow.modalAirKokin .ico_close img{
  width: 15px;
}
#modalWindow.modal_390Campaign .ico_close img{
  width: 45px;
}
#modalWindow .inner{
	padding: 30px;
	position: relative;
	cursor: default;
}
#modalWindow .modalHd{
	font-family: "Noto Sans JP";
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #007CC8;
	border-bottom: dotted 2px #7F7F7F;
}
#modalWindow .inner.scroll-act{
	overflow-y: auto;
}
#modalWindow .inner::-webkit-scrollbar{
	height: 4px;
	width: 10px;
}
#helpWindow .inner::-webkit-scrollbar-thumb{
	background: #c0c0c0;
	border-radius: 10px;
}
#modalWindow .inner::-webkit-scrollbar-track-piece{
	background: #efefef;
}
#modalWindow .modalCont{
	font-family: "Noto Sans JP";
	text-align: center;
}
#modalWindow .modalCont p{
	font-size: 14px;
}
#modalWindow .modalTtl{
	font-weight: bold;
}
#modalWindow .fc_blue,
#modalWindow .fc_blue p{
	color: #007CC8;
}
#modalWindow .linkArrow{
	position: relative;
	padding-right: 1em;
	color: #007CC8;
	text-decoration: underline;
}
#modalWindow .linkArrow:before{
	position: absolute;
	display: inline-block;
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	width: 6px;
	height: 6px;
	border-top: 2px solid #007CC8;
	border-right: 2px solid #007CC8;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#modalWindow .linkArrow:hover{
	text-decoration: none;
}
#modalWindow .serviceArea{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #87c6ec;
	text-align: center;
}
#modalWindow .serviceArea .txt_catch{
	color: #007cc8;
	font-size: 18px;
	font-weight: bold;
}
#modalWindow .serviceArea .txt_sub{
	margin-top: 15px;
}
#modalWindow .serviceArea .serviceBox .cir_service{
	display: inline-block;
	position: relative;
	width: 84px;
	height: 84px;
	background-color: #007cc8;
	margin: 13px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 84px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
}
#modalWindow .serviceArea .serviceBox .cir_service .kome{
	display: block;
	position: absolute;
	bottom: 12px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 11px;
	font-weight: normal;
}
#modalWindow .serviceArea .imageBox{
	background-color: #e4eff6;
	padding: 15px 10px 10px;
	text-align: center;
}
#modalWindow .serviceArea .imageBox .txt_catch{
	font-size: 16px;
}
#modalWindow .serviceArea .indent{
	margin-top: 20px;
}
#modalWindow .serviceArea .indent li{
	margin-top: 3px;
	margin-left: 2em;
	text-indent: -2em;
	color: #007cc8;
	font-size: 13px;
	text-align: left;
}
@media screen and (max-width: 896px){
	#modalWindow{
		width: 90%;
		height: 70%;
		top: 50%;
		top: calc((50%) + 30px);
		left: 0;
		right: 0;
		margin: auto;
		overflow: scroll;
	}
	#modalWindow .inner{
		padding: 15px;
	}
	#modalWindow .modalCont{
		text-align: left;
	}
	#modalWindow .serviceArea .txt_sub{
		font-size: 13px;
	}
	#modalWindow .serviceArea .imageBox .txt_catch{
		font-size: 14px;
	}
}
#couponOverlay {
  z-index: 1000;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.7;
  position: fixed;
  width: 100%;
  height: 100%;
  display: none;
}

#modalWindowAlert{
  position: fixed;
  z-index: 1003;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  cursor: pointer;
  background-color: rgba(0,0,0,0.7);

  visibility: hidden;
  opacity:0;
  cursor:default;
  transition: .2s;
}
#modalWindowAlert.active{
  visibility: visible;
  opacity:1;
  transition: .2s;
}
#modalWindowAlert .modalBox{
	position:absolute;
    top:50%;
    left:50%;	
	width:80%;
    max-width:460px;
	transform:translate(-50%,-50%);
}
#modalWindowAlert .que{
	padding:30px 40px 25px;
	background:#fff;
}
#modalWindowAlert .ans{
	padding:10px 40px;
	background:#F2F2F2;
	border-top:#E8E8E8 solid 1px;
}
#modalWindowAlert p,
#modalWindowAlert li,
#modalWindowAlert a{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#modalWindowAlert .modalBox p{
	text-align:left;
	font-size:20px;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.6;
}
#modalWindowAlert .modalBox ul{
	display:flex;
    justify-content:space-around;
    
}
#modalWindowAlert .modalBox li{
	width:100%;
	max-width:140px;
}
#modalWindowAlert .modalBox li a{
	display:block;
	font-size:14px;
	  padding:7px 10px;
	  
	  border:#B7B7B7 solid 1px;
	  background:#E1E1E1;
}
#modalWindowAlert .modalBox li a:hover{
	text-decoration:none;
	color:#333;
	background:#E5F1FB;
	border:#0078D7 solid 1px;
}
#modalWindowAlert .modalBox li a:active{
	background:#CCE4F7;
	border:#005499 solid 1px;
}
@media screen and (max-width:667px) {
	#modalWindowAlert .que{
		padding:30px 15px 25px;
		background:#fff;
	}
	#modalWindowAlert .ans{
		padding:10px 15px;
	}
	#modalWindowAlert .modalBox p{
	  font-size:14px;
	}
	#modalWindowAlert .modalBox li{
        margin:0 5px;
	}
	#modalWindowAlert .modalBox li a{
	  font-size:13px;
	  padding:10px 5px;
	}
}

.defAcc .defAccBtn a{
  position: relative;
  padding-right: 1em;
  text-decoration: underline;
}
.defAcc .defAccBtn a::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  border: 2px solid;
  border-color:  transparent transparent #333 #333;
  transform: rotate(-45deg);
}
.defAcc .defAccCont{
  display: none;
}

/* SP
-----------------------------------------------------------------*/
@media screen and (max-width:667px) {

  /* common
  -----------------------------------------------------------------*/
  #Content {
    padding-top: 103px;
  }
.mmbrSts-org ~ #Content,
.mmbrSts-org_pre ~ #Content,
.mmbrSts-hataraki ~ #Content {
	padding-top: 187px;
}
  .pc-elm{
    display: none;
  }
  .sp-elm{
    display: block;
  }
  .img-max {
    width: 100%;
  }
	.exchange_mv .mv{
		height: 100%;
		padding-bottom: 10px;
		margin-bottom: 0;
	}
  .mv {
    height: 100%;
    line-height: 100vh;
    margin-bottom: 20px;
  }
  .mv .textBox {
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: static;
  }
  .mv .textBoxInner {
    display: block;
  }
  .mv .textBox .cont{
		display: block;
		width: 100%;
  }
  .mv .textBox .cont p{
  	font-size: 11px;
  	font-weight: bold;
  	line-height: 1.8;
    text-indent: -19px;
    margin-left: 19px;
  }
	.mv .btnBox{
		position: relative;
	}
	.mv .infoTxt{
		margin: 15px auto 20px;
		padding: 0 10px;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.6;
	}
  .bodyStep1 .mv .infoTxt{
    display: block;
  }
  .notSpStep1{
    display: none;
  }
  .mv .infoTxt p + p{
    margin-top: 7px;
  }
  .mv .infoTxt p:last-child{
    font-size: 11px;
  }
	.mv .btnBox .btnBoxInner{
		display: flex;
		width: 88%;
		height: 26vw;
		text-align: center;
	}
	.mv .btnBox .linkBtn{
		width: 100%;
	}
	.mv .btnBox .linkBtn:before{
		background: url("/servicemaster/simulation/simu_images/mv_hukidashi_sp.png") no-repeat;
		background-size: contain;
		width: 45%;
    height: 100%;
		top: 5%;
		left: 2%;
	}
	.mv .btnBox .linkBtn a{
		display: block;
		margin: auto 0 0 46%;
	}
  #container #wrapper {
    padding-top: 0px;
  }
  .pageTop p a {
    background-image: none;
  }
  #wrapper .cu_link{
    width: 100%;
    margin-bottom: 20px;
  }
  #wrapper .cu_link > a{
    font-size: 14px;
    margin: 0 auto;
    display: block;
  }
  #wrapper .campaignLinkBlock{
    padding: 0 10px;
    margin-bottom: 15px;
    gap: 5px;
  }
  #wrapper .campaignLinkBox,
  #wrapper .campaignLinkBox._coupon,
  #wrapper .campaignLinkBox._coin{
    background-size: 13px;
    background-position: right 6px bottom 5px;
    position: relative;
    padding: 70px 4% 10px;
  }
  #wrapper .campaignLinkBox::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
  #wrapper .campaignLinkBox._390cp::before{
    width: 45px;
    height: 45px;
    background: url(/servicemaster/simulation/simu_images/icon_390cp.png) no-repeat;
    background-size: contain;
    top: 15px;
  }
  #wrapper .campaignLinkBox._coupon::before{
    width: 50px;
    height: 33px;
    background: url(/servicemaster/simulation/simu_images/icon_coupon.png) no-repeat;
    background-size: contain;
    top: 20px;
  }
  #wrapper .campaignLinkBox._coin::before{
    width: 70px;
    height: 40px;
    background: url(/servicemaster/simulation/simu_images/icon_coin.png) no-repeat;
    background-size: contain;
    top: 15px;
  }
  #wrapper .campaignLinkBox .ttlBox .img{
    display: none;
  }
  #wrapper .campaignLinkBox .ttlBox{
    justify-content: flex-start;
  }
  #wrapper .campaignLinkBox .ttl{
    font-size: 12px;
    text-align: center;
  }
  #wrapper .campaignLinkBox._coupon .ttl{
    letter-spacing: 0;
  }
  #wrapper .campaignLinkBox .ttl .spStep,
  #wrapper .campaignLinkBox .ttl .step{
    display: block;
  }
  .bodyStep1 #wrapper .campaignLinkBlock{
    flex-direction: column;
    margin-bottom: 20px;
  }
  .bodyStep1 #wrapper .campaignLinkBox,
  .bodyStep1 #wrapper .campaignLinkBox._390cp,
  .bodyStep1 #wrapper .campaignLinkBox._coin{
    padding: 15px;
    background-position: right 8px center;
    background-size: 18px;
    padding-right: 30px;
    padding-left: 26%;
  }
  .bodyStep1 #wrapper .campaignLinkBox::before{
    top: 0;
    bottom: 0;
    right: auto;
  }
  .bodyStep1 #wrapper .campaignLinkBox._390cp::before{
    width: 45px;
    height: 45px;
    background: url(/servicemaster/simulation/simu_images/icon_390cp.png) no-repeat;
    background-size: contain;
    left: 7%;
  }
  .bodyStep1 #wrapper .campaignLinkBox._coupon::before{
    width: 50px;
    height: 33px;
    background: url(/servicemaster/simulation/simu_images/icon_coupon.png) no-repeat;
    background-size: contain;
    left: 5%;
  }
  .bodyStep1 #wrapper .campaignLinkBox._coin::before{
    width: 70px;
    height: 40px;
    background: url(/servicemaster/simulation/simu_images/icon_coin.png) no-repeat;
    background-size: contain;
    left: 5%;
  }
  .bodyStep1 #wrapper .campaignLinkBox .ttlBox,
  .bodyStep1 #wrapper .campaignLinkBox._390cp .ttlBox{
    margin-bottom: 0;
  }
  .bodyStep1 #wrapper .campaignLinkBox .ttl{
    font-size: 15px;
    text-align: left;
    letter-spacing: 0;
  }
  .bodyStep1 #wrapper .campaignLinkBox .ttl .spStep,
  .bodyStep1 #wrapper .campaignLinkBox .ttl .step{
    display: none;
  }
  #wrapper .campaignLinkBox .text{
    font-size: 12px;
  }
  #wrapper .topBtnArea{
    padding: 10px;
  }
  #wrapper .topBtnArea .btn{
    margin-bottom: 45px;
  }
  #wrapper .topBtnArea .cpTxt {
    margin-bottom: 10px;
    font-size: 15px;
  }
  #wrapper .topBnrArea {
    padding: 30px 10px 45px;
  }
  .bodyStep1 #wrapper .topBnrArea {
    margin-top: -10px;
  }
  #wrapper .topBnrArea img {
    width: 100%;
  }
  #stepBlock ul {
    margin-bottom: 20px;
  }
	#stepBlock ul li{
		display: table;
		float: left;
	}
  #stepBlock ul li p {
		display: table-cell;
		vertical-align: middle;
    font-size: 12px;
    height: 58px;
    line-height: normal;
    padding: 0 3px 0 1.5em;
  }
  body #stepBlock .step_photo_entry{
    display: table-cell;
  }
  body.applyNg #stepBlock .step_estimates,
  body.applyNgOver11item #stepBlock .step_estimates{
    display: table-cell;
  }
  body.applyNg #stepBlock .step_estimates,
  body.applyNgOver11item #stepBlock .step_estimates{
    padding-right: 1em;
    font-size: 11px;
  }

  #stepBlock ul li.step01:after, #stepBlock ul li.step02:after, #stepBlock ul li.step03:after {
    top: -5px;
  }
  #stepBlock ul li.step01 p:after, #stepBlock ul li.step02 p:after, #stepBlock ul li.step03 p:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    height: 0;
    width: 0;
    border: 29px solid transparent;
    border-right-width: 0;
    border-left-width: 10px;
  }
  #stepBlock ul li.step01 p::after, #stepBlock ul li.step02 p:after , #stepBlock ul li.step03 p:after {
    z-index: 2;
    border-left-color: inherit;
  }
  #simulationBlock {
    padding: 0 0 0;
  }
  #simulationBlock .step h2 {
    margin-bottom: 15px;
  }
  #simulationBlock .step h2 .text {
    font-size: 18px;
  }
  .item{
    padding-top: 50px;
    padding-bottom: 10px;
  }
  .item:before {
    font-size: 22px;
    width: 40px;
    display: block;
    padding: 5px 0;
  }
  #step02 h4, #step04 .item .title {
    margin-bottom: 0;
  }
  .btn {
    width: 100%;
  }
  .btn.back,
  .btn.edit,
  .btn.begin,
  .btn.cpback,
  .btn.nextLink{
    font-size: 16px;
    padding: 13px 30px;
    background-size: 3%;
  }
  .btn.apply,
  .btn.estimates{
    font-size: 18px;
    padding: 10px;
    background-size: 3%;
  }
  .btn.next{
    font-size: 16px;
    padding: 17px;
    background-size: 3%;
  }
  #prdList .prdListTtl{
	font-size: 92.5%;
  }
  #prdList #list{
	background: #FFFFFF;
  }
  .accBox {
    margin: 0 10px 10px 10px;
  }
  .accBox .accTtl span{
    font-size: 14px;
    vertical-align: middle;
    line-height: 1;
  }
  .sectionTypeQ .accBox .accCont{
    margin-bottom: 10px;
  }
  .accBox .accCont{
    padding: 10px;
	  margin-bottom: 20px;
  }
  .accBox .accCont .acClose{
    padding: 0;
    text-align: right;
  }
  .accBox .accCont .acCloseBtn{
    display: inline-block;
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
  }
  .accBox .part dd {
    padding: 0;
  }
  #couponBalloon{
    width: 100%;
    left:0px !important;
  }
}

/* STEP1
-----------------------------------------------------------------*/
#step01 {
  width: 100%;
  margin: 0 auto;
}
#step01 .msg{
  font-size: 22px;
  margin: 0 0 35px;
  text-align: center;
}
#step01 .msg .txt{
  margin-right: 10px;
}
#step01 .msg .ditailLink{
  text-decoration: underline;
  margin-top: 5px;
  font-size: 15px;
  background: url(/servicemaster/simulation/simu_images/icon_link.png) no-repeat right center;
  background-size: 12px;
  padding-right: 1.25em;
  color: #e42049;
}
#step01 .msg .hissu{
  line-height: 21px;
}
#step01 .balloon {
  position: relative;
  padding: 15px 4%;
  margin-bottom:15px;
}
#step01 .balloon p {
  text-align: center;
  font-weight: bold;
  font-size: 21px;
  color: #fff;
}
#step01 .buttonBox {
  width: 445px;
  margin: 0 auto;
  padding-bottom: 20px;
}
#step01 .buttonBox li.place {
  float: left;
  padding: 5px;
}
#step01 .buttonBox li.place:hover{
	opacity: 0.9;
}
#step01 .buttonBox li.place a {
  display: block;
  position: relative;
  width: 138px;
  height: 138px;
  border: #1e7bc9 2px solid;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  padding-bottom: 100%;
  transition: background 0.5s;
  white-space: nowrap;
  overflow: hidden;
  line-height: 0;
  background-color: #ffffff;
  background-repeat: no-repeat;
}
#step01 .buttonBox li.place a.active {
  background-color: #4997da;
}
#step01 .buttonBox li.place a:before{
  content: '';
  display: block;
  width: 134px;
  height: 134px;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 20;
  opacity: 0;
  transition: opacity 0.5s 0.5s;
}
#step01 .buttonBox li.place a.active:before{
  opacity: 1;
}
#step01 .buttonBox li.place .text{
	display: block;
	position: absolute;
	top: 91px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10;
	color: #1e7bc9;
	font-size: 17px;
	font-weight: bold;
}
#step01 .buttonBox li.place .aircon_only .text{
  top:80px;
}
#step01 .buttonBox li.place a.active:before{
  top: 0px;
}
#step01 .buttonBox li.place a .boad{
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}
#step01 .buttonBox li.place a .boad:after{
  content: '';
  display: block;
  width: 67px;
  height: 39px;
  background: url(/servicemaster/simulation/simu_images/icon_check.png) no-repeat;
  background-size: contain;
	margin: 64% auto 0;
}
#step01 .buttonBox li.place a.active .text{
  color: #fff;
}
#step01 .buttonBox li.place a.active .boad:after{
  top: 0%;
}
#step01 .buttonBox li.place a.aircon_only {
  background-image: url(/servicemaster/simulation/simu_images/icon_aircononly.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.aircon {
  background-image: url(/servicemaster/simulation/simu_images/icon_aircon.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.kitchen {
  background-image: url(/servicemaster/simulation/simu_images/icon_kitchen.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.rangehood {
  background-image: url(/servicemaster/simulation/simu_images/icon_rangehood.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.yokushitsu {
  background-image: url(/servicemaster/simulation/simu_images/icon_yokushitsu.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.senmenjo {
  background-image: url(/servicemaster/simulation/simu_images/icon_senmenjo.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.toilet {
  background-image: url(/servicemaster/simulation/simu_images/icon_toilet.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.aircon_only::before {
  background-image: url(/servicemaster/simulation/simu_images/icon_aircononly_set.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.aircon::before {
  background-image: url(/servicemaster/simulation/simu_images/icon_aircon_set.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.kitchen::before {
  background-image: url(/servicemaster/simulation/simu_images/icon_kitchen_set.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.rangehood::before {
  background-image: url(/servicemaster/simulation/simu_images/icon_rangehood_set.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.yokushitsu::before {
  background-image: url(/servicemaster/simulation/simu_images/icon_yokushitsu_set.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.senmenjo::before {
  background-image: url(/servicemaster/simulation/simu_images/icon_senmenjo_set.png);
  background-size: 100% auto;
}
#step01 .buttonBox li.place a.toilet::before {
  background-image: url(/servicemaster/simulation/simu_images/icon_toilet_set.png);
  background-size: 100% auto;
}
#step01 .contentsArea{
  position: relative;
}
#step01 .contentsArea{

}
#step01 .loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  background: url("/servicemaster/simulation/simu_images/loader.gif") no-repeat center center #fff;
}



@media screen and (max-width:667px) {
  #step01 {
    width: 100%;
    padding: 0 10px;
  }
  #step01 .msg{
    font-size: 16px;
    margin: 0px 0 19px;
    text-align: left;
  }
  #step01 .msg:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  #step01 .msg .ditailLink{
    float: right;
  }
  #step01 .msg .txt{
  }
  #step01 .msg .hissu{
  }
  #step01 .Service_select_box .contentsArea {
    margin-bottom: 45px;
  }
  #simulationBlock .Service_select_box{
    width: 100%;
    height:auto;
  }
  #step01 .balloon p {
    text-align: left;
    font-size: 16px;
  }
  #step01 .buttonBox {
    width: 100%;
    padding: 0 5% 20px;
  }
  #step01 .buttonBox li.place {
    width: 50%;
    margin-top: 0;
    position: relative;
  }
  #step01 .buttonBox li.place a {
    width: 100%;
    height:auto;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  #step01 .buttonBox li.place a:before{
    width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
  }
  #step01 .buttonBox li.place a .text{
    width: 100%;
	  height: 100%;
	  top: 67%;
		letter-spacing: -1px;
  }
  #step01 .buttonBox li.place a.aircon_only .text{
    top: 61%;
  }
  #step01 .buttonBox li.place a.rangehood .text{
    letter-spacing: -2px;
  }
  #step01 .buttonBox li.place a .boad{
    width: 100%;
    height: 99%;
    top:0;
    left:0;
  }
  #step01 .buttonBox li.place a .boad:after{
    width: 50%;
	  height: 100%;
	  top: 61%;
	  left: 0;
  }
  #step01 .buttonBox li.place:nth-child(odd) {
    margin-right: 0;
  }
  #step01 .btnArea {
    margin-bottom: 45px;
    width: 100%;
  }

}
/* STEP2
-----------------------------------------------------------------*/
#step02 {
  display: none;
}
#step02 .attention {
  margin: 0 auto;
}
#step02 .attention > li,
#step04 .attention > li {
  font-size: 16px;
  color: #555;
  text-indent: -1em;
  margin-left: 15px;
}
#step02 .attention._narrow > li {
  margin-bottom: 5px;
}
#step02 .attention._narrow .noteTxt {
  padding-left: 1em;
}
#step02 .anchorArea{
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 30px auto 60px;
}
#step02 .anchorArea a{
  display: table-cell;
  background-color: #1b7ccd;
  background-image: url(/servicemaster/simulation/simu_images/arrow_w_d.png);
  background-repeat: no-repeat;
  background-position: center 36px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 3px 5px #aaa;
  padding: 10px 0 22px;
  transition: all 0.2s;
  border-right: 1px solid #fff;
}
#step02 .anchorArea a:last-child{
  border-right: none;
}
#step02 .anchorArea a:hover{
  /*box-shadow: 0 1px 1px #aaa;
  transform: translateY(3px);*/
  opacity: 0.8;
  text-decoration: none;
}
#step02 .anchorArea .off{
  background-color: #d5d5d5;
}
#step02 .anchorArea .aircon{
}
#step02 .anchorArea .rangehood{
}
#step02 .anchorArea .kitchen{
}
#step02 .anchorArea .yokushitsu{
}
#step02 .anchorArea .senmenjo{
}
#step02 .anchorArea .toilet{
}
@media screen and (max-width:667px) {
  #step02 .anchorArea{
    margin: 0px auto 35px;
  }
  #step02 .anchorArea a{
    font-size: 3vw;
    padding: 2vw 0 5vw;
    background-position: center bottom 5px;
    vertical-align: middle;
  }
  #step02 .anchorArea .off{
  }
}

#step02 .service {
  background: #f3f3f3;
  margin-bottom: 70px;
}
#step02 .service h2.itemName {
  background-color: #4997da;
  color: #fff;
  padding: 10px 10px 10px 68px;
  text-align: left;
  font-size: 22px;
  position: relative;
  cursor: pointer;
}
#step02 .service h2.itemName:after{
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top:13px;
  right: 2%;
  z-index: 1;
  display: block;
  background-image: url(/servicemaster/simulation/simu_images/icon_minus.png);
  background-position:left center;
  background-repeat:no-repeat;
  background-size: 24px;
}
#step02 .service.open h2.itemName:after{
  background-image: url(/servicemaster/simulation/simu_images/icon_plus.png);
}
#step02 .aircon.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_aircon.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step02 .kitchen.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_kitchen.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step02 .yokushitsu.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_yokushitsu.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step02 .senmenjo.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_senmenjo.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 70%;
}
#step02 .toilet.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_toilet.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 70%;
}
#step02 .rangehood.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_rangehood.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step02 .item .section {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  border: solid 4px #1b7cce;
  margin:0 30px 30px 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 5px #c7c7c7;
}
#step02 .item .section.mLR0{
  margin-left: 0;
  margin-right: 0;
}
#step02 .item .section p {
  margin: 10px 25px;
}
#step02 .item .section .form_item {
  margin: 10px 25px 20px 25px;
}
#step02 .item .section .form_search_result {
  display: none;
}
#step02 .air_no_search {
  display: none;
}
#step02 .form_search_ttl {
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: solid 4px #1b7cce;
  font-size: 22px;
}
#step02 .form_search_list {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #a9a9a9;
  overflow-y: scroll;
  max-height: 280px;
}
#step02 .form_search_list_item {
  position: relative;
  width: 33.33%;
  padding-left: 20px;
  font-size: 22px;
  margin: 10px 0 0;
  background: url(/servicemaster/simulation/simu_images/arrow_list.gif) no-repeat center left;
  background-size: 12px;
}
#step02 .form_search_list_item.not_result {
  padding-left: 0;
  width: 100%;
  background:none;
}
#step02 .form_search_list_item.not_result:hover {
  text-decoration: none;
  cursor: auto;
}
#step02 .form_search_list_item:nth-of-type(-n+3) {
  margin: 0;
}
#step02 .form_search_list_item:hover {
  text-decoration: underline;
  cursor: pointer;
}
#step02 .item .section .form_search_select{
  display: none;
  margin-top: 20px;
}
#step02 .item .section .form_search_select p{
  font-size: 22px;
}
#step02 .item .section .form_search_detail{
  margin-top: 10px;
}
#step02 .item .section .form_search_txt{
  padding: 0 10px;
}
#step02 .item .section .form_search_select_ttl {
  padding: 10px;
  background-color: #ecf6ff;
}
#step02 .item .section .form_search_link{
  text-align: right;
  text-decoration: underline;
}
#step02 .item .section .form_search_link span{
  cursor: pointer;
}
#step02 .item .section.p0 {
  display: block;
  background-color: #ecf6ff;
}
#step02 .item .section.p0 h4,
#step02 .item .section.p0 .questionArea {
  color: #333;
  background-color: #fff;
  padding: 15px 10px 15px 25px;
  line-height: 1.6;
}
#step02 .item .delbtn {
  cursor: pointer;
  width: 178px;
  border-radius: 30px;
  padding: 8px 0;
  text-align: center;
  background: #666;
  color: #fff;
  display: inline-block;
  position: absolute;
  font-size: 15px;
  z-index: 1;
  top:10px;
  right: 30px;
  box-shadow: 0 3px 5px #aaa;
  transition: all 0.2s;
}
#step02 .item .delbtn:hover{
  box-shadow: 0 1px 0px #aaa;
  transform: translateY(3px);
  opacity: 0.8;
}
#step02 .item .delbtn .f{}
#step02 .item .delbtn .s{display:none;}

#step02 .item .section .box2.boxPd{
	padding-top: 10px;
}
#step02 .item .section .boxCol2{
	display: table;
	width: 100%;
}
#step02 .item .section .img_box {
    display: table-cell;
    width: 23%;
    padding-right: 30px;
    padding: 10px 30px 20px 25px;
    vertical-align: middle;
}
#step02 .item .section .img_box img{
  width: 100%;
}
#step02 .item .section .img_box .cbox:hover{
	opacity: 0.8;
}
#step02 .item .section .text_box {
  display: table-cell;
  width: 38%;
  vertical-align: middle;
}
#step02 .item .section .boxCol2._ex .text_box{
    vertical-align: top;
}
#step02 .item .section .text_box p {
  font-size: 16px;
}
#step02 .item input[type="radio"] {
  display: none;
}
#step02 .item [type="radio"] + span {
  background: url(/servicemaster/simulation/simu_images/btn_radio.png) no-repeat center left;
  background-size: 24px;
  font-size: 22px;
  padding-left: 30px;
  margin-right: 20px;
}
#step02 .item [type="radio"]:checked + span {
  color: #1b7cce;
  background: url(/servicemaster/simulation/simu_images/btn_radio_checked.png) no-repeat center left;
  background-size: 24px;
  padding-left: 30px;
  margin-right: 20px;
}
#step02 .item [type="radio"]:disabled + span {
  background: url(/servicemaster/simulation/simu_images/btn_radio_disabled.png) no-repeat center left;
  background-size: 20px;
  color:#ccc;
}
#step02 .item input[type="checkbox"] {
  display: none;
}
#step02 .item input[type="text"] {
  width: 57%;
  padding: 4px 10px;
  font-size: 20px;
}
#step02 .item input[type="text"]:-ms-input-placeholder {
  color: #777777;
}
#step02 .item select {
  width: 60%;
  padding: 4px 10px;
  color: #333;
  font-size: 20px;
  border: 2px solid #aaa;
  background: #fff;
  line-height: 30px;
}
#step02 .item select:disabled {
  background-color:#eee;
  color:#ccc;
}
#step02 .item select option{
  font-size: 20px;
  line-height: 30px;
}
#step02 .item [type="checkbox"] + span {
  color: #333;
  background: url(/servicemaster/simulation/simu_images/btn_box.png) no-repeat center left;
  background-size: 22px;
  padding-left: 35px;
  font-size: 22px;
}
#step02 .item [type="checkbox"]:checked + span {
  color: #1b7cce;
  background: url(/servicemaster/simulation/simu_images/btn_box_checked.png) no-repeat center left;
  background-size: 22px;
  padding-left: 35px;
}
#step02 .item [type="checkbox"]:disabled + span {
  background-image:url(/servicemaster/simulation/simu_images/btn_box_desabled.png);
  background-size: 22px;
  color:#ccc;
}
#step02 .item .section .note {
  font-size: 16px;
  color: #e60404;
  text-indent: -1em;
  margin-left: 50px;
  margin-top: 5px;
  margin-bottom:20px;
}
#step02 .item .section .note_area {
  margin: 0 0 20px;
}
#step02 .item .section .note_area .note {
  margin-bottom: 0;
}
#step02 .item .section .note.black {
  color: #333;
}
#step02 .item .section .txt_link_area{
  margin: 0 0 20px 0;
}
#step02 .item .section .txt_link_area .txt_link {
  display: inline-block;
  margin-left: 35px;
}
#step02 .item .section .txt_link_area .txt_link img{
  margin-bottom: 0;
}
#step02 .item .section ul.attention li.fs14,
#step02 .item .section .note.fs14 {
  font-size: 14px;
}
#step02 .item li .note {
  margin-left: 15px;
}
#step02 .addArea {

}
#step02 .addArea .text {
  font-weight: bold;
}
#step02 .btnArea,
#step03 .btnArea {
  background: #f3f3f3;
  padding: 10px 7.8% 30px;
}
#step02 .btnAreaTop,
#step03 .btnAreaTop {
  display:none;
}
#step02 .btnArea .next {
  margin-top: 0;
}
#step02 .item .m15_0{
  margin: 15px 0 !important;
}
#step02 .item .mb0{
  margin-bottom: 0 !important;
}
#step02 .item .section .orange_box {
  display: block;
  border: 4px solid #fb8a59;
  margin: 15px 25px;
}
#step02 .item .section li .orange_box {
  margin: 15px 0px;
  padding: 0 10px;
}
#step02 .item .section .orange_box .note {
  font-weight: bold;
}
#step02 .item .section.fukidashi1 {
  border: none;
  border-radius: 0;
  border: 1px solid #f1c1ac;
  position: relative;
  background: #fdede6;
  margin: 30px 0px 25px;
  padding:15px;
  overflow: visible;
  box-shadow: none;
}
#step02 .item .section.fukidashi1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 20px solid #f1c1ac;
}
#step02 .item .section.fukidashi1:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  margin-top: -2px;
  border: 20px solid transparent;
  border-top: 20px solid #fdede6;
}
#step02 .item .section.fukidashi1 p {
  margin: 0px;
  font-size: 18px;
  text-align: center;
}
#step02 .yokushitsu .item .section ul.form_item_fukidashi_area {
  margin: 30px 0px 0px;
}
#step02 .yokushitsu .item .section ul.attention {
  margin: 0 25px 0 60px;
}
#step02 .yokushitsu .item .section .detailInner ul.attention {
  margin: 0 auto;
}
#step02 .select_Error {
  display: none;
  padding: 5px 5px 0 5px;
  color: #eb1750;
  font-size: 18px !important;
}
#step02 .section.sectionErr .select_Error,
#step02 .exOption.sectionErr .select_Error,
#step02 .prefBoxArea.sectionErr .select_Error {
  display: block;
}
#step02 .item .section.sectionErr .questionArea {
  background: #ffdade;
  padding-bottom: 10px;
}
#step02 .item .section.p0.sectionErr .questionArea {
  background: #ffdade;
  height: 95px;
}
#step02 .item .sectionErr .exOption .exQ {
  background: #ffdade;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#step02 .item .exOption.sectionErr h5 {
  background: #ffdade;
}
#step02 .item .section .exOption.sectionErr h5.pdgB {
  padding-bottom: 10px;
}
#step02 .detailInner > *,
#step04 .detailInner > * {
  margin-bottom: 20px;
}
#step02 .detailInner .pointWrap .p_con,
#step04 .detailInner .pointWrap .p_con{
	padding: 40px 20px 20px;
	border: 3px solid #ffc64c;
	border-top: none;
}
#step02 .detailInner .pointWrap .p_ttl,
#step04 .detailInner .pointWrap .p_ttl{
	background: #ffc64c;
	padding: 7px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
#step02 .detailInner .pointWrap .pointBlock,
#step04 .detailInner .pointWrap .pointBlock{
	margin: 0 auto;
}
#step02 .detailInner .pointWrap .pointBlock:after,
#step04 .detailInner .pointWrap .pointBlock:after{
	clear: both;
	content: "";
	display: block;
}
#step02 .detailInner .pointWrap .pointBox,
#step04 .detailInner .pointWrap .pointBox{
	position: relative;
	float: left;
	margin-left: 20px;
	margin-bottom: 0;
	background: #f8f8f8;
	padding: 30px 15px 15px;
}
#step02 .detailInner .pointWrap .pointBox:first-child,
#step04 .detailInner .pointWrap .pointBox:first-child{
	margin-left: 0;
}
#step02 .detailInner .pointWrap ._column2 .pointBox,
#step04 .detailInner .pointWrap ._column2 .pointBox{
	width: 413px;
}
#step02 .detailInner .pointWrap ._column3 .pointBox,
#step04 .detailInner .pointWrap ._column3 .pointBox{
	width: 268px;
}
#step02 .detailInner .pointWrap .tag,
#step04 .detailInner .pointWrap .tag{
	position: absolute;
	display: inline-block;
	background-color: #f56331;
	width: 100px;
	top: -23px;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: 5;
	padding: 6px 0;
	color: #fff;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
}
#step02 .detailInner .pointWrap .tag:after,
#step04 .detailInner .pointWrap .tag:after{
	content: "";
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f56331 transparent transparent transparent;
  border-width: 7px 5px 0 5px;
}
#step02 .detailInner .pointWrap .tag span,
#step04 .detailInner .pointWrap .tag span{
	margin-left: 3px;
	font-size: 26px;
	display: inline-block;
  vertical-align: text-bottom;
	line-height: 26px;
}
#step02 .detailInner .pointWrap .pointBox .cont,
#step04 .detailInner .pointWrap .pointBox .cont{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#step02 .detailInner .pointWrap .pointBox .cont span,
#step04 .detailInner .pointWrap .pointBox .cont span{
	font-size: 14px;
}
#step02 .detailInner .pointWrap .attention,
#step04 .detailInner .pointWrap .attention{
	margin-top: 30px;
}
#step02 .detailInner .pointWrap .attention li,
#step04 .detailInner .pointWrap .attention li{
	text-indent: -3em;
	margin-left: 3em;
	margin-bottom: 5px;
}
#step02 .detailInner > *:last-child,
#step04 .detailInner > *:last-child {
  margin-bottom: 0;
}
#step02 .detailInner p.heading{
  font-size: 22px;
  font-weight: bold;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  color: #555;
}
#step02 .detailInner .btmBd {
  border-bottom: #cccccc 1px solid;
}
#step02 .detailInner .ttl,
#step04 .detailInner .ttl {
  font-weight: bold;
  color: #333;
}
#step02 .detailInner .ttl,
#step04 .detailInner .ttl {
  font-size: 20px;
}
#step02 .detailInner .subttl {
  font-weight: bold;
}
#step02 .detailInner p,
#step04 .detailInner p {
  font-size: 16px;
}
#step02 .detailInner p.txtArea {
  margin-left: 0;
  margin-right: 0;
  color: #555;
}
#step02 .item .section .detailInner p.nomgn {
  margin: 0;
}
#step02 .detailInner .acClose + .boxImgR,
#step04 .detailInner .acClose + .boxImgR{
  margin-top: 30px;
}
#step02 .detailInner .boxImgL:after,
#step04 .detailInner .boxImgL:after,
#step02 .detailInner .boxImgR:after,
#step04 .detailInner .boxImgR:after {
  clear: both;
  content: "";
  display: block;
}
#step02 .detailInner .boxImgL .eye,
#step04 .detailInner .boxImgL .eye {
  float: left;
}
#step02 .detailInner .boxImgR .eye,
#step04 .detailInner .boxImgR .eye {
  float: right;
}
#step02 .detailInner .boxImgL .eye > *,
#step04 .detailInner .boxImgL .eye > * ,
#step02 .detailInner .boxImgR .eye > * ,
#step04 .detailInner .boxImgR .eye > * {
  margin-bottom: 20px;
}
#step02 .detailInner .boxImgL .eye > *:last-child,
#step04 .detailInner .boxImgL .eye > *:last-child,
#step02 .detailInner .boxImgR .eye > *:last-child,
#step04 .detailInner .boxImgR .eye > *:last-child {
  margin-bottom: 0;
}
#step02 .detailInner .boxImgL .message,
#step04 .detailInner .boxImgL .message {
  padding-left: 250px;
}
#step02 .detailInner .boxImgR .message,
#step04 .detailInner .boxImgR .message {
  padding-right: 250px;
}
#step02 .detailInner .boxImgL .message > p,
#step04 .detailInner .boxImgL .message > p,
#step02 .detailInner .boxImgR .message > p,
#step04 .detailInner .boxImgR .message > p {
  margin: 0 0 20px 0;
  color: #555;
}
#step02 .detailInner .boxImgL .message p.btmAtt,
#step04 .detailInner .boxImgL .message p.btmAtt,
#step02 .detailInner .boxImgR .message p.btmAtt,
#step04 .detailInner .boxImgR .message p.btmAtt {
	margin-bottom: 0;
}
#step02 .detailInner .boxImgL .message > *:last-child,
#step04 .detailInner .boxImgL .message > *:last-child,
#step02 .detailInner .boxImgR .message > *:last-child,
#step04 .detailInner .boxImgR .message > *:last-child {
  margin-bottom: 0;
}
#step02 .detailInner .boxImgL .message span.cPink{
  color: #eb1750;
}
#step02 .detailInner .boxImgL .message span.cBlue{
  color: #1a93ac;
}
#step02 #step02 .detailInner .boxImgL .message sup {
  font-size: 14px;
  font-weight: bold;
  color: #eb1750;
}
#step02 .detailInner .message .lead{
  font-weight: bold;
  font-size: 22px;
}
#step02 .stripeTable,
#step04 .stripeTable {
  width: 100%;
}
#step02 .stripeTable tr:nth-child(even),
#step04 .stripeTable tr:nth-child(even) {
  background-color: #fffbe5;
}
#step02 .stripeTable tr > *,
#step04 .stripeTable tr > * {
  vertical-align: middle;
}
#step02 .stripeTable tr:nth-child(odd),
#step04 .stripeTable tr:nth-child(odd) {
  background-color: #fff7cc;
}
#step02 .stripeTable th,
#step04 .stripeTable th {
  text-align: center;
  padding: 10px;
  background-color: #ffc64c;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#step02 .stripeTable th:last-child,
#step04 .stripeTable th:last-child {
  border-right: 0;
}
#step02 .stripeTable td,
#step04 .stripeTable td {
  padding: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#step02 .stripeTable td:last-child,
#step04 .stripeTable td:last-child {
  border-right: 0;
  text-align: right;
}
#step02 .stripeTable th,
#step04 .stripeTable th {
  font-size: 18px;
}
#step02 .stripeTable td,
#step04 .stripeTable td {
  font-size: 16px;
}
#step02 .stripeTable td span,
#step04 .stripeTable td span {
  font-weight: bold;
  padding: 0 10px;
}
#step02 .part > dt,
#step04 .part > dt {
  padding: 10px;
  background: #4997da;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
#step02 .part > dd .imgWrap.w500,
#step04 .part > dd .imgWrap.w500{
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}
#step02 .part > dd .imgWrap img,
#step04 .part > dd .imgWrap img{
  width: 100%;
  max-width: 100%;
}

#step02 ul.partItems,
#step04 ul.partItems{
  margin: 0;
}
#step02 .part .partItems:after,
#step04 .part .partItems:after {
  clear: both;
  content: "";
  display: block;
}
#step02 .part .partItems li,
#step04 .part .partItems li {
  float: left;
}
#step02 .part .partItems li,
#step04 .part .partItems li{
  font-size: 16px;
  margin: 0 10px 10px 0;
}
#step02 .part .partItems li:before,
#step04 .part .partItems li:before {
  content: "●";
  margin-right: 10px;
  font-size: 14px;
  color: #4997da;
}
#step02 #simulationBlock .step h2{
  margin-bottom: 25px;
}
#step02 h3 {
  background-color: #1b7cce;
  text-align: center;
  color: #fff;
  font-size: 22px;
  line-height: 1.6;
}
#step02 ul {
  margin: 0px 25px 10px;
}
#step02 ul li {
  margin-bottom: 10px;
}
#step02 h5 {
  font-weight: bold;
}
#step02 .addArea .txerr {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  color: #eb1751;
  font-size: 16px;
}
#step02 .addArea.on .txerr {
  display: none;
}

#step02 .exOption:before,
#step02 .exOption2:before {
  transition: opacity 1S;
  content: "";
  position: absolute;
  display: block;
  top: -36px;
  left: 50px;
  /*border: 18px solid transparent;*/
  border-bottom: 18px solid #fff;
  z-index: 3;
}
#step02 .exOption:after,
#step02 .exOption2:after {
  transition: opacity 1S;
  content: "";
  position: absolute;
  display: block;
  top: -40px;
  left: 48px;
  border: 20px solid transparent;
  border-bottom: 20px solid #4997da;
  z-index: 2;
}
#step02 .exOption, #step02 .exOption2 {
  display: block;
  background: #fff;
  border: #4997da 2px solid;
  box-sizing: border-box;
  position: relative;
  margin:25px 0px 15px;
  box-shadow: 0 3px 3px #c7c7c7;

}
#step02 li .exOption {
  margin: 30px 0px 15px;
}
#step02 .item .section .exOption h5,
#step02 .item .section .exOption2 h5 {
  font-weight: bold;
  font-size: 22px;
  padding:15px 20px;
  padding-bottom: 0;
}
#step02 .item .section .exOption p,
#step02 .item .section .exOption2 p {
  margin:15px 25px;
}
#step02 .item .section .exOption .box2,
#step02 .item .section .exOption2 .box2 {
  margin:15px 25px;
}

#step02 .item .section .exOption .detailInner p {
  margin:0 0 20px 0;
}
#step02 .item .section .exOption p.btmAtt {
  margin-bottom: 5px;
}
#step02 .item .section .exOption p.note,
#step02 .item .section .exOption2 p.note {
  margin-left: 25px;
}

/* KWK jsによる出しわけ処理*/
#step02 .aircon .tenjyoOnly,
#step02 .aircon .kabekakeOnly{
  display: none;
}

#step02 .kitchen .shokidanaOnly,
#step02 .kitchen .kansoOnly{
  display: none;
}
#step02 .yokushitsu .yokushitsukansoOnly{
  display: none;
}
#step02 .senmenjo .p2{
  display: none;
}
#step02 .toilet .yogoreOnly{
  display: none;
}
#step02 .yokushitsucleanOnly2 {
  margin-bottom: 15px;
}
#step02 .item .exOption.sectionErr .yokushitsucleanOnly2 h5 {
  background: #fff;
}
.ttl-optionTxt {
  margin-top: 40px;
}
.divideLineBlue {
  margin: 0 auto;
}
.sectionTypeQ .questionArea {
  font-weight: bold;
  font-size: 22px;
  padding: 10px 25px;
  margin-bottom: 0;
}
.sectionTypeQ .accBox {
  margin: 10px 0 0 0;
}

/* colorbox */
#cboxLoadedContent {
    margin-bottom: 20px;
}
#cboxClose {
     position: static;
	 margin: -18px auto 0;
}
#cboxContent {
     overflow: visible;
     padding-bottom: 20px;
}
#cboxMiddleLeft,
#cboxMiddleRight {
  background: none;
  position: relative;
}
#cboxMiddleLeft::before {
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% + 20px);
  top:0;
  bottom: 0;
  background: url(images/border2.png) repeat-y 0 0;
}
#cboxMiddleRight::before {
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% + 20px);
  top:0;
  bottom: 0;
  background: url(images/border2.png) repeat-y -25px 0;
}
#cboxClose .delbtn{
    width: 178px;
    border-radius: 30px;
    padding: 8px 0;
    text-align: center;
    background: #666;
    color: #fff;
    font-size: 15px;
    box-shadow: 0 3px 5px #aaa;
    transition: all 0.2s;
}
#cboxClose .delbtn:hover{
    box-shadow: 0 1px 0px #aaa;
    transform: translateY(3px);
    opacity: 0.8;
}
/* .prefBoxArea */
#step02 .prefBoxArea{
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
	margin-bottom: 30px;
	padding: 20px 4% 25px;
	color: #555;
	text-align: center;
}
#step02 .prefBoxArea.sectionErr {
	background: #ffdade;
}
#step02 .prefBoxArea p{
	font-size: 22px;
}
#step02 .prefBoxArea .note{
	margin-top: 10px;
}
#step02 .prefBoxArea .note li{
	text-align: center;
	margin-left: 1em;
	text-indent: -1em;
	color: #666666;
}
#step02 .prefBoxArea .pref_select{
	margin-top: 15px;
	text-align: center;
}
#step02 .prefBoxArea .pref_select select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 60%;
	margin: 0 auto;
	padding: 0.5em;
	font-size: 16px;
  background: #fff url(/servicemaster/simulation/simu_images/arrow_b_d.png) no-repeat center right 10px;
  border: 1px solid #8b8b8b;
}

@media screen and (max-width:667px) {

  label {
    color: #333;
  }

  .itemAll {
    margin-top: 10px;
  }
  #step02 .attention > li,
  #step04 .attention > li {
    font-size: 15px;
  }
  #step02 ul li:last-child,
  #step04 ul li:last-child {
    margin-bottom: 0;
  }

  #step02 h3 {
    width: 100%;
	font-size: 16px;
	padding: 5px 0;
  }
  #step02 .item .section .exOption2 h5 {
    padding:10px;
  }
  #step02 .item input[type="radio"] {
    margin-bottom: 10px;
  }
  #step02 .item .section.fukidashi1 p {
    font-size: 14px;
  }
  #step02 .box2 {
    padding: 10px;
  }
  #step02 h4, #step02 .questionArea, #step02 .sectionTypeQ .questionArea, #step04 .item .title {
    padding: 10px 10px 10px;
    font-size: 16px;
  }
  #step02 .questionArea .noteTxt {
    font-size: 14px;
  }
  #step02 .item .section.sectionErr .questionArea{
  	margin-bottom: 10px;
  }
  #step02 .sectionTypeQ .questionArea{
  	margin-bottom: 0 !important;
  }
  #step02 ul {
    margin: 0px 10px 10px;
  }
  #step02 .service h2.itemName {
    padding: 10px 10px 10px 75px;
    font-size: 18px;
  }
  #step02 .service h2.itemName:after{
    width: 20px;
    height: 20px;
    top:12px;
    right: 12px;
    background-size: 20px;
  }
  #step02 .aircon.service h2.itemName {
    background-position: 4% center;
  }
  #step02 .kitchen.service h2.itemName {
    background-position: 4% center;
	padding: 10px 10px 10px 65px;
  }
  #step02 .yokushitsu.service h2.itemName {
    background-position: 4% center;
  }
  #step02 .senmenjo.service h2.itemName {
    background-position: 4% center;
  }
  #step02 .toilet.service h2.itemName {
    background-position: 4% center;
  }
  #step02 .rangehood.service h2.itemName {
    background-position: 4% center;
  }


  #step02 .item .delbtn{
    width: 10em;
    top:10px;
    right: 10px;
    font-size: 14px;
    padding: 5px 0;
  }
  #step02 .item .section {
    margin:0 10px 10px 10px;
  }
  #step02 .item .section.p0 h4,
  #step02 .item .section.p0 .questionArea{
    padding: 10px;
  }
  #step02 .item .section .boxCol2{
  	display: block;
  }
  #step02 .item .section .form_item {
    margin: 0;
    padding-top: 0;
  }
  #step02 .item .section .img_box{
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0;
  }
  #step02 .item .section .form_search_ttl {
    margin: 10px;
    font-size: 16px;
  }
  #step02 .form_search_list{
    padding: 10px;
  }
  #step02 .form_search_list_item{
    width: 50%;
    padding-left: 9px;
    background-size: 8px;
    font-size: 13px;
  }
  #step02 .form_search_list_item.not_result{
    width: 100%;
  }
  #step02 .form_search_list_item:before{
    width: 8px;
    height: 8px;
    margin-top: -4px;
  }
  #step02 .form_search_list .form_search_list_item:nth-of-type(-n+3){
    margin-top: 10px;
  }
  #step02 .form_search_list .form_search_list_item:nth-of-type(-n+2){
    margin-top: 0;
  }
  #step02 .item .section .form_search_select {
    margin-top: 10px;
  }
  #step02 .item .section .form_search_select p {
    margin: 10px;
    font-size: 16px;
  }
  #step02 .item .section .text_box{
    display: block;
    width: 100%;
    padding: 0 auto;
    margin: 0;
  }
  #step02 .item .section .exOption .box2,
  #step02 .item .section .exOption2 .box2{
    margin: 0 0;
    padding-top: 0;
  }
  #step02 .item [type="radio"] + span {
    background-size: 20px;
    font-size: 16px;
    padding-left: 24px;
    margin-right: 0px;
    margin-bottom: 10px;
    display: block;
  }
  #step02 .item .box2 label:last-child [type="radio"] + span {
    margin-bottom: 0;
  }
  #step02 .item [type="radio"]:checked + span {
    background-size: 20px;
    padding-left: 24px;
    margin-right: 0px;
  }
  #step02 .item input[type="text"] {
    width: 98%;
    font-size: 16px;
  }
  #step02 .item [type="checkbox"] + span {
    font-size: 16px;
    padding-left: 35px;
    margin-right: 0px;
    margin-bottom: 10px;
    display: block;
  }
  #step02 .item label:last-child [type="checkbox"] + span {
    margin-bottom: 0;
  }
  #step02 .btnArea,
  #step03 .btnArea {
   padding: 0px 10px 30px;
  }
  #step02 .item .section.p0 h4,
  #step02 .item .section.p0 .questionArea,
  #step02 .item .section.p0.sectionErr .questionArea{
    position: static;
    height: auto;
  }
  #step02 .item .section .orange_box {
    padding: 0 5px;
  }
  #step02 .item .section .orange_box p.note {
    font-size: 18px;
    margin:0 0 0 15px;
  }
  #step02 .item .section.fukidashi1 {
    margin: 10px 0px 25px;
    padding: 10px;
  }
  #step02 .attention._detail > li{
  	font-size: 15px;
  }
  #step02 .item .m15_0{
  	margin: 10px !important;
  }
  #step02 .select_Error {
    padding: 3px 5px 3px 0px;
    margin-bottom: 0px;
	font-size: 14px !important;
  }
  #step02 .sectionErr .box2{
    margin-top: 10px;
  }
  #step02 .sectionErr.sectionTypeQ .box2{
    margin-top: 0;
  }
  #step02 .item select{
    -webkit-appearance: none;
	background: url(/servicemaster/simulation/simu_images/icon_select.png) no-repeat 98% center;
	background-size: 4.5%;
	background-color: #FFFFFF;
    font-size: 16px;
    width: 100%;
	line-height: 30px;
  }


  #step02 .detailInner > *,
  #step04 .detailInner > * {
    margin-bottom: 10px;
  }
  #step02 .detailInner .acClose + .boxImgR,
  #step04 .detailInner .acClose + .boxImgR{
    margin-top: 0;
  }
  #step02 .detailInner .boxImgL .message > p,
  #step04 .detailInner .boxImgL .message > p,
  #step02 .detailInner .boxImgR .message > p,
  #step04 .detailInner .boxImgR .message > p {
    margin-bottom: 10px;
  }
  
  #step02 .part > dd .imgWrap.w500{
    width: 100%;
  }
  #step02 .addArea{
    padding: 0 10px;
  }
  #step02 .addArea .btn.add {
    width: 10em;
    font-size: 14px;
    margin-top: 20px;
  }
  #step02 .btn.add {
    width: 98%;
    border-radius: 30px;
    padding: 15px 5px;
    margin-top: 10px;
  }
  #step02 .btn.add span {
    background-size: contain;
  }
  #step02 .item .section .txt_link_area {
    margin: 0 10px 15px 10px;
  }
  #step02 .exOption, #step02 .exOption2 {
    margin: 25px 10px 10px 10px;
  }
  #step02 .exOption.yokushitsucleanOnly {
    margin: 25px 0px 15px;
  }
  #step02 .item .section .exOption h5,
  #step02 .item .section .exOption2 h5 {
    font-size: 16px;
    padding: 10px;
	padding-bottom: 0;
  }
  #step02 .item .section .exOption h5.exQ{
  	margin-bottom: 10px;
  }
  #step02 .item .section .exOption .img_box,
  #step02 .item .section .exOption2 .img_box {
    width: 88%;
    margin: 0 auto;
    display: block;
  }
  #step02 .detailInner p,
  #step04 .detailInner p{
  	font-size: 15px;
  }
  #step02 .detailInner .ttl,
  #step04 .detailInner .ttl,
  #step02 .detailInner p.heading,
	#step02 .detailInner .pointWrap .p_ttl,
	#step04 .detailInner .pointWrap .p_ttl{
  	font-size: 16px;
  }
	#step02 .detailInner .pointWrap .p_con,
	#step04 .detailInner .pointWrap .p_con{
		padding: 10px;
	}
	#step02 .detailInner .pointWrap .pointBox,
	#step04 .detailInner .pointWrap .pointBox{
		float: none;
		display: table;
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0;
		padding: 0;
	}
	#step02 .detailInner .pointWrap ._column2 .pointBox,
	#step04 .detailInner .pointWrap ._column2 .pointBox,
	#step02 .detailInner .pointWrap ._column3 .pointBox,
	#step04 .detailInner .pointWrap ._column3 .pointBox{
		width: 100%;
	}
	#step02 .detailInner .pointWrap .pointBox:last-child,
	#step04 .detailInner .pointWrap .pointBox:last-child{
		margin-bottom: 0;
	}
	#step02 .detailInner .pointWrap .tag,
	#step04 .detailInner .pointWrap .tag{
		position: static;
		display: table-cell;
		vertical-align: middle;
		width: 19%;
		padding: 5px 0;
		font-size: 12px;
		line-height: 1.2;
	}
	#step02 .detailInner .pointWrap .tag span,
	#step04 .detailInner .pointWrap .tag span{
		display: block;
		margin-left: 0;
		font-size: 29px;
		line-height: 1.2;
	}
	#step02 .detailInner .pointWrap .tag:after,
	#step04 .detailInner .pointWrap .tag:after{
		content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-left-color: #f56331;
    left: 18%;
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	#step02 .detailInner .pointWrap .pointBox .cont,
	#step04 .detailInner .pointWrap .pointBox .cont{
		display: table-cell;
		vertical-align: middle;
		padding: 10px 10px 10px 20px;
		font-size: 14px;
		text-align: left;
	}
	#step02 .detailInner .pointWrap .pointBox .cont span,
	#step04 .detailInner .pointWrap .pointBox .cont span{
		font-size: 13px;
	}
	#step02 .detailInner .pointWrap .attention,
	#step04 .detailInner .pointWrap .attention{
		margin-top: 20px;
	}
  #step02 .detailInner .boxImgL .eye,
  #step04 .detailInner .boxImgL .eye,
  #step02 .detailInner .boxImgR .eye,
  #step04 .detailInner .boxImgR .eye {
    float: none;
    text-align: center;
  }
  #step02 .detailInner .boxImgL .eye > *,
  #step04 .detailInner .boxImgL .eye > *,
  #step02 .detailInner .boxImgR .eye > *,
  #step04 .detailInner .boxImgR .eye > * {
    margin-bottom: 10px;
  }
  #step02 .detailInner .boxImgL .eye > *:last-child,
  #step04 .detailInner .boxImgL .eye > *:last-child,
  #step02 .detailInner .boxImgR .eye > *:last-child,
  #step04 .detailInner .boxImgR .eye > *:last-child {
    margin-bottom: 10px;
  }
  #step02 .detailInner .boxImgL .eye._column2,
  #step04 .detailInner .boxImgL .eye._column2{
  	display: table;
	width: 100%;
	margin-bottom: 15px;
  }
  #step02 .detailInner .boxImgL .eye._column2 .img,
  #step04 .detailInner .boxImgL .eye._column2 .img{
  	display: table-cell;
	width: 49%;
  }
  #step02 .detailInner .boxImgL .eye._column2 .img:first-child,
  #step04 .detailInner .boxImgL .eye._column2 .img:first-child{
  	padding-right: 1%;
  }
  #step02 .detailInner .boxImgL .message,
  #step04 .detailInner .boxImgL .message{
    padding-left: 0;
  }
  #step02 .detailInner .boxImgR .message,
  #step04 .detailInner .boxImgR .message{
    padding-right: 0;
  }
  #step02 .detailInner .message .lead{
    font-size: 16px;
  }
  
  #step02 .part > dt{
  	font-size: 16px;
  }

  #step02 .part .partItems li{
  	font-size: 15px;
  }
  #step02 .stripeTable .width75, .stripeTable .width25,
  #step04 .stripeTable .width75, .stripeTable .width25 {
    width: 50%;
  }
  #step02 .stripeTable th,
  #step04 .stripeTable th {
    width: 50%;
	font-size: 16px;
  }
  #step02 .stripeTable td,
  #step04 .stripeTable td{
  	font-size: 15px;
  }
  #step02 .item .section .exOption p,
  #step02 .item .section .exOption2 p {
    margin: 10px;
  }
  #step02 .item .section .exOption .detailInner p,
  #step04 .item .section .exOption .detailInner p{
  	margin-bottom: 10px;
  }
  #step02 .mb20 {
      margin-bottom: 10px !important;
  }
  .ttl-optionTxt {
    margin-top: 10px;
  }
  #step02 .yokushitsucleanOnly2 {
    margin-bottom: 10px;
  }
  #step02 .yokushitsucleanOnly2 .stripeTable td{
    padding: 5px;
  }
  #step02 .yokushitsucleanOnly2 .stripeTable td span{
    padding: 0 8px;
  }
}
@media screen and (max-width:320px) {
  .form_search_list_item{
    font-size: 13px;
  }
}

/* STEP3
-----------------------------------------------------------------*/
#step03 {
  display: none;
}
#step03 .prefBoxArea{
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
	margin-bottom: 30px;
	padding: 20px 4% 25px;
	color: #555;
	text-align: center;
}
#step03 .noCampaignArea{
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
	padding: 30px 4%;
	margin-bottom: 30px;
	color: #555;
	text-align: center;
}
#step03 .noCampaignArea p,
#step03 .prefBoxArea p{
	font-size: 22px;
}
#step03 .noCampaignArea .type2,
#step03 .noCampaignArea.change .type1{
	display: none;
}
#step03 .noCampaignArea.change .type2{
	display: block;
}
#step03 .noCampaignArea .cp_img{
	margin-top: 50px;
}
#step03 .prefBoxArea .note{
	margin-top: 10px;
}
#step03 .prefBoxArea .note li{
	text-align: center;
	margin-left: 1em;
	text-indent: -1em;
	color: #666666;
}
#step03 .prefBoxArea .pref_select{
	margin-top: 15px;
	text-align: center;
}
#step03 .prefBoxArea .pref_select select{
	width: 60%;
	margin: 0 auto;
	padding: 0.5em;
	font-size: 16px;
}
#step03 .campaignList .campaignTtl{
	background: url(/servicemaster/simulation/simu_images/h2_bg_campaign.gif) repeat-x 0 0;
	background-size: contain;
	margin-bottom: 0;
	padding: 15px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}
#step03 .campaignList .campaignTtl span{
	font-size: 18px;
  font-weight: normal;
}
#step03 .campaignList .cp_link{
	margin-top: 10px;
	font-size: 14px;
}
#step03 .contents_box{
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
	margin-bottom: 5px;
}
#step03 .contents_box:first-of-type{
  margin-bottom: 30px;
}
#step03 .contents_box:last-of-type{
  margin-bottom: 100px;
}
#step03 .contents_box._cp{
  margin-bottom: 60px;
}
#step03 .contents_box.contents_box_no_cp {
  display: none;
}
#step03 .campaignList .contComment{
	padding: 0px;
  margin: 10px 25px;
}
#step03 .campaignList .contComment .accCont{
	margin: 1em 0 0;
}
#step03 .noticeLink{
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	text-align: center;
	text-decoration: underline;
}
#step03 .campaignList .accBox .accCont{
	border-color: #f35387;
}
#step03 .campaignList .accBox .accCont .triangle{
	border-bottom-color: #f35387;
}

#step03 .campaignList .accBox .accCont .comment li{
  font-size: 16px;
  color: #555;
  margin-left: 1em;
  text-indent: -1em;
}
#step03 .campaignList .accCont{
	display: none;
	position: relative;
	margin-bottom: 20px;
}
#step03 .campaignList .contSelect .cp.open .accCont{
  display: block !important;
}
#step03 .campaignList .contSelect .cp .accCont,
#step03 .campaignList .contSelect .cp .accCont2{
	position: relative;
	margin: 0 25px;
	font-weight: normal;
  padding: 0 0 20px 50px;
}
#step03 .campaignList .contSelect .cp .accCont2.hp_haveImg{
  display: flex;
  justify-content: space-between;
}
#step03 .campaignList .contSelect .cp .accCont2 .imgArea{

}
#step03 .campaignList .contSelect .cp .accCont2 .imgBox{
  max-width: 170px;
  min-width: 170px;
}
#step03 .campaignList .contSelect .cp .accCont2 .imgBox img{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
@media screen and (max-width:667px) {
  #step03 .campaignList .contSelect .cp .accCont2.hp_haveImg{
    flex-direction: column-reverse;
  }
  #step03 .campaignList .contSelect .cp .accCont2 .imgArea{
    margin: 0 auto 20px;
  }
  #step03 .campaignList .contSelect .cp .accCont2 .imgBox{
    max-width: 200px;
    min-width: 165px;
    width: 45vw;
  }
  #step03 .campaignList .contSelect .cp .accCont2 .imgBox img{
  }
}

#step03 .campaignList .contSelect .cp .accCont2 .cp_note{
  color: #333;
  display: block;
  font-weight: normal;
  font-size: 13px;
  margin-bottom: 0.25em;
}
#step03 .campaignList .contSelect .cp_no_select .cpInner{
	padding: 0 25px 25px;
	font-weight: normal;
}
#step03 .campaignList .contSelect .cp .cpInner:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#step03 .campaignList .contSelect .cp_no_select {
	background-color: #e7f9ff;
}
#step03 .campaignList .contSelect .cpInner_img {
	float: right;
  width: 105px;
}
#step03 .campaignList .contSelect .cpInner_img img{
  width: 100%;
}
#step03 .campaignList .contSelect .cpInner_txt {
	float: left;
	width: 760px;
}
#step03 .campaignList .contSelect p + .note {
	margin-top: 20px;
}
#step03 .campaignList .contSelect .note + .note {
	margin-top: 20px;
}
#step03 .campaignList .accCont .acClose{

}
#step03 .campaignList .accCont .acCloseBtn{

}
#step03 .campaignList .accCont .acCloseBtn span{
	padding-left: 10px;
	font-size: 14px;
}
#step03 .campaignList .note li{
  margin-left: 1em;
  text-indent: -1em;
}
#step03 .campaignList .comment li{
	margin-top: 10px;
}
#step03 .campaignList .comment li:first-child{
	margin-top: 0;
}
#step03 .campaignList .contSelect .cp{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	border-top: 1px solid #f3f3f3;
}
#step03 .campaignList .contSelect .cp label{
	display: table;
	width: 100%;
	padding: 0 25px;
}
#step03 .campaignList .contSelect li.cp:hover{
	cursor: pointer;
}
#step03 .campaignList .contSelect .no_pointer label,
#step03 .campaignList .contSelect .no_pointer.cp:hover{
	cursor:default;
}
#step03 .campaignList .contSelect .cp_name,
#step03 .campaignList .contSelect .cp_price{
	display: table-cell;
	vertical-align: middle;
	padding-top: 20px;
	padding-bottom: 20px;
}
#step03 .campaignList .contSelect .cp_name span{
  display: block;
  font-size: 18px;
  color:#333;
  margin-bottom:0.25em;
}
#step03 .campaignList .contSelect .cp_name span.cp_name_red {
  font-size: 15px;
	color: red;
	font-weight: normal;
}
#step03 .campaignList .contSelect .cp_name span._pink{
  color: #eb1751;
}
#step03 .campaignList .contSelect .cp_name span.cp_note{
  font-weight: normal;
  font-size: 13px;
}
#step03 .campaignList .contSelect .cp_price{
	width: 20%;
	text-align: right;
	padding-left: 10px;
}
#step03 .campaignList .contSelect .cp_price .taxin{
  font-size: 10px;
  color: #aaa;
  display: inline-block;
  margin-left: 3px;
}
#step03 .campaignList .contSelect .cp_price .cp_option_state{
  display: block;
  color: #eb1751;
  font-size: 80%;
}
#step03 .campaignList .contSelect input[type="radio"]{
	display: none;
}
#step03 .campaignList .contSelect input[type="radio"] + .cp_name{
	background: url(/servicemaster/simulation/simu_images/btn_radio02.png) no-repeat center left;
	background-size: 22px;
	padding-left: 50px;
}
#step03 .campaignList .contents_box._cp .contSelect input[type="radio"]:checked + .cp_name{
  background-position: top 22px left;
}
#step03 .campaignList .contSelect input[type="radio"]:checked + .cp_name{
	background: url(/servicemaster/simulation/simu_images/btn_radio_checked02.png) no-repeat center left;
	background-size: 22px;
	color: #eb1751;
}
#step03 .campaignList .contSelect input[type="radio"] + .cp_name + .accCont{
	display: none;
}
#step03 .campaignList .contSelect input[type="radio"]:checked + .cp_name + .accCont{
	display: block;
}
#step03 #campaignSelect .campaignNote{
	margin: 0 0 70px;
}
#step03 #campaignSelect .campaignNote li{
	color: #bd0e0e;
	font-size: 16px;
}

#step03 .campaignList .contSelect .cp_type01 {
  position: relative;
  border: none;
  text-align: center;
}
#step03 .campaignList .contSelect .cp_type01 a{
  display: block;
}
#step03 .campaignList .contSelect .cp_type01 a:hover{
  text-decoration: none;
}
#step03 .campaignList .contSelect .cp_type01 img{
  width: 100%;
}
#step03 .cp_type01 .cp_ttl{
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
}
#step03 .cp_type01 .cp_txt{
  font-weight: normal;
}
#step03 .cp_type01 .cp_btn {
  position: absolute;
  bottom: -18px;
  left: 50%;
  padding: 10px 30px;
  transform: translateX(-50%);
  -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  border-radius: 30px;
  background: #fff url(/servicemaster/simulation/simu_images/arrow_b_r.png) no-repeat center right 10px;
  background-size: 10px;
  box-shadow: 0 0 15px rgb(0 0 0 / 10%);
}
#step03 .campaignList .contSelect .cp.cp_type02 {
  position: relative;
  padding: 30px 60px;
  background: #fff;
}
#step03 .contSelect .cp_date {
  padding: 10px 0;
  border-top:  1px solid #cbcbcb;
  border-bottom:  1px solid #cbcbcb;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
#step03 .campaignList .contSelect .cp_type02 .cpInner{
  padding: 30px 0 0;
}
#step03 .campaignList .contSelect .cp_type02 .note_type2 li {
  margin-bottom: 5px;
}
#step03 .campaignList .contSelect .cp_type02 .cpInner_txt {
  width: 500px;
}
#step03 .campaignList .contSelect .cp_type02 .cpInner_img {
  width: 312px;
}
#step03 .campaignList .contSelect .cp_type02_bath .cpInner_img {
  top: 170px;
}
@media screen and (max-width:667px) {
	#step03 .prefBoxArea{
		margin: 0 10px 30px;
	}
	#step03 .noCampaignArea{
		margin: 0 10px 30px;
		padding: 15px;
	}
	#step03 .noCampaignArea p{
		font-size: 16px;
	}
  #step03 .noCampaignArea .type1{
    font-size: 4vmin !important;
  }
	#step03 .noCampaignArea .cp_img{
		margin-top: 20px;
	}
	#step03 .prefBoxArea p{
		font-size: 16px;
		text-align: left;
	}
	#step03 .prefBoxArea .note li{
		text-align: left;
	}
	#step03 .prefBoxArea .pref_select select{
		width: 100%;
	}
	#step03 .campaignList{
		position: relative;
		margin: 0 10px 15px;
	}
  #step03 .contents_box:first-of-type{
    margin-bottom: 30px;
  }
	#step03 .campaignList .contComment{
		padding: 0px;
    margin: 10px 25px 10px;
	}
	#step03 .campaignList .contComment.accBox .accTtl{
		text-align:center;
	}
	#step03 .campaignList .campaignTtl{
		padding: 10px;
		font-size: 18px;
	}
	#step03 .campaignList .campaignTtl span{
		font-size: 11px;
	}
	#step03 .campaignList .contSelect .cp{
		padding: 0;
		font-size: 16px;
	}
	#step03 .campaignList .contSelect .span{
		padding: 10px;
	}
  #step03 .campaignList .contSelect .cp_name span{
    font-size: 14px;
  }
	#step03 .campaignList .contSelect .cp_price{
		width: 40%;
    font-size: 13px;
	}
	#step03 .campaignList .contSelect .cp label{
		padding: 0 1em;
	}
	#step03 .campaignList .contSelect input[type="radio"] + .cp_name{
		display: inline-block;
		background-size: 20px;
		padding-left: 30px;
	}
  #step03 .campaignList .contents_box._cp .contSelect input[type="radio"]:checked + .cp_name{
    background-position: top 19px left;
  }
	#step03 .campaignList .contSelect .cp .accCont{
		margin: 0 1em 20px;
		padding-left: 30px;
	}
	#step03 .campaignList .contSelect .cp .accCont2{
		margin: 0 1em;
    padding: 0 0 20px 30px;
	}
	#step03 .campaignList .contSelect .cp_no_select .cpInner{
    position: relative;
		padding: 30px 1em 20px;
	}
	#step03 .campaignList .contSelect .cpInner_img {
    text-align: center;
    margin: 0 auto;
	}
	#step03 .campaignList .contSelect .cpInner_txt {
    float: none;
		width: 100%;
	}
	#step03 .campaignList .contSelect .cpInner_txt .cpInner_txt_left {
		width: calc(100% - 125px);
	}
	#step03 #campaignSelect .campaignNote{
		margin: 0 10px 45px;
	}
	#step03 #campaignSelect .campaignNote li{
		font-size: 14px;
	}

	#step03 #campaignSelect .li_premium .cp_name,
	#step03 #campaignSelect .li_coupon .cp_name,
	#step03 #campaignSelect .li_campaign .cp_name{
		display:block;
	}
	#step03 #campaignSelect .li_premium .cp_price,
	#step03 #campaignSelect .li_coupon .cp_price,
	#step03 #campaignSelect .li_campaign .cp_price{
		display: block;
	  text-align: right;
	  padding: 0 0 15px;
	  margin: -12px 0 0 auto;
	}
  #step03 .contents_box.air30th_box {
    margin-bottom: 10px;
    box-shadow: none;
    background-color: transparent;
  }
  #step03 .campaignList .contSelect .cp_type01 {
    background-color: transparent;
  }
  #step03 .campaignList .contSelect .cp_type01 a{
    padding: 0;
  }
  #step03 .contSelect .cp_date {
    font-size: 14px;
  }
  #step03 .cp_type01 .cp_btn{
    background-size: 8px;
  }
  #step03 .cp_type01 .cp_ttl{
    font-size: 16px;
  }
  #step03 .cp_type02 .cp_ttl{
    padding: 20px 1em 0;
  }
  #step03 .campaignList .contSelect .cp.cp_type02 {
    padding: 0;
  }
  #step03 .campaignList .contSelect .cp_type02 .cpInner {
    padding-top: 15px;
  }
  #step03 .campaignList .contSelect .cp_type02 .cpInner_txt{
    width: 100%;
  }
  #step03 .campaignList .contSelect .cp_type02 .cpInner_img{
    float: none;
    width: 57.23%;
    margin-top: 15px;
  }
}
@media screen and (max-width:450px) {
	#step03 .campaignList .contSelect .cp_price{
    width: 38%;	/*49%*/
	}
}
@media screen and (max-width:320px) {
  #step03 .campaignList .contSelect .cp_type02 .cpInner_img{
    right: 0;
  }
  #step03 .campaignList .contSelect .cp_type02_bath .cpInner_img{
    width: 30%;
  }
}
#step03 .otameshiList .contSelect .li_otameshi {
  border-top: 1px solid #f3f3f3;
}
#step03 .otameshiList .contSelect .li_otameshi label {
    display: table;
    width: 100%;
    padding: 0 25px;
}
#step03 .otameshiList .contSelect .otameshiRadioArea .otameshi_name{
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 15px;
}
#step03 .otameshiList .contSelect input[type="checkbox"],
#step03 .otameshiList .contSelect input[type="radio"]{
  display: none;
}
#step03 .otameshiList .contSelect .otameshi_name, #step03 .otameshiList .contSelect .otameshi_price {
  display: table-cell;
  vertical-align: middle;
  padding-top: 20px;
  padding-bottom: 20px;
}
#step03 .otameshiList .contSelect .otameshi_name {
  display: block;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.25em;
  text-align: left;
}
#step03 .otameshiList .contSelect input[type="radio"]:checked + .otameshi_name {
  background: url(/servicemaster/simulation/simu_images/btn_radio_checked02.png) no-repeat top 2px left;
  background-size: 22px;
  color: #eb1751;
}
#step03 .otameshiList .contSelect input[type="radio"] + .otameshi_name {
  background: url(/servicemaster/simulation/simu_images/btn_radio02.png) no-repeat top 2px left;
  background-size: 22px;
  padding-left: 50px;
}
#step03 .otameshiList .contSelect input[type="checkbox"] + .otameshi_name {
  position: relative;
  margin-bottom: 0;
  vertical-align: middle;
  color: #222222;
  padding-left: 50px;
}
#step03 .otameshiList .contSelect input[type="checkbox"] + .otameshi_name .heading{
  display: block;
  font-size: small;
  font-weight: normal;
  margin-bottom: 5px;
}
#step03 .otameshiList .contSelect input[type="checkbox"] + .otameshi_name::before {
  content: "";
  position: absolute;
  top: 35%;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  transform: translateY(-50%);
  pointer-events: none;
  background-color: #fff;
  border: 2px solid #CACACA;
}
#step03 .otameshiList .contSelect input[type="checkbox"]:checked + .otameshi_name::before {
  color: #fff;
  border: 2px solid #CACACA;
}
#step03 .otameshiList .contSelect input[type="checkbox"]+.otameshi_name::after {
  content: "";
  position: absolute;
  top: 19%;
  left: 1%;
  display: block;
  width: 12px;
  height: 19px;
  box-sizing: border-box;
}
#step03 .otameshiList .contSelect input[type="checkbox"]:checked + .otameshi_name::after {
  border-right: 3px solid #eb1751;
  border-bottom: 3px solid #eb1751;
  transform: rotate(45deg);
}
#step03 .otameshiList .campaignTtl{
  background:linear-gradient(#FC8F21, #FC7121);
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 26px;
}
#step03 .otameshiList .contSelect .li_otameshi.hp_haveImg .selectWrap{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-right: 25px;
  padding-bottom: 20px;
}
#step03 .otameshiList .contSelect .li_otameshi.hp_haveImg .selectWrap
.textArea{
  margin-left: 75px;
}
#step03 .otameshiList .contSelect .li_otameshi .otameshiRadioArea{
  padding: 0 2.3%;
  margin-bottom: 35px;
}
#step03 .otameshiList .contSelect .li_otameshi .otameshiRadioWrap{
  padding: 25px 0 10px;
  margin-top: 15px;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
}
#step03 .otameshiList .contSelect .li_otameshi .otameshiRadioWrap label{
  padding-left: 50px;
}
#step03 .otameshiList .contSelect .li_otameshi .selectWrap .imgBox{
  max-width: 101px;
  min-width: 101px;
  margin-top: 20px;
}
#step03 .otameshiList .contSelect .li_otameshi .selectWrap .imgBox img{
  text-align: center;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
#step03 .otameshiList .acrBox .acrTtl{
  text-align: right;
  cursor: pointer;
  margin: 0 25px;
  padding-bottom: 38px;
}
#step03 .otameshiList .acrBox .acrTtl:hover{
	opacity: 0.8;
}
#step03 .otameshiList .acrBox .acrTtl span{
  display: inline-block;
  border-bottom: 1px solid #E5014F;
  color: #E5014F;
  font-size: 15px;
  font-weight: 500;
  padding: 0 8px;
}
#step03 .otameshiList .acrBox .acrTtl span::after{
  content: "";
  display: inline-block;
  color: #E5014F;
  width: 7px;
  height: 7px;
  border-top: #E5014F solid 1px;
  border-right: #E5014F solid 1px;
  transform: translateY(-4px) rotate(135deg);
  vertical-align: middle;
  margin-left: 8px;
}
#step03 .otameshiList .acrBox.opened .acrTtl span::after{
  transform: rotate(-45deg);
}
#step03 .otameshiList .acrCont{
  display: none;
  margin: 0 69px;
  padding-bottom: 28px;
}
#step03 .otameshiList .bgGrayArea{
  background-color: rgba(236, 236, 236,.91);
  border-radius: 14px;
  margin-bottom: 28px;
  padding: 12px 22px;
}
#step03 .otameshiList .bgGrayArea .leadText{
  color: #E5014F;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}
#step03 .otameshiList .bgGrayArea .imgList{
  display: flex; 
  gap: 60px;
  justify-content: center;
}
#step03 .otameshiList .bgGrayArea .imgList .imgItem{
  max-width: 134px;
}
#step03 .otameshiList .bgGrayArea .imgList .imgItem .img{
  width: 100%;
  margin-bottom: 14px;
}
#step03 .otameshiList .bgGrayArea .imgList .imgItem .img img{
  width: 100%;
  height: auto;
}
#step03 .otameshiList .bgGrayArea .imgList .imgItem .ttl{
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width:667px) {
  #step03 .otameshiList{
    position: relative;
    margin: 0 10px 15px;
  }
  #step03 .otameshiList .campaignTtl{
    font-size: 18px;
    font-weight: bold;
    padding: 16px;
  }
  #step03 .otameshiList .contSelect .li_otameshi {
    border-top: 1px solid #f3f3f3;
  }
  #step03 .otameshiList .contSelect .li_otameshi label {
    padding: 0 1em;
  }
  #step03 .otameshiList .contSelect .li_otameshi_name, #step03 .otameshiList .contSelect .otameshi_price {
    display: block;
  }
  #step03 .otameshiList .contSelect .otameshi_name {
    font-size: 14px;
  }
  #step03 .otameshiList .contSelect input[type="checkbox"] + .otameshi_name,
  #step03 .otameshiList .contSelect input[type="radio"] + .otameshi_name {
    display: inline-block;
    background-size: 20px;
    padding-left: 30px;
    padding-bottom: 10px;
  }
  #step03 .otameshiList .contSelect input[type="radio"]:checked + .otameshi_name,
  #step03 .otameshiList .contSelect input[type="radio"] + .otameshi_name {
    background-position: top left;
  }
  #step03 .otameshiList .contSelect input[type="checkbox"]+.otameshi_name::after{
    top: 22%;
  }
  #step03 .otameshiList .contSelect .li_otameshi.hp_haveImg .selectWrap{ 
    align-items: center;
    flex-direction: column;
    gap: 0;
    margin-right: 0px;
    padding-bottom: 15px;
  }
  #step03 .otameshiList .contSelect .li_otameshi.hp_haveImg .selectWrap
  .textArea{
    margin: 0 25px 0 45px;
  }
  #step03 .otameshiList .contSelect .li_otameshi.hp_haveImg .selectWrap
  .textArea p{
    font-size: 15px;
  }
  #step03 .otameshiList .contSelect .li_otameshi .otameshiRadioWrap{
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 0;
  }
  #step03 .otameshiList .contSelect .li_otameshi .otameshiRadioArea{
    margin-bottom: 10px;
  }
  #step03 .otameshiList .contSelect .li_otameshi .otameshiRadioWrap label{
    padding-left: 35px;
  }
  #step03 .otameshiList .contSelect .otameshiRadioArea .otameshi_name{
    margin-bottom: 10px;
  }
  #step03 .otameshiList .contSelect .li_otameshi .selectWrap .imgBox{
    display: none;
    max-width: 155px;
    min-width: 155px;
    margin-top: 15px;
  }

  #step03 .otameshiList .acrBox .acrTtl{
    text-align: center;
    padding-bottom: 26px;
  }
  #step03 .otameshiList .acrBox .acrTtl span{
    font-size: 13px;
    font-weight: 500;
    padding: 0 5px;
  }
  #step03 .otameshiList .acrBox .acrTtl span::after{
    width: 7px;
    height: 7px;
  }
  #step03 .otameshiList .acrCont{
    margin: 0 1em;
  }
  #step03 .otameshiList .bgGrayArea{
    border-radius: 7px;
    margin-bottom: 16px;
    padding: 10px 11px;
  }
  #step03 .otameshiList .bgGrayArea .leadText{
    font-size: 3.8vw;
    font-weight: bold;
    margin-bottom: 23px;
  }
  #step03 .otameshiList .bgGrayArea .imgList{
    gap: 9px;
  }
  #step03 .otameshiList .bgGrayArea .imgList .imgItem{
    max-width: 93.5px;
  }
  #step03 .otameshiList .bgGrayArea .imgList .imgItem .img{
    margin-bottom: 11px;
  }
  #step03 .otameshiList .bgGrayArea .imgList .imgItem .ttl{
    font-size: 9px;
  }
}
#step03 .otameshiList .accCont{
	display: none;
}
#step03 .otameshiList .accBox .accCont {
	border-color:#FC8F21;
}
#step03 .otameshiList .accBox .accCont .triangle {
  border-bottom-color: #FC8F21;
}
#step03 .otameshiList .membership {
	position: relative;
}
#step03 .otameshiList .membership_img {
  padding: 0 0 54px;
}
#step03 .otameshiList .membership_img img {
    margin: 0 auto;
    width: 100%;
}
#step03 .otameshiList .membership .membership_img .sp_only {
  display: none;
}
#step03 .otameshiList .membership .membership_img .pc_only {
  display: block;
}
#step03 .otameshiList .membership_img, .membership_img_bottom {
	position: relative;
    z-index: 1;
}
#step03 .otameshiList .item_link {
    display: inline-block;
    margin-top: 16px;
    font-size: 13px;
    text-align: center;
    text-decoration: underline !important;
}
#step03 .otameshiList .item_anchors .item_link {
	display: block;
	text-align: right;
}
#step03 .otameshiList .membership_img .item_link {
	position: absolute;
    bottom: 26%;
    left: 50%;
    content: "";
    transform: translate(-50%, -50%);
}
#step03 .otameshiList .background_white {
	background-color: #FFF;
}
@media screen and (max-width:667px) {
  #step03 .otameshiList .membership .membership_img {
    padding: 0 0 10px;
  }
  #step03 .otameshiList .membership .membership_img .sp_only {
    display: block;
  }
  #step03 .otameshiList .membership .membership_img .pc_only {
    display: none;
  }
  #step03 .otameshiList .membership_img .item_link {
    bottom: 15%;
    left: 50%;
    font-size: 10px;
  }
  #step03 .otameshiList .background_white {
    margin-top: 10px;
    padding: 0 10px;
  }
  #step03 .otameshiList .contComment.accBox .accTtl {
    text-align: center;
  }
}
/* STEP4
-----------------------------------------------------------------*/
#step04 {
  display: none;
}
#step04 h5 {
  font-weight: bold;
  margin-bottom: 10px;
}
#step04 h3 {
  background: #f5c504;
  color: #fff;
  padding: 10px;
  font-weight: bold;
}
#step04 h4 {
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 10px 5px 0;
}
#step04.applyOK .totalAboutZone {
  display: none;
}
#step04 .totalAllZone {
  display: none;
}
#step04.applyOK .totalAllZone {
  display: block;
}
#step04 .itemAll {
  margin-top: 10px;
}
#step04 .itemAll .inner {
  padding: 15px;
  border: 1px solid #f5c504;
}
#step04 .itemAll .inner p {
  margin-bottom: 10px;
  line-height: 1.5;
}
#step04 .priceZone .price {
  text-align: right;
  font-size: 20px;
  font-weight: bold;
}
#step04 .total {
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
}
#step04 .total em {
  font-size: 23px;
}
.totalAllZone {
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
}
#step04 h4 em {
  color: #333;
}
#step04 .service h2.itemName{
  position: relative;
  cursor: pointer;
}
#step04 .service h2.itemName:after{
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  top:0;
	bottom: 0;
  right: 2%;
	margin: auto 0;
  z-index: 1;
  display: block;
  background-image: url(/servicemaster/simulation/simu_images/icon_minus.png);
  background-position:left center;
  background-repeat:no-repeat;
  background-size: 24px;
}
#step04 .service.open h2.itemName:after{
  background-image: url(/servicemaster/simulation/simu_images/icon_plus.png);
}
#step04 .itemAll {
  display: block;
}

#step04 .totalAboutZone {
  background: #fff;
  padding: 32px;
  margin: 0 1% 30px 1%;
  border: 2px solid #4997da;
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
}
#step04 .totalAboutZone p{
  font-size: 16px;
}
#step04 .totalAboutZone .note{
  margin-top: 1em;
}
#step04 .totalAboutZone .title {
  font-size: 24px;
  font-weight: bold;
  color: #4997da;
  margin-bottom: 15px;
  text-align: center;
}
#step04 .totalAllZone {
  padding: 0;
  margin: 0 10.5% 10px 10.5%;
}
#step04 .totalAllZone .totalAll {
  display: table;
  width: 100%;
  border: #bd0e0e 2px solid;
}
#step04 .cpNote{
	margin-bottom: 40px;
	font-size: 16px;
  color: #bd0e0e;
	text-align: center;
}
#step04 .cpNote:not(:last-child){
	margin-bottom: 8px;
}
#step04 .cpNote span{
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	word-break: break-all;
}
#step04 .cpNote .taxin{
  font-size:16px;
  font-weight: normal;
}
#step04 .totalAllZone .totalAll .rcon {
  display: table-cell;
  color: #bd0e0e;
  background: #FFFFFF;
  font-weight: bold;
  font-size: 30px;
  vertical-align: middle;
  padding: 15px 10px;
}
#step04 .totalAllZone .totalAll .tax{
  font-size:18px;
}
#step04 .totalAllZone .totalAll .lcon {
  display: table-cell;
  background: #bd0e0e;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 21px;
  vertical-align: middle;
  padding: 15px 10px;
  width: 45%;
}
#step04 .printZone {
  display: table;
  margin: 0 auto 30px auto;
}
#step04 .printZone-item  {
  display: table-cell;
  vertical-align: middle;
}
#step04 .printlink {
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
}
#step04 .service {
  background: #f3f3f3;
  margin-bottom: 70px;
}
#step04 .service h2.itemName,
#step04 .campaign h2.itemName,
#step04 .otameshi h2.itemName {
  background-color: #4997da;
  color: #fff;
  padding: 10px 10px 10px 68px;
  text-align: left;
  font-size: 22px;
}
#step04 .aircon.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_aircon.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step04 .kitchen.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_kitchen.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step04 .yokushitsu.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_yokushitsu.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step04 .senmenjo.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_senmenjo.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 70%;
}
#step04 .toilet.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_toilet.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 70%;
}
#step04 .rangehood.service h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_rangehood.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step04 .campaign h2.itemName,
#step04 .otameshi h2.itemName {
  background-image: url(/servicemaster/simulation/simu_images/h2_icon_campaign.png);
  background-repeat: no-repeat;
  background-position: 2% center;
  background-size: auto 60%;
}
#step04 .item  {
  position: relative;
  display: block;
  padding: 70px 23px 20px;
  margin-bottom: 40px;
}
#step04 .contentsArea_cp .campaign,
#step04 .contentsArea_otameshi .otameshi{
	margin-bottom: 70px;
}
#step04 .contentsArea_cp .item,
#step04 .contentsArea_otameshi .item{
	padding-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
#step04 .contentsArea_cp .item.premium,
#step04 .contentsArea_cp .item.coupon{

}
#step03 .li_coupon .cp_name:before,
#step03 .li_premium .cp_name:before,
#step04 .contentsArea_cp .item.premium:before,
#step04 .contentsArea_cp .item.coupon:before{
  display: inline-block;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: normal;
  border-radius: 20px;
  color: #fff;
  margin-bottom: 7px;
  position: static;
  width: auto;
}
#step03 .li_premium .cp_name:before,
#step04 .contentsArea_cp .item.premium:before{
  content:'DDuetプレミアムクーポン';
  background: #d29900;
  white-space: nowrap;
}
#step03 .li_coupon .cp_name:before,
#step04 .contentsArea_cp .item.coupon:before{
  content:'DDuetクーポン';
  background: #f8628d;
  white-space: nowrap;
}

/*coupon*/
#step04 .contentsArea_cp .cpDeadlineWrap,
#step04 .contentsArea_otameshi .cpDeadlineWrap{
  margin-top: -10px;
}
#step04 .contentsArea_cp .cpDeadline,
#step04 .contentsArea_otameshi .cpDeadline{
	float: right;
  text-align: left;
  padding-right: 23px;
  margin-bottom: 30px;
	font-size: 16px;
	color: #bd0e0e;
}
#step04 .contentsArea_cp .cpDeadlineWrap:after,
#step04 .contentsArea_otameshi .cpDeadlineWrap:after{
	clear: both;
  content: "";
  display: block;
}
#step04 .item .section {
  display: table;
  width: 100%;
  padding: 0px 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
#step04 .campaign .item .section,
#step04 .otameshi .item .section{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
#step04 .campaign .item .section:after,
#step04 .otameshi .item .section:after{
	clear: both;
  content: "";
  display: block;
}
#step04 .campaign .item .section .val,
#step04 .otameshi .item .section .val{
  width: 20%;
}
#step04 .campaign .item .section .section_txt,
#step04 .otameshi .item .section .section_txt{
	float: left;
	width: 690px;
	padding-right: 10px;
}
#step04 .campaign .item .section .section_img,
#step04 .otameshi .item .section .section_img{
  width: 200px;
	float: right;
}
#step04 .campaign .item .section .section_img img,
#step04 .otameshi .item .section .section_img img{
  width: 100%;
}
#step04 .item .section .svName {

}
#step04 .item .section .ttl {
  display: table-cell;
}
#step04 .item .section .ttl:after {
  content: '';
}
#step04 .item .section .ttl .sub{
  font-size: 16px;
}
#step04 .item .section .val {
  padding-left: 5px;
  display: table-cell;
  width: 35%;
  text-align: right;
  vertical-align: bottom;
}
#step04 .item .section .val .taxin {
  font-size: 10px;
  color:#aaa;
}
#step04 .item .section .val .mitumori {
  color:#e10101;
}
#step04 .item .section .val .mitumori::before {
  content:'';
}
#step04 .item .section .val .mitumori::after {
  content:'';
}
#step04 .item p + .note{
  margin-top: 20px;
}
#step04 .item .note + .note{
  margin-top: 20px;
}
#step04 .item .note li{
  font-size: 18px;
  margin-left: 1em;
  text-indent: -1em;
}
#step04 .item .note li.red{
  color: #e10101;
}
#step04 .item .noteRed {
  font-size: 18px;
  color: #e10101;
  margin-bottom: 10px;
}
#step04 .item .itemPrice {
  text-align: right;
}
#step04 .item .itemPrice .t1 {
  font-weight: bold;
  font-size: 24px;
}
#step04 .item .itemPrice .t2 {
  font-weight: bold;
  font-size: 30px;
  color: #e10101;
  padding-left: 30px;
}
#step04 .item .itemPrice .t3 {
  font-weight: bold;
  font-size: 28px;
  color: #e10101;
}
#step04 .item .itemPrice .t4 {
  font-weight: bold;
  font-size: 22px;
  color: #e10101;
}
#step04 .item .itemPrice .t5 {
  font-size: 18px;
}
#step04 .servicePrice {
  text-align: right;
  font-weight: bold;
  margin: 40px 0;
}
#step04 .servicePrice .t1 {
  font-weight: bold;
  font-size: 30px;
}
#step04 .servicePrice .t2 {
  font-weight: bold;
  font-size: 36px;
  color: #e10101;
  padding-left: 30px;
}
#step04 .servicePrice .t3 {
  font-weight: bold;
  font-size: 34px;
  color: #e10101;
}
#step04 .servicePrice .t4 {
  font-weight: bold;
  font-size: 20px;
  color: #e10101;
}
#step04 .note.erNote{
	margin-top: 5px;
}
#step04 .btn.edit,
#step04 .btn.cpback {
  background: url(/servicemaster/simulation/simu_images/arrow_b_l.png) no-repeat 6% center;
  background-size: 3%;
  background-color: #ffffff;
  margin: 0 auto 0;
}
.sp_only_ip5{
	display:none;
}

#step04 .btnArea{
  margin-top: 40px;
}
#step04 .btnColumn {
  margin-top: 30px;
}
#step04 .btnAreaTop .btnColumn {
  margin-top: 0px;
  margin-bottom: 30px;
}
#step04 .btnColumn:after {
  clear: both;
  content: "";
  display: block;
}
#step04 .btnColumn li {
  width: 540px;
  text-align: center;
  margin: 0 auto;
  color: #666666;
}

#step04 .btnColumn .note{
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
#step04 .btnColumn .note.over11Item{
  display: none;
}
#step04.over11item .btnColumn .note.over11Item{
  display: block;
}
#step04.over11item .btnColumn .note.estimatesItem{
  display: none;
}
#step04 .btnColumn .note li {
  text-align: left;
  margin-left: 1em;
  text-indent: -1em;
}
#step04 .applyBtnBnr{
  margin-bottom: 10px;
}
#step04 .applyBtnBnr img{
  width:100%;
  height: auto;
}
#step04 .btn.apply,
#step04 .btn.estimates {
  width: 100%;
}
#step04 .btn.apply{
  background: #999999;
}
#step04 .serviceAp{
	display: none;
}
#step04.applyOK .serviceAp{
  display: block;
}
#step04.applyOK .estimateAp{
  display: none;
}
#step04.applyOK.over11item .serviceAp,
#step04.applyOK .serviceAp.over11itemAp,
#step04.applyOK .over11note{
  display: none;
}
#step04.applyOK.over11item .serviceAp.over11itemAp,
#step04.applyOK.over11item .over11note {
  display: block;
}
#step04.applyOK.under11000 .serviceAp{
  display: none;
}
#step04.applyOK.under11000 .estimateAp{
  display: block;
}
#step04.applyOK .btn.apply {
  background: url(/servicemaster/simulation/simu_images/arrow_w_r_large.png) no-repeat 94% center;
  background-color: #eb1751;
  background-size: 3%;
}
#step04.applyOK .btn.estimates {
  margin-top: 107px;
}
#step04 .applyBtnBnr.applyOnly,
#step04 .note.applyOnly{
  width:540px;
  margin:0 auto 10px;
  display:none;
}
#step04 .note.applyOnly{
  margin-bottom:30px;
}
#step04.applyOK .applyBtnBnr.applyOnly,
#step04.applyOK .note.applyOnly{
  display:block;
}
#step04 .btn.begin {
  margin: 20px auto 0 auto;
}
#step04 .btnArea.btnAreaBtm,
#step04 .btnArea.btnAreaBtm .btn.back{
	margin-top: 0;
}
#step04 .btnArea.btnAreaNoFix{
  padding: 0 0 40px;
}
#step04 .btnArea.btnAreaFix{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:rgba(256,256,256,0.8);
  padding:15px 10px;
  margin: 0;
  box-shadow: 0 0 20px rgba(100,100,100,0.2);
  z-index: 30;
  transition: all .3s ease;
}
#step04 .btnArea.btnAreaFix.out{
  transform: translateY(200px);
}
#step04 .btnArea.btnAreaFix .btnColumn{
  margin:0;
}
.btn.apply, .btn.estimates{
  padding:20px 10px;
}

@media screen and (max-width:667px) {
  #step04 .service{
  	margin-bottom: 40px;
  }
  #step04 .service h2.itemName,
  #step04 .campaign h2.itemName,
  #step04 .otameshi h2.itemName{
    padding: 10px 10px 10px 70px;
    font-size: 18px;
  }
  #step04 .service h2.itemName:after,
  #step04 .campaign h2.itemName:after,
  #step04 .otameshi h2.itemName:after{
    width: 20px;
    height: 20px;
    right: 12px;
    background-size: 20px;
  }
  #step04 .totalAboutZone{
    margin: 0 10px 20px;
    padding: 10px;
  }
  #step04 .totalAboutZone .title{
    font-size: 18px;
  }
  #step04 .totalAboutZone p{
    font-size: 14px;
  }
  #step04 .totalAllZone {
    margin: 0 10px 20px;
  }
  #step04 .totalAllZone .totalAll .lcon {
    width: 18%;
  }
  #step04 .totalAllZone .totalAll .rcon{
   padding:15px 5px;
  }
  #step04 .totalAllZone .totalAll .lcon{
    font-size:18px;
    padding: 15px 5px;
  }
	#step04 .cpNote{
		margin: 0 10px 40px;
		font-size: 13px;
	}
  #step04 .printZone {
    display: none;
  }
  #step04 .service h2.itemName,
	#step04 .campaign h2.itemName,
	#step04 .otameshi h2.itemName{
    padding: 10px 10px 10px 65px;
    font-size: 18px;
  }
  #step04 .aircon.service h2.itemName {
    background-position: 4% center;
  }
  #step04 .kitchen.service h2.itemName {
    background-position: 4% center;
	padding: 10px 10px 10px 65px;
  }
  #step04 .yokushitsu.service h2.itemName {
    background-position: 4% center;
  }
  #step04 .senmenjo.service h2.itemName {
    background-position: 4% center;
  }
  #step04 .toilet.service h2.itemName {
    background-position: 4% center;
  }
  #step04 .rangehood.service h2.itemName{
    background-position: 4% center;
  }
	#step04 .campaign h2.itemName,
	#step04 .otameshi h2.itemName{
    background-position: 4% center;

	}
  #step04 .item {
    padding: 50px 10px 10px;
    font-size: 14px;
    margin-bottom: 20px;
  }
  #step04 .contentsArea_cp .campaign {
	margin-bottom: 40px;
  }
	#step04 .contentsArea_cp .item,
	#step04 .contentsArea_otameshi .item{
		padding-top: 10px;
	}
  #step04 .campaign .item .section .val,
  #step04 .otameshi .item .section .val{
    width: 35%;
  }
  #step04 .contentsArea_cp .cpDeadlineWrap,
  #step04 .contentsArea_otameshi .cpDeadlineWrap{
    margin-top: -20px;
  }
	#step04 .contentsArea_cp .cpDeadline,
	#step04 .contentsArea_otameshi .cpDeadline{
		padding: 10px 10px 0;
		float: none;
		font-size: 14px;
	}
  #step04 .item .itemPrice {
    margin-top: 5px;
  }
  #step04 .item .itemPrice .t1 {
  font-size: 16px;
  }
  #step04 .item .itemPrice .t2 {
    font-size: 18px;
    padding-left: 30px;
  }
  #step04 .item .itemPrice .t3 {
    font-size: 16px;
  }
  #step04 .item .itemPrice .t4 {
    font-size: 14px;
  }
  #step04 .item .itemPrice .t5 {
    font-size: 15px;
  }  
  #step04 .servicePrice .t1 {
    font-size: 20px;
  }
  #step04 .servicePrice .t2 {
    font-size: 30px;
    padding-left: 25px;
  }
  #step04 .servicePrice .t3 {
    font-size: 28px;
  }
  #step04 .servicePrice .t4 {
    font-size: 18px;
  }
  #step04 .btn.edit{
    width: 82%;
    margin: 0 auto 20px;
  }
  #step04 .btn.cpback{
    width: calc(100% - 20px);
    margin: 0 auto 20px;
  }
	#step04 .contentsArea_cp .btn.cpback,
	#step04 .contentsArea_otameshi .btn.cpback{
		font-size: 15px;
	}
  #step04 .btnArea {
   padding: 10px 10px 48px;
   margin-top: 20px;
  }
  #step04 .btnColumn li {
    width: 100%;
    float: none;
  }
  #step04 .applyBtnBnr{
    margin: 0 auto 5px auto;
    width: 80%;
  }
  #step04 .applyBtnBnr.applyOnly, #step04 .note.applyOnly{
    width:80%;
  }
  #step04.applyOK .btn.estimates {
    margin-top: 20px;
  }
  #step04 .campaign .item .section .section_txt,
  #step04 .otameshi .item .section .section_txt{
    float: none;
    width: 100%;
  }
  #step04 .campaign .item .section .section_img,
  #step04 .otameshi .item .section .section_img{
    float: none;
    text-align: center;
    margin: 0 auto 10px;
  }
  #step04 .item .note li{
    font-size: 14px;
  }
  #simulationBlock #step04.step h2 .img {
    width: 37%;
  }
  #step04 .btnArea.btnAreaNoFix{
    padding: 0 0 20px;
    margin: 0 10px;
  }
  #step04 .item .section .ttl .sub{
    display: block;
    font-size: 12px;
  }
}
@media screen and (max-width:360px) {
  #step04 .item .section .val {
    width: 45%;
  }
}
@media screen and (max-width:320px) {
  .sp_only_ip5{
	display:block;
  }
}

.printOnlyNote li {
    margin-left: 1em;
    text-indent: -1em;
    margin-bottom: 1em;
    font-size: 14px;
}
@media print{
  body{
    min-width: 100% !important;
  }
  .headerA,.nav_global-search,.mv, #stepBlock, #simulationBlock .step h2 .img, .totalAboutZone, .printZone,#wrapper .cu_link,
  .btn.edit,.btn.cpback, .btnArea, .prdList, .pageTop, #footerWrapper, #footerBottom .navi, #footerBottom .bottom, .item .item_caution {
    display: none !important;
  }
  .printOnlyNote{
    display: block;
  }
  #breadcrumbs ul{
    padding-right: 0;
  }

  #simulationBlock .step h2 .text {
    font-size: 30px;
  }
  #container, #step04 .service {
    background: #fff;
    margin-bottom: 30px;
  }
  #step04 .contentsArea > .service {

  }
  #step04 .contentsArea > .service:first-child {

  }
  #step04 .cpNote{
    color: #333;
  }
  #step04 .servicePrice {
    margin: 20px 0;
    padding: 0 10px;
  }
  #step04 .service h2.itemName,
  #step04 .campaign h2.itemName {
    background: none !important;
    color: #333;
    padding: 10px;
    font-size: 24px;
    margin-bottom: 0;
  }
  #step04 .service h2.itemName:before,
  #step04 .campaign h2.itemName:before {
    content: '<';
    display: inline-block;
    padding-right: 8px;
  }
  #step04 .service h2.itemName:after,
  #step04 .campaign h2.itemName:after {
    content: '>';
    display: inline-block;
    padding-left: 8px;
    background: none;
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    display: inline;
  }
  #step04 .item {
    font-size: 18px;
    box-shadow: none;
    border-bottom:  1px solid #333;
    margin-bottom: 0;
    padding: 0 10px 10px 10px;
    position: relative;
    page-break-inside: avoid;
  }
  #step04 .item:before {
    color: #333;
    font-size: 20px;
    background: none;
    text-align: left;
    position: absolute;
    width: 60px;
    top: 0;
    left: 0;
  }
  #step04 .service .item:nth-of-type(1):before {
    content: '( 1 )';
  }
  #step04 .service .item:nth-of-type(2):before{
    content: '( 2 )';
  }
  #step04 .service .item:nth-of-type(3):before{
    content: '( 3 )';
  }
  #step04 .service .item:nth-of-type(4):before{
    content: '( 4 )';
  }
  #step04 .service .item:nth-of-type(5):before{
    content: '( 5 )';
  }
  #step04 .service .item:nth-child(2), #step04 .service .item:nth-child(3),
  #step04 .service .item:nth-child(4), #step04 .service .item:nth-child(5) {
  }
  #step04 .campaign .item .section{
    padding-left: 0;
  }
  #step04 .acrCont {
    display: block !important;
  }
  #step04 .item .section, #step04 .item .note, #step04 .item_caution {
    padding-left: 60px;
  }
  #step04 .item_caution{
    position: static;
  }
  #step04 .item .section .val {
    color: #333;
  }
  #step04 .totalAllZone {
    box-shadow: none;
  }
  #step04 .totalAllZone .totalAll {
    border: none;
    border-bottom: #333 4px double;
  }
  #step04 .totalAllZone .totalAll .lcon {
    background: none;
    color: #333;
    font-size: 28px;
  }
  #step04 .totalAllZone .totalAll .rcon {
    color: #333;
    font-size: 28px;
  }
  #step04 .item .itemPrice .t1 {
    font-size: 18px;
  }
  #step04 .item .itemPrice .t2, #step04 .item .itemPrice .t3,
  #step04 .item .itemPrice .t4 {
    color: #333;
    font-size: 18px;
  }
  #step04 .item .itemPrice .t2 {
    font-size: 22px;
  }
  #step04 .servicePrice .t1, #step04 .servicePrice .t4 {
    color: #333;
    font-size: 18px;
  }
  #step04 .servicePrice .t1, #step04 .servicePrice .t2, #step04 .servicePrice .t3 {
    color: #333;
    font-size: 22px;
  }
  .printOnlyNote .item_caution_note {
    display: none;
  }
  .printOnlyNote .item_caution_note.on {
    display: block;
  }
}
@media screen{
  .printOnlyNote{
    display: none;
  }
}
/* STEP5
-----------------------------------------------------------------*/
#step05 {
  display: none;
}
#step05{
  background: #ffe4eb;
  width: 755px;
  margin:0 auto;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}
#step05 .ttl1{
  color:#e50005;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  padding: 39px;
}
#step05 .inner{
  background: #fff;
  padding: 35px 65px;
}
#step05 .ttl2{
  font-weight: bold;
  text-align: center;
  font-size: 28px;
  margin-bottom: 15px;
}
#step05 .scrBox{
  font-size: 14px;
  border: 2px solid #ccc;
  margin-bottom: 50px;
}
#step05 .scrCon{
  padding: 5px 18px 18px;
  font-size: 18px;
  text-align: left;
  font-weight: normal;
}
#step05 .scrCon .ttl{
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  margin-top: 13px;
  margin-bottom: 13px;
}
#step05 .scrCon .nolist{

}
#step05 .scrCon .nolist li{
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
  font-size: 18px;
}
#step05 #canselBox{
  margin-bottom: 50px;
  /* display: none; */
}
/* #step05.applyPage #canselBox{
  margin-bottom: 50px;
  display: block;
} */
#step05 #canselBox .note1{
  margin-left: 1em;
  text-indent: -1em;
}
#step05 #canselBox .note1 li{
  margin-bottom: 10px;
  font-size: 18px;
}
#step05 #canselBox .cancelpriceBox{
  border: 3px solid #cccccc;
  padding: 25px;
  margin-top: 15px;
}
#step05 #canselBox .cancelpriceBox .case{
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
#step05 #canselBox .cancelpriceBox .case:last-child{
	margin-bottom: 0;
}
#step05 #canselBox .cancelpriceBox .strong1{
  color:#e50007;
}
#step05 #canselBox .cancelpriceBox .strong2{
  color:#e50007;
}
#step05 .agreeBox{
  background: #ffecf2;
  padding: 8px 17px;
  margin-bottom: 10px;
  font-size: 22px;
  position: relative;
}
#step05 .agreeBox [type="checkbox"]{
  opacity: 0;
  position: absolute;
  top:0;
  left: 0;
}
#step05 .agreeBox [type="checkbox"] + span {
  color: #333;
  background: url(/servicemaster/simulation/simu_images/btn_box.png) no-repeat center left;
  background-size: 20px;
  padding-left: 35px;
  font-size: 20px;
}
#step05 .agreeBox [type="checkbox"]:checked + span {
  color: #1b7cce;
  background: url(/servicemaster/simulation/simu_images/btn_box_checked.png) no-repeat center left;
  background-size: 20px;
  padding-left: 35px;
}
#step05 .agreeBox [type="checkbox"]:disabled + span{
  color: #ccc;
  background:url(/servicemaster/simulation/simu_images/btn_box_desabled.png) no-repeat center left;
  background-size: 20px;
  cursor: none;
}
#step05 .note2{
  margin-left: 1em;
  text-indent: -1em;
  margin-bottom: 70px;
}
#step05 .note2 li{
  margin-bottom: 10px;
  font-size: 15px;
}
#step05 .btn.apply,
#step05 .btn.estimates{
  background: #999999;
}
#step05.agreeOK .btn.apply{
  background-color: #eb1751;
}
#step05.agreeOK .btn.estimates{
  background-color: #ed742d;
}
#step05 .btn.apply{display: none;}
#step05 .btn.estimates{display: block;}
#step05.applyPage .btn.apply{display: block;}
#step05.applyPage .btn.estimates{display: none;}
#step05 .btn.back{}
#step05 .btn.estimates:hover{
	opacity: 1;
}
#step05.agreeOK .btn.estimates:hover{
	opacity: 0.8;
}
#step05 .innerDetail {
  margin-top: 30px;
}
#step05 .innerDetail > p {
  font-size: 18px;
}
#step05 .innerDetail > p:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 1024px){
	#step05 .scrBox::-webkit-scrollbar {
	  background:#ccc;
	  width:10px;
	}
	#step05 .scrBox::-webkit-scrollbar-thumb {
	  background:#aaa;
	}
}
@media screen and (max-width:667px) {

	#step05 {
		width: 95%;
		margin: 0 auto 55px;
	}
	#step05 .ttl1 {
		font-size: 16px;
		padding: 10px;
	}
	#step05 .inner {
		padding: 10px 10px;
	}
	#step05 .ttl2 {
		font-size: 16px;
		margin-bottom: 10px;
	}
  #step05 .scrBox{
    height: auto;
  }
	#step05 .scrCon .ttl {
		font-size: 15px;
	}
	#step05 .scrCon .nolist li {
		font-size: 14px;
	}
	#step05 .scrCon {
		font-size: 14px;
    padding: 0 10px 10px;
	}
	#step05 .scrBox {
		margin-bottom: 20px;
	}
	#step05 .scrNote{
	 	font-size: 14px;
	}
  #step05 #canselBox,
  #step05.applyPage #canselBox{
    margin-bottom: 20px;
  }
	#step05 #canselBox .note1 li {
		margin-bottom: 15px;
		font-size: 14px;
	}
	#step05 #canselBox .cancelpriceBox {
		padding: 13px;
		font-size: 15px;
	}
	#step05 #canselBox .cancelpriceBox .case{
		font-size: 16px;
	}
	#step05 .agreeBox [type="checkbox"] + span {
		font-size: 15px;
		background-size: 15px;
		padding-left: 30px;
	}
	#step05 .agreeBox [type="checkbox"]:checked + span {
		background-size: 15px;
		padding-left: 30px;
	}
	#step05 .note2 li {
		font-size: 14px;
	}
	#step05 .note2 {
		margin-bottom: 20px;
  }
  #step05 .btn.apply, #step05 .btn.estimates {
    margin: 10px auto 20px;
  }
  #step05 .btn.back {
    margin: 20px auto 35px auto;
  }
  #step05 .innerDetail > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 360px){
  .notePrice {
      width: auto;
      padding: 6px 6px;
      margin: 15px auto;
      font-size: 12px;
  }

}
#Content, #Content select, #Content input#Content textarea{
  font-family: "Noto Sans JP";
}
#stepBlock ul li.active{
  font-weight: normal;
}
#step01 .balloon p{
  font-weight: normal;
}
.btn{
  font-weight: normal;
}
#step01 .balloon {
  background-color: #1b7cce;
}
.delServiceTips{
  z-index: 30;
  color: #333;
  background: #ffffff;
  top: 60px;
  right: 28px;
  width: 300px;
  margin: auto auto;
  padding: 10px;
  position: absolute;
  border-radius: 5px;
  box-shadow: 0 3px 5px #aaa;
  cursor: normal;
}
.delServiceTips:before{
  content:'';
  position:absolute;
  top:-5px;
  right:30px;
  z-index: 31;
  border-bottom:5px solid #fff;
  border-right:5px solid transparent;
  border-left:5px solid transparent;
}
.delServiceTips .text{
  font-size: 16px;
}
.delServiceTips .btnset{
  margin-top:10px;
}
.delServiceTips .btnset:after{
  content:'';
  display:table;
  clear:both;
}
.delServiceTips .btn{
  width:48%;
  cursor: pointer;
  border-radius: 30px;
  padding: 8px 0;
  text-align: center;
  background: #666;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  z-index: 1;
  box-shadow: 0 3px 5px #aaa;
  transition: all 0.2s;
}
.delServiceTips .btn.ok{float:left;}
.delServiceTips .btn.cancel{float:right;}
.delServiceTipsOverlay{
  cursor: pointer;
  z-index: 29;
  background: rgba(0,0,0,0.5);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto auto;
  position: fixed;
  display:none;
}
#cboxClose .canselbtn:hover{
    box-shadow: 0 1px 0px #aaa;
    transform: translateY(3px);
    opacity: 0.8;
}
@media screen and (max-width:667px) {
  .delServiceTips{
    right: 0;
    left: 0;
    width: 90%;
  }
  .delServiceTips .btnset{
    text-align: center;
  }
  .delServiceTips .btn{
    width:80%;
    margin-left:auto;
    margin-right:auto;
    padding: 5px 0;
    font-size: 14px;
  }
  .delServiceTips .btn.ok{
    float:none;
  }
  .delServiceTips .btn.cancel{
    margin-top:10px;
    float:none;
  }
  .delServiceTips:before{

  }
}
/* 消費税率改定に伴う対応のお知らせ追記20190905 */
.news_link {
	width: 345px;
	background: #fff;
	text-align: center;
	border: #e42049 solid 1px;
	padding: 5px 10px;
	margin: 0 auto 20px;
}

.news_link a {
	color: #e42049;
	font-size: 20px;
}


/* 20200122追記 */
.cp_link {
	margin: 0 0 0 20px;
}
.item_caution {
  position: absolute;
  top: 20px;
  left: 80px;
}
#cboxOverlay.modal_caution_wrap {
  background: #000;
}
#colorbox{
  left: 0 !important;
  right: 0 !important;
  margin: 0px auto !important;
}
.modal_caution_wrap #cboxLoadedContent{
  margin-bottom: 0;
}
.modal_caution_wrap #cboxClose {
  color: #000;
  position: absolute;
  margin-top: 0;
  margin-left: 0;
  width: 21px;
  height: 21px;
  font-size: 0;
  top: 15px;
  right: 25px;
}
.modal_caution_wrap #cboxClose:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 21px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal_caution_wrap #cboxClose:after {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 21px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal_caution {
  padding: 20px;
  border: 3px solid #4997da;
  font-family: "Noto Sans JP";
}
.item_caution .item_caution_txt {
  padding-left: 22px;
  background: url(/servicemaster/simulation/images/icon_caution.gif) no-repeat left center;
  color: #e10101;
  text-decoration: underline;
  cursor: pointer;
  font-size: 19px;
}
.modal_caution_ttl {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
.item_caution_box {
  margin-top: 20px;
}
.modal_caution_txt {
  font-size: 20px;
}
.item_caution_box .indent li {
  font-size: 20px;
}
@media screen and (max-width:667px) {
  .item_caution {
    top: 13px;
    left: 60px;
  }
  .item_caution .item_caution_txt {
    font-size: 15px;
  }
  .modal_caution_ttl {
    font-size: 18px;
  }
  .modal_caution_txt {
    font-size: 15px;
  }
  .item_caution_box .indent li {
    font-size: 15px;
  }
}

/* 20200327追記 */
a.link_sm:after,
#wrapper .cu_link > a:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(/servicemaster/simulation/simu_images/icon_link.png) no-repeat;
	background-size: contain;
	margin: 0 0 0 0.5em;
}

/* 20201120追記 */
@media screen and (max-width: 667px) {
  .mv .btnBox .btnBoxInner {
    margin: 0 auto;
  }
  
  .mv .btnBox .linkBtn {
    display: flex;
    position: relative;
    right: 0;
    left: 0;
    bottom: 0;
  }
  
  a.link_sm {
    color: #e42049;
    text-decoration: underline;
  }
}

/* 20210225 エアコンクリーニング30周年キャンペーンモーダル追記 */
#modalAir30thContents {
  display: none;
}
#modalWindow.modalAir30th{
  max-width: 906px;
  width: 90%;
  max-height: 95%;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  overflow: auto;
  border-color: #e94709;
}
#modalWindow.modalAir30th .inner{
  padding: 0;
}
#modalWindow.modalAir30th .inner img{
  width: 100%;
}
@media screen and (max-width:667px) {
  #modalWindow.modalAir30th{
    width: 90%;
    top: calc((50%) + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* 20220225 エアコンクリーニング抗菌コートセットキャンペーン追記 */
#modalAirKokinContents {
  display: none;
}
#modalWindow.modalAirKokin {
  max-width: 900px;
  width: 90%;
  height: auto;
  max-height: 98%;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  overflow: auto;
  border: none;
}
#modalWindow.modalAirKokin .inner{
  padding: 0;
}
#modalWindow.modalAirKokin .inner img{
  width: 100%;
}
#modalWindow.modalAirKokin .ico_close{
  top: 28px;
  right: 25px;
}
@media screen and (max-width:667px) {
  #modalWindow.modalAirKokin{
    width: 90%;
    top: calc((50%) + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #modalWindow.modalAirKokin .ico_close{
    top: 18px;
    right: 4%;
  }
}

/* 20230630 390キャンペーン追記 */

#modal390CampaignContents {
  display: none;
}
#modalWindow.modal_390Campaign {
  max-width: 900px;
  width: 90%;
  height: auto;
  max-height: 98%;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  overflow: auto;
  border: none;
  border-radius: 10px;
}
#modalWindow.modal_390Campaign .inner{
  padding: 0;
}
#modalWindow.modal_390Campaign .inner img{
  width: 100%;
}
#modalWindow.modal_390Campaign .ico_close{
  top: 25px;
  right: 25px;
}
@media screen and (max-width:667px) {
  #modalWindow.modal_390Campaign{
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #modalWindow.modal_390Campaign .ico_close {
    top: 14px;
    right: 3%;
  }
  #modalWindow.modal_390Campaign .ico_close img{
    width: 30px;
  }
}

/* 20231220  */
.topBtnArea {
  position:relative;
}
.topBtnArea .btn {
  height: 54px;
}
.topBtnArea .nextLink {
  padding: 0;
}
.topBtnArea .btn img {
  width: 39px;
  height: 39px;
  margin-top: 7px;
  margin-right:8px;
}
.topBtnArea .btn span {
  display: inline-block;
  margin-bottom: 6px;
  margin-right: 43px;
}

@media screen and (max-width: 667px){
  .topBtnArea .btn {
    height: 50.39px;
  }
  .topBtnArea .btn img {
    width: 35px;
    height: 35px;
    margin-top: 7px;
    margin-right:8px;
  }
}

.campaignLinkBlock__two-item{
	width:634px;
	margin: 0 auto 40px;
}
@media screen and (max-width: 667px){
	.campaignLinkBlock__two-item{
		width: inherit;
	}
}

/* 20260403  */
.top_label {
  margin-bottom: 10px;
  text-indent: -16px;
  margin-left: 16px;
}
.top_label li {
  font-size: 16px;
  color: #555;
}
@media screen and (max-width: 667px) {
	.top_label {
	  padding: 10px 10px 0;
	  text-indent: -14px;
	  margin-left: 14px;
	}
	.top_label li {
	  font-size: 14px;
	}
}