/*common*/
.flex,
.flex_pc {
  display: flex;
  justify-content: space-between;
}
.flex.jsy_cnt_l,
.flex_pc.jsy_cnt_l {
  justify-content: left;
}
.flex.jsy_cnt_c,
.flex_pc.jsy_cnt_c {
  justify-content: center;
}
.flex.align_c,
.flex_pc.align_c {
  align-items: center;
}

.effect_kv_1 {
  overflow: hidden;
}
.effect_kv_1::after {
  position: absolute;
  content: "";
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(69, 172, 215) 45%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-45deg);
  -webkit-animation: effect 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
          animation: effect 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}

.effect_kv_2 {
  overflow: hidden;
}
.effect_kv_2::after {
  position: absolute;
  content: "";
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-45deg);
  -webkit-animation: effect 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
          animation: effect 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}

.effect_bb {
  position: relative;
  overflow: hidden;
}
.effect_bb::after {
  position: absolute;
  content: "";
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(226, 239, 245) 5%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-45deg);
  -webkit-animation: effect 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
          animation: effect 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}

.effect {
  position: relative;
  overflow: hidden;
}
.effect::after {
  position: absolute;
  content: "";
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-45deg);
  -webkit-animation: effect 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
          animation: effect 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}

@-webkit-keyframes effect {
  0% {
    left: -100%;
  }
  25% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}

@keyframes effect {
  0% {
    left: -100%;
  }
  25% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
@media screen and (max-width: 768px) {
  .g-layout-c .g-layout_el,
.g-layout-d .g-layout_el {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .g-layout-c .g-layout_el:first-child,
.g-layout-d .g-layout_el:first-child,
.g-layout-c .g-layout_el,
.g-layout-d .g-layout_el {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .flex_pc {
    display: block;
  }
}

sup {
  font-size: 10px !important;
}

.mb25 {
  margin-bottom: 25px;
}

.mb70 {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .mb70 {
    margin-bottom: 40px;
  }
}

.mb80 {
  margin-bottom: 80px;
}

.f16 {
  font-size: 16px;
}

.cnt_wrap {
  margin: auto;
  max-width: 1216px;
  width: 100%;
}
@media screen and (max-width: 820px) {
  .cnt_wrap {
    width: 90%;
  }
}

/*top*/
.g-breadcrumbs-white {
  z-index: 3;
}

.g-poster_el-1 {
  background: center 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/mv_bg1 jpg");
  background-size: auto 100%;
  background-position: center 0;
}

.g-poster_el-2 {
  background: center 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/mv_bg2 jpg");
  background-size: auto 100%;
  background-position: center 0;
}

.g-poster_el-3 {
  background: center 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/mv_bg3 jpg");
  background-size: auto 100%;
  background-position: center 0;
}

.g-poster_nav .g-slider_nav {
  opacity: 0;
}

.g-poster .slick-dots {
  margin: 0;
  height: 0;
  opacity: 0;
}

#mv {
  position: relative;
}
@media (max-width: 512px) {
  #mv .ac_main-visual__image {
    aspect-ratio: auto;
  }
}
#mv .ac_main-visual--carousel {
  position: relative;
}
#mv .ac_main-visual--carousel a {
  position: absolute;
  display: block;
  bottom: 13.2%;
  left: 6vw;
  border-radius: 50em;
}
@media (min-width: 1921px) {
  #mv .ac_main-visual--carousel a {
    bottom: 13%;
    left: 22.15vw;
  }
}
@media (min-width: 1217px) and (max-width: 1920px) {
  #mv .ac_main-visual--carousel a {
    left: calc(50% - 535px);
  }
}
@media (max-width: 766px) {
  #mv .ac_main-visual--carousel a {
    bottom: 5.8%;
    left: 50%;
    transform: translateX(-50%);
  }
}
#mv .ac_main-visual--carousel a img {
  width: 27vw;
}
@media (min-width: 1921px) {
  #mv .ac_main-visual--carousel a img {
    width: 17.2vw;
  }
}
@media (min-width: 1217px) and (max-width: 1920px) {
  #mv .ac_main-visual--carousel a img {
    width: 330px;
  }
}
@media (max-width: 766px) {
  #mv .ac_main-visual--carousel a img {
    width: 78vw;
  }
}

.mvb {
  padding: 30px 15px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/mvb_bg jpg");
  background-size: cover;
}

#zeas_connect a:hover {
  transition: 0.2s;
  opacity: 0.7;
  text-decoration: none;
}
#zeas_connect .disp-pc,
#zeas_connect .g-disp-pc {
  display: block;
}
@media (max-width: 768px) {
  #zeas_connect .disp-pc,
#zeas_connect .g-disp-pc {
    display: none;
  }
}
#zeas_connect .disp-sp,
#zeas_connect .g-disp-sp {
  display: none;
}
@media (max-width: 768px) {
  #zeas_connect .disp-sp,
#zeas_connect .g-disp-sp {
    display: block;
  }
}
#zeas_connect .ac_cv-area-in-content {
  margin-bottom: 0;
}

.bt_sim img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 720px;
}
.bt_sim .disp-pc {
  display: block;
}
@media (max-width: 512px) {
  .bt_sim .disp-pc {
    display: none;
  }
}
.bt_sim .disp-sp {
  display: none;
}
@media (max-width: 512px) {
  .bt_sim .disp-sp {
    display: block;
  }
}

