@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
*,
*:before,
*:after {
  box-sizing: border-box;
}

a {
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
}

ul,
.article ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

img {
  max-width: 100%;
  width: 100%;
  vertical-align: bottom;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
}

.flex_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/************************************
** header
************************************/
.header-container { 
  background: transparent;
  position: relative;
  z-index: 1;
}
.header-container .header-container-in .header-in { width: 100%; max-width: 100%; }
.header-in .logo-header { 
  text-align: left;
  padding: 0;
}
.logo-header a.site-name { height: 60px; }
a.site-name span.site-name-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
}
a.site-name span.site-name-text img {
  -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.4));
  filter: drop-shadow(0px 0px 2px rgba(255, 255, 255, 0.4));
}

/************************************
** TOP
************************************/
#content { 
  margin-top: -60px;
  z-index: 0;
  position: relative;
}
.content .content-in { width: 100%; }
.home .content-in main { padding: 0; margin: 0; border: 0; }
.main_imgArea {
  width: 100%;
  position: relative;
  padding-top: 40%;
  background-image: url(https://sekisuiheim.hkd1.com/wp-content/uploads/2023/02/main.jpg);
  background-repeat: no-repeat;
  background-position: 50% 65%;
  background-size: cover;
  z-index: 0;
}

.main_imgArea .main_img_inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.main_img_inner .main_img_cont {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main_imgArea .main_imgtxt {
  font-size: 3.4em;
  line-height: 1.2em;
  font-weight: 900;
  font-family: 'Noto Serif JP', serif;
  padding: 20px;
  margin-top: 1.5em;
  letter-spacing: .2em;
  text-indent: 0.2em;
  text-shadow: 0 0 3px #fff;
}
.main_imgArea .main_img_caption {
  position: absolute;
  bottom: 5px;
  color: #fff;
  font-size: .9em;
  right: 10px;
  text-shadow: 0 0 2px #000;
}

.sec {
  padding: 80px 20px;
}

.sec .contInner {
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
}

.sec h2,
.sec_bg h2 {
  font-size: 2.1em;
  color: #001a55;
  line-height: 1.4;
  margin: 0 0 40px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
}

.hd_cont p {
  margin: 0 0 1em;
  text-align: justify;
}

.hd_cont+.hd_cont {
  margin-top: 50px;
}

.cont_imgbox .img_inner {
  position: relative;
  overflow: hidden;
}

.img_inner .ofi-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

/***** sec1 cont1 *****/
.hd_cont1 .cont1_inner,
.hdcont5_topArea {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cont1_inner .cont_txtArea,
.cont5_toptxtArea {
  width: 50%;
}

.cont1_inner .cont_imgArea,
.cont5_topimgArea {
  width: 45%;
}

.hd_cont1 .img_inner {
  padding-top: 70%;
}
.hd_cont1 .img_inner img {
  -o-object-position: right;
  object-position: right;
}

/***** sec1 cont2 *****/
.cont_imgArea .img_3colArea {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -10px;
}

.img_3colArea .cont_imgbox {
  width: calc(100% / 3);
  padding: 10px;
}

.img_3colArea .cont_imgbox .img_inner,
.cont5_topimgArea .cont_imgbox .img_inner {
  padding-top: 58%;
}

/***** sec1 cont3 *****/
.hd_cont3 .img_3colArea .cont_imgbox:first-child .img_inner .ofi-img {
  object-position: 50% 20%;
}
.hd_cont3 .cont_txtArea { margin-bottom: 1em; }
.hd_cont3 .cont_txtArea p { width: 55%; padding-right: 40px; }
.hd_cont3 .cont_txtArea .cont3_statArea { width: 45%; }
.cont3_statArea .cont3_stattxt_int {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cont3_stattxt_int .stat_icon {width: 35%;} 
.cont3_stattxt_int .stat_icon .stat_icon_int { max-width: 90px; width: 100%; margin: 0 auto; }
.cont3_stattxt_int .comp_txt {width: 65%;} 
.cont3_stattxt_int .comp_txt .comp_box { font-size: 1.05em; }
.cont_imgbox .cont_img_wtxt { 
  font-size: .9em;
  line-height: 1.2;
  margin-top: .3em;
  text-align: center;
}
.cont_imgbox .cont_img_wtxt span {
  margin-left: 1em;
  color: #ff9600;
  font-weight: 500;
}
.hd_cont3 .cont_imgbox:first-child .cont_img_wtxt span {
  display: block;
  margin-left: 0;
}


/***** sec1 cont5 *****/
.cont5_toptxtArea .txt_cc {
  color: #001a55;
  font-weight: 500;
  display: block;
  margin-top: 1em;
}

.cont5_toptxtArea i {
  font-size: .9em;
  padding: 0 .3em;
  color: #ff9600;
}

.cont5box_int {
  margin-top: 30px;
}

.cont5box_int .cont5box {
  margin-bottom: 1.2em;
}

h3 {
  font-size: 1.6em;
  line-height: 1.4;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  color: #001a55;
  margin: 20px 0;
}

h3.udline {
  position: relative;
  padding: 0 0 5px;
  border-bottom: 3px solid #001a55;
}

h3.udline:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: .75em;
  transform: translateX(-50%);
  width: 1.5em;
  height: 3px;
  background-color: rgba(255, 255, 255, .8);
}

.hd_cont5 .cont_imgbox .cont_img_wtxt { text-align: left; }

/***** sec_bg *****/
.sec_bg {
  background: #001a55;
  padding: 40px;
}

.sec_bg .contInner {
  background: rgba(255, 255, 255, .9);
  max-width: 1160px;
  padding: 40px;
  margin: 0 auto;
  width: 100%;
}

.sec_bg .needs_txt {
  color: #001a55;
  font-weight: 500;
  font-size: 1.1em;
  text-align: justify;
}

.btnArea {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.btnArea .btn_box {
  width: calc((100% - 40px) / 2);
}

.btn_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 40px;
  line-height: 1.6;
  background: #001a55;
  color: #fff;
  font-size: 1.05em;
  font-weight: 400;
  min-height: 80px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.btn_box a:after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 15px;
  font-weight: 900;
  color: #fff;
  padding-top: .2em;
}

.btn_box a:hover {
  background: #000d2f;
}

.btn_box a br {
  display: none;
}

/***** sec2 cont6 *****/
.cont6box_int .cont6box,
.cont7box_int .cont7box,
.cont8box_int .cont8box {
  margin-bottom: 30px;
}
.cont6box .cont_statArea {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cont_statArea .stat_box,
.cont_statAreafull,
.cont3_statArea .stat_box { 
  border: 2px solid #001a55;
  border-radius: 10px;
}
.cont_statArea .stat_box { width: calc((100% - 40px) / 3); }
.cont_statArea .stat_box h4,
.cont_statAreafull h4,
.cont3_statArea .stat_box h4 {
  background: #001a55;
  color: #fff;
  font-weight: 400;
  height: 60px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.2;
  padding-bottom: .1em;
  font-size: 1.15em;
  text-align: center;
}
.cont_statArea .stat_box h4 span,
.cont3_statArea .stat_box h4 span {font-size: 0.8em; margin-top: .2em;}
.cont_statAreafull h4 br { display: none; }
.source_txt {
  font-size: .65em;
  line-height: 1.2;
  margin-top: auto;
  text-align: right;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  color: #575757;
  padding-top: .5em;
}
.stat_box .stat_txtarea,
.cont_statAreafull .stat_txtarea,
.cont3_statArea .stat_txtarea {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px 10px 8px;
  height: calc(100% - 60px);
}
.stat_icon .stat_icon_int { width: 40%; margin: 0 auto 10px; }
.hh_udline,
.hh_udline_non {
  color: #001a55;
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.2;
  font-family: 'Roboto Condensed', sans-serif;
  font-style: italic;
  text-align: center;
  display: inline-block;
  padding: 0 .6em;
  margin: 0 auto;
}
.hh_udline {
  background: linear-gradient(transparent 65%, #F2B600 65%);
}
.hh_udline .hh_unit,
.hh_udline_non .hh_unit {
  display: inline-block;
  font-size: .6em;
  padding-left: .3em;
  font-family: "Noto Sans JP", sans-serif;
}
.hh_subtxt {  
  font-size: .9em;
  text-align: center;
  color: #555;
}
.stat_txtarea .comp_txt {
  color: #001a55;
  font-weight: 500;
}
.comp_txt .comp_box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.comp_box .comp_titArea {  
  width: 5em;
  line-height: 1.1;
  color: #001a55;
}
.comp_titArea .comp_tit,
.compav_Area .comp_tit { letter-spacing: .2em; text-indent: .2em; }
.comp_titArea .comp_rank,
.compav_Area .comp_rank { 
  display: inline-block;
  padding: .1em .8em .25em;
  line-height: 1;
  border-radius: 50px;
  margin-top: .3em;
  min-width: 70px;
  text-align: center;
}
.bg_yl { background: #f2b600; }
.bg_bl { background: #001a55; color: #fff; }
.comp_txt .hh_udline,
.comp_txt .hh_udline_non { margin: 0; }
.comp_txt .comp_box + .comp_box { margin: 12px 0; }
.comp_icon .stat_icon_int { width: 30%; margin: 0 auto; }
.comp_txt .comp_box.comp_box02 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.stat_btArea .comp_txt { padding-top: 15px; }
.comp_box02 .compav_Area {
  line-height: 1.1;
  color: #001a55;
  -webkit-box-align: first baseline;
  -ms-flex-align: first baseline;
  align-items: first baseline;
}
.compav_Area .comp_rank { margin: 0 0 0 1em; }
.comp_rank span { font-size: .9em; }
.stat_tableArea {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: .9em;
}
.stat_tableArea .stat_table_box { width: 60%; padding-right: 30px; }
.stat_table_box .stat_table {
  margin: 0;
  font-size: .95em;
  color: #001a55;
}
.stat_table tr th,
.stat_table tr td {
  font-weight: 500;
  line-height: 1.2;
  padding: .3em .6em; 
  border: 1px solid #001a55;
}
table.stat_table tr th { 
  width: 40%; 
  background: none; 
  padding: .3em .6em .3em 1.2em; 
  text-align: left;
}
.stat_table tr td { text-align: center; }
.stat_table tr.total_col th,
.stat_table tr.total_col td { border-top-style: double; border-top-width: 3px;}
.stat_table tr td.tb_yl { background: rgba(242, 182, 0, .5); }
.stat_table tr td.tb_bl { background: rgba(0, 26, 85, .2); }

table.stat_table tr.tb_rd th { background: rgba(255, 0, 0, .3);}
.stat_table tr.tb_rd td.tb_yl { background: #faaf66; }
.stat_table tr.tb_rd td.tb_bl {background: #d6a7b1;}
table.stat_table tr.total_col th { background: rgba(102, 251, 202, .3); }
.stat_table tr.total_col th span { padding-left: 1em; }
.stat_table tr.total_col td.tb_yl { background: #d8df8d; }
.stat_table tr.total_col td.tb_bl { background: #b4d7d8; }
.stat_table tr.total_col td { font-size: 1.05em; font-weight: 700; }

.stat_tableArea .stat_table_subbox { width: 40%; }
.stbg_boxArea .stbg_box {
  line-height: 1.2;
  background: #f2b600;
  padding: .3em 1.3em;
  border-radius: 50px;
  color: #001a55;
  font-weight: 500;
  text-align: justify;
}
.stbg_boxArea .stbg_box + .stbg_box { margin-top: .8em; }
.stat_table_subbox .comp_icon {
  margin: 1.5em 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.stat_table_subbox .stat_icon_tp2 .stat_icon_int {
  width: 100%;
  max-width: 90px;
  margin: 0 20px;
}
.stat_table_subbox .stsub_fonts { text-align: right; font-size: .95em; }

/***** sec2 cont7 *****/
span.att_txt {
  display: block;
  font-size: .95em;
  color: #4a4a4a;
  position: relative;
  padding-left: 1.2em;
}

.cont7box .cont7box_img {
  max-width: 980px;
  margin: 0 auto;
  width: 100%;
}

span.att_txt:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.cont7box_int .cont7_1int {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cont7_1int p {
  width: 45%;
}

.cont7_1int .cont7box_img {
  width: 50%;
  margin: 0 0 0 auto;
}

.cont7_1box .img_inner {
  padding-top: 60%;
}

.cont7_2box .img_inner {
  padding-top: 41.28%;
}

.cont7_3box .img_inner {
  padding-top: 60.2%;
}

/***** sec3 cont8 *****/
.hd_cont8 { padding-bottom: 10px; }
.cont8_top_img { margin-bottom: 40px;}
.cont8_top_img .img_inner { padding-top: 36%;}
.cont8_top_img .img_inner .ofi-img { object-position: bottom;}
h3.bg_h3 {
  background: #e6e9ee;
  padding: .1em .5em .2em;
}
.cont8box_intflex,
.cont8box_intflex .cont8box_intImage {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cont8box_intflex p { width: 40%; padding-right: 20px; }
.cont8box_intflex .cont8box_intImage { width: 60%;}
.cont8box_intImage .cont_imgbox { width: calc((100% - 20px) / 2); }
.cont8box_intImage .cont_imgbox .img_inner { padding-top: 58%; }

/***** sec3 cont9 *****/
.mapArea .cont9_map_img {
  max-width: 650px;
  margin: 0 auto 30px;
  width: 100%;
}

.mapArea .img_inner {
  padding-top: 94.1%;
}

.mapArea .map_btnArea {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px
}

.map_btnArea .map_btn {
  margin: 8px;
  width: calc((100% - 48px) / 3);
  position: relative;
}

.map_btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: left;
  color: #fff;
  padding: 5px;
  line-height: 1.2;
  text-align: left;
  height: 66px;
  overflow: hidden;
  font-weight: 500;
  background: #001a55;
}
.map_btn a span {
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px;
}
.map_btn a i {  
  font-size: 1.1em;
  padding: .1em .5em 0 .2em;
}
.map_btn a:after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 15px;
  font-weight: 900;
  color: #fff;
  padding-top: .2em;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.map_btn a br.nline { display: none; }
.map_btn a:hover {
  opacity: .85;
}


/************************************
** footer
************************************/
footer .footer-bottom { margin-top: 0; padding: 0; }
.footer-bottom .footer-bottom-content .copyright {
  font-size: 12px;
  margin: 0 auto;
  max-width: 600px;
  padding: .1em .2em .3em;
  line-height: 1.2;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  .hh_udline, .hh_udline_non { font-size: 2em; padding: 0 .3em; }
  .comp_txt .comp_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .comp_box .comp_titArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .comp_titArea .comp_rank { margin: 0 0 0 1em; }
  .hh_subtxt {
    font-size: .85em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
  .map_btn a br.nline { display: block; }
}

/*834px以下*/
@media screen and (max-width: 834px){
  .cont8box_intflex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cont8box_intflex p,
  .cont8box_intflex .cont8box_intImage { width: 100%; }
  .cont8box_intflex p { padding: 0; }
  .cont8box_intflex .cont8box_intImage { padding-bottom: 10px; }
  .stat_box .stat_txtarea,
  .cont_statAreafull .stat_txtarea,
  .cont3_statArea .stat_txtarea { padding: 15px 5px 8px; }
  .map_btn a { font-size: .95em; }
}

/*767px以下*/
@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  .main_imgArea {
    padding-top: 45%;
  }

  .main_imgArea .main_imgtxt {
    font-size: 3em;
  }

  .sec .contInner {
    max-width: 600px;
  }

  .hd_cont1 .cont1_inner,
  .hdcont5_topArea,
  .btnArea,
  .cont7box_int .cont7_1int,
  .hd_cont3 .cont_txtArea,
  .cont6box .cont_statArea,
  .stat_tableArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cont1_inner .cont_txtArea,
  .cont1_inner .cont_imgArea,
  .cont5_toptxtArea,
  .cont5_topimgArea,
  .btnArea .btn_box,
  .cont7_1int p,
  .cont7_1int .cont7box_img,
  .hd_cont3 .cont_txtArea p,
  .hd_cont3 .cont_txtArea .cont3_statArea,
  .cont_statArea .stat_box,
  .stat_tableArea .stat_table_box,
  .stat_tableArea .stat_table_subbox {
    width: 100%;
  }

  .img_3colArea .cont_imgbox {
    width: calc(100% / 2);
  }

  .btnArea .btn_box+.btn_box {
    margin-top: 20px;
  }

  .map_btnArea .map_btn {
    width: calc((100% - 32px) / 2);
  }

  .map_btn a {
    text-align: left;
  }

  h3.udline {
    padding: 0 5px 5px 2em;
    text-indent: -2em;
    text-align: justify;
  }
  .hd_cont3 .cont_txtArea p { padding-right: 0; }
  .cont3_statArea .cont3_stattxt_int {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .cont3_stattxt_int .stat_icon,
  .cont3_stattxt_int .comp_txt { width: auto; }
  .cont3_stattxt_int .stat_icon .stat_icon_int { margin-right: 20px; }
  .cont_statAreafull h4 br { display: block; }
  .cont_statArea .stat_box h4,
  .cont_statAreafull h4,
  .cont3_statArea .stat_box h4 { min-height: 60px; height: auto; padding: 0 .2em; }
  .stat_tableArea .stat_table_box { padding: 0; }
  .stat_icon .stat_icon_int,
  .comp_icon .stat_icon_int { max-width: 100px; width: 100%; margin: 0 auto 5px; }
  .cont_statArea .stat_box + .stat_box,
  .stat_table_subbox { margin-top: 20px; }
}

/*560px以下*/
@media screen and (max-width: 560px) {
  .map_btnArea .map_btn { width: 100%; margin: 5px;}
  .map_btn a br.nline,
  .map_btn a br { display: none; }
}

/*480px以下*/
@media screen and (max-width: 480px) {
  .main_imgArea {
    padding-top: 60%;
  }

  .main_imgArea .main_imgtxt {
    font-size: 2.4em;
    padding: 30px 10px 20px;
  }

  .sec {
    padding: 50px 20px;
  }

  .sec h2,
  .sec_bg h2 {
    font-size: 1.8em;
    margin: 0 0 20px;
    text-align: justify;
  }

  h3 {
    font-size: 1.5em;
    text-align: justify;
  }

  .sec_bg {
    padding: 20px;
  }

  .sec_bg .contInner {
    padding: 20px 15px;
  }
  
  .cont_statAreafull h4 br { display: none; }
  .cont_imgbox .cont_img_wtxt span {
    display: block;
    margin-left: 0;
  }
}

/*370px以下*/
@media screen and (max-width: 370px) {
  body {
    line-height: 1.6;
  }

  .sec {
    padding: 40px 20px;
  }

  .main_imgArea {
    padding-top: 65%;
  }

  .main_imgArea .main_imgtxt {
    font-size: 2.1em;
  }

  .sec h2,
  .sec_bg h2 {
    font-size: 1.6em;
    line-height: 1.2;
  }

  h3 {
    font-size: 1.3em;
  }

  .sec_bg .needs_txt {
    font-size: 1.05em;
  }
  .map_btn a br.nline,
  .map_btn a br {
    display: block;
  }
}