@charset "UTF-8";

main * {
	box-sizing: border-box;
}
.page-red {
	color: #CD0000;
}
.page-inline_block {
	display: inline-block;
}
.page-u-ta-j {
	text-align: justify;
}

/* page-btn-logo
-------------------------- */
.support-input-item.page-btn-logo {
	padding-top: 0;
	padding-bottom: 0;
}
.support-input-item.page-btn-logo_checked {
	display: none;
}
.page-btn-logo img {
	width: 100%;
	max-width: 250px;
}
/* input:checked */
.support-input-type01 input:checked ~ .support-input-item.page-btn-logo {
	display: none;
}
.support-input-type01 input:checked ~ .support-input-item.page-btn-logo.page-btn-logo_checked {
	display: flex;
}

/* page-mark-list
-------------------------- */
.page-mark-list {
  max-width: 950px;
	margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
}
.page-mark-list-item {
	display: flex;
	align-items: top;
	margin-top: 20px;
	text-align: left;
}
.page-mark-list-item:first-of-type {
	margin-top: 0;
}
@media screen and (max-width: 900px) {
	.page-mark-list {
		margin-top: 20px;
	}
	.page-mark-list-item {
		margin-top: 16px;
	}
}

/* page-caution_icon
-------------------------- */
.page-caution_icon {
	position: relative;
	display: inline-block;
	min-width: 16px;
	height: 16px;
	margin-top: 3px;
	margin-right: 8px;
	border-radius: 50%;
	background-color: #333;
	vertical-align: text-top;
}
.page-caution_icon::after {
	content: "!";
	position: absolute;
	top: 2px;
	right: 0;
	left: 0;
	margin: auto;
	color: #fff;
	line-height: 1;
	font-size: 13px;
	text-align: center;
}

/* 画像レイアウト */
.page-box_article {
	display: block;
	max-width: 950px;
  /* margin: 40px auto;
  padding: 20px !important; */
  background-color: white;
}
.page-box_text {
	display: flex;
	justify-content: center;
	/* flex-direction: column; */
	align-items: flex-end;
	min-height: 50px;
}
@media screen and (max-width: 900px) {
	.page-box_article {
		display: flex;
		align-items: center;
		text-decoration: none;
		background: #fff;
		color: #333;
		text-align: left;
	}
	.page-box_article>*:first-child {
		margin-top: 0;
	}
	.page-box_image {
		width: 110px;
		flex-shrink: 0;
	}
	.page-box_text {
		justify-content: flex-start;
		align-items: flex-start;
		width: 100%;
		min-height: auto;
		padding: 20px 15px;
		vertical-align: middle;
	}
	[class$='_image']+.page-box_text {
		padding: 5px 10px 5px 20px;
	}
}

.page-flex-col {
	counter-reset: flex-col-counter;
  display: flex;
	justify-content: space-between;
	gap: 30px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.page-flex-col > li {
	width: 100%;
}
@media screen and (max-width: 900px) {
	.page-flex-col {
		display: block;
	}
	.page-flex-col > li.active + li.active {
		position: relative;
		margin-top: 60px;
	}
	.page-flex-col > li.active + li.active::before {
		content: "";
		position: absolute;
		top: -30px;
		right: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 2px;
		margin: auto;
		background-color: #E0E0E0;
	}
}
.page-flex-col-item-title {
  position: relative;
	padding-left: 26px;
	text-align: left;
}
.page-flex-col-item-title::before {
	content: counter(flex-col-counter);
	counter-increment: flex-col-counter;
	position: absolute;
	top: 2px;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	line-height: 1.2;
	background-color: #333;
	border-radius: 50%;
	color: #fff;
	font-size: 1.5rem;
	font-weight: normal;
}
.page-flex-col-item-warning,
.page-flex-col-item-warning * {
	color: #CD0000;
}
.page-flex-col-item-figure {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
@media screen and (max-width: 900px) {
	.page-flex-col-item-figure {
		margin-top: 20px;
	}
}
.page-flex-col-item-figure figure {
	width: 100%;
	max-width: 180px;
	margin-right: 10px;
	margin-left: 10px;
	/* margin-right: auto;
	margin-left: auto; */
}
/* .support-layout-sp_2col.page-flex-col-item-figure {
	gap: 40px;
}
@media screen and (max-width: 900px) {
	.support-layout-sp_2col.page-flex-col-item-figure {
		gap: 10px;
	}
} */
	.support-layout-sp_2col.page-flex-col-item-figure figure {
	max-width: 110px;
}


.page-list-lv2-free-num {
	counter-reset: list-num-counter;
  text-align: left;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.page-list-lv2-free-num > li {
	position: relative;
  margin-top: 20px;
  padding-left: 25px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.page-list-lv2-free-num > li::before {
	content: counter(list-num-counter) ".";
	counter-increment: list-num-counter;
	position: absolute;
	top: 0;
	left: 0;
}
.page-list-lv2-free-num > li:first-child {
  margin-top: 0;
}

/* step1Intro
-------------------------- */
#step1Intro01,
#step1Intro02,
#step1Intro03,
#step1Intro04,
#step1Intro05,
#step1Intro06,
#step1Intro07,
#step1Intro08,
#step1Intro09,
#step1Intro10 {
	margin-top: 0;
}

/* devices
-------------------------- */
#devices01.support-section-container,
#devices02.support-section-container,
#devices03.support-section-container {
	padding-bottom: 0;
}
@media screen and (max-width: 900px) {
	.page-devices_box.active + .page-devices_box.active {
		position: relative;
		padding-top: 60px;
	}
	.page-devices_box.active + .page-devices_box.active::before {
		content: "";
		position: absolute;
		top: 30px;
		right: 0;
		left: 0;
		display: block;
		width: 90%;
		height: 2px;
		margin: auto;
		background-color: #E0E0E0;
	}
}

/* step1_info
-------------------------- */
#step1_info01,
#step1_info02,
#step1_info03,
#step1_info04 {
	margin-top: 50px;
}
@media screen and (max-width: 900px) {
	#step1_info01,
	#step1_info02,
	#step1_info03,
	#step1_info04 {
		margin-top: 40px;
	}
}
/* page-layout-change
-------------------------- */
.page-layout-change {
	display: block;
}
.page-layout-change.page-only_content {
	display: flex;
}
.page-layout-change.page-only_content > div {
	flex-grow: 1;
}
.page-layout-change.page-only_content > div:first-of-type {
	width: 60%;
}
.page-layout-change.page-only_content > div:last-of-type {
	width: 40%;
	margin-left: 60px;
}
@media screen and (max-width: 900px) {
	.page-layout-change.page-only_content {
		display: block;
	}
	.page-layout-change.page-only_content > div:first-of-type,
	.page-layout-change.page-only_content > div:last-of-type {
		width: 100%;
	}
	.page-layout-change.page-only_content > div:last-of-type {
		margin-left: auto;
	}
}


