@charset "UTF-8";
/* ------------------------
  utilities Classes
------------------------ */
.u-hidden {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.font-notoLight {
  font-family: "NotoLight", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.font-notoRegular {
  font-family: "NotoRegular", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-notoBold,
.l-studio_detail {
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.font-sssr {
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-sssm {
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-sssb,
.l-studio_subTtl,
.l-studio_subTtl .new {
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}

/*
* style.css
*
*/
.slick-slider {
  display: block;
  box-sizing: border-box;
  position: relative;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  border: 1px solid transparent;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* 高コントラストボタン適用時の補完 */
.color_yb p,
.color_yb h1,
.color_yb h2,
.color_yb h3,
.color_yb h4,
.color_yb h5,
.color_yb h6,
.color_yb ol li,
.color_yb dl dt,
.color_yb .smsw_download_link02 a,
.color_yb .smsw_download_link04 a,
.color_yb .smsw_method_nav li,
.color_yb .smsw_method_nav li.is-act,
.color_yb .smsw_method_boxTxtListWrap li,
.color_yb .smsw_capacity_box03_link01 li,
.color_yb .smsw_capacity_box03_link01 li a,
.color_yb .smsw_capacity_box03_note,
.color_yb .smsw_download_link01 li,
.color_yb .smsw_download_link03 li,
.color_yb .smsw_note li,
.color_yb .smsw_modal_ttl span,
.color_yb .smsw_modal_data,
.color_yb .apps-pagination .prev strong,
.color_yb .apps-pagination .next strong,
.color_yb .apps-pagination .prev span,
.color_yb .apps-pagination .next span,
.color_yb .l-studio_reserve_switch,
.color_yb .l-studio_link,
.color_yb .l-studio_btn a,
.color_yb .smsw_dataType_listWrap > li,
.color_yb .smsw_recommend_item .linkWrap a {
  background: #000 !important;
  color: #fff01f !important;
}
.color_yb .smsw_method_nav li.is-act,
.color_yb .color_yb .smsw_method_ttl02 .icon {
  background-color: #fff01f !important;
  color: #000 !important;
}
.color_yb .smsw_dataType_dlWrap .link a,
.color_yb .smsw_download_link02 a .ico,
.color_yb .smsw_download_link04 a .ico,
.color_yb .l-studio_btn a .ico,
.color_yb .smsw_capacity_box03_link01 li a,
.color_yb .smsw_recommend_item .linkWrap li a .ico {
  background-image: url(/apps/smart-switch/images/smsw_icon_blank_white.png);
}
.color_yb .smsw_method_ttl02 .icon,
.color_yb .smsw_dataType_ttl02::before,
.color_yb .slick-dots {
  background-color: #fff01f !important;
  color: #000 !important;
}
@media screen and (min-width: 1150px) {
  .color_yb .slick-prev {
    background-image: url(/apps/smart-switch/images/smsw_btn_prev_yellow.png);
  }
}
@media screen and (min-width: 1150px) {
  .color_yb .slick-next {
    background-image: url(/apps/smart-switch/images/smsw_btn_next_yellow.png);
  }
}

/* Utility */
.u-br-sm {
  display: none;
}
@media (max-width: 767.98px) {
  .u-br-sm {
    display: block;
  }
}

.u-br-md-less {
  display: none;
}
@media (max-width: 1023.98px) {
  .u-br-md-less {
    display: block;
  }
}

.u-br-md-more {
  display: none;
}
@media (min-width: 768px) {
  .u-br-md-more {
    display: block;
  }
}

.u-br-md-only {
  display: none;
}
@media (min-width: 768px) {
  .u-br-md-only {
    display: block;
  }
}
@media (min-width: 1024px) {
  .u-br-md-only {
    display: none;
  }
}

.u-br-lg-only {
  display: none;
}
@media (min-width: 1024px) {
  .u-br-lg-only {
    display: block;
  }
}

/* Contents */
.smsw {
  font-size: 12px;
}
@media (min-width: 768px) {
  .smsw {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .smsw {
    font-size: 20px;
  }
}
.smsw * {
  box-sizing: border-box;
}
.smsw img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.smsw .en {
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 1.01em;
  font-weight: 700;
  font-style: normal;
}
.smsw sup {
  font-size: 0.4em;
}

@media (min-width: 768px) {
  .smsw_mv {
    margin: 0 auto;
    max-width: 1440px;
    min-height: 844px;
    background: url(/apps/smart-switch/images/smsw_mv_l_v2.png) no-repeat 100% 100%/100% auto;
  }
}

.smsw_mv_box {
  position: relative;
  padding: 24px 15px 16px;
}
@media (min-width: 768px) {
  .smsw_mv_box {
    padding: 72px 80px;
  }
}

.smsw_mv_ttl01 {
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 29px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_mv_ttl01 {
    text-align: left;
    font-size: 81px;
  }
}
.smsw_mv_ttl01 span {
  display: inline-block;
  padding-left: 38px;
  background: url(/apps/smart-switch/images/smsw_logo_smartswitch_v4.png) no-repeat 0 0;
  background-size: 30px auto;
}
@media (min-width: 768px) {
  .smsw_mv_ttl01 span {
    padding-top: 4px;
    padding-left: 90px;
    background-size: 72px auto;
    font-size: 64px;
  }
}
@media (min-width: 1024px) {
  .smsw_mv_ttl01 span {
    padding-left: 112px;
    background-size: 90px auto;
    font-size: 80px;
  }
}

.smsw_mv_ttl02 {
  margin-top: 16px;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 32px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .smsw_mv_ttl02 {
    margin-top: 42px;
    text-align: left;
    font-size: 27.2px;
    line-height: 1.4;
  }
}
@media (min-width: 1024px) {
  .smsw_mv_ttl02 {
    font-size: 32px;
  }
}
.smsw_mv_ttl02 .en {
  font-size: 1.1em;
}

.smsw_mv_txt {
  margin-top: 20px;
  font-family: "NotoRegular", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_mv_txt {
    margin-top: 28px;
    font-size: 16px;
    line-height: 1.8;
  }
}

.smsw_mv_img {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .smsw_mv_img {
    display: none;
    margin-top: 0;
  }
}

.smsw_step {
  padding: 42px 15px 0;
}
@media (min-width: 768px) {
  .smsw_step {
    padding-top: 130px;
  }
}

.smsw_step_subTtl {
  text-align: center;
  font-size: 20px;
}
@media (min-width: 768px) {
  .smsw_step_subTtl {
    font-size: 34px;
  }
}

.smsw_step_ttl01 {
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 34px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .smsw_step_ttl01 {
    font-size: 64px;
  }
}

.smsw_step_listWrap {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .smsw_step_listWrap {
    display: flex;
    margin-top: 52px;
  }
}

.smsw_step_txt {
  margin-top: 12px;
}
@media (min-width: 768px) {
  .smsw_step_txt {
    text-align: center;
  }
}

.smsw_step_inner {
  padding-bottom: 40px;
}
@media (min-width: 768px) {
  .smsw_step_inner {
    margin: 0 auto;
    padding-bottom: 135px;
    max-width: 1000px;
  }
}

.smsw_step_list {
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .smsw_step_list {
    margin: 0 20px;
    max-width: 294px;
  }
}
.smsw_step_list dt {
  letter-spacing: 0.08em;
  color: #2189ff;
  font-size: 20px;
}
.smsw_step_list dd {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .smsw_step_list dd .txt {
    min-height: 112px;
  }
}
.smsw_step_list dd img {
  display: block;
  margin: 24px auto 0;
  width: 70%;
}
@media (min-width: 768px) {
  .smsw_step_list dd img {
    width: 92%;
  }
}
.smsw_step_list:not(:first-of-type) {
  margin-top: 48px;
}
@media (min-width: 768px) {
  .smsw_step_list:not(:first-of-type) {
    margin-top: 0;
  }
}
.smsw_step_list:not(:last-of-type)::after {
  content: "";
  display: block;
  position: absolute;
  right: 50%;
  bottom: -34px;
  border-width: 17px 15px 0 15px;
  border-style: solid;
  border-color: #aaa transparent transparent transparent;
  width: 0;
  height: 0;
  transform: translateX(50%);
}
@media (min-width: 768px) {
  .smsw_step_list:not(:last-of-type)::after {
    right: -8%;
    bottom: 45%;
    border-width: 15px 0 15px 17px;
    border-color: transparent transparent transparent #aaa;
  }
}

.smsw_data {
  padding: 50px 15px;
  background-color: #444;
  color: #fff;
}
@media (min-width: 768px) {
  .smsw_data {
    padding-bottom: 135px;
  }
}

@media (min-width: 768px) {
  .smsw_data_inner {
    margin: 0 auto;
    padding-top: 68px;
    max-width: 1350px;
  }
}

.smsw_data_ttl01 {
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 34px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .smsw_data_ttl01 {
    font-size: 60.8px;
  }
}
@media (min-width: 1024px) {
  .smsw_data_ttl01 {
    font-size: 76px;
  }
}

.smsw_data_txt01 {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .smsw_data_txt01 {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .smsw_data_listWrap {
    display: flex;
    margin-top: 56px;
  }
}

@media (min-width: 768px) {
  .smsw_data_list {
    padding: 0 6.2%;
    width: 33.3333333333%;
  }
}
.smsw_data_list:not(:first-of-type) {
  margin-top: 28px;
  padding-top: 6px;
  border-top: 1px solid #fff;
}
@media (min-width: 768px) {
  .smsw_data_list:not(:first-of-type) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    border-left: 1px solid #fff;
  }
}

.smsw_data_listTtl01 {
  position: relative;
  margin-top: 20px;
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_data_listTtl01 {
    margin-top: 0;
    font-size: 12px;
  }
}
@media (min-width: 1024px) {
  .smsw_data_listTtl01 {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  .smsw_data_listTtl01 {
    font-size: 20px;
  }
}
@media screen and (min-width: 1350px) {
  .smsw_data_listTtl01 {
    font-size: 22px;
  }
}
.smsw_data_listTtl01 .icon {
  display: inline-block;
  position: relative;
  top: 3px;
  left: -5px;
  width: 24.5px;
  height: 21.5px;
  background: 50% 50% no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .smsw_data_listTtl01 .icon {
    display: inline-block;
    width: 15.6px;
    height: 12.8px;
    vertical-align: top;
  }
}
@media (min-width: 1024px) {
  .smsw_data_listTtl01 .icon {
    top: 5px;
    width: 19.5px;
    height: 16px;
  }
}
@media screen and (min-width: 1350px) {
  .smsw_data_listTtl01 .icon {
    top: 6px;
    width: 27.3px;
    height: 22.4px;
  }
}
.smsw_data_listTtl01 .icon01 {
  background-image: url(/apps/smart-switch/images/smsw_icon01_white.png);
}
.smsw_data_listTtl01 .icon02 {
  background-image: url(/apps/smart-switch/images/smsw_icon02_white.png);
}
.smsw_data_listTtl01 .icon03 {
  background-image: url(/apps/smart-switch/images/smsw_icon03_white.png);
}
.smsw_data_listTtl01 .txt {
  display: inline-block;
}

.smsw_data_listImg {
  margin-top: 20px;
}

.smsw_data_listTxt {
  padding-top: 18px;
}

.smsw_data_listTtl02 {
  margin-top: 17px;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_data_listTtl02 {
    margin-top: 30px;
  }
}

.smsw_data_note {
  display: flex;
  margin-top: 5px;

  flex-wrap: wrap;
}
.smsw_data_note li {
  margin-right: 20px;
  font-size: 10px;
}
@media (min-width: 768px) {
  .smsw_data_note li {
    font-size: 12px;
  }
}

.smsw_recommend {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #eee;
  text-align: center;
}
@media (min-width: 768px) {
  .smsw_recommend {
    padding-top: 132px;
    padding-bottom: 132px;
  }
}

.smsw_recommend_subTtl {
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .smsw_recommend_subTtl {
    font-size: 32px;
  }
}

.smsw_recommend_ttl {
  margin-top: 8px;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .smsw_recommend_ttl {
    font-size: 48px;
  }
}

.smsw_recommend_itemWrap {
  margin-top: 34px;
}
@media (min-width: 768px) {
  .smsw_recommend_itemWrap {
    margin: 0 auto;
    max-width: 990px;
  }
}

.smsw_recommend_item {
  margin: 0 auto;
  max-width: 218px;
}
@media (min-width: 768px) {
  .smsw_recommend_item {
    display: inline-block;
    margin: 0 36px;
    max-width: 248px;
  }
}
.smsw_recommend_item figcaption.en {
  font-size: 18px;
}
@media (min-width: 768px) {
  .smsw_recommend_item figcaption.en {
    font-size: 24px;
  }
}
.smsw_recommend_item figure img {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .smsw_recommend_item figure img {
    margin-top: 10px;
  }
}
.smsw_recommend_item .txt {
  margin-top: 14px;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .smsw_recommend_item .txt {
    margin-top: 20px;
    font-size: 14px;
  }
}
.smsw_recommend_item .linkWrap {
  display: flex;
  margin-top: 20px;

  justify-content: center;
}
@media (min-width: 768px) {
  .smsw_recommend_item .linkWrap {
    margin-top: 28px;
  }
}
.smsw_recommend_item .linkWrap li a {
  display: flex;
  border: 1px solid #000;
  border-radius: 30px;
  width: 216px;
  height: 48px;
  transition: all 0.2s;
  background-color: #fff;
  font-size: 13px;

  justify-content: center;
  align-items: center;
}
.smsw_recommend_item .linkWrap li a .ico {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 2px;
  width: 11px;
  height: 11px;
  background: url(/apps/smart-switch/images/smsw_icon_blank_black.png) no-repeat;
  background-size: contain;
}
.smsw_recommend_item .linkWrap li a:hover {
  background-color: #000;
  color: #fff;
}
.smsw_recommend_item .linkWrap li a:hover .ico {
  background-image: url(/apps/smart-switch/images/smsw_icon_blank_white.png);
}
.smsw_recommend_item .linkWrap.is_two a {
  margin: 0 5px;
  width: 130px;
}
@media (min-width: 768px) {
  .smsw_recommend_item .linkWrap.is_two li:first-of-type a {
    width: 130px;
  }
}
@media (min-width: 768px) {
  .smsw_recommend_item .linkWrap.is_two li:last-of-type a {
    width: 110px;
  }
}
.smsw_recommend_item:not(:first-of-type) {
  margin-top: 56px;
}
@media (min-width: 768px) {
  .smsw_recommend_item:not(:first-of-type) {
    margin-top: 80px;
  }
}

.smsw_method {
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .smsw_method {
    padding-bottom: 104px;
  }
}

.smsw_method_ttl {
  padding: 32px 0;
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_method_ttl {
    padding: 72px 0 68px;
    font-size: 36px;
  }
}

.smsw_method_nav {
  border-bottom: 2px solid #000;
  background-color: #eee;
}
.smsw_method_nav ul {
  display: flex;

  justify-content: center;
}
.smsw_method_nav li {
  margin: 0 2px;
  padding: 8px 8px 8px;
  border: 2px solid #cecece;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  background-color: #fff;
  text-align: center;
  color: #cecece;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
}
.smsw_method_nav li.is-act {
  margin-bottom: -2px;
  border: 2px solid #000;
  border-bottom: 2px solid #fff;
  color: #000;
}
.smsw_method_nav li.is-act:focus {
  outline: none;
}
@media (min-width: 768px) {
  .smsw_method_nav li {
    margin: 0 5px;
    padding: 14px 28px 16px;
    border-radius: 10px 10px 0 0;
    width: auto;
    font-size: 20px;
    line-height: 1.3;
  }
}
@media (min-width: 1024px) {
  .smsw_method_nav li {
    padding: 14px 56px 20px;
  }
}
@media (min-width: 768px) {
  .smsw_method_nav li.link01 {
    width: auto;
  }
}
.smsw_method_nav li.link01 .phone {
  font-size: 13px;
}
@media (min-width: 768px) {
  .smsw_method_nav li.link01 .phone {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .smsw_method_nav li.link01 .phone {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .smsw_method_nav li.link02 {
    width: auto;
  }
}
.smsw_method_nav li.link02 .phone {
  font-size: 13px;
}
@media (min-width: 768px) {
  .smsw_method_nav li.link02 .phone {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .smsw_method_nav li.link02 .phone {
    font-size: 32px;
  }
}
@media (min-width: 768px) {
  .smsw_method_nav li.link03 {
    width: auto;
  }
}
@media (min-width: 1024px) {
  .smsw_method_nav li.link03 {
    padding-top: 18px;
  }
}
.smsw_method_nav li.link03 .phone {
  font-size: 13px;
}
@media (min-width: 768px) {
  .smsw_method_nav li.link03 .phone {
    font-size: 24px;
    line-height: 1.3;
  }
}
@media (min-width: 1024px) {
  .smsw_method_nav li.link03 .phone {
    font-size: 28px;
  }
}

.smsw_method_ttl01 {
  padding-top: 24px;
  padding-bottom: 28px;
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 34px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .smsw_method_ttl01 {
    padding-top: 48px;
    padding-bottom: 40px;
    font-size: 64px;
  }
}

.smsw_method_containerWrap {
  padding: 32px 15px;
}
@media (min-width: 768px) {
  .smsw_method_containerWrap {
    margin: 0 auto;
    padding: 74px 0 140px;
    max-width: 960px;
  }
}

.smsw_method_container:not(:first-of-type) {
  margin-top: 30px;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .smsw_method_container:not(:first-of-type) {
    margin-top: 78px;
    padding-top: 64px;
  }
}

.smsw_method_ttl02 {
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .smsw_method_ttl02 {
    font-size: 48px;
  }
}
.smsw_method_ttl02 .icon {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 31.5px;
  height: 28.5px;
  background: 0 0 no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .smsw_method_ttl02 .icon {
    top: 7px;
    width: 58px;
    height: 52px;
  }
}
.smsw_method_ttl02 .icon01 {
  top: 4px;
  left: -7px;
  background-image: url(/apps/smart-switch/images/smsw_icon01.png);
}
@media (min-width: 768px) {
  .smsw_method_ttl02 .icon01 {
    top: 6px;
    left: -14px;
  }
}
.smsw_method_ttl02 .icon02 {
  background-image: url(/apps/smart-switch/images/smsw_icon02.png);
}
.smsw_method_ttl02 .icon03 {
  background-image: url(/apps/smart-switch/images/smsw_icon03.png);
}

.smsw_method_txt {
  margin-top: 8px;
  text-align: center;
}
@media (min-width: 768px) {
  .smsw_method_txt {
    margin-top: 6px;
  }
}

.smsw_method_movie {
  margin-top: 28px;
  width: 100%;
}
@media (min-width: 768px) {
  .smsw_method_movie {
    margin-top: 56px;
  }
}

.smsw_method_cap {
  margin-top: 5px;
  font-size: 12px;
}
@media (min-width: 768px) {
  .smsw_method_cap {
    margin-top: 10px;
    padding: 0 15px;
  }
}
@media (min-width: 1024px) {
  .smsw_method_cap {
    padding: 0;
  }
}

.smsw_method_ttl03 {
  margin-top: 44px;
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .smsw_method_ttl03 {
    margin-top: 74px;
    font-size: 34px;
  }
}

@media (min-width: 768px) {
  .smsw_method_boxInner {
    padding-left: 4%;

    flex: 1;
  }
}

.smsw_method_boxStep {
  color: #2189ff;
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.smsw_method_boxWrap {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .smsw_method_boxWrap {
    padding: 0 15px;
  }
}
@media (min-width: 1024px) {
  .smsw_method_boxWrap {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .slick-initialized .slick-slide {
    display: flex;
    flex-direction: row-reverse;

    align-items: center;
  }
}

.smsw_method_boxTxt {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .smsw_method_boxTxt {
    margin-top: 18px;
  }
}

.smsw_method_boxImg {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .smsw_method_boxImg.is-mini {
    width: 55%;
  }
}
@media (min-width: 1024px) {
  .smsw_method_boxImg.is-mini {
    width: auto;
  }
}

.smsw_method_boxTxtListWrap li.list {
  padding-left: 0.7em;
  text-indent: -1em;
}
.smsw_method_boxTxtListWrap li.note {
  padding-left: 1.5em;
  text-indent: -1em;
  font-size: 10px;
}
@media (min-width: 768px) {
  .smsw_method_boxTxtListWrap li.note {
    padding-left: 2.2em;
    text-indent: -1em;
    font-size: 12px;
  }
}
.smsw_method_boxTxtListWrap li:not(:first-of-type) {
  margin-top: 5px;
}
@media (min-width: 768px) {
  .smsw_method_boxTxtListWrap li:not(:first-of-type) {
    margin-top: 8px;
  }
}

.smsw_dataType {
  padding: 42px 15px;
  background-color: #eee;
}
@media (min-width: 768px) {
  .smsw_dataType {
    padding-top: 136px;
    padding-bottom: 136px;
  }
}

.smsw_dataType_ttl {
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 34px;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}
@media (min-width: 768px) {
  .smsw_dataType_ttl {
    font-size: 64px;
  }
}
.smsw_dataType_ttl .en {
  font-size: 1.1em;
}

.smsw_dataType_wrap {
  margin-top: 30px;
  padding: 15px 20px 42px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .smsw_dataType_wrap {
    margin: 60px auto 0;
    padding: 42px 80px 80px;
    max-width: 960px;
  }
}

.smsw_dataType_listWrap {
  display: -ms-grid;
  display: grid;
  padding-bottom: 32px;
  border-bottom: solid 1px #ddd;

  grid-template-areas: "area1 area2 area3" "area4 area5 area6" "area7 area8 .";
  -ms-grid-columns: 35% 40% 25%;
  grid-template-columns: 35% 40% 25%;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
}
@media (min-width: 1024px) {
  .smsw_dataType_listWrap {
    margin-bottom: 46px;
    padding: 0 10% 5%;
  }
}
.smsw_dataType_listWrap > li {
  padding: 14px 0;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_dataType_listWrap > li {
    padding: 37px 0;
    font-size: 20px;
  }
}
.smsw_dataType_listWrap > li .ico {
  display: inline-block;
  margin-right: 3px;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .smsw_dataType_listWrap > li .ico {
    margin-right: 12px;
    width: 60px;
    height: 60px;
  }
}

.smsw_dataType_ttl02 {
  position: relative;
  margin-top: 30px;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_dataType_ttl02 {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .smsw_dataType_ttl02 {
    margin-top: 0;
    margin-left: -36px;
    text-align: center;
    font-size: 28px;
  }
  .smsw_dataType_ttl02:hover {
    cursor: pointer;
  }
}
.smsw_dataType_ttl02::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40%;
  right: 0;
  width: 12px;
  height: 7px;
  background-image: url(/apps/smart-switch/images/smsw_dataType_arrow_close.png);
  background-size: contain;
}
@media (min-width: 1024px) {
  .smsw_dataType_ttl02::before {
    top: 35%;
    right: 22px;
    margin-left: 16px;
    width: 22px;
    height: 13px;
  }
}
.smsw_dataType_ttl02.js-open::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40%;
  right: 0;
  width: 12px;
  height: 7px;
  background-image: url(/apps/smart-switch/images/smsw_dataType_arrow_open.png);
  background-size: contain;
}
@media (min-width: 1024px) {
  .smsw_dataType_ttl02.js-open::before {
    top: 35%;
    right: 22px;
    margin-left: 16px;
    width: 22px;
    height: 13px;
  }
}

.smsw_dataType_list01 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area1;
}
.smsw_dataType_list01 .ico {
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico01_1.png);
}

.smsw_dataType_list02 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: area2;
}
.smsw_dataType_list02 .ico {
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico01_2.png);
}

.smsw_dataType_list03 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: area3;
}
.smsw_dataType_list03 .ico {
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico01_3.png);
}

.smsw_dataType_list04 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area4;
}
.smsw_dataType_list04 .ico {
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico01_4.png);
}

.smsw_dataType_list05 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: area5;
}
.smsw_dataType_list05 .ico {
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico01_5.png);
}

.smsw_dataType_list06 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: area6;
}
.smsw_dataType_list06 .ico {
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico01_6.png);
}

.smsw_dataType_list07 {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: area7;
}
.smsw_dataType_list07 .ico {
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico01_7.png);
}

