@charset "UTF-8";
/* ======================================================== */
/*      PC Pronair Common                             
/* ======================================================== */
html {
  font-size: clamp(1px, 1.25vw, 16px);
}

body {
  font-weight: 400;
  color: #231815;
}

h2:not([class]) {
  background: #006d5e;
  padding: 0.5rem 0 0.5rem;
}
h2:not([class]) span {
  display: block;
  padding-left: 12.313rem;
}
h2:not([class]) img {
  block-size: 4.75rem;
}

.contents a:hover {
  color: #006d5e;
  text-decoration: underline;
}

.contwrp {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.num_ttl {
  width: 3.479rem;
  margin: 0 auto;
}

.ttlstyle01 {
  margin-top: 1.875rem;
  font-size: 1.55rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #006d5e;
  font-weight: 700;
}

.zen-old-mincho {
  font-family: "Zen Old Mincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-style: normal;
  font-weight: 400;
}

.catchcopy {
  font-size: 0.841rem;
  letter-spacing: 0.2em;
  line-height: 1.632;
  text-align: center;
  margin-top: 2.375rem;
  margin-bottom: 2.375rem;
}

.width-M {
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 769px) {
  .width-M {
    max-width: 55.313rem;
    width: 100%;
  }
}
.mrgrg2em {
  margin-right: 2em;
}

/* ======================================================== */
/*      PC header    
/* ======================================================== */
.header {
  height: 3.75rem;
  width: 100%;
}
.header_wrp {
  width: 100%;
  min-width: 350px;
  position: fixed;
  top: 0;
  z-index: 50;
  background-color: #FFFFFF;
}
.header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 8.969rem;
  padding-right: 9.306rem;
}
.header_logo {
  width: 6.671rem;
}
.header_contact {
  flex-grow: 1;
}
.header_contact a {
  position: relative;
  width: 6.821rem;
  height: 3.812rem;
  background: #006d5e;
  font-size: 0.608rem;
  letter-spacing: 0.15em;
  padding-left: 1.531rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.header_contact a:before, .header_contact a:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.028rem);
  left: 1.094rem;
  width: 0.338rem;
  height: 0.056rem;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: 0.028rem 50%;
}
.header_contact a:before {
  transform: rotate(124.8deg);
}
.header_contact a:after {
  transform: rotate(-124.8deg);
}
.header_nav {
  position: fixed;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  transform: translateX(-50%);
  left: 50%;
  top: 3.75rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-out;
  z-index: 100;
}
.header_nav.active {
  visibility: visible;
  opacity: 1;
}
.header_nav_list {
  width: 11.538rem;
  margin: 0 4.956rem 0 auto;
  padding: 3.125rem 0.938rem 2.5rem;
  background-color: rgba(0, 109, 94, 0.8);
  display: flex;
  grid-row-gap: 1.25rem;
  flex-wrap: wrap;
}
.header_nav_list:before {
  content: "";
  position: absolute;
  top: 0;
  right: 9.925rem;
  display: block;
  width: 0.986rem;
  height: 1.355rem;
  background: #ffffff;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.header_nav_list li {
  width: 100%;
}
.header_nav_list a {
  color: #FFFFFF;
  position: relative;
  font-size: 0.886rem;
  line-height: 1;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.header_nav_list a:before {
  content: "";
  width: 0.405rem;
  height: 0.405rem;
  border-radius: 9999px;
  background-color: #FFFFFF;
  display: block;
  margin-right: 0.3em;
  margin-top: 0.2em;
}

#MenuBtn {
  margin-left: 15px;
  height: 23px;
  width: 35px;
  padding: 10px;
  z-index: 120;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}
#MenuBtn span {
  position: absolute;
  left: 0;
  display: block;
  width: 35px;
  height: 3px;
  background-color: #282828;
  transition: all .2s ease;
}
#MenuBtn span:nth-child(1) {
  top: 0;
}
#MenuBtn span:nth-child(2) {
  top: 10px;
}
#MenuBtn span:nth-child(3) {
  bottom: 0;
}
#MenuBtn.active span:nth-child(1) {
  top: 10px;
  transform: rotate(45deg);
}
#MenuBtn.active span:nth-child(2) {
  display: none;
}
#MenuBtn.active span:nth-child(3) {
  bottom: 10px;
  transform: rotate(-45deg);
}

/* ======================================================== */
/*      PC main            
/* ======================================================== */
/* .mv
/* -------------------------------------------------------- */
.mv {
  position: relative;
  pointer-events: none;
}
.mv_bg {
  width: 99.999%;
  height: 33.125rem;
}
.mv_catch {
  position: absolute;
  top: 10rem;
  right: 13.094rem;
  font-size: 1.993rem;
  letter-spacing: 0.5em;
  color: #FFFFFF;
  text-shadow: 0px 0px 4.31px rgba(35, 24, 21, 0.8);
  text-align: right;
}
.mv_cnts {
  position: absolute;
  bottom: 0;
  width: 99.999%;
  padding-top: 3.75rem;
  z-index: 20;
}
.mv_cnts_inner {
  background-color: rgba(0, 109, 94, 0.9);
}
.mv_cnts .contwrp {
  height: 14.375rem;
}
.mv_ttl {
  width: 24.073rem;
  padding-top: 2.5rem;
  margin-left: 12.356rem;
}
.mv_txt {
  font-size: 0.664rem;
  letter-spacing: 0.1em;
  line-height: 1.734;
  text-align: justify;
  margin-top: 1.25rem;
  margin-left: 12.356rem;
  color: #FFFFFF;
}
.mv_imgbox {
  width: 99.999%;
  position: absolute;
  bottom: -3.125rem;
  z-index: 70;
}
.mv_imgbox picture {
  display: block;
  width: 27.96rem;
  margin: 0 10.844rem 0 auto;
}

