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

/* タブ全体を囲むコンテナの設定 */
.tab-switch {
display: flex; /* タブを横並びに */
flex-wrap: wrap; /* 幅に応じて折り返し */
margin: auto;/* コンテナの中央寄せ */
justify-content: center;/* タブの中央寄せ */
gap: 0 2rem;/* タブ間の余白 */
}

/* 各タブボタンの設定 */
.tab-switch > label {
flex: 1 1 auto; /* タブが均等に幅をとるが、幅を超えると折り返す */
order: -1; /* 上部に表示する */
position: relative; /* 絶対位置指定用の基準 */
padding: .7em 1em; /* 上下左右の内側余白 */
background-color: #fff!important; /* 背景色 */
color: #000; /* 文字色 */
text-align: center; /* 文字を中央揃え */
cursor: pointer; /* ポインターを指アイコンに変更 */
transition:.3s all;
font-size: 2.6rem;
font-weight: bold;
max-width: 23%;
border-radius: 10px 10px 0 0;
border: 2px solid #000;
}

.tab-switch .tab01 {
	background: url("../images/campaignlp/icon_air_con.svg") 2rem center no-repeat;
	background-size: 10rem;
	padding-left: 10rem;
	padding-right: 0;
}
.tab-switch .tab02 {
	background: url("../images/campaignlp/icon_kitchen.svg") 3rem center no-repeat;
	background-size: 7.5rem;
	padding-left: 7rem;
	padding-right: 0;
}
.tab-switch .tab03 {
	background: url("../images/campaignlp/icon_water_area.svg") 3rem center no-repeat;
	background-size: 7rem;
	padding-left: 4rem;
	padding-right: 0;
}
.tab-switch .tab04 {
	color: #fff;
	background: #c7361d!important;
	border-bottom: 2px solid #c7361d;
}

/* タブボタンのホバーおよび選択状態のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
border-bottom: 2px solid #fff;
}
.tab-switch > label.tab04:hover,
.tab-switch label.tab04:has(:checked) {
border-bottom: 2px solid #c7361d;
}

/* ラジオボタン自体は非表示 */
.tab-switch input {
display: none; /* 見た目に表示されないようにする */
}

/* タブコンテンツのスタイル */
.tab-switch > div {
display: none; /* 初期状態では非表示 */
width: 100%; /* コンテンツ幅を全体に */
padding: 6rem 2rem 2rem; /* 内側余白 */
border: 2px solid #000;
border-radius: 15px;
background-color: #fff;
margin-top: -2px;
}

/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
display: block; /* 選択されたタブに対応するコンテンツを表示 */
}



@media screen and (max-width: 767px) {
/* タブ全体を囲むコンテナの設定 */
.tab-switch {
justify-content: flex-start;
gap: 0 1rem;
position: relative;
}

/* 各タブボタンの設定 */
.tab-switch > label {
padding: 1rem 0; /* 上下左右の内側余白 */
font-size: 1.65rem;
max-width: 45.5%;
min-width: 40%;
margin-bottom: -2px;
position: relative;
transition: none;
}
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
z-index: 2;
}
.tab-switch .tab01 {
	background: url("../images/campaignlp/icon_air_con.svg") 1rem center no-repeat;
	background-size: 6rem;
	padding-left: 6.5rem;
	margin-left: 0;
	top: 4.9rem;
	left: 1.5rem;
	z-index: 1;
}
.tab-switch .tab02 {
	background: url("../images/campaignlp/icon_kitchen.svg") 1.5rem center no-repeat;
	background-size: 4.5rem;
	top: 4.9rem;
	right: -1.0rem;
	z-index: 1;
}
.tab-switch .tab03 {
	background: url("../images/campaignlp/icon_water_area.svg") 2rem 0.5rem no-repeat;
	background-size: 4.5rem;
	margin-left: 2rem;
	top: -4.9rem;
	left: 0.5rem;
	z-index: 0;
}
.tab-switch .tab04 {
	top: -4.9rem;
	right: 0;
	height: 10rem;
	z-index: 0;
}
/* タブコンテンツのスタイル */
.tab-switch > div {
margin-top: 0;
padding: 3rem 1.5rem 2rem;
}
/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
display: block; /* 選択されたタブに対応するコンテンツを表示 */
margin-top: -5rem;
}

}





.exp01 {
	display: flex;
	justify-content: space-between;
	margin: 0 6rem 6rem;
}
.exp01 .textarea_exp {
	font-size: 2.2rem;
	width: 40%;
	position: relative;
}
.exp01 .textarea_exp .note-btn {
right: 0;
bottom: 0;
}
.exp01 .imgarea_exp {
	width: 56%;
}