.smsw_dataType_list08 {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  grid-area: area8;
}
.smsw_dataType_list08 .ico {
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico01_8.png);
}

.smsw_dataType_dlWrap {
  display: none;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .smsw_dataType_dlWrap {
    margin-top: 54px;
    padding: 0 116px;
  }
}
@media (min-width: 768px) {
  .smsw_dataType_dlWrap > div {
    padding-left: 88px;
    background-repeat: no-repeat;
    background-position: 0 8px;
  }
}
.smsw_dataType_dlWrap > div:not(:first-of-type) {
  margin-top: 30px;
}
@media (min-width: 768px) {
  .smsw_dataType_dlWrap > div:not(:first-of-type) {
    margin-top: 56px;
  }
}
.smsw_dataType_dlWrap > div dt {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: contain;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_dataType_dlWrap > div dt {
    padding-left: 0;
    background: none;
    font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
}
.smsw_dataType_dlWrap > div dd {
  margin-top: 6px;
}
.smsw_dataType_dlWrap > div .link {
  margin-top: 12px;
  font-size: 10px;
}
@media (min-width: 768px) {
  .smsw_dataType_dlWrap > div .link {
    display: flex;
    font-size: 12px;
  }
}
.smsw_dataType_dlWrap > div .link p:not(:first-of-type) {
  margin-top: 18px;
}
@media (min-width: 768px) {
  .smsw_dataType_dlWrap > div .link p:not(:first-of-type) {
    margin-top: 0;
    margin-left: 30px;
  }
}
.smsw_dataType_dlWrap > div .link a {
  padding-right: 15px;
  border-bottom: solid 1px #000;
  background: url(/apps/smart-switch/images/smsw_icon_blank_black.png) no-repeat 100% 50%;
  background-size: 10px;
}
.smsw_dataType_dlWrap > div .ttl:not(:first-of-type) {
  margin-top: 14px;
}
@media (min-width: 768px) {
  .smsw_dataType_dlWrap > div .txt {
    font-size: 16px;
  }
}
.smsw_dataType_dlWrap > div .txt02 {
  margin-top: 8px;
  font-size: 10px;
}

@media (min-width: 768px) {
  .smsw_dataType_dl01 {
    background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_1.png);
  }
}
.smsw_dataType_dl01 dt {
  height: 30.5px;
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_1.png);
  line-height: 30.5px;
}