.bnr_option a {
  display: block;
  margin: 0 auto 10px;
  padding: 4px 10px 3px;
  width: 100%;
  max-width: 410px;
  text-align: center;
  border: 2px solid #002344;
  color: #002344;
  border-radius: 4px;
  background-color: #fff;
  filter: drop-shadow(0 3px 0 #002344);
}
.bnr_option a span {
  position: relative;
}
.bnr_option a span::before {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  position: absolute;
  top: 3px;
  left: -1.25rem;
}
.bnr_option a::after {
  color: #002344;
}
.bnr_option a:hover {
  transition: 0.2s;
  opacity: 0.7;
  text-decoration: none;
}

#primary {
  padding: 70px 0;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202308/bg_point jpg");
  background-color: #CCE5ED;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #primary {
    padding: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  #primary {
    padding: 30px 0 0;
  }
}
#primary #sp_anq {
  display: none;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #primary #sp_anq {
    display: block;
  }
}
#primary #sp_anq .flex div {
  flex-basis: 50%;
}
#primary .video {
  display: block;
  margin: 0 auto 10px;
  padding: 4px 10px 3px;
  width: 100%;
  max-width: 410px;
  text-align: center;
  border: 2px solid #092E5B;
  color: #002344;
  border-radius: 4px;
  background-color: #FFE962;
  font-weight: bold;
  filter: drop-shadow(0 3px 0 #002344);
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  #primary .video {
    font-size: 16px;
  }
}
#primary .video span {
  position: relative;
}
#primary .video span::before {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  position: absolute;
  top: 3px;
  left: -1.25rem;
}
#primary .video::after {
  color: #002344;
}
#primary .video:hover {
  transition: 0.2s;
  opacity: 0.7;
  text-decoration: none;
}
#primary #concierge {
  background: center 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202308/bg_main_2 png");
  background-size: 100% 100%;
  background-color: #fff;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #primary #concierge {
    font-size: 14px;
  }
}
#primary #concierge h2 {
  width: 11em;
  padding: 4px 2px 0 18px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202308/bg_con png");
  font-size: 2em;
  color: #002344;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #primary #concierge h2 {
    width: 100%;
    font-size: 22px;
  }
}
#primary #concierge h3 {
  font-size: 1.8em;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  #primary #concierge h3 {
    font-size: 1.3em;
  }
}
#primary #concierge .lbl {
  padding: 1px 5px 0;
  border: 1px solid #fff;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #primary #concierge .lbl {
    display: block;
    font-size: 12px;
  }
}
#primary #concierge .cnt_inner {
  padding: 20px;
}
#primary #concierge .answer {
  margin-bottom: 20px;
  padding: 10px 5px;
  text-align: center;
  font-size: 1.2em;
  border: 1px solid #f5e5a9;
  color: #f5e5a9;
}
#primary #concierge #function {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #primary #concierge #function {
    display: block;
  }
}
#primary #concierge #function div:nth-child(1) {
  width: 54%;
}
@media screen and (max-width: 768px) {
  #primary #concierge #function div:nth-child(1) {
    width: 100%;
  }
}
#primary #concierge #function div:nth-child(2) {
  width: 44%;
}
@media screen and (max-width: 768px) {
  #primary #concierge #function div:nth-child(2) {
    width: 100%;
  }
}
#primary #concierge #function h4 {
  margin-bottom: 8px;
}
#primary #concierge #function .result img {
  width: 100%;
}
#primary #que {
  padding: 15px 10px;
  background-color: #002344;
}
#primary #que ul {
  padding-left: 15px;
  list-style-type: disc;
  font-size: 12px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #primary #que ul {
    width: 100%;
  }
}
#primary #que .ans {
  padding: 3px;
  background-color: #fff;
  color: #002344;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
}
@media screen and (max-width: 839px) {
  #primary #service .detail_wrap .detail_cnt {
    position: static;
    width: 100%;
  }
  #primary #service .detail_wrap .detail_cnt .g-width-60 {
    width: 100%;
  }
}
#primary #service .disp-l {
  display: block;
}
@media screen and (max-width: 839px) {
  #primary #service .disp-l {
    display: none;
  }
}
#primary #service .disp-m {
  display: none;
}
@media screen and (max-width: 839px) {
  #primary #service .disp-m {
    display: block;
  }
}
#primary #service h4 {
  padding: 5px 0 2px;
  border-top: 1px solid #002344;
  border-bottom: 1px solid #002344;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #primary #service h4 {
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#primary #service h4 span {
  vertical-align: text-top;
}
#primary #service h4 .start {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 5px 0;
  border: 1px solid #002344;
  color: #002344;
  font-weight: normal;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  #primary #service h4 .start {
    width: 100px;
    text-align: center;
  }
}

.detail_wrap {
  position: relative;
}
.detail_wrap h4 {
  font-weight: bold;
  font-size: 16px;
}
.detail_wrap .detail_cnt {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .detail_wrap .detail_cnt {
    position: static;
  }
}

#point {
  padding: 70px 0;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202308/bg_point jpg");
  background-color: #CCE5ED;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #point {
    padding: 40px 0;
  }
}
#point h2 {
  margin: auto;
  margin-bottom: 50px;
  width: 80%;
}
#point .flex_pc {
  flex-wrap: wrap;
}
#point .flex_pc li {
  margin-bottom: 20px;
  flex-basis: 32%;
  filter: drop-shadow(0 0 15px rgba(13, 31, 106, 0.1));
}
#point .flex_pc li:nth-child(4), #point .flex_pc li:nth-child(5) {
  flex-basis: 49%;
}

#plan,
#plan2 {
  padding: 70px 0 20px;
  background: center 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202308/bg_main_2 png");
}
@media screen and (max-width: 768px) {
  #plan,
#plan2 {
    padding: 40px 0 20px;
  }
}
#plan .g-disp-pc,
#plan2 .g-disp-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  #plan .g-disp-pc,
#plan2 .g-disp-pc {
    display: none;
  }
}
#plan .g-disp-sp,
#plan2 .g-disp-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #plan .g-disp-sp,
#plan2 .g-disp-sp {
    display: block;
  }
}
#plan h2,
#plan2 h2 {
  margin: 0 auto 10px;
  width: 80%;
}
#plan h2.zcplan,
#plan2 h2.zcplan {
  width: 100%;
  font-size: clamp(24px, 3.5vw, 42px);
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #plan h2.zcplan,
#plan2 h2.zcplan {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #plan h2,
#plan2 h2 {
    width: 100%;
  }
}
#plan .plan_wrap,
#plan2 .plan_wrap {
  position: relative;
  margin: 50px auto 25px;
  padding: 40px 20px;
  border-top: 5px solid #0096DF;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #plan .plan_wrap,