.air_contentBox {
	background: #F7F2ED;
	border-radius: 20px;
	padding: 4rem;
}
.explanation_Box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 4rem;
}
.explanation_Box .exp_work {
	width: 33.3rem;
}
.slick-dotted.slick-slider {
margin-bottom: 0;
}
.explanation_Box .exp_option {
	width: calc(100% - 36rem);
	display: flex;
	flex-direction: column;
}
.explanation_Box h3 {
	font-size: 2.2rem;
	text-align: center;
	color: #fff;
	background: #1E66B4;
	border-radius: 50px;
	padding: 0.5rem 0;
	margin-bottom: 3rem;
}

.exp_option_incon {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-grow: 2;
}
.exp_option_incon > div {
background: #fff;
border-radius: 15px;
padding: 2rem;
width: 49%;
}
.exp_option_incon.one_item > div {
width: 100%;
}
.exp_option_incon > div p {
	font-size: 1.2rem;
	font-weight: 700;
}
.exp_option_incon > div p.atten {
margin-top: 1rem;
font-size: 1.0rem;
font-weight: normal;
}
.exp_option_img {
display: flex;
margin-bottom: 1.5rem;
}
.exp_option_img_imgBox {
max-width: 13.7rem;
margin-right: 1rem;
}
.one_item .exp_option_img_imgBox {
max-width: 24.8rem;
}
.one_item .exp_option_text {
width:  calc(100% - 28rem);
}
.exp_option_img .op_name {
font-size: 1.6rem;
margin-bottom: 1.5rem;
}
.exp_option_img .op_guideline {
font-size: 1.2rem;
}
.exp_option_img .op_time {
font-size: 1.6rem;
}
.one_item .op_time {
	margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
.exp01 {
	margin: 0 0 2rem;
	flex-direction: column;
}
.exp01 .textarea_exp {
	font-size: 1.1rem;
	width: 100%;
	margin-bottom: 4rem;
}
.exp01 .textarea_exp .note-btn {
bottom: -2.5rem;
}
.exp01 .imgarea_exp {
	width: 100%;
}

.air_contentBox {
	padding: 1.5rem;
}
.explanation_Box {
	flex-direction: column;
	margin-bottom: 2rem;
}
.explanation_Box .exp_work {
	width: 100%;
	margin-bottom: 4rem;
}
.explanation_Box .exp_option {
	width: 100%;
}
.explanation_Box h3 {
	font-size: 1.3rem;
	margin-bottom: 1.5rem;
}

.exp_option_incon {
flex-direction: column;
background: #fff;
border-radius: 15px;
}
.exp_option_incon > div {
padding: 1.5rem;
width: 100%;
}
.exp_option_incon .pb0 {
padding-bottom: 0;
}
.exp_option_incon > div p {
	font-size: 1.1rem;
}
.exp_option_incon > div p.atten {
margin-top: 1rem;
margin-bottom: 0.5rem;
font-size: 0.75rem;
}
.exp_option_img_imgBox,
.one_item .exp_option_img_imgBox {
max-width: 50%;
margin-right: 1rem;
}
.exp_option_img div:nth-child(2) {
flex-grow: 2;
}
.exp_option_img .op_name {
font-size: 1.45rem;
margin-bottom: 1.5rem;
}
.exp_option_img .op_guideline {
font-size: 1.1rem;
}
.exp_option_img .op_time {
font-size: 1.5rem;
}

}