@media (min-width: 768px) {
  .smsw_dataType_dl02 {
    background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_2.png);
  }
}
.smsw_dataType_dl02 dt {
  height: 29px;
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_2.png);
  line-height: 29px;
}

.smsw_dataType_dl03 {
  background-position: 0 0;
}
@media (min-width: 768px) {
  .smsw_dataType_dl03 {
    background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_3.png);
  }
}
.smsw_dataType_dl03 dt {
  height: 23px;
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_3.png);
  line-height: 23px;
}

@media (min-width: 768px) {
  .smsw_dataType_dl04 {
    background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_4.png);
  }
}
.smsw_dataType_dl04 dt {
  height: 30px;
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_4.png);
  line-height: 30px;
}

@media (min-width: 768px) {
  .smsw_dataType_dl05 {
    background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_5.png);
  }
}
.smsw_dataType_dl05 dt {
  height: 30px;
  background-image: url(/apps/smart-switch/images/smsw_datatype_ico02_5.png);
  line-height: 30px;
}

.smsw_capacity {
  padding: 50px 15px;
}
@media (min-width: 768px) {
  .smsw_capacity {
    margin: 0 auto;
    padding-top: 122px;
    padding-bottom: 134px;
    max-width: 960px;
  }
}

.smsw_capacity_ttl {
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 34px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .smsw_capacity_ttl {
    font-size: 64px;
  }
}