#plan2 .plan_wrap {
    margin: 30px auto 5px;
    padding-top: 0;
  }
}
#plan .plan_wrap h3,
#plan2 .plan_wrap h3 {
  position: absolute;
  width: 50%;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 820px) {
  #plan .plan_wrap h3,
#plan2 .plan_wrap h3 {
    width: 65%;
  }
}
@media screen and (max-width: 768px) {
  #plan .plan_wrap h3,
#plan2 .plan_wrap h3 {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    width: 100%;
    font-size: 18px;
    text-align: center;
    background-color: #0096DF;
  }
}
#plan .plan_wrap h3::before,
#plan2 .plan_wrap h3::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 296px;
  min-height: 0;
  border-top: solid 40px #0096DF;
  border-right: solid 25px transparent;
  bottom: 100%;
}
@media screen and (max-width: 768px) {
  #plan .plan_wrap h3::before,
#plan2 .plan_wrap h3::before {
    display: none;
  }
}
#plan .plan_wrap h3 span,
#plan2 .plan_wrap h3 span {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 30px;
}
@media screen and (max-width: 768px) {
  #plan .plan_wrap h3 span,
#plan2 .plan_wrap h3 span {
    position: static;
  }
}
#plan .plan_wrap h4,
#plan2 .plan_wrap h4 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #4C4948;
}
@media screen and (max-width: 768px) {
  #plan .plan_wrap h4,
#plan2 .plan_wrap h4 {
    font-size: 16px;
  }
}
#plan .plan_wrap h5,
#plan2 .plan_wrap h5 {
  font-weight: bold;
  color: #0096DF;
}
#plan .plan_wrap h5 img,
#plan2 .plan_wrap h5 img {
  padding-right: 10px;
}
#plan .plan_wrap .basic_wrap,
#plan2 .plan_wrap .basic_wrap {
  margin: 30px auto;
  width: 100%;
  max-width: 860px;
  justify-content: space-between;
  text-align: center;
}
@media (max-width: 768px) {
  #plan .plan_wrap .basic_wrap,
#plan2 .plan_wrap .basic_wrap {
    justify-content: center;
  }
}
#plan .plan_wrap .basic_wrap .basic,
#plan2 .plan_wrap .basic_wrap .basic {
  width: 30%;
  padding: 20px;
  background-color: #e5f5fc;
  border: 1px solid #0096df;
  border-radius: 5px;
}
@media (max-width: 768px) {
  #plan .plan_wrap .basic_wrap .basic,
#plan2 .plan_wrap .basic_wrap .basic {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 10px 25px;
    width: 100%;
  }
}
#plan .plan_wrap .basic_wrap .basic.basic3,
#plan2 .plan_wrap .basic_wrap .basic.basic3 {
  flex-wrap: wrap;
}
#plan .plan_wrap .basic_wrap .basic img,
#plan2 .plan_wrap .basic_wrap .basic img {
  width: 100px;
}
@media (max-width: 768px) {
  #plan .plan_wrap .basic_wrap .basic img,
#plan2 .plan_wrap .basic_wrap .basic img {
    width: 60px;
    margin-right: 15px;
  }
}
#plan .plan_wrap .basic_wrap .basic p,
#plan2 .plan_wrap .basic_wrap .basic p {
  margin-top: 20px;
  font-size: clamp(18px, 2vw, 20px);
  font-weight: bold;
  line-height: 1.4rem;
}
@media (max-width: 768px) {
  #plan .plan_wrap .basic_wrap .basic p,
#plan2 .plan_wrap .basic_wrap .basic p {
    margin-top: 0;
  }
}
#plan .plan_wrap .basic_wrap .basic p span::before,
#plan2 .plan_wrap .basic_wrap .basic p span::before {
  display: inline-block;
  content: "";
  margin-right: 4px;
  width: 20px;
  height: 20px;
  aspect-ratio: 20/20;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/img_check_b svg");
  background-size: 100% auto;
}
@media (max-width: 768px) {
  #plan .plan_wrap .basic_wrap .basic p span::before,
#plan2 .plan_wrap .basic_wrap .basic p span::before {
    margin-top: 3px;
    width: 15px;
    height: 15px;
    aspect-ratio: 15/15;
  }
}
#plan .plan_wrap .basic_wrap .basic p .txt,
#plan2 .plan_wrap .basic_wrap .basic p .txt {
  display: flex;
  justify-content: center;
}
#plan .plan_wrap .basic_wrap .basic .iot,
#plan2 .plan_wrap .basic_wrap .basic .iot {
  margin-top: 5px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 3px;
  width: 100%;
}
@media (max-width: 768px) {
  #plan .plan_wrap .basic_wrap .basic .iot,
#plan2 .plan_wrap .basic_wrap .basic .iot {
    margin-top: 7px;
  }
}
#plan .plan_wrap .basic_wrap .basic .iot li,
#plan2 .plan_wrap .basic_wrap .basic .iot li {
  display: inline-block;
  padding: 1px 4px 0;
  background-color: #80caef;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}
#plan .plan_wrap .basic_wrap .basic .iot li:last-child,
#plan2 .plan_wrap .basic_wrap .basic .iot li:last-child {
  grid-column: span 2/span 2;
}
#plan .plan_wrap .brand,
#plan .plan_wrap .service,
#plan2 .plan_wrap .brand,
#plan2 .plan_wrap .service {
  flex-basis: 47%;
}
#plan .plan_wrap .service .flex_pc,
#plan2 .plan_wrap .service .flex_pc {
  flex-wrap: wrap;
}
#plan .plan_wrap .service .flex_pc dt,
#plan2 .plan_wrap .service .flex_pc dt {
  flex-basis: 100%;
  padding: 5px 5px 5px 10px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #0099CC;
  border-left: 5px solid #002344;
}
@media screen and (max-width: 820px) {
  #plan .plan_wrap .service .flex_pc dt,
#plan2 .plan_wrap .service .flex_pc dt {
    font-size: 16px;
  }
}
#plan .plan_wrap .service .flex_pc dt.prem,
#plan2 .plan_wrap .service .flex_pc dt.prem {
  color: #002344;
  background: linear-gradient(0.25turn, #E2A816, #E6E151, #E2A816);
}
#plan .plan_wrap .service .flex_pc dd,
#plan2 .plan_wrap .service .flex_pc dd {
  flex-grow: 1;
  padding: 5px 0;
  background-color: #E6EAEF;
  color: #002344;
  border-right: 1px solid #fff;
  text-align: center;
  font-size: 1.15vw;
}
#plan .plan_wrap .service .flex_pc dd:first-of-type,
#plan2 .plan_wrap .service .flex_pc dd:first-of-type {
  border-left: 5px solid #002344;
}
#plan .plan_wrap .service .flex_pc dd:last-of-type,
#plan2 .plan_wrap .service .flex_pc dd:last-of-type {
  border-right: 0;
}
@media screen and (min-width: 1130px) {
  #plan .plan_wrap .service .flex_pc dd,
#plan2 .plan_wrap .service .flex_pc dd {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  #plan .plan_wrap .service .flex_pc dd,
#plan2 .plan_wrap .service .flex_pc dd {
    padding-left: 10px;
    border-top: 1px solid #fff;
    border-right: 0;
    border-left: 5px solid #002344;
    text-align: left;
    font-size: 14px;
  }
}
#plan .plan_wrap .service h5,
#plan2 .plan_wrap .service h5 {
  font-size: 18px;
}
#plan .plan_wrap .service h5 img,
#plan2 .plan_wrap .service h5 img {
  vertical-align: text-top;
  line-height: 0;
}
#plan .cost_wrap,
#plan2 .cost_wrap {
  margin: 0 auto 30px;
  padding: 40px 20px;
  text-align: center;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  color: #002344;
  max-width: 960px;
}
#plan .cost_wrap img,
#plan2 .cost_wrap img {
  width: 50%;
}
@media screen and (max-width: 820px) {
  #plan .cost_wrap img,
#plan2 .cost_wrap img {
    width: 90%;
  }
}
#plan .cost_wrap strong,
#plan2 .cost_wrap strong {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}
#plan .cost_wrap .border_box,
#plan2 .cost_wrap .border_box {
  margin: 0 auto 25px;
  width: 100%;
  max-width: 578px;
  text-align: center;
  border: 1px solid #002344;
  padding: 3px;
}
#plan .cost_wrap .estimate,
#plan2 .cost_wrap .estimate {
  padding: 30px;
  background-color: #e2eff5;
  border-radius: 5px;
}
@media (max-width: 512px) {
  #plan .cost_wrap .estimate,
#plan2 .cost_wrap .estimate {
    padding: 15px;
  }
}
#plan .cost_wrap .estimate img,
#plan2 .cost_wrap .estimate img {
  width: 100%;
}
#plan .cost_wrap .calculator_wrap,
#plan2 .cost_wrap .calculator_wrap {
  margin: auto;
  width: 100%;
  max-width: 578px;
  border: 1px solid #09c;
}
#plan .cost_wrap .calculator_wrap h4,
#plan2 .cost_wrap .calculator_wrap h4 {
  padding: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #0099CC;
}
#plan .cost_wrap .calculator_wrap h4 span,
#plan2 .cost_wrap .calculator_wrap h4 span {
  display: inline-block;
  margin-right: 15px;
  padding: 2px 10px;
  font-size: 14px;
  vertical-align: text-top;
  color: #0099CC;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #plan .cost_wrap .calculator_wrap h4 span,
