@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━ max-width 640px ━━━━━━━━━ */
@media screen and (max-width:640px) {

	img {
		max-width: 100%;
		height: auto;
	}


	.page-service {
		font-size: 14px;
	}

	#header,
	#area,
	#footer {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#header_area {
		background-image: none;
		box-shadow: 1px 0 2px #AAAAAA;
	}

	#header_logo {
		position: relative;
		top: 0;
	}

	#header_logo img {
		width: 150px;
		height: auto;
		margin: 5px 0;
	}

	/* ----------------------------------------------- display: none; ----- */
	#header_banner,
	#header_search,
	#header_copy,
	.box-breadcrumb,
	#footer_margin,
	#footer_navi_box_wrap,
	#footer_navi ul,
	.wps-main_imgbox,
	#wps-resolution ul>li:not(:last-child):after,
	p.wps-sales-read-sub:before,
	p.wps-sales-read-sub:after,
	#bnr_campaign,
	br.sp-none {
		display: none;
	}

	/* ----------------------------------------------- display: block; ----- */
	.sv-btn,
	.sv-btn li,
	.service-box h2 .sv-num,
	.svbtn_wsfe li,
	.wps-menu ul,
	.wps-menu li,
	.wps-subcopy:after,
	.wps-subcopy p,
	#wps-reason li p:before,
	.wps-subcopy p:after,
	.box_sns-btn li,
	#bnr_sp-campaign,
	#bnr_sp-campaign.bnr_campaignlink a,
	.inq-phone a,
	#ask_service-inquiry .destination dd span,
	.wps-maintitle .sp-none {
		display: block;
	}


	/* ----------------------------------------------- width: auto; ----- */
	.imgposition p,
	#wps-main-copy,
	dl.box_wps-inquiry,
	.wps-menu li,
	#wps-main-copy .wps-maintitle,
	#wps-main-txt,
	p.wps-sales-read,
	.inq-phone,
	#footer_copyright,
	#area_wps-inquiry p.num-phone a,
	.service-inq_telbox p.num-phone a,
	#svbox_sd h3.sv_sd,
	.svbox_sd-area p {
		width: auto;
	}

	/* ----------------------------------------------- width: 90%; ----- */
	#box-bc .breadcrumb,
	.wps-cen-link,
	#sv-main,
	#header ul,
	.service-box,
	.txt_sv-inquiry,
	#ask_service-inquiry,
	#service-inquiry #inquiry-complete,
	#service-inquiry .box_contact-info,
	.service-inq_main,
	.txt_wps-inquiry,
	#area_wps-inquiry .box_document,
	#wps-inquiry-list,
	.wps-back_menu,
	.wps-maincontents,
	.wps-contents-box,
	.wps-sales-box,
	.wps-sales-box_inn,
	#wps-resolution ul>li,
	#input_submit input[type=submit],
	.wps-title+p,
	.wps-contents,
	.wps-maincopy {
		width: 90%;
	}

	a.btn-wpsinquiry {
		width: 100%;
	}

	/* ----------------------------------------------- float: none; ----- */
	.sv_wps-tool>li,
	.sv_wps-tool>li:first-child,
	#wps-inquiry-list>li,
	#wps-inquiry-list>li:first-child,
	#wps-inquiry-list>li:last-child {
		float: none;
		width: auto;
	}

	#wps-resolution ul>li,
	#wps-resolution ul>li:first-child,
	#wps-resolution ul>li:last-child,
	.wps-menu li,
	a.svbox_sdlink {
		float: none;
	}


	/* ----------------------------------------------- 総合案内 ----- */

	#sv-main {
		padding-top: 20px;
		background-position: 100% 150px;
		background-size: 140px;
	}

	p.sv-btn-chatch {
		width: 100%;
	}

	.sv-btn li:first-child {
		margin-bottom: 2em;
		padding-right: 0;
	}

	#sv-main h1 {
		margin-bottom: .1em;
		line-height: 1.2;
	}

	.service-area {
		padding-top: 5px;
	}

	img.service-box_imgbox {
		position: relative;
		float: right;
		max-width: 150px;
		margin-left: 1.5em;
	}

	.service-box h2:not(.sv_sd) {
		font-size: 28px;
	}

	.sv-num {
		width: 1.2em;
	}

	.service-box h2>span {
		display: inline;
		font-size: 20px;
	}

	.service-box h2 .sv-num {
		width: 7em;
		margin: 0 auto .5em 0;
	}

	a.svbox_sdlink {
		margin: 0 0 2em 0;
	}

	.svbtn_wsfe li:first-child {
		margin: 0 auto 2em auto;
	}

	#svbox_sd h3.sv_sd {
		height: auto;
		padding-top: .3em;
		padding-bottom: .3em;
		line-height: 1.4;
	}

	.svbtn_wsfe a.btn-wsfe {
		height: auto;
		padding: .5em;
		line-height: 1.2;
	}

	.svbtn_wsfe a.btn-wpsinquiry {
		padding: 0;
		width: 100%;
	}

	.wps-tool-img {
		max-width: 150px;
	}

	.sv-wps-mail .wps-tool-img {
		max-width: 90px;
	}

	.sv_wps-tool>li:not(:last-child) {
		margin-bottom: 2em;
	}

	.sv_wps-tool>li:last-child {
		margin-top: 0;
	}

	.txt_sv-inquiry {
		margin-bottom: .5em;
	}

	/* ----------------------------------------------- LP ----- */
	#wps-main.promotion-title-l span {
		margin-left: 0;
		margin-top: .5em;
	}

	#wps-main.promotion-title-l span:before {
		content: "";
	}

	#wps-main.promotion-title-l span,
	#pr-promotion h3 span {
		display: block;
	}

	.wps-maincontents {
		padding: 1px 1em 0;
		background-image: none;
	}

	.listbox-difference {
		display: block;
	}

	.listbox-difference li {
		width: 100%;
	}

	.listbox-difference li:nth-child(2) {
		margin-top: 1.5em;
	}

	.box_document p br:last-of-type {
		display: none;
	}

	.list-difference img {
		float: none;
		margin: 0 auto 1em;
	}

	.list_portal {
		width: 100%;
	}

	.list_portal ul {
		display: block;
	}

	.list_portal li {
		margin: 0 0 2em 0;
	}

	.list_portal li:not(:first-child) {
		margin-left: 0;
	}

	.list_portal li:nth-child(even) {
		margin-right: 0;
	}

	.list_portal .atengineer a,
	.list_portal .eco-energy a,
	.list_portal .plate a {
		margin-top: 0;
	}

	.ex_update dd {
		width: 48%;
		box-sizing: border-box;
		margin-left: 0;
	}

	a.btn-wpsmore {
		margin: 1em auto;
	}

	#area_wps-inquiry {
		width: 100%;
		margin-bottom: 0;
	}

	.wps-sales-box label {
		display: inline;
	}

	#area_wps-inquiry .wps-title {
		height: auto;
		padding-top: .1em;
		padding-bottom: .1em;
		line-height: 1.2;
	}

	#area_wps-inquiry .box_document {
		background-image: none;
	}


	#wps-inquiry-list>li:first-child {
		margin-bottom: 2em;
	}

	.txt_wps-inquiry {
		line-height: 1.3;
	}

	#area_wps-inquiry p.num-phone {
		position: relative;
	}

	#area_wps-inquiry p.num-phone:first-line {
		color: #0080FF;
	}

	#area_wps-inquiry p.num-phone a,
	.service-inq_telbox p.num-phone a {
		display: inline-block;
		height: auto;
		margin-bottom: 0;
	}

	#area_wps-inquiry p.num-phone a {
		font-size: 30px;
	}

	.service-inq_telbox p.num-phone a {
		font-size: 20px;
	}

	#area_wps-inquiry p.num-phone:before,
	.service-inq_telbox p.num-phone:before {
		content: "";
	}

	.box_sns-btn {
		width: 100%;
		text-align: center;
	}

	.box_sns-btn li {
		margin: 2em auto;
	}

	.box_sns-btn li:last-child {
		width: 15%;
		max-width: 30px;
		height: auto;
		margin: 0 auto;
	}

	#bnr_sp-campaign {
		width: 300px;
		margin: 1em auto 0 auto;
	}

	/* ボタン */
	.svbtn_wps li:first-child,
	#svbox_free .svbtn_wps li:first-child {
		margin: 0 0 2em 0;
	}

	.svbtn_wps li {
		display: block;
	}

	a.service-area .btn-wpsinquiry,
	a.btn-wpsmore,
	.svbtn_wps a.btn-wsfe,
	#svbox_wps .svbtn_wps a.btn-wsfe {
		width: 100%;
		height: auto;
		line-height: 1.4;
		padding: .5em;
		box-sizing: border-box;
	}

	/* フォーム */
	.service-inq_main {
		padding: 0;
		background-image: none;
	}

	#service-inquiry h1.wps-title-l {
		font-size: 30px;
		line-height: 1.2;
	}

	#service-inquiry.page-service h1.wps-title-l span {
		margin-left: 0;
	}

	h2.service_thanks {
		font-size: 20px;
		font-weight: 500;
		line-height: 1.2;
		text-indent: 0;
		white-space: inherit;
	}

	.service-inq_telbox p.num-phone span {
		margin-right: 0;
	}

	#service-inquiry.page-service h1.wps-title-l span:before,
	.service-inq_telbox p.num-phone span:before {
		content: "\A";
		white-space: pre;
	}

	.inq-phone {
		height: auto;
		border: 1px solid #4DB41B;
		background: none;
		font-size: 18px;
		padding: .5em;
		text-align: center;
		text-indent: 0;
		white-space: normal;
	}

	.inq-phone a {
		font-size: 24px;
	}

	.destination dd {
		margin: 0 0 1em 0;
	}

	#ask_service-inquiry dl,
	dl.destination dt,
	.destination dd,
	.textarea-inquiry textarea {
		width: 100%;
		height: auto;
	}

	dl.destination dt {
		margin-bottom: .2em;
	}


	#ask_service-inquiry input[type=text],
	#ask_service-inquiry textarea {
		max-width: 100%;
		min-width: 80%;
		padding: 8px 4px;
		box-sizing: border-box;
	}

	.destination dt span {
		position: relative;
		display: inline-block;
	}

	dl.destination dd.area-address input {
		width: 80%;
	}

	#ask_service-inquiry .destination dd span {
		margin: 0;
	}

	#ask_service-inquiry div.textarea-inquiry {
		margin-right: 0;
		margin-left: 0;
	}

	.choices_2rows {
		display: block;
	}

	.choices_2rows li {
		width: auto;
	}

	.choices_2rows li,
	.choices_2rows li:nth-child(2) {
		margin-top: 1em;
	}


	#footer_copyright {
		margin: 0;
		text-align: center;
	}
	.wps-mainarea,
	#wps-main {
		text-align: left;
	}
	.wps-image {
		display: none;
	}
	.features-midashi {
		display: block;
	}
	.flex-box {
		flex-flow: column;
	}
	.flex-box img {
		display: block;
		margin: 0 auto;
	}


}