.smsw_capacity_box {
  margin-top: 28px;
  background-color: #f7f7f7;
}
@media (min-width: 768px) {
  .smsw_capacity_box {
    margin-top: 48px;
  }
}

.smsw_capacity_boxTtl {
  padding: 10px 0 5px;
  background-color: #363636;
  text-align: center;
  color: #fff;
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.smsw_capacity_boxContent {
  padding: 18px 14px;
}
@media (min-width: 768px) {
  .smsw_capacity_boxContent {
    padding: 34px 26px;
  }
}
.smsw_capacity_boxContent figure {
  padding: 0 42px;
}
@media (min-width: 768px) {
  .smsw_capacity_boxContent figure {
    margin: 0 auto;
    max-width: 718px;
  }
}

.smsw_capacity_boxContentTtl {
  margin-top: 18px;
  color: #2189ff;
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.smsw_capacity_boxContentTxt {
  margin-top: 2px;
  padding-left: -0.55em;
  text-indent: -0.55em;
}

.smsw_capacity_box02 {
  margin-top: 26px;
}
@media (min-width: 768px) {
  .smsw_capacity_box02 {
    display: flex;
    text-align: left;

    justify-content: left;
  }
}

.smsw_capacity_box02_txt01 {
  position: relative;
}
.smsw_capacity_box02_txt01::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -26px;
  left: 50%;
  border-width: 15px 13px 0 13px;
  border-style: solid;
  border-color: #aaa transparent transparent transparent;
  width: 0;
  height: 0;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .smsw_capacity_box02_txt01::after {
    bottom: -2%;
    left: 105%;
    border: 1px solid #000;
    border-left: none;
    width: 20px;
    height: 100%;
  }
}

.smsw_capacity_box02_txt02 {
  margin-top: 34px;
  text-align: center;
  color: #e60012;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_capacity_box02_txt02 {
    margin-top: 0;
    margin-left: 60px;
    text-align: left;
  }
}
.smsw_capacity_box02_txt02 > span {
  border-bottom: 1px solid #e60012;
}