.plans_Box {
background: #fff;
padding: 4rem;
border-radius: 15px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.plans_items {
width: 32%;
}
.planG,
.planH,
.planI {
margin-top: 2rem;
}
.plan_name {
text-align: center;
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
.plans_items_content {
background: #F2F2F2;
border-radius: 5px;
padding: 0.5rem 0.5rem 1.5rem;
}
.plans_items_info {
padding: 1rem;
background: #fff;
border-radius: 5px;
position: relative;
height: 20rem;
margin-bottom: 1.5rem;
}
.plans_items_info_img01 {
width: 14.8rem;
margin: 1.5rem auto 0;
}
.plans_items_info_img02 {
width: 16rem;
margin: 0 auto;
}
.plans_items_info_img03 {
width: 25.1rem;
margin: 0 auto;
}
.plans_items_info_img04 {
width: 14.8rem;
margin: 1.5rem auto 0;
}
.plans_items_info_img05 {
width: 14.8rem;
margin: 1.5rem auto 0;
}
.plans_items_info_img06 {
width: 10.3rem;
margin: 0 auto;
}
.plans_items_info_img07 {
width: 17.5rem;
margin: 1rem auto 0;
}
.plans_items_info_img08 {
width: 11.5rem;
margin: 0.5rem auto 0;
}
.plans_items_info_img09 {
width: 21.9rem;
margin: 0.5rem auto 0;
}
.plans_items .note-btn a {
background: #fff;
}
.plans_items .note-btn a:hover {
opacity: 1;
background: #000;
color: #fff;
transition: .3s;
}
.plans_items_price {
font-weight: 700;
font-size: 2rem;
font-family:'Quicksand', sans-serif;
text-align: center;
}
.plans_items_price span {
font-size: 3rem;
font-weight: 700;
}
.plans_items_detail {
}
.plans_items_detail a {
max-width: 23.5rem;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2rem;
background: #C7361D;
color: #fff;
height: 4rem;
font-size: 1.8rem;
font-weight: 700;
}
.plans_items_detail a:hover {
opacity: 1;
background: #000;
color: #fff;
transition: .3s;
}
.stand_out {
position: absolute;
top: 1rem;
left: 1rem;
font-size: 1.4rem;
font-weight: 700;
background: #1E66B4;
border-radius: 3rem;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0.3rem 1.5rem;
}


@media screen and (max-width: 767px) {
.plans_Box {
padding: 2rem 1rem;
flex-direction: column;
}
.plans_items {
width: 100%;
}
.planB,
.planC,
.planE,
.planF,
.planG,
.planH,
.planI {
margin-top: 2rem;
}
.plan_name {
font-size: 1.3rem;
}
.plans_items_content {
padding: 1rem 1rem 1.5rem;
}
.plans_items_info {
height: 18.3rem;
}
.plans_items_info_img01 {
}
.plans_items_info_img02 {
width: 15.2rem;
}
.plans_items_info_img03 {
width: 22.2rem;
}
.plans_items_info_img04 {
}
.plans_items_info_img05 {
}
.plans_items_info_img06 {
width: 9.16rem;
}
.plans_items_info_img07 {
}
.plans_items_info_img08 {
width: 10.5rem;
}
.plans_items_info_img09 {
width: 20rem;
}
.plans_items .note-btn {
width: 8.5rem;
}
.plans_items .note-btn a {
width: 100%;
font-size: 1.1rem;
}
.plans_items_price {
font-size: 1.5rem;
}
.plans_items_detail a {
height: 3rem;
font-size: 1.5rem;
}
.stand_out {
font-size: 1.15rem;
padding: 0.3rem 1rem;
}

}








.choice_plan {
	background: #fff;
	border-radius: 15px;
	padding: 3rem;
}
.choice_plan_inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 3rem;
}
.choice_plan_inner > div {
	width: 32%;
}
.choice_plan_inner > div label {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	margin-bottom: .5rem;
}
.choice_plan_inner > div select {
-webkit-appearance: none;
appearance: none;
background: url("../images/campaignlp/icon_select.svg")  right 10px center no-repeat;
background-size: 2.5rem auto;
border-radius: 6px;

padding: 1rem 1.5rem;
font-size: 1.6rem;
width: 100%;
}

.plan_info {
	display: flex;
	justify-content: space-between;
}
.plan_info .plan_price {
display: flex;
width: 66%;
padding-bottom: 0.6rem;
}
.plan_info .plan_price p {
align-self: flex-end;
}
.plan_info .plan_price p#priceResult {
margin-left: 2rem;
padding: 0.5rem 1.5rem;
border: 1px solid #707070;
border-radius: 6px;
flex-grow: 2;
font-size: 2.0rem;
text-align: right;
}

.plan_info .plan_link {
width: 32%;
}
.plan_info .plan_link .c-button__secondary {
--arrow-white:unset;
--arrow-black:unset;
padding: 1rem;
filter: drop-shadow(0px 3px 0px #1A1A1A);
}
.c-button {
    @media (min-width: 768px) {
        --adjust-position: .5rem;
    }
}


@media screen and (max-width: 767px) {
.choice_plan {
	padding: 1.5rem;
}
.choice_plan_inner {
	flex-direction: column;
	margin-bottom: 0;
}
.choice_plan_inner > div {
	width: 100%;
	margin-bottom: 1.5rem;
}
.choice_plan_inner > div label {
	text-align: left;
	font-size: 1.1rem;
}
.choice_plan_inner > div select {
font-size: 1.5rem;
width: 100%;
}

.plan_info {
flex-direction: column;
}
.plan_info .plan_price {
flex-direction: column;
width: 100%;
padding-bottom: 0;
margin-bottom: 1.5rem;
}
.plan_info .plan_price p {
align-self: flex-start;
}
.plan_info .plan_price p#priceResult {
margin-left: 0;
padding: 0.5rem;
font-size: 1.5rem;
text-align: left;
width: 100%;
}

.plan_info .plan_link {
width: 100%;
}
.plan_info .plan_link .c-button__secondary {
min-width: 20rem;
font-size: 1.2rem;
}

}