#plan2 .cost_wrap .calculator_wrap h4 span {
    margin-bottom: 5px;
    margin-right: 0;
  }
}
#plan .cost_wrap .calculator_wrap .calculator_cnt,
#plan2 .cost_wrap .calculator_wrap .calculator_cnt {
  padding: 20px 20px 10px 20px;
}
#plan .cost_wrap .calculator_wrap a,
#plan2 .cost_wrap .calculator_wrap a {
  display: block;
  margin: 0 auto 10px;
  padding: 4px 10px 3px;
  width: 100%;
  max-width: 410px;
  text-align: center;
  border: 2px solid #002344;
  color: #002344;
  border-radius: 4px;
  background-color: #fff;
  filter: drop-shadow(0 3px 0 #002344);
}
#plan .cost_wrap .calculator_wrap a span,
#plan2 .cost_wrap .calculator_wrap a span {
  position: relative;
}
#plan .cost_wrap .calculator_wrap a span::before,
#plan2 .cost_wrap .calculator_wrap a span::before {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  position: absolute;
  top: 3px;
  left: -1.25rem;
}
#plan .cost_wrap .calculator_wrap a::after,
#plan2 .cost_wrap .calculator_wrap a::after {
  color: #002344;
}
#plan .cost_wrap .calculator_wrap a:hover,
#plan2 .cost_wrap .calculator_wrap a:hover {
  transition: 0.2s;
  opacity: 0.7;
  text-decoration: none;
}
#plan .con_re,
#plan2 .con_re {
  color: #fff;
}
#plan .option_wrap,
#plan2 .option_wrap {
  position: relative;
  margin: 20px auto 30px;
  padding: 70px 20px 20px;
  border-top: 5px solid #37B48D;
  background-color: #fff;
}
@media (max-width: 768px) {
  #plan .option_wrap,
#plan2 .option_wrap {
    padding: 0 20px 20px;
  }
}
#plan .option_wrap a:hover,
#plan2 .option_wrap a:hover {
  transition: 0.2s;
  opacity: 0.7;
  text-decoration: none;
}
#plan .option_wrap h3,
#plan2 .option_wrap h3 {
  position: absolute;
  width: 60%;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 820px) {
  #plan .option_wrap h3,
#plan2 .option_wrap h3 {
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  #plan .option_wrap h3,
#plan2 .option_wrap h3 {
    position: relative;
    display: block;
    margin-bottom: 25px;
    padding: 5px;
    width: 100%;
    font-size: 18px;
    text-align: center;
    background-color: #37B48D;
  }
}
#plan .option_wrap h3::before,
#plan2 .option_wrap h3::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 320px;
  min-height: 0;
  border-top: solid 40px #37B48D;
  border-right: solid 25px transparent;
  bottom: 100%;
}
@media screen and (max-width: 768px) {
  #plan .option_wrap h3::before,
#plan2 .option_wrap h3::before {
    display: none;
  }
}
#plan .option_wrap h3 span,
#plan2 .option_wrap h3 span {
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 30px;
}
@media screen and (max-width: 768px) {
  #plan .option_wrap h3 span,
#plan2 .option_wrap h3 span {
    position: static;
  }
}
#plan .option_wrap .option_service,
#plan2 .option_wrap .option_service {
  text-align: center;
  margin: auto;
  max-width: 860px;
}
#plan .option_wrap .option_service .option,
#plan2 .option_wrap .option_service .option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  min-height: 95px;
  background-color: #e1f4ee;
  border: 1px solid #37b48d;
  border-radius: 5px;
  text-align: center;
}
@media (max-width: 768px) {
  #plan .option_wrap .option_service .option,
#plan2 .option_wrap .option_service .option {
    min-height: 90px;
    padding: 0 25px;
    margin-bottom: 15px;
    width: 100%;
    text-align: left;
  }
}
#plan .option_wrap .option_service .option p,
#plan2 .option_wrap .option_service .option p {
  padding-left: 4px;
  font-size: clamp(18px, 2vw, 20px);
  font-weight: bold;
  line-height: 1.4rem;
}
#plan .option_wrap .option_service .option p span,
#plan2 .option_wrap .option_service .option p span {
  display: flex;
  justify-content: center;
}
#plan .option_wrap .option_service .option p span::before,
#plan2 .option_wrap .option_service .option p span::before {
  display: inline-block;
  content: "";
  margin-right: 4px;
  width: 20px;
  height: 20px;
  aspect-ratio: 20/20;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/img_check_g svg");
  background-size: 100% auto;
}
@media (max-width: 768px) {
  #plan .option_wrap .option_service .option p span::before,
#plan2 .option_wrap .option_service .option p span::before {
    margin-top: 3px;
    width: 15px;
    height: 15px;
    aspect-ratio: 15/15;
  }
}
#plan .option_wrap h4,
#plan2 .option_wrap h4 {
  margin-bottom: 15px;
  padding: 3px 10px 0px 10px;
  width: 100%;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background-color: #37B38E;
}
@media screen and (max-width: 820px) {
  #plan .option_wrap h4,
#plan2 .option_wrap h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  #plan .option_wrap h4,
#plan2 .option_wrap h4 {
    font-size: 16px;
  }
}
#plan .option_wrap .filter,
#plan2 .option_wrap .filter {
  margin-bottom: 40px;
}
#plan .option_wrap .filter,
#plan .option_wrap .kirei,
#plan2 .option_wrap .filter,
#plan2 .option_wrap .kirei {
  flex-basis: 48%;
}
#plan .option_wrap .filter img,
#plan .option_wrap .kirei img,
#plan2 .option_wrap .filter img,
#plan2 .option_wrap .kirei img {
  max-height: 75px;
}
#plan .option_wrap .filter span,
#plan .option_wrap .kirei span,
#plan2 .option_wrap .filter span,
#plan2 .option_wrap .kirei span {
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #plan .option_wrap .filter span,
#plan .option_wrap .kirei span,
#plan2 .option_wrap .filter span,
#plan2 .option_wrap .kirei span {
    font-size: 16px;
  }
}
#plan .option_wrap .filter .f16,
#plan .option_wrap .kirei .f16,
#plan2 .option_wrap .filter .f16,
#plan2 .option_wrap .kirei .f16 {
  font-weight: bold;
}
@media screen and (max-width: 820px) {
  #plan .option_wrap .filter .f16,
#plan .option_wrap .kirei .f16,
#plan2 .option_wrap .filter .f16,
#plan2 .option_wrap .kirei .f16 {
    font-size: 14px;
  }
}
#plan .contract_wrap,
#plan2 .contract_wrap {
  color: #fff;
}
@media screen and (max-width: 820px) {
  #plan .contract_wrap .flex_pc.contract_cnt,
#plan2 .contract_wrap .flex_pc.contract_cnt {
    display: block !important;
  }
}
#plan .contract_wrap .detail,
#plan2 .contract_wrap .detail {
  width: 100%;
}
@media screen and (max-width: 820px) {
  #plan .contract_wrap .detail,
#plan2 .contract_wrap .detail {
    flex-basis: 100%;
  }
}
#plan .contract_wrap .detail .ac_list,
#plan2 .contract_wrap .detail .ac_list {
  color: #fff;
}
#plan .contract_wrap .detail .cnt,
#plan2 .contract_wrap .detail .cnt {
  flex-basis: 48%;
}
#plan .contract_wrap .detail .cnt .cnt_inner,
#plan2 .contract_wrap .detail .cnt .cnt_inner {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  #plan .contract_wrap .detail .cnt .cnt_inner,
#plan2 .contract_wrap .detail .cnt .cnt_inner {
    display: block;
    margin-bottom: 0;
    padding-bottom: 3px;
  }
}
#plan .contract_wrap .detail .cnt .cnt_inner h4,
#plan2 .contract_wrap .detail .cnt .cnt_inner h4 {
  margin-right: 15px;
  padding: 4px 10px 0;
  border: 1px solid #fff;
}
@media (max-width: 768px) {
  #plan .contract_wrap .detail .cnt .cnt_inner h4,
#plan2 .contract_wrap .detail .cnt .cnt_inner h4 {
    margin-bottom: 15px;
    padding: 4px 10px 3px;
    border: 0;
    background-color: #fff;
    color: #00103b;
  }
}
#plan .contract_wrap .detail .cnt .cnt_inner strong,
#plan2 .contract_wrap .detail .cnt .cnt_inner strong {
  font-size: 16px;
  padding-right: 15px;
}
#plan .contract_wrap .detail .cnt .cnt_inner span,
#plan2 .contract_wrap .detail .cnt .cnt_inner span {
  font-size: 12px;
}
#plan .contract_wrap .detail table,
#plan2 .contract_wrap .detail table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #fff;
}
@media screen and (max-width: 820px) {
  #plan .contract_wrap .detail table,
#plan2 .contract_wrap .detail table {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  #plan .contract_wrap .detail table,
#plan2 .contract_wrap .detail table {
    display: block;
  }
}
@media (max-width: 768px) {
  #plan .contract_wrap .detail tbody,
#plan .contract_wrap .detail tr,
#plan .contract_wrap .detail th,
#plan .contract_wrap .detail td,
#plan2 .contract_wrap .detail tbody,
#plan2 .contract_wrap .detail tr,
#plan2 .contract_wrap .detail th,
#plan2 .contract_wrap .detail td {
    display: block;
  }
}
#plan .contract_wrap .detail th,
#plan2 .contract_wrap .detail th {
  word-break: keep-all;
  padding: 25px 30px;
  font-weight: bold;
  border-right: 1px solid #fff;
}
@media (max-width: 768px) {
  #plan .contract_wrap .detail th,
#plan2 .contract_wrap .detail th {
    padding: 15px;
    border-right: 0;
    border-bottom: 1px solid #fff;
  }
}
#plan .contract_wrap .detail td,
#plan2 .contract_wrap .detail td {
  padding: 30px;
  line-height: 1.1rem;
}
@media (max-width: 768px) {
  #plan .contract_wrap .detail td,
#plan2 .contract_wrap .detail td {
    padding: 15px;
  }
}
#plan .contract_wrap .detail td p,
#plan2 .contract_wrap .detail td p {
  margin-top: 7px;
}
@media screen and (max-width: 820px) {
  #plan .contract_wrap .detail td p,
#plan2 .contract_wrap .detail td p {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #plan .contract_wrap .detail td p.mbs-15,
#plan2 .contract_wrap .detail td p.mbs-15 {
    margin-bottom: 15px;
  }
}

