@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : hotspring.css
 author     : Ability Consultant
 style info : 温泉
 =================================================================== */
 /* -----------------------------------------------------------
	.container
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  .container {
    width: 92%;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 1609px;
    margin-right: 0;
    margin-left: auto;
  }
}

/* -----------------------------------------------------------
.con_main
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  .webp .con_main .st_main .en {
    background-image: url(../hotspring/images/img_main-pc.webp);
  }
  .no-webp .con_main .st_main .en {
    background-image: url(../hotspring/images/img_main-pc.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .webp .con_main .st_main .en {
    background-image: url(../hotspring/images/img_main-sp.webp);
  }
  .no-webp .con_main .st_main .en {
    background-image: url(../hotspring/images/img_main-sp.jpg);
  }
}

/* -----------------------------------------------------------
.con_radon
----------------------------------------------------------- */
@media only screen and (min-width: 1025px) {
  .con_radon .container {
    padding: 2em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_radon .container {
    padding: 0 2em 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_radon .container {
    padding: 0 1.5em;
  }
}
.con_radon .wrap {
  max-width: 1200px;
  width: 100%;
  position: relative;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .con_radon .wrap {
    bottom: 1em;
  }
}
.con_radon h2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .con_radon h2 {
    margin-top: 6em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_radon h2 {
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_radon h2 {
    margin-top: 3.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_radon h2 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.con_radon h2 .jp {
  display: block;
  width: 100%;
  color: #404040;
  font-size: 120%;
  letter-spacing: .85em;
  font-weight: normal;
}
@media only screen and (min-width: 1025px) {
  .con_radon h2 .jp {
    margin-top: 1.6em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_radon h2 .jp {
    margin-top: 1.6em;
  }
}
@media only screen and (max-width: 767px) {
  .con_radon h2 .jp {
    margin-top: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_radon h2 .jp {
    text-align: center;
  }
}
.con_radon .txt {
  line-height: 2.5;
  letter-spacing: 1px;
}
@media only screen and (min-width: 1025px) {
  .con_radon .txt {
    margin: 1.6em 0 6em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_radon .txt {
    margin: 1.6em 0 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_radon .txt {
    margin: 1em 0 3.5em;
  }
}

/* -----------------------------------------------------------
.con_calm
----------------------------------------------------------- */
.con_calm {
  padding: 8em 5em 4em;
}
.webp .con_calm {
  background: #000 url(../hotspring/images/bg_calm.webp) top left no-repeat;
}
.no-webp .con_calm {
  background: #000 url(../hotspring/images/bg_calm.png) top left no-repeat;
}
@media only screen and (max-width: 1200px) {
  .con_calm {
    padding: 8em 4em 4em;
  }
}
@media only screen and (max-width: 1024px) {
  .con_calm {
    padding: 7em 3em 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm {
    padding: 3em 2.5%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_calm .tmp_st_h3_enjp .jp {
    margin: 2em 0 2.8em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calm .tmp_st_h3_enjp .jp {
    margin: 2em 0 2.8em;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .tmp_st_h3_enjp .jp {
    margin: 1em 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .tmp_st_h3_enjp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.con_calm .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #fff;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (min-width: 1025px) {
  .con_calm .item {
    margin-bottom: 7.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calm .item {
    margin-bottom: 6em;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item {
    margin-bottom: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_calm .item .tmp_slider_box {
    width: 75%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calm .item .tmp_slider_box {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .tmp_slider_box {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1350px) {
  .con_calm .item:first-child {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 1024px) {
  .con_calm .item:first-child {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item:first-child {
    margin-bottom: 3em;
  }
}
.con_calm .item .tmp_box_text_tate {
  margin: 0 4%;
}
@media only screen and (max-width: 1500px) {
  .con_calm .item .tmp_box_text_tate {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .con_calm .item .tmp_box_text_tate {
    margin-top: 2em;
    text-align: center;
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .tmp_box_text_tate {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 1024px) {
  .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate {
    margin-bottom: .5em;
  }
}
.webp .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span {
  background: url(../hotspring/images/bg_wline01.webp) top right repeat-y;
}
.no-webp .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span {
  background: url(../hotspring/images/bg_wline01.png) top right repeat-y;
}
@media only screen and (max-width: 1024px) {
  .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .webp .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span {
    background: url(../hotspring/images/bg_wline02.webp) repeat-x 0 bottom;
  }
  .no-webp .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span {
    background: url(../hotspring/images/bg_wline02.png) repeat-x 0 bottom;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span {
    letter-spacing: .4em;
  }
  .webp .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span {
    background: url(../hotspring/images/bg_wline02.webp) repeat-x 0 bottom;
  }
  .no-webp .con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span {
    background: url(../hotspring/images/bg_wline02.png) repeat-x 0 bottom;
  }
}
.con_calm .item .tmp_box_text_tate .tmp_st_h4_tate > span span {
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .con_calm .item .tmp_box_text_tate .tmp_text_tate {
    text-align: left;
    width: 85%;
    margin: 0 auto;
  }
}
.con_calm .item .box_txt {
  width: 23%;
}
@media only screen and (min-width: 1025px) {
  .con_calm .item .box_txt {
    padding-right: 1.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calm .item .box_txt {
    padding-right: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .box_txt {
    padding-right: 2em;
  }
}
@media only screen and (max-width: 1600px) {
  .con_calm .item .box_txt {
    width: 35%;
  }
}
@media only screen and (max-width: 1200px) {
  .con_calm .item .box_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0;
    margin-top: 2em;
  }
}
@media only screen and (max-width: 991px) {
  .con_calm .item .box_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0;
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .box_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0;
    width: 85%;
    margin: 2em auto 0;
  }
}
.con_calm .item .box_txt .tmp_text {
  margin-bottom: 3em;
}
@media only screen and (min-width: 1025px) {
  .con_calm .item .box_txt .tmp_text {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .con_calm .item .box_txt .tmp_text {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calm .item .box_txt .tmp_text {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .box_txt .tmp_text {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_calm .item .box_txt .tmp_text {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .con_calm .item .box_txt .tmp_text {
    margin-right: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calm .item .box_txt .tmp_text {
    margin-right: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .box_txt .tmp_text {
    margin-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .con_calm .item .box_txt .tmp_text {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .box_txt .tmp_text {
    margin-bottom: 1em;
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .con_calm .item .box_txt table.tmp_table {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .con_calm .item .box_txt table.tmp_table {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calm .item .box_txt table.tmp_table {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .box_txt table.tmp_table {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_calm .item .box_txt table.tmp_table {
    margin: 1em 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_calm .item .box_txt table.tmp_table {
    margin: 1em 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item .box_txt table.tmp_table {
    margin: 1em 0 0;
  }
}
.webp .con_calm .item .box_txt table.tmp_table th::before, .webp .con_calm .item .box_txt table.tmp_table td::before {
  background: url(../hotspring/images/bg_wline02.webp) repeat-x 0 bottom;
}
.no-webp .con_calm .item .box_txt table.tmp_table th::before, .no-webp .con_calm .item .box_txt table.tmp_table td::before {
  background: url(../hotspring/images/bg_wline02.png) repeat-x 0 bottom;
}
.con_calm .item .box_txt table.tmp_table tr:last-child th::before, .con_calm .item .box_txt table.tmp_table tr:last-child td::before {
  display: block;
}
.con_calm .item:last-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1200px) {
  .con_calm .item:last-child {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.con_calm .item:last-child .img {
  width: 77%;
}
@media only screen and (max-width: 1600px) {
  .con_calm .item:last-child .img {
    width: 65%;
  }
}
@media only screen and (max-width: 1200px) {
  .con_calm .item:last-child .img {
    width: 60%;
  }
}
@media only screen and (max-width: 991px) {
  .con_calm .item:last-child .img {
    width: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .con_calm .item:last-child .img {
    width: 100%;
  }
}

/* -----------------------------------------------------------
.con_bath
----------------------------------------------------------- */
.con_bath {
  background: #fff;
  margin-top: 9em;
  padding: 0 5em;
}
@media only screen and (min-width: 1025px) {
  .con_bath .tmp_st_h4_tate {
    width: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_bath {
    margin-top: 9em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bath {
    margin-top: 9em;
  }
}
@media only screen and (max-width: 767px) {
  .con_bath {
    margin-top: 3.5em;
  }
}
@media only screen and (max-width: 1200px) {
  .con_bath {
    padding: 0 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_bath {
    padding: 0 1em;
  }
}
.con_bath .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.7em;
  max-width: 1478px;
  width: 100%;
  margin: auto;
  border: 1px solid;
}
@media only screen and (min-width: 1200px) {
  .con_bath .wrap {
    padding-right: 2.8em;
  }
}
@media only screen and (max-width: 991px) {
  .con_bath .wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .con_bath .wrap {
    padding: 1em;
  }
}
.con_bath .img {
  width: 50%;
  padding-right: 3em;
}
@media only screen and (max-width: 1200px) {
  .con_bath .img {
    padding-right: 2em;
  }
}
@media only screen and (max-width: 991px) {
  .con_bath .img {
    width: 100%;
    padding-right: 0;
  }
}
.con_bath .img img {
  width: 100%;
}
.con_bath .tmp_box_text_tate {
  width: 50%;
}
@media only screen and (min-width: 1025px) {
  .con_bath .tmp_box_text_tate {
    max-height: 700px;
    min-height: 440px;
  }
}
@media only screen and (min-width: 768px) {
  .con_bath .tmp_box_text_tate {
    padding: 1.5em 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_bath .tmp_box_text_tate {
    padding: 0 0.5em 1em;
  }
}
@media only screen and (max-width: 991px) {
  .con_bath .tmp_box_text_tate {
    width: 100%;
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_bath .tmp_box_text_tate {
    margin-top: 2.5em;
  }
}
.con_bath .tmp_box_text_tate .tmp_text_tate {
  text-align: justify;
  text-justify: inter-ideograph;
}
.con_bath .tmp_box_text_tate .tmp_text_tate span.text-combine {
  text-combine-upright: all;
  -ms-text-combine-horizontal: all;
  -webkit-text-combine: horizontal;
  margin: auto;
}
@supports (-ms-ime-align: auto) {
  .con_bath .tmp_box_text_tate .tmp_text_tate span.text-combine {
    margin: -15px 0 10px 0;
  }
}
.con_bath .tmp_box_text_tate .tmp_text_tate span.text-combine_ie {
  text-combine-upright: all;
  -ms-text-combine-horizontal: all;
  -webkit-text-combine: horizontal;
}
.con_bath .tmp_box_text_tate .tmp_st_h4_tate > span {
  display: inline-block;
}
@media only screen and (min-width: 1025px) {
  .webp .con_bath .tmp_box_text_tate .tmp_st_h4_tate > span {
    background: url(../images/common/bd_dots_tate.webp) top right repeat-y;
  }
  .no-webp .con_bath .tmp_box_text_tate .tmp_st_h4_tate > span {
    background: url(../images/common/bd_dots_tate.png) top right repeat-y;
  }
}
@media only screen and (max-width: 1024px) {
  .webp .con_bath .tmp_box_text_tate .tmp_st_h4_tate > span {
    background: url(../images/common/bd_dots.webp) bottom left repeat-x;
  }
  .no-webp .con_bath .tmp_box_text_tate .tmp_st_h4_tate > span {
    background: url(../images/common/bd_dots.png) bottom left repeat-x;
  }
}
.con_bath .tmp_box_text_tate .tmp_st_h4_tate > span span {
  letter-spacing: 0;
  display: inline-block;
}
@media only screen and (max-width: 991px) {
  .con_bath .tmp_box_text_tate .tmp_st_h4_tate {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_bath .tmp_box_text_tate .tmp_st_h4_tate {
    margin-bottom: 1em;
  }
}

/* -----------------------------------------------------------
.con_blink
----------------------------------------------------------- */
.con_blink {
  padding: 0 5em;
}
@media only screen and (min-width: 1025px) {
  .con_blink {
    margin-top: 14em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_blink {
    margin-top: 10em;
  }
}
@media only screen and (max-width: 767px) {
  .con_blink {
    margin-top: 3.5em;
  }
}
@media only screen and (max-width: 1200px) {
  .con_blink {
    padding: 0 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_blink {
    padding: 0 2.5%;
  }
}
.con_blink .tmp_st_h3_enjp .jp {
  margin: 1.5em 0 2.5em;
}
@media only screen and (max-width: 767px) {
  .con_blink .tmp_st_h3_enjp .jp {
    margin: 1.2em 0 1.8em;
  }
}
@media only screen and (max-width: 767px) {
  .con_blink .tmp_st_h3_enjp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.con_blink .tmp_box_text {
  text-align: justify;
  text-justify: inter-ideograph;
}
@media only screen and (max-width: 767px) {
  .con_blink .tmp_box_text {
    width: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .con_blink .tmp_box_text {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_blink .tmp_box_text {
    text-align: center;
  }
}
.con_blink .tmp_box_text .tmp_st_h4 {
  margin-bottom: .7em;
}
@media only screen and (max-width: 767px) {
  .con_blink .tmp_box_text .tmp_st_h4 {
    margin-bottom: 0;
    padding-bottom: .8em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}
.con_blink .sub_box {
  text-align: center;
}
.con_blink .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3.5em;
}
@media only screen and (max-width: 767px) {
  .con_blink .list {
    margin-top: 2em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.con_blink .list .item {
  margin-right: 5%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_blink .list .item {
    width: 31%;
  }
  .con_blink .list .item img {
    height: 30vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 991px) {
  .con_blink .list .item {
    margin: 0 0 2% 0;
  }
}
.con_blink .list .item:last-child {
  margin-right: 0;
}
.con_blink .list .item .box_txt {
  text-align: center;
  padding: 1em 1.2em;
}
@media only screen and (max-width: 991px) {
  .con_blink .list .item .box_txt {
    padding: 0;
  }
}
.con_blink .list .item .box_txt .tmp_box_text .tmp_st_h4 span {
  display: block;
}
@media only screen and (max-width: 767px) {
  .con_blink .list .item .box_txt .tmp_box_text .tmp_st_h4 span {
    display: inline-block;
  }
}
@media only screen and (max-width: 991px) {
  .con_blink .list .item .box_txt .tmp_box_text .tmp_st_h4 {
    line-height: 1.6;
    margin-top: 1em;
  }
  .con_blink .list .item .box_txt .tmp_box_text .tmp_st_h4 span {
    padding-bottom: .5em;
  }
}
@media only screen and (max-width: 991px) {
  .con_blink .list .item .box_txt .tmp_box_text .tmp_text {
    text-align: left;
  }
}

/* -----------------------------------------------------------
.con_amenity
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .con_amenity .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .con_amenity .list .item {
    margin-right: 0;
    margin-bottom: 1.6em;
  }
}
.con_amenity .box_amenity .img {
  text-align: center;
  margin-top: 4em;
  margin-bottom: -6em;
}
@media only screen and (max-width: 767px) {
  .con_amenity .box_amenity .img {
    margin-top: 1em;
    margin-bottom: 0;
  }
}

/* -----------------------------------------------------------
.con_info
----------------------------------------------------------- */
.con_info {
  padding: 0 5em;
}
@media only screen and (min-width: 1025px) {
  .con_info {
    margin: 16em 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info {
    margin: 12em 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    margin: 2em auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    width: 85%;
  }
}
@media only screen and (max-width: 1200px) {
  .con_info {
    padding: 0 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_info {
    padding: 0 2.5%;
  }
}
.con_info .wrap {
  max-width: 1115px;
  width: 100%;
  margin: 0 auto;
}
.con_info h2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.con_info .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1025px) {
  .con_info .list {
    margin: 6em 0 3.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info .list {
    margin: 4em 0 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .list {
    margin: 2.5em 0 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.con_info .list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .con_info .list .item {
    padding: 3%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_info .list .item {
    margin-right: 5.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info .list .item {
    margin-right: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .list .item {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_info .list .item:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_info .list .item:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_info .list .item:last-child {
    margin-right: 0;
  }
}
.con_info .list .item .txt {
  margin-left: .8em;
  color: #8e8e8e;
}
.con_info table.tmp_table_respon th {
  width: 18%;
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table_respon th {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table_respon td {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table_respon th, .con_info table.tmp_table_respon td {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_info table.tmp_table_respon tr:last-child th::before {
    display: block;
  }
}