.tab04 {
}
.in_title01 {
	font-size: 4.4rem;
	font-weight: bold;
	color: #1E66B4;
	margin-bottom: 4rem;
}
.plans_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.plan_Box {
	background: #F2F2F2;
	border-radius: 15px;
	padding: 2rem;
	width: 48%;
}
.plan01,
.plan02 {
	margin-bottom: 4rem;
}
.titlearea {
	border-bottom: 1px solid #1E66B4;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.titlearea h3 {
	color: #1E66B4;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 1rem;
}
.titlearea p {
	color: #1E66B4;
	font-size: 1.6rem;
}

.plan_item_info {
	display: flex;
	flex-wrap: wrap;
	background: #F2F2F2;
	justify-content: space-between;
}
.info_info {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	width: calc(100% - 28rem);
}
.info_info .info_lead {
	font-size: 1.6rem;
	margin-bottom: 2rem;
}
.price {
	color: #C7361D;
	font-weight: 700;
	font-size: 1.6rem;
	letter-spacing: 0;
	white-space: nowrap;
}
.price span {
	font-family: 'Quicksand', sans-serif;
	font-size: 3.7rem;
	line-height: 1;
	font-weight: 700;
}

.info_icons {
	width: 27.5rem;
	height: 24rem;
	border-radius: 1rem;
	box-shadow: 0 .3rem .6rem rgb(0, 0, 0, .16);
	background: #fff;
	padding: 1.6rem 1rem 1rem;
	position: relative;
}
.info_icons_box {
	width: auto;
	position: relative;
	margin: 0;
	padding-right: 1rem;
}
.info_icons_box .info_icons_img01 img,
.info_icons_box .info_icons_img02 img {
	height: 17.3rem;
	width: auto;
	margin: 0 0 0 auto;
}
.info_icons_box .info_icons_img03 img {
	height: 17.85rem;
	width: auto;
	margin: 0 auto;
}
.info_icons_box .info_icons_img04 img {
	height: 18.8rem;
	width: auto;
	margin: -1rem auto 0;
}
.popup-cleaning--btn {
	margin-top: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.note-btn {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
}
.note-btn a {
	width: 12rem;
	font-size: 1.8rem;
	font-weight: 700;
	border-radius: 3rem;
	border: 0.1rem solid #1A1A1A;
	color: #1A1A1A;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
}


@media screen and (max-width: 767px) {
.in_title01 {
	font-size: 2.2rem;
	margin-bottom: 2.5rem;
}
.plans_container {
	flex-direction: column;
}
.plan_Box {
	padding: 1.5rem;
	width: 100%;
}
.plan01,
.plan02,
.plan03 {
	margin-bottom: 2rem;
}
.titlearea {
	margin-bottom: 2rem;
}
.titlearea h3 {
	font-size: 1.45rem;
}
.titlearea p {
	font-size: 1.0rem;
}
.plan_item_info {
}
.info_info {
	width: calc(100% - 15.5rem);
}
.info_info .info_lead {
	font-size: 1.0rem;
	margin-bottom: 1.5rem;
}
.price {
	font-size: 1.0rem;
}
.price span {
	font-size: 2.25rem;
}

.info_icons {
	width: 14.5rem;
	height: auto;
	padding: 1.6rem 1rem 1rem;
}
.info_icons_box {
	padding-right: 0;
}
.info_icons_box .info_icons_img01 img,
.info_icons_box .info_icons_img02 img {
	height: 9.8rem;
}
.info_icons_box .info_icons_img03 img {
	height: 10.9rem;
}
.info_icons_box .info_icons_img04 img {
	height: 11.5rem;
	margin: 0 auto;
}
.popup-cleaning--btn img {
	width: 3.2rem;
}
.note-btn a {
	width: 7.1rem;
	font-size: 1.1rem;
}
}








.natsugakuru-service--map {
height: auto;
}
.natsugakuru-service--map .map01 {
width: 24.4rem;
}
.natsugakuru-service--map .map02 {
width: 29rem;
left: -11rem;
}
.natsugakuru-service--map .map03 {
width: 25.9rem;
top: -1rem;
left: -3rem;
}
.natsugakuru-service--map .map04 {
width: 28.7rem;
top: auto;
bottom: 0;
right: 0;
}
@media screen and (max-width: 767px) {
.natsugakuru-service--map .map01 {
width: 14.8rem;
}
.natsugakuru-service--map .map02 {
width: 15rem;
left: 0;
}
.natsugakuru-service--map .map03 {
width: 15rem;
top: 0;
left: 0;
}
.natsugakuru-service--map .map04 {
width: 15rem;
}
}