.brand {
  padding: 70px;
}
@media (max-width: 768px) {
  .brand {
    padding: 50px 0;
  }
}
.brand h2 {
  font-weight: bold;
  color: #003353;
}
@media (max-width: 512px) {
  .brand .g-grid-2b:not(.g-grid-keep) > .g-grid_el {
    margin-top: 0 !important;
  }
}
.brand .flex {
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .brand .flex {
    margin-bottom: 0;
  }
}
.brand .flex dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 15px 25px;
  border-top: 1px solid #ccc;
  justify-content: center;
}
@media (max-width: 768px) {
  .brand .flex dl {
    border-top: 0;
    padding: 0 25px;
  }
}
.brand .flex dl dt {
  color: #333;
  text-align: center;
  font-weight: bold;
  width: 100%;
  font-size: 1.4em;
  margin: 15px 0 25px;
}
@media (max-width: 768px) {
  .brand .flex dl dt {
    min-height: auto;
    padding-top: 30px;
    border-top: 1px solid #ccc;
  }
}
.brand .flex dl dd {
  display: block;
  margin-bottom: 0;
  flex-basis: 19%;
  color: #003353;
}
@media (max-width: 512px) {
  .brand .flex dl dd {
    flex-basis: 33.3%;
  }
}
@media (max-width: 512px) {
  .brand .flex dl dd.fsz img, .brand .flex dl dd.office img {
    width: 90px;
    height: 40px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.brand .flex dl.vrv {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 512px) {
  .brand .flex dl.vrv {
    border-bottom: 0;
  }
}
.brand .flex dl.vrv .flex {
  width: 100%;
  text-align: center;
}
.brand .flex dl.vrv dd {
  margin: 5px 24px;
  flex-basis: auto;
}
@media (max-width: 512px) {
  .brand .flex dl.vrv dd {
    margin: 5px 0;
  }
}
.brand .flex dl.vrv dd img {
  width: auto;
  height: 50px;
}
@media (max-width: 512px) {
  .brand .flex dl.vrv dd img {
    height: 34px;
  }
}
@media (max-width: 512px) {
  .brand .flex dl.vrv dd {
    flex-basis: 33%;
  }
}
.brand .flex dl.vrv .flex {
  justify-content: center;
}
.brand .flex dl.setubi {
  margin: 10px 0;
  border: 0;
  border-right: 1px solid #ccc;
}
@media (max-width: 512px) {
  .brand .flex dl.setubi {
    border-right: 0;
  }
}
.brand .flex dl.setubi dd {
  flex-basis: 33.33333%;
}
@media (max-width: 512px) {
  .brand .flex dl.setubi dd {
    flex-basis: 33.333%;
  }
}
@media (max-width: 512px) {
  .brand .flex dl.setubi dd img {
    width: 90px;
    height: 40px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.brand .flex dl.chuon {
  margin: 10px 0;
  border: 0;
}
@media (max-width: 512px) {
  .brand .flex dl.chuon {
    margin: 10px 0 40px;
  }
}
.brand .flex dl.chuon dd {
  flex-basis: 60%;
}
@media (max-width: 512px) {
  .brand .flex dl.chuon dd {
    flex-basis: 33.333%;
  }
}
.brand .pdfbox {
  border-top: 1px solid #ccc;
  padding: 25px;
}
.brand .link.pdf {
  display: block;
  padding: 4px 10px 3px;
  width: 100%;
  text-align: center;
  color: #002344;
  border-radius: 4px;
  background-color: #fff;
  font-weight: bold;
}
.brand .link.pdf .arrow {
  position: relative;
}
.brand .link.pdf .arrow::before {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  position: absolute;
  top: 3px;
  left: -1.25rem;
}
.brand .link.pdf::after {
  display: inline-block;
  content: "PDF";
  margin-left: 5px;
  padding: 1px 10px 0px;
  line-height: 1rem;
  background-color: #002344;
  color: #fff;
  font-size: 9px;
  border-radius: 2px;
  vertical-align: text-top;
}
.brand .link.pdf:hover {
  transition: 0.2s;
  opacity: 0.7;
  text-decoration: none;
}

#flow {
  padding: 70px 0;
  background-color: #f3f3f3;
  color: #003353;
}
#flow h2 {
  margin-bottom: 80px;
  font-weight: bold;
  text-align: center;
  font-size: clamp(24px, 3vw, 32px);
}
@media (max-width: 768px) {
  #flow h2 {
    margin-bottom: 30px;
  }
}
#flow .step {
  position: relative;
  background-color: #fff;
  width: 32%;
  padding: 0 30px 30px;
}
@media (max-width: 768px) {
  #flow .step {
    margin: 0 15px 15px 40px;
    padding: 25px 15px 25px 25px;
    width: calc(100% - 55px);
  }
}
#flow .step .img_step {
  display: block;
  margin: -41px auto 0;
  width: 82px;
}
@media (max-width: 768px) {
  #flow .step .img_step {
    position: absolute;
    left: -31px;
    top: 18px;
    margin: 0 auto 0;
    width: 60px;
  }
}
#flow .step .img_flow {
  display: block;
  margin: 32px auto;
  width: 84px;
}
@media (max-width: 768px) {
  #flow .step .img_flow {
    width: 50px;
    margin: 0 15px 0 15px;
  }
}
@media (max-width: 768px) {
  #flow .step .step_tit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
  }
}
#flow h3 {
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  font-size: clamp(16px, 1.4vw, 24px);
  line-height: 1.3em;
}
@media (max-width: 768px) {
  #flow h3 {
    margin-bottom: 0;
    text-align: left;
  }
}
#flow .mail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 10px 5px;
  width: 100%;
  background-color: #19a3d1;
  border-radius: 50em;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