/* display control
-------------------------- */
#matterBtnArea,
.page-active_control,
.page-matter_btn,
#resultTitleReturn {
	display: none;
}
#matterBtnArea.active,
#resultWrap.active,
#resultStep.active,
#cancellationProcedure.active,
.cancellation_inquiry_01.active,
.cancellation_inquiry_02.active,
.return_due_01.active,
.return_due_02.active,
.return_SC.active,
#penalty_area.active,
#model_number_area.active,
#page_addNTT_txt01.active,
#page_addNTT_txt02.active,
#showMeshWifiCP.active,
#showMeshWifiCP2.active,
#resultPersonalEffects.active,
#devices01.active,
#devices02.active,
#devices03.active,
#step1Intro01.active,
#step1Intro02.active,
#step1Intro03.active,
#step1Intro04.active,
#step1Intro05.active,
#step1Intro06.active,
#step1Intro07.active,
#step1Intro08.active,
#step1Intro09.active,
#step1Intro10.active,
#step1Intro05Air.active,
#step1Intro06Air.active,
#step1_info01.active,
#step1_info02.active,
#step1_info03.active,
#step1_info04.active,
#constructionOccur.active,
#resultTitleService.active,
#addSBLogo.active,
#return_address01.active,
#return_address02.active,
#addNTTLogo.active,
#addBefore.active,
.rental_prepayment.active,
.rental_cod.active,
#continuousUse.active,
#continuousUseMove.active,
#continuousUseOpen.active,
#unknownSID.active,
#unknownYahooID.active,
#inquiryLinkSbhikariNtt.active,
#inquiryLinkSbhikariChat.active,
#inquiryLinkSbair.active,
#inquiryLinkHikari.active,
#inquiryLinkAdsl.active,
#inquiryLinkSbhikariFaqBtn.active {
	display: block !important;
}
#step1Intro01.active,
#step1Intro02.active,
#step1Intro03.active,
#step1Intro04.active,
#step1Intro05.active,
#step1Intro06.active,
#step1Intro07.active,
#step1Intro08.active,
#step1Intro09.active {
	display: inline-block;
}
#devices01_01.active,
#devices01_02.active,
#devices01_03.active,
#devices01_04.active {
	display: grid;
}

#resultTitleReturn.active,
.page-use_mailbox.active,
#personalEffectsInfoSbHikari.active,
#personalEffectsInfoSbAir.active,
#personalEffectsInfoHikari.active,
#personalEffectsInfoAdsl.active,
.limited_ntt.active,
.limited_returned.active,
.limited_moving.active {
	display: inline !important;
}

.page-matter_btn.display {
	display: block;
	animation: matter_btn_fadeIn 1.5s ease 0s 1 normal;
	-webkit-animation: matter_btn_fadeIn 1.5s ease 0s 1 normal;
}
@keyframes matter_btn_fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes matter_btn_fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.support-adsl-text {
	display: none;
	margin-top: 40px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 30px !important;
	text-align: center;
}
@media screen and (max-width: 900px) {
	.support-adsl-text {
		text-align: left;
	}
}
.support-adsl-text.active {
	display: block;
}
.support-text-strong-02 {
	color: #cd0000;
    font-weight: bold;
}

/* page-video-area
-------------------------- */
.page-video-area-01,
.page-video-area-02 {
    display: none;
}
.page-video-area-01.active,
.page-video-area-02.active {
    display: block;
}
.page-video-type01 {
    margin-top: 40px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    max-width: 770px;
}
@media screen and(max-width: 900px) {
    .page-video-type01 {
        margin-top: 30px;
        max-width: 100%;
    }
}
.page-video-type01_inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.page-video-type01_video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}