/* .intro
/* -------------------------------------------------------- */
.intro {
  position: relative;
  height: 65.303rem;
  background-color: #FFFFFF;
}
.intro_img, .intro_txt {
  position: absolute;
  top: 0;
}
.intro_img {
  width: 100%;
  background-color: #efefef;
  overflow: hidden;
}
.intro_img img {
  max-width: 1920px;
  width: 100%;
  height: 25.884rem;
  margin: 0 auto;
  object-fit: cover;
  object-position: center bottom;
}
.intro_txt {
  max-width: 62.369rem;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.intro_feature {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.963rem;
}
.intro_feature li {
  width: 22.279rem;
  border-radius: 0.943rem;
  background-color: #006d5e;
  margin-top: 1.25rem;
  font-size: 1.383rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  padding-top: 1rem;
  padding-bottom: 1.188rem;
}

/* .high
/* -------------------------------------------------------- */
.high_imgbox {
  margin: 0 auto;
  height: 21.319rem;
  background: url("../images/pronair/high_bg.svg") no-repeat top center;
  background-size: contain;
  display: flex;
  align-items: center;
  padding-left: 2.731rem;
}
.high_imgbox_txt {
  width: 18.188rem;
  margin-right: 1.431rem;
  font-size: 1.24rem;
  letter-spacing: 0.05em;
  line-height: 1.857;
  text-align: left;
  color: #006d5e;
  font-weight: 700;
}
.high_imgbox_img {
  width: 30.607rem;
}
/* .high_effc
/* -------------------------------------------------------- */
.high_effc {
  position: relative;
  padding-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.high_effc:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 3.25rem;
  height: 1.75rem;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  bottom: -1.75rem;
  background-color: #FFFFFF;
}
.high_effc_inner {
  padding-top: 4.375rem;
  padding-bottom: 4.188rem;
  background-color: #ebebeb;
  position: relative;
}
.high_effc_inner:before, .high_effc_inner:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 3.25rem;
  height: 1.75rem;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.high_effc_inner:before {
  top: 0;
  background-color: #ffffff;
}
.high_effc_inner:after {
  bottom: -1.75rem;
  background-color: #ebebeb;
}
.high_effc h3 {
  font-weight: 700;
  font-size: 1.534rem;
  letter-spacing: 0.1em;
  color: #c30d23;
  text-align: center;
  margin-top: 3.25rem;
}
.high_effc h3 strong {
  font-size: 1.5em;
}
.high_effc h3 .highlight {
  background: none;
}
.high_effc_imgbox {
  width: 36.25rem;
  margin: 1.125rem auto 0;
}
.high_effc_imgbox img {
  width: 32.125rem;
}
.high_effc_txt {
  margin-top: 3.125rem;
  font-size: 0.841rem;
  letter-spacing: 0.2em;
  line-height: 1.632;
  text-align: center;
}
.high_effc_table {
  width: 36.25rem;
  margin: 3.75rem auto 0;
  border-spacing: 0.75rem;
}
.high_effc_table img {
  margin: 0 auto;
  width: 14.125rem;
}
.high_effc_table th {
  font-weight: 400;
}
.high_effc_table th.other, .high_effc_table th.pronair {
  background-color: #595757;
  font-size: 0.868rem;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 0.625rem;
  width: 15.625rem;
}
.high_effc_table th.other span, .high_effc_table th.pronair span {
  font-size: 0.7em;
}
.high_effc_table .winter th img {
  width: 2.063rem;
}
.high_effc_table .winter td {
  background-color: #BBD6E4;
  padding: 1.25rem 0.625rem 0.625rem;
}
.high_effc_table .summer th img {
  width: 3.75rem;
}
.high_effc_table .summer td {
  background-color: #F8C170;
  padding: 0.625rem;
}
.high_effc_table_txt {
  display: flex;
  justify-content: flex-end;
  width: 36.25rem;
  margin: 0 auto;
}
.high_effc_table_txt > p {
  width: 15.625rem;
  margin-right: 0.75rem;
  text-align: left;
}
.high_effc_table_txt > p:nth-of-type(1) {
  font-size: 0.532rem;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
.high_effc_table_txt > p:nth-of-type(2) {
  font-size: 0.479rem;
  line-height: 1.778;
  padding-left: 3.125rem;
  vertical-align: top;
  letter-spacing: -0.02em;
}
/* .high_motor
/* -------------------------------------------------------- */
.high_motor {
  background-color: #ebebeb;
  padding-top: 4.375rem;
  padding-bottom: 2.813rem;
  position: relative;
}
.high_motor:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 3.245rem;
  height: 1.747rem;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  bottom: -1.747rem;
  background-color: #ebebeb;
}
.high_motor_inner {
  max-width: 57.5rem;
  width: 100%;
  margin: 2.85rem auto 0;
  display: flex;
  justify-content: space-between;
  font-size: 0.816rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.high_motor_save {
  max-width: 39.375rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.high_motor_save_img {
  width: 61.905%;
}
.high_motor_save_txt {
  margin-top: 1.063rem;
  width: 34.921%;
}
.high_motor_save_txt ul {
  margin-bottom: 1.531rem;
}
.high_motor_save_txt p {
  letter-spacing: 0.01em;
}
.high_motor_save_term {
  width: 100%;
}
.high_motor_air {
  width: 18.125rem;
  background-color: #FFFFFF;
  padding: 1.25rem;
  border-radius: 0.979rem;
}
.high_motor_air_ttl {
  font-size: 1.336rem;
  letter-spacing: 0.05em;
  line-height: 2.249;
  text-align: center;
}
.high_motor_air_txt {
  margin: 1.5rem 0.625rem 0;
}
.high_motor .kome {
  font-size: 0.734rem;
  display: inline-flex;
}
/* .high_cmpr
/* -------------------------------------------------------- */
.high_cmpr {
  margin-top: 4.375rem;
}
.high_cmpr h4 {
  border-radius: 1.25rem;
  background: #006d5e;
  font-size: 1.329rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  padding: 0.625rem;
  margin-left: auto;
  margin-right: auto;
}
.high_cmpr h5 {
  font-size: 0.974rem;
  max-width: 45rem;
  width: 100%;
  margin: 0 auto;
}
.high_cmpr h5 span.img {
  width: 25.99rem;
  display: inline-block;
  margin-left: 4.25rem;
}
.high_cmpr h5:nth-of-type(2) {
  margin-top: 3.044rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 0.901rem;
  line-height: 1.75;
}
.high_cmpr h5:nth-of-type(2) span.kome {
  font-size: 0.531rem;
}
.high_cmpr_img01 {
  margin: 0.75rem auto 0;
  max-width: 50rem;
  width: 100%;
}
.high_cmpr_img02 {
  margin: 0.625rem auto 0;
  max-width: 45rem;
  width: 100%;
}
.high_cmpr_img03 {
  margin: 1.2rem auto 0;
  max-width: 45rem;
  width: 100%;
}
.high_cmpr_stnd h4 {
  margin-top: 2.131rem;
}
.high_cmpr_rcmd h4 {
  margin-top: 3.438rem;
}
.high_cmpr_rcmd .high_cmpr_img03 {
  margin-top: -1.125rem;
}

/* .cost
/* -------------------------------------------------------- */
.cost {
  margin-top: 4.375rem;
}
.cost h3 {
  margin: 2.375rem auto 0;
  border-radius: 9999px;
  border: 1px solid #006d5e;
  padding: 0.625rem;
  font-size: 1.573rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #006d5e;
  font-weight: 700;
}
.cost h4 {
  width: 100%;
  border-radius: 0.725rem;
  background: #006d5e;
  font-size: 1.152rem;
  letter-spacing: 0.05em;
  line-height: 1.653;
  color: #fff;
  position: relative;
  font-weight: 700;
  padding: 0.625rem 1.25rem;
}
.cost_catch {
  margin-top: 1.563rem;
  font-size: 1.224rem;
  letter-spacing: 0.05em;
  color: #006d5e;
  font-weight: 700;
  line-height: 1.466;
}
.cost_catch .marker {
  background: linear-gradient(transparent 60%, #d9e9e7 60%);
}
.cost_txtbox {
  max-width: 19.719rem;
}
.cost_txt {
  margin-top: 0.938rem;
  font-size: 0.798rem;
  letter-spacing: 0.05em;
  line-height: 1.666;
  margin-right: -0.938rem;
  text-align: justify;
}
.cost_wrp.floor, .cost_wrp.wall {
  margin-top: 3.125rem;
  border-top: 1px solid #006d5e;
}
.cost_wrp > div {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.cost_wrp.balancing > div {
  max-width: 56.313rem;
}
.cost_wrp.balancing h4 {
  padding: 0.938rem;
  text-align: center;
}
.cost_wrp.balancing h4:before {
  content: "オススメ";
  display: block;
  background-color: #231815;
  font-size: 1.168rem;
  text-align: center;
  color: #fff;
  width: 5.373rem;
  position: absolute;
  transform: rotate(-8deg);
  top: -1.688rem;
  left: -0.938rem;
  padding: 0 0.313rem;
  font-weight: 400;
}
.cost_wrp.balancing .cost_txtbox {
  width: 24.625rem;
  margin-top: 4.144rem;
}
.cost_wrp.balancing .cost_catch {
  display: inline-block;
}
.cost_wrp.balancing .cost_txt {
  position: relative;
}
.cost_wrp.balancing .cost_txt:after {
  content: "";
  position: absolute;
  bottom: -2.75rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 2.719rem;
  height: 2.25rem;
  background: #006d5e;
  clip-path: polygon(0 36.1%, 29.3% 36.1%, 29.3% 0, 70.7% 0, 70.7% 36.1%, 100% 36.1%, 50% 100%);
}
.cost_wrp.balancing dl {
  border-radius: 0.979rem;
  background: #cce2df;
  line-height: 1.234;
  color: #231815;
  margin-top: 3.125rem;
  padding: 0.938rem 1.25rem;
}
.cost_wrp.balancing dl dt {
  font-size: 0.946rem;
  color: #006d5e;
  font-weight: 700;
  margin-bottom: 0.2em;
}
.cost_wrp.balancing dl dt:nth-of-type(n+2) {
  margin-top: 0.625rem;
}
.cost_wrp.balancing dl dd {
  font-size: 0.841rem;
}
.cost_wrp.balancing .cost_img {
  width: 28.563rem;
}
.cost_wrp.floor > div {
  max-width: 49.778rem;
}
.cost_wrp.floor .cost_img {
  width: 24.593rem;
  margin-right: 5.469rem;
}
.cost_wrp.floor .cost_txtbox {
  margin-top: 6.65rem;
}
.cost_wrp.wall > div {
  max-width: 50.523rem;
}
.cost_wrp.wall .cost_img {
  width: 24.153rem;
}
.cost_wrp.wall .cost_txtbox {
  margin-top: 8.494rem;
  margin-right: 6.65rem;
}

/* .easy
/* -------------------------------------------------------- */
.easy {
  margin-top: 4.375rem;
}
.easy .cnrcut {
  background: url("../images/pronair/easy_cornercut.svg") no-repeat top left;
  background-size: contain;
  font-size: 1.058rem;
  letter-spacing: 0.05em;
  color: #fff;
  width: 5.403rem;
  height: 1.772rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.easy_inner {
  margin: 2.938rem auto 0;
  display: flex;
  justify-content: space-between;
}
.easy_cycl {
  position: relative;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  background-color: #ebebeb;
}
.easy_cycl:before, .easy_cycl:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 3.245rem;
  height: 1.747rem;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.easy_cycl:before {
  top: 0;
  background-color: #ffffff;
}
.easy_cycl:after {
  bottom: -1.747rem;
  background-color: #ebebeb;
}
.easy_cycl_txtbox {
  width: 19.79rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.easy_cycl_strc ul {
  font-size: 0.941rem;
  letter-spacing: 0.06em;
  line-height: 1.708;
  margin-top: 0.625rem;
}
.easy_cycl_strc ul li {
  margin-bottom: 1.5em;
  display: flex;
  text-align: justify;
}
.easy_cycl_strc ul li:before {
  flex-shrink: 0;
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  background-color: #231815;
  margin-right: 0.3em;
  margin-top: 0.55em;
}
.easy_cycl_arrow {
  margin-bottom: 2.25rem;
}
.easy_cycl_arrow li {
  display: flex;
  align-items: center;
  margin-top: 1.063rem;
  font-size: 1.301rem;
}
.easy_cycl_arrow li:before {
  content: "";
  display: inline-block;
  width: 5.063rem;
  height: 1.688rem;
  clip-path: polygon(0 22.2%, 82.7% 22.2%, 82.7% 0, 100% 50%, 82.7% 100%, 82.7% 77.8%, 0 77.8%);
  margin-right: 1.125rem;
}
.easy_cycl_arrow li:first-child:before {
  background: #3b5e84;
}
.easy_cycl_arrow li:nth-child(2):before {
  background: #e27a33;
}
.easy_cycl_img {
  width: 33.499rem;
}
.easy_cycl_effc {
  margin: 1.538rem auto 0;
}
.easy_cycl_effc > div {
  display: flex;
  justify-content: space-between;
}
.easy_cycl_effc > div > ul {
  width: 36.875rem;
  margin-top: 1.156rem;
  background: url("../images/pronair/easy_arw.svg") no-repeat right center;
  background-size: 5.313rem;
  padding-right: 5.313rem;
}
.easy_cycl_effc > div > ul li {
  font-size: 1.137rem;
  letter-spacing: 0.05em;
  line-height: 1.797;
  color: #006d5e;
  font-weight: 700;
}
.easy_cycl_effc > div > p {
  width: 17.421rem;
  background-color: #d7d7d7;
  border-radius: 0.976rem;
  padding: 1.563rem 1.875rem;
  font-size: 1.301rem;
  letter-spacing: 0.1em;
  line-height: 1.421;
}
.easy_fltr {
  position: relative;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
.easy_fltr:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 3.245rem;
  height: 1.747rem;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  bottom: -1.747rem;
  background-color: #ffffff;
}
.easy_fltr_txt {
  width: 16.25rem;
  font-size: 1.329rem;
  letter-spacing: 0.1em;
  line-height: 1.833;
  color: #000;
  display: flex;
  align-items: center;
}
.easy_fltr_img {
  width: 33.063rem;
  margin-top: -3.125rem;
}
.easy_fltr_img p {
  font-size: 0.801rem;
  margin-top: 0.35rem;
}
.easy_clng {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  background-color: #ebebeb;
}
.easy_clng_01 {
  align-items: flex-end;
  position: relative;
  padding-bottom: 2.853rem;
}
.easy_clng_01:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 9.592rem;
  height: 2.071rem;
  background: #006d5e;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.easy_clng_01 > div:first-child {
  width: 17.694rem;
  font-size: 1.329rem;
  letter-spacing: 0.03em;
  line-height: 1.833;
}
.easy_clng_01 > div:nth-child(n+2) {
  width: 17.813rem;
  height: 15.25rem;
  justify-content: center;
}
.easy_clng_01 > div:nth-child(2) img {
  width: 14rem;
}
.easy_clng_01 > div:nth-child(3) img {
  width: 15.375rem;
}
.easy_clng_box {
  border-radius: 0.641rem;
  background: #fff;
  border: 1px solid #006d5e;
  display: flex;
  align-items: center;
}
.easy_clng_02 {
  margin-top: 1.513rem;
  justify-content: space-between;
  padding: 1.938rem 3.313rem 1.313rem 1.813rem;
}
.easy_clng_02 > div:first-child {
  width: 17.19rem;
}
.easy_clng_02 > div:first-child p:first-child {
  font-size: 1.019rem;
  letter-spacing: 0.05em;
  line-height: 1.956;
  color: #006d5e;
  font-weight: 500;
}
.easy_clng_02 > div:first-child p:first-child span {
  font-size: 1.2em;
  font-weight: 700;
}
.easy_clng_02 > div:first-child p:nth-child(2) {
  font-size: 0.588rem;
  line-height: 1;
  font-weight: 500;
  margin-top: 0.188rem;
  margin-left: 3.125rem;
}
.easy_clng_02 > div:first-child ul {
  font-size: 0.534rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 1.875rem;
}
.easy_clng_02 > div:nth-child(2) {
  width: 29.273rem;
}
.easy_clng_02 .marker {
  background: linear-gradient(transparent 80%, #fff000 80%);
}
.easy_clng h4 {
  margin-top: 2.9rem;
  font-size: 1.329rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #006d5e;
  font-weight: 700;
}
.easy_clng_paid {
  align-items: flex-end;
}
.easy_clng_paid > div:first-child {
  width: 24.169rem;
}
.easy_clng_paid > div:first-child > p {
  font-size: 1.152rem;
  letter-spacing: 0.1em;
}
.easy_clng_paid > div:first-child > ul {
  margin-top: 0.625rem;
  width: 24.063rem;
  position: relative;
  padding-right: 5.313rem;
}
.easy_clng_paid > div:first-child > ul:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 4.688rem;
  height: 6.125rem;
  background: #b3bfce;
  clip-path: polygon(0 25.5%, 46.3% 25.5%, 46.3% 0, 100% 50%, 46.3% 100%, 46.3% 74.5%, 0 74.5%);
}
.easy_clng_paid > div:first-child > ul li {
  border-radius: 0.5rem;
  background: #006d5e;
  font-size: 1.264rem;
  letter-spacing: 0.1em;
  color: #fff;
  height: 2.75rem;
  display: flex;
  align-items: center;
  margin-top: 0.313rem;
  background-color: #006d5e;
}
.easy_clng_paid > div:first-child > ul li:before {
  content: "";
  width: 2.188rem;
  height: 2.25rem;
  background: no-repeat center center #FFFFFF;
  background-size: 2.063rem;
  margin-left: 0.313rem;
  margin-right: 0.75rem;
  border-radius: 0.337rem;
}
.easy_clng_paid > div:first-child > ul li:first-child:before {
  background-image: url("../images/pronair/easy_icn01.svg");
}
.easy_clng_paid > div:first-child > ul li:nth-child(2):before {
  background-image: url("../images/pronair/easy_icn02.svg");
}
.easy_clng_paid > div:first-child > ul li:nth-child(3):before {
  background-image: url("../images/pronair/easy_icn03.svg");
}
.easy_clng_paid > div:first-child > ul li:nth-child(4):before {
  background-image: url("../images/pronair/easy_icn04.svg");
}
.easy_clng_paid > p:first-of-type {
  width: 14.375rem;
  height: 12.034rem;
  border-radius: 1.011rem;
  background: #bcbcbc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.179rem;
  letter-spacing: 0.06em;
  line-height: 1.389;
  color: #fff;
  font-weight: 700;
}
.easy_clng_paid > p:nth-of-type(2) {
  width: 15.313rem;
  font-size: 0.843rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

/* .free
/* -------------------------------------------------------- */
.free {
  margin-top: 4.375rem;
  margin-bottom: 4.375rem;
}
.free_vrtn {
  position: relative;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
  background-color: #ebebeb;
}
.free_vrtn:before, .free_vrtn:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 3.245rem;
  height: 1.747rem;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.free_vrtn:before {
  top: 0;
  background-color: #ffffff;
}
.free_vrtn:after {
  bottom: -1.747rem;
  background-color: #ebebeb;
}
.free_vrtn h4 {
  width: 27.151rem;
  height: 2.625rem;
  padding-left: 0.625rem;
  background: linear-gradient(-135deg, transparent 10px, #006d5e 0);
  font-size: 1.299rem;
  letter-spacing: 0.05em;
  color: #fff;
  display: flex;
  align-items: center;
}
.free_vrtn_wrp:nth-of-type(n+2) {
  border-top: 1px dashed #7d8a7d;
  margin-top: 3.75rem;
  padding-top: 3.75rem;
}
.free_vrtn_wrp:first-of-type {
  margin-top: 2.938rem;
}
.free_vrtn_wrp > section {
  max-width: 55.902rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.free_vrtn_imgbox {
  max-width: 27.211rem;
  width: 100%;
}
.free_vrtn_imgbox > div {
  margin-top: 0.625rem;
}
.free_vrtn_txtbox {
  max-width: 25.336rem;
  width: 100%;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.free_vrtn_txtbox > p {
  font-size: 0.779rem;
  letter-spacing: 0.02em;
  line-height: 1.76;
}
.free_vrtn_txtbox > div {
  margin: 0 auto;
}
.free_vrtn_txtbox > div.dgrm01 {
  width: 10.795rem;
}
.free_vrtn_txtbox > div.dgrm02 {
  width: 24.901rem;
}
.free_vrtn_txtbox > div.dgrm03 {
  width: 10.669rem;
}
.free_exmp {
  max-width: 55.902rem;
  width: 100%;
  margin: 4rem auto 0;
}
.free_exmp h4 {
  font-weight: 600;
  font-size: 1.125rem;
  display: flex;
}
.free_exmp h4:before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  flex-shrink: 0;
  background-color: #231815;
  margin-right: 0.2em;
  margin-top: 0.2em;
}
.free_exmp_dmns {
  margin-top: 3.063rem;
  display: flex;
  justify-content: space-between;
}
.free_exmp_dmns > div:nth-of-type(1) {
  width: 18.75rem;
}
.free_exmp_dmns > div:nth-of-type(2) {
  width: 35.25rem;
}
.free_exmp_dmns h4.block_sp {
  display: none;
}
.free_exmp_dmns h4 {
  margin-top: 3.75rem;
}
.free_exmp_dmns_stit {
  font-size: 1.125rem;
  width: 16.25rem;
  background: #9e9f9f;
  color: #FFFFFF;
  font-weight: 600;
  padding: 0.313rem;
  margin-top: 0.938rem;
}
.free_exmp_dmns ul {
  font-weight: 600;
  margin-top: 0.625rem;
  line-height: 1.5;
}
.free_exmp_dmns ul li {
  display: flex;
}
.free_exmp_dmns ul li:before {
  content: "";
  width: 0.2em;
  height: 0.2em;
  flex-shrink: 0;
  background-color: #231815;
  margin-right: 0.4em;
  margin-top: 0.8em;
  border-radius: 9999px;
}
.free_exmp_dgrm {
  margin-top: 2.813rem;
  display: flex;
  justify-content: space-between;
}
.free_exmp_dgrm > div:first-child {
  max-width: 18.75rem;
  width: 100%;
}
.free_exmp_dgrm > div:nth-child(2) {
  max-width: 31.5rem;
  width: 100%;
  margin-right: 3.75rem;
}
.free_exmp_dgrm h4 {
  margin-top: 1.875rem;
}
.free_exmp_prfm {
  margin-top: 2.813rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.free_exmp_prfm section > div {
  margin-top: 0.813rem;
}
.free_exmp_prfm section:nth-child(1) {
  width: 27rem;
}
.free_exmp_prfm section:nth-child(n+2) {
  width: 26.563rem;
}
.free_exmp_prfm section:nth-child(n+3) {
  margin-top: 4.688rem;
}
.free_exmp_optn {
  margin-top: 5.813rem;
}
.free_exmp_optn h4 {
  border-bottom: 1px solid #7d897d;
  padding-bottom: 0.375rem;
}
.free_exmp_optn_img {
  width: 48.25rem;
  margin: 1.75rem auto 0;
}

/* .corporate
/* -------------------------------------------------------- */
.corporate {
  margin-top: 5.625rem;
}
.corporate h2 {
  background-color: transparent;
  text-align: center;
}
.corporate_table {
  border-bottom: 0.5px solid #282828;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.875rem;
}
.corporate_table dt, .corporate_table dd {
  border-top: 0.5px solid #282828;
  color: #282828;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 4.625rem;
}
.corporate_table dt {
  width: 25%;
  background-color: #efefef;
  font-size: 1.125rem;
  letter-spacing: 0.3em;
  line-height: 1.2;
  justify-content: center;
  text-align: center;
}
.corporate_table dd {
  width: 75%;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 1.3;
  padding: 1.563rem 1.563rem 1.563rem 2.188rem;
}

/* .contact
/* -------------------------------------------------------- */
.hubspot_contact_form {
  max-width: 1000px;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  margin: 6.875rem auto 0;
}
.hubspot_contact_form h2 {
  margin-bottom: 3.125rem;
}
.hubspot_contact_form h1 {
  margin-bottom: 3.125rem;
  font-size: 2.5rem;
  text-align: center;
}

.contact_thanks {
  font-size: 1.313rem;
  line-height: 2.5;
  text-align: center;
  margin-top: 9.375rem;
  margin-bottom: 9.375rem;
}

/* ======================================================== */
/*      PC footer 
/* ======================================================== */
.footer {
  margin: 7.5rem auto 0;
  background-color: #E7E7E7;
  text-align: center;
}
.footer_lead {
  font-family: "Zen Old Mincho", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 1.313rem;
  letter-spacing: 0.3em;
  line-height: 1.571;
  background-color: #AAAAAA;
  color: #FFFFFF;
  font-weight: 700;
  height: 9.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.footer_lead:after {
  content: "";
  position: absolute;
  bottom: -0.938rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 2rem;
  height: 1rem;
  background: #AAAAAA;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.footer_contact {
  font-size: 1.063rem;
  letter-spacing: 0.08em;
  background-color: #7D7D7D;
  width: 9.125rem;
  height: 1.5rem;
  margin: 2.938rem auto 0;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_logo {
  margin: 1rem auto 0;
  width: 9.313rem;
}
.footer_address {
  margin-top: 1.25rem;
  font-size: 1rem;
}
.footer_tel {
  margin: 0.688rem auto 0;
  width: 24.063rem;
}
.footer_time {
  margin-top: 0.625rem;
  font-size: 1rem;
}
.footer_mail {
  margin: 0.938rem auto 0;
  width: 13.188rem;
}
.footer_copy {
  font-size: 0.875rem;
  margin-top: 2.938rem;
  height: 3.938rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
}

@media screen and (max-width: 790px) {
  /* ======================================================== */
  /*      SP Common                             
  /* ======================================================== */
  html {
    font-size: clamp(1px, 2.133vw, 100px);
  }

  h2:not([class]) {
    padding: 0.5rem 0 0.5rem;
  }
  h2:not([class]) span {
    padding-left: 2.5rem;
  }
  h2:not([class]) img {
    block-size: 8.031rem;
  }

  .contwrp {
    max-width: 100%;
  }

  .num_ttl {
    width: 6.15rem;
  }

  .ttlstyle01 {
    margin-top: 2.938rem;
    font-size: 2.436rem;
    line-height: 1.454;
  }

  .catchcopy {
    font-size: 1.418rem;
    letter-spacing: 0.1em;
    line-height: 1.719;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .spwidth-M {
    width: 40.938rem;
    margin-left: auto;
    margin-right: auto;
  }

  /* ======================================================== */
  /*      SP header    
  /* ======================================================== */
  .header_inner {
    padding-left: 2.667%;
    padding-right: 2.667%;
  }
  .header_contact a {
    width: 13.773rem;
    font-size: 1.418rem;
    padding-left: 2.963rem;
  }
  .header_contact a:before, .header_contact a:after {
    top: calc(50% - 0.125rem);
    left: 0.875rem;
    width: 1.375rem;
    height: 0.213rem;
    transform-origin: calc(100% - 0.106rem) 50%;
  }
  .header_contact a:before {
    transform: rotate(47.7deg);
  }
  .header_contact a:after {
    transform: rotate(-47.7deg);
  }
  .header_nav_list {
    width: 32.5rem;
    margin-right: 0;
    padding: 2.188rem;
  }
  .header_nav_list:before {
    left: auto;
    right: 1.25rem;
  }
  .header_nav_list li:first-child {
    order: 1;
    width: 60%;
  }
  .header_nav_list li:nth-child(2) {
    order: 3;
    width: 60%;
  }
  .header_nav_list li:nth-child(3) {
    order: 5;
    width: 60%;
  }
  .header_nav_list li:nth-child(4) {
    order: 2;
    width: 40%;
  }
  .header_nav_list li:nth-child(5) {
    order: 4;
    width: 40%;
  }
  .header_nav_list li:nth-child(6) {
    order: 6;
    width: 40%;
  }
  .header_nav_list a {
    font-size: 1.328rem;
  }
  .header_nav_list a:before {
    width: 0.606rem;
    height: 0.606rem;
  }
}
@media screen and (max-width: 790px) and (max-width: 600px) {
  #MenuBtn {
    margin-left: 10px;
    height: 18px;
    width: 26px;
    padding: 8px 10px;
  }
  #MenuBtn span {
    width: 26px;
    height: 2px;
  }
  #MenuBtn span:nth-child(1) {
    top: 2px;
  }
  #MenuBtn span:nth-child(2) {
    top: 9px;
  }
  #MenuBtn span:nth-child(3) {
    bottom: 0;
  }
  #MenuBtn.active span:nth-child(1) {
    top: 8px;
  }
  #MenuBtn.active span:nth-child(3) {
    bottom: 8px;
  }
}
@media screen and (max-width: 790px) {
  /* ======================================================== */
  /*      SP main            
  /* ======================================================== */
  /* .mv
  /* -------------------------------------------------------- */
  .mv_bg {
    height: 44.375rem;
  }
  .mv_bg picture {
    display: block;
    overflow: hidden;
    height: 18.75rem;
  }
  .mv_catch {
    top: 6.875rem;
    right: 4.444rem;
    font-size: 2.465rem;
    writing-mode: vertical-rl;
    z-index: 22;
  }
  .mv_cnts .contwrp {
    height: 21.875rem;
  }
  .mv_ttl {
    width: 32.355rem;
    padding-top: 1.75rem;
    margin-left: 1.875rem;
  }
  .mv_txt {
    font-size: 1.281rem;
    letter-spacing: 0;
    line-height: 1.7;
    margin-top: 1.438rem;
    margin-left: 1.875rem;
    width: 21.25rem;
  }
  .mv_imgbox {
    padding-top: 11.25rem;
    bottom: -7.4rem;
    z-index: 22;
  }
  .mv_imgbox .contwrp {
    overflow: hidden;
  }
  .mv_imgbox picture {
    width: 27.813rem;
    margin-right: -0.938rem;
  }

  /* .intro
  /* -------------------------------------------------------- */
  .intro {
    height: 73.313rem;
  }
  .intro_img img {
    height: 22.75rem;
  }
  .intro_catch {
    position: absolute;
    font-size: 1.418rem;
    letter-spacing: 0.05em;
    line-height: 1.719;
    text-align: right;
    color: #231815;
    right: 7.781rem;
    bottom: 1.838rem;
  }
  .intro_txt {
    top: 0.625rem;
    max-width: 43.75rem;
  }
  .intro_feature {
    bottom: 5rem;
  }
  .intro_feature li {
    width: 29.474rem;
    margin-top: 1.563rem;
    border-radius: 1.248rem;
    font-size: 2.461rem;
  }

  /* .high
  /* -------------------------------------------------------- */
  .high_imgbox {
    height: 32.056rem;
    background: url("../images/pronair/high_bg_sp.svg") no-repeat top center;
    display: block;
    padding: 1.875rem 1.25rem;
  }
  .high_imgbox_txt {
    width: auto;
    text-align: center;
    margin-right: 0;
    font-size: 1.594rem;
    line-height: 1.5;
  }
  .high_imgbox_img {
    width: 36.408rem;
    margin: 2.5rem auto 0;
  }
  /* .high_effc
  /* -------------------------------------------------------- */
  .high_effc {
    padding-bottom: 3.75rem;
    margin-top: 3.125rem;
  }
  .high_effc_inner {
    padding-top: 4.375rem;
    padding-bottom: 3.125rem;
  }
  .high_effc h3 {
    font-size: 2.658rem;
    line-height: 1.6;
    margin-top: 0.625rem;
  }
  .high_effc h3 strong:nth-of-type(2) {
    font-size: 1em;
  }
  .high_effc h3 .highlight {
    background-image: linear-gradient(0deg, #fff100 0.5em, transparent 0.5em);
  }
  .high_effc_imgbox {
    width: 43.75rem;
    margin-top: 2.331rem;
  }
  .high_effc_imgbox img {
    width: 100%;
  }
  .high_effc_txt {
    font-size: 1.418rem;
    letter-spacing: 0;
    line-height: 1.719;
    text-align: left;
    width: 37.5rem;
    margin: 1.706rem auto 0;
  }
  .high_effc_table {
    width: 100%;
    padding-right: 1.438rem;
  }
  .high_effc_table img {
    width: 17.063rem;
  }
  .high_effc_table th.other, .high_effc_table th.pronair {
    font-size: 1.418rem;
    padding-top: 0.438rem;
    padding-bottom: 0.438rem;
    width: 18.75rem;
  }
  .high_effc_table .winter th img {
    width: 2.98rem;
  }
  .high_effc_table .winter td {
    padding: 0.625rem;
  }
  .high_effc_table .summer th img {
    width: 4.533rem;
  }
  .high_effc_table_txt {
    width: 38.25rem;
    margin-left: 6.375rem;
    display: block;
  }
  .high_effc_table_txt > p {
    width: 100%;
    margin-right: 0;
  }
  .high_effc_table_txt > p:nth-of-type(1) {
    font-size: 1.418rem;
    letter-spacing: 0.03em;
    line-height: 1.719;
  }
  .high_effc_table_txt > p:nth-of-type(2) {
    margin-top: 0.625rem;
    font-size: 1.418rem;
    line-height: 1.625;
    padding-left: 0;
  }
  /* .high_motor
  /* -------------------------------------------------------- */
  .high_motor {
    padding-bottom: 4.375rem;
  }
  .high_motor_inner {
    margin-top: 2.5rem;
    display: block;
    font-size: 1.418rem;
    line-height: 1.562;
  }
  .high_motor_save {
    display: block;
  }
  .high_motor_save_img {
    width: 33.37rem;
    margin: 1.775rem auto 0;
  }
  .high_motor_save_txt {
    width: 100%;
  }
  .high_motor_save_txt ul {
    margin-bottom: 1.25rem;
  }
  .high_motor_save_term {
    margin-top: 1.25rem;
  }
  .high_motor_air {
    margin-top: 2.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .high_motor_air_ttl {
    font-size: 1.772rem;
    text-align: left;
    width: 100%;
    order: 1;
    line-height: 1.4;
  }
  .high_motor_air_txt {
    margin: 0;
    width: 16.25rem;
    order: 2;
  }
  .high_motor_air_img {
    width: 21.25rem;
    order: 3;
  }
  .high_motor .kome {
    font-size: 1.418rem;
  }
  /* .high_cmpr
  /* -------------------------------------------------------- */
  .high_cmpr {
    margin: 4.063rem auto 0;
  }
  .high_cmpr h4 {
    font-size: 1.993rem;
    border-radius: 1.982rem;
  }
  .high_cmpr h5 {
    font-size: 1.506rem;
    margin-top: 3.125rem;
  }
  .high_cmpr h5 span.img {
    width: 40.625rem;
    margin-left: 0;
    margin-top: 1.25rem;
  }
  .high_cmpr h5:nth-of-type(2) {
    margin-top: 3.75rem;
    font-size: 1.418rem;
    line-height: 1.562;
  }
  .high_cmpr_img01 {
    margin-top: 1.25rem;
  }
  .high_cmpr_img02 {
    margin-top: 0.625rem;
    overflow-x: scroll;
  }
  .high_cmpr_img02 picture {
    max-width: 100rem;
    width: 100rem;
    display: block;
  }
  .high_cmpr_img03 {
    margin: 2.75rem auto 0;
  }
  .high_cmpr_rcmd .high_cmpr_img03 {
    margin-top: 1.063rem;
  }

  /* .cost
  /* -------------------------------------------------------- */
  .cost h3 {
    margin-top: 2.563rem;
    font-size: 1.993rem;
    font-weight: 400;
  }
  .cost h4 {
    font-size: 1.683rem;
    line-height: 1.316;
    padding: 0.625rem 1.25rem;
  }
  .cost_catch {
    margin-top: 1.375rem;
    font-size: 2.303rem;
    text-align: center;
    width: 100%;
  }
  .cost_catch .marker {
    padding-bottom: 0.15em;
    background: linear-gradient(transparent 70%, #d9e9e7 70%);
    display: block;
  }
  .cost_txtbox {
    max-width: 100%;
  }
  .cost_txt {
    margin-top: 1.063rem;
    font-size: 1.418rem;
    line-height: 1.562;
    margin-right: 0;
  }
  .cost_img {
    margin-top: 2.188rem;
  }
  .cost_wrp:nth-of-type(n+2) {
    border-top: none;
    margin-top: 2.875rem;
  }
  .cost_wrp > div {
    flex-wrap: wrap;
  }
  .cost_wrp.balancing h4 {
    font-size: 1.993rem;
  }
  .cost_wrp.balancing h4:before {
    font-size: 2.325rem;
    width: 10.402rem;
    top: -3rem;
    left: -1.438rem;
    transform: rotate(-6deg);
    padding: 0.125rem 0.313rem 0.25rem;
  }
  .cost_wrp.balancing .cost_txtbox {
    width: 100%;
    margin-top: 3.75rem;
  }
  .cost_wrp.balancing .cost_catch {
    display: block;
  }
  .cost_wrp.balancing .cost_txt:after {
    width: 3.037rem;
    height: 2.511rem;
  }
  .cost_wrp.balancing dl {
    padding: 1.25rem 1.563rem;
  }
  .cost_wrp.balancing dl dt {
    font-size: 1.417rem;
    margin-bottom: 0.3em;
  }
  .cost_wrp.balancing dl dt:nth-of-type(n+2) {
    margin-top: 0.938rem;
  }
  .cost_wrp.balancing dl dd {
    font-size: 1.417rem;
  }
  .cost_wrp.balancing .cost_img {
    width: 36.438rem;
  }
  .cost_wrp.floor .cost_img {
    width: 29.5rem;
    margin-right: 0;
    margin-left: 5.75rem;
    order: 2;
  }
  .cost_wrp.floor .cost_txtbox {
    margin-top: 0;
    order: 1;
  }
  .cost_wrp.wall .cost_catch {
    padding-bottom: 0.15em;
    background: linear-gradient(transparent 70%, #d9e9e7 70%);
    letter-spacing: 0.04em;
  }
  .cost_wrp.wall .cost_catch .marker {
    background: none;
    padding-bottom: 0;
    display: inline;
  }
  .cost_wrp.wall .cost_img {
    width: 29.5rem;
    margin-left: 5.75rem;
  }
  .cost_wrp.wall .cost_txtbox {
    margin-top: 0;
    margin-right: 0;
  }
  .cost_wrp.floor .cost_catch, .cost_wrp.wall .cost_catch {
    font-size: 1.506rem;
    line-height: 1.331;
    text-align: left;
    margin-top: 2.5rem;
  }

  /* .easy
  /* -------------------------------------------------------- */
  .easy .cnrcut {
    font-size: 1.584rem;
    width: 8.098rem;
    height: 2.656rem;
  }
  .easy_inner {
    margin: 2.813rem auto 0;
    display: block;
  }
  .easy_cycl_txtbox {
    width: 100%;
  }
  .easy_cycl_strc ul {
    font-size: 1.411rem;
    line-height: 1.708;
  }
  .easy_cycl_arrow {
    margin-bottom: 0;
    display: flex;
  }
  .easy_cycl_arrow li {
    margin-left: 4.563rem;
  }
  .easy_cycl_img {
    width: 100%;
  }
  .easy_cycl_effc {
    margin: 1.394rem auto 0;
  }
  .easy_cycl_effc .cnrcut {
    font-size: 1.3rem;
    width: 6.644rem;
    height: 2.179rem;
  }
  .easy_cycl_effc > div {
    display: block;
  }
  .easy_cycl_effc > div > ul {
    width: 100%;
    margin-top: 0.95rem;
    background: url("../images/pronair/easy_arw_sp.svg") no-repeat bottom center;
    background-size: 4.875rem;
    padding-right: 0;
    padding-bottom: 6.563rem;
  }
  .easy_cycl_effc > div > ul li {
    font-size: 1.575rem;
    line-height: 1.603;
  }
  .easy_cycl_effc > div > p {
    width: 100%;
    background-color: #7f7f7f;
    padding: 1.5rem;
    font-size: 1.5rem;
    letter-spacing: 0.07em;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    margin-top: 1.231rem;
  }
  .easy_fltr_txt {
    margin-top: 2.5rem;
  }
  .easy_fltr_img {
    margin-top: -0.625rem;
  }
  .easy_fltr_img p {
    font-size: 1.418rem;
    margin-top: 1.081rem;
  }
  .easy_clng_01 {
    padding-bottom: 3.688rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 2.25rem;
  }
  .easy_clng_01 > div:first-child {
    width: 100%;
    margin-bottom: 4.1rem;
    text-align: center;
  }
  .easy_clng_01 > div:nth-child(n+2) {
    width: 48%;
    height: 17.268rem;
  }
  .easy_clng_01 > div:nth-child(2) img {
    width: 15.833rem;
  }
  .easy_clng_01 > div:nth-child(3) img {
    width: 17.395rem;
  }
  .easy_clng_box {
    border-radius: 0.725rem;
  }
  .easy_clng_02 {
    margin-top: 1rem;
    padding: 1.5rem 1.813rem;
  }
  .easy_clng_02 > div:first-child {
    width: 100%;
  }
  .easy_clng_02 > div:first-child p:first-child {
    font-size: 1.418rem;
    line-height: 1.562;
    text-align: center;
  }
  .easy_clng_02 > div:first-child p:nth-child(2) {
    font-size: 0.886rem;
    margin-top: 0.5rem;
    margin-left: 16.875rem;
  }
  .easy_clng_02 > div:first-child ul {
    font-size: 0.886rem;
    line-height: 1.5;
    margin-top: 0.938rem;
    margin-left: 1.688rem;
  }
  .easy_clng_02 > div:nth-child(2) {
    margin: 1.313rem auto 0;
  }
  .easy_clng h4 {
    margin-top: 3.05rem;
    font-size: 1.993rem;
    letter-spacing: 0;
  }
  .easy_clng_paid {
    margin-top: 2.463rem;
    display: flex;
    flex-wrap: wrap;
  }
  .easy_clng_paid > div:first-child {
    width: 100%;
    margin-bottom: 0.338rem;
  }
  .easy_clng_paid > div:first-child > p {
    font-size: 1.329rem;
  }
  .easy_clng_paid > div:first-child > ul {
    width: 33.296rem;
    padding-right: 0;
    padding-bottom: 4.688rem;
    margin: 2.463rem auto 0;
  }
  .easy_clng_paid > div:first-child > ul:after {
    right: auto;
    top: auto;
    bottom: 0;
    left: 6.688rem;
    transform: none;
    width: 4.125rem;
    height: 3.625rem;
    clip-path: polygon(0 51.7%, 26.5% 51.7%, 26.5% 0, 73.5% 0, 73.5% 51.7%, 100% 51.7%, 50% 100%);
  }
  .easy_clng_paid > div:first-child > ul li {
    border-radius: 0.892rem;
    font-size: 2.254rem;
    height: 4.913rem;
    margin-top: 0.594rem;
  }
  .easy_clng_paid > div:first-child > ul li:before {
    width: 3.938rem;
    height: 4rem;
    background-size: 3.125rem;
    margin-left: 0.525rem;
    margin-right: 1.319rem;
    border-radius: 0.601rem;
  }
  .easy_clng_paid > p:first-of-type {
    width: 17.5rem;
    height: 6.502rem;
    font-size: 1.418rem;
    line-height: 1.562;
    margin-left: 3.75rem;
  }
  .easy_clng_paid > p:nth-of-type(2) {
    width: 18.125rem;
    font-size: 0.974rem;
    letter-spacing: 0.02em;
    line-height: 1.818;
  }

  /* .free
  /* -------------------------------------------------------- */
  .free_vrtn h4 {
    width: 41.029rem;
    height: 3.797rem;
    padding-left: 1.094rem;
    background: linear-gradient(-135deg, transparent 16px, #006d5e 0);
    font-size: 1.963rem;
  }
  .free_vrtn_wrp:nth-of-type(n+2) {
    border-top: none;
    margin-top: 4.931rem;
    padding-top: 0;
  }
  .free_vrtn_wrp > section {
    display: block;
  }
  .free_vrtn_imgbox {
    max-width: 100%;
  }
  .free_vrtn_imgbox > div {
    margin-top: 1.056rem;
  }
  .free_vrtn_txtbox {
    max-width: 100%;
    margin-top: 1.575rem;
    display: block;
  }
  .free_vrtn_txtbox > p {
    font-size: 1.24rem;
    line-height: 1.786;
  }
  .free_vrtn_txtbox > div {
    margin-top: 3.125rem;
  }
  .free_vrtn_txtbox > div.dgrm01 {
    width: 23.301rem;
  }
  .free_vrtn_txtbox > div.dgrm02 {
    width: 39.674rem;
  }
  .free_vrtn_txtbox > div.dgrm03 {
    width: 23.493rem;
  }
  .free_exmp {
    max-width: 100%;
  }
  .free_exmp h4 {
    font-weight: 500;
    font-size: 1.875rem;
  }
  .free_exmp_dmns {
    margin-top: 5.781rem;
    flex-wrap: wrap;
  }
  .free_exmp_dmns > div:nth-of-type(1) {
    width: 100%;
    order: 2;
    margin-top: 0.938rem;
  }
  .free_exmp_dmns > div:nth-of-type(2) {
    margin: 1.981rem auto 0;
    order: 1;
  }
  .free_exmp_dmns h4.block_sp {
    display: flex;
  }
  .free_exmp_dmns h4 {
    margin-top: 0;
  }
  .free_exmp_dmns_stit {
    font-weight: 500;
    font-size: 1.875rem;
    width: 100%;
    padding: 0.313rem 0.625rem 0.438rem;
  }
  .free_exmp_dmns ul {
    font-weight: 500;
    line-height: 1.6;
    font-size: 1.313rem;
    display: flex;
    flex-wrap: wrap;
    letter-spacing: -0.02em;
  }
  .free_exmp_dmns ul li {
    width: 55%;
  }
  .free_exmp_dmns ul li:first-child {
    order: 1;
  }
  .free_exmp_dmns ul li:nth-child(2) {
    order: 3;
  }
  .free_exmp_dmns ul li:nth-child(3) {
    order: 5;
  }
  .free_exmp_dmns ul li:nth-child(4) {
    order: 2;
    width: 45%;
  }
  .free_exmp_dmns ul li:nth-child(5) {
    order: 7;
  }
  .free_exmp_dmns ul li:nth-child(6) {
    order: 4;
    width: 45%;
  }
  .free_exmp_dmns ul li:nth-child(7) {
    order: 6;
    width: 45%;
  }
  .free_exmp_dgrm {
    margin-top: 2.756rem;
    display: block;
  }
  .free_exmp_dgrm > div:nth-child(2) {
    margin-top: 1.856rem;
    margin-left: auto;
    margin-right: auto;
  }
  .free_exmp_dgrm h4 {
    margin-top: 0;
  }
  .free_exmp_prfm {
    margin-top: 3.231rem;
    display: block;
  }
  .free_exmp_prfm section {
    margin-top: 3.125rem;
  }
  .free_exmp_prfm section > div {
    margin-top: 1.25rem;
  }
  .free_exmp_prfm section:nth-child(1) {
    width: 100%;
  }
  .free_exmp_prfm section:nth-child(n+2) {
    width: 100%;
  }
  .free_exmp_prfm section:nth-child(n+3) {
    margin-top: 1.875rem;
  }
  .free_exmp_optn {
    margin-top: 2.631rem;
  }
  .free_exmp_optn h4 {
    border-bottom: none;
  }
  .free_exmp_optn_img {
    width: 105%;
    margin-top: 1.094rem;
    margin-right: 5%;
  }

  /* .corporate
  /* -------------------------------------------------------- */
  .corporate {
    margin-top: 5rem;
    margin: 5rem 1.875rem;
  }
  .corporate_table dt, .corporate_table dd {
    min-height: 5.188rem;
  }
  .corporate_table dt {
    width: 25%;
  }
  .corporate_table dd {
    width: 75%;
    padding: 1.563rem 1.563rem 1.563rem 2.188rem;
  }

  /* .contact
  /* -------------------------------------------------------- */
  .hubspot_contact_form h1 {
    margin-bottom: 0rem;
    text-align: center;
  }

  /* ======================================================== */
  /*      SP footer 
  /* ======================================================== */
  .footer {
    margin-top: 3.5rem;
  }
  .footer_lead {
    height: 13.313rem;
  }
  .footer_contact {
    font-size: 1.25rem;
    margin-top: 2.75rem;
    width: 10.813rem;
    height: 1.75rem;
  }
  .footer_logo {
    margin-top: 1.188rem;
    width: 11.063rem;
  }
  .footer_address {
    margin-top: 1.563rem;
    font-size: 1.188rem;
  }
  .footer_tel {
    margin-top: 0.938rem;
    width: 28.563rem;
  }
  .footer_time {
    margin-top: 0.938rem;
    font-size: 1.188rem;
  }
  .footer_mail {
    margin-top: 1.25rem;
    width: 15.688rem;
  }
  .footer_copy {
    margin-top: 2.5rem;
    height: 3.438rem;
    font-size: 1rem;
  }
}