@charset "UTF-8";

/* KV */
.cp_kv_area{
  width: 100%;
}
.cp_kv_img{
  width: 100%;
}
.cp_kv_attention_area{
  padding-left: 15px;
  padding-right: 15px;
  background-color: #FFF7A2;
}
.cp_kv_attention_wrap{
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.cp_kv_attention_text::before{
  content: "※";
}
.cp_kv_attention_text{
  display: flex;
  font-family: Hiragino Kaku Gothic Pro;
  font-weight: 300;
  font-size: calc((11 / 375) * 100vw);
  line-height: 1.5;
  color: #FFFFFF;
}
.cp_kv_attention_modal_text{
  text-decoration: underline;
  cursor: pointer;
}
.cp_kv_attention_text .cp_kv_attention_link{
  color: #FFFFFF;
}
.cp_kv_accordion{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  max-width: 600px;
  background-color: #FFFFFF;
  border-radius: 16px;
  cursor: pointer;
  border: solid 4px #004EA1;
  transition: border-radius 0.05s 1s,border-bottom 0.05s 1s;
}
.cp_kv_accordion.-active{
  border-radius: 16px 16px 0px 0px;
  transition: unset;
  border-bottom: none;
}
.cp_kv_accordion_text::after{
  content: '';
  position: absolute;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  top: 50%;
  right: 0%;
  margin-right: calc((24 / 600) * 100vw);
  width: calc((20 / 375) * 100vw);
  height: calc((20 / 375) * 100vw);
  max-width: 38.3906px;
  max-height: 38.3906px;
  background-image: url(/lp/electricity/netflix/assets/img/kv_accordion_open_v2.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.cp_kv_accordion.-active .cp_kv_accordion_text::after{
  background-image: url(/lp/electricity/netflix/assets/img/kv_accordion_close_v2.svg);
}
.cp_kv_accordion_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((20 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #004EA1;
}
.cp_kv_accordion_inner{
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding-left: 23px;
  padding-right: 23px;
  max-width: 600px;
  height: 0;
  transition: height 1s;
  background-color: #FFFFFF;
  border-radius: 0px 0px 16px 16px;
  border-right: solid 4px #004EA1;
  border-left: solid 4px #004EA1;
  color: #004EA1;
}
.cp_kv_accordion_inner.-open{
  height: auto;
  border: solid 4px #004EA1;
  border-top: none;
}
.cp_kv_accordion_inner_title{
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8vw;
  padding-right: 8vw;
  width: fit-content;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((31 / 750) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #004EA1;
  border-left: 4px dotted #004EA1;
  border-right: 4px dotted #004EA1;
}
.cp_kv_accordion_inner_content_title{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 750) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  color: #004EA1;
}
.cp_kv_accordion_inner_content_sub_title{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 750) * 100vw);
  font-weight: 400;
  line-height: 1.5;
}
.cp_kv_accordion_inner_content_text_flex,
.-small_text_flex {
  display: flex;
}
.cp_kv_accordion_inner_content_text{
  width: 100%;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 750) * 100vw);
  font-weight: 400;
  line-height: 1.5;
}
.cp_kv_accordion_inner_content_text.-small{
  font-size: calc((16 / 600) * 100vw);
}
.cp_kv_accordion_inner_content_text.-attention,
.cp_kv_accordion_inner_content_text .-attention{
  width: 5%;
}
.cp_kv_accordion_inner_content_text .-text{
  width: 95%;
}
.cp_kv_accordion_inner_content_text.-right{
  padding-left: 5%;
  width: 100%;
}
/* netflixエリア */
.target_blank {

}
.target_blank::after {
  content: "";
  background: url("https://home.osakagas.co.jp/common/img/ver2/icon_other.gif");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: calc(18px* .8);
  height: calc(16px* .8);
  margin: 0 1% 0 0.5%;
}
.cp_netflix_area {
  background: #000;
}
.cp_netflix_area_inner {
  width: 100%;
  padding: 0;
  position: relative;
  margin: auto;
}
.cp_netflix_area_inner p {
  position: absolute;
  color: #fff;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: fit-content;
  bottom: 2%;
  font-size: calc((10 / 375)* 100vw);
}
.cp_netflix_attention_area{
  padding-left: 15px;
  padding-right: 15px;
  background-color: #000;
}
.cp_netflix_attention_wrap{
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.cp_netflix_attention_text::before{
  content: "※";
}
.cp_netflix_attention_text{
  display: flex;
  font-family: Hiragino Kaku Gothic Pro;
  font-weight: 300;
  font-size: calc((11 / 375) * 100vw);
  line-height: 1.5;
  color: #FFFFFF;
}
.cp_netflix_attention_modal_text{
  text-decoration: underline;
  cursor: pointer;
}
.cp_netflix_attention_text .cp_netflix_attention_link{
  color: #FFFFFF;
}
.cp_netflix_accordion{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  max-width: 600px;
  background-color: #FFFFFF;
  border-radius: 16px;
  cursor: pointer;
  transition: border-radius 0.05s 1s,border-bottom 0.05s 1s;
}
.cp_netflix_accordion.-active{
  border-radius: 16px 16px 0px 0px;
  transition: unset;
  border-bottom: none;
}
.cp_netflix_accordion_text::after{
  content: '';
  position: absolute;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  top: 50%;
  right: 0%;
  margin-right: calc((24 / 600) * 100vw);
  width: calc((20 / 375) * 100vw);
  height: calc((20 / 375) * 100vw);
  max-width: 38.3906px;
  max-height: 38.3906px;
  background-image: url(/lp/electricity/netflix/assets/img/netflix_accordion_open.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.cp_netflix_accordion.-active .cp_netflix_accordion_text::after{
  background-image: url(/lp/electricity/netflix/assets/img/netflix_accordion_close.svg);
}
.cp_netflix_accordion_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((20 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #000;
}
.cp_netflix_accordion_inner{
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  padding-left: 23px;
  padding-right: 23px;
  max-width: 600px;
  height: 0;
  transition: height 1s;
  background-color: #FFFFFF;
  border-radius: 0px 0px 16px 16px;
  color: #000;
}
.cp_netflix_accordion_inner.-open{
  height: auto;
}
.cp_netflix_accordion_inner_content_title{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 750) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  color: #000;
}
.cp_netflix_accordion_inner_content_sub_title{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 750) * 100vw);
  font-weight: 400;
  line-height: 1.5;
}
.cp_netflix_accordion_inner_content_text_flex,
.-small_text_flex {
  display: flex;
}
.cp_netflix_accordion_inner_content_text{
  width: 100%;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 750) * 100vw);
  font-weight: 400;
  line-height: 1.5;
}
.cp_netflix_accordion_inner_content_text.-small{
  font-size: calc((16 / 600) * 100vw);
}
.cp_netflix_accordion_inner_content_text.-attention,
.cp_netflix_accordion_inner_content_text .-attention{
  width: 5%;
}
.cp_netflix_accordion_inner_content_text .-attention.-attention_2 {
  width: 6.5%;
}
.cp_netflix_accordion_inner_content_text .-text{
  width: 95%;
}
.cp_netflix_accordion_inner_content_text.-right{
  padding-left: 5%;
  width: 100%;
}
.cp_pre_footer_tel.cp_pre_footer_tel_netflix {
  top: 34%;
}