/* ━━━━━━━━━━━━━━━━━━━━━━━ max-width 420px ━━━━━━━━━ */
@media screen and (max-width:420px) {
	br.pc-none {
		display: block;
	}

	.wps-maintitle .sp-none {
		display: none;
	}

	.wps-subcopy {
		background-position: 100% 100%;
	}

	#header_logo img {
		width: 130px;
	}

	#header.lp-header #heaer_inqbtn {
		width: 11em;
	}

	#wps-main-copy .wps-maintitle {
		margin-top: .3em;
	}

	a.btn-wpsinquiry,
	#input_submit input[type=submit],
	.inq-phone,
	.service-inq_telbox>span {
		font-size: 16px;
	}

	#service-inquiry h1.wps-title-l {
		font-size: 26px;
	}

	.sv-btn li a,
	a.svbox_sdlink {
		width: auto;
	}

	#sv-main {
		background-position: 100% 20em;
		background-size: 120px;
	}

}

/* ━━━━━━━━━━━━━━━━━━━━━━━ max-width 390px ━━━━━━━━━ */
@media screen and (max-width:390px) {
	dl.box_wps-inquiry dt {
		position: relative;
		display: block;
		width: 11em;
		margin-right: auto;
		margin-left: auto;
	}

	.wps-maincontents dl.box_wps-inquiry dt:before {
		bottom: 0;
		left: 0;
	}

	.wps-maincontents dl.box_wps-inquiry dt:after {
		bottom: 0;
		right: 0;
		margin-right: -1em;
	}

	a.svbox_sdlink {
		height: 140px;
		background-size: 100%;
	}

	.wps-tool-img {
		width: 30%;
	}

	span.sp-min-br:before {
		content: "\A";
		white-space: pre;
	}

	.wps-read-copy span:nth-of-type(4):before {
		content: "";
	}

}