@media (min-width: 768px) {
  .smsw_download_inner {
    margin: 0 auto;
    max-width: 960px;
  }
}

.smsw_download {
  padding: 46px 15px 0;
  background-color: #444;
  color: #fff;
}
@media (min-width: 768px) {
  .smsw_download {
    padding-top: 135px;
    padding-bottom: 64px;
  }
}

.smsw_download_ttl {
  text-align: center;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 34px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
}
.smsw_download_ttl::before {
  content: "";
  display: inline-block;
  position: relative;
  bottom: -2px;
  margin-right: 8px;
  width: 32px;
  height: 32px;
  background: url(/apps/smart-switch/images/smsw_icon_download.png) no-repeat 50% 50%/32px;
}
@media (min-width: 768px) {
  .smsw_download_ttl::before {
    bottom: -4px;
    margin-right: 22px;
    width: 64px;
    height: 64px;
    background-size: 64px;
  }
}
@media (min-width: 768px) {
  .smsw_download_ttl {
    font-size: 64px;
  }
}

.smsw_download_txt01 {
  margin-top: 6px;
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .smsw_download_txt01 {
    margin-top: 18px;
    margin-bottom: 60px;
  }
}

.smsw_download_case {
  padding: 30px 0;
  border-top: 1px solid #555;
}
@media (min-width: 768px) {
  .smsw_download_case {
    padding: 60px 0;
  }
}

.smsw_download_caseTtl {
  display: flex;

  justify-content: center;
}
@media (min-width: 768px) {
  .smsw_download_caseTtl {
    justify-content: flex-start;
  }
}

.smsw_download_case_iconImg01 {
  margin-right: 15px;
  text-align: right;
}
@media (min-width: 768px) {
  .smsw_download_case_iconImg01 {
    margin-right: 30px;
    width: 160px;
  }
}
.smsw_download_case_iconImg01 img {
  width: 68px;
}
@media (min-width: 768px) {
  .smsw_download_case_iconImg01 img {
    width: 114px;
  }
}

.smsw_download_case_iconImg02 {
  margin-right: 15px;
  text-align: right;
}
@media (min-width: 768px) {
  .smsw_download_case_iconImg02 {
    margin-right: 30px;
    width: 160px;
  }
}
.smsw_download_case_iconImg02 img {
  width: 93px;
}
@media (min-width: 768px) {
  .smsw_download_case_iconImg02 img {
    width: 155px;
  }
}

@media (min-width: 768px) {
  .smsw_download_box {
    display: flex;
    margin-top: 20px;
    margin-left: 194px;

    justify-content: space-between;
    align-items: center;
  }
}

