/*
* top.css
*
*/
/* --------------------------------
   top
-------------------------------- */
.c-sect_h {
  color: #098bde;
}
.c-sect_h .sub_h {
  font-size: 1.5rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-sect_h .sub_h {
    font-size: 2rem;
  }
}
.c-sect_h .main_h {
  font-size: 2.7rem;
}
@media (min-width: 768px) {
  .c-sect_h .main_h {
    font-size: 4rem;
  }
}

.c-circles {
  overflow: hidden; 
  position: absolute;
  width: 100%;
  height: 100%;
}
.c-circles .c-circle {
  position: absolute;
  border-style: solid;
  border-radius: 50%;
}

.cover_circles {
  top: 0;
  height: 88.5%;

  mix-blend-mode: overlay;
}
@media (min-width: 768px) {
  .cover_circles {
    height: 84.8%;
  }
}
.cover_circles .circle_01 {
  top: -145px;
  left: -153px;
  border-width: 60px;
  border-color: rgba(255, 255, 255, 0.141); 
  width: 250px;
  height: 250px;
}
@media (min-width: 768px) {
  .cover_circles .circle_01 {
    top: -459px;
    left: -450px;
    border-width: 190px;
    border-color: rgba(255, 255, 255, 0.102); 
    width: 786px;
    height: 786px;
  }
}
.cover_circles .circle_02 {
  top: -248px;
  right: -210px;
  border-width: 75px;
  border-color: rgba(255, 255, 255, 0.102); 
  width: 314px;
  height: 314px;
}
@media (min-width: 768px) {
  .cover_circles .circle_02 {
    top: -250px;
    right: -254px;
    border-width: 100px; 
    width: 416px;
    height: 416px;
  }
}
.cover_circles .circle_03 {
  top: 95px;
  left: 50%;
  border-width: 97px;
  border-color: rgba(255, 255, 255, 0.161);
  width: 407px;
  height: 407px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media (min-width: 768px) {
  .cover_circles .circle_03 {
    top: 152px;
    border-width: 232px; 
    width: 980px;
    height: 980px;
  }
}
.cover_circles .circle_04 {
  bottom: -252px;
  left: -231px;
  border-width: 100px;
  border-color: rgba(255, 255, 255, 0.102); 
  width: 416px;
  height: 416px;
}
.cover_circles .circle_05 {
  right: -1125px;
  bottom: -938px;
  border-width: 320px;
  border-color: rgba(255, 255, 255, 0.2); 
  width: 1346px;
  height: 1346px;
}
.cover_circles.is-scrollReady .c-circle {
  -webkit-transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s transform cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1); 
  -webkit-transform: translate(-50%, 0) scale(0.2); 
      -ms-transform: translate(-50%, 0) scale(0.2); 
          transform: translate(-50%, 0) scale(0.2);
}
.cover_circles.is-scrollReady .circle_01 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s; 
  -webkit-transform: scale(0.2); 
      -ms-transform: scale(0.2); 
          transform: scale(0.2);
}
.cover_circles.is-scrollReady .circle_02 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s; 
  -webkit-transform: scale(0.2); 
      -ms-transform: scale(0.2); 
          transform: scale(0.2);
}
.cover_circles.is-scrollReady .circle_03 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s; 
  -webkit-transform: translate(-50%, 0) scale(0.2); 
      -ms-transform: translate(-50%, 0) scale(0.2); 
          transform: translate(-50%, 0) scale(0.2);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.cover_circles.is-scrollReady .circle_04 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s; 
  -webkit-transform: scale(0.2); 
      -ms-transform: scale(0.2); 
          transform: scale(0.2);
}
.cover_circles.is-scrollReady .circle_05 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s; 
  -webkit-transform: scale(0.2); 
      -ms-transform: scale(0.2); 
          transform: scale(0.2);
}
.cover_circles.is-scrollReady.is-scrollAction .circle_01 {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.cover_circles.is-scrollReady.is-scrollAction .circle_02 {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.cover_circles.is-scrollReady.is-scrollAction .circle_03 {
  -webkit-transform: translate(-50%, 0) scale(1);
      -ms-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}
.cover_circles.is-scrollReady.is-scrollAction .circle_04 {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.cover_circles.is-scrollReady.is-scrollAction .circle_05 {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.news_circles {
  bottom: -133px;
}
@media (min-width: 768px) {
  .news_circles {
    bottom: -315px;
  }
}
.news_circles .c-circle {
  border-color: rgba(9, 139, 222, 0.149);
}
.news_circles .circle_01 {
  z-index: 1;
  right: -214px;
  bottom: 0;
  border-width: 74px;
  width: 308px;
  height: 308px;

  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .news_circles .circle_01 {
    right: -484px;
    border-width: 184px; 
    width: 770px;
    height: 770px;
  }
}

.concept_circles {
  bottom: -101px;
}
@media (min-width: 768px) {
  .concept_circles {
    bottom: -196px;
  }
}
.concept_circles .c-circle {
  border-color: rgba(25, 146, 212, 0.149);
}
.concept_circles .circle_01 {
  z-index: 1;
  bottom: 0;
  left: -118px;
  border-width: 55px;
  width: 228px;
  height: 228px;

  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .concept_circles .circle_01 {
    left: -86px;
    border-width: 116px; 
    width: 487px;
    height: 487px;
  }
}

.service_circles {
  bottom: -145px;
}
@media (min-width: 768px) {
  .service_circles {
    bottom: -280px;
  }
}
.service_circles .c-circle {
  border-color: rgba(9, 139, 222, 0.149);
}
.service_circles .circle_01 {
  z-index: 1;
  right: -116px;
  bottom: 0;
  border-width: 55px;
  width: 230px;
  height: 230px;

  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .service_circles .circle_01 {
    right: -225px;
    border-width: 110px; 
    width: 459px;
    height: 459px;
  }
}

.casestudy_circles {
  bottom: -40px;
}
@media (min-width: 768px) {
  .casestudy_circles {
    bottom: -108px;
  }
}
.casestudy_circles .c-circle {
  border-color: rgba(9, 139, 222, 0.149);
}
.casestudy_circles .circle_01 {
  z-index: 1;
  bottom: 0;
  left: -54px;
  border-width: 28px;
  width: 117px;
  height: 117px;

  mix-blend-mode: multiply;
}
@media (min-width: 768px) {
  .casestudy_circles .circle_01 {
    left: -147px;
    border-width: 75px; 
    width: 311px;
    height: 311px;
  }
}

/* --------------------------------
   cover
-------------------------------- */
.cover {
  position: relative;
  background-color: #ecf3fb;
}

.cover_inner {
  padding: 63px 0 0;
  background-repeat: no-repeat; 
  background-size: 100% 88.5%;
}
@media (min-width: 768px) {
  .cover_inner {
    padding: 105px 0 0;
    background-size: 100% 84.8%;
  }
}

.cover_txts {
  position: relative;
  z-index: 1;
  padding-top: 165px;
}
@media (min-width: 768px) {
  .cover_txts {
    margin: auto;
    padding-top: 220px; 
    max-width: 1064px;
  }
}
.cover_txts::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -10px;
  width: 100%;
  height: 222px;
  background-image: url(/assets/img/index/cover_illust.png);
  background-repeat: no-repeat; 
  background-position: center top;
  background-size: 345px 222px;
}
@media (min-width: 768px) {
  .cover_txts::before {
    top: 43px;
    left: 0;
    width: 100%;
    height: 328px;
    background-image: url(/assets/img/index/cover_illust_lg.png);
    background-repeat: no-repeat; 
    background-position: center top;
    background-size: 1064px 328px;
  }
}

.cover_h {
  position: absolute;
  z-index: 2;
  right: 0;
  left: 0;
  margin: 35px auto 0; 
  width: 61%;
  max-width: 195px;
}
@media (min-width: 768px) {
  .cover_h {
    margin: 75px auto 0;
    width: 100%;
    max-width: 624px;
    text-align: center;
  }
}

.cover_txt {
  margin: 15px 0 0;
  text-align: center; 
  color: #fff;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .cover_txt {
    margin-top: 38px;
    letter-spacing: 5px; 
    font-size: 1.6rem;
    line-height: 1.75;
  }
}

.cover_img {
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .cover_img {
    margin: 40px auto 0px; 
    max-width: 1076px;
  }
}

.slick-slider .cover_txts::before {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
          transform: translate(0, 30px);
}

.slick-slider .cover_txts .cover_txt {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
          transform: translate(0, 30px);
}

.slick-slider .cover_img {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(0, 30px);
      -ms-transform: translate(0, 30px);
          transform: translate(0, 30px);
}

.slick-slider.is-ready .cover_txts::before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s transform cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s; 
  -webkit-transform: translate(0, 0); 
      -ms-transform: translate(0, 0); 
          transform: translate(0, 0);
}

.slick-slider.is-ready .cover_txts .cover_txt {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s transform cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; 
  -webkit-transform: translate(0, 0); 
      -ms-transform: translate(0, 0); 
          transform: translate(0, 0);
}

.slick-slider.is-ready .cover_img {
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s transform cubic-bezier(0, 0, 0.58, 1);
  transition: 0.6s opacity cubic-bezier(0, 0, 0.58, 1), 0.6s visibility cubic-bezier(0, 0, 0.58, 1), 0.6s transform cubic-bezier(0, 0, 0.58, 1), 0.6s -webkit-transform cubic-bezier(0, 0, 0.58, 1);
  -webkit-transition-delay: 1s;
          transition-delay: 1s; 
  -webkit-transform: translate(0, 0); 
      -ms-transform: translate(0, 0); 
          transform: translate(0, 0);
}

.cover_illust {
  position: absolute;
  top: 0;
  width: 100%;
}

.cover_slider {
  position: relative;
  z-index: 1;
}
.cover_slider .slick-list {
  padding: 0 !important;
}
.cover_slider.slick-slider {
  margin-bottom: 0;
}
.cover_slider .slick-dots {
  bottom: -6px;
}
.cover_slider .slick-dots li {
  margin: 0 6px;
  border-radius: 50%; 
  width: 13px;
  height: 13px;
}
.cover_slider .slick-dots li button {
  border-radius: 50%; 
  width: 13px;
  height: 13px;
}
.cover_slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #3da2e0; 
  border-radius: 50%;
  width: 13px;
  height: 13px;
  background: #fff;
}
@media (min-width: 768px) {
  .cover_slider .slick-dots li button:hover::before {
    opacity: 0.75;
  }
}
.cover_slider .slick-dots li.slick-active {
  -webkit-transform: scale(1.31);
      -ms-transform: scale(1.31);
          transform: scale(1.31);
}
.cover_slider .slick-dots li.slick-active button::before {
  border-color: #fff;
  background: #3da2e0;
}
@media (max-width: 767.98px) {
  .cover_slider .slick-arrow {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media (min-width: 768px) {
  .cover_slider .slick-arrow {
    z-index: 1;
    margin-top: -60px; 
    width: 90px;
    height: 90px;
  }
  .cover_slider .slick-arrow::before {
    content: "";
    display: block;
    opacity: 1; 
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767.98px) {
  .cover_slider .slick-prev {
    z-index: 1; 
    top: auto;
    bottom: -22px;
    left: 20px;
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 768px) {
  .cover_slider .slick-prev {
    left: 30px;
  }
}
.cover_slider .slick-prev::before,
.cover_slider .slick-prev::after {
  content: "";
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
}
.cover_slider .slick-prev::before {
  background: url(/assets/img/common/slide_btn_prev_white_ov.png) no-repeat 0 0;
  background-size: 45px 45px;
}
@media (min-width: 768px) {
  .cover_slider .slick-prev::before {
    background-size: 90px;
  }
}
.cover_slider .slick-prev::after {
  background: url(/assets/img/common/slide_btn_prev_white.png) no-repeat 0 0;
  background-size: 45px 45px;
}
@media (min-width: 768px) {
  .cover_slider .slick-prev::after {
    background-size: 90px;
  }
}
@media (min-width: 768px) {
  .cover_slider .slick-prev:hover::after {
    opacity: 0;
  }
}
@media (max-width: 767.98px) {
  .cover_slider .slick-next {
    z-index: 1; 
    top: auto;
    right: 20px;
    bottom: -22px;
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 768px) {
  .cover_slider .slick-next {
    right: 30px;
  }
}
.cover_slider .slick-next::before,
.cover_slider .slick-next::after {
  content: "";
  display: block;
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
}
.cover_slider .slick-next::before {
  background: url(/assets/img/common/slide_btn_next_white_ov.png) no-repeat 0 0;
  background-size: 45px 45px;
}
@media (min-width: 768px) {
  .cover_slider .slick-next::before {
    background-size: 90px;
  }
}
.cover_slider .slick-next::after {
  background: url(/assets/img/common/slide_btn_next_white.png) no-repeat 0 0;
  background-size: 45px 45px;
}
@media (min-width: 768px) {
  .cover_slider .slick-next::after {
    background-size: 90px;
  }
}
@media (min-width: 768px) {
  .cover_slider .slick-next:hover::after {
    opacity: 0;
  }
}

.cover_slide a {
  text-decoration: none;
}

/* --------------------------------
   news
-------------------------------- */
.news {
  position: relative;
  padding: 55px 0 80px; 
  background: #ecf3fb;
}
@media (min-width: 768px) {
  .news {
    padding: 90px 0 100px;
  }
}
.news .c-section_inner {
  margin: auto;
}
@media (min-width: 768px) {
  .news .c-section_inner {
    margin: auto;
    padding: 0; 
    max-width: 1164px;
  }
}
@media (min-width: 768px) {
  .news .main_h {
    letter-spacing: 3px;
  }
}

.news_list {
  margin-top: 44px;
}
@media (min-width: 768px) {
  .news_list {
    margin-top: 56px;
  }
}

.news_lists {
  margin: 0 0 55px;
}
@media (min-width: 768px) {
  .news_lists {
    margin: 0;
  }
}

.news_list_new {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -10px;
  left: -10px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: #ffac0c;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  font-family: "Montserrat", sans-serif; 
  font-size: 1rem;
  font-weight: bold;
  font-style: normal;
  line-height: 40px;
}
@media (min-width: 768px) {
  .news_list_new {
    top: -16px;
    left: -16px;
    width: 60px;
    height: 60px;
    font-size: 1.4rem;
    line-height: 60px;
  }
}

.news_list_txt {
  margin: 8px 0 0;
  color: #262c30;
  font-family: "NOW-GE", sans-serif;
  font-size: 1.4rem;
  font-weight: bold;

  -ms-font-feature-settings: "normal";
}
@media (min-width: 768px) {
  .news_list_txt {
    margin-top: 16px;
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

.news_list_date {
  position: relative;
  margin: 8px 0 0;
  color: #7b8790;
  font-family: "Montserrat", sans-serif; 
  font-weight: bold;
}
@media (min-width: 768px) {
  .news_list_date {
    margin-top: 16px;
    font-size: 1.2rem;
  }
}

/* --------------------------------
   concept
-------------------------------- */
.concept {
  position: relative;
  padding: 65px 0;
}
@media (min-width: 768px) {
  .concept {
    padding: 140px 0 125px;
  }
}
@media (min-width: 768px) {
  .concept .c-section_inner {
    max-width: 862px;
  }
}

.concept_h {
  margin: auto; 
  width: 160px;
}
@media (min-width: 768px) {
  .concept_h {
    display: inline-block;
    width: 225px;
    text-align: left;
  }
}

.concept_img {
  margin: 34px 22px 30px;
}
@media (min-width: 768px) {
  .concept_img {
    position: absolute;
    top: -46px;
    right: -63px;
    margin: 0; 
    width: 100%;
    max-width: 466px;
  }
}

.concept_txt {
  text-align: center;
  letter-spacing: 3px; 
  color: #fff;
  font-size: 1.5rem;
  line-height: 2;
}
@media (min-width: 768px) {
  .concept_txt {
    margin-top: 34px;
    text-align: left;
    letter-spacing: 0.32em; 
    font-size: 2.2rem;
    line-height: 2.36364;
  }
}

/* --------------------------------
   service
-------------------------------- */
.service {
  position: relative;
  padding: 65px 0 124px; 
  background: #ecf3fb;
}
@media (min-width: 768px) {
  .service {
    padding: 145px 0 140px;
    background: #ebf4ff;
  }
}
@media (min-width: 768px) {
  .service .main_h {
    letter-spacing: 5px;
  }
}
@media (min-width: 768px) {
  .service .main_h .change-font {
    font-size: 4.4rem;
  }
}

.service_features {
  margin: 35px 0 0;
}
@media (min-width: 768px) {
  .service_features {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .service_feature {
    position: relative;
  }
}

@media (min-width: 768px) {
  .service_feature:nth-child(odd) .service_feature_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 768px) {
  .service_feature:nth-child(odd) .service_feature_txts {
    padding-left: 5.5%;
  }
}

@media (min-width: 768px) {
  .service_feature:nth-child(even) .service_feature_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media (min-width: 768px) {
  .service_feature:nth-child(even) .service_feature_inner .service_feature_txts {
    padding-right: 3%;
  }
}

.service_feature + .service_feature {
  margin: 75px 0 0;
}
@media (min-width: 768px) {
  .service_feature + .service_feature {
    margin-top: 96px;
  }
}

@media (min-width: 768px) {
  .service_feature_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;
  }
}

.service_feature_img {
  position: relative;
  margin: 30px 0 0;
}
@media (min-width: 768px) {
  .service_feature_img {
    margin: 0; 
    width: 50%;
  }
}
.service_feature:first-child .service_feature_img {
  margin-left: -8px;
}
@media (min-width: 768px) {
  .service_feature:first-child .service_feature_img {
    margin: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .service_feature:not(:first-child) .service_feature_img {
    padding: 0 36px;
  }
}

.service_feature:nth-child(1) .service_feature_img .service_feature_img_02 {
  position: absolute;
  top: -35px;
  left: -26px;
  width: 144px;
  height: 144px;
}

.service_feature:nth-child(2) .service_feature_img .service_feature_img_02 {
  position: absolute;
  top: 9px;
  right: 76px;
  width: 134px;
  height: 135px;
}

.service_feature:nth-child(3) .service_feature_img img {
  width: 100%;
}

.service_feature:nth-child(3) .service_feature_img .service_feature_img_02 {
  position: absolute;
  top: -2px;
  left: 63px;
  width: 148px;
  height: 148px;
}

.service_feature:nth-child(4) .service_feature_img .service_feature_img_02 {
  position: absolute;
  top: -41px;
  right: 83px;
  width: 149px;
  height: 149px;
}

@media (min-width: 768px) {
  .service_feature.is-scrollReady .service_feature_img_02 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 1.2s opacity cubic-bezier(0.175, 0.885, 0.32, 1.275), 1.2s visibility cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: 1.2s opacity cubic-bezier(0.175, 0.885, 0.32, 1.275), 1.2s visibility cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .service_feature.is-scrollReady.is-scrollAction .service_feature_img_02 {
    visibility: visible; 
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .service_feature_txts {
    position: relative;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .service_feature:not(:first-child) .service_feature_txts {
    padding-top: 23px;
  }
}

@media (max-width: 767.98px) {
  .service_feature_no {
    display: none;
  }
}

@media (min-width: 768px) {
  .service_feature_no {
    opacity: 0.7; 
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 30rem;
  }
  .service_feature:nth-of-type(1) .service_feature_no {
    right: 40px; 
    bottom: -120px;
  }
  .service_feature:nth-of-type(2) .service_feature_no {
    right: 50px; 
    bottom: -135px;
  }
  .service_feature:nth-of-type(3) .service_feature_no {
    right: 22px; 
    bottom: -168px;
  }
  .service_feature:nth-of-type(4) .service_feature_no {
    right: 40px; 
    bottom: -185px;
  }
}

.service_feature_h {
  text-align: center;
  font-family: "NOW-GE", sans-serif;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.5;

  -ms-font-feature-settings: "normal";
}
@media (min-width: 768px) {
  .service_feature_h {
    text-align: left;
    letter-spacing: 5px; 
    font-size: 3rem;
    line-height: 1.66667;
  }
}
.service_feature_h .change-color {
  color: #098bde;
}
.service_feature_h .change-font {
  letter-spacing: 0;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 768px) {
  .service_feature_h .change-font {
    letter-spacing: 5px; 
    font-size: 3.2rem;
  }
}

.service_feature_txt {
  margin: 25px 10px 0;
  font-size: 1.3rem; 
  line-height: 1.92308;
}
@media (min-width: 768px) {
  .service_feature_txt {
    margin: 16px 0 0;
    font-size: 1.6rem;
    line-height: 2.25;
  }
}

.service_feature_btn {
  margin: 20px auto 0;
  text-align: center;
}
@media (min-width: 768px) {
  .service_feature_btn {
    margin-top: 52px;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .service_feature_btn a {
    margin: 0;
  }
}

/* --------------------------------
   casestudy
-------------------------------- */
.casestudy {
  position: relative;
  padding: 65px 0;
}
@media (min-width: 768px) {
  .casestudy {
    padding: 112px 0;
  }
}
@media (min-width: 768px) {
  .casestudy .sub_h {
    letter-spacing: -1px;
  }
}
@media (min-width: 768px) {
  .casestudy .main_h {
    letter-spacing: 7px;
  }
}

.casestudy_lead {
  margin: 40px 0 0;
  text-align: center;
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5625;
}
@media (min-width: 768px) {
  .casestudy_lead {
    margin-top: 53px;
    font-size: 2.4rem;
  }
}

.casestudy_txt {
  margin: 10px 0 0;
  font-size: 1.4rem;
  line-height: 1.85714;
}
@media (min-width: 768px) {
  .casestudy_txt {
    text-align: center; 
    font-size: 1.8rem;
    line-height: 1.77778;
  }
}

.casestudy_result {
  padding: 40px 0 0;
}
@media (min-width: 768px) {
  .casestudy_result {
    padding-top: 73px;
  }
}

.casestudy_result_h {
  text-align: center;
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.57895;
}
@media (min-width: 768px) {
  .casestudy_result_h {
    font-size: 3rem;
  }
}
.casestudy_result_h .change-color {
  color: #098bde;
}

.casestudy_result_img {
  margin: 24px 7px; 
  width: 100%;
}
@media (min-width: 768px) {
  .casestudy_result_img {
    margin: 48px 0 0;
  }
}

.casestudy_result_btn {
  margin: 32px 0 0;
  text-align: center;
}
@media (min-width: 768px) {
  .casestudy_result_btn {
    margin-top: 64px;
  }
}

.casestudy_voice_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0 0; 

  -webkit-box-pack: justify; 

      -ms-flex-pack: justify; 

          justify-content: space-between;
}
@media (min-width: 768px) {
  .casestudy_voice_tabs {
    margin: 46px auto 0px; 
    max-width: 1146px;
  }
}

.casestudy_voice_tab {
  padding: 10px 0;
  border-left: 1px solid #e1e8f1;
  border-radius: 8px 8px 0 0;
  width: 25%;
  cursor: pointer;
  background: #fff;
  text-align: center;
  letter-spacing: 0;
  color: #098bde;
  -webkit-box-shadow: 9px -2px 9px 0px rgba(25, 146, 212, 0.3);
          box-shadow: 9px -2px 9px 0px rgba(25, 146, 212, 0.3);
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.36364;
}
@media (min-width: 768px) {
  .casestudy_voice_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 13px;
    padding: 0;
    border-left: none;
    height: 102px;
    -webkit-transition: 0.3s all cubic-bezier(0, 0, 0.58, 1);
    transition: 0.3s all cubic-bezier(0, 0, 0.58, 1); 
    -webkit-box-shadow: 3px 5px 20px 0px rgba(25, 146, 212, 0.4); 
            box-shadow: 3px 5px 20px 0px rgba(25, 146, 212, 0.4);
    font-size: 2.2rem;
    line-height: 1.36364;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.casestudy_voice_tab.is-current {
  border: none; 
  background: #01b5ff;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 768px) {
  .casestudy_voice_tab:hover {
    background: #01b5ff;
    color: #fff;
  }
}

.casestudy_voice_body {
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00b7ff), color-stop(35%, #0098ec), color-stop(55%, #007bd7), color-stop(75%, #0062c4), to(#004bb1));
  background-image: linear-gradient(180deg, #00b7ff 0%, #0098ec 35%, #007bd7 55%, #0062c4 75%, #004bb1 100%);
}
.casestudy_voice_body::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/img/common/bg_01.png);
  background-repeat: repeat;
  background-position: 50% 10px;
  background-size: 40px 40px;

  mix-blend-mode: overlay;
}

.casestudy_voice_contents {
  padding: 40px 0 70px;
}
@media (min-width: 768px) {
  .casestudy_voice_contents {
    padding: 76px 37px 136px;
  }
}

.casestudy_voice_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;
}
.casestudy_voice_content + .casestudy_voice_content {
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .casestudy_voice_content + .casestudy_voice_content {
    margin-top: 48px;
  }
}

.casestudy_voice_thumb {
  width: 52px;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 52px;

          flex: 0 0 52px;
}
@media (min-width: 768px) {
  .casestudy_voice_thumb {
    width: 114px;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 114px;

            flex: 0 0 114px;
  }
}

.casestudy_voice_txts {
  display: block;
  position: relative;
  margin: 0 0 0 18px;
  border-radius: 8px;
  width: 100%;
  -webkit-transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1); 
  background: #fff;
}
@media (min-width: 768px) {
  .casestudy_voice_txts {
    margin-left: 35px;
  }
}
@media (min-width: 768px) {
  .casestudy_voice_txts:hover {
    opacity: 0.8;
  }
}
.casestudy_voice_txts a {
  display: block;
  padding: 20px;
  text-decoration: none; 
  color: #2b2525;
}
@media (min-width: 768px) {
  .casestudy_voice_txts a {
    padding: 35px 135px 35px 88px;
  }
}
.casestudy_voice_txts a.c-arw-card::before,
.casestudy_voice_txts a.c-win-card::before {
  right: 19px;
  bottom: 20px;
}
@media (min-width: 768px) {
  .casestudy_voice_txts a.c-arw-card::before,
  .casestudy_voice_txts a.c-win-card::before {
    top: 50%;
    right: 32px;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.casestudy_voice_txts::before {
  content: "";
  position: absolute;
  top: 23px;
  left: -6px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg); 
  background: #fff;
}
@media (min-width: 768px) {
  .casestudy_voice_txts::before {
    top: 50%;
    left: -12px;
    margin-top: -12px; 
    width: 24px;
    height: 24px;
  }
}

.casestudy_voice_txt {
  display: inline-block;
  position: relative;
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.46667;
}
@media (min-width: 768px) {
  .casestudy_voice_txt {
    font-size: 2.6rem;
  }
}
.casestudy_voice_txt::before,
.casestudy_voice_txt::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 18px;
}
@media (min-width: 768px) {
  .casestudy_voice_txt::before,
  .casestudy_voice_txt::after {
    width: 30px;
    height: 25px;
    background-size: 30px 25px;
  }
}
.casestudy_voice_txt::before {
  top: -5px;
  left: -10px;
  background-image: url(/assets/img/common/icon_quotation_01.png);
  background-size: 21px 18px;
}
@media (min-width: 768px) {
  .casestudy_voice_txt::before {
    top: -0.2em;
    left: -42px;
    background-size: 30px 25px;
  }
}
.casestudy_voice_txt::after {
  right: -10px;
  bottom: -5px;
  background-image: url(/assets/img/common/icon_quotation_02.png);
  background-size: 21px 18px;
}
@media (min-width: 768px) {
  .casestudy_voice_txt::after {
    right: -42px;
    bottom: -0.2em;
    background-size: 30px 25px;
  }
}
.casestudy_voice_txt .change-color {
  color: #f03d61;
}

.casestudy_voice_company {
  position: relative;
  margin: 15px 20px 0 0;
  color: #7b8790; 
  line-height: 1.4;
}
@media (min-width: 768px) {
  .casestudy_voice_company {
    position: static;
    margin: 0;
    font-size: 1.4rem;
    line-height: 2;
  }
}

.casestudy_voice_layout {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.casestudy_voice_deco {
  overflow: hidden;
  position: absolute;
  bottom: -100%;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% -10%;
      -ms-transform-origin: 50% -10%;
          transform-origin: 50% -10%; 
  background-color: #fff;
}
.casestudy_voice_deco div {
  bottom: -100%;
  height: 100%;
  background: url(/assets/img/common/bg_blue.png); 
  background-size: 40px 40px;
}

.casestudy_voice_deco_01 {
  right: 0;
  -webkit-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
          transform: rotate(7deg);
}
.casestudy_voice_deco_01 div {
  -webkit-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
          transform: rotate(-7deg);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0; 
  background-position: 50% 6.25vw;
}

.casestudy_voice_deco_02 {
  left: 0;
  -webkit-transform: rotate(-7deg);
      -ms-transform: rotate(-7deg);
          transform: rotate(-7deg);
}
.casestudy_voice_deco_02 div {
  -webkit-transform: rotate(7deg);
      -ms-transform: rotate(7deg);
          transform: rotate(7deg);
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0; 
  background-position: 50% 6.25vw;
}

/* --------------------------------
   support
-------------------------------- */
.support {
  padding: 65px 0; 
  background: #ecf3fb;
}
@media (min-width: 768px) {
  .support {
    padding: 118px 0 140px;
  }
}
@media (min-width: 768px) {
  .support .main_h {
    letter-spacing: 7px;
  }
}

.support_txt {
  margin: 45px 0 0;
  font-size: 1.3rem;
  line-height: 1.92308;
}
@media (min-width: 768px) {
  .support_txt {
    margin-top: 52px;
    text-align: center; 
    font-size: 1.8rem;
    line-height: 1.77778;
  }
}

.support_lists {
  margin: 26px 0 0;
  background: #fff;
  -webkit-box-shadow: 0 45px 30px -30px rgba(25, 146, 212, 0.18);
          box-shadow: 0 45px 30px -30px rgba(25, 146, 212, 0.18);
}
@media (min-width: 768px) {
  .support_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; 
    margin-top: 38px;
  }
}

.support_list {
  padding: 30px 0 36px;
}
@media (min-width: 768px) {
  .support_list {
    position: relative;
    padding: 48px 0 120px; 
    width: 33.333%;
    min-height: 615px;
  }
}
.support_list + .support_list {
  border-top: 1px solid #e1e8f1;
}
@media (min-width: 768px) {
  .support_list + .support_list {
    border-top: none;
    border-left: 1px solid #e1e8f1;
  }
}

.support_list_h {
  text-align: center;
  color: #098bde;
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .support_list_h {
    font-size: 2.4rem;
    line-height: 1.41667;
  }
}

.support_list_img {
  margin: 20px 35px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .support_list_img {
    margin: 25px auto 0; 
    max-width: 220px;
  }
}

.support_list_txt {
  margin: 20px 35px 0;
  font-size: 1.2rem;
  line-height: 1.83333;
}
@media (min-width: 768px) {
  .support_list_txt {
    margin: 34px 15% 0;
    font-size: 1.4rem;
    line-height: 1.71429;
  }
}

.support_list_btn {
  margin: 20px auto 0;
  text-align: center;
}
@media (min-width: 768px) {
  .support_list_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 2% 42px;
  }
}
.support_list_btn a {
  width: 230px;
  height: 44px;
  line-height: 44px;
}
@media (min-width: 768px) {
  .support_list_btn a {
    width: 100%;
    max-width: 260px;
    height: 50px;
    line-height: 50px;
  }
}
.support_list_btn a span {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .support_list_btn a span {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .support_list_btn a.c-arw-lg::before {
    right: 10px;
  }
}

.support_seminar {
  margin: 67px 0 0;
}
@media (min-width: 768px) {
  .support_seminar {
    margin-top: 90px;
  }
}

.support_seminar_h {
  text-align: center;
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.57895;
}
@media (min-width: 768px) {
  .support_seminar_h {
    font-size: 3rem;
    line-height: 1.66667;
  }
}
.support_seminar_h .change-color {
  color: #1992d4;
}

.support_seminar_lists {
  margin: 20px 0 0;
}
@media (min-width: 768px) {
  .support_seminar_lists {
    margin: 34px auto 0; 
    max-width: 900px;
  }
}

.support_seminar_list a {
  text-decoration: none; 
  color: #262c30;
}
@media (min-width: 768px) {
  .support_seminar_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
    transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
  }
}
.support_seminar_list a:hover {
  opacity: 0.7;
}
.support_seminar_list a:hover .support_seminar_list_btn .c-linkIcon-arw {
  -webkit-transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
  transition: 0.3s opacity cubic-bezier(0, 0, 0.58, 1);
}
@media (min-width: 768px) {
  .support_seminar_list a:hover .support_seminar_list_btn .c-linkIcon-arw::after {
    opacity: 0;
  }
}

.support_seminar_list_txts {
  padding: 28px 30px;
  border-radius: 0 0 8px 8px;
  background: #fff;
}
@media (min-width: 768px) {
  .support_seminar_list_txts {
    padding: 38px 60px;
    border-radius: 0 8px 8px 0; 
    width: 59%;
  }
}

@media (min-width: 768px) {
  .support_seminar_list_img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41%;
            flex: 0 0 41%;
  }
}

@media (min-width: 768px) {
  .support_seminar_list_img img {
    height: 100%; 

    -o-object-fit: cover; 

       object-fit: cover;
  }
}

.support_seminar_list_h {
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .support_seminar_list_h {
    font-size: 2.4rem;
    line-height: 2.08333;
  }
}

.support_seminar_list_txt {
  margin: 10px 0 0;
  font-size: 1.2rem;
  line-height: 1.83333;
}
@media (min-width: 768px) {
  .support_seminar_list_txt {
    margin-top: 6px;
    font-size: 1.4rem;
    line-height: 2;
  }
}

.support_seminar_list_btn {
  margin: 10px 0 0;
  text-align: right;
}
@media (min-width: 768px) {
  .support_seminar_list_btn {
    margin-top: 16px;
  }
}
.support_seminar_list_btn span {
  color: #098bde;
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.2rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .support_seminar_list_btn span {
    font-size: 1.4rem;
  }
}
.support_seminar_list_btn .c-linkIcon-arw {
  padding-left: 23px;
}
@media (min-width: 768px) {
  .support_seminar_list_btn .c-linkIcon-arw {
    top: 1px;
    padding-left: 34px;
  }
}

.support_seminar_btn {
  margin: 36px auto 0;
  text-align: center;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .support_seminar_btn {
    margin-top: 72px;
  }
}
@media (max-width: 767.98px) {
  .support_seminar_btn span {
    font-size: 1.6rem;
  }
}
.support_seminar_btn .c-win::after {
  background-image: url(/assets/img/common/icon_win_blue.svg);
}

/* --------------------------------
   contact
-------------------------------- */
.contact {
  position: relative;
  padding: 65px 0;
  background-repeat: no-repeat; 
  background-size: 100% 86.8%;
}
@media (min-width: 768px) {
  .contact {
    padding: 75px 0 115px;
    background-size: 100% 65.6%;
  }
}
.contact .c-sect_h {
  color: #fff;
}
.contact .c-sect_h::after {
  background-color: #fff;
}
@media (min-width: 768px) {
  .contact .main_h {
    letter-spacing: 7px;
  }
}

.contact_lists {
  margin: 44px 0 0;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 45px 30px -30px rgba(25, 146, 212, 0.18);
          box-shadow: 0 45px 30px -30px rgba(25, 146, 212, 0.18);
}
@media (min-width: 768px) {
  .contact_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 55px auto 0; 
    max-width: 1120px;
  }
}

.contact_list {
  padding: 30px 0 40px;
}
@media (min-width: 768px) {
  .contact_list {
    position: relative;
    padding: 42px 0 100px; 
    width: 50%;
    min-height: 574px;
  }
}
.contact_list + .contact_list {
  border-top: 1px solid #e1e8f1;
}
@media (min-width: 768px) {
  .contact_list + .contact_list {
    border-top: none;
    border-left: 1px solid #e1e8f1;
  }
}
.contact_list:nth-child(2) .contact_list_txt {
  margin: 22px 26px 0; 
  text-align: left;
}
@media (min-width: 768px) {
  .contact_list:nth-child(2) .contact_list_txt {
    margin: 43px 11.5% 0;
  }
}
.contact_list:last-child {
  position: relative;
}

.contact_list_h {
  text-align: center;
  color: #098bde;
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.9rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .contact_list_h {
    font-size: 2.4rem;
    line-height: 1.41667;
  }
}

.contact_list_img {
  margin: 13px 35px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .contact_list_img {
    margin: 25px auto 0; 
    max-width: 220px;
  }
}

.contact_list_subh {
  margin: 17px 0 0;
  text-align: center;
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .contact_list_subh {
    margin: 38px 4% 0;
    font-size: 1.8rem;
  }
}
.contact_list_subh .icon_tel {
  position: relative;
  padding-left: 20px;
  font-family: "Montserrat", sans-serif; 
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .contact_list_subh .icon_tel {
    margin-top: -6px;
    padding-left: 23px;
    font-size: 3rem;
    line-height: 1.21429;
  }
}
.contact_list_subh .icon_tel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: 2px;
  width: 18px;
  height: 17px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); 
  background-image: url(/assets/img/common/icon_tel.png);
  background-size: 18px 17px;
}
@media (min-width: 768px) {
  .contact_list_subh .icon_tel::before {
    width: 18px;
    height: 17px;
    background-size: 18px 17px;
  }
}

.contact_list_txt {
  margin: 8px 15px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .contact_list_txt {
    margin: 11px 8% 0;
    font-size: 1.2rem;
    line-height: 1.83333;
  }
}
.contact_list_txt em {
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo; 
  font-size: 1.2rem;
  font-weight: bold;
  font-style: normal;
  line-height: 1;
}
@media (min-width: 768px) {
  .contact_list_txt em {
    font-size: 1.4rem;
  }
}

.contact_list_btn {
  margin: 20px auto 0;
  text-align: center;
}
@media (min-width: 768px) {
  .contact_list_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 2% 48px;
  }
}
.contact_list_btn a {
  width: 230px;
  height: 44px;
  line-height: 44px;
}
@media (min-width: 768px) {
  .contact_list_btn a {
    width: 100%;
    max-width: 293px;
    height: 50px;
    line-height: 50px;
  }
}
.contact_list_btn a span {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .contact_list_btn a span {
    font-size: 1.6rem;
  }
}

.contact_list_list {
  margin: 16px 24px 0; 
  text-align: left;
}
@media (min-width: 768px) {
  .contact_list_list {
    margin: 40px 10.8% 0;
  }
}
.contact_list_list > li {
  position: relative;
  padding-left: 29px; 
  font-family: "Hiragino Kaku Gothic W7 JIS2004", Meiryo;
  font-size: 1.2rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .contact_list_list > li {
    padding-left: 33px;
    text-indent: 0; 
    letter-spacing: 0.17em;
  }
}
.contact_list_list > li + li {
  margin-top: 6px;
}
@media (min-width: 768px) {
  .contact_list_list > li + li {
    margin-top: 10px;
  }
}
.contact_list_list > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(/assets/img/common/icon_check.png);
  background-size: 18px 18px;
}
@media (min-width: 768px) {
  .contact_list_list > li::before {
    top: 50%;
    width: 22px;
    height: 22px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background-size: 22px 22px;
  }
}

.contact_list_badge {
  position: absolute;
  top: -18px;
  right: -20px;
  width: 74px;
}
@media (min-width: 768px) {
  .contact_list_badge {
    top: -47px;
    right: -47px;
    width: 128px;
  }
}

.contact_btn {
  margin: 36px auto 0;
  text-align: center;
}
@media (min-width: 768px) {
  .contact_btn {
    margin-top: 72px;
  }
}
.contact_btn .c-win::after {
  background-image: url(/assets/img/common/icon_win_blue.svg);
}