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

/*======= mainTtl =======*/
@media (min-width: 641px) {
	.mainTtl {
		background-position: center;
		background-repeat: repeat-x;
		height:92px;
		border-top:3px;
		border-bottom:3px;
		border-style:solid;
		text-align:center;
		position:relative;
	}
	.mainTtl img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	.mainTtl_01 {
		border-color:#84B4E3;
		background-image: url(../stepup/img/common/bg_mainttl_01.png);
	}
	.mainTtl_02 {
		border-color:#BD6688;
		background-image: url(../stepup/img/common/bg_mainttl_02.png);
	}
	.mainTtl_03 {
		border-color:#ED8600;
		background-image: url(../stepup/img/common/bg_mainttl_03.png);
	}
}
@media (max-width: 640px) {
	.mainTtl img {
		vertical-align:bottom;
	}
}

/*======= common =======*/
.pink {
	color:#e82665 !important;
}
.gold {
	color:#927200 !important;
}
.mb0 {
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb1em {
	margin-bottom:1em;
}
.bold {
	font-weight:bold;
}
.right {
	text-align:right !important;
}
.cntImg {
	display:block;
	margin:auto;
}
.idt li{
	text-indent:-1em;
	padding-left:1em;
}

/*======= review_setup =======*/
.easySetup .ttl_check {
	padding-bottom:0.5em !important;
}
.easySetup .pointBox {
	border-radius:10px;
	border:2px solid #e82665;
	background-color:#fff;
	line-height:1.6;
}
.easySetup .pointBox p {
	color:#444 !important;
}
.easySetup .cont2_txt01 {
	padding:1em 0 0 !important;
}
.easySetup .easy-right-box ul {
  padding-top: 3.125%;
}

@media (max-width: 640px) {
	.easySetup p {
		font-size:3.75vw;
		line-height:1.5;
	}
	.easySetup .easy-box-style1 {
		padding-left:3.125%;
		padding-right:3.125%;
	}
	.easySetup .cont1_obj01 {
		padding-top:3.125%;
	}
	.easySetup .cont2_obj01 {
		width:65%;
		height:auto;
		display:block;
		margin:auto;
	}
	.easySetup .cont2_obj02,
	.easySetup .cont3_obj01 {
		padding: 0 3.125%;
	}
	.easySetup .cont3_obj02 {
		margin-bottom:3.125%;
	}
	.easySetup .pointBox {
		font-size:3.75vw;
		padding:0.5em;
	}
	.easySetup .ttl_check {
		text-align:center;
	}
	.easySetup .btn_check img{
		padding:3.75% 0 !important;
	}
	.easySetup .easy-pc-content1 {
		padding-bottom:5%;
	}
	.easySetup .easy-content1-box ul {
		width: 100%;
		text-align: center;
		font-size:0;
	}
  .easySetup .easy-content1-box ul li {
		display: inline-block;
		width: 30%;
		max-width:30%;
	}
	.easySetup .easy-content1-box ul li:nth-child(2n) {
		margin: 0 5%;
	}
	.easySetup .easy-pc-content4 {
		padding-bottom:1em;
	}
}
@media (min-width: 641px) {
	.easySetup {
		border-top:1px solid #ddd;
	}
	.easySetup .easy-box-style1,
	.easySetup .easy-box-style2,
	.easySetup .easy-pc-content4-inner,
	.easySetup .iso-style,
	.easySetup .toggle-parent {
		max-width:1000px;
		padding:0;
	}
	.easySetup .easy-pc-content2 {
		max-width:1000px;
		box-sizing:border-box;
	}
  .easySetup .easy-pc-content1 h2.easy_h2_01 {
	background: url(../stepup/img/review-setup/easySetup-pc-content1-img1.png) center 0 no-repeat;
	height: 153px;
  }
  .easySetup .easy-pc-content1 h2.easy_h2_02 {
	background: url(../stepup/img/review-setup/easySetup-pc-content1-img4.png) center 0 no-repeat;
	height: 165px;
  }
  .easySetup .easy-pc-content1 h2.easy_h2_03 {
	background: url(../stepup/img/review-setup/easySetup-pc-content1-img6.png) center 0 no-repeat;
	height: 144px;
  }
  .easySetup .easy-pc-content1 h2.easy_h2_04 {
	background: url(../stepup/img/review-setup/easySetup-pc-content3-img1.png) center 0 no-repeat;
	height: 144px;
  }
  .easySetup .easy-right-box ul {
    padding-top: 30px;
  }
  .easySetup .easy-pc-content4 h2 {
    width: 1007px;
    margin: 0 auto;
  }
  .easySetup .accordion-menu {
	  margin: 0 0 40px;
  }
  .easySetup .btn_check {
	  display:block;
	  width:480px;
	  margin:30px auto;
  }
  .easySetup .pointBox {
	  padding:1em;
  }
}

/*======= realtime =======*/
.realtime .sec1 {
	background: url(../stepup/img/realtime/bg_pc.png) center top no-repeat #fff;
	background-size:100% auto;
	padding:40px 0;
}
.realtime .sec1_txt01 {
	color:#666;
}
.realtime .sec1_ttl {
	margin-bottom:4%;
}
.realtime .sec1_txt01 {
	line-height:1.5;
	margin-bottom:1.5em;
}
.realtime .appArea {
	padding-top:1em;
}
.realtime .appArea ul.note li span {
	color:#ED8600;
	font-size:180%;
	line-height:1;
}
.realtime .appArea li {
	line-height:1.5;
}
.realtime .dl {
	font-size:0;
	padding:10px 0 20px;
}
.realtime .dl li {
	display:inline-block;
	vertical-align:middle;
}
@media (max-width: 640px) {
	.realtime .sec1 {
		background-image: url(../stepup/img/realtime/bg_sp.png);
		font-size:3.75vw;
		padding:4.6875% 0;
	}
	.realtime .dl {
		padding-left:4%;
		box-sizing:border-box;
	}
	.realtime .dl li {
		width:48%;
		margin-right:2%;
	}
	.realtime .dl li:last-child {
		margin-right:0;
	}
}
@media (min-width: 641px) {
	.realtime .sec1_ttl {
		text-align:center;
		margin-bottom:20px;
	}
	.realtime .sec1_txt01 {
		text-align:center;
	}
	.realtime .dl {
		padding-left:20px;
	}
	.realtime .dl li {
		margin-right:18px;
	}
}

/*======= index =======*/
/* sec_mv */
.stepupTop .sec_mv {
	background: url(../stepup/img/top/bg_visual_pc.png) center top no-repeat;
	background-size:cover;
	border-top:4px solid #B39A45;
	text-align:center;
	padding:80px 0 60px;
}
.stepupTop .sec_mv .box_txt .txt01 {
	color:#666;
	line-height:1.5;
	padding:1em 0;
	font-weight:bold;
}
@media (max-width: 640px) {
	.stepupTop .sec_mv {
		background-image: url(../stepup/img/top/bg_visual_sp1.png);
		background-size:100% auto;
		border-width:2px;
		padding:10.9375% 0 0;
	}
	.stepupTop .sec_mv .box_txt {
		background: url(../stepup/img/top/bg_visual_sp2.png) center bottom no-repeat;
		background-size:100% auto;
		padding:6.25% 0;
	}
	.stepupTop .sec_mv .box_txt .txt01 {
		text-align:left;
		font-size:3.75vw;
	}
}
@media (min-width: 641px) {
	.stepupTop .sec_mv .box_ph {
		width:1000px;
		margin:0 auto 40px;
	}
}

/* introBox */
.stepupTop .introBox {
	background-position: center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
	border-bottom:2px solid;
}
.stepupTop .introBox .inner {
	margin-top:3.5%;
	padding-bottom:5.375%;
	position:relative;
}
.stepupTop .introBox.sec1 {
	background-image: url(../stepup/img/top/bg_sec1_sp.png);
	border-color:#84B4E3;
}
.stepupTop .introBox.sec2 {
	background-image: url(../stepup/img/top/bg_sec2_sp.png);
	border-color:#BD6688;
}
.stepupTop .introBox.sec3 {
	background-image: url(../stepup/img/top/bg_sec3_sp.png);
	border-color:#ED8600;
}
.stepupTop .introBox.sec1 .inner {
	text-align:right;
}
.stepupTop .introBox.sec2 .inner {
	text-align:right;
}
.stepupTop .introBox.sec1 .inner img {
	vertical-align:bottom;
}
.stepupTop .introBox .feature {
	position:absolute;
	left:3.125%;
	top:0;
	text-align:left;
}
.stepupTop .introBox .feature li {
	margin-bottom:1em;
	line-height:1.4;
	color:#535353;
	background-position: left top;
	background-repeat:no-repeat;
	background-size:1em auto;
	padding-left:1.25em;
	font-weight:bold;
}
.stepupTop .introBox.sec1 .feature li {
	background-image: url(../stepup/img/top/bg_feature_01.png);
}
.stepupTop .introBox.sec2 .feature li {
	background-image: url(../stepup/img/top/bg_feature_02.png);
}
.stepupTop .introBox .btn_detail {
	display:block;
	margin:auto;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-position: right top;
	background-repeat:no-repeat;
	background-size: auto 100%;
	height:40px;
	font-size:3.75vw;
	position:relative;
}
.stepupTop .introBox .btn_detail span {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.stepupTop .introBox.sec1 .btn_detail {
	background-image: url(../stepup/img/top/sec1_btn_sp.png);
}
.stepupTop .introBox.sec2 .btn_detail {
	background-image: url(../stepup/img/top/sec2_btn_sp.png);
	margin-top:15px;
}
.stepupTop .introBox.sec3 .btn_detail {
	background-image: url(../stepup/img/top/sec3_btn_sp.png);
}
@media (min-width: 641px) {
	.stepupTop .introBox {
		border-width:3px;
		background-size:cover;
	}
	.stepupTop .introBox .inner {
		margin-top:50px;
		padding-bottom:50px;
		width:610px;
	}
	.stepupTop .introBox.sec2 .inner {
		text-align:center;
	}
	.stepupTop .introBox .feature {
		left:0;
	}
	.stepupTop .introBox .btn_detail {
		height:53px;
		background-size: cover;
		font-size:22px;
	}
	.stepupTop .introBox.sec1 {
		background-image: url(../stepup/img/top/bg_sec1_pc.png);
	}
	.stepupTop .introBox.sec1 .btn_detail {
		background-image: url(../stepup/img/top/sec1_btn_pc.png);
	}
	.stepupTop .introBox.sec2 {
		background-image: url(../stepup/img/top/bg_sec2_pc.png);
	}
	.stepupTop .introBox.sec2 .btn_detail {
		background-image: url(../stepup/img/top/sec2_btn_pc.png);
	}
	.stepupTop .introBox.sec3 {
		background-image: url(../stepup/img/top/bg_sec3_pc.png);
	}
	.stepupTop .introBox.sec3 .btn_detail {
		background-image: url(../stepup/img/top/sec3_btn_pc.png);
	}
}
@media (max-width: 640px) {
	.stepupTop .introBox .inner {
		min-height:50%;
	}
	.stepupTop .introBox.sec1 .inner img {
		width:28.125vw;
		height:auto;
	}
	.stepupTop .introBox.sec2 .inner img {
		width:70vw;
		height:auto;
	}
	.stepupTop .introBox .feature {
		font-size:3.75vw;
	}
	.stepupTop .introBox .btn_detail {
		border-radius:4px;
	}
	.stepupTop .content3-box-right p.big {
		padding-bottom:0;
	}
	.stepupTop .content3-box-right p.pt0 {
		padding-top:0;
	}
}

/* sec3 */
.stepupTop .content3-box-left.popup_3 img {
	max-width:none !important;
	width:90%;
	display:block;
	margin:auto;
}
@media (min-width: 641px) {
	.stepupTop .pc-content3-inner section h2.top_h2_01 {
		background: url(../stepup/img/top/top-pc-content3-text1.png) center 0 no-repeat;
		height: 105px;
	}
	.stepupTop .pc-content3-inner section h2.top_h2_02 {
		background: url(../stepup/img/top/top-pc-content3-text2.png) center 0 no-repeat;
		height: 105px;
	}
	.stepupTop .pc-content3-inner section h2.top_h2_03 {
		background: url(../stepup/img/top/top-pc-content3-text3.png) center 0 no-repeat;
		height: 105px;
	}
	.stepupTop .content3-box-right p.pc-product-img2 {
		background: url(../stepup/img/top/top-pc-content3-btn3.png) 0 0 no-repeat;
		width:482px;
		height: 97px;
		box-sizing:border-box;
		padding-top:13px;
	}
	.stepupTop .content3-box-right p.pc-product-img3 {
		background: url(../stepup/img/top/top-pc-content3-btn4.png) 0 0 no-repeat;
		background-size: 100%;
		height: 71px;
		margin: 20px 0 0 0;
		width: 482px;
		padding: 10px 0 0 0;
	}
	.stepupTop .pc-product-img3 a {
		text-decoration: none;
		color: #000000;
	}
	.stepupTop .pc-product-img3 span {
		font-weight: bold;
		padding-left: 17px;
		font-size: 17px;
	}
	.stepupTop .content3-box-left.popup_3 {
		width:48%;
	}
}

/* d7500 */
.d7500 .mv img,
.d7500 .qa h2 img {
	vertical-align:bottom;
}
.d7500 .qa {
	background-color:#f1f1f1;
	line-height:1.6;
	color:#666;
	padding:10.9375% 0 9.375%;
	font-size:3.75vw;
}
.d7500 .qa .content-box2-style {
	border: 1px solid #4B70B4;
	box-sizing:border-box;
	padding: 4.375% 5.78125vw;
	text-align:left;
}
.d7500 .content-box2-style p {
	margin-bottom:1em;
}
.d7500 .content-box2-style p:first-child {
	padding:0;
	text-align:left;
	float:none;
}
.d7500 .qa .ttl_ans {
	font-weight:bold;
	text-indent:-2.25em;
	padding-left:2.25em;
	margin-bottom:0.5em;
	font-size:4.6875vw;
	line-height:1.3;
}
.d7500 .qa .ttl_check {
	margin-bottom:15px;
}
.d7500 .qa .ttl_ans span {
	color:#4B70B4;
	font-size:128%;
}
.d7500 .content-box2-style img {
  padding: 0;
  max-width: 100%;
  width:auto;
  height:auto;
}
.d7500 .content-box2-style .feature li {
	font-size:0;
}
.d7500 .content-box2-style .feature li div {
	display:inline-block;
	vertical-align:middle;
}
.d7500 .content-box2-style .feature .obj {
	width:42%;
	margin-right:3%;
}
.d7500 .content-box2-style .feature .obj img {
	width:100%;
	height:auto;
}
.d7500 .content-box2-style .feature .txt {
	width:55%;
	font-size:3.75vw;
}
.d7500 .content-box2-style .finder {
	border:1px solid #93B3EF;
	border-radius:10px;
	margin-bottom:20px;
}
.d7500 .content-box2-style .finder dt {
	background-color:#93B3EF;
	color:#fff;
	border-radius:10px 10px 0 0;
	padding:0.75em;
}
.d7500 .content-box2-style .finder dd {
	padding:0.75em;
}
.d7500 .content-box2-style .finder dd span {
	color:#93B3EF;
	font-weight:bold;
}
.d7500 .content-box2-style .grip {
	display:block;
	background: url(../stepup/img/d7500/sec3_obj02.png) no-repeat #EAF1FF;
	box-sizing:border-box;
}
.d7500 .content-box2-style .grip dt {
	font-weight:bold;
}
.d7500 .qa .sec1_ph01,
.d7500 .qa .sec3_ph01 {
	width:90%;
	margin:auto; 
}
.d7500 .qa .sec2_obj01 {
	width:47.5%;
	height:auto;
	margin-bottom:15px;
}
@media (min-width: 641px) {
	.d7500 .mv {
		background: url(../stepup/img/d7500/mv_pc.png) center no-repeat #006EB5;
		height:300px;
		border-bottom:4px solid #85B3E3;
	}
	.d7500 .qa {
		padding:60px 0;
		font-size:16px;
	}
	.d7500 .content-box2-style {
		padding: 0 48px !important;
	}
	.d7500 .toggle-parent {
		max-width: 1000px;
	}
	.d7500 .qa .ttl_ans {
		font-size:20px;
		padding-top:1em;
	}
	.d7500 .qa .box_R {
		float:right;
		width:45.55555%;
	}
	.d7500 .qa .box_L {
		float:left;
		width:50%;
	}
	.d7500 .content-box2-style .feature .obj {
		width:31.25%;
		margin-right:3.75%;
	}
	.d7500 .content-box2-style .feature .txt {
		width:65%;
		font-size:16px;
	}
	.d7500 .content-box2-style .grip {
		text-align:center;
	}
	.d7500 .qa .chechBox {
		padding-bottom:30px;
	}
	.d7500 .qa .sec1_ph01,
	.d7500 .qa .sec3_ph01 {
		width:66.5%;
	}
	.d7500 .qa .sec3_obj01 {
		display:block;
		margin: auto;
		width:40%;
	}
	.d7500 .content-box2-style .grip {
		background-size:74px auto;
		background-position: 97% top;
		padding:1.5em 0;
		margin-bottom:40px;
	}
	.d7500 .content-box2-style .grip dt {
		font-size:128%;
	}
	.d7500 .qa .sec3_btn {
		text-align:center;
	}
}
@media (max-width: 640px) {
	.d7500 .content-box2-style .feature {
		margin-bottom:20px;
	}
	.d7500 .qa .sec3_obj01 {
		float:right;
		width:33%;
		margin-left:3%;
	}
	.d7500 .content-box2-style .grip {
		background-size:25% auto;
		background-position: 96% top;
		padding:1em 35% 1em 1em;
		margin-bottom:20px;
	}
}

/* challenge */
.challenge .mv img,
.challenge .tips h2 img {
	vertical-align:bottom;
}
.challenge .tips {
	background-color:#f1f1f1;
	line-height:1.6;
	color:#666;
	padding:10.9375% 0 9.375%;
	font-size:3.75vw;
}
.challenge .tips .content-box2-style {
	border: 1px solid #AB5479;
	box-sizing:border-box;
	padding: 4.375% 5.78125vw;
	text-align:left;
}
.challenge .tips .sec6 .content-box2-style {
	padding-bottom:0 !important;
}
.challenge .content-box2-style p {
	margin-bottom:1em;
}
.challenge .content-box2-style p:first-child {
	padding:0;
	text-align:left;
	float:none;
}
.challenge .content-box2-style img {
  padding: 0;
  max-width: 100%;
  width:auto;
  height:auto;
}
.challenge .tips .box_R {
	float:right;
	width:45.55555%;
}
.challenge .tips .box_L {
	float:left;
	width:50%;
}
.challenge .tips .ttlBg {
	background: url(../stepup/img/challenge/bg_ttl_sp.png) right top no-repeat;
	background-size:contain;
	min-height:30px;
	display:block;
	font-size:4.375vw;
	color:#c31f64;
	font-weight:bold;
}
.challenge .tips .ttlStd {
	font-weight:bold;
}
.challenge .tips .feature li {
	font-size:3.125vw;
	display:block;
	color:#fff;
	background-color:#D23B48;
	line-height:1.2;
	padding:0.5em;
	margin-bottom:5px;
}
.challenge .tips .feature {
	margin-bottom:0 !important;
}
.challenge .fontS {
	font-size:3.125vw;
}
.challenge .tips .num li {
	background-position: left top;
	background-repeat:no-repeat;
	padding:0.25em 0 0.25em 15.3125vw;
	background-size:12.5vw auto;
	margin-bottom:1em;
}
.challenge .tips .num li.num_1 {
	background-image: url(../stepup/img/challenge/num_1.png);
}
.challenge .tips .num li.num_2 {
	background-image: url(../stepup/img/challenge/num_2.png);
}
.challenge .tips .num li.num_3 {
	background-image: url(../stepup/img/challenge/num_3.png);
}
.challenge .tips .num li img {
	padding-top:10px;
}
.challenge .tips .i {
	display:inline-block;
	height:100%;
	width:10px;
	background: url(../stepup/img/challenge/i.png) center top no-repeat;
	background-size: contain;
	text-indent:-9999px;
}
.challenge .tips .sec3_ph01,
.challenge .tips .sec3_obj01 {
	margin-bottom:15px;
}
.challenge .tips .notice {
	background-color:#FCE9F1;
	padding:1em;
	margin-bottom:1em;
}
.challenge .tips .sec6 .bgBox {
	border-top:1px solid #F4CEDE;
	margin-left:-5.78125vw;
	margin-right:-5.78125vw;
	padding:20px 5.78125vw;
	background: url(../stepup/img/challenge/sec6_bg_sp.png) center top no-repeat;
	background-size:100% auto;
}
.challenge .tips .sec6 .ttlBg {
	background-image:none;
	line-height:1.3;
}
.challenge .tips .sec5_ph01 {
	width:90%;
	display:block;
	margin:0 auto 15px;
}

@media (min-width: 641px) {
	.challenge .mv {
		background: url(../stepup/img/challenge/bg_mv.png) center top no-repeat #fff;
		background-size:cover;
		padding:25px 0;
	}
	.challenge .tips {
		padding:60px 0;
		font-size:16px;
	}
	.challenge .content-box2-style {
		padding: 0 48px 30px !important;
	}
	.challenge .content-box2-style p:first-child {
		padding-top:25px !important;
	}
	.challenge .toggle-parent {
		max-width: 1000px;
	}
	.challenge .fontS {
		font-size:14px;
	}
	.challenge .tips .feature li {
		font-size:14px;
		display:inline-block;
	}
	.challenge .tips .name {
		font-size:20px;
		font-weight:bold;
	}
	.challenge .tips .ttlImg {
		margin-bottom:40px;
	}
	.challenge .tips .ttlBg {
		display:inline-block;
		font-size:20px;
		padding:0.5em 65px 0.5em 0;
	}
	.challenge .tips .ttlStd {
		margin-bottom:0.5em;
	}
	.challenge .tips .changePh li {
		float:left;
		width:50%;
	}
	.challenge .tips .num li {
		padding:1em 0 1em 70px;
		background-size:50px auto;
		background-position:left 0.4em;
	}
	.challenge .tips .i {
		margin-right:2px;
		width:12px;
	}
	.challenge .tips .half li {
		width:50%;
		float:left;
		box-sizing:border-box;
	}
	.challenge .tips .num.half li div {
		margin-left:-70px;
	}
	.challenge .tips .sec6 .bgBox {
		margin-left:-48px;
		margin-right:-48px;
		padding:40px 48px;
		background-image: url(../stepup/img/challenge/sec6_bg_pc.png);
	}
	.challenge .tips .sec6 .box_L {
		text-align:center;
	}
	.challenge .tips .sec5_ph01 {
		width:66.66666%;
	}
}
@media (max-width: 640px) {
	.challenge .tips .ttlImg {
		margin:0 -5.78125vw;
	}
	.challenge .tips .ttlStd {
		font-size:4.0625vw;
	}
	.challenge .tips .sec6 .sp-none .box_R,
	.challenge .tips .sec6 .sp-none .box_L {
		float:none;
		display:inline-block;
		vertical-align:middle;
		padding-bottom:2.5%;
	}
	.challenge .tips .sec6 .sp-none .box_L {
		width:46%;
		margin-right:4%;
	}
}