.smsw_download_ttl02 {
  position: relative;
  margin-top: -5px;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_download_ttl02 {
    margin-top: -10px;
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  .smsw_download_ttl02 {
    margin-top: 4px;
    font-size: 32px;
  }
}

.smsw_download_link01 {
  margin-top: 24px;
  text-align: center;
}
@media (min-width: 768px) {
  .smsw_download_link01 {
    margin-top: 16px;
    text-align: left;
  }
}
.smsw_download_link01 a {
  padding-right: 12px;
  padding-bottom: 1px;
  border-bottom: 1px solid #fff;
  background: url(/apps/smart-switch/images/smsw_icon_blank_white.png) no-repeat 98% 50%/7px auto;
}
@media (min-width: 768px) {
  .smsw_download_link01 a {
    padding-right: 24px;
    background-position-y: 55%;
    background-size: 14px auto;
    font-size: 20px;
  }
}

.smsw_download_link02 {
  font-size: 14px;
}
@media (min-width: 768px) {
  .smsw_download_link02 {
    font-size: 16px;
  }
}
.smsw_download_link02 a {
  display: flex;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 30px;
  width: 222px;
  height: 56px;
  transition: all 0.2s;
  background-color: #fff;
  color: #000;

  justify-content: center;
  align-items: center;
}
.smsw_download_link02 a .ico {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 8px;
  width: 12px;
  height: 12px;
  background: url(/apps/smart-switch/images/smsw_icon_blank_black.png) no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .smsw_download_link02 a .ico {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 768px) {
  .smsw_download_link02 a {
    margin-top: 16px;
    width: 216px;
    height: 56px;
  }
  .smsw_download_link02 a:hover,
  .smsw_download_link02 a:focus {
    background-color: #000;
    color: #fff;
  }
  .smsw_download_link02 a:hover .ico,
  .smsw_download_link02 a:focus .ico {
    background-image: url(/apps/smart-switch/images/smsw_icon_blank_white.png);
  }
}

.smsw_download_ttl03 {
  margin-top: -5px;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_download_ttl03 {
    margin-top: -10px;
    font-size: 32px;
  }
}
@media (min-width: 1024px) {
  .smsw_download_ttl03 {
    margin-top: 4px;
    font-size: 32px;
  }
}
.smsw_download_ttl03 .img {
  margin-right: 30px;
  width: 100px;
}
@media (min-width: 768px) {
  .smsw_download_ttl03 .img {
    width: 160px;
    text-align: right;
  }
}
.smsw_download_ttl03 .img img {
  width: 93px;
}
@media (min-width: 768px) {
  .smsw_download_ttl03 .img img {
    width: 155px;
  }
}

.smsw_download_txt03 {
  margin: 0 auto;
  margin-top: 24px;
  max-width: 460px;
}
@media (min-width: 768px) {
  .smsw_download_txt03 {
    margin-top: -20px;
  }
}

.smsw_download_link03 {
  display: flex;
  margin-top: 24px;

  justify-content: center;
}
@media (min-width: 768px) {
  .smsw_download_link03 {
    margin-top: 28px;

    justify-content: flex-start;
  }
}
.smsw_download_link03 li {
  margin: 0 12px;
}
@media (min-width: 768px) {
  .smsw_download_link03 li {
    margin: 0 32px 0 0;
  }
}
.smsw_download_link03 a {
  padding-right: 12px;
  padding-bottom: 1px;
  border-bottom: 1px solid #fff;
  background: url(/apps/smart-switch/images/smsw_icon_blank_white.png) no-repeat 98% 50%/7px auto;
}
@media (min-width: 768px) {
  .smsw_download_link03 a {
    padding-right: 24px;
    background-position-y: 55%;
    background-size: 14px auto;
  }
}

.smsw_download_link04 {
  margin-top: 34px;
  text-align: center;
  font-size: 14px;
}
@media (min-width: 768px) {
  .smsw_download_link04 {
    margin-top: 42px;
    font-size: 16px;
  }
}
.smsw_download_link04 li {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .smsw_download_link04 li {
    margin-bottom: 40px;
  }
}
.smsw_download_link04 a {
  display: flex;
  margin: 0 auto;
  border-radius: 30px;
  width: 222px;
  height: 56px;
  transition: all 0.2s;
  background-color: #fff;
  color: #000;

  justify-content: center;
  align-items: center;
}
.smsw_download_link04 a .ico {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 8px;
  width: 12px;
  height: 12px;
  background: url(/apps/smart-switch/images/smsw_icon_blank_black.png) no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .smsw_download_link04 a .ico {
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 768px) {
  .smsw_download_link04 a {
    width: 216px;
    height: 56px;
  }
  .smsw_download_link04 a:hover,
  .smsw_download_link04 a:focus {
    background-color: #000;
    color: #fff;
  }
  .smsw_download_link04 a:hover .ico,
  .smsw_download_link04 a:focus .ico {
    background-image: url(/apps/smart-switch/images/smsw_icon_blank_white.png);
  }
}

.smsw_note {
  padding: 36px 0;
  background-color: #666;
  color: #fff;
  font-size: 10px;
  line-height: 2;
}
@media (min-width: 768px) {
  .smsw_note {
    padding-top: 72px 0;
    font-size: 12px;
    line-height: 2.5;
  }
}

.smsw_note_inner {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .smsw_note_inner {
    margin: 0 auto;
    padding: 0 30px;
    max-width: 1440px;
  }
}

@media (max-width: 767.98px) {
  .slick-arrow {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .slick-arrow {
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transition: all 0.2s;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    white-space: nowrap;
    text-indent: 110%;
  }
  .slick-arrow:hover,
  .slick-arrow:focus {
    opacity: 0.8;
  }
}
.slick-arrow.slick-disabled {
  display: none !important;
}

.slick-prev {
  display: none !important;
}
@media screen and (min-width: 1150px) {
  .slick-prev {
    display: block !important;
    left: -100px;
    background-image: url(/apps/smart-switch/images/smsw_btn_prev_v2.png);
  }
}

.slick-next {
  display: none !important;
}
@media screen and (min-width: 1150px) {
  .slick-next {
    display: block !important;
    right: -100px;
    background-image: url(/apps/smart-switch/images/smsw_btn_next_v2.png);
  }
}

.slick-dots {
  display: flex;
  margin: 30px auto 0;
  width: 200px;
  height: 20px;

  justify-content: center;
  align-items: center;
}
.slick-dots li {
  margin: 0 2px;
  border: 1px solid #000;
  width: 20px;
  height: 3px;
}
@media (min-width: 768px) {
  .slick-dots li {
    margin: 0 4px;
    width: 32px;
    height: 4px;
  }
}
.slick-dots li.slick-active {
  height: 4px;
  background-color: #000;
}
@media (min-width: 768px) {
  .slick-dots li.slick-active {
    height: 6px;
  }
}
.slick-dots li button {
  font-size: 0;
}

.smsw_modal {
  display: none;
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.smsw_modal_inner {
  overflow-y: scroll;
  position: relative;
  padding: 30px 20px 20px;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.smsw_modal_btn {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
}

.smsw_modal_ttl {
  text-align: center;
  color: #000;
  font-family: "NotoBold", "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_modal_ttl {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .smsw_modal_containerWrap {
    display: flex;
    margin: 20px auto 0;
    max-width: 960px;

    justify-content: space-between;
  }
}

.smsw_modal_container {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .smsw_modal_container {
    width: 48%;
  }
}

.smsw_modal_os {
  padding: 0.6em 0.8em 0.3em;
  background-color: #363636;
  color: #fff;
  font-family: sharpsans, "Hiragino Kaku Gothic Pro", "meiryo", MS PGothic, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .smsw_modal_os {
    font-size: 16px;
  }
}

.smsw_modal_data {
  color: #000;
}
.smsw_modal_data dl {
  padding: 1.5em 0.1em;
}
.smsw_modal_data dl:not(:first-of-type) {
  border-top: 1px dashed #aaa;
}
.smsw_modal_data dl dt {
  font-size: 12px;
}
@media (min-width: 768px) {
  .smsw_modal_data dl dt {
    font-size: 14px;
  }
}
.smsw_modal_data dl dd {
  margin-top: 0.3em;
  font-size: 14px;
}
@media (min-width: 768px) {
  .smsw_modal_data dl dd {
    margin-top: 0.6em;
    font-size: 16px;
  }
}

html.is-fixed,
body.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.is-fixedNav {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}

.smsw-utube-container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
  background: #000;
}
.smsw-utube-container iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.smsw-utube-container.is-hide .smsw_btn-play,
.smsw-utube-container.is-hide .smsw-utube-cover {
  display: none;
}
.smsw-utube-container.is-hide iframe {
  z-index: 0;
}

.smsw_btn-play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: opacity 0.5s;
  transition: all 0.3s;
  background: url(/apps/smart-switch/images/smsw_btn-play.png) no-repeat left top;
  background-size: 50px;
}
@media (min-width: 768px) {
  .smsw_btn-play {
    margin: -3.45vw 0 0 -3.45vw;
    width: 6.9444vw;
    height: 6.9444vw;
    background-size: 100%;
  }
}
@media (min-width: 1024px) {
  .smsw_btn-play {
    margin: -3vw 0 0 -3vw;
    width: 100px;
    height: 100px;
  }
}
.smsw_btn-play:hover,
.smsw_btn-play:focus {
  transform: scale(1.1, 1.1);
}

/* ------------------------
  端末紹介
------------------------ */
.l-studio_reserve {
  margin: 26px 0 40px;
}
@media (min-width: 1024px) {
  .l-studio_reserve {
    margin: 120px auto 80px;
    width: 100%;
    max-width: 1200px;
  }
}

.l-studio_reserve_ttl {
  padding: 20px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .l-studio_reserve_ttl {
    padding-bottom: 60px;
  }
}
.l-studio_reserve_ttl .subTtl {
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .l-studio_reserve_ttl .subTtl {
    font-size: 32px;
  }
}
.l-studio_reserve_ttl .ttl {
  margin-top: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .l-studio_reserve_ttl .ttl {
    font-size: 48px;
  }
}

.l-studio_reserve_switch {
  display: flex;
  position: relative;
  margin: 0 auto 44px;
  width: 100%;
  max-width: 340px;
  font-size: 0;
  line-height: 1;

  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch {
    margin-bottom: -24px;
    min-width: 600px;
  }
}
@media (min-width: 1024px) {
  .l-studio_reserve_switch {
    max-width: 966px;
  }
}
.l-studio_reserve_switch li {
  display: inline-block;
  position: relative;
  padding: 20px 0 10px 0;
  vertical-align: top;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch li {
    padding-bottom: 19px;
  }
}
.l-studio_reserve_switch li:before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.l-studio_reserve_switch li.is-active:before {
  opacity: 1;
}
.l-studio_reserve_switch li.is-active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch li.is-active:after {
    height: 4px;
  }
}
.l-studio_reserve_switch li + li span:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  margin: auto;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: #000;
}
@media (max-width: 767.98px) {
  .l-studio_reserve_switch li + li span:after {
    top: 10px;
  }
}
@media (min-width: 768px) {
  .l-studio_reserve_switch li + li span:after {
    left: -50px;
    width: 8px;
    height: 8px;
  }
}
@media screen and (max-width: 374px) {
  .l-studio_reserve_switch li + li span:after {
    left: -10px;
  }
}

.l-studio_reserve_switch_docomo {
  width: 67px;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_docomo {
    width: 132px;
  }
}
.l-studio_reserve_switch_docomo:before {
  background-image: url(/apps/smart-switch/images/logo_docomo.png);
}

.l-studio_reserve_switch_au,
.l-studio_reserve_switch_rakuten,
.l-studio_reserve_switch_uq,
.l-studio_reserve_switch_jcom {
  margin-left: 30px;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_au,
  .l-studio_reserve_switch_rakuten,
  .l-studio_reserve_switch_uq,
  .l-studio_reserve_switch_jcom {
    margin-left: 88px;
  }
}
@media screen and (max-width: 374px) {
  .l-studio_reserve_switch_au,
  .l-studio_reserve_switch_rakuten,
  .l-studio_reserve_switch_uq,
  .l-studio_reserve_switch_jcom {
    margin-left: 6%;
  }
}

.l-studio_reserve_switch_au {
  width: 38px;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_au {
    width: 65px;
  }
}
.l-studio_reserve_switch_au:before {
  background-image: url(/apps/smart-switch/images/logo_au.png);
}

.l-studio_reserve_switch_rakuten {
  width: 90px;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_rakuten {
    width: 180px;
  }
}
.l-studio_reserve_switch_rakuten:before {
  background-image: url(/apps/smart-switch/images/logo_rakuten.png);
}

.l-studio_reserve_switch_uq {
  width: 82px;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_uq {
    width: 147px;
  }
}
.l-studio_reserve_switch_uq:before {
  background-image: url(/apps/smart-switch/images/logo_uq.png);
}

.l-studio_reserve_switch_jcom {
  width: 48px;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_jcom {
    width: 86px;
  }
}
.l-studio_reserve_switch_jcom:before {
  background-image: url(/apps/smart-switch/images/logo_jcom.png);
}

.l-studio_reserve_switch_contentInner {
  margin: 30px auto 0;
  width: 287px;
  text-align: center;
}
@media (max-width: 767.98px) {
  .l-studio_reserve_switch_contentInner + .l-studio_reserve_switch_contentInner {
    margin-top: 50px;
  }
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_contentInner {
    margin-top: 42px;
    width: 22.8813559322%;
    min-width: 270px;
  }
}
@media (min-width: 1024px) {
  .l-studio_reserve_switch_contentInner {
    margin-top: 80px;
  }
}
.l-studio_reserve_switch_contentInner:empty {
  margin-top: 0;
}

.l-studio_detail {
  box-sizing: border-box;
  margin: 1rem auto 0;
  padding: 0.8rem 0;
  width: 100%;
  max-width: 280px;
  background-color: #f1f1f1;
  text-align: center;
  color: #555;
  font-size: 12px;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .l-studio_detail {
    padding: 1.25rem 0;
    max-width: 238px;
    min-height: 76px;
  }
  .l-studio_detail._line-3-md {
    padding: 0.8rem 0;
  }
}
@media (min-width: 1024px) {
  .l-studio_detail {
    padding: 0.8rem 0;
    min-height: 66px;
    font-size: 14px;
  }
  .l-studio_detail._line-1-lg {
    padding: 1.4rem 0;
  }
}

.l-studio_btn {
  margin: 25px auto 0;
  width: 170px;
  height: 40px;
}
@media (min-width: 768px) {
  .l-studio_btn {
    margin-top: 40px;
    width: 216px;
    height: 56px;
  }
}
.l-studio_btn + .l-studio_btn {
  margin-top: 15px;
}
@media (min-width: 768px) {
  .l-studio_btn + .l-studio_btn {
    margin-top: 20px;
  }
}
.l-studio_btn a {
  display: block;
  border: 1px solid #000;
  border-radius: 21px;
  height: 100%;
  transition: all 0.35s;
  text-align: center;
  font-size: 13px;
  line-height: 38px;
}
.l-studio_btn a .ico {
  content: "";
  display: inline-block;
  position: relative;
  margin-left: 5px;
  width: 9px;
  height: 9px;
  background: url(/apps/smart-switch/images/smsw_icon_blank_black.png) no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .l-studio_btn a .ico {
    top: 1px;
    width: 14px;
    height: 14px;
  }
}
@media (min-width: 768px) {
  .l-studio_btn a {
    border-radius: 28px;
    font-size: 16px;
    line-height: 54px;
  }
}
.l-studio_btn a:hover,
.l-studio_btn a:focus {
  background-color: #000;
  color: #fff;
}
.l-studio_btn a:hover .ico,
.l-studio_btn a:focus .ico {
  background-image: url(/apps/smart-switch/images/smsw_icon_blank_white.png);
}
.l-studio_btn .comingsoon {
  font-size: 16px;
  line-height: 38px;
}
@media (min-width: 768px) {
  .l-studio_btn .comingsoon {
    font-size: 20px;
    line-height: 54px;
  }
}

.l-studio_reserve_switch_content_btn {
  margin-top: 32px;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_content_btn {
    margin: 64px auto 0;
    width: 500px;
  }
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_content_btn a:hover,
  .l-studio_reserve_switch_content_btn:focus {
    background-color: #fff;
    color: #000;
  }
  .l-studio_reserve_switch_content_btn a:hover .large:after,
  .l-studio_reserve_switch_content_btn:focus .large:after {
    background-image: url(/apps/smart-switch/images/ico_blank_ov.png);
  }
}
.l-studio_reserve_switch_content_btn a {
  display: inline-block;
  box-sizing: border-box;
  padding: 12px 10px 12px 0;
  border: 2px solid #000;
  width: 100%;
  height: 65px;
  transition: all 0.35s;
  background-color: #000;
  text-align: center;
  color: #fff;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_content_btn a {
    padding: 18px 10px 16px 0;
    height: 90px;
  }
}
.l-studio_reserve_switch_content_btn a .small {
  display: block;
  font-size: 12px;
  line-height: 1;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_content_btn a .small {
    font-size: 18px;
  }
}
.l-studio_reserve_switch_content_btn a .large {
  display: inline-block;
  position: relative;
  padding-top: 4px;
  font-size: 16px;
  line-height: 1;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_content_btn a .large {
    font-size: 26px;
  }
}
.l-studio_reserve_switch_content_btn a .large:after {
  content: "";
  position: absolute;
  top: 7px;
  right: -18px;
  width: 12px;
  height: 12px;
  background: url(/apps/smart-switch/images/ico_blank.png) 0 0 no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .l-studio_reserve_switch_content_btn a .large:after {
    right: -24px;
    width: 18px;
    height: 18px;
    transition: background 0.4s;
  }
}