#flow .mail::before {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
}
#flow .mail::after {
  display: inline-block;
  content: "";
  margin-left: 4px;
  width: 18px;
  height: 18px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/img_flow1_mail svg");
}
#flow .tel {
  text-align: center;
}
#flow .tel h4 {
  font-size: 14px;
  font-weight: bold;
}
#flow .tel a {
  font-weight: bold;
  font-size: clamp(16px, 1.4vw, 24px);
  color: #003353;
}
#flow .tel a::before {
  display: inline-block;
  content: "";
  padding-right: 4px;
  width: 20px;
  height: 20px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/img_flow1_phone svg");
}

#simulater {
  text-align: center;
  padding: 70px 0;
  color: #003353;
}
@media (max-width: 768px) {
  #simulater {
    padding: 20px 0;
  }
}
#simulater h2 {
  margin-bottom: 32px;
  text-align: center;
  font-weight: bold;
  font-size: clamp(24px, 3vw, 32px);
}
@media (max-width: 768px) {
  #simulater h2 {
    margin-bottom: 15px;
  }
}
#simulater h2 span {
  display: block;
  font-size: clamp(14px, 1.2vw, 18px);
  font-weight: normal;
}
#simulater a {
  display: block;
  margin: auto;
  width: 90%;
  max-width: 720px;
}
@media (max-width: 512px) {
  #simulater a {
    width: 90%;
  }
}
#simulater .bnr_Tool {
  margin: auto;
  max-width: 720px;
}
@media (max-width: 768px) {
  #simulater .bnr_Tool {
    padding: 0 15px;
  }
}

#merit {
  padding: 70px 0;
}
#merit h2 {
  margin-bottom: 20px;
  color: #003353;
  text-align: center;
  font-weight: bold;
  font-size: clamp(24px, 3vw, 32px);
}
#merit ul {
  margin: auto;
  width: 100%;
  max-width: 740px;
}
#merit ul.merit_list li {
  position: relative;
  margin-bottom: 10px;
  padding: 20px 20px 20px 80px;
  font-weight: bold;
  font-size: clamp(16px, 2vw, 23px);
  background-color: #eaf8fd;
}
@media (max-width: 512px) {
  #merit ul.merit_list li {
    padding: 10px 10px 10px 60px;
  }
}
#merit ul.merit_list li::before {
  position: absolute;
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/img_merit svg");
  background-size: 100% auto;
  color: #eaf8fd;
}
@media (max-width: 512px) {
  #merit ul.merit_list li::before {
    left: 16px;
    width: 30px;
    height: 30px;
  }
}
#merit ul.merit_list span.marker {
  background: linear-gradient(transparent 60%, #faff42 60%);
}
#merit ul.merit_list strong {
  padding: 0 6px;
  font-size: clamp(20px, 2vw, 30px);
}
@media (max-width: 512px) {
  #merit ul.merit_list strong {
    padding: 0;
  }
}

.case {
  padding: 70px 0;
  background-color: #f7fbfc;
}
@media (max-width: 768px) {
  .case {
    padding: 0 15px;
  }
}
.case .case-inner {
  margin: auto;
  max-width: 960px;
}

#qa {
  padding: 70px 0;
  color: #003353;
  margin-top: 6px;
}
@media (max-width: 768px) {
  #qa {
    padding: 50px 15px;
  }
}
#qa h2 {
  margin-bottom: 40px;
  color: #003353;
  text-align: center;
  font-weight: bold;
  font-size: clamp(24px, 3vw, 32px);
}
#qa ul {
  margin: 0 auto 45px;
  width: 330px;
}
@media (max-width: 768px) {
  #qa ul {
    width: 270px;
  }
}
#qa ul li {
  display: flex;
  margin-bottom: 10px;
}
#qa ul li::before {
  display: inline-block;
  content: "";
  margin-right: 10px;
  width: 30px;
  height: 30px;
  background: 0 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/images/202412/img_qa svg");
  background-size: 100% auto;
}
#qa ul li a {
  text-decoration: underline;
  color: #1ca4d2;
  font-size: clamp(14px, 1.2vw, 18px);
}

.g-btn-cyan.g-blank::after {
  color: #fff;
}

/*modal*/
#mdl_wrap {
  margin: auto;
  max-width: 1216px;
  width: 100%;
}
@media screen and (max-width: 820px) {
  #mdl_wrap {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #mdl_wrap .g-main {
    padding: 0;
  }
}
#mdl_wrap .bt_return {
  margin: 50px auto;
}
@media screen and (max-width: 768px) {
  #mdl_wrap .bt_return {
    max-width: 300px;
  }
}

.g-modal_box {
  position: static;
}
.g-modal_box .g-modal_body {
  padding: 0;
}
.g-modal_box .g-modal_btn.g-modal_close {
  background-color: transparent;
}
@media screen and (max-width: 820px) {
  .g-modal_box .g-modal_btn.g-modal_close {
    right: 0;
    top: 0;
    background-color: #000;
    border-radius: 0;
  }
}
.g-modal_box .g-modal_btn.g-modal_print {
  display: none;
}