/* Netflix CTA */
.cp_netflix_link {
  position: relative;
  background-color: #000;
  text-align: center;
  padding: 40px 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cp_netflix_link_title {
  margin-bottom: 20px;
  width: 46%;
}
.cp_netflix_link_button {
  width: 55.415%;
}
@media screen and (max-width: 600px) {
  .cp_netflix_link {
    padding: calc((20 / 375)* 100%) 0;
  }
  .cp_netflix_link_title {
    margin-bottom: calc((20 / 375)* 100%);
    width: calc((255 / 375)* 100%);
  }
  .cp_netflix_link_button {
    width: calc((311 / 375)* 100%);
  }
}
.cp_my_osakagas_point_area {
  background-color: #000;
}
.cp_my_osakagas_point_in {
  position: relative;
  max-width: 640px;
  margin: auto;
}
.cp_my_osakagas_point_in p {
  color: #fff;
  position: absolute;
  bottom: 4%;
  left: 5%;
  font-size: 16px;
  line-height: 1.6;
  width: 88%;
}
@media screen and (max-width: 600px) {
  .cp_my_osakagas_point_in p {
    bottom: 4%;
    left: 5%;
    font-size: calc((11 / 375)* 100vw);
    line-height: 1.6;
    width: calc((270 / 375)* 100vw);
  }
}

/* ミドルコンテンツエリア */
.cp_middle_content_introduce_area{
  padding-left: 28px;
  padding-right: 28px;
  background-image: url(/lp/electricity/netflix/assets/img/middleContent_background_01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.cp_middle_content_introduce_wrap{
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.cp_middle_content_title{
  display: block;
}
.cp_middle_content_attention_wrap{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((11 / 375) * 100vw);
  font-weight: 300;
  line-height: 1.5;
  color: #FFFFFF;  
}
.cp_middle_content_attention_text{
  display: flex;
}
.cp_middle_content_attention_text::before{
  content: "※";
}
.cp_middle_content_attention_wrap .cp_middle_content_attention_text a{
  color: #FFFFFF;
}
.cp_middle_content_step_area{
  padding-left: 28px;
  padding-right: 28px;
  background-image: url(/lp/electricity/netflix/assets/img/middleContent_step_background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.cp_middle_content_introduce_wrap{
  position: relative;
}
.cp_middle_content_step_title{
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  width: calc((285 / 640) * 100%);
}

/* バナーエリア */
.cp_banner_area_wrap{
  background-image: url(/lp/electricity/netflix/assets/img/banner_background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.cp_banner_area_content{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  max-width: 600px;
}

/* tabボタンエリア */
.cp_tab_button_wrap{
  display: flex;
  padding-top: 5px;
  background-color: #5CB4F4;
}
.cp_tab_button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 4px) / 2);
  height: 83px;
  border: solid 3px #D6D6D6;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #FFFFFF;
  cursor: pointer;
}
.cp_tab_button.-active{
  position: relative;
  border-color: #1271B3;
  background-color: #E7F6FB;
}
.cp_tab_button.-active::after{
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background-color: #E7F6FB;
  position: absolute;
  bottom: -4px;
}
.cp_tab_button:not(:first-child){
  margin-left: 4px;
}
.cp_tab_button_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-weight: 600;
  text-align: center;
  color: #D6D6D6; 
}
.cp_tab_button.-active .cp_tab_button_text{
  color: #1271B3;
}
.cp_tab_button_text.-two{
  font-size: calc((20 / 375) * 100vw);
  line-height: 1.5;
}
.cp_tab_button_text.-three{
  font-size: calc((14 / 375) * 100vw);
  line-height: 1.5;
}
/* tab内スワイパーエリア */
.cp_tab_gas_and_energry_area{
  display: none;
  border-top: solid 3px #1271B3;
  background-color: #E7F6FB;
}
.cp_tab_gas_and_energry_area.-active{
  display: block;
}
.cp_tab_set_three_area{
  display: none;
  border-top: solid 3px #1271B3;
  background-color: #E7F6FB;
}
.cp_tab_set_three_area.-active{
  display: block;
}
.cp_tab_gas_only_title{
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 28px;
}
.cp_tab_gas_only_swiper_area_wrap{
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 23px;
  padding-right: 23px;
  position: relative;
}
.cp_tab_gas_only_swiper_area{
  margin-left: calc((19 / 329) * 100%);
  margin-right: calc((19 / 329) * 100%);
  position: relative;
}
.cp_tab_gas_only_swiper{
  border: solid 4px #1271B3;
  border-radius: 8px;
}
.cp_tab_gas_only_area .cp_swiper_pagination .swiper-pagination-bullet-active{
  background: #1271B3;
}
.cp_swiper_animation{
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 10;
  width: calc((112 / 329) * 100%);
}
.cp_swiper_animation.-noDisplay{
  opacity: 0;
  transition: opacity 0.5s;
}

/* tab内おすすめプランエリア */
.cp_plan_area{
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  background-color: #E7F6FB;
}
.cp_plan_title{
  position: relative;
  display: inline-block;
  width: max-content;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 375) * 100vw);
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #1271B3;
}
.cp_plan_title:before{
  content: '';
  background-image: url(/lp/electricity/netflix/assets/img/plan_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  left: 0;
  margin-left: calc((24 / 375) * 100vw * (-1));
  width: calc((17 / 375) * 100vw);
  height: calc((21 / 375) * 100vw);
  max-width: 27.1875px;
  max-height: 33.5938px;
}
.cp_plan_title:after{
  content: '';
  background-image: url(/lp/electricity/netflix/assets/img/plan_arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  right: 0;
  margin-right: calc((24 / 375) * 100vw * (-1));
  width: calc((17 / 375) * 100vw);
  height: calc((21 / 375) * 100vw);
  max-width: 27.1875px;
  max-height: 33.5938px;
}
.cp_plan_content_area{
  padding-left: 16px;
  padding-right: 16px;
}
.cp_plan_content_flame_area{
  position: relative;
  margin-top: calc((69 / 343) * 100%);
  padding-left: calc((21 / 343) * 100%);
  padding-right: calc((21 / 343) * 100%);
  border: solid 5px #1271B3;
  border-radius: 5px;
  background-color: #FFFFFF;
}
.cp_plan_content_icon_flame{
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  width: calc((99 / 301) * 100%);
  height: auto;
  aspect-ratio: 2 / 1;
  border-top: solid 5px #1271B3;
  border-left: solid 5px #1271B3;
  border-right: solid 5px #1271B3;
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #FFFFFF;
}
.cp_plan_content_icon_flame::after{
  content: '';
  position: absolute;
  width: 100%;
  bottom: -1%;
  height: 3px;
  background-color: #FFFFFF;
}
.cp_plan_content_icon_img_wrap{
  position: absolute;
  -webkit-transform: translate(-50%, -65%);
  -moz-transform: translate(-50%, -65%);
  -ms-transform: translate(-50%, -65%);
  -o-transform: translate(-50%, -65%);
  transform: translate(-50%, -65%);
  left: 50%;
  width: calc((61 / 301) * 100%);
}
.cp_plan_content_icon_img_wrap.-internet{
  width: calc((195 / 301) * 100%);
}
.cp_plan_content_icon_img{
  width: 100%;
}
.cp_plan_content_wrap:first-child {
  margin-top: calc((37 / 301) * 100%);
}
.cp_plan_content_bubble{
  position: relative;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  border: solid 2px #FF7400;
  border-radius: 16px;
  box-shadow: 0px 10px 10px -8px rgba(52, 56, 59, 0.5);
}
.cp_plan_content_bubble:before{
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -3px;
  border: 2px solid transparent;
  border-top: 3px solid #FFF;
  z-index: 2;
}
.cp_plan_content_bubble:after{
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  margin-left: -6px;
  border: 5px solid transparent;
  border-top: 7px solid #FF7400;
  z-index: 1;
}
.cp_plan_content_bubble_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((17 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.05em;
  text-align: center;
  color: #FF7400;
}
.cp_plan_content_title{
  margin-left: calc((25 / 343) * 100%);
  margin-right: calc((25 / 343) * 100%);
}
.cp_plan_content_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((16 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #34383B;
}
.cp_plan_content_flame_area .cp_plan_content_link{
  display: inline-block;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((13 / 375) * 100vw);
  font-weight: 300;
  line-height: 1.5;
  text-align: right;
  color: #1271B3;
}
.cp_plan_content_accordion{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: -6px;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  background-color: #1271B3;
  border-radius: 16px;
  cursor: pointer;
}
.cp_plan_content_accordion_text::after{
  content: '';
  position: absolute;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  top: 50%;
  right: 0%;
  margin-right: 24px;
  width: calc((20 / 375) * 100vw);
  height: calc((20 / 375) * 100vw);
  max-width: 38.3906px;
  max-height: 38.3906px;
  background-image: url(/lp/electricity/netflix/assets/img/accordion_open.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.cp_plan_content_accordion.-active .cp_plan_content_accordion_text::after{
  background-image: url(/lp/electricity/netflix/assets/img/accordion_close.svg);
}
.cp_plan_content_accordion_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((20 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
}

/* tab内アコーディオンエリア */
.cp_plan_content_accordion_inner{
  overflow: hidden;
  height: 0;
  transition: height 1s;
}
.cp_plan_content_accordion_inner.-open{
  height: auto;
}
.cp_plan_recommendation_title_wrap{
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
}
.cp_plan_recommendation_title{
  display: inline-block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((16 / 375) * 100vw);
  font-weight: 600;
  line-height: 2.5;
  text-align: center; 
  color: #1271B3; 
}
.cp_plan_recommendation_title::before{
  content: "";
  display: inline-block;
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  left: 0;
  margin-left: calc((15 / 375) * 100vw * (-1));
  width: calc((12 / 375) * 100vw);
  height: calc((12 / 375) * 100vw);
  max-width: 19.1875px;
  max-height: 19.1875px;
  background-image: url(/lp/electricity/netflix/assets/img/recommendation_left.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.cp_plan_recommendation_title::after{
  content: "";
  display: inline-block;
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  right: 0;
  margin-right: calc((15 / 375) * 100vw * (-1));
  width: calc((12 / 375) * 100vw);
  height: calc((12 / 375) * 100vw);
  max-width: 19.1875px;
  max-height: 19.1875px;
  background-image: url(/lp/electricity/netflix/assets/img/recommendation_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.cp_plan_recommendation_ul{
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.cp_plan_recommendation_list{
  display: flex;
  align-items: center;
  position: relative;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((16 / 375) * 100vw);
  font-weight: 600;
  line-height:2.5;
  text-align: left;
  color: #1271B3;
}
.cp_plan_recommendation_list.-center{
  text-align: center;
}
.cp_plan_recommendation_list::before{
  content: "";
  display: inline-block;
  position: relative;
  margin-right: calc((8 / 375) * 100vw);
  width: calc((24 / 375) * 100vw);
  height: calc((24 / 375) * 100vw);
  max-width: 38.3906px;
  max-height: 38.3906px;
  background-image: url(/lp/electricity/netflix/assets/img/recommendation_check.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.cp_plan_modal_link{
  display: inline-block;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((13 / 375) * 100vw);
  font-weight: 300;
  line-height: 1.5;
  text-decoration: underline;
  color: #1271B3;
  cursor: pointer;
}
.cp_plan_plus{
  margin-left: calc((136 / 296) * 100%);
  margin-right: calc((136 / 296) * 100%);
}
.cp_plan_content_wrap .cp_plan_text_link{
  display: inline-block;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((13 / 375) * 100vw);
  font-weight: 300;
  line-height: 1.5;
  text-align: right;
  text-decoration: underline;
  color: #1271B3;
  cursor: pointer;
}
/* internetエリアでしか使わないデザイン */
.cp_plan_internet_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 375) * 100vw); 
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.-speed .cp_plan_internet_text{
  color: #E88D16;
}
.-virtue .cp_plan_internet_text{
  color: #0DA1B8;
}
.-profit .cp_plan_internet_text{
  color: #2D9B4B;
}
.cp_plan_internet_speed_wrap{
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: calc((277 / 296) * 100%);
}
.cp_plan_internet_speed_text_wrap{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 3px;
  padding-left: 3px;
  width: calc((135 / 277) * 100%);
  border-radius: 8px;
}
.cp_plan_internet_speed_text_wrap:first-child{
  margin-right: calc((7 / 277) * 100%);
}
.-speed .cp_plan_internet_speed_text_wrap{
  background-color: #E38000;
}
.-virtue .cp_plan_internet_speed_text_wrap{
  background-color: #0DA1B8;
}
.-profit .cp_plan_internet_speed_text_wrap{
  background-color: #2D9B4B;
}
.cp_plan_internet_speed_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((14.3 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
}
.cp_plan_internet_speed_attention{
  font-size: calc((6 / 375) * 100vw);
  line-height: 1.5;
  vertical-align: top;
}
.cp_plan_internet_speed_generally{
  font-size: calc((7 / 375) * 100vw);
  line-height: 1.2;
}
.cp_plan_explain_internet{
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 8px;
  box-shadow: 0px 0px 5px 0px rgba(00, 00, 00, 0.25);
}
.cp_plan_explain_internet_padding{
  padding-left: 15px;
  padding-right: 15px;
}
.cp_plan_explain_internet_title_wrap{
  padding-top: 3px;
  padding-bottom: 3px;
  width: 100%;
  border-radius: 8px;
  background-color: #3399B5;
}
.cp_plan_explain_internet_title{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((18 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
}
.cp_plan_diagnosis_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((13 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #00A84A;
}
.cp_plan_diagnosis_area .cp_plan_diagnosis_link{
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((20 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #00A84A;
  border-radius: 16px;
}

/* お申込みエリア */
.cp_apply_area{
  padding-left: 16px;
  padding-right: 16px;
  background-color: #1271B3;
}
.cp_apply_area.-back_black{
  background-color: #000;
}
.cp_apply_title{
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.cp_apply_note{
  position: absolute;
  top: -2vw;
  right: 0;
  color: #fff;
  font-size: 2.8vw;
}
.cp_apply_wrap{
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  background-color: #FFFFFF;
  border-radius: 10px;
}
.cp_apply_button_link{
  width: calc((165 / 343) * 100%);
}
.cp_apply_button_link:first-child{
  margin-right: calc((13 / 343) * 100%);
}
.cp_apply_text_link_wrap{
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
.cp_apply_text_link{
  margin-left: calc((29 / 343) * 100%);
  margin-right: calc((29 / 343) * 100%);
  max-width: 600px;
}

/* モーダルエリア */
.cp_value_modal_area{
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #E7F6FB;
}
.cp_value_modal_title{
  margin-left: calc((24 / 343) * 100%);
  margin-right: calc((24 / 343) * 100%);
}
.cp_value_modal_text_img{
  width: 100%;
}
.cp_value_modal_title_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((24 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #1271B3;
}
.-emphasis{
  font-size: calc((32 / 375) * 100vw);
}
.cp_value_modal_button{
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  cursor: pointer;
}

/* アンカーエリア */
.cp_anchor_area{
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 600px;
}
.cp_anchor_text{
  margin-left: calc((24 / 343) * 100%);
  margin-right: calc((24 / 343) * 100%);
}
.cp_anchor_flex_wrap{
  display: flex;
}
.cp_anchor_button{
  width: calc((100% - 7px) / 3);
  cursor: pointer;
}
.cp_anchor_button:not(:first-child){
  margin-left: 3.5px;
}

/* 安心安全エリア */
.cp_safety_area{
  margin-left: auto;
  margin-right: auto;
  padding-left: 23px;
  padding-right: 23px;
  max-width: 600px;
}
.cp_safety_title{
  margin-left: calc((80 / 329) * 100%);
  margin-right: calc((80 / 329) * 100%);
}
.cp_safety_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((20 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 1.2px 1.2px 0px rgba(18, 113, 179, 1);
}
.cp_safety_text_img{
  width: 100%;
}
.cp_safety_swiper_area{
  margin-left: calc((19 / 329) * 100%);
  margin-right: calc((19 / 329) * 100%);
  position: relative;
}
.cp_safety_modal_link{
  display: inline-block;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((13 / 375) * 100vw);
  font-weight: 300;
  line-height: 1.5;
  text-align: right;
  color: #1271B3;
  text-decoration: underline;
  cursor: pointer;
}

/* アプリで簡単管理エリア */
.cp_management_area{
  margin-left: auto;
  margin-right: auto;
  padding-left: 23px;
  padding-right: 23px;
  max-width: 600px;
}
.cp_management_title{
  margin-left: calc((31 / 329) * 100%);
  margin-right: calc((31 / 329) * 100%);
}
.cp_management_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((19 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 1.2px 1.2px 0px rgba(18, 113, 179, 1);
}
.cp_management_text_img{
  width: 100%;
}
.cp_management_swiper_area{
  margin-left: calc((19 / 329) * 100%);
  margin-right: calc((19 / 329) * 100%);
  position: relative;
}
.cp_management_swiper_area .cp_management_link{
  display: inline-block;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((13 / 375) * 100vw);
  font-weight: 300;
  line-height: 1.5;
  text-align: center; 
  color: #1271B3;
  text-decoration: underline;   
}

/* 手続きエリア */
.cp_procedure_area{
  margin-left: auto;
  margin-right: auto;
  padding-left: 23px;
  padding-right: 23px;
  max-width: 600px;
}
.cp_procedure_title{
  margin-left: calc((62 / 329) * 100%);
  margin-right: calc((62 / 329) * 100%);
}
.cp_procedure_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((18 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 1.2px 1.2px 0px rgba(18, 113, 179, 1);
}
.cp_procedure_attention {
  text-align: right;
  color: #fff;
  margin-right: 2vw;
  font-size: 2.8vw;
}
.cp_procedure_text_img{
  width: 100%;
}
.cp_procedure_swiper_area{
  margin-left: calc((19 / 329) * 100%);
  margin-right: calc((19 / 329) * 100%);
  position: relative;
}
.cp_procedure_swiper_step_wrap{
  margin-left: auto;
  margin-right: auto;
  padding-top: 3px;
  width: calc((98 / 263) * 100%);
  border-radius: 12.5px;
  background-color: #1271B3;
}
.cp_procedure_swiper_step{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((16 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  color: #FFFFFF;
}
.cp_procedure_swiper_text{
  font-family: Hiragino Kaku Gothic Pro;
  font-size: calc((16 / 375) * 100vw);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

/* 口コミエリア */
.cp_review_area{
  margin-left: auto;
  margin-right: auto;
  padding-left: 23px;
  padding-right: 23px;
  max-width: 600px;
}
.cp_review_title{
  margin-left: calc((62 / 329) * 100%);
  margin-right: calc((62 / 329) * 100%);
}
.cp_review_swiper_area{
  margin-left: calc((19 / 329) * 100%);
  margin-right: calc((19 / 329) * 100%);
  position: relative;
}
.cp_review_swiper_wrapper{
  margin-left: calc((22 / 253) * 100%);
  margin-right: calc((22 / 253) * 100%);
  min-height: 241px;
}
.cp_review_swiper_person_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
}
.cp_review_swiper_person_img{
  width: calc((60 / 209) * 100%);
  height: calc((60 / 209)* 100%);
}
.cp_review_swiper_person_info{
  width: calc((149 / 209) * 100%);
  padding-left: calc((12 / 149) * 100%);
}
.cp_review_swiper_person_info_text{
  font-size: calc((11 / 375)* 100vw);
  line-height: 1.5;
}
.cp_review_swiper_text{
  font-size: calc((13 / 375)* 100vw);
  line-height: 1.5;
}

/* 追従モーダル */
.cp_fix_cta_area{
  position: fixed;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: -100%;
  left: 50%;
  z-index: 50;
  width: 100%;
  max-width: 1025px;
  background-color: #1271B3;
  transition: bottom 1s;
}
.cp_fix_cta_area.-active{
  bottom: 0;
}
.cp_fix_title{
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.cp_fix_note{
  color: #fff;
  text-align: right;
  display: block;
  font-size: 2.8vw;
  margin: 0 1em 0.5em;
}
.cp_fix_button_link{
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
@media screen and (max-width: 500px) {
  .cp_kv_accordion_text{
    padding-right: calc((30 / 600)* 100vw);
  }
  .cp_netflix_accordion_text{
    padding-right: calc((30 / 600)* 100vw);
  }
}
/* fontがでかくなりするぎものの調整 */
@media screen and (min-width: 501px) {
  .cp_tab_button_text.-one{
    font-size: 32px;
  }
  .cp_tab_button_text.-two{
    font-size: 26.6667px;
  }
  .cp_tab_button_text.-three{
    font-size: 18.6667px;
  }
}

/* PCデザイン 600pxをmax表示 */
@media screen and (min-width: 601px) {
  .cp_kv_attention_text{
    font-size: 17.6px
  }
  .cp_kv_accordion_text{
    font-size: 32px;
  }
  .cp_kv_accordion_text::after{
    margin-right: 24px;
  }
  .cp_kv_accordion_inner_title{
    font-size: 24.8px;
    padding-left: 60px;
    padding-right: 60px;
  }
  .cp_kv_accordion_inner_content_title{
    font-size: 19.168px;
  }
  .cp_kv_accordion_inner_content_sub_title{
    font-size: 19.168px;
  }
  .cp_kv_accordion_inner_content_text{
    font-size: 19.168px;
  }
  .cp_kv_accordion_inner_content_text.-small{
    font-size: 16px;
  }
  .target_blank::after {
    width: calc(20px* .8);
    height: calc(19px* .8);
  }
  .cp_netflix_area_inner p { 
    bottom: 2%;
    font-size: 16px;
  }
  .cp_netflix_attention_text{
    font-size: 17.6px
  }
  .cp_netflix_accordion_text{
    font-size: 32px;
  }
  .cp_netflix_accordion_text::after{
    margin-right: 24px;
  }
  .cp_netflix_accordion_inner_content_title{
    font-size: 19.168px;
  }
  .cp_netflix_accordion_inner_content_sub_title{
    font-size: 19.168px;
  }
  .cp_netflix_accordion_inner_content_text{
    font-size: 19.168px;
  }
  .cp_netflix_accordion_inner_content_text.-small{
    font-size: 16px;
  }
  .cp_middle_content_attention_wrap{
    font-size: 17.6px
  }
  .cp_safety_modal_link{
    font-size: 20.8px;
  }
  .cp_safety_text{
    font-size: 32px;
  }
  .cp_management_text{
    font-size: 30.4px;
  }
  .cp_management_swiper_area .cp_management_link{
    font-size: 20.8px;
  }
  .cp_procedure_text{
    font-size: 30.4px;
  }
  .cp_procedure_attention {
    margin-right: 16px;
    font-size: 1.2rem;
  }
  .cp_procedure_swiper_step{
    font-size: 25.6px;
  }
  .cp_procedure_swiper_text{
    font-size: 25.6px;
  }
  .cp_value_modal_title_text{
    font-size: 38.4px
  }
  .-emphasis{
    font-size: 51.2px
  }
  .cp_plan_title{
    font-size: 38.4px;
  }
  .cp_plan_title:before{
    margin-left: -38.4px;
  }
  .cp_plan_title::after{
    margin-right: -38.4px;
  }
  .cp_plan_content_bubble_text{
    font-size: 27.2px
  }
  .cp_plan_content_text{
    font-size: 25.6px;
  }
  .cp_plan_content_flame_area .cp_plan_content_link {
    font-size: 20.8px
  }
  .cp_plan_content_accordion_text{
    font-size: 32px;
  }
  .cp_plan_recommendation_title{
    font-size: 25.6px;
  }
  .cp_plan_recommendation_title::before{
    margin-left: -24px;
  }
  .cp_plan_recommendation_title::after{
    margin-right: -24px;
  }
  .cp_plan_recommendation_list::before{
    margin-right: 12.8px;
  }
  .cp_plan_recommendation_list{
    font-size: 25.6px;
  }
  .cp_plan_modal_link{
    font-size: 20.8px;
  }
  .cp_plan_content_wrap .cp_plan_text_link{
    font-size: 20.8px;
  }
  .cp_plan_internet_text{
    font-size: 38.4px;
  }
  .cp_plan_internet_speed_text{
    font-size: 22.88px;
  }
  .cp_plan_internet_speed_attention{
    font-size: 9.6px;
  }
  .cp_plan_internet_speed_generally{
    font-size: 11.2px;
  }
  .cp_plan_explain_internet_title{
    font-size: 28.8px;
  }
  .cp_plan_diagnosis_text{
    font-size: 20.8px
  }
  .cp_plan_diagnosis_area .cp_plan_diagnosis_link{
    font-size: 32px;
  }
  .cp_review_swiper_person_info_text{
    font-size: 19.2px
  }
  .cp_review_swiper_text{
    font-size: 20.7653px
  }
  .cp_apply_note {
    top: 15px;
    right: 5px;
    font-size: 13px;
  }
  .cp_fix_note {
    font-size: 12px;
  }
}
@media screen and (min-width: 616px) {
  .cp_fix_cta_flex_wrap{
    margin-left: auto;
    margin-right: auto;
    max-width: 615px;
  }
}

/* add plan area */
.txtlink.modal {
  display: inline-block;
}
.addimage-1 {
  width: 640px;
}
.addimage-2 {
  width: 640px;
  margin-top: -1px;
}

div.plan-area {
  text-align: center;
}
div.plan-area * {
  position: relative;
}
div.plan-area .contents__body + * {
  margin-top: -1px;
}
div.plan-area a {
  cursor: pointer;
}
.note {
  margin-left: 1em;
}
div.plan-area p {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.8181818182;
}
div.plan-area p.note {
  font-size: 17.6px;
}
.note::before {
  content: "※";
  position: absolute;
  margin-left: -1em;
}
.spe {
  display: none !important;
}
a.button {
  display: block;
  width: 600px;
  margin: 0 auto 10px;
  cursor: pointer;
}
a.button.button__hidden {
  font-size: 22px;
  display: block;
  width: 5em;
  height: 2em;
  background-color: rgba(255, 0, 0, 0);
  position: absolute !important;
}
a.button.button__extra {
  width: 470px;
  margin-bottom: 0;
}
a.button.button__std.button__std__org {
  background-color: #ff9600;
}
a.button.button__std {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #2f6fb4;
  border-radius: 15px;
  width: 100%;
  height: 90px;
  margin: 20px auto;
  text-decoration: none;
}
p.lead {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: -0.06em;
}
p.lead.lead__m {
  font-size: 24px;
}
p.ta__center {
  text-align: center !important;
}
a.link__out {
  color: #3b85cc !important;
}
a.link__out::after {
  content: "";
  display: inline-block;
  width: 21px;
  height: 20px;
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/icon_outlink.png);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: text-top;
  margin-left: 5px;
}

.plan-menu{
  padding: calc(50/750*100%) 0 calc(40/750*100%);
}
.wrapper.plan-menu{
  width: 100%;
  padding: 0;
  position: relative;
  max-width: 640px;
  margin: auto;
}
.btn-01{
  position: absolute!important;
  left: 50%;
  transform: translateX(-50%);
  top: 15%;
  width: calc(458/750*100%);
  max-width: 458px;
}
.btn-02{
  position: absolute!important;
  left: 3.8%;
  top: 65.5%;
  width: calc(331/750*100%);
  max-width: 331px;
}
.btn-03{
  position: absolute!important;
  left: 52%;
  top: 65.5%;
  width: calc(331/750*100%);
  max-width: 331px;
}
.btn-04{
  position: absolute!important;
  left: 19.5%;
  top: 91%;
  width: calc(458/750*100%);
  max-width: 458px;
}

a.txtlink {
  letter-spacing: -0.05em;
  color: inherit;
  text-decoration: underline;
  font-weight: bold;
  position: absolute !important;
  bottom: 32px;
  right: 50px;
  cursor: pointer;
  top: auto;
  left: auto;
  z-index: 20;
}
body div.box__modal {
  display: none;
  font-size: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 55000;
  background-color: rgba(0, 0, 0, 0.8);
  max-width: none;
}
body .box__modal * {
  position: relative;
}
body .box__modal .modal__body {
  display: none;
  max-height: 90vh;
  overflow-y: auto;
}
body .box__modal .modal__body.show {
  display: block !important;
}
body .box__modal .modal__body.modal__body__textbox {
  font-size: 22px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 474px;
  max-width: 584px;
  overflow: scroll;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  padding: 5.3vw 5vw 3.7vw 5.7vw;
  border-radius: 7px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body .box__modal .modal__body.modal__body__subpage {
  font-size: 0px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: calc(100% - 20px);
  max-width: 584px;
  overflow: scroll;
  border-radius: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
}
body .box__modal .modal__body.modal__body__subpage .contents__body + * {
  margin-top: -1px;
}
body .box__modal .modal__body .modal__inner {
  font-weight: normal;
}
body .box__modal .modal__body .modal__inner img {
  width: 100%;
}
body .box__modal .modal__body .modal__inner div.box.box__chart {
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
}
body .box__modal .modal__body .modal__inner div.box.box__chart img.contents__body.chart {
  height: 575px;
  width: auto;
}
body .box__modal .modal__body .modal__inner p {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.8181818182;
}
body .box__modal .modal__body .modal__inner p.lead {
  font-size: 25px;
  font-weight: bold;
}
body .box__modal .modal__body .modal__inner p.lead.lead__m {
  font-size: 24px;
}
body .box__modal .modal__body .modal__inner p.users {
  font-size: 28px;
  line-height: 1.6428571429;
  color: #3e3e3e;
}
body .box__modal .modal__body .modal__inner p.note__users {
  font-size: 22px;
  line-height: 1.4545454545;
  color: #3e3e3e;
}
body .box__modal .modal__body .modal__inner p sup {
  vertical-align: top;
}
body .box__modal .modal__body .modal__inner p span.underline {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fffcab));
  background: -webkit-linear-gradient(transparent 0%, #fffcab 0%);
  background: linear-gradient(transparent 0%, #fffcab 0%);
}
body .box__modal .modal__body .modal__inner p span.underline.underline__yellow {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fffcab));
  background: -webkit-linear-gradient(transparent 0%, #fffcab 0%);
  background: linear-gradient(transparent 0%, #fffcab 0%);
}
body .box__modal .modal__body .modal__inner .caption + ol,
body .box__modal .modal__body .modal__inner .caption + ul,
body .box__modal .modal__body .modal__inner .caption + .note,
body .box__modal .modal__body .modal__inner .lead + .note {
  margin-top: 0.5em;
}
body .box__modal .modal__body .modal__inner .note + .note,
body .box__modal .modal__body .modal__inner .caption + .note,
body .box__modal .modal__body .modal__inner .note + .caption {
  margin-top: 1em;
}
body .box__modal .modal__body .modal__inner .modal__heading {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}
body .box__modal .modal__body .modal__inner .modal__heading__sub {
  font-weight: bold;
}
body .box__modal .modal__body .modal__inner .note {
  margin-top: 0.3em !important;
}
body .box__modal .modal__body .button {
  display: block;
  margin-top: 2em;
}
body .box__modal .modal__body .button.button__modal__close {
  width: 100%;
}
body .box__modal .modal__body .button.button__modal__close img {
  width: 100%;
}
div.box {
  width: 100%;
  overflow: hidden;
  margin: auto;
  max-width: 640px;
  text-align: left;
}
div.box.box__entry {
  background-color: #fff9e2;
  padding-bottom: 30px;
}
div.box.box__plan {
  padding-bottom: 50px;
}
div.box.box__white {
  background-color: #fff;
}
div.box.box__yellow__1 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_yellow_1.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__yellow__2 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_yellow_2.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__yellow__3 {
  background-color: #fff9ce;
}
div.box.box__green__1 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_green_1.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__1 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_1.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__2 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_2.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  color: #fff;
}
div.box.box__blue__3 {
  background-color: #d1e8f5;
}
div.box.box__blue__4 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_3.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__5 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_4.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__6 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_5.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__7 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_6.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__8 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_7.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__9 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_8.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__10 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_9.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__11 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_10.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__12 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_11.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__blue__13 {
  background-color: #e4eaf6;
}
div.box.box__txt {
  padding: 0 80px;
}
div.box.box__txt__w {
  padding: 0 50px;
}
div.box.box__txt__f {
  padding: 0 0px;
}
div.box.box__txt__mw {
  padding: 0 65px;
}
div.box.box__txt__s {
  padding: 0 90px;
}
div.box.box__1__12 a {
  left: 39.5%;
  width: 6em;
  bottom: 50px;
}
div.box.box__1__17 {
  padding-top: 10px;
}
div.box.box__1__20 a.txtlink {
  bottom: 20px;
}
div.box.box__1__25 a {
  left: 39.5%;
  width: 6em;
  bottom: 50px;
}
div.box.box__1__26 {
  padding-bottom: 10px;
}
div.box.box__1__29 a.txtlink {
  bottom: 0px;
}
div.box.box__1__31 {
  padding-top: 22px;
}
div.box.box__1__31 p.caption {
  border: 4px solid #d42d36;
  line-height: 1.8181818182;
  padding: 0.8em;
  display: block;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4545454545;
}
div.box.box__2__4 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/sec2/img_4_bg.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__2__4 p.note {
  padding: 20px 60px 0;
}
div.box.box__2__8 {
  background-image: url(/lp/electricity/netflix/assets/img/switch_t2/sec2/img_8_bg.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
}
div.box.box__2__8 p {
  padding: 0 80px;
  font-weight: bold;
}
div.box.box__2__9 a.txtlink {
  position: absolute;
  bottom: 95px;
}
div.box.box__2__9 .mod03 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 50px;
  bottom: 5px;
  display: block;
  width: 100%;
  padding: 0 40px;
  position: absolute !important;
}
div.box.box__2__9 .mod03 a.txtlink {
  display: inline !important;
  position: relative !important;
  bottom: 0;
  left: 0;
  font-weight: normal;
}
div.box.box__2__13 a.txtlink.modal {
  margin: 0 0 0 auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
  left: 0 !important;
  bottom: 0 !important;
  position: relative !important;
}
div.box.box__2__13 a.txtlink.modal p {
  text-decoration: underline !important;
  display: inline-block;
}
div.box.box__2__16 {
  padding-top: 22px;
}
div.box.box__2__37 {
  padding-top: 22px;
  padding-bottom: 44px;
}
div.box.box__3__3 a.txtlink {
  bottom: 35px;
  right: 20px;
}
div.box.box__3__6 {
  padding-top: 22px;
  padding-bottom: 22px;
}
div.box.box__3__9 {
  padding-top: 22px;
  padding-bottom: 22px;
}
div.box.box__3__11 {
  padding-top: 22px;
  padding-bottom: 22px;
}
div.box.box__4__3 {
  padding-top: 22px;
  padding-bottom: 22px;
}
div.box.box__4__6 {
  padding-top: 44px;
  padding-bottom: 22px;
}
div.box.box__4__15 p.note {
  letter-spacing: -0.05em;
}
div.box.box__4__17 {
  padding-top: 22px;
  padding-bottom: 22px;
}
div.box.box__5__11 {
  padding-top: 22px;
}
div.box.box__5__15 {
  padding-top: 22px;
}
div.box.box__5__22 {
  padding-top: 22px;
}
div.box.box__5__26 {
  padding-top: 22px;
}
div.box.box__5__30 {
  padding-top: 22px;
}
div.box.box__5__35 ul li p.note {
  line-height: 1.5;
}
div.box.box__tvstick__2 {
  padding-top: 22px;
  padding-bottom: 22px;
}
div.box.box__tvstick__5 {
  padding-top: 22px;
  padding-bottom: 22px;
}
div.box.box__tvstick__7 {
  padding-bottom: 22px;
}
div.box.box__tvstick__10 {
  padding-top: 22px;
}
div.box.box__tvstick__11 {
  padding-bottom: 22px;
}
div.box.box__tvstick__19 {
  padding-bottom: 44px;
}
div.box.box__smilink__2__3 a {
  bottom: 40px;
  right: auto;
  left: 135px;
  width: 7em;
}
div.box.box__smilink__2__7 {
  padding-bottom: 44px;
}
div.box.box__smilink__1__2 {
  padding-top: 22px;
}
div.box.box__smilink__1__20 p.note.note__disc {
  font-weight: bold;
  line-height: 1.8181818182;
}
div.box.box__smilink__1__22 {
  padding-top: 22px;
}
div.box.box__smilink__1__24 {
  padding-bottom: 44px;
}
div.box.box__amazon__2 {
  padding-top: 22px;
  padding-bottom: 22px;
}
div.box.box__amazon__4 {
  padding-top: 22px;
  padding-bottom: 44px;
}
div.box.box__amazon__5 {
  padding-bottom: 44px;
}
div.box__fitdish__1__1 {
  padding: 22px;
}
div.box__fitdish__1__2 {
  width: 474px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.sec03_detail_table {
  width: 1120px;
  background-color: #fff;
}
.sec03_detail_table .sup {
  display: inline-block;
  font-size: 10px;
  font-weight: normal;
  vertical-align: top;
}
.sec03_detail_table th {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  border: 1px solid #016c57;
  padding: 8px 6px;
  text-align: center;
  vertical-align: middle;
  width: 15%;
}
.sec03_detail_table td {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
  border: 1px solid #016c57;
  padding: 8px 6px;
  text-align: center;
  vertical-align: middle;
  width: 15%
}
.sec03_detail_table th.item,
.sec03_detail_table td.item {
  background: #016c57;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.sec03_detail_table tr:last-child td.item {
  border-bottom: 1px solid #016c57;
}
.sec03_detail_table .md-btn {
  display: block;
  position: relative;
  font-size: 10px;
  font-weight: bold;
  color: #0066b5;
}
.sec03_detail_table .md-btn::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.sec03_detail_table td .price_num {
  display: inline-block;
  font-size: 16px;
}
.sec03_detail_table td .price_unit {
  display: inline-block;
  font-size: 10px;
}
.sec03_detail_table td .price_arw {
  display: block;
  font-size: 10px;
}
.sec03_detail_table td .price_redtxt {
  display: block;
  color: #e50914;
  font-size: 16px;
}
.sec03_modal_list {
  width: 90%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}

.sec03_modal_list_item {
  width: 50%;
  padding: 0 2px;
  margin-bottom: 20px;
  text-align: center;
}
.sec03_modal_list_item figure {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
  unicode-bidi: isolate;
}
.sec03_modal_list_item figcaption {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}
a.button.button__modal__close img {
  border-radius: 10px;
  -webkit-filter: drop-shadow(0 12px 0 rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0 12px 0 rgba(0, 0, 0, 0.05));
}
.note.note__asterisk::before {
  content: "＊";
  position: absolute;
  margin-left: -1em;
}
.note.note__disc::before {
  content: "・";
  position: absolute;
  margin-left: -1em;
}
.note.note__count {
  margin-left: 3em;
  counter-increment: number;
}
.note.note__count::before {
  content: "※" counter(number);
  position: absolute;
  margin-left: -3em;
}
.note.note__count__1 {
  margin-left: 3em;
  counter-reset: number 1;
}
.note.note__count__1::before {
  content: "※" counter(number);
  position: absolute;
  margin-left: -3em;
}
.note.note__count__3 {
  margin-left: 3em;
  counter-reset: number 3;
}
.note.note__count__3::before {
  content: "※" counter(number);
  position: absolute;
  margin-left: -3em;
}
.note.note__count__7 {
  margin-left: 3em;
  counter-reset: number 7;
}
.note.note__count__7::before {
  content: "※" counter(number);
  position: absolute;
  margin-left: -3em;
}
@media screen and (max-width: 600px) {
  .pce {
    display: none !important;
  }
  .spe {
    display: block !important;
  }
  a.button.button__hidden {
    font-size: 3.4375vw;
    display: block;
    width: 5em;
    height: 2em;
    background-color: rgba(255, 0, 0, 0);
    position: absolute !important;
  }
  a.button {
    display: block;
    width: 93.75vw;
    margin: 0 auto 1.5625vw;
  }
  a.button.button__extra {
    width: 73.4375vw;
    margin-bottom: 0;
  }
  div.plan-area p {
    font-weight: normal;
    font-size: 3.4375vw;
    line-height: 1.8181818182;
  }
  div.plan-area p.note {
    font-size: calc((11 / 375)* 100vw);
  }
  a.txtlink {
    letter-spacing: -0.05em;
    color: inherit;
    text-decoration: underline;
    font-weight: bold;
    position: absolute !important;
    bottom: 5vw;
    right: 7.8125vw;
  }
  a.button.button__std {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #2f6fb4;
    border-radius: 2.34375vw;
    width: 73.4375vw;
    height: 14.0625vw;
    margin: 3.125vw auto;
    text-decoration: none;
  }
  p.lead {
    font-size: 3.90625vw;
    font-weight: bold;
    letter-spacing: -0.06em;
  }
  p.lead.lead__m {
    font-size: 3.75vw;
  }
  a.link__out::after {
    content: "";
    display: inline-block;
    width: 3.28125vw;
    height: 3.125vw;
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/icon_outlink.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: text-top;
    margin-left: 0.78125vw;
  }
  img.contents__body[src="/lp/electricity/netflix/assets/img/switch_t2/sec2/img_6.png"] {
    margin-bottom: -2.13vw;
  }
  body .box__modal {
    display: none;
    font-size: 0;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 55000;
    background-color: rgba(0, 0, 0, 0.8);
  }
  body .box__modal * {
    position: relative;
  }
  body .box__modal .modal__body {
    display: none;
    max-height: 90vh;
    overflow-y: auto;
  }
  body .box__modal .modal__body.show {
    display: block !important;
  }
  body .box__modal .modal__body.modal__body__textbox {
    font-size: 3.4375vw;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: 74.0625vw;
    max-width: 584px;
    overflow: scroll;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    padding: 5.3vw 5vw 3.7vw 5.7vw;
    border-radius: 7px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  body .box__modal .modal__body.modal__body__subpage {
    font-size: 0vw;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    width: calc(100% - 3.125vw);
    max-width: 584px;
    overflow: scroll;
    border-radius: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
  }
  body .box__modal .modal__body.modal__body__subpage .contents__body + * {
    margin-top: -1px;
  }
  body .box__modal .modal__body .modal__inner {
    font-weight: normal;
  }
  body .box__modal .modal__body .modal__inner img {
    width: 100%;
  }
  body .box__modal .modal__body .modal__inner div.box.box__chart {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
  }
  body .box__modal .modal__body .modal__inner div.box.box__chart img.contents__body.chart {
    height: 89.84375vw;
    width: auto;
  }
  body .box__modal .modal__body .modal__inner p {
    font-weight: normal;
    font-size: 3.4375vw;
    line-height: 1.8181818182;
  }
  body .box__modal .modal__body .modal__inner p.lead {
    font-size: 3.90625vw;
    font-weight: bold;
  }
  body .box__modal .modal__body .modal__inner p.lead.lead__m {
    font-size: 3.75vw;
  }
  body .box__modal .modal__body .modal__inner p.users {
    font-size: 4.375vw;
    line-height: 1.6428571429;
    color: #3e3e3e;
  }
  body .box__modal .modal__body .modal__inner p.note__users {
    font-size: 3.4375vw;
    line-height: 1.4545454545;
    color: #3e3e3e;
  }
  body .box__modal .modal__body .modal__inner p sup {
    vertical-align: top;
  }
  body .box__modal .modal__body .modal__inner p span.underline {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fffcab));
    background: -webkit-linear-gradient(transparent 0%, #fffcab 0%);
    background: linear-gradient(transparent 0%, #fffcab 0%);
  }
  body .box__modal .modal__body .modal__inner p span.underline.underline__yellow {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #fffcab));
    background: -webkit-linear-gradient(transparent 0%, #fffcab 0%);
    background: linear-gradient(transparent 0%, #fffcab 0%);
  }
  body .box__modal .modal__body .modal__inner .caption + ol,
  body .box__modal .modal__body .modal__inner .caption + ul,
  body .box__modal .modal__body .modal__inner .caption + .note,
  body .box__modal .modal__body .modal__inner .lead + .note {
    margin-top: 0.5em;
  }
  body .box__modal .modal__body .modal__inner .note + .note,
  body .box__modal .modal__body .modal__inner .caption + .note,
  body .box__modal .modal__body .modal__inner .note + .caption {
    margin-top: 1em;
  }
  body .box__modal .modal__body .modal__inner .modal__heading {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-weight: bold;
  }
  body .box__modal .modal__body .modal__inner .modal__heading__sub {
    font-weight: bold;
  }
  body .box__modal .modal__body .modal__inner .note {
    margin-top: 0.3em !important;
  }
  body .box__modal .modal__body .button {
    display: block;
    margin-top: 2em;
  }
  body .box__modal .modal__body .button.button__modal__close {
    width: 100%;
  }
  body .box__modal .modal__body .button.button__modal__close img {
    width: 100%;
  }
  div.box {
    width: 100%;
    overflow: hidden;
  }
  div.box.box__entry {
    background-color: #fff9e2;
    padding-bottom: 4.6875vw;
  }
  div.box.box__plan {
    padding-bottom: 7.8125vw;
  }
  div.box.box__white {
    background-color: #fff;
  }
  div.box.box__yellow__1 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_yellow_1.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__yellow__2 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_yellow_2.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__yellow__3 {
    background-color: #fff9ce;
  }
  div.box.box__green__1 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_green_1.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__1 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_1.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__2 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_2.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
    color: #fff;
  }
  div.box.box__blue__3 {
    background-color: #d1e8f5;
  }
  div.box.box__blue__4 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_3.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__5 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_4.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__6 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_5.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__7 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_6.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__8 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_7.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__9 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_8.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__10 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_9.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__11 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_10.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__12 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/bg_blue_11.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__blue__13 {
    background-color: #e4eaf6;
  }
  div.box.box__txt {
    padding: 0 12.5vw;
  }
  div.box.box__txt__w {
    padding: 0 7.8125vw;
  }
  div.box.box__txt__f {
    padding: 0 0vw;
  }
  div.box.box__txt__mw {
    padding: 0 10.15625vw;
  }
  div.box.box__txt__s {
    padding: 0 14.0625vw;
  }
  div.box.box__1__12 a {
    left: 39.3625vw;
    width: 6em;
    bottom: 7vw;
  }
  div.box.box__1__17 {
    padding-top: 1.5625vw;
  }
  div.box.box__1__20 a.txtlink {
    bottom: 3.125vw;
  }
  div.box.box__1__25 a {
    left: 39.3625vw;
    width: 6em;
    bottom: 8vw;
  }
  div.box.box__1__26 {
    padding-bottom: 1.5625vw;
  }
  div.box.box__1__29 a.txtlink {
    bottom: 0vw;
  }
  div.box.box__1__31 {
    padding-top: 3.4375vw;
  }
  div.box.box__1__31 p.caption {
    border: 0.625vw solid #d42d36;
    line-height: 1.8181818182;
    padding: 0.8em;
    display: block;
    font-weight: bold;
    font-size: 3.4375vw;
    line-height: 1.4545454545;
  }
  div.box.box__2__4 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/sec2/img_4_bg.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__2__4 p.note {
    padding: 3.125vw 9.375vw 0;
  }
  div.box.box__2__8 {
    background-image: url(/lp/electricity/netflix/assets/img/switch_t2/sec2/img_8_bg.png);
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  div.box.box__2__8 p {
    padding: 0 12.5vw;
    font-weight: bold;
  }
  div.box.box__2__9 a.txtlink {
    position: absolute;
    bottom: 14.0625vw;
  }
  div.box.box__2__9 .mod03 {
    padding: 0 7.8125vw;
    bottom: 1.5625vw;
    position: absolute !important;
  }
  div.box.box__2__9 .mod03 a.txtlink {
    display: inline !important;
    position: relative !important;
    bottom: 0;
    left: 0;
    font-weight: normal;
  }
  div.box.box__2__13 a.txtlink.modal {
    margin: 0 0 0 auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: right;
    left: 0 !important;
    bottom: 0 !important;
    position: relative !important;
  }
  div.box.box__2__16 {
    padding-top: 3.4375vw;
  }
  div.box.box__2__37 {
    padding-top: 3.4375vw;
    padding-bottom: 6.875vw;
  }
  div.box.box__3__3 a.txtlink {
    bottom: 5.46875vw;
    right: 3.125vw;
  }
  div.box.box__3__6 {
    padding-top: 3.4375vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__3__9 {
    padding-top: 3.4375vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__3__11 {
    padding-top: 3.4375vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__4__3 {
    padding-top: 3.4375vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__4__6 {
    padding-top: 6.875vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__4__15 p.note {
    letter-spacing: -0.05em;
  }
  div.box.box__4__17 {
    padding-top: 3.4375vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__5__11 {
    padding-top: 3.4375vw;
  }
  div.box.box__5__15 {
    padding-top: 3.4375vw;
  }
  div.box.box__5__22 {
    padding-top: 3.4375vw;
  }
  div.box.box__5__26 {
    padding-top: 3.4375vw;
  }
  div.box.box__5__30 {
    padding-top: 3.4375vw;
  }
  div.box.box__5__35 ul li p.note {
    line-height: 1.5;
  }
  div.box.box__tvstick__2 {
    padding-top: 3.4375vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__tvstick__5 {
    padding-top: 3.4375vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__tvstick__7 {
    padding-bottom: 3.4375vw;
  }
  div.box.box__tvstick__10 {
    padding-top: 3.4375vw;
  }
  div.box.box__tvstick__11 {
    padding-bottom: 3.4375vw;
  }
  div.box.box__tvstick__19 {
    padding-bottom: 6.875vw;
  }
  div.box.box__smilink__2__3 a {
    bottom: 6.25vw;
    right: auto;
    left: 21.09375vw;
    width: 7em;
  }
  div.box.box__smilink__2__7 {
    padding-bottom: 6.875vw;
  }
  div.box.box__smilink__1__2 {
    padding-top: 3.4375vw;
  }
  div.box.box__smilink__1__20 p.note.note__disc {
    font-weight: bold;
    line-height: 1.8181818182;
  }
  div.box.box__smilink__1__22 {
    padding-top: 3.4375vw;
  }
  div.box.box__smilink__1__24 {
    padding-bottom: 6.875vw;
  }
  div.box.box__amazon__2 {
    padding-top: 3.4375vw;
    padding-bottom: 3.4375vw;
  }
  div.box.box__amazon__4 {
    padding-top: 3.4375vw;
    padding-bottom: 6.875vw;
  }
  div.box.box__amazon__5 {
    padding-bottom: 6.875vw;
  }
  div.box__fitdish__1__1 {
    padding: 3.4375vw;
  }
  div.box__fitdish__1__2 {
    width: 74.0625vw;
    margin: 0 auto;
    padding-bottom: 5.3vw;
  }
  .sec03_detail_table {
    width: 1120px;
    background-color: #fff;
  }
  .sec03_detail_table .sup {
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
  }
  .sec03_detail_table th {
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3;
    border: 1px solid #016c57;
    padding: 8px 6px;
    text-align: center;
    vertical-align: middle;
    width: 15%;
  }
  .sec03_detail_table td {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
    border: 1px solid #016c57;
    padding: 8px 6px;
    text-align: center;
    vertical-align: middle;
    width: 15%;
  }
  .sec03_detail_table th.item,
  .sec03_detail_table td.item {
      background: #016c57;
      color: #fff;
      border-bottom: 1px solid #fff;
  }
  .sec03_detail_table tr:last-child td.item {
    border-bottom: 1px solid #016c57;
  }
  .sec03_detail_table .md-btn {
    display: block;
    position: relative;
    font-size: 10px;
    font-weight: bold;
    color: #0066b5;
  }
  .sec03_detail_table .md-btn::after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: bottom;
  }
  .sec03_detail_table td .price_num {
    display: inline-block;
    font-size: 16px;
  }
  .sec03_detail_table td .price_unit {
    display: inline-block;
    font-size: 10px;
  }
  .sec03_detail_table td .price_arw {
    display: block;
    font-size: 10px;
  }
  .sec03_detail_table td .price_redtxt {
    display: block;
    color: #e50914;
    font-size: 16px;
  }
  .sec03_modal_list_item figure { 
    margin: 0;
    padding: 0;
  }
  a.button.button__modal__close img {
    border-radius: 1.5625vw;
    -webkit-filter: drop-shadow(0 1.875vw 0 rgba(0, 0, 0, 0.05));
            filter: drop-shadow(0 1.875vw 0 rgba(0, 0, 0, 0.05));
  }
  .note.note__count {
    margin-left: 3em;
    counter-increment: number;
  }
  .note.note__count::before {
    content: "※" counter(number);
    position: absolute;
    margin-left: -3em;
  }
  .note.note__count__1 {
    margin-left: 3em;
    counter-reset: number 1;
  }
  .note.note__count__1::before {
    content: "※" counter(number);
    position: absolute;
    margin-left: -3em;
  }
  .note.note__count__3 {
    margin-left: 3em;
    counter-reset: number 3;
  }
  .note.note__count__3::before {
    content: "※" counter(number);
    position: absolute;
    margin-left: -3em;
  }
  .note.note__count__7 {
    margin-left: 3em;
    counter-reset: number 7;
  }
  .note.note__count__7::before {
    content: "※" counter(number);
    position: absolute;
    margin-left: -3em;
  }
}
.btn-01 {
  width: calc(336 / 750* 100%);
  left: 0;
  right: 0;
  margin: auto;
  transform:none;
  top: 92.5%;
}
.btn-02 {
  width: calc(336 / 750* 100%);
  top: 50.5%;
}
.btn-03 {
  width: calc(336 / 750* 100%);
  left: 52.5%;
  top: 50.5%;
}
.btn-04 {
  width: calc(336 / 750* 100%);
  left: 52.5%;
  top: 92.5%;
}
.btn-background {
  width: calc(336 / 750* 100%);
  height: calc(252 / 750* 100%);
}
.btn-background a {
  display: block;
  width: 100%;
  height: 100%;
}
.btn-01.btn-background {
  left: 0;
  right: 0;
  margin: auto;
  transform: none;
  top: 59%;
}
.btn-02.btn-background {
  left: 3.8%;
  transform: none;
  top: 17%;
}
.btn-03.btn-background {
  left: 52.5%;
  transform: none;
  top: 17%;
}
.btn-04.btn-background {
  left: 52.5%;
  transform: none;
  top: 59%;
}
/* プランエリア背景 */
.cont02 {
  background: #FFF7A2;
}
.plan_area-1 {
  background: #D2F1CA;
}
.plan_area-2 {
  background: #D1EAFD;
}
.plan_area-3 {
  background: #FFECCB;
}
.plan_area-4 {
  background: #E5E5E5;
}

/* 電気メニュー */
.cp_elec_menu {
  background: #FFF7A2;
  padding: 35px 0 30px;
}
.cp_elec_menu_inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  text-align: center;
}
.elec_menu_subtitle {
  background-image: url(/lp/electricity/netflix/assets/img/elec_menu_sub_back.png);
  background-size: cover;
  text-align: center;
  text-align: center;
  width: 86.5%;
  margin: auto;
}
.elec_menu_subtitle img {
  width: 92%;
  margin-top: -1%;
}
.elec_menu_title {
  width: 86.5%;
  background: linear-gradient(transparent 65%, #FFE900 65%);
  padding-bottom: 0.8%;
}
a.cp_elec_menu_link {
  display: block;
  position: relative;
  padding: 1.5%;
  text-decoration: none;
  background: #FFFFFF;
  border: 6px solid #0064AF;
  width: 100%;
  height: auto;
  border-radius: 5vh;
  box-shadow: 3px 3px 3px 0px rgba(191, 176, 15, 0.6);
}
a.cp_elec_menu_link::after {
  content: "";
  background-image: url(/lp/electricity/netflix/assets/img/elec_menu_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 21px;
  height: 29px;
  position: absolute;
  right: 2%;
  top: 32%;
}
.cp_elec_menu_link-plan {
  color: #FF6D00;
  font-size: 28px;
  font-weight: bold;
}
.cp_elec_menu_link-desc {
  color: #000;
  font-size: 18px;
}
@media screen and (max-width: 600px) {
  .cp_elec_menu {
    padding: 8.5% 3.73% 8%;
  }
  .cp_elec_menu_inner {
    max-width: 600px;
  }
  .elec_menu_subtitle {
    background-image: url(/lp/electricity/netflix/assets/img/elec_menu_sub_back.png);
    width: 86.5%;
  }
  .elec_menu_subtitle img {
    width: 92%;
    margin-top: -1%;
  }
  .elec_menu_title {
    width: 86.5%;
  }
  a.cp_elec_menu_link {
    padding: 1.5%;
    border: 4px solid #0064AF;
    width: 100%;
    height: auto;
    border-radius: 5vh;
    box-shadow: 3px 3px 3px 0px rgba(191, 176, 15, 0.6);
    margin-left: auto;
    margin-right: auto;
  }
  a.cp_elec_menu_link::after {
    width: 3.6vw;
    height: 5vw;
  }
  .cp_elec_menu_link-plan {
    font-size: calc((20 / 375)* 100vw);
  }
  .cp_elec_menu_link-desc {
    font-size: calc((11 / 375)* 100vw);
  }
}