.l-studio_link {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #000;
  transition: all 0.35s;
  font-size: 14px;
  line-height: 1;
}
@media (min-width: 768px) {
  .l-studio_link {
    margin-top: 40px;
    padding-bottom: 10px;
    font-size: 18px;
  }
}
.l-studio_link:hover,
.l-studio_link:focus {
  border-color: #2a5da1;
  color: #2a5da1;
}

@media (min-width: 768px) {
  .l-studio_reserve_switch_content.ly-column4 .l-studio_reserve_switch_contentWrap {
    max-width: 1180px;
  }
  .l-studio_reserve_switch_content.ly-column4 .l-studio_reserve_switch_contentInner {
    width: 22.8813559322%;
  }
  .l-studio_reserve_switch_content.ly-column3 .l-studio_reserve_switch_contentWrap {
    max-width: 885px;
  }
  .l-studio_reserve_switch_content.ly-column3 .l-studio_reserve_switch_contentInner {
    width: 30.5084745763%;
  }
  .l-studio_reserve_switch_content.ly-column2 .l-studio_reserve_switch_contentWrap {
    max-width: 590px;
  }
  .l-studio_reserve_switch_content.ly-column2 .l-studio_reserve_switch_contentInner {
    width: 45.7627118644%;
  }
  .l-studio_reserve_switch_content.ly-column1 .l-studio_reserve_switch_contentWrap {
    max-width: 295px;
  }
  .l-studio_reserve_switch_content.ly-column1 .l-studio_reserve_switch_contentInner {
    width: 91.5254237288%;
  }
}