.g-modal_el {
  max-width: 100%;
}
.g-modal_el .g-disp-pc {
  display: block;
}
@media screen and (max-width: 768px) {
  .g-modal_el .g-disp-pc {
    display: none;
  }
}
.g-modal_el .g-disp-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .g-modal_el .g-disp-sp {
    display: block;
  }
}
.g-modal_el .link.pdf span {
  position: relative;
}
.g-modal_el .link.pdf span::before {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  position: absolute;
  top: 3px;
  left: -1.25rem;
}
.g-modal_el .link.pdf::after {
  display: inline-block;
  content: "PDF";
  margin-left: 5px;
  padding: 2px 10px 1px;
  line-height: 1rem;
  background-color: #0078B7;
  color: #fff;
  font-size: 9px;
  vertical-align: text-top;
}
.g-modal_el .g-blank::after {
  color: #0078B7;
}
.g-modal_el .mdl_tit {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 40px;
  min-height: 98px;
  background-color: #E8ECEF;
}
@media screen and (max-width: 768px) {
  .g-modal_el .mdl_tit {
    margin-bottom: 20px;
  }
}
.g-modal_el .mdl_tit .point_num {
  display: block;
  padding: 22px 14px;
  background-color: #0D395C;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 4.4rem;
}
@media screen and (max-width: 768px) {
  .g-modal_el .mdl_tit .point_num {
    padding: 20px 15px 12px;
    font-size: 30px;
  }
}
.g-modal_el .mdl_tit h1 {
  padding: 25px 15px 17px;
  font-size: 32px;
  font-weight: bold;
}
.g-modal_el .mdl_tit h1.p-l {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .g-modal_el .mdl_tit h1 {
    padding: 25px 15px 17px;
    font-size: 26px;
  }
}
.g-modal_el .mdl_tit h1 .sub {
  display: block;
  font-size: 14px;
  line-height: 1.4rem;
}
@media screen and (max-width: 768px) {
  .g-modal_el .mdl_tit h1 .sub {
    font-size: 16px;
  }
}
.g-modal_el .appeal_block {
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2rem;
  color: #282828;
}
.g-modal_el .appeal_block.t-l {
  text-align: left;
}
.g-modal_el .appeal_block .pad {
  padding: 10px 20px;
}
.g-modal_el .appeal_block .sta {
  background-color: #E8ECEF;
  color: #0D395C;
}
.g-modal_el .appeal_block .strong {
  background-color: #0D395C;
  color: #fff;
}
.g-modal_el .appeal_block dt,
.g-modal_el .appeal_block dd {
  padding: 8px 24px 6px 24px;
}
.g-modal_el .disp-pc {
  display: block;
}
.g-modal_el .disp-tb {
  display: none;
}
@media screen and (max-width: 820px) {
  .g-modal_el .disp-pc {
    display: none;
  }
  .g-modal_el .disp-tb {
    display: block;
  }
}
.g-modal_el .mdl_main {
  padding: 0 30px 30px;
}
@media screen and (max-width: 820px) {
  .g-modal_el .mdl_main {
    padding: 0 20px 30px;
  }
}
.g-modal_el .mdl_main h2 {
  margin-bottom: 30px;
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .g-modal_el .mdl_main h2 {
    font-size: 22px;
  }
}
.g-modal_el .mdl_main .mldef {
  margin-top: 80px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
}
.g-modal_el .mdl_main .mldef.mt20 {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .g-modal_el .mdl_main .g-width-sp-100 {
    width: 100%;
  }
}
.g-modal_el .mdl_main p {
  line-height: 1.8rem;
}
.g-modal_el .mdl_main .g-p-s {
  line-height: 1.2rem;
}
.g-modal_el .mdl_main a {
  color: #0078B7;
  line-height: 1.4rem;
}
.g-modal_el .mdl_main sup {
  font-size: 9px;
}
.g-modal_el .mdl_main .mdl-mt1 {
  margin-top: 20px;
}
.g-modal_el .mdl_main .mdl_box {
  position: relative;
  background-color: #E8ECEF;
}
.g-modal_el .mdl_main .mdl_box h4 {
  font-weight: bold;
  font-size: 18px;
}
.g-modal_el .mdl_main .mdl_flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .g-modal_el .mdl_main .mdl_flex {
    display: block;
  }
}
.g-modal_el .mdl_main .wid360 {
  min-width: 360px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .g-modal_el .mdl_main .wid360 {
    min-width: auto;
  }
}
.g-modal_el .point {
  padding: 4px 10px;
  background-color: #0D395C;
  color: #fff;
}
.g-modal_el #p3_sc1_1 {
  padding: 30px 15px 30px 30px;
  flex-basis: 68%;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p3_sc1_1 .appeal_block.flex_pc .disp-tb {
    display: none;
  }
}
.g-modal_el #p3_sc1_1 .appeal_block .strong {
  min-width: 168px;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p3_sc1_1 .appeal_block .strong {
    margin-bottom: 10px;
    min-width: 100%;
  }
}
.g-modal_el .fig {
  padding-right: 30px;
  flex-basis: 30%;
}
@media screen and (max-width: 768px) {
  .g-modal_el .fig {
    padding-left: 30px;
  }
}
.g-modal_el #p3_sc2_1 .pad {
  padding: 20px;
}
.g-modal_el #p3_sc2_1 .strong {
  margin-bottom: 10px;
  padding-left: 15px;
  border-left: 2px solid #0D395C;
}
.g-modal_el #p3_sc2_1 .strong span.em {
  color: #0D395C;
  font-weight: bold;
}
.g-modal_el #p3_sc2_1 #before {
  width: 37vw;
  border: 2px solid #E8ECEF;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p3_sc2_1 #before {
    width: 100%;
  }
}
.g-modal_el #p3_sc2_1 #before h4 {
  padding: 10px 15px;
  background-color: #E8ECEF;
  color: #282828;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.g-modal_el #p3_sc2_1 #before h5 {
  font-weight: bold;
  font-size: 16px;
}
.g-modal_el #p3_sc2_1 #after {
  width: 52vw;
  border: 2px solid #0054A6;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p3_sc2_1 #after {
    width: 100%;
  }
}
.g-modal_el #p3_sc2_1 #after h4 {
  padding: 10px 15px;
  background: linear-gradient(to right, #007CB9, #0046A0);
  color: #FFF125;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.g-modal_el #p3_sc2_1 #after h5 {
  margin: 0 auto 30px;
  max-width: 406px;
  width: 100%;
}
.g-modal_el .arrow {
  text-align: center;
  min-width: 50px;
  background: center center no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/modal/images/arrow svg");
  background-size: 30%;
}
@media screen and (max-width: 768px) {
  .g-modal_el .arrow {
    display: block;
    min-height: 50px;
    transform: rotate(90deg);
    background-size: 5%;
  }
}
.g-modal_el h3#p3_sc3_1 .point {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
}
.g-modal_el #p3_sc3_2 #flow #step1 p {
  display: block;
  padding: 10px 80px 10px 20px;
  background: right bottom no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/modal/images/mdl_3_6 svg");
  background-size: 24% auto;
  background-color: #E8ECEF;
}
.g-modal_el #p3_sc3_2 #flow .arrow {
  background: center 26px no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/modal/images/arrow svg");
  background-size: 25%;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p3_sc3_2 #flow .arrow {
    display: block;
    min-height: 50px;
    transform: rotate(90deg);
    background-size: 14px;
  }
}
.g-modal_el #p3_sc3_2 #flow #step2 .mdl_box {
  padding: 30px;
}
.g-modal_el #p3_sc3_2 .mdl_box {
  padding: 20px;
}
.g-modal_el #p3_sc3_2 h4 {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p3_sc3_2 h4 {
    font-size: 16px;
  }
}
.g-modal_el #p3_sc3_2 strong {
  font-size: 16px;
  color: #0D395C;
}
.g-modal_el #p4 #p4_sc1_1 {
  background: right 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/modal/images/mdl_4_1 svg");
  background-size: 222px auto;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p4 #p4_sc1_1 {
    background-position: right 100px;
    background-size: 148px auto;
  }
}
.g-modal_el #p4 #p4_sc1_2 {
  background: right 0 no-repeat url("/-/media/Project/Daikin/ac_daikin_co_jp/shopoffice/zeas_connect/modal/images/mdl_4_2 svg");
  background-size: 222px auto;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p4 #p4_sc1_2 {
    background-position: right 100px;
    background-size: 148px auto;
  }
}
.g-modal_el #p4 .appeal_block {
  font-size: 14px;
}
.g-modal_el #p4 .sub {
  display: inline-block;
  padding: 8px 20px 6px;
  background-color: #0D395C;
  color: #fff;
  font-size: 14px;
  line-height: 1.2rem;
  font-weight: bold;
}
.g-modal_el #p4 .month {
  font-size: 16px;
  font-weight: bold;
}
.g-modal_el #p4 .month.table {
  font-size: 14px;
  font-weight: normal;
}
.g-modal_el #p4 .month.table tr th {
  text-align: left;
  font-weight: normal;
}
.g-modal_el #p4 .month .def {
  color: #CD2828;
  font-weight: bold;
  font-size: 28px;
}
.g-modal_el #p4 .month .multi {
  color: #CD2828;
  font-weight: bold;
  font-size: 16px;
}
.g-modal_el #p4 .line_box {
  margin-right: 20px;
  padding: 15px;
  border: 2px solid #E8ECEF;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p4 .line_box {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.g-modal_el #p4 .line_box p {
  line-height: 1.3rem;
}
.g-modal_el #p4 .mdl_con {
  padding: 18px 30px 26px;
}
@media screen and (max-width: 820px) {
  .g-modal_el #p4 .mdl_con {
    padding: 18px 20px 26px;
  }
}
.g-modal_el #p4 .service {
  word-break: keep-all;
  margin-bottom: 30px;
  font-size: 18px;
}
.g-modal_el #p4 .service span {
  display: inline-block;
  padding: 0 15px;
  border: 1px solid #878787;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p4 .service span {
    font-size: 10px;
  }
}
.g-modal_el #p4 .flex_pc {
  align-items: center;
}
.g-modal_el #p4 .kirei_service {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  line-height: 1rem;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p4 .kirei_service {
    margin-left: 0;
  }
}
.g-modal_el #p4 .kirei_service span {
  margin-left: 5px;
  display: inline-block;
  border: 1px solid #878787;
  padding: 1px 8px 0;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p4 .kirei_service span {
    margin-left: 0;
    margin-right: 5px;
  }
}
.g-modal_el #p4 #p4_sc1_2_2 .appeal_block {
  text-align: left;
}
.g-modal_el #p4 #p4_sc1_2_2 .appeal_block.flex_pc {
  align-items: center;
}
.g-modal_el #p4 #p4_sc1_2_2 .appeal_block strong {
  font-size: 18px;
  color: #0D395C;
}
.g-modal_el #p4 #p4_sc1_2_2 .appeal_block dt {
  padding: 15px;
  min-width: 200px;
  font-size: 16px;
  text-align: center;
}
.g-modal_el #p4 #p4_sc1_2_2 .appeal_block dd {
  font-weight: normal;
  line-height: 1.8rem;
}
@media screen and (max-width: 768px) {
  .g-modal_el #p4 #p4_sc1_2_2 .appeal_block dd {
    padding-left: 0;
    padding-right: 0;
  }
}
.g-modal_el .mdl_end {
  padding: 20px 20px 32px;
  min-height: 98px;
  background-color: #E8ECEF;
}
.g-modal_el .mdl_end.flex {
  align-items: center;
}
.g-modal_el .mdl_end .about {
  padding: 0 0 0 30px;
}
.g-modal_el .mdl_end img {
  max-width: 136px;
}
.g-modal_el .mdl_end .note {
  padding: 20px;
  border: 1px solid #CD2828;
  color: #CD2828;
}
.g-modal_el .mdl_end .note .ac_list--attention-number a {
  font-weight: bold;
  color: #09c;
  border-bottom: 1px solid #09c;
}