@media (min-width: 768px) {
  .l-studio_reserve_switch_contentWrap {
    display: flex;
    margin: 0 auto;
    width: 100%;

    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.l-studio_reserve_switch_content_figure {
  width: 100%;
  height: auto;
}

.l-studio_subTtl {
  position: relative;
  margin-bottom: 10px;
  white-space: nowrap;
  font-size: 20px;
}
@media (min-width: 768px) {
  .l-studio_subTtl {
    margin-bottom: 18px;
    font-size: 2.5vw;
  }
}
@media (min-width: 1024px) {
  .l-studio_subTtl {
    margin-bottom: 18px;
    min-height: 30px;
    font-size: 21px;
  }
}
.l-studio_subTtl .edition {
  font-size: 14px;
}
.l-studio_subTtl .new {
  display: inline-block;
  position: absolute;
  top: -2.4em;
  left: 50%;
  padding: 0.1em 0.5em 0 0.6em;
  transform: translateX(-50%);
  background-color: #107ac5;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
}

.js-switch_btn:not(.is-active) {
  cursor: pointer;
}

.js-areaContent:not(.is-active) {
  display: none;
}


.ie .smsw_recommend_item {
  max-width: 280px;
}
.ie .smsw_recommend_item figure {
  max-width: 218px;
  margin:0 auto;
}
@media (min-width: 768px) {
  .ie .smsw_recommend_item {
    max-width: 260px;
  }
  .ie .smsw_recommend_item figure {
    max-width: 248px;
  }
}