/*cv_area*/
.cv_bg {
  padding: 80px 0 60px;
  background-color: #19a3d1;
  color: #01113c;
  border: 0;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .cv_bg {
    padding: 50px 15px;
  }
}
.cv_bg .g-column {
  border: 0;
}
.cv_bg .column-y {
  position: relative;
  padding: 80px 20px 30px 20px;
  border-radius: 20px;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .cv_bg .column-y {
    margin-bottom: 40px;
    padding: 60px 20px 30px 20px;
  }
}
.cv_bg .icon {
  position: absolute;
  width: 120px;
  top: -40px;
  left: calc(50% - 60px);
}
@media screen and (max-width: 768px) {
  .cv_bg .icon {
    width: 80px;
    top: -20px;
    left: calc(50% - 40px);
  }
}
.cv_bg h2 {
  line-height: 2rem;
  margin-bottom: 70px;
  color: #fff;
  font-size: 32px;
  line-height: 1.6em;
}
@media screen and (max-width: 768px) {
  .cv_bg h2 {
    margin-bottom: 30px;
    font-size: 18px;
  }
}
.cv_bg h3 {
  font-weight: bold;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .cv_bg h3 {
    font-size: 18px;
  }
}
.cv_bg img {
  padding-right: 10px;
}
.cv_bg a {
  display: block;
  margin: auto;
  width: 90%;
  color: #19a3d1;
  text-align: center;
  font-size: 26px;
  border-radius: 100vmax;
}
@media screen and (max-width: 820px) {
  .cv_bg a {
    font-size: 20px;
    width: 100%;
  }
}
.cv_bg a.mail {
  display: block;
  margin-top: 4px;
  padding: 8px 0;
  border: 3px solid #19a3d1;
  background-color: #19a3d1;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 5px 0px 0 rgb(6, 75, 94);
}
@media screen and (max-width: 768px) {
  .cv_bg a.mail {
    padding: 8px 0 6px;
  }
}
.cv_bg a.mail::before {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  font-size: 20px;
  font-family: "icon";
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ea07";
  left: 0;
  top: 3px;
  color: #fff;
}
.cv_bg a.tel {
  font-weight: bold;
  font-size: 2.6rem;
  background-color: transparent;
}
@media screen and (max-width: 820px) {
  .cv_bg a.tel {
    font-size: 2.3rem;
  }
}
.cv_bg a:hover {
  transition: 0.2s;
  opacity: 0.7;
  text-decoration: none;
}
.cv_bg.cv_bg_g {
  background-color: #f5f5f5;
}
.cv_bg.cv_bg_g h2 {
  color: #003353;
}
.cv_bg.cv_bg_g .column-y {
  background-color: #fff;
}
/*# sourceMappingURL=cms.css.map */