@charset "UTF-8";
/*
Theme Name: MediaSMS Theme
Description: このテーマは、MediaSMSのサイト向けに作成されたテンプレートです。PC、スマホ対応。
Theme URI: https://media-sms.net/
Author: 株式会社メディア４ｕ
Author URI: https://www.media4u.co.jp/
Version: 1.0.0
License:
License URI:
*/
/*
* mixin
*/
/* font */
/* box-shadow */
/*
* variables
*/
/* color */
/* font-size */
/* margin */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select, button {
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/*
* common
*/
  
  

@font-face {
font-family: 'Abel', sans-serif;
font-family: 'M PLUS 1p', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
}




body {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.8;
  position: relative;
  font-family: 'Noto Sans JP', sans-serif;
 }

.display--none {
  display: none; }

/*
* components/container
*/
.container {
  width: 1200px;
  margin: 0 auto; }
  .container--small {
    width: 840px;
    margin: 0 auto; }
  .container--padding {
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }


/* 1210 谷岡　トップのcontainer幅*/
.SP-container {
    width: 920px;
}

/* 1225 谷岡　トップの強調*/
.Strong-Red {
    color: #000;
    font-weight: 700;
	display: block;
	margin-top: 40px;
	border-radius: 8px;
	border: 2px dotted #cd0f1d;
	box-sizing: border-box;
	padding: 1rem;
	background: #f0c9cc;
}

/*
* components/header
*/
.header {
  width: calc(100% - 50px);
  min-width: 1290px;

  /* 1210 谷岡　幅変更*/
  min-width: 1260px;

  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 35px;
  -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.2);}
  .header__logo {
    height: 25px;
    margin-top: 0px; }
    .header__logo img {
      height: 100%; }
  .header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .header__nav {
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;

    /* 2020.08.14　コメントアウト
    display: flex;*/


    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    
    
    
    
    font-weight: 600;
    /* バーの位置を変化 */ }
    .header__nav__menu {
      position: relative;
      height: 100%;
      line-height: 70px; }
      .header__nav__menu__link {
        display: block;
        padding: 0 15px;
        color: #000;
        font-size: 14px;
        text-decoration: none; }
      .header__nav__menu__sub {
        position: absolute;
        left: 0;
        top: 60px;
        width: 300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #393939;
        border-radius: 10px;
        text-align: center;
        overflow: hidden; }
        .header__nav__menu__sub a {
          width: 50%;
          height: 45px;
          line-height: 45px;
          color: #fff;
          font-size: 14px;
          text-decoration: none;
          border-right: 1px solid #444;
          border-bottom: 1px solid #444;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
          .header__nav__menu__sub a:hover {
            color: #0e8bd9; }
          .header__nav__menu__sub a:nth-child(2n) {
            border-right: none; }
          .header__nav__menu__sub a:last-child {
            border-bottom: none; }
        .header__nav__menu__sub.display--none {
          display: none; }
          
          
          
      /* ***************   
    .header__nav__bar {
      width: 50px;
      height: 1px;
      display: block;
      position: absolute;
      bottom: 15px;
      left: 4px;
      background: #0e8bd9;
      -webkit-transition: all .5s;
      transition: all .5s;
      opacity: 0;
    }
    .header__nav .header__nav__menu:nth-child(1).current ~ .header__nav__bar {
      left: 4px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(2).current ~ .header__nav__bar {
      left: 75px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(3).current ~ .header__nav__bar {
      left: 170px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(4).current ~ .header__nav__bar {
      left: 282px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(5).current ~ .header__nav__bar {
      left: 360px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(6).current ~ .header__nav__bar {
      left: 451px;
      opacity: 1;
    }

    .header__nav .header__nav__menu:nth-child(1):hover ~ .header__nav__bar {
      left: 4px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(2):hover ~ .header__nav__bar {
      left: 75px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(3):hover ~ .header__nav__bar {
      left: 170px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(4):hover ~ .header__nav__bar {
      left: 282px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(5):hover ~ .header__nav__bar {
      left: 360px;
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(6):hover ~ .header__nav__bar {
      left: 451px;
      opacity: 1;
    }
 *************** */     
    
  .header__tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px 0 40px;
    /* 1211 谷岡　左マージン変更*/
    margin-left: 20px;
    }
    .header__tel__icon {
      width: 19px;
      margin-right: 4px; }
    .header__tel__number {
      width: 180px; }

/*
* components/footer
*/
.footer__inquiry {
  padding-top: 65px;
  background: #dae4ea;

  }


  .footer__inquiry__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 65px; }









    .footer__inquiry__info__tel {
      margin-right: 35px; }
      .footer__inquiry__info__tel__text {
        margin-left: 50px;
        color: #0e8bd9;
        font-family: 'tbudgothic-std',sans-serif;
        font-weight: 700;
        font-size: 24px; }
      .footer__inquiry__info__tel__icon {
        width: 42px; }
      .footer__inquiry__info__tel__number {
        width: 340px; }
  .footer__inquiry__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .footer__inquiry__bottom__scroll-icon,
    .footer__inquiry__bottom__scroll-icon-02{
      height: 40px; }
      .footer__inquiry__bottom__scroll-icon img,
      .footer__inquiry__bottom__scroll-icon-02 img{
        height: 100%; }



/*ウエンツフッター　2022.08*/

.footer-cta {
  padding-top: 65px;
  /*background: #dae4ea url("images/index/long_cap_02.png") no-repeat center bottom;*/
	/*background-size: 1290px 261px;*/

 }

 .footer-cta-n {
 	background-image: none;
 }


.footer-cta-in {
	position: relative;
}
  .footer__inquiry__info_02 {
		/*ウエンツ用width*/
		width: 840px;



    padding-bottom: 65px;
	text-align: center;}



.footer__inquiry__info_02 .footer__inquiry__info__tel,
.footer__inquiry__info_02 .footer__inquiry__info__link {
	display: inline-block;
}

.footer__inquiry__info_n {
	/*ウエンツなしセンターマージン*/
	margin: 0 auto;
}

.footer__inquiry__info_02 .footer__inquiry__info__tel {
	margin-bottom: 30px;
}

.cta-wentz-02 {
	width: 343px;
	height: 404px;
	position: absolute;
	bottom: -1px;
	right: 0;
}
.cta-wentz-02 img {
	width: 100%;
	height: auto;
}

.cta-pc {
	width: 480px;
	
	position: absolute;
	bottom: 20px;
	right: 0;
}
.cta-pc img {
	width: 100%;
	height: auto;
}



/*PCトップへ戻るボタン改修2021_04*/
.footer__inquiry__bottom__scroll-icon,
.footer__inquiry__bottom__scroll-icon-02{
  position:fixed; /*固定*/
  bottom:0; /*場所を右下に移動*/
  right:0; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/

  width:40px;
  height:40px;
  text-align:center;

  box-sizing:border-box;

}



.footer__nav {
  padding: 40px 0;
  background: #000; }
  .footer__nav__link {
    margin-right: 40px;
    color: #fff;
    text-decoration: none;
    font-size: 14px; }
    .footer__nav__link:hover {
      border-bottom: 1px solid #fff; }

.footer__bottom {
  padding-bottom: 65px; }
  .footer__bottom__facebook {
  /*
* プライバシーマーク用に調整
*/
    margin: 20px 0 0px 0;
    text-align: right; }
    .footer__bottom__facebook img {
      width: 26px; }
  .footer__bottom__company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: flex-end;

    }
    .footer__bottom__company__logo img {
      width: 140px; }
    .footer__bottom__company__copy {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
}


/*
* プライバシーマーク
*/

.P-mark {
    width: 100px;
    height: auto;
    margin-left: 50%;
}

.P-mark img {
    width: 100%;
    height: auto;
}



/*
* 下層ページのファーストビュー
*/
.above {
  width: 100%;
  height: 340px;
  padding-top: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: no-repeat center;
  background-size: cover;
  text-align: center; }
  .above__title {
    padding-top: 55px;
    color: #fff;
    font-size: 44px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    text-shadow: 1px 1px 3px #393939; }
  .above__hr {
    margin: 12px 0 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3); }

/*
* components/breadcrumb
*/
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .breadcrumb__list {
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 1px #000; }
    .breadcrumb__list a {
      color: #fff;
      text-decoration: none; }
      .breadcrumb__list a:hover {
        border-bottom: 1px solid #fff; }

/*
* components/title
*/
.title {
  color: #0e8bd9;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
  text-align: center; }
  .title .sub_title {
    font-size: 18px;
    line-height: 1.4; }
  .title-container {
    text-align: center; }
  .title--border {
    /* titler-containerとセットで使う */
    position: relative;
    display: inline-block;
    padding: 10px 20px; }
    .title--border:before, .title--border:after {
      position: absolute;
      top: 0;
      content: '';
      width: 8px;
      height: 100%;
      display: inline-block; }
    .title--border:before {
      border-left: solid 1px #0e8bd9;
      border-top: solid 1px #0e8bd9;
      border-bottom: solid 1px #0e8bd9;
      left: 0; }
    .title--border:after {
      content: '';
      border-top: solid 1px #0e8bd9;
      border-right: solid 1px #0e8bd9;
      border-bottom: solid 1px #0e8bd9;
      right: 0; }
  .title--white {
    color: #fff; }
  .title--black {
    color: #000; }
  .title--large {
    font-size: 34px; }
  .title--small {
    font-size: 24px; }
  .title--english {
    font-family: 'tbudgothic-std',sans-serif;
    font-weight: 700; }

/*
* components/button
*/
.button {
  display: inline-block;
  padding: 0 12px 0 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background: #0e8bd9;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  text-decoration: none;
  text-align: center; }
  .button img {
    margin-right: 5px;
    vertical-align: middle; }
  .button:hover {
    background: rgba(14, 139, 217, 0.55); }
  .button--small {
    min-width: 260px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    border-radius: 20px; }
    .button--small img {
      width: 27px; }
  .button--large {
    min-width: 480px;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    border-radius: 40px; }
    .button--large img {
      width: 40px; }
  .button--medium {
    min-width: 350px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    border-radius: 30px;
  }
  .button--medium img {
    width: 23px;
  }


  .button--moderate {
    height: 60px;
    min-width: 320px;
    color: #000;
    background: #f6ce14;

    border-radius: 12px;
    font-size: 19px;
    line-height: 55px;

	border-bottom: 4px solid #9f8405;

}



   .button--moderate:hover {
      background: #f2e4a1;


}
    .button--moderate img {
      width: 20px;
      height: auto;
      margin-right: 15px; }

/* シェアボタン */
.facebook img {
  height: 21px; }

/*
* components/table
*/
.table-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #0e8bd9; }
  .table-row:last-child {
    border-bottom: 1px solid #0e8bd9; }
  .table-row__title {
    width: 140px;
    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;
    margin: 5px 0;
    border-right: 1px solid #0e8bd9; }
    .table-row__title__column {
      width: 140px;
      margin-right: 5px;
      padding: 10px 0;
      border-bottom: 1px solid #0e8bd9;
      text-align: center; }
      .table-row__title__column:last-child {
        border-bottom: none; }
  .table-row__content {
    width: calc(100% - 140px);
    margin-left: 5px; }
    .table-row__content__column {
      padding: 10px 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-bottom: 1px solid #0e8bd9; }
      .table-row__content__column:last-child {
        border-bottom: none; }

/*
* components/form
*/
.form {
  /* MW WP FORMのチェックボックス用css */ }
  .form--title {
    margin-bottom: 5px;
    padding-top: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 20px; }
  .form--input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #dae4ea;
    border: 1px solid #9db4c1;
    font-size: 16px;
    cursor: inherit; }

    /* 1224 谷岡CSS改修（TELフォーム） */
    .form--input[name="tel"] {
        width: 30%;

    }
    
        /* 2024_05_15 谷岡CSS改修（TELフォーム） */
    .form--input[name="phone"] {
        width: 30%;

    }




    .form--input:focus {
      outline: none;
      background: #fff;
      border: 1px solid #0e8bd9; }
  .form--textarea {
    width: 100%;
    height: 170px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #dae4ea;
    border: 1px solid #9db4c1;
    font-size: 16px; }
    .form--textarea:focus {
      outline: none;
      background: #fff;
      border: 1px solid #0e8bd9; }
  .form--label {
    display: block; }
  .form--checkbox {
    display: none; }
    .form--checkbox-parts {
      position: relative;
      margin-right: 20px;
      padding-left: 25px; }
      .form--checkbox-parts:before {
        content: "";
        display: block;
        position: absolute;
        top: 4px;
        left: 0;
        width: 15px;
        height: 15px;
        border: 1px solid #0e8bd9;
        border-radius: 3px; }
    .form--checkbox:checked + .form--checkbox-parts:before {
      background: #0e8bd9; }
    .form--checkbox:checked + .form--checkbox-parts:after {
      content: "";
      display: block;
      position: absolute;
      top: 5px;
      left: 6px;
      width: 4px;
      height: 10px;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff; }
  .form--required {
    margin-left: 10px;
    padding: 3px 8px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    background: #d50b0b;
    border-radius: 5px; }
  .form--wp-checkbox label {
    display: block; }
  .form--wp-checkbox .mwform-checkbox-field-text {
    position: relative;
    margin-right: 20px;
    padding-left: 25px; }
    .form--wp-checkbox .mwform-checkbox-field-text:before {
      content: "";
      display: block;
      position: absolute;
      top: 4px;
      left: 0;
      width: 15px;
      height: 15px;
      border: 1px solid #0e8bd9;
      border-radius: 3px; }
  .form--wp-checkbox input {
    display: none; }
    .form--wp-checkbox input:checked + .mwform-checkbox-field-text:before {
      background: #0e8bd9; }
    .form--wp-checkbox input:checked + .mwform-checkbox-field-text:after {
      content: "";
      display: block;
      position: absolute;
      top: 5px;
      left: 6px;
      width: 4px;
      height: 10px;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff; }

/*
* components/news-list
*/
.news-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }
  .news-list__link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .news-list__left {
    width: 110px;
    margin-right: 10px; }
  .news-list__category {
    margin-bottom: 10px; }
  .news-list__image {
    width: 100%; }
  .news-list__date {
    color: #0e8bd9;
    margin-bottom: 0.4rem;
    display: block; }

/*
* components/news-card
*/
.news-card {
  position: relative;
  display: block;
  width: 253px;
  margin-bottom: 40px;
  border: 2px solid #b2b2b2;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  box-sizing: border-box;
  color: #000;
  background-color: #fff; }
  .news-card:not(:nth-of-type(3n)) {
    margin-right: 40px; }
  .news-card__bg {
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .news-card__bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px;
    background: rgba(255, 255, 255, 0.15);
    opacity: 0; }
  .news-card:hover .news-card__bg-overlay {
    opacity: 1; }
  .news-card__text-box {
    padding: 15px 15px 20px; }
  .news-card__date {
    font-size: 16px;
    color: #0e8bd9;
    display: block;
    margin-bottom: 10px;
    font-weight: bold; }
  .news-card__title {
    margin-bottom: 15px;
    line-height: 1.37;
    font-weight: 900;
    font-size: 16px; }
  .news-card__description {
    font-size: 15px; }
  .news-card__category {
    margin-top: 15px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px; }
  .news-card__category span {
    border-radius: 1000px;
    color: #0e8bd9;
    border: 1px solid #0e8bd9;
    padding: 0 8px;
    min-width: 3em;
    text-align: center; }

/* components/paging */
.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .paging .page-numbers {
    min-width: 25px;
    margin-right: 10px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    color: #0e8bd9;
    border: 2px solid #0e8bd9;
    border-radius: 3px;
    line-height: 1;
    font-family: 'co-headline',sans-serif;
    font-weight: 400;
    font-size: 14px; }
    .paging .page-numbers.current {
      background: #0e8bd9;
      color: #fff; }
    .paging .page-numbers.prev {
      margin-right: 30px; }
    .paging .page-numbers.next {
      margin-right: 0;
      margin-left: 20px; }

/*
* components/animation
*/
.js-fade-in {



  /*
  * 12/07谷岡改修　変更
  */
  opacity: 1;
  -webkit-transform: translate(0, 0px);
  transform: translate(0, 0px);
  -webkit-transition: all 0.0s;
  transition: all 0.0s; }


.js-scroll-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

/*
/*
* components/modal
* プラグイン：popup makerのデザイン
*/

/* 大枠のDIV */
.Popup-Static {
    max-height: 45vw;
    overflow: scroll;
}

.Popup-Static p {
    margin-bottom: 0.8rem;
}

.Popup-Static p.pop-small-title {
    margin-bottom: 0.3rem;
     font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 17px;
}


/* タイトル */

.popmake-title {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  margin-bottom: 1rem;}

/* 本文 */
.popmake-content p {
  font-size: 14px; }

/* 小タイトル */
.pop-small-title {

 }

/* 閉じるボタン */
.popmake-close {
  font-family: 'Noto Sans JP', sans-serif !important;
  font-weight: 600 !important; }

/* リスト */
.pop-list {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.pop-list li {
    font-size: 14px;
    font-weight: 600;


    margin-bottom: 0.5rem;

}
.pop-list li span {
    font-weight: normal;

}


/*
* pages/index
*/
/* index__above */
.index__above {
  width: 100%;
  height: 740px;
  /* 1207 谷岡　画像をJPGに変更*/
  background: url("images/index/pc_background_main02.jpg?201812191900") no-repeat center;
  background-size: cover; }
  .index__above__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .index__above__texts {
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    line-height: 1; }
  .index__above__description {
    margin-top: 300px;
    font-size: 26px; }
  .index__above__catch-phrase {
    font-size: 55px; }
    .index__above__catch-phrase span {
      font-family: 'co-headline',sans-serif;
      font-weight: 400;
      font-size: 90px; }
      .index__above__catch-phrase span span {
        font-size: 55px; }
  .index__above__note {
    text-align: right;
    margin-top: 10px;
    font-size: 14px; }
  .index__above__circle {
    width: 240px;
    margin-top: 20px; }
	
	
	


/* index__case-banner */
.index__case-banner {
  margin-top: 65px;
}
.index__case-banner a {
  display: block;
  width: 100%;
  max-width: 920px;
  margin: auto;
}
.index__case-banner img {
  width: 100%;
}

/* index__domestic-sms */
.index__domestic-sms {
  padding: 65px 0;
  background: #f6f6f6; }

  /* 1210 　谷岡　paddingなど修正*/
    /* 2023.07ヴィジュアル改修*/
  .SP-catch {
      padding-top: 40px;
  }


  .index__domestic-sms__container {
    margin-top: 65px;
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 3px #eee;
    box-shadow: 0 0 1px 3px #eee; }

/* index__chosen-reason */
.index__chosen-reason__title {
  padding: 65px;
  background: #0e8bd9; }

   /* 1210 谷岡見出しクラス追加*/
.SP-h2 {
      margin-bottom: 65px;


      color: #000;

      background: #fcd51e;



padding:30px 0 45px;


  }
  .SP-h2 span {
      font-family: 'co-headline',sans-serif;
      font-weight: 400;
      font-size: 60px; }






.index__chosen-reason__quality {
  padding: 40px 0;
  background: #f6f6f6; }
  .index__chosen-reason__quality__title {
    margin-bottom: 40px;
    line-height: 1.5; }
  .index__chosen-reason__quality__image {
    text-align: center; }
    .index__chosen-reason__quality__image img {
      height: 390px; }
  .index__chosen-reason__quality__texts {
    margin-top: 40px; }

.index__chosen-reason__variety {
  padding: 40px 0 65px; }










  .index__chosen-reason__variety__title {
    margin-bottom: 40px; }
  .index__chosen-reason__variety__top-functions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px; }
    .index__chosen-reason__variety__top-functions__content {
      width: 50%;
      margin: 40px 0;
      padding: 0 30px; }
      .index__chosen-reason__variety__top-functions__content:first-child {
        border-right: 1px solid #eee; }
      .index__chosen-reason__variety__top-functions__content img {
        height: 320px;
        display: block;
        margin: 30px auto;
	}
      .index__chosen-reason__variety__top-functions__content__long-text {
        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; }
      .index__chosen-reason__variety__top-functions__content__long-text .main-image {
        margin: 30px 0; }
      .index__chosen-reason__variety__top-functions__content__long-text .images img {
        width: 75px;
          height: 75px;
          margin: 0 0 5px 20px;  }
      .index__chosen-reason__variety__top-functions__content__long-text .images img:last-child {
        margin-bottom: 0; }
  .index__chosen-reason__variety__functions__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .index__chosen-reason__variety__functions__content {
    width: 100%;
    margin: 40px 0;
    padding: 0 30px;
    border-right: 1px solid #eee; }
    .index__chosen-reason__variety__functions__content:nth-child(3n) {
      border-right: none; }
  .index__chosen-reason__variety__functions__title span {
    font-size: 16px; }
  .index__chosen-reason__variety__functions__image {
    margin: 30px 0;
    text-align: center; }
    .index__chosen-reason__variety__functions__image.url {
      margin: 18px 0; }
    .index__chosen-reason__variety__functions__image img {
      height: 65px; }
  .index__chosen-reason__variety__link {
    margin-top: 40px;
    text-align: center; }




   /* 2021.02.05 追加コンテンツ*/


 .index_contents_why {
  	padding-top: 0;
	background: #f6f6f6;
  }

   .index_contents_why .SP-h2 {
   	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 34px;
	margin-bottom: 0;
   }


   .index_contents_why .index__chosen-reason__variety__top-functions__content:first-child {
   	border-right: 1px solid #dcdcdc
   }

 .index_contents_why .index__chosen-reason__variety__top-functions__content img {
 	height: 220px;
 }


 .index_contents_why .index__chosen-reason__variety__top-functions__content{
 	padding: 0 40px;
 }


  .index_contents_why .title--small {
  	font-size: 23px;
	line-height: 1.5;
  }

.index_contents_why .index__chosen-reason__variety__top-functions__content img {
	margin: 40px 0;
}


    .index_contents_why p {
		font-size: 14px;
	}






/* 1224 谷岡背景画像追加*/
.SP-baloon {
    position: relative;
    overflow: visible;
    }
.SP-baloon img {
    width: 60px;
    height: auto;
    position: absolute;
    left: 50%;
    top: -50px;
    margin-left: -185px;
}

/* index__know-how*/
.index__know-how {
  padding: 40px 0 65px;

  /* 1207 谷岡　画像をJPGに変更*/
  background: url("images/index/pc_background_know_how.jpg") no-repeat center;
  background-size: cover; }
  .index__know-how__title {
    margin-bottom: 65px; }
    .index__know-how__title span {
      font-family: 'co-headline',sans-serif;
      font-weight: 400;
      font-size: 60px; }

/* index__companies */
.index__companies {
  padding: 65px 0;
  background: #f6f6f6; }
  .index__companies__title {
    margin-bottom: 40px; }
  .index__companies__logo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .index__companies__logo-list__logo {
      width: 200px;
      min-height: 80px;
      height: inherit;
      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;
      margin-right: 40px;
      margin-bottom: 40px;
      padding: 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: #fff;
      border: 1px solid #eee;
      overflow: hidden; }
      .index__companies__logo-list__logo:nth-child(5n) {
        margin-right: 0; }
      .index__companies__logo-list__logo img {
        max-width: 120px;
        max-height: 40px; }
      .index__companies__logo-list__logo p {
        font-size: 14px;
        line-height: 1.5;
        text-align: center; }

/* index__case */
.index__case .SP-h2 {
  margin-bottom: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 34px;
}
.index__case__container {
  padding-top: 80px;
  padding-bottom: 65px;
}
.index__case__container.gray {
  background: #f6f6f6;
}
.index__case__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.index__case__list .case-list {
  margin-bottom: 0;
}
.index__case__link {
  display: flex;
  align-items: center;
}
.index__case__link a {
  margin: auto;
}

/* index__news */
.index__news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 65px;
  margin-bottom: 105px; }
  .index__news__list {
    position: relative;
    width: calc((100% - 40px) / 2);
    margin-right: 40px; }
    .index__news__list__title {
      padding-bottom: 40px; }
    .index__news__list__link {
      width: 100%;
      position: absolute;
      bottom: -40px;
      text-align: center; }
  .index__news__facebook {
    width: calc((100% - 40px) / 2);
    text-align: center; }
    .index__news__facebook__title {
      padding-bottom: 40px; }

/*
* pages/feature
*/
/* feature__above */
.feature__above {
/* 1207 谷岡　画像をJPGに変更*/
  background-image: url("images/feature/pc_background_main.jpg"); 
   /* 2023_12_13 デザイン変更　*/
	 background-image: url("images/feature/pc_background_main_2023_12.jpg"); 
 }

/* feature__quality */
.feature__quality {
  padding: 40px 0 65px; }
  .feature__quality__image {
    padding: 65px 0;
    text-align: center; }
    .feature__quality__image img {
      width: 500px; }
  .feature__quality__texts p {
    padding-bottom: 40px; }
    .feature__quality__texts p:last-child {
      padding-bottom: 0; }

/* feature__platform */
.feature__platform {
  padding: 65px 0;
  background: #f6f6f6; }
  .feature__platform__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 65px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 3px #eee;
    box-shadow: 0 0 1px 3px #eee; }
    .feature__platform__container__image {
      width: 50%;
      /* 1207 谷岡　画像をJPGに変更*/
      background: url("images/feature/image1.jpg") no-repeat center;
      background-size: cover; }
    .feature__platform__container__texts {
      width: 50%;
      padding: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .feature__platform__container__texts p {
        margin-bottom: 40px; }
        .feature__platform__container__texts p:last-child {
          margin-bottom: 0; }

/* feature__all-career */
.feature__all-career {
  padding: 40px 0 65px; }
  .feature__all-career__image {
    padding: 40px 0;
    text-align: center; }
    .feature__all-career__image img {
      width: 200px; }

/* feature__integration */
.feature__integration {
  padding: 65px 0;
  background: #f6f6f6; }
  .feature__integration__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 65px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 3px #eee;
    box-shadow: 0 0 1px 3px #eee; }
    .feature__integration__container__image {
      width: 50%;
      /* 1207 谷岡　画像をJPGに変更*/
      background: url("images/feature/image2.jpg") no-repeat center;
      background-size: cover; }
    .feature__integration__container__texts {
      width: 50%;
      padding: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .feature__integration__container__texts p {
        margin-bottom: 40px; }
        .feature__integration__container__texts p:last-child {
          margin-bottom: 0; }

/* feature__api */
.feature__api {
  padding: 40px 0 65px;
}
  .feature__api__image {
    padding: 40px 0;
    text-align: center; }
    .feature__api__image img {
      width: 600px;
      height: auto; }
.margin-api-top {
	margin-top: 80px;
}









  .feature__api__overview__title {

  /* 12_19 谷岡　Padding修正 */
    padding: 45px 0 20px;
    color: #0e8bd9;
    text-align: center;
    font-size: 18px; }

/* 12_19 谷岡　注釈用 */
.API-comments {
    margin-top: 10px;
    font-size: 13px;
}




/*
* pages/services
*/
/* ページ内リンクのリンク先位置調整 */
.link-id {
  margin-top: -100px;
  padding-top: 100px; }

/* sectionの共通css */
.services__section {
  padding: 40px 0 65px; }
  .services__section.gray {
    background: #f6f6f6; }
  .services__section__title {
    margin-bottom: 40px; }

/* 画面半分の配置の共通css */
.services__flex-half__title {
  margin-bottom: 40px; }

.services__flex-half__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .services__flex-half__content > * {
    width: 50%; }
  .services__flex-half__content > *:nth-child(2n) {
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .services__flex-half__content img {
    width: 100%;
    height: auto; }

/* services__above */
.services__above {
  background-image: url("images/services/pc_background_main_services.jpg"); }
.services__above.services__sms {
  background-image: url("images/services/pc_background_main_sms.jpg"); }
.services__above.services__both {
  background-image: url("images/services/pc_background_main_both.jpg"); }
.services__above.services__long {
  background-image: url("images/services/pc_background_main_long.jpg"); }
.services__above.services__db {
  background-image: url("images/services/pc_background_main_db.jpg"); }
.services__above.services__other {
  background-image: url("images/services/pc_background_main_other.jpg"); }
.services__above.services__ivr {
  background-image: url("images/services/pc_background_main_ivr.jpg"); }
.services__above.services__regi {
  background-image: url("images/services/pc_background_main_regi.jpg"); }
.services__above.services__force {
  background-image: url("images/services/pc_background_main_force.jpg"); }





  
  

/* services__main */
.services__main__txt {
  padding: 60px 0;
}
.services__main__list {
  padding: 60px 0;
  background: #f6f6f6; }
  .services__main__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  .services__main__item {
    background: #fff;
    width: calc(33.3% - 27px);
    box-sizing: border-box;
    -webkit-box-shadow: 0 0 1px 3px #eee;
    box-shadow: 0 0 1px 3px #eee;
    border-radius: 10px;
    color: #000;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    text-decoration: none; }
  .services__main__item h2 {
    background: #0e8bd9;
    color: #fff;
    font-size: 21px;
    padding: 4px 0;
    text-align: center;   }
  .services__main__content {
    padding: 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
    flex: 1;   }
  .services__main__item img {
    height: 80px;
    width: auto; }
  .services__main__text {
    text-align: left;
    margin: 20px 0;   }
  .services__main__button {
    font-weight: bold;
    margin-top: auto;
    width: 140px;
    color: #0e8bd9;
    text-align: center;
    padding: 4px 0;
    transition: all 0.2s;
    border: 2px solid #0e8bd9;
    border-radius: 1000px; }
  .services__main__button:hover {
    background: #0e8bd9;
    color: #fff; }

/* services__list */
.services__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 40px; }
  .services__list__item {
    width: 152px;
    height: 152px;
    margin: 0 20px 40px;
    padding: 20px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-box-shadow: 0 0 1px 3px #eee;
    box-shadow: 0 0 1px 3px #eee;
    border-radius: 10px;
    color: #000;
    text-decoration: none; }
    .services__list__item:first-child, .services__list__item:nth-child(7n) {
      margin-left: 0; }
    .services__list__item:nth-child(6n) {
      margin-right: 0; }
    .services__list__item span {
      display: block;
      margin-bottom: 10px;
      font-family: 'tbudgothic-std',sans-serif;
      font-weight: 700;
      font-size: 16px; }
    .services__list__item img {
      height: 65px;
      width: auto; }

/* services__normal-sms */
.services__normal-sms__top-image {
  width: 600px;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 40px 0; }

.services__normal-sms__flex-half {
  margin-top: 65px; }

/* services__both-sms */
.services__both-sms__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .services__both-sms__description__image--phone {
    margin-right: 40px; }
    .services__both-sms__description__image--phone img {
      width: 350px; }
  .services__both-sms__description__image--pc {
    margin-right: 40px; }
    .services__both-sms__description__image--pc img {
      width: 100%;
      height: auto;}

.services__both-sms__flex-half {
  margin-top: 40px; }

/* services__long-sms */
.services__long-sms {
  padding-bottom: 65px; }
  .services__long-sms__flex-half {
    margin-top: 40px; }

/* services__db */
.services__db__image {
  width: 610px;
  margin: 40px auto 0; }
  .services__db__image img {
    width: 100%; }

.services__db p {
  margin-bottom: 40px; }
  .services__db p:last-child {
    margin-bottom: 0; }

/* services__other */
.services__other__image {
  width: 100%;
  margin: 40px auto 0; }
  .services__other__image img {
    width: 100%; }

.services__other p {
  margin-bottom: 40px; }
  .services__other p:last-child {
    margin-bottom: 0; }

/* services__ivr-sms */
.services__ivr-sms p {
  margin-bottom: 40px; }
  .services__ivr-sms p:last-child {
    margin-bottom: 0; }

.services__ivr-sms__image {
  width: 750px;
  margin: 40px auto 0; }
  .services__ivr-sms__image img {
    width: 100%; }

.services__ivr-sms__text-block {
  padding-top: 65px; }
  .services__ivr-sms__text-block__title {
    padding-bottom: 40px; }
  .services__ivr-sms__text-block__image {
    width: 640px;
    display: block;
    margin: 0 auto;
    padding-bottom: 20px; }
    .services__ivr-sms__text-block__image.small {
      width: 400px; }

/* services__teleforce */
/* sms-regi */
.services__sms-regi__link {
  text-align: center; }

/* sms-force */
.services__sms-force__title--small {
  padding-bottom: 40px; }

.services__sms-force__link {
  text-align: center; }

/*
* pages/plans
*/
/* plans__above */
.plans__above {
/* 1207 谷岡　画像をJPGに変更*/
  background-image: url("images/plans/pc_background_main.jpg"); }

/* plans__specification */
.plans__specification {
  padding: 40px 0 65px;
  /* 1207 谷岡　グレーからホワイト*/ }
  .plans__specification__title {
    margin-bottom: 40px; }

/* plans__price */
.plans__price {
  padding: 40px 0 65px;
  /* 1207 谷岡　ホワイトからグレー*/
  background: #f6f6f6;}
  .plans__price__title {
    margin-bottom: 40px; }
  .plans__price__table {
    margin: 40px 0; }
    .plans__price__table__large-text {
      font-size: 30px; }
    .plans__price__table__inquiry {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }

/* plans__trial */
.plans__trial {
  padding: 40px 0 65px;
  /* 1207 谷岡　画像をJPGに変更*/
  background: url("images/plans/pc_background_trial.jpg") no-repeat center;
  background-size: cover; }
  .plans__trial__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 40px 0 40px; }
    .plans__trial__container__image {
      height: 200px; }
    .plans__trial__container__text {
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 600;
      font-size: 22px;
      text-align: center; }


/* 1207 谷岡　追加のH3*/
.T-h3 {
    font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  text-align: center;
  border-bottom: 1px solid #000;
   border-top: 1px solid #000;

  margin-bottom: 20px;

  padding: 0.25rem 0 0.25rem;


}

/*
* pages/questions
*/
/* questions__above */
.questions__above {
/* 2023_12_26 谷岡　画像変更*/
  background-image: url("images/questions/pc_background_main_2023_12.jpg"); }
 
 

/* questions__list */
.questions__list {
  padding-top: 40px;
  padding-bottom: 65px;
  background: #f6f6f6; }
  .questions__list__content {
    border-top: 1px solid #0e8bd9; }
    .questions__list__content:last-child {
      border-bottom: 1px solid #0e8bd9; }
    .questions__list__content__question, .questions__list__content__answer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 0; }
      .questions__list__content__question img, .questions__list__content__answer img {
        height: 50px;
        margin-right: 20px; }
    .questions__list__content__question {
      background: url("images/icon/icon_arrow_bottom_blue.png") no-repeat right;
      background-size: 30px;
      cursor: pointer; }
      .questions__list__content__question.active {
        background-image: url("images/icon/icon_arrow_top_blue.png"); }
      .questions__list__content__question__title {
        padding-top: 7px;
        padding-right: 40px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 600;
        font-size: 20px; }
    .questions__list__content__answer {
      border-top: 1px solid #0e8bd9; }
      .questions__list__content__answer.display--none {
        display: none; }

/*
* pages/news
*/
/* カテゴリータグの共通スタイル */
.news-category-tag {
  width: 110px;
  display: inline-block;
  color: #0e8bd9;
  border: 1px solid #0e8bd9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  text-align: center; }

.news {
  padding-bottom: 65px; }

/* news__above */
.news__above {
/* 1207 谷岡　画像をJPGに変更*/
  background-image: url("images/news/pc_background_main.jpg"); }

/* news__list */
.news__list {
  padding: 65px 0 25px;
  display: flex;
  align-items: flex-start;
  gap: 80px; }
  .news__list__inner {
    display: flex;
    flex-wrap: wrap;
    width: 839px; }
  .news__list__categories {
    flex: 1; }
  .news__list__categories h2 {
    font-size: 21px;
    margin-bottom: 15px; }
  .news__list__categories ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 12px; }
  .news__list__categories li a {
    border-radius: 1000px;
    color: #0e8bd9;
    border: 1px solid #0e8bd9;
    padding: 0 8px;
    text-decoration: none;
    display: block;
    min-width: 3em;
    text-align: center; }
  .news__list__categories li a.active {
    background: #0e8bd9;
    color: #fff; }
  .news__list__categories > a {
    display: inline-block;
    margin-top: 30px;
    font-weight: bold;
    color: #0e8bd9;
    text-decoration: none; }

/* news-article */
.news-article__above {
  height: inherit;
  padding-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: inherit; }
  .news-article__above__info {
    margin: 15px 0 40px; }
  .news-article__above__info__date {
    color: #0e8bd9;
    margin-right: 15px; }
  .news-article__above__info__category {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 14px;
    color: #0e8bd9; }
  .news-article__above__info__category span {
    border-radius: 1000px;
    border: 1px solid #0e8bd9;
    padding: 0 8px;
    min-width: 3em;
    text-align: center; }
  .news-article__above__title {
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.4; }
	
	
	
	/* title部の上部タグスタイル：谷岡2023.6.13 */
	.news-article__above__info__category span a {
		
	}
	
	.news-article__above__info__category span a:link,
	.news-article__above__info__category span a:visited{
		color: #0e8bd9;
		text-decoration: none;
	}
	.news-article__above__info__category span a:hover,
	.news-article__above__info__category span a:active{
		color: #0e8bd9;
		text-decoration: none;
	}
	
	
	
	

.news-article__content__wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  gap: 80px;}
  .news-article__content {
     width: 839px; }
  .news-article__content h1,
  .news-article__content h2,
  .news-article__content h3, .news-article__content h4,
  .news-article__content h5,
  .news-article__content h6 {
    margin-bottom: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-size: 20px; }
  .news-article__content h1 {
    font-size: 24px; }
  .news-article__content img {
    width: 600px;
    height: 100%;
    display: block;
    margin: 0 auto 40px; }

/*
* pages/inquiry
*/
/* inquiry__above */
.inquiry__above {
/* 1207 谷岡　画像をJPGに変更*/
  background-image: url("images/inquiry/pc_background_main.jpg"); }

/* 代理店募集 イメージ 20190531*/
.Partner {
  background-image: url("images/inquiry/pc_background_main_p.jpg"); }

/* inquiry__form */
.inquiry__form-area__message {
  padding-top: 40px; }

.inquiry__form-area__text {
  padding-bottom: 40px; }
  .inquiry__form-area__text a {
    color: #0e8bd9; }

.inquiry__form-area__form {
  padding-bottom: 40px;
  border-top: 1px solid #0e8bd9;
  border-bottom: 1px solid #0e8bd9; }
  .inquiry__form-area__form__privacy-button {
    font-size: 16px;
    font-family: 'a-otf-ud-shin-go-pr6n',sans-serif;
    font-weight: 300;
    color: #0e8bd9;
    border-bottom: 1px solid #0e8bd9; }
  .inquiry__form-area__form__submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
    text-align: center; }
    .inquiry__form-area__form__submit .back-button,
    .inquiry__form-area__form__submit .submit-button {
      min-width: 300px; }
    .inquiry__form-area__form__submit .back-button {
      margin-right: 40px; }

.inquiry__form-area form {
  width: 840px;
  margin: 0 auto 65px; }

/* inquiry__complete */
.inquiry__complete {
  width: 100%;
  padding-bottom: 65px;
  background: #f6f6f6; }
  .inquiry__complete p {
    padding-bottom: 20px; }
    .inquiry__complete p:last-child {
      padding-bottom: 0; }
  .inquiry__complete__title {
    padding: 65px 0; }
  .inquiry__complete__box {
    padding: 40px;
    background: #fff;
    -webkit-box-shadow: 0 0 1px 3px #eee;
    box-shadow: 0 0 1px 3px #eee;
    font-family: 'a-otf-ud-shin-go-pr6n',sans-serif;
    font-weight: 300; }
  .inquiry__complete__link {
    color: #0e8bd9;
    text-decoration: none; }
    .inquiry__complete__link:hover {
      border-bottom: 1px solid #0e8bd9; }

/*
* pages/404
*/
/* not-found__above */
.not-found__above {
/* 1207 谷岡　画像を変更　JPGに変更*/
  background-image: url("images/p404/pc_background_main.jpg"); }

/* not-found__content */
.not-found__content {
  padding: 65px 0;
  text-align: center; }

/*
* pages/template
*/
/* ページ内リンクのリンク先位置調整 */
/* sectionの共通css */
.template__section {
  padding: 40px 0 65px; }
  .template__section.gray {
    background: #f6f6f6; }
  .template__section__title {
    margin-bottom: 40px; }

/* 画面半分の配置の共通css */
.template__flex-half__title {
  margin-bottom: 40px; }

.template__flex-half__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .template__flex-half__content > * {
    width: 50%; }
  .template__flex-half__content > *:nth-child(2n) {
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .template__flex-half__content img {
    width: 100%; }

/* 画像の共通css */
.template__image--center {
  width: 640px;
  display: block;
  margin: 0 auto;
  padding: 40px 0; }

/* 戻るボタン */
.template__button-return {
  margin-top: 65px;
  text-align: center; }

/* margin */
.template__margin-top--medium {
  margin-top: 65px; }

/* template__above */
.template__above {
/* 1207 谷岡　画像をJPGに変更*/
  background-image: url("images/services/lower/pc_background_main.jpg"); }



/* 2019.02.15谷岡追加 */
span.fluores {
    background: linear-gradient(transparent 60%, #ffdc00 60%);
    font-weight: bold;
}

.Ys__price__yellow-line {
    margin: 40px 0 20px;
    padding: 5px 0;
    background: #fcd51e;
    font-size: 21px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    text-align: center; }

span.Neighbor-Dot {
    -webkit-text-emphasis-style: filled circle #d12b2b;
	-moz-text-emphasis-style: filled circle #d12b2b;
	-ms-text-emphasis-style: filled circle #d12b2b;
    text-emphasis: filled circle #d12b2b;
}

span.W-line {
    background: url("images/wave-red.png?20190215") repeat-x left bottom;
    background-size: 20px 26px;
    padding-bottom: 6px;
}


h3.Mark {
    margin: 0 auto 40px;
    padding: 5px 0;
    background: #fcd51e;
    font-size: 21px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    text-align: center;
    width: 840px;


}


.Inactive {

    pointer-events: none;
}


/* 導入事例一覧（case） */
.case {
  padding-bottom: 65px;
}
.case__above {
  background-image: url("images/case/index_background_pc.jpg");
}
.case__list__wrapper {
  padding-top: 55px;
}
.case__list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 25px;
}

/* 導入事例タグ検索コンポーネント */
.case-search {
  background: #f6f6f6;
  border-radius: 14px;
  text-align: center;
  padding: 40px;
  margin-bottom: 65px;
}
.case-search__tabs {
  display: flex;
  gap: 40px;
  margin-bottom: 20px;
}
.case-search__button {
  font-weight: bold;
  font-size: 21px;
  flex: 1;
  border-radius: 4px;
  background: #c0c0c0;
  color: #fff;
  padding: 8px 0;
}
.case-search__button.active {
  background: #0e8bd9;
}
.case-search__content {
  display: none;
}
.case-search__content.active {
  display: block;
}
.case-search__content ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 14px;
}
.case-search__content ul a {
  border-radius: 1000px;
  color: #0e8bd9;
  border: 1px solid #0e8bd9;
  padding: 0 8px;
  display: block;
  text-decoration: none;
  background: #fff;
  min-width: 3em;
  text-align: center;
}
.case-search__content ul a.active {
  background: #0e8bd9;
  color: #fff;
}
.case-search__all {
  color: #0e8bd9;
  text-decoration: none;
  display: inline-block;
  font-weight: bold;
  bottom: -20px;
  position: relative;
}

/* 導入事例コンポーネント */
.case-list {
  position: relative;
  display: block;
  width: 253px;
  margin-bottom: 40px;
  border: 2px solid #b2b2b2;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  box-sizing: border-box;
  color: #000;
  background-color: #fff;
}
.case-list:not(:nth-of-type(3n)) {
  margin-right: 40px;
}
.case-list__bg {
  width: 100%;
  height: 190px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.case-list__bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 190px;
  background: rgba(255, 255, 255, 0.15);
  opacity: 0;
}
.case-list:hover .case-list__bg-overlay {
  opacity: 1;
}
.case-list__text-box {
  padding: 0 15px 20px 15px;
}
.case-list__logo {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.case-list__logo img {
  max-height: 40px;
}
.case-list__title {
  margin-bottom: 5px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 15px;
  text-align: center;
}
.case-list__description {
  font-size: 15px;
}
.case-list__category {
  margin-top: 15px;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.case-list__category span {
  border-radius: 1000px;
  color: #0e8bd9;
  border: 1px solid #0e8bd9;
  padding: 0 8px;
  min-width: 3em;
  text-align: center;
}

/* 導入事例詳細 */
.case-article__above {
  height: inherit;
  padding-bottom: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("images/case/article_background_pc.jpg");
  text-align: inherit;
}
.case-article__above__info {
  margin: 15px 0 40px;
}
.case-article__above__info__date {
  margin-left: 10px;
  color: #0e8bd9;
}
.case-article__above__info__category {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
  color: #0e8bd9;
}
.case-article__above__info__category span {
  border-radius: 1000px;
  border: 1px solid #0e8bd9;
  padding: 0 8px;
  min-width: 3em;
  text-align: center;
}
.case-article__above__title {
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
}



/* title部の上部タグスタイル：谷岡2023.6.13 */
	.case-article__above__info__category span a {
		
	}
	
	.case-article__above__info__category span a:link,
	.case-article__above__info__category span a:visited{
		color: #0e8bd9;
		text-decoration: none;
	}
	.case-article__above__info__category span a:hover,
	.case-article__above__info__category span a:active{
		color: #0e8bd9;
		text-decoration: none;
	}



/* 導入事例サマリー */
.case-article__summary {
  margin-top: 40px;
  margin-bottom: 60px;
}
.case-article__summary h1 {
  margin-bottom: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 39px;
}
.case-article__summary > img {
  width: 100%;
  margin-bottom: 40px;
}
.case-article__summary__company {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  padding: 20px 60px;
  border: 2px solid #b2b2b2;
  border-radius: 10px;
}
.case-article__summary__company img {
  width: 120px;
  margin-right: 58px;
}
.case-article__summary__company p {
  font-size: 16px;
  line-height: 28px;
}
.case-article__summary__company p.case-article__summary__company__title {
  margin-bottom: 5px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 28px;
}
.case-article__summary__description {
  margin-bottom: 40px;
}
.case-article__baloon {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 40px;
  border-radius: 10px;
  font-family: 'Noto Sans JP', sans-serif;
}
.case-article__baloon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  border: 60px solid transparent;
  border-top: 35px solid #eaeaea;
}
.case-article__baloon--orange::before {
  border-top: 35px solid #f3d5ae;
}
.case-article__baloon--blue::before {
  display: none;
}
.case-article__baloon__title {
  margin-right: 40px;
  font-size: 18px;
  font-weight: 900;
  min-width: 4rem;
  text-align: center;
}
.case-article__baloon__content {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}
.case-article__baloon__content:last-of-type {
  margin-bottom: 0;
}
.case-article__baloon__content p {
  margin-bottom: 12px;
  padding-left: 16px;
  background: url("images/case/chevron_right.png") left no-repeat;
  background-size: 8px auto;
}
.case-article__baloon__content p:last-of-type {
  margin-bottom: 0;
}
.case-article__baloon--gray {
  background-color: #eaeaea;
}
.case-article__baloon--orange {
  background-color: #f3d5ae;
}
.case-article__baloon--blue {
  background-color: #dae6ea;
}
/* 導入事例本文 */
.case-article__content {
  padding-bottom: 40px;
}
.case-article__content section {
  margin-top: 60px;
  margin-bottom: 60px;
}
.case-article__content h2 {
  border-bottom: 1px #0f8bda solid;
  margin-bottom: 40px;
  padding-bottom: 5px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: 600;
}
.case-article__content h6 {
  margin-top: 40px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.case-article__content p {
  margin-bottom: 16px;
}
.case-article__content a {
  color: #0f0fb9;
  text-decoration: underline;
}
.case-article__content img {
  width: 615px;
  height: 100%;
  display: block;
  margin: 60px auto;
}


/* 2020.09 投稿記事装飾 */
.blog-box {
    margin-bottom: 60px;
}
.blog-box .blog-txt {
    margin-bottom: 40px;
}
.blog-box .blog-txt:last-child {
    margin-bottom: 0;
}

.blog-box h1 {
    border-bottom: 1px #0f8bda solid;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

.blog-box h2 {
    line-height: 1.6;
    margin-bottom: 20px;
    font-size: 18px;

}

.blog-box h3 {
    line-height: 1.4;
    margin-bottom: 15px;
    font-size: 15px;


  display: inline-block;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  color: #fff;
  border-radius: 0 100vh 100vh 0;
  background: #000;

}


.blog-box .blog-f {
    background: #f9cfce;
    border-radius: 0.8rem;
    padding: 1rem 1.5rem;
    box-sizing: border-box;
}

.blog-box .blog-list {

}

.blog-box .blog-list-02 {
 	margin-bottom: 2.5rem;
}








.blog-box .blog-list li {
    border-bottom: 1px dotted #000;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}



.blog-box .blog-list li:last-child {
    margin-bottom: 0;
}


.blog-box .blog-list-02 li {
	position: relative;
    padding-left: 15px;
    font-weight: 700;
}


.blog-box .blog-list-02 li:before {
    content: "";
    position: absolute;
    top: .55em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid #0f8bd9;
    border-right: 2px solid #0f8bd9;
  }


.blog-box ol {
	list-style-type: none;
	/*要素の連番（カウンタ）の値をリセットする*/
	counter-reset: li;
	margin-bottom: 2.5rem;
}
.blog-box ol.Count-list li{
	position: relative;
    padding-left: 25px;
	  border-bottom: 1px dotted #000;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
	font-weight: 700;


}


.blog-box ol.Count-list li:last-child {
    margin-bottom: 0;
}

.blog-box ol.Count-list li:before{
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
	color: #0f8bd9;
	/*要素の連番（カウンタ）の値を進める*/
	counter-increment: li;
	/*自動連番を付ける関数*/
	content: counter(li)'.';
}


.blog-box .Qt {
	background: #eaeaea;
	border-radius: 8px;
	padding: 1rem 1.5rem;

}



.blog-list-02.Qt {
	background: #eaeaea;
	border-radius: 8px;
	padding: 1rem 1.5rem;
	box-sizing: border-box;
}

.blog-list-02.Qt li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}














.blog-box .blog-img {
    width: 600px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.blog-box .blog-img-full {
    width: 840px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.blog-box .blog-img-s {
    width: 400px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.blog-box .blog-img-xs {
    width: 300px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.blog-box .img-cap {
	font-size: 0.9rem;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: right;
}


.blog-box .blog-img img,
.blog-box .blog-img-full img,
.blog-box .blog-img-s img,
.blog-box .blog-img-xs img{
    width: 100%;
    height: auto;
}


.blog-btn,
.blog-btn-in,
.blog-btn-Ex
{
    text-align: center;
}

.blog-btn-in-M {
	margin-bottom: 80px;
}

.blog-btn-in-M2 {
	margin-top: 100px;
	margin-bottom: 100px;
}

.blog-btn a,
.blog-btn-in a,
.blog-btn-Ex a{


    display: inline-block;
    text-align: center;
    border: 1px #0f8bda solid;
    border-radius: 80px;
    box-sizing: border-box;
    padding: 0.8rem 1.8rem;
    font-size: 18px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;

}

.blog-btn a:link,
.blog-btn a:visited,
.blog-btn-in a:link,
.blog-btn-in a:visited,
.blog-btn-Ex a:link,
.blog-btn-Ex a:visited{
    text-decoration: none;
    color: #0f8bda;
}

.blog-btn a:hover,
.blog-btn a:active,
.blog-btn-in a:hover,
.blog-btn-in a:active,
.blog-btn-Ex a:hover,
.blog-btn-Ex a:active{
    text-decoration: none;
    color: #0f8bda;
    background: #c2e3f8;
}


.blog-btn a:before {
    content:'';
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 24px;
     background-image: url(images/site_icon.png);
      background-size: contain;
  vertical-align: middle;
}

.blog-btn-in a:before {
    content:'';
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 24px;
     background-image: url(images/link_icon.png);
      background-size: contain;
  vertical-align: middle;
}


.blog-btn > p,
.blog-btn-in > p{
    font-size: 19px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;

	margin-bottom: 0.5rem;
	color: #6c5bd8;
}



/*ブログ引用*/
.blog-box blockquote {
position: relative;
margin: 0 0 40px;
padding: 2rem 2.5rem 0;
border: 2px solid #CCC;
border-radius: 10px;
box-sizing: border-box;
}

.blog-box blockquote p {
	margin-bottom: 20px;
}

.blog-box blockquote cite {
	display: block;
	text-align: right;
}

.blog-box blockquote:before{
position: absolute;
font-size: 80px;
opacity: .1;

}
.blog-box blockquote:before{
top: -25px;
left: 5px;
content: '“';
}



/* 2020.10 投稿のページ移動 */

.post-paging {
    width: 840px;
    margin: 20px auto 80px;
    position: relative;



}


.post-paging div {

}


.post-paging .page-l {
    width:38%;
    position: absolute;
    left: 0;
    top: 0;

    text-align: left;


    background: url(images/post_arrow_l.png) no-repeat left center;
    background-size: 9px 18px;

    padding: 0 0 0 16px;

    box-sizing: border-box;



}

.post-paging .page-r {
    width:38%;
    position: absolute;
     right: 0;
    top: 0;

    text-align: right;

    background: url(images/post_arrow_r.png) no-repeat right center;;
    background-size: 9px 18px;

    padding: 0 16px 0 0;

    box-sizing: border-box;
}

.post-paging .page-c {
    width:14%;
    margin: 0 auto;
   text-align: center;

}





.post-paging a {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;

    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
white-space: nowrap;
}

.post-paging a:link,
.post-paging a:visited {
    text-decoration: none;
    color: #0f8bda;
}

.post-paging a:hover,
.post-paging a:active {
    text-decoration: underline;
    color: #0f8bda;

}




/* LPより移植 SMS認証画像 */
      .AUTH__api__image img {
      width: 800px; }

            .AUTH__api__image_02 img {
      width: 250px;}

/* LPより移植ブロック */
.blk-div-a {
    margin-top: 65px;
}
.blk-div-a h3.Mark {
    margin-bottom: 0;
}




/* LPより移植 */



/* 審査注意 */
.Attention {
    width: 840px;
    margin: 0 auto 60px;
    box-sizing: border-box;
    border: #000 3px solid;
    border-radius: 12px;
    padding: 15px 15px 10px;
}

.Attention h5 {
    font-size: 16px;
    font-weight: 700;
    border-radius: 40px;
    text-align: center;
    background: #000;
    color: #fff;
    box-sizing: border-box;
    padding: 5px 0;
    margin-bottom: 10px;


}

.Attention p {

}


/* 企業ロゴ */
p.Company-img {
    width: 700px;
    margin: 0 auto 60px;
}

p.Company-img img {
    width: 100%;
}



/* テレフォースサービスロゴの追加 */
img.SV-logo {
   width: 220px;
    height: auto;
    display: block;

    margin-bottom: 30px;
}

img.tf-logo {
   width: 420px;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

img.tf-il-01 {
	width: 70%;
	height: auto;
	display: block;
    margin: 0 auto;
}
.tf-mini-t {
	font-size: 24px;

}

.tf-mini-h {
	font-size: 16px;
	background: #000;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding: 0.2rem 1.5rem;
	box-sizing: border-box;
	margin-bottom: 0.6rem;
}










/* シーン活用 */
/* feature__scene */
.feature__scene {
  padding: 0 0 65px; }

.future__scene__title {
  padding: 65px;
  background: #0e8bd9; }

.scene-case-box {
    background: #fff;
    padding: 65px 0;
}

.scene-case {
    width: 1100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.scene-case article {
    width: 340px;
    margin: 0 40px 60px 0;
    align-self: stretch;
}

.scene-case article h3 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 500;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1;
}

.scene-case article:nth-child(3n) {
    margin-right: 0;
}

.scene-case article figure,
.scene-case article figure img {
    width: 100%;
}

.scene-case article figure img {
    display: block;
    margin-bottom: 10px;
}

.scene-case article figure figcaption {
    font-size: 15px;
     text-align: justify;
  text-justify: inter-ideograph;
}


/* 大きな画像コピーの追加*/
.B-copy {
    width: 840px;
    margin: 0 auto 60px;
}

.B-copy img {
    width: 100%;
    height: auto;
}

/* トライアルコピー*/
.s-kikan {
display: block;
      margin: 0 0 20px;
    padding: 5px 0;
    background: #fcd51e;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    text-align: center;
    }



/*
* ランディングページindex移植
*/

/*谷岡 2023.07ヴィジュアル改修*/
.landing-index__above-2023{
background: url("images/index_new/mv_bg_wave.png"),-moz-linear-gradient(left, #EDFAFF 0%, #D6F0FF 100%);
background: url("images/index_new/mv_bg_wave.png"),-webkit-gradient(linear, left center, right center, from(#EDFAFF), to(#D6F0FF)) ;
background: url("images/index_new/mv_bg_wave.png"),-webkit-linear-gradient(left, #EDFAFF 0%, #D6F0FF 100%);
background: url("images/index_new/mv_bg_wave.png"),-o-linear-gradient(left, #EDFAFF 0%, #D6F0FF 100%) ;
background: url("images/index_new/mv_bg_wave.png"),linear-gradient(to right, #EDFAFF 0%, #D6F0FF 100%);


  width: 100%;
	


  padding-top: 0px;
  
  background-position: center center;
  background-repeat: no-repeat;
  


}





/*谷岡 2026.06オーロラヴィジュアル改修*/
.landing-index__above-2026{
background: url("images/index_new/wave_pt_rgb.png"),linear-gradient(to right, #eafaff 0%, #e4f6ff 100%);


  width: 100%;
	


  padding-top: 0px;
  
  background-position: center center;
  background-repeat: no-repeat;
  


}



  .landing-index__above__container {
    width: 1170px;
	height: 640px;

	

    margin: 0 auto;
   

    position: relative;
	


    }

.landing-index__above__container h1 img,
.landing-index__above__container h2 img,
.landing-index__above__container h3 img,
.landing-index__above__container p img{
	width: 100%;
	height: auto;
}

.landing-index__above__container h1 {
	width: 570px;
	height: 200px;
	position: absolute;
	left: 30px;
	top: 160px;
	z-index: 5;
}



.landing-index__above__container h2 {
	width: 624px;
	height: 200px;
	position: absolute;
	left: 30px;
	bottom: 60px;
	
	z-index: 4;
}
.landing-index__above__container h3 {
	width: 300px;
	
	position: absolute;
	right: 200px;
	top: 160px;
	
	z-index: 3;
}



.landing-index__above__container p.Annotation {
	width: 543px;
	height: 12px;
	position: absolute;
	left: 30px;
	bottom: 30px;
	
	z-index: 2;
}


.landing-index__above__container .wentz {
	width: 350px;
	position: absolute;
	right: -4px;
	bottom: 0;
	z-index: 7;
}
.landing-index__above__container .wentz img {
	display: block;
	width: 100%;
	height: auto;
}


/* 2026.06ウエンツの差し替え*/	
.landing-index__above__container .pc_2026 {
	width: 520px;
	position: absolute;
	right: 30px;
	bottom: 50px;
	z-index: 1;
}
.landing-index__above__container .pc_2026 img {
	display: block;
	width: 100%;
	height: auto;
}


/* 2023.07アニメの再再開*/	
.index__above__animation_spc{
	position: absolute;
	width: 200px;
	right: 0;
	bottom: 40px;
	
	z-index: 1;
}

	
  .index__above__animation {
    position: relative;
    width: 200px;
    height: 404px;
  

}
    .index__above__animation__phone, .index__above__animation__phone2 {
      width: 200px;
      position: absolute;
      top: 6px;
      left: 0;
      opacity: 0;
      -webkit-transition: all 0.8s;
      transition: all 0.8s; }
      .index__above__animation__phone.animation, .index__above__animation__phone2.animation {
        opacity: 1; }
    .index__above__animation__balloon {
      width: 160px;
      position: absolute;
      top: 140px;
      left: 20px;
      opacity: 0;
      -webkit-transform: translate(0, -10px);
      transform: translate(0, -10px);
      -webkit-transition: all 0.6s;
      transition: all 0.6s; }
      .index__above__animation__balloon.animation {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
      .index__above__animation__balloon.animation2 {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }




/* 2023.07ロゴのループアニメ*/
.Company-Logo {
	padding: 30px 0;
	background: #fff;
	
}
.company_roop {
    background: url(images/index_new/company_logo.png) repeat-x left center/auto 70px;
    height: 70px;
    animation: bgroop 50s linear infinite;
    
  }

@keyframes bgroop {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2820px 0;
  }
}


/* 2023.07CTA部*/
.cta-2023 {
	background: #e6012c;
	width: 100%;
	padding: 20px 0;

}

.cta-spc {
	width: 1170px;
	height: 180px;
	margin: 0 auto;
	position:relative; 
}




.cta-spc a {
	display: block;
	width: 333px;
	height: 56px;
	position: absolute;
	top: 62px;
	right: 62px;
	opacity: 1;
      -webkit-transition: all 0.5s;
      transition: all 0.5s;
}

.cta-spc a:hover {
	opacity: 0.3;
}

.cta-spc > img,
.cta-spc > a > img {
	width: 100%;
	height: auto;
}


.change{
    width: 100%;
    background: #333;
    text-align: center;
    color: #fff;
    padding: 20px 0;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 12px auto 0;
}
.change span {
    font-size: 42px;
}





/* 2023.01 CP風バナー */
.landing-index__above__container .cp-banner {
	width: 369px;
	position: absolute;
	left: -40px;
	bottom: 25px;





}
.landing-index__above__container .cp-banner img {
	display: block;
	width: 100%;
	height: auto;
}



			/* 2021.01 ページ内アンカーの件 */
#i-000, #i-001, #i-002, #i-003, #i-004, #i-005, #i-006, #i-007, #i-008, #i-009, #i-010{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}


      .landing-index__above__left__advantages a img {
      /* 無効化 2019.03.26谷岡
        height: 95px;
        display: block;
        margin-right: 30px;
        margin-bottom: 30px;
        */

        width: auto;
        height: 100%;

        }

        /* 無効化 2019.03.26谷岡
        .landing-index__above__left__advantages img:nth-child(n + 4) {
          margin-bottom: 0; }
          */

          .landing-index__above__left__advantages a:nth-child(n + 7) {
          margin-bottom: 0; }

		  .landing-index__above__left__advantages a:nth-child(2n) {
		  	margin-right: 0;
		  }




  .landing-index__above__right {
    width: 260px;
    height: 525px;


    position: relative;
    line-height: 0; }



    .landing-index__above__right__phone, .landing-index__above__right__phone2 {
      width: 260px;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-transition: all 0.8s;
      transition: all 0.8s; }
      .landing-index__above__right__phone.animation, .landing-index__above__right__phone2.animation {
        opacity: 1; }
    .landing-index__above__right__balloon {
      width: 215px;
      position: absolute;
      top: 180px;
      left: 22px;
      opacity: 0;
      -webkit-transform: translate(0, -10px);
      transform: translate(0, -10px);
      -webkit-transition: all 0.6s;
      transition: all 0.6s; }
      .landing-index__above__right__balloon.animation {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); }
      .landing-index__above__right__balloon.animation2 {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }


/*
* ランディングページ トップタイトル
*/
.landing__above {
  width: 100%;
  height: 400px;
  background: url("images/pc_background.jpg") no-repeat center;
  background-size: cover; }
  .landing__above__title {
    padding-top: 220px;
    font-size: 38px;
    text-align: center;
    text-shadow: 1px 1px 3px #393939;
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600; }




/*
* ニュース／ブログ改修
*/
.news-list__right {
    line-height: 1.5;
	font-size: 14px;
}

.news-list__right h1 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 17px;
    margin-bottom: 0.4em;
}

.news-list__right h2,
.news-list__right p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}



/*
* TOC　ブログ目次
*/

.TOC {
	background: #dae5ea;
	border-radius: 1rem;
	padding: 1.5rem;
	margin-bottom: 3rem;
}

.TOC h3.TOC-H3 {
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 1.0rem;
}

.TOC h3.TOC-H3 ul {

}

.TOC ul li {
	font-size: 13px;
	margin-bottom: 0.5rem;
}

.TOC ul li:last-child {
	margin-bottom: 0;
}

.TOC ul li a:link,
.TOC ul li a:visited {
	color: #000;
	text-decoration: none;
}
.TOC ul li a:hover,
.TOC ul li a:active {
	color: #000;
	text-decoration: underline;
}


.TOC ul li{
    position: relative;
    padding-left: 20px;
  }

.TOC ul li:before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-top: 2px solid #0e8bd9;
    border-right: 2px solid #0e8bd9;
  }

.TOC ul li:after {
    content: "";
    position: absolute;
    top: .65em;
    left: 1px;
    width: 8px;
    height: 2px;
    background-color: #0e8bd9;
  }



#toc-01, #toc-02, #toc-03, #toc-04, #toc-05, #toc-06, #toc-07, #toc-08, #toc-09, #toc-10, #toc-11 {
  padding-top: 120px;
  margin-top:-120px;
}





/*
* Appリンク
*/


.sf_partner {
	 background: url("images/index/sfdc_patner.png") no-repeat right center;
	 background-size: 80px 85px;
	 min-height: 85px;
	 margin-top: 0.5rem;
	 padding-right: 90px;
}

.sf_partner p {
	font-size: 12px;
	line-height: 1.4;
}

.kt_partner {
	 background: none;
	 background-size: 80px 85px;
	 /* min-height: 85px; */
   min-height: 40px;
	 margin-top: 0.5rem;
	 padding-right: 90px;
}

.kt_partner p {
	font-size: 12px;
	line-height: 1.4;
}


.ex-link-bt {


	display: inline-block;
	padding: 0.2rem 0.8rem;
	border-radius: 40px;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 0.3rem;
}



.ex-link-bt:link,
.ex-link-btt:visited {
	color: #000;
	text-decoration: none;
	background: #ded5cf;
}

.ex-link-bt:hover,
.ex-link-bt:active {
	color: #000;
	text-decoration: none;
	background: #f7f0eb;
}



/*
* SMS認証API（2021.06）
*/
#Auth {
  padding-top: 120px;
  margin-top:-120px;
}

#api-link {
  padding-top: 40px;
  margin-top:-40px;
  display: block;
}



/* 2021.12 サイトフォーム部 */
.bg_extend {
    background: url(images/bg/thumbnail_docu.png) no-repeat right top;
    background-size: 340px 297px;
    padding-right: 380px;
    min-height: 297px;

}


.bg_extend_02 {
    background: url(images/bg/thumbnail_api_02.png) no-repeat right top;
    background-size: 230px 332px;
    padding-right: 270px;
    min-height: 308px;

}




/* 2021.12 ボタン部 */
.button--moderate-Orange {
    background: #f39213;
    color: #fff;
    border-bottom: 4px solid #aa6305;


}

.button--moderate-Orange:hover {
    background: #f5c586;

}


.hover-balloon,
.hover-balloon-02{
	position: relative;

}

.hover-balloon:before {
    content: "";
    display: inline-block;
    background: url("images/index/balloon.png") no-repeat center top;
    background-size: 280px 60px;
    width: 280px;
    height: 60px;
    position: absolute;
	top: -38px;
	left: 50%;
	margin-left: -140px;

}

.hover-balloon-02:before {
    content: "";
    display: inline-block;
    background: url("images/index/balloon_02.png") no-repeat center top;
    background-size: 280px 60px;
    width: 280px;
    height: 60px;
    position: absolute;
	top: -38px;
	left: 50%;
	margin-left: -140px;



}



.button--moderate.tp-btn {
    height: 80px;
    min-width: 480px;


    border-radius: 12px;
    font-size: 24px;
    line-height: 74px;


}

.Function-list .button--moderate.tp-btn img {
	width: 34px;
height: auto;
margin-right: 18px;
}

.mb-80 {
	margin-bottom: 80px!important;
}

.mb-40 {
	margin-bottom: 40px!important;
}

.mb-20 {
	margin-bottom: 20px!important;
}

.mb-60 {
	margin-bottom: 60px!important;
}

.mb-140 {
	margin-bottom: 140px!important;
}

.mb-100 {
	margin-bottom: 100px!important;
}

.mb-160 {
	margin-bottom: 160px!important;
}

.mb-120 {
	margin-bottom: 120px!important;
}

.mb-0 {
	margin-bottom: 0px!important;
}

.mt-0 {
	margin-top: 0px!important;
}
.mt-20 {
	margin-top: 20px!important;
}
.mt-40 {
	margin-top: 40px!important;
}

.mt-60 {
	margin-top: 60px!important;
}


.mt-80 {
	margin-top: 80px!important;
}

.mt-140 {
	margin-top: 140px!important;
}

.mt-160 {
	margin-top: 160px!important;
}


.mt-120 {
	margin-top: 120px!important;
}

.mt-100 {
	margin-top: 100px!important;
}

.title-bl02 {
	background: #000;
	color: #fff;
	padding: 45px 0;
}

.button.orange-button {
	background-color:#f39114;
	}
.button.orange-button:hover {
    background-color:rgb(234, 145, 20, 0.55);
}

.c-mail {
	display: block;
	font-size: 13px;
	margin-top: 0.5rem;
	color: #df0808;
	font-weight: bold;
}

.side-column-img img {
	width: 100%;
	height: auto;
}


.api-cace {
	width: 100%;
	border: 2px solid #000;
	box-sizing: border-box;

}


.api-cace caption {
	text-align: left;
	margin-bottom: 0.5rem;
	font-weight: bold;
}

.api-cace th,
.api-cace td {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 11px;
	vertical-align: middle;

	padding: 0.4rem 0.4rem;

	box-sizing: border-box;
}

.api-cace th {
	text-align: center;
	background: #848484;
	color: #fff;
}

.api-cace td:first-child {
	max-width: 20%;
	white-space: normal;
	text-align: center;
}

.api-cace td {
	background: #fff;
}

.no-flex {
	display: block;
}
.no-flex-100 {
	width: 100%;
	margin-bottom: 80px;
}


.no-flex-100 .index__chosen-reason__variety__functions__image img {
	height: 120px;
}

.c-small {
	font-size: 80%;
}

p.no-flex-title {
	font-size:24px;
	border-bottom: 2px solid #000;
	padding-bottom: 1.8rem;
	line-height: 1.4;
	min-height: 19px;
	height: 19px;
}


/* 2022.03　ブログ用Tableなど */
.contents-table-01,
.contents-table-02,
.contents-table-03{
    margin: 0 auto 40px;
    border: 2px solid #9f9f9f;
    box-sizing: border-box;
}
.contents-table-03 caption {
	text-align: left;
	caption-side: bottom;
	font-size: 0.8rem;
	font-weight: bold;
	margin-top: 0.5rem;
}

.contents-table-03 {
	margin-bottom: 20px;
}

.W-400 {
    width: 600px;
}
.W-100P {
    width: 100%;
}

.contents-table-01 th,
.contents-table-01 td,
.contents-table-02 th,
.contents-table-02 td,
.contents-table-03 th,
.contents-table-03 td {
    font-size: 14px;
    font-weight: normal;
    padding: 0.5rem 0.6rem;

    border-right: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;

    vertical-align: middle;
}

.contents-table-01 th {
    background: #9cceee;
    width: 10rem;
    box-sizing: border-box;
    text-align: center;
}

.contents-table-02 th {
    background: #9cceee;
    box-sizing: border-box;
    text-align: center;
}

.contents-table-03 th {
    background: #9cceee;
    box-sizing: border-box;
    text-align: center;
}


.contents-table-02 tr th {
    width:43%;
}

.contents-table-02 tr th:first-child {
    width:14%;
}
.contents-table-02 tr td:first-child {
    text-align: center;
}

.contents-table-03 tr td {
	text-align: center;
}



.blog-box .blog-list-table {
 	margin-bottom: 0;
}
.blog-box .blog-list-table li {
    argin-bottom: 0.5rem;
    font-size:13px;
}
.blog-box .blog-list-table li:last-child {
    margin-bottom: 0;
}
.blog-box .blog-list-table li {
	position: relative;
    padding-left: 12px;
}

.blog-box .blog-list-table li:before {
    content: "";
    position: absolute;
    top: .55em;
    left: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    border-top: 2px solid #0f8bd9;
    border-right: 2px solid #0f8bd9;
  }





/* 資料請求　2022.03.30*/
.thumb-spc-01 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.thumb-spc-02 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0;
}


.thumb-spc-03 {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.thumb-spc-01 .thumb-img {
	width: 340px;
}


.thumb-img img {
	display: block;
	width: 100%;
	height: auto;
}


.thumb-spc-02 .thumb-img {
	width: 480px;
}

.thumb-spc-03 .thumb-img {
	width: 340px;
}



.thumb-spc-02 p {
	width: 340px;
}

.s-point{
	width: 460px;
	box-sizing: border-box;
	border: 3px solid #0e8bd9;
	border-radius: 0.9rem;
	padding: 0.5rem 1rem;

	background: #d0eafa;

}

.thumb-spc-03 .s-point-set {
	width: 480px;

}

.thumb-spc-03 .s-point-set p.inquiry__form-area__text {
	padding-bottom: 0 !important;
	margin-bottom: 0.5rem;
}

.s-point h1 {
	width:100%;
	border-radius: 6rem;
	background: #0e8bd9;
	text-align: center;
	color: #fff;


	margin-bottom: 1.0rem;

	font-size: 17px;
	padding: 0.1rem 0;

	font-family: 'tbudgothic-std',sans-serif;
        font-weight: 700;
}

.s-point ul {

}

.s-point-single ul {
		box-sizing: border-box;
	border: 3px solid #0e8bd9;
	border-radius: 0.6rem;
	padding: 0.5rem 0.5rem;

	background: #d0eafa;
}



.s-point ul li,
.s-point-single ul li {
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 0.3rem;
	margin-bottom: 0.3rem;
	border-bottom: 1px dotted #000;

}

.s-point ul li:last-child,
.s-point-single ul li:last-child {
	padding-bottom:0;
	margin-bottom: 0;
	border-bottom: none;
}

.mb-0 {
	margin-bottom: 0;
}




/* 2022.08 ウエンツ氏CTA部 */
.cta-w {
	width: 100%;
	background: #d9e4e9;
	/*background-size: 1290px 261px;*/
}
.cta-w-in {
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0;
	position: relative;
}
.cta-set {
	width: 850px;
	text-align: center;
}

.cta-set div {
	display: inline-block;
}

.cta-set div:first-child {
	margin-bottom: 60px;
}
.cta-wentz-01 {
	width: 394px;
	height: 412px;
	position: absolute;
	bottom: -18px;
	right: 0;
}
.cta-wentz-01 img {
	width: 100%;
	height: auto;
}


.cta-pc-00 {
	width: 420px;
	
	position: absolute;
	bottom: 18px;
	right: 0;
}
.cta-pc-00 img {
	width: 100%;
	height: auto;
}







/* indeアスピックバナー */
.index__aspic-banner {

  width: 100%;
  max-width: 850px;
  margin: -30px auto 25px;
  
  /* 2023.07ヴィジュアル改修マージン変更 */
  margin: 0 auto 25px;
}


.index__aspic-banner img {
  width: 100%;
  height: auto;
}


/* 執筆者author */
.Author {
	width: 840px;
	margin: 0 auto;
	background: #eeecec;
	border-radius: 14px;
	box-sizing: border-box;
	padding: 20px;

	display: flex;
	justify-content: space-between;

	align-items: center;

	margin-bottom: 60px;
	margin-top: 30px;
}

.Author .Prof-Photo {
	border-radius: 120px;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.Author .Prof-Photo img {
	width: 100%;
	height: auto;
}




.Author .author-cont {
	width: 640px;
}

.Author .author-cont strong {
	font-size: 16px;
	display: inline-block;
}
.Author .author-cont h3 {
	font-size: 12px;
	color: #989696;
	display: inline-block;

}

.Author .author-cont .Prof-txt {
	font-size: 13px;
	line-height: 1.45;
	margin-top: 0.5rem;
}



/*
* 記事内チェック囲み（2023.03）
*/

.CK-point {
	width: 100%;
	box-sizing: border-box;
	border: #d3d3d3 0.2rem solid;
	border-radius: 1.2rem;
	padding: 1.5rem 1.5rem 1.5rem 6.5rem;
	background: url("images/icon/ck_blue.png") no-repeat 1.5rem center;
	background-size: 4rem 4rem;
	margin-bottom: 3rem;
}



/*
* フッターテキストメニュー（2023.07）
*/

.footer-txt-nav{
     width: 100%;
     padding: 40px 0;
     background: #c9c9c9;
}

.footer-txt-nav > div {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}
.footer-txt-nav > div >a {
    display: block;
    height: 20px;
    margin-right: 120px;
}

.footer-txt-nav > div > a > img {
    height: 100%;
    width:auto;
}

.footer-txt-nav > div > ul {
    width: 240px;
}

.footer-txt-nav > div > ul > li {
    margin-bottom: 0.5rem;
    line-height: 1.65;
   
}

.footer-txt-nav > div > ul > li > a {
    font-size: 14px;
    font-weight: bold;
}

.footer-txt-nav > div > ul > li > a:link,
.footer-txt-nav > div > ul > li > a:visited {
    color: #000;
    text-decoration: none;
}
.footer-txt-nav > div > ul > li > a:hover,
.footer-txt-nav > div > ul > li > a:active {
    color: #000;
    text-decoration: underline;
}






.footer-txt-nav > div > ul > li > ul {
    margin-left: 15px;
    margin-top: 10px;
}

.footer-txt-nav > div > ul > li > ul > li {
    line-height: 1.65;
   
}

.footer-txt-nav > div > ul > li > ul > li >a {
       font-size: 12px;
    font-weight: bold;
}

.footer-txt-nav > div > ul > li > ul > li >a:link,
.footer-txt-nav > div > ul > li > ul > li >a:visited {
    color: #000;
    text-decoration: none;
}
.footer-txt-nav > div > ul > li > ul > li >a:hover,
.footer-txt-nav > div > ul > li > ul > li >a:active {
    color: #000;
    text-decoration: underline;
}



/*
* テレフォース体験デモ（2023.11）
*/

.demo {
	width: 840px;
	margin: 40px auto 0;
	border-radius:  16px;
	background: #fcdfde;
	box-sizing: border-box;
	padding: 40px;
	
	display: flex;
	
	justify-content: space-evenly;
	align-items: center;
}

.demo h4 {
	 font-family: 'Noto Sans JP', sans-serif;
	 font-family: 'Roboto', sans-serif;
     
	  font-family: 'Noto Sans JP', sans-serif;
	  font-size: 19px;
	   font-weight: 700;
	   
	   color: #fff;
	   
	 
	   border-radius: 40px;
	   
	   background: #d52f2f;
	   background-size: 30px 40px;
	   
	   padding: 6px 20px 7px 20px;
	   box-sizing: border-box;
	   
	   text-align: center;
	   
}

.demo h5 {
	font-family: 'Noto Sans JP', sans-serif;
	  font-size: 46px;
	   font-weight: 700;
	   color: #d52f2f;
}

/*
* 特長ページ改修（2023.12）
*/

.feature-2024-preface{
	margin: 64px auto;
	width: 1200px;
}
.feature-2024-preface h2 {
	font-size: 24px;
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 40px;
	text-align: center;
	 font-weight: 600;
	line-height: 1.4;
}


.feature-2024-preface p {
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom: 64px;
	text-align: center;
	 font-weight: 300;
	line-height: 1.8;
}

.feature-2024-preface p a {
	 	-webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
	font-weight: 600;
}



.feature-2024-preface p  a:link,
.feature-2024-preface p  a:visited {
	color: #3879D8;
	text-decoration: underline;
	

}

.feature-2024-preface p  a:hover,
.feature-2024-preface p  a:active {
	color: #3879D8;
	opacity: 0.4;
	text-decoration: none;
	
	
}

.feature-2024-preface article {
	width: 840px;
	box-sizing: border-box;
	border: 2px solid #FDD51D;
	background: #FFFCD5;
	padding: 16px 0;
	display: flex;
	justify-content: center;
	border-radius: 8px;
	margin: 0 auto; 
	
}

.feature-2024-preface article h3 {
	font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 font-size: 16px;
	 
	 margin-right: 24px;
	
}

.feature-2024-preface article a {
	display: block;
	text-align: center;
	
	font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 font-size: 16px;
	 
 	-webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
	
	padding: 0 14px 0 0;
	
	background: url("images/feature/f_arrow.png") no-repeat right center;
	background-size: 8px 14px;
}

.feature-2024-preface article a:link,
.feature-2024-preface article a:visited {
	color: #3879D8;
	text-decoration: underline;
	

}

.feature-2024-preface article a:hover,
.feature-2024-preface article a:active {
	color: #3879D8;
	opacity: 0.4;
	text-decoration: none;
	
	
}







/*
* 特長ページ改修：4つの特徴（2023.12）
*/
.feature-2024-blk-one {

	padding: 0 0 120px;
}

.faq-2024-blk-one {

	padding: 0 0 64px;
}
.feature-2024-blk-one .future__scene__title {
	margin-bottom: 64px;
}

.feature-2024-blk-one .title{
	font-size: 32px;
}



.feature-2024-link {
	display: flex;
	width: 1200px;
	margin: 0 auto 120px;
	justify-content: space-between;
}

.faq-2024-link {
	margin-bottom: 0;
}

.feature-2024-link li {
	width: 282px;
	height: 216px;
	box-sizing: border-box;
	border-radius: 16px;
	border: 3px #C3E8FF solid;
	padding: 24px 0;
	
	text-align: center;
	
	-webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
	
	position: relative;
}

.faq-2024-link li {
	height: 104px;
	display: flex;
	align-items: center;
	padding: 0 80px 0 24px;
}

.feature-2024-link li:hover {
	background: #EFF9FF;
	cursor: pointer;
}


.feature-2024-link li h4 {
	line-height: 1.0;

	background: #0E8BD9;
	padding: 8px 24px 4px;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 color: #fff;
	 
	 border-radius: 40px;
	 
	 display: inline-block;
	 
	 margin-bottom: 24px;
}


.feature-2024-link li h5 {
font-size: 20px;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 	 line-height: 1.4;
		  margin-bottom: 64px;
		
}

.faq-2024-link li h5 {
	 margin-bottom: 0;
}


.feature-2024-link li a {
	
	width: 100%;
	height:100%;
	
	 	-webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
	
	position: absolute;
	top:0;
	left:0;
	
	padding: 0;
	
	box-sizing: border-box;
	
	
}


.feature-2024-link li a img {
	width: 48px;
	height: 48px;
	display: block;
	
	position: absolute;
	
	bottom:16px;
	right: 50%;
	
	margin-right: -24px;
	
}

.faq-2024-link li a img {
		width: 36px;
	height: 36px;
	
	top:50%;

	right: 16px;
	
	position: absolute;
	
	margin-right: 0;
	margin-top: -18px;
	
}


p.faq-ep {
	padding: 64px 0 96px;
	line-height: 1.4;
	font-size: 24px;
	font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 text-align: center;
}


/*
* 特長ページ改修：特徴ONE（2023.12）
*/


.feature-2024-blk-spc {
	width:1200px;
	margin: 0 auto 120px;
	padding-top: 120px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -120px; /* heightと同じ分のネガティブマージン */
	
	text-align: center;
}

.feature-2024-blk-spc:last-child {
	margin-bottom: 0;
}





.feature-2024-blk-spc h4 {
		line-height: 1.0;
	background: #0E8BD9;
	padding: 8px 24px 4px;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 color: #fff;
	 
	 border-radius: 40px;
	 
	 display: inline-block;
	 
	 margin-bottom: 12px;
}

.feature-2024-blk-spc h3 {
	font-size: 32px;
	font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 color: #0E8BD9;
	 
	 line-height: 1.4;
	 
	 margin-bottom: 64px;
}



.contents-spc {
	display: flex;
	justify-content: space-between;
}
.contents-spc .img-sp {
	width: 500px;
}
.contents-spc .text-sp {
	width: 620px;
}


.contents-spc .img-sp img {
	width: 100%;
	height: auto;
}




.text-sp-01 {
	margin-bottom: 64px;
	text-align: left;
}
.text-sp-01:last-child {
	margin-bottom: 0;
}


.text-sp-01 h5 {
  display: inline-block;
  position: relative;
  
  font-size:24px;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 line-height: 1.4;
	 
	 margin-bottom: 40px;
	 text-align: left;
 
}
.text-sp-01 h5:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -16px; /*下線の上下位置調整*/
  display: inline-block;
  width: 40px; /*下線の幅*/
  height: 3px; /*下線の太さ*/
  
  background-color: #0E8BD9; /*下線の色*/
}

.text-sp-01 p{
	text-align: left;
	  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  line-height: 1.8;
  font-size: 16px;
}
.text-sp-01 h5 .annotation{
font-size: 0.75em;
	vertical-align: super;
	font-weight: 300;
}

.text-sp-01 p small {
	 font-size: 12px;
	 margin-top: 24px;
	 line-height: 1.4;
}



a.s-btn {
	display: inline-block;
	text-align: left;
	
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 font-size: 16px;
	 
 	-webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
	
	padding: 0 14px 0 0;
	
	background: url("images/feature/f_arrow.png") no-repeat right center;
	background-size: 8px 14px;
	
	margin-top: 24px;
}

a.s-btn:link,
a.s-btn:visited {
	color: #3879D8;
	text-decoration: underline;
	

}

a.s-btn:hover,
a.s-btn:active {
	color: #3879D8;
	opacity: 0.4;
	text-decoration: none;
	
	
}


/*CTA部*/
.CTA-spc-2024 {
	width: 1200px;
	margin: 0 auto 120px;

}

.CTA-spc-2024-B {
	width: 1200px;
	margin: 64px auto;
}

.CTA-spc-2024 .award {
	width: 800px;
	height: 72px;
	margin: 0 auto 16px;
}

.CTA-spc-2024-B .award {
	width: 706px;
	height: 72px;
	margin: 0 auto 16px;
}

.CTA-spc-2024 .award img,
.CTA-base h5 img,
.CTA-base .f-wentz img,
.CTA-base .f-docu img{
	width: 100%;
	height: auto;
}

.CTA-base{
	width:800px;
	height: 240px;
	border-radius: 16px;
	background: linear-gradient(132.15deg, #1DA2FF 4.16%, #3879D8 96.47%);
	padding: 32px 80px 32px 32px;
	box-sizing: border-box;
	margin: 0 auto 16px;
	
	position: relative;
	
	overflow: visible;
}

.CTA-spc-2024-B .CTA-base {
	padding: 32px;
}

.CTA-base h5 {
	width: 688px;
	height: 91px;
	
	margin-bottom:22px;
	
}

.CTA-base .f-wentz {
	width: 220px;
	height: 328px;
	position: absolute;
	bottom: 0;
	right: -104px;
}

.CTA-base .f-docu {
		width: 156px;
	height: 122px;
	position: absolute;
	bottom: 0;
	right: 112px;
}

.CTA-spc-2024-B .CTA-base .f-docu {
		right: 40px;
		bottom: 12px;
}

.CTA-base a.btn_yellow {
	width: 400px;
	height: 64px;
	display: block;
	box-sizing: border-box;
	padding: 16px 48px;
	  font-size:24px;
	font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 line-height: 1.3;
	 
	 -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
	
	border-radius: 90px;
	
	margin: 0 auto;
	
	text-align: center;
}


.CTA-spc-2024-B .CTA-base a.btn_yellow {
	width: 480px;
	
}
.CTA-base a.btn_yellow:link,
.CTA-base a.btn_yellow:visited {
	color: #085280;
	background: #FFED1A;
	box-shadow: 0px 8px 16px 0px #00000033;
	text-decoration: none;
}

.CTA-base a.btn_yellow:hover,
.CTA-base a.btn_yellow:active {
	color: #085280;
	text-decoration: none;	
	transform: translateY(8px);
	box-shadow: 0px 0px 0px 0px #00000033;
	background: #FEE200;
}

.CTA-spc-2024 p  {
	 font-size: 12px;
	 line-height: 1.4;
	 text-align: center;
	 margin: 0 auto;
}

.CTA-spc-2024 p small {
	 font-size: 12px;
	 line-height: 1.4;
}





/*
* 特長ページ改修：特徴TWO（2023.12）
*/

.service-sp-01 {
	width: 1200px;
	 margin: 0 auto 120px;
}

.service-sp-01:last-child {
	margin-bottom: 0;
}


.service-sp-01 h5{
  display: inline-block;
  position: relative;
  
  font-size:24px;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 line-height: 1.4;
	 
	 margin-bottom: 40px;
	 text-align: left;
 
}
.service-sp-01 h5:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -16px; /*下線の上下位置調整*/
  display: inline-block;
  width: 40px; /*下線の幅*/
  height: 3px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #0E8BD9; /*下線の色*/
}

.radius-box-01 {
	width: 1200px;
	box-sizing: border-box;
	border: #DDD 1px solid;
	border-radius: 16px;
	padding: 40px;
	
	margin: 0 auto 24px;
	
	background: #fff;
}

.radius-box-01:last-child {
	margin-bottom: 0; 
}


.radius-box-01 .contents-spc {
	display: flex;
	justify-content: space-between;
}
.radius-box-01 .contents-spc .img-sp {
	width: 500px;
}
.radius-box-01 .contents-spc .text-sp {
	width: 540px;
}


.radius-box-01 .text-sp-01 h6 {
  display: inline-block;
  position: relative;
  
  font-size:20px;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 line-height: 1.4;
	 
	 margin-bottom: 24px;
	 text-align: left;
 
}







a.s-detail {
	display: inline-block;
	text-align: center;
	
	  font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 font-size: 16px;
	 
 	-webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
	
	padding: 8px 32px 8px 16px;
	
	
	
	margin-top: 24px;
	
	border: #0E8BD9 1px solid;
	border-radius: 90px;
	
	line-height: 1.2;
	
}

a.s-detail:link,
a.s-detail:visited {
	color: #0E8BD9;
	text-decoration: none;

	
	background: url("images/feature/f_arrow_sp.png") no-repeat right center #fff;
	background-size: 24px 14px;
	

}

a.s-detail:hover,
a.s-detail:active {
	color: #0E8BD9;
	text-decoration: none;
	
	background: url("images/feature/f_arrow_sp.png") no-repeat right center #E8F6FF;
	background-size: 24px 14px;
	
	
}

.other-servise {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.other-servise li {
	width: 282px;
	box-sizing: border-box;
	border: #ddd 1px solid;
	border-radius: 16px;
	padding: 24px;
	margin-bottom: 24px;
}
.other-servise li h6 {
	height: 60px;
	width: auto;
	margin: 0 auto 16px;
}
.other-servise li h6 img {
	height: 100%;
	width: auto;
}

.other-servise li p {
	 font-size:16px;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 300;
	 line-height: 1.8;
	 margin: 0 auto 16px;
	
}

.other-servise li a.s-detail {
	margin-top: 0;
}



/* feature__add-on-2024 */
.feature__add-on {
  padding: 120px 0 120px;
  background: #f7f7f7; }
  
  
  .f-add-on-2024 h2.title {
  	font-size: 32px;
	color: #0E8BD9;
	margin-bottom: 80px;
  }
  
  
  .feature__add-on__functions {

	}
	
    .feature__add-on__functions__flex {
      display: flex;
	  justify-content: space-between;
	  margin-bottom: 24px;
}
	  
    .feature__add-on__functions__content {
      border: #ddd 1px solid;
	  border-radius: 16px;
	  background: #fff;
	  box-sizing: border-box;
	  width: 384px;
	  padding: 48px 24px 24px 24px;
}
	  
	   .f-add-on-2024 .title--small {
	   	font-size: 20px;
		margin-bottom: 32px;
	   }
	   
	      .f-add-on-2024 .title--small.m-0 {
		  	margin-top: -20px;
		  }
	  

    .feature__add-on__functions__title span {
      font-size: 14px;
	  }
	  
    .feature__add-on__functions__image {
      margin:  0 auto 32px;
	  width: 120px;
	  height: 65px;
	  text-align: center;
	  
	  }
	  
	  .feature__add-on__functions__image img {
	  	display: inline-block;
		height: 65px;
		width: auto;
		
	  }
	  
     


p.feature__add-on__functions__text {
	font-size:16px;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 300;
	 line-height: 1.8;
}

p.feature__add-on__functions__text a.f-2024-btn {
	-webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
	font-weight: 600;
}


p.feature__add-on__functions__text a.f-2024-btn:link,
p.feature__add-on__functions__text a.f-2024-btn:visited {
	color: #3879D8;
	text-decoration: underline;
	

}

p.feature__add-on__functions__text a.f-2024-btn:hover,
p.feature__add-on__functions__text a.f-2024-btn:active {
	color: #3879D8;
	opacity: 0.4;
	text-decoration: none;
	
	
}

/* feature__add-on-2024  詳細の中のリスト*/
.blue-list { 
	margin-top:  32px;
	background: #E8F6FF;
	padding: 24px 40px;
	box-sizing: border-box;
	border-radius: 16px;
}

.blue-list h6 {
	margin-bottom: 16px;
	font-size: 18px;
	line-height: 1;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
}

.blue-list ul {

}

.blue-list ul li{
	font-size: 18px;
	line-height: 1.4;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 300;
	background: url("images/feature/ellipse.png") no-repeat left center ;
	background-size: 8px 8px;
	padding: 0 0 0 24px;
	margin-bottom: 12px;
}


.f-balloon {
	background: url("images/feature/balloon_popular_2024.png") no-repeat left top ;
	background-size: 88px 37px;
	padding-top: 40px; 
}




/*
* 特長ページ改修：ご利用シーン（2023.12）
*/
.feature__scene-2024 {
	padding: 0 0 120px;
}
.feature__scene-2024 .future__scene__title {
	margin-bottom: 64px;
}

.feature__scene-2024 .title{
	font-size: 32px;
}

 .feature__scene-2024 .scene-case article h3 {
 	font-size:20px;
	 font-family: 'Noto Sans JP', sans-serif;
	 font-weight: 600;
	 line-height: 1.4;
 	
 }
 
  .feature__scene-2024 .scene-case-box {
  	padding: 16px 0 0;
	margin-bottom: 0;
  }
   .feature__scene-2024 .scene-case article {
   
   }

/*
* 特長ページ改修：導入の声（2023.12）
*/

.radius-box-01 .f-case .img-sp {
	width: 320px;
}

.radius-box-01 .f-case .img-sp img {
	width: 100%;
	height: auto;
}

.radius-box-01 .f-case .text-sp {
	width: 720px;
}

.radius-box-01 .f-case .f-case-title {
	display: flex;
	justify-content: space-between;
	align-items:center;
	
	margin-bottom: 20px;
}

.radius-box-01 .f-case .f-case-title figure {
	width: 120px;
	display: block;
	
}

.radius-box-01 .f-case .f-case-title figure img {
	width: 100%;
	height: auto;
}

.radius-box-01 .f-case .f-case-title .f-case-text {
	width: 560px;
	
}

.radius-box-01 .f-case .f-case-title .f-case-text h6 {
	display: block;
	font-size: 24px;
	line-height: 1.0;
	margin-bottom: 0;
	
}

.radius-box-01 .f-case .f-case-title .f-case-text h6.sub {
	font-size: 18px;
	margin-top: 12px;
}

.radius-box-01 .f-case .img-sp {
	display: block;
}

.radius-box-01 .f-case .img-sp img {
	display: block;
}



/*
* 特長ページ改修：よくある質問抜粋（2023.12）
*/

.feature__add-on.ex-faq {
	padding-top: 0;
}

.ex-faq .radius-box-01 {
	padding: 16px 24px;
}

.ex-faq .questions__list__content__answer {
	border-top: 1px solid #ddd;
}


 .ex-faq .questions__list__content__question {
      background: url("images/feature/blue_arrow.png") no-repeat right;
      background-size: 30px;
      cursor: pointer; }
 
 .ex-faq .questions__list__content__question.active {
        background-image: url("images/feature/blue_arrow_rev.png"); }





.faq-spc-2024 {
	background: #f7f7f7;
	padding: 120px 0;
}

.faq-2024 .radius-box-01:last-child {
	margin-bottom: 0;
}

.feature__add-on.ex-faq.faq-2024 {
	padding-bottom: 0;
	margin-bottom: 120px;
}

.feature__add-on.ex-faq.faq-2024:last-child {
	margin-bottom: 0;
}


#q-sms,
#q-introduction,
#q-function,
#q-other
{
		padding-top: 120px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -120px; /* heightと同じ分のネガティブマージン */
}





.f-simple {
	text-align: center;
}

.f-simple .s-detail {
		padding: 16px 48px 16px 32px;
		font-size: 20px;
}	


.f-simple a.s-detail:link,
.f-simple a.s-detail:visited {

	background-size: 32px 19px;
	

}

.f-simple a.s-detail:hover,
.f-simple a.s-detail:active {
	
	background-size: 32px 19px;
	
	
}






/* Hubspotフォーム */
.hs-form-custom-m4u {
    width:840px;
    margin: 40px auto 0;
    display: flex;
}

.hs-form-custom-m4u .hs-form-field {
    position: relative;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.hs-form-custom-m4u .hs-company,
.hs-form-custom-m4u .hs-lastname,
.hs-form-custom-m4u .hs-email,
.hs-form-custom-m4u .hs-phone{
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.hs-form-custom-m4u .hs-company,
.hs-form-custom-m4u .hs-email{
    margin-right: 4%;
}


.hs-form-custom-m4u .hs-form-field > label {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 14px;
    display: block;
}

.hs-form-custom-m4u .hs-fieldtype-text .input input,
.hs-form-custom-m4u .hs-fieldtype-phonenumber .input input{
    border-radius: 6px;
    background: #dbe4eb;
    border: 1px solid #9db4c1;
      width:100%;
    height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 3px 8px;
     cursor: auto;
    
}

.hs-form-custom-m4u .hs-fieldtype-textarea .input textarea{
    border-radius: 6px;
    background: #dbe4eb;
    border: 1px solid #9db4c1;
      width:100%;
    height: 200px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 3px 8px;
    outline: none;
     cursor: auto;
    
}


.hs-form-custom-m4u .hs-fieldtype-text .input input:focus,
.hs-form-custom-m4u .hs-fieldtype-phonenumber .input input:focus,
.hs-form-custom-m4u .hs-fieldtype-textarea .input textarea:focus{
    background: #fff;
    border: #73b4da 3px solid;
  
}







/* Hubspotフォームチェックボックス */
 .hs-form-checkbox label {
    display: block; }
    
  .hs-form-checkbox .hs-form-checkbox-display span {
    position: relative;
    margin-right: 20px;
    padding-left: 30px; }

  .hs-form-booleancheckbox .hs-form-booleancheckbox-display > span {
      padding-left: 8px;
  }
    
    

    .hs-form-checkbox .hs-form-checkbox-display span:before,
    .hs-form-booleancheckbox .hs-form-booleancheckbox-display span:before {
      content: "";
      display: block;
      position: absolute;
      top: -3px;
      left: 0;
      width: 18px;
      height: 18px;
      border: 2px solid #0e8bd9;
      border-radius: 5px; }


  .hs-form-booleancheckbox .hs-form-booleancheckbox-display span:before {
       top: 0px;
  }


 .hs-form-checkbox input,
 .hs-form-booleancheckbox input {
    display: none; }
    
 .hs-form-checkbox input:checked + span:before,
  .hs-form-booleancheckbox input:checked + span:before{
      background: #0e8bd9; }
      
 .hs-form-checkbox input:checked + span:after,
 .hs-form-booleancheckbox input:checked + span:after{
      content: "";
      display: block;
      position: absolute;
      top: 0px;
      left: 8px;
      width: 4px;
      height: 10px;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      border-bottom: 3px solid #fff;
      border-right: 3px solid #fff; }


 .hs-form-booleancheckbox input:checked + span:after {
      top: 5px;
 }


li.hs-form-checkbox {
    margin-bottom: 6px;
}

li.hs-form-checkbox:last-child {
    margin-bottom:0;
}


li.hs-form-checkbox label {
    margin-bottom: 0;
}

li.hs-form-checkbox label span {
   font-size: 16px;
   font-weight: normal;
}


/* Hubspotフォーム注釈 */
.hs-field-desc {
    position: absolute;
    font-size: 12px;
    right: 0;
    top:6px;
     display: inline-block;
     text-align: right;
}


.hs-richtext {
    margin-bottom: 20px;
}

.hs-richtext p{
    font-size: 16px;
}




/* Hubspotフォームボタン */
.actions {
     width: 30%;
    margin: 50px auto 0;
}
.hs-button {
    border: none !important;
    width: 100%;
    border-radius: 80px !important;
    background: #1abb9c !important;
    transition: .3s;
    color: #fff;
    padding: 14px 0 !important;
    font-size: 18px !important;
    font-weight: bold;
    cursor: pointer;
    
}

.hs-button:hover {
    background: #139b80 !important;
    outline: none;
}



/* ボタンここまで */



/* 必須項目 */
.hs-form-custom-m4u .hbspt-form .hs-form-field label .hs-form-required {
font-size:0;
position: relative;
}
.hs-form-custom-m4u .hbspt-form .hs-form-field label .hs-form-required:before {
font-size:13px;
content:'必須';
position: absolute;
background: #f05e5e;
border-radius: 4px;
color: #fff;
box-sizing: border-box;
padding: 2px 2px;
display: inline-block;
min-width: 40px;
text-align: center;
margin-left: 8px;
bottom:-5px;
line-height: 1.4;
 min-height: 20px;
}
.hs-form-custom-m4u .hbspt-form .hs-form-field label.hs-form-booleancheckbox-display .hs-form-required:before {
   top:-16px;
   border: none;
   display: inline-block;
   padding: 2px 2px 8px;
   min-height: 20px;
}

/* 必須項目ここまで */



/* エラー */
label.hs-error-msg {
    font-size: 14px !important;
    margin-top: 8px !important;
    font-weight: bold !important;
    display: inline-block !important;
    color: #f05e5e !important;

}


label.hs-error-msg:before {
  content: "※" !important;
  display: inline-block !important;
  color: #f05e5e !important;
}


.hs-form-custom-m4u .hbspt-form .hs-form-field .hs-form-booleancheckbox label{
    margin-bottom: 0 !important;
}

.hs_error_rollup label {
    background: #f05e5e;
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    border-radius: 8px;
}

/* エラーここまで */




/* *************** */
/* 2025.03.11 追加上部CTA */
/* *************** */
.adjust-cta {
    min-width: 174px;
    padding: 0 12px 0 28px;
    
}



.adjust-cta {
     background: rgba(243, 145, 20, 1) url("images/icon/icon_mail_white.png") no-repeat 16px center;
     background-size: 22px 15px; 
      min-width: 180px;
}

.adjust-cta:hover {
    background: rgba(243, 145, 20, 0.55) url("images/icon/icon_mail_white.png") no-repeat 16px center;
    background-size: 22px 15px; 
}

.add-cta {
    margin-right: 8px;
    background: rgba(14, 139, 217, 1) url("images/icon/icon_hand.png") no-repeat 16px center;
     background-size: 22px 17px; 
      min-width: 214px;
}

.add-cta:hover {
    background: rgba(14, 139, 217, 0.55) url("images/icon/icon_hand.png") no-repeat 16px center;
    background-size: 22px 17px; 
}




.header__tel {
    margin: 0 8px 0 8px;
}



    .header__tel__icon {
  /*   width: 16px;*/
      margin-right: 2px; }
    .header__tel__number {
  /*    width: 160px;*/ }




.header__nav__menu__link {
	padding: 0 10px;
}


















/* *************** */
/* 2025.03.11 代理店改修 */
/* *************** */
.feature-2024-preface h2 {
	line-height: 1.6;
}

.partner-2025-preface h2 {
	
}

.partner-f-list li {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	font-weight: 700;
	
	background: url("images/icon/icon-park-solid_check-one.png") no-repeat left top;
	background-size: 22px 30px;
	
	padding: 0 0 0 30px;
	
	margin-bottom: 16px;
}


.partner-f-list li:last-child{
	margin-bottom: 0;
}



/* 2025.03.11 代理店改修Table */
.partner-2025-table .radius-box-01 {
	padding: 0;
	overflow:hidden;
	
}

/* Tableの上H3 */
.partner-2025-table h3 {
	background: #2A88F5;
	color: #fff;
	width: 100%;
	text-align: center;
    box-sizing: border-box;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 700;
}

/* TableSpc*/
.partner-2025-table .table-spc {
	overflow: auto;
    box-sizing: border-box;
}

/* Table*/
.partner-2025-table table {
	width: 100%;
    box-sizing: border-box;
}

/* Tableフォント基本*/
.partner-2025-table table th,
.partner-2025-table table td {
    font-size: 14px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 12px 12px;
    
    
}

/* THとTD*/
.partner-2025-table table th {
    text-align: center;
    font-weight: 700;
}




.partner-2025-table table tr th:first-child {
    background: #E4E4E4;
}
.partner-2025-table table tr td {
    background: #fff;
}



.partner-2025-table table tr:first-child th {
    background: #BCDBFF;
    padding: 12px 0;
}


.partner-2025-table table tr:first-child th:first-child {
    background: #fff;
}



.partner-2025-table table tbody th,
.partner-2025-table table tbody td {
	border-bottom: #cacaca 1px solid;
	border-right: #cacaca 1px solid;
}



.partner-2025-table table tbody tr:last-child th,
.partner-2025-table table tbody tr:last-child td {
	border-bottom: none;
}

.partner-2025-table table tbody tr th:last-child,
.partner-2025-table table tbody tr td:last-child{
	border-right: none;
}

/* 2025.03.11 商流について */
.partner-2025-blk-spc {
    padding: 80px 0 0;
    margin-top: 0;
    margin-bottom: 80px;
}


.partner-2025-blk-spc .service-sp-01 h5{
    margin-bottom: 48px;
}

.partner-2025-blk-spc .service-sp-01 h5:before {
    width: 280px;
}

.partner-2025-blk-spc .service-sp-01 {
    margin-bottom: 80px;
}

.partner-2025-blk-spc .service-sp-01:last-child {
    margin-bottom: 0;
}


.partner-ak-box {
    width: 840px;
    margin: 0 auto;
}

.partner-ak-box .img-partner {
    margin-bottom: 32px;
}

.partner-ak-box .img-partner,
.partner-ak-box .img-partner img{
    width: 100%;
}

.partner-ak-box p {
    font-size: 16px;
    text-align: left;
}


/* 代理店ウエンツCTA*/
.partner-cta-wentz {
    width: 100%;
    height: 480px;
    background: url("images/partner/partner_cta_bg_pc.jpg") no-repeat right top;
	background-size:cover;
}

.partner-cta-wentz-inner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding: 40px 0;
}
.cta-copy {
    width: 800px;
    margin-bottom: 40px;
}


.cta-copy h3,
.cta-copy p {
    width: 100%;
}

.cta-copy h3 {
    margin-bottom: 24px;
}

.cta-copy h3 img {
    width: 100%;
}

.cta-copy p {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
}




.cta-action {
    width: 800px;
    display: flex;
    border-radius: 16px;
    background: #1374A0;
    box-sizing: border-box;
    padding: 16px 28px 8px;
    justify-content: space-between;
    align-items: center;
}

.cta-action h4 {
    width: 330px;
}


.cta-action h4 img {
    width: 100%;
}

.cta-action .cta-btn {
    width: 390px;
}

.cta-action .cta-btn p:first-child {
    width: 300px;
    margin: 0 auto;
}
.cta-action .cta-btn p:last-child {
    width: 100%;
}

.cta-action .cta-btn p a {
    width: 100%;
}
.cta-action .cta-btn p a:hover{
    opacity: 0.7;
}

.cta-action .cta-btn p img {
    width: 100%;
}


.cta-wentz {
    width: 540px;
    height: 430px;
    position: absolute;
    display: block;
    bottom: -25px;
    right:10px;
}
.cta-wentz img {
    width: 100%;
    height: auto;
}



.cta-ptn-pc {
    width: 500px;
    position: absolute;
    display: block;
    bottom: 40px;
    right:-80px;
}
.cta-ptn-pc img {
    width: 100%;
    height: auto;
}



/* 代理店メリット*/
.tk-spc {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.tk-spc .tk-01 {
    width: 370px;
    box-sizing: border-box;
    border-radius: 14px;
    padding: 24px 32px;
    background: #fff;
}

.tk-spc .tk-01 figure {
    display: block;
    width: 100%;
}

.tk-spc .tk-01 figure img {
    width: 100%;
    height: auto;
}


.tk-spc .tk-01 .h5-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 100%;
}

.tk-spc .tk-01 h5 {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #0C5AA3;
    line-height: 1.5;
    
}

.tk-spc .tk-01 p {
    font-size: 14px;
    line-height: 1.6;
}




/* 代理店ステップ*/
.step-spc {
    width: 840px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    border-left: 8px #b4e6ff solid;
    border-right: 8px #b4e6ff solid;
    height: 400px;
}
.step-spc .step-01 {
    
}

.step-spc .step-01:nth-child(2),
.step-spc .step-01:last-child{
    background: url("images/partner/waku.png") no-repeat left top;
    background-size: 35px 400px;
    padding: 0 40px 0 60px;
}

.step-spc .step-01:first-child {
    padding: 0 40px 0 50px;
}


.step-spc .step-01 .step-mum {
    width: 176px;
    display: block;
    margin-bottom: 16px;
}

.step-spc .step-01 .step-mum img {
    width: 100%;
    height: auto;
}

.step-spc .step-01 h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: left;
    color: #0093D4;
}

.step-spc .step-01 p {
    font-size: 14px;

    text-align: left;
    line-height: 1.7;
}
















/* 完了後のモーダル （発行時のモーダルによりID変わります。）*/
#pum_popup_title_4372 {
    background: #0e8bd9;
    width: 100%;
    border-radius: 0.6rem;
    font-weight: bold;
    padding: 0.6rem 0.4rem 0.8rem;
    text-align: center;
    margin-bottom: 0;
   
}

#pum_popup_title_5356 {
    background: #0e8bd9;
    width: 100%;
    border-radius: 0.6rem;
    font-weight: bold;
    padding: 0.6rem 0.4rem 0.8rem;
    text-align: center;
    margin-bottom: 0;
   
}







.pum-content .hs-form-checkbox .hs-form-checkbox-display span:before,
.pum-content .hs-form-booleancheckbox .hs-form-booleancheckbox-display span:before {
      content: "";
      display: block;
      position: absolute;
      top: 2px;
      left: 6px;
      width: 20px;
      height: 20px;
      border: 2px solid #0e8bd9;
      border-radius: 5px;
}
      
      
.pum-content .hs-form-checkbox input:checked + span:after,
 .pum-content .hs-form-booleancheckbox input:checked + span:after{
      content: "";
      display: block;
      position: absolute;
      top: 4px;
      left: 12px;
      width: 8px;
      height: 12px;
      -webkit-transform: rotate(40deg);
      transform: rotate(40deg);
      border-bottom: 3px solid #fff;
      border-right: 3px solid #fff; 
}




  .pum-content .hs-form-checkbox .hs-form-checkbox-display span {
    position: relative;
    margin-right: 20px;
    padding-left: 36px;
}







/* Hubspotラジオ改修 */
.c-checkbox,
.hs-form-radio span,
.hs-form-custom-m4u-pu .legal-consent-container .hs-form-radio-display>span{
  display: inline-flex;
  align-items: center;
  text-align: left;
  line-height: 1.2;
  cursor: pointer;
  position: relative;

}


.hs-form-custom-m4u-pu .legal-consent-container .hs-form-radio-display>span {
    margin-left: 0;
}

.hs-form-radio span:before,
.hs-form-custom-m4u-pu .legal-consent-container .hs-form-radio-display>span:before{
  content: "";
  display: block;
  margin-right: 6px;
  background: url(images/icon/icon_radio_off.svg) no-repeat center/cover;
  width: 24px;
  height: 24px;
  flex: 1 0 auto;
}




input.hs-input[type="radio"]:checked + span:before{
  background: url(images/icon/icon_radio_on.svg) no-repeat center/cover;
}
/* Hubspotラジオ改修ここまで */





/* その他ポップアップのスタイリング */

.hs-form-custom-m4u-pu {

    
}

.hs-form-custom-m4u-pu .input {
    margin-top: 12px;
    margin-bottom: 24px;
}

.hs-form-custom-m4u-pu .actions {
    margin: 1.2rem auto 0;
}
.hs-form-custom-m4u-pu .hs-button {
    font-size:1.6rem;
}

.hs-form-custom-m4u-pu li.hs-form-checkbox,
.hs-form-custom-m4u-pu li.hs-form-radio {
    margin-bottom: 0.4rem;
}
.hs-form-custom-m4u-pu li.hs-form-checkbox:last-child,
.hs-form-custom-m4u-pu li.hs-form-radio:last-child {
    margin-bottom: 0rem;
}




.hs-form-custom-m4u-pu .hs-form-required {
    color: #ef0b0b;
}

.hs-form-custom-m4u-pu .hs-reason_found_contact label span strong,
.hs-form-custom-m4u-pu .hs_introduction_date_contact label span strong{
    font-size: 16px;
}

.input select {
    width: 40%;
    background:#eee url(https://45586741.fs1.hubspotusercontent-na1.net/hubfs/45586741/lp_custom_images/arrow_spc.png) no-repeat right center;
    background-size: 34px 12px;
    border-radius: 8px;
    font-size: 16px;
    height: 38px;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  
}
.pum-theme-39 .pum-content, .pum-theme-default-theme .pum-content {
  
  max-height: 480px!important;
  overflow: auto;
}
.hs-richtext h1{
    border-bottom: 2px #333 solid;
    line-height: 1.5;
    margin-bottom: 20px;
    margin-top: 4px;
}


/* APIサイトへの誘導　2025_04_30 */
.web-lead {
  margin: 16px 0 32px;
  display: inline-block;


}

.web-lead a {
 
    box-sizing: border-box;
    padding: 12px 24px 12px 48px;
    display: block;
    border-radius: 8px;
    
    
    overflow: hidden;
    font-weight: 700;
    transition: 0.5s;
}

.web-lead a:link,
.web-lead a:visited {
    text-decoration: none;
    background: #1c8bd9 url("images/icon/api_gear_w.png") no-repeat 8px center;
    background-size: 32px 32px;
    color: #fff;

}

.web-lead a:hover,
.web-lead a:active {
    text-decoration: none;
    background: #76bfea url("images/icon/api_gear_w.png") no-repeat 8px center;
    background-size: 32px 32px;
    color: #fff
}


/* 連携サービス一覧　2026_01_07 */

/*
* pages/service-list
*/
.service-list__above {
  background-image: url("images/service-list/pc_background_main.jpg"); 
}

.s-service-list__preface{
  margin: 64px auto;
  width: 1200px;
}

.s-service-list__preface h2{
  line-height: 1.6;
  font-size: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 600;
}

.s-service-list__preface article{
  width: 840px;
  box-sizing: border-box;
  border: 2px solid #FDD51D;
  background: #FFFCD5;
  padding: 16px 0;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  margin: 0 auto;
}

.s-service-list__preface article h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-right: 24px;
}

.s-service-list__preface article a{
  display: block;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 16px;
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  padding: 0 14px 0 0;
  background: url(images/feature/f_arrow.png) no-repeat right center;
  background-size: 8px 14px;
}

.s-service-list__preface article a:hover,.s-service-list__preface article a:active{
  color: #3879D8;
  opacity: 0.4;
  text-decoration: none;
}

.s-service-list__preface article a:link, .s-service-list__preface article a:visited{
  color: #3879D8;
  text-decoration: underline;
}

.s-service-list__main-section{
  padding: 120px 0 120px;
  background: #f7f7f7;
}

.s-service-list__main-section h2.title{
  margin-bottom: 64px;
}

.s-service-list__area{
  background: none;
  padding: 0;
  border-radius: 0;
  border: none;
}

.s-service-list__list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 40px;
}

.s-service-list__item{
  background-color: #fff;
  padding: 40px;
  border-radius: 16px;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
}

.s-service-list__logo img{
  width: 100%;
}

.s-service-list__title h3{
  font-size: 1.5rem;
  text-align: center;
  font-weight: 500;
  position: relative;
  padding-bottom: 12px;
}

.s-service-list__title h3::before{
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #0E8BD9;
  position: absolute;
  left: 50%;
  bottom: 0;
  translate: -50% 0;
}

.s-service-list__image{
  margin-top: 24px;
}

.s-service-list__image img{
  width: 100%;
  height: auto;
  display: block;
}

.s-service-list__content{
  margin: 24px 0;
}

.s-service-list__buttons{
  margin-top: auto;
}

.s-service-list__link-button a,.s-service-list__form-button a{
  display: block;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  padding: 9px 10px 9px 0;
  border: #0E8BD9 1px solid;
  border-radius: 90px;
  line-height: 1.2;
  text-decoration: none;
  color: #0E8BD9;
  max-width: 276px;
  width: 100%;margin: 0 auto;
  position: relative;
}

.s-service-list__link-button a{
  margin-bottom: 10px;
}

.s-service-list__link-button a:before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(images/service-list/sl_arrow_r.png) no-repeat center center / contain;
  position: absolute;
  right: 18px;
  top: 50%;
  translate: 0 -50%;
}

.s-service-list__form-button a{
  padding: 9px 20px 9px 0;
  max-width: 266px;
}

.s-service-list__form-button a:before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(images/service-list/sl_arrow_b.png) no-repeat center center / contain;
  position: absolute;
  right: 18px;
  top: 50%;
  translate: 0 -50%;
}

.s-service-list__form{
  padding: 120px 0;
}

.s-service-list__form .title{
  font-size: 2rem;
}

.s-service-list__form-description{
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: 48px;
}

.s-service-list__form-description a{
  color: #3879D8;
  text-decoration: none;
}


.s-service-list__form-box{
  margin-top: 48px;
  width: 800px;
}

.s-service-list__form-box .hs-form-field > label{
  margin-bottom: 6px;
}

.s-service-list__form-box .hs-fieldtype-text .input input, .s-service-list__form-box .hs-fieldtype-phonenumber .input input,.s-service-list__form-box .hs-fieldtype-textarea .input textarea{
  background: #F7F7F7;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 23px 8px;
}

.s-service-list__form-box .hs-fieldtype-checkbox .inputs-list{
  display: flex;
  flex-wrap: wrap;
}

.s-service-list__form-box li.hs-form-checkbox{
  margin-bottom: 18px;
}

.s-service-list__form-box .hs-form-checkbox .hs-form-checkbox-display span{
  margin-right: 40px;
}

.s-service-list__form-box .hs-form-checkbox input + span:before, .s-service-list__form-box .hs-form-booleancheckbox input + span:before{
  background: #E5E5E5;
  border: 2px solid #E5E5E5;
  top: 2px;
}

.s-service-list__form-box .hs-form-checkbox input:checked + span:before, .s-service-list__form-box .hs-form-booleancheckbox input:checked + span:before{
  background: #0e8bd9;
  border: 2px solid #0e8bd9;
}

.s-service-list__form-box .hs-form-checkbox input + span:after, .s-service-list__form-box .hs-form-booleancheckbox input + span:after{
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 4px;
    height: 10px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}

.s-service-list__form-box .hs-form-checkbox input + span:after, .s-service-list__form-box .hs-form-booleancheckbox input + span:after{
  top: 4px;
}

.s-service-list__form-box .hs-richtext p{
  font-size: 1.125rem;
  font-weight: 500;
}

.s-service-list__form-box .hs-richtext p a{
  text-decoration: none;
  color: #3879D8;
}

.s-service-list__form-box .legal-consent-container .hs-form-booleancheckbox-display p{
  font-weight: 500;
}



/* コラムページ改修　2026_01_07 */

.news-article{
  background: #F9F9F9;
  padding-bottom: 40px;
}

.news-article .breadcrumb__list,.news-article .breadcrumb__list a{
  color: #9A9A9A;
  text-shadow: none;
  font-weight: 500;
}

.news-article .breadcrumb__list-title{
  color: #707070;
}

.s-news__box{
  display: flex;
  gap: 40px;
}

.news-article__content__wrapper{
  display: block;
  background: #FFFFFF;
  padding: 32px 40px;
  border-radius: 16px;
  max-width: 880px;
  box-sizing: border-box;
}

.news-article__above__title{
  color: #292929;
  width: 100%;
  font-size: 2rem;
  padding-bottom: 16px;
  border-bottom: 2px solid #CCCCCC;
}

.news-article__above__info{
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}

.news-article__above__info__category{
  align-items: flex-start;
  max-width: 630px;
  flex-wrap: wrap;
}

.news-article__above__info__category span{
  background: rgba(14, 139, 217, 0.1);
  padding: 1.5px 16px;
  border-radius: 4px;
  border: none;
}

.news-article__above__info__category span a:link, .news-article__above__info__category span a:visited{
  color: rgb(14, 139, 217);
  font-size: 0.875rem;
  font-weight: 400;
}

.s-news__date{
  width: 100%;
  max-width: 190px;
}

.s-news__categories ul{
  display: block;
}

.s-news__categories ul li{
  display: flex;
  align-items: center;
  gap: 6px;
}

.s-news__mv{
  margin-bottom: 56px;
}

.s-news__mv img{
  width: 100%;
  height: auto;
  display: block;
}

.s-news__blog-box p,.s-news__blog-box a .s-news__blog-box li{
  font-weight: 400;
}

.s-news__blog-box h2{
  border: none;
  background: rgba(14, 139, 217, 0.05);
  padding: 16px 32px;
  border-radius: 8px;
  border-left: 8px solid #0E8BD9;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.5rem;
  margin-bottom: 24px;
}

.s-news__blog-box h3{
  background: transparent;
  padding: 0 0 12px;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.5rem;
  margin-bottom: 40px;
  color: #292929;
  border-radius: 0;
}

.s-news__blog-box h4{
  padding: 0 0 0 18px;
  position: relative;
  font-size: 1.25rem;
}

.s-news__blog-box h4::before{
  content: "";
  display: block;
  width: 6px;
  height: 100%;
  border-radius: 100vw;
  background: #0E8BD9;
  position: absolute;
  bottom: 0;
  left: 0;
}

.s-news__blog-box h5{
  font-size: 1.25rem;
  color: #0E8BD9;
}


.news-article__content{
  width: 100%;
}

.s-news__blog-box .TOC{
  border-radius: 8px;
  padding: 10px 8px 8px;
}

.s-news__blog-box .TOC-H3{
  color: #0E8BD9;
  padding-left: 32px;
  display: flex;
  align-items: center;
}

.s-news__blog-box h3.TOC-H3{
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: none;
}

.s-news__blog-box .TOC-H3::before{
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 14px;
  background: url(images/news/news_menu_icon.png) no-repeat center center / contain;
}

.s-news__blog-box .TOC ol{
  background: #fff;
  box-sizing: border-box;
  padding: 40px;
  border-radius: 8px;
  list-style-position: inside;
}

.s-news__blog-box .TOC ol>li{
  margin-bottom: 24px;
  font-weight: 700;
}

.s-news__blog-box .TOC ol>li a{
  color: #292929;
  text-decoration: none;
}

.s-news__blog-box .TOC ol>li:nth-last-of-type(1){
  margin-bottom: 0;
}

.s-news__blog-box .TOC ol ul{
  padding-left: 36px;
  box-sizing: border-box;
  margin-top: 16px;
}

.s-news__blog-box .TOC ul li a:link, .s-news__blog-box .TOC ul li a:visited{
  font-size: 1rem;
  font-weight: 500;
}

.s-news__blog-box .TOC ul li:before{
  top: .7em;
}

.s-news__blog-box .TOC ul li:after{
  top: 0.98em;
}

.s-news__blog-box .s-news__recommended-article{
  padding: 32px 40px;
}

.s-news__blog-box .s-news__recommended-article h3{
    line-height: 1.4;
    margin-bottom: 14px;
    font-size: 0.9375rem;
    display: inline-block;
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    color: #fff;
    border-radius: 0 100vh 100vh 0;
    background: #444444;
    width: auto;
}

.s-news__blog-box .s-news__recommended-article a{
  color: #3879D8;
  font-weight: 700;
}

.s-news__cta{
  background: rgba(15, 139, 248, 0.08);
  border: 8px solid rgba(14, 139, 217, 0.15);
  border-radius: 19.2px;
  padding: 32px 24px 8px 0;
  position: relative;
  margin-bottom: 56px;
}

.s-news__blog-box .s-news__cta-description{
  font-weight: 700;
  font-size: 1rem;
}

.s-news__blog-box .s-news__cta-description span{
  letter-spacing: -1.5px;
}

.s-news__cta-description-link{
  text-decoration: none;
  color: #3879D8;
  padding-right: 25px;
  position: relative;
  border-bottom: 1px solid #3879D8;
  margin-right: 5px;
}

.s-news__cta-description-link::after{
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(images/news/s-news__cta_link_icon.png) no-repeat center center / contain;
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
}

.s-news__cta-button{
  width: 100%;
  display: block;
  text-decoration: none;
  margin: 24px 0 30px;
  background: #F39114;
  color: #fff;
  text-align: center;
  padding: 12px 24px 12px 0;
  border-radius: 100vw;
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
  box-sizing: border-box;
}

.s-news__cta-button::after{
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(images/news/s-news__cta_button_icon.png) no-repeat center center / contain;
  position: absolute;
  right: 22%;
  top: 50%;
  translate: 0 -50%;
}

.s-news__cta-button .s-news__sp-only{
  display: none;
}

.s-news__cta-text{
  padding-left: 225px;
}

.s-news__cta-description-mini{
  font-size: 0.625rem;
  color: #292929;
}

.s-news__cta-image{
  position: absolute;
  width: 205px;
  bottom: -8px;
  left: 10px;
}

.s-news__cta-image img{
  width: 100%;
  margin: 0;
}

.s-news__gray-box{
  background: #F2F5F7;
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 16px;
}



.Author{
  width: 100%;
}

.s-news-author{
  border-radius: 16px;
}

.s-news__box .s-news-author{
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid #E5E5E5;
  padding: 32px 24px;
}

.s-news__author-title{
  display: flex;
  gap: 40px;
  align-items: center;
  margin-bottom: 16px;
}

.s-news-author .s-news__author-title .Prof-Photo{
  width: 120px;
  height: auto;
}

.s-news-author .s-news__author-title .Prof-Photo img{
  margin-bottom: 0;
  width: 100%;
}

.s-news__author-supervision{
  background: #0E8BD9;
  border-radius: 4px;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  display: inline-block;
  padding: 2px 16px;
  margin-bottom: 12px;
}

.s-news__author-name{
  font-size: 1.25rem;
  font-weight: 600;
  color: #292929;
}

.s-news__author-name span{
  font-size: 1.125rem;
}

.s-news__box .s-news-author .author-cont .Prof-txt{
  font-size: 0.85rem;
  font-weight: 400;
  color: #292929;
}

.s-news__box .s-news-author .author-cont .Prof-txt{
  font-size: 0.875rem;
  font-weight: 400;
  color: #292929;
  line-height: 180%;
}

.s-news__author-description-mini{
  font-size: 0.75rem;
  color: #707070;
  margin-top: 8px;
}

.s-news__box .news__list__categories h2{
  font-size: 1.313rem;
  font-weight: 700;
  margin-bottom: 24px;
}

.s-news__box .news__list__categories li a{
  border-radius: 4px;
  font-weight: 400;
}

.s-news__box .post-paging{
  width: 100%;
  margin-top: 56px;
  margin-bottom: 0;
}

.s-news__logo-slide{
  padding: 32px 0 24px;
}

.s-news__logo-slide h2{
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}



.s-news-floating__banner {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 9999;
  max-width: 352px;
  width: 100%;
  box-sizing: border-box;
  padding: 29px 16px 16px;
  background: #F3F9FD;
  border-radius: 16px;
  border: 4px solid #0E8BD91A;
  z-index: 100;
}

.s-news-floating-banner__box h2{
  font-size: 1.6875rem;
  font-weight: 700;
  color: #0E8BD9;
  text-align: center;
  margin-bottom: 15px;
  line-height: 150%;
}

.s-news-floating-banner__description{
  position: relative;
  padding: 0 0 0 10px;
}

.s-news-floating-banner__description p{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 180%;
  text-decoration: underline;
  padding-top: 10px;
}

.s-news-floating-banner__image{
  position: absolute;
  width: 155px;
  top: 0;
  right: -20px;
}

.s-news-floating-banner__button{
  width: 100%;
  display: block;
  text-decoration: none;
  margin: 22px 0 0;
  background: #F39114;
  color: #fff;
  text-align: center;
  padding: 12px 24px 12px 0;
  border-radius: 100vw;
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
  box-sizing: border-box;
}

.s-news-floating-banner__button::after{
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(images/news/s-news__cta_button_icon.png) no-repeat center center / contain;
  position: absolute;
  right: 22%;
  top: 50%;
  translate: 0 -50%;
}

.s-news-floating__banner--close{
  position: absolute;
  top: -10px;
  right: -10px;
  background: #292929B2;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s-news-form{
  padding: 56px 0;
}

.s-news-form__box{
  background: #F3F9FD;
  border: 4px solid #C5E3F5;
  border-radius: 16px;
  padding: 48px 40px 32px;
}

.s-news-form .s-news-form__title{
  color: #0E8BD9;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
}

.s-news-form__description{
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  margin: 24px 0 40px;
}

.s-news-form__description a{
  color: #3879D8;
}

.s-news-form__description img{
  width: 14.8px;
  height: 14.8px;
  display: inline;
  margin: 0;
}

.s-news-form__form.hs-form-custom-m4u{
  width: 100%;
}

.s-news-form__form .hs-form-field > label{
  margin-bottom: 6px;
}

.s-news-form__form .hs-fieldtype-text .input input, .s-news-form__form .hs-fieldtype-phonenumber .input input,.s-news-form__form .hs-fieldtype-textarea .input textarea{
  background: #F7F7F7;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 23px 8px;
}

.s-news-form__form .hs-fieldtype-checkbox .inputs-list{
  display: flex;
  flex-wrap: wrap;
}

.s-news-form__form li.hs-form-checkbox{
  margin-bottom: 18px;
}

.s-news-form__form .hs-form-checkbox .hs-form-checkbox-display span{
  margin-right: 8px;
}

.s-news-form__form .hs-form-checkbox input + span:before, .s-news-form__form .hs-form-booleancheckbox input + span:before{
  background: #E5E5E5;
  border: 2px solid #E5E5E5;
  top: 2px;
}

.s-news-form__form .hs-form-checkbox input:checked + span:before, .s-news-form__form .hs-form-booleancheckbox input:checked + span:before{
  background: #0e8bd9;
  border: 2px solid #0e8bd9;
}

.s-news-form__form .hs-form-checkbox input + span:after, .s-news-form__form .hs-form-booleancheckbox input + span:after{
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 4px;
    height: 10px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}

.s-news-form__form .hs-form-checkbox input + span:after, .s-news-form__form .hs-form-booleancheckbox input + span:after{
  top: 4px;
}

.s-news-form__form .hs-richtext p{
  font-size: 1.125rem;
  font-weight: 500;
}

.s-news-form__form .hs-richtext p a{
  text-decoration: none;
  color: #3879D8;
}

.s-news-form__form .legal-consent-container .hs-form-booleancheckbox-display p{
  font-weight: 500;
}

.s-news-form__form .hs_submit .actions{
  max-width: 240px;
  width: 100%;
}

.s-news-form__form .hs_submit input{
  background: #23A3FF!important;
  font-size: 1.5rem!important;
  padding: 18px 0 !important;
}

/* 20260127ヘッダー改修 */

.header{
  width: 100%;
  height: 104px;
  margin: 0;
  top: 0;
  border-radius: 0;
  padding-right: 0;
}

.header__nav__menu__link{
  font-size: 0.95rem;
}

.header__tel{
  margin: 0 20px;
}

.header__tel__icon{
  width: 16px;
}

.header__tel__number{
  width: 124px;
}

.header__inquiry{
  border-radius: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 104px;
  align-self: auto;
  line-height: 130%;
  font-size: 1rem;
  width: 144px;
  min-width: 144px;
  padding: 11px 0;
  text-align: center;
}

.header__inquiry--partner-button,
.header__inquiry--partner-button:hover{
  background-position: center 15px;
  margin-right: 1px;
  background-size: 28px 22px;
}

.header__inquiry--information-button,
.header__inquiry--information-button:hover{
  background-position: center 16px;
  background-size: 28px 21px;
}

@media screen and (max-width: 1470px) {
  .header{
    min-width: auto;
  }

  .header__right{
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 280px;
  }

  .header__tel{
    margin: 25px 32px 0 0;
    order: 0;
  }

  .header__nav{
    order: 1;
    margin-right: 20px;
  }

  .header__inquiry--partner-button,
  .header__inquiry--information-button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 140px;
    min-width: 100px;
  }

  .header__inquiry--partner-button{
    right: 141px;
  }

  .header__inquiry--information-button{
    right: 0;
  }
}



@media screen and (max-width: 1230px) {
  .header__right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 0;
    position: static;
    align-items: center;
  }

  .header__tel {
    order: 1;
    margin: 0 24px 0 0;
  }

  .header__tel__number{
    width: 162px;
  }

  .header__tel__icon{
    width: 19px;
  }

  .header__inquiry--partner-button,
  .header__inquiry--information-button {
    position: static;
    transform: none;
    order: 2;
    justify-content: flex-start;
    padding-left: 56px;
    transform: none;
    padding-bottom: 0;
    align-items: center;
    height: auto;
    align-items: center;
    box-sizing: border-box;
    translate: 0 0;
    padding: 14px 0 14px 56px;
  }

  .header__inquiry--partner-button,
  .header__inquiry--partner-button:hover{
    width: 240px;
    background-position: 16px center;
  }

  .header__inquiry--information-button,
  .header__inquiry--information-button:hover {
    width: 200px;
    background-position: 16px center;
  }

  .header__nav {
    order: 3;
    min-width: 700px;
    margin-top: 16px;
    height: 30px;
    display: flex;
    justify-content: flex-end;
    margin-right: 16px;
    width: fit-content;
  }

  .u-hidden-pc-sm{
    display: none;
  }

  .header__nav__menu__link{
    line-height: 120%;
  }

  .header__nav__bar{
    bottom: 5px;
  }

  .header__nav .header__nav__menu.current ~ .header__nav__bar,
  .header__nav .header__nav__menu:hover ~ .header__nav__bar{
    opacity: 1;
  }

  .header__nav .header__nav__menu:nth-child(1).current ~ .header__nav__bar {
    left: 3px;
  }
  .header__nav .header__nav__menu:nth-child(2).current ~ .header__nav__bar {
    left: 74px;
  }
  .header__nav .header__nav__menu:nth-child(3).current ~ .header__nav__bar {
    left: 195px;
  }
  .header__nav .header__nav__menu:nth-child(4).current ~ .header__nav__bar {
    left: 328px;
  }
  .header__nav .header__nav__menu:nth-child(5).current ~ .header__nav__bar {
    left: 444px;
  }
  .header__nav .header__nav__menu:nth-child(6).current ~ .header__nav__bar {
    left: 522px;
  }
  .header__nav .header__nav__menu:nth-child(7).current ~ .header__nav__bar {
    left: 615px;
  }

  .header__nav .header__nav__menu:nth-child(1):hover ~ .header__nav__bar {
    left: 3px;
  }

  .header__nav .header__nav__menu:nth-child(2):hover ~ .header__nav__bar {
    left: 74px;
  }

  .header__nav .header__nav__menu:nth-child(3):hover ~ .header__nav__bar {
    left: 195px;
  }

  .header__nav .header__nav__menu:nth-child(4):hover ~ .header__nav__bar {
    left: 328px;
  }

  .header__nav .header__nav__menu:nth-child(5):hover ~ .header__nav__bar {
    left: 444px;
  }

  .header__nav .header__nav__menu:nth-child(6):hover ~ .header__nav__bar {
    left: 522px;
  }

  .header__nav .header__nav__menu:nth-child(7):hover ~ .header__nav__bar {
    left: 615px;
  }
}

/* 20260225 TOP 連携サービス一覧導線セクション追加 */
.s-index-integration{
  background: #F6F6F6;
  padding: 80px 0;
}

.s-index-integration__content{
  display: flex;
  gap: 60px;
  align-items: center;
  justify-content: center;
}

.s-index-integration__image{
  width: 520px;
  margin-top: 10px;
}

.s-index-integration__image img{
  width: 100%;
  height: auto;
  display: block;
}

.s-index-integration__title{
  font-size: 1.875rem;
  color: #0E8BD9;
  font-weight: 600;
  line-height: 150%;
}

.s-index-integration__title span{
  font-size: 1.5rem;
}

.s-index-integration__title-box .index__chosen-reason__variety__link img{
  width: 24px;
}






/* ==================================================
   DOWNLOAD CONTENTS
   資料ダウンロードページ 2026.09.02

================================================== */


/* *************** */
/* 2026.09.02 ナビあしらい */
/* *************** */
    .header__nav__bar {
      width: 40px;
      height: 2px;
      display: block;
      position: absolute;
      bottom: 15px;
       right: 524px;
      background: #0e8bd9;
      -webkit-transition: all .5s;
      transition: all .5s;
      opacity: 0;
    }
    .header__nav .header__nav__menu.current ~ .header__nav__bar,
    .header__nav .header__nav__menu:hover ~ .header__nav__bar {
      opacity: 1;
    }
    .header__nav .header__nav__menu:nth-child(1).current ~ .header__nav__bar {
      right: 524px;
    }
    .header__nav .header__nav__menu:nth-child(2).current ~ .header__nav__bar {
      right: 474px;
    }
    .header__nav .header__nav__menu:nth-child(3).current ~ .header__nav__bar {
      right: 393px;
    }
    .header__nav .header__nav__menu:nth-child(4).current ~ .header__nav__bar {
      right: 312px;
    }
    .header__nav .header__nav__menu:nth-child(5).current ~ .header__nav__bar {
      right: 246px;
    }
    .header__nav .header__nav__menu:nth-child(6).current ~ .header__nav__bar {
      right: 150px;
    }
    .header__nav .header__nav__menu:nth-child(7).current ~ .header__nav__bar {
      right: 70px;
    }

    .header__nav .header__nav__menu:nth-child(8).current ~ .header__nav__bar {
      right: 13px;
    }



    .header__nav .header__nav__menu:nth-child(1):hover ~ .header__nav__bar {
      right: 524px;
    }

    .header__nav .header__nav__menu:nth-child(2):hover ~ .header__nav__bar {
      right: 474px;
    }

    .header__nav .header__nav__menu:nth-child(3):hover ~ .header__nav__bar {
     right: 393px;
    }

    .header__nav .header__nav__menu:nth-child(4):hover ~ .header__nav__bar {
      right: 312px;
    }

    .header__nav .header__nav__menu:nth-child(5):hover ~ .header__nav__bar {
        right: 246px;
    }

    .header__nav .header__nav__menu:nth-child(6):hover ~ .header__nav__bar {
        right: 150px;
    }

    .header__nav .header__nav__menu:nth-child(7):hover ~ .header__nav__bar {
     right: 70px;
    }
    
        .header__nav .header__nav__menu:nth-child(8):hover ~ .header__nav__bar {
      right: 13px;
    }




/* ダウンロード：services__above */
.download .services__above {
  background-image: url("images/download/pc_background_main.jpg"); }
  
/* ダウンロード下層：services__both */
.download-sub .services__both {
  background-image: url("images/download/pc_background_subpage.jpg"); }
  
/* ダウンロード完了画面 */
.download-comp .inquiry__above {
  background-image: url("images/download/pc_background_subpage.jpg"); }
  
  
/* ダウンロード：カテゴリタイトル */
h3.download-category-title {
     flex: 0 0 100%;
     font-size: 22px;
     margin-bottom: -16px;
}
h3.download-category-title::after {
  content: "INDUSTRY CASE STUDIES";
  display: block;
  margin-top: 4px;
  padding-left: 6px;
  border-left: 3px solid #FFD700;
  font-size: 11px;
  font-weight: bold;
  color:#1c8bd9;
  line-height: 1.2;
  font-family: 'Roboto Condensed', sans-serif;
}




  .download .services__main__button:hover {
    
}

/* ダウンロード：各ボックス */
.download .services__main__item {
    overflow: hidden;
   
}

.download .services__main__item .dl-images {
    margin-bottom: 12px;
    padding: 0;
    height: auto;
    line-height: 1;
}

.download .services__main__item .dl-images img {
    width: 100%;
    height: auto;
}

/* ダウンロード：各ボックスタイトル */
.download .services__main__item .dl-title {
    padding: 0 20px;
    margin-bottom: 12px;
}



.download .services__main__item .dl-title h2{
    padding: 0;
    text-align: left;
    font-size:16px;
    font-weight: 600;
    color:#333;
    background:  none;
}

.download .services__main__item .dl-title span{
    display: inline-block;
    background: #e6f3fc;
    color:#1c8bd9;
    font-size:11px;
    padding: 4px 8px;
    margin-bottom: 8px;
    font-weight: bold;
    border-radius: 4px;
}


.download .services__main__content {
    padding-top: 0;
}

.download .services__main__item .services__main__text {
    margin-top: 0;
    font-size: 14px;
}

.download .services__main__content .services__main__button {
    display: block;
  text-decoration: none;
    width: auto;
     background: url("images/download/icon_dl.png") 12px center no-repeat;
     background-size: 12px 12px;
     padding: 4px 16px 4px 32px; 
}  
.download .services__main__content .services__main__button:hover {
 
    color: #fff;
     background: #1c8bd9 url("images/download/icon_dl_w.png") 12px center no-repeat;
     background-size: 12px 12px;
}



/* ダウンロードサブ：コンテンツ */

.download-sub .container--padding {
 padding-left: 0; 
  padding-right: 0; 
}



.download-sub-spc {
   max-width: 1200px;
  width: 100%;

  display: flex;
  justify-content: space-between !important;
}
.download-left{
      width: 740px;
}

.download-form{
      width: 400px;
}

.download-left .download-img {
    width: 100%;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 0 1px 3px #eee;
    margin-bottom: 40px;
}

.download-left .download-img img {
    width: 100%;
    display: block;
}

.download-sub .download-view-text {
    margin-bottom: 40px;
}


.download-sub .download-view-text span.label-01{
    display: inline-block;
    background: #1c8bd9;
    color:#fff;
    font-size:12px;
    padding: 3px 8px;
    margin-bottom: 8px;
    font-weight: bold;
    border-radius: 8px;
    margin-right: 8px;
    
}

.download-sub .download-view-text span.label-02{
    display: inline-block;
    background: #e6f3fc;
    color:#1c8bd9;
    font-size:12px;
    padding: 3px 8px;
    margin-bottom: 8px;
    font-weight: bold;
    border-radius: 8px;
    border: 1px #1c8bd9 solid;
}

.download-sub .download-view-text h3 {
    font-size: 28px;
    line-height: 1;
    margin-bottom: 16px;
    margin-top: 12px;
}



 .download-sub .docu-list {
   width: 100%;
    box-sizing: border-box;
   
    border-radius: 12px;
    box-shadow: 0 0 1px 3px #eee;
    background:  #fff;
    padding: 25px;
 }

 .download-sub .docu-list h4 {
      font-size: 24px;
      border-left: 6px solid #FFD700;
      line-height: 1;
      padding-left: 10px;
      margin-bottom: 20px;
 }


 .download-sub .docu-list li {
	position: relative;
	padding-left: 1.1em;
    
    
    padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: linear-gradient(to right, #333 1px, transparent 1px);
	background-size: 4px 1px;
	background-repeat: repeat-x;
	background-position: left bottom;
    
    
    
}

 .download-sub .docu-list li:last-child {
       
	margin-bottom: 0;
    
 }


 .download-sub .docu-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.65em;
	width: 8px;
	height: 3px;
	background: #FFD700;
    

}



/* ダウンロード：フォーム周り */

.download-sub .mai-form-inn {
	background: #f3f9fd;
	border-radius: 12px;
    border: 2px solid #c5e3f5;
	box-sizing: border-box;
	padding: 25px;
	
    opacity: 1;
    

   
}
.download-sub .mai-form-tit {
	color: #1c8bd9;
	text-align: center;
	
	font-size: 20px;
	font-weight: bold;
	
	margin: 0 auto 10px;
}

.download-sub span.tit-sub{
    display: block;
    width: 50%;
    background: #1c8bd9;
    color:#fff;
    font-size:12px;
    padding: 4px 6px;
    margin: 0 auto 8px;
    font-weight: bold;
    border-radius: 8px;
    text-align: center;
    
}

.download-sub .sub-form-md {
    font-size: 14px;
    margin-bottom: 16px;
}

.download-sub .mai-form-box {
	padding: 0 0 0;
    position: relative;
     
}
.download-sub .hs_email .input input,
.download-sub .hs_lastname .input input,
.download-sub .hs_company .input input,
.download-sub .hs-phone .input input,
.download-sub .hs-fieldtype-textarea .input textarea{
	width: 100%;
	font-size: 15px;
	padding: 0 10px;
	box-sizing: border-box;
	border: 1px solid #DDD;
	background: #F5F5F5;
	margin: 5px 0 5px;
	cursor: auto;
}
.download-sub .hs_email .input input,
.download-sub .hs_lastname .input input,
.download-sub .hs_company .input input,
.download-sub .hs-phone .input input{
	line-height: 32;
	height: 34px;
}
.download-sub .hs-fieldtype-textarea .input textarea{
	min-height: 100px;
	line-height: 1.6;
	padding: 8px 10px;
	resize: vertical;
}
.download-sub .hs_email,
.download-sub .hs_lastname,
.download-sub .hs_company,
.download-sub .hs-phone,
.download-sub .hs-fieldtype-textarea{
	padding-top: 8px;
}

.download-sub .hs_email{
    position: relative;
}


.download-sub .hs-form-field > label,
.download-sub .hs-form-field > label > span{
	font-size: 13px;
    font-weight: bold;
}
.download-sub .hs-form-required,
.download-sub .hs-form-field label .hs-form-required {
	font-size: 0 !important;
	position: relative;
	display: inline-block;
	vertical-align: middle;
    margin-top: -1px;
    margin-left: 5px;
}
.download-sub .hs-form-required:before {
	content: "必須";
	display: inline-block;
	margin-left: 4px;
	padding: 1px 4px;
	border-radius: 3px;
	background: #ef5e5e;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4;
	vertical-align: middle;
}
.download-sub .legal-consent-container .hs-form-booleancheckbox-display .hs-form-required:before {
	content: "必須";
	display: inline-block;
	position: static;
	width: auto;
	height: auto;
	margin-left: 4px;
	padding: 1px 4px;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	background: #ef5e5e;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4;
	vertical-align: middle;
	-webkit-transform: none;
	transform: none;
}
.download-sub .hs-field-desc {
	font-size: 12px;
	color: #666;
	margin-top: 7px;
}
.download-sub .legal-consent-container .hs-form-booleancheckbox-display p {
	font-size: 13px;
}
.download-sub .hs-richtext p {
	font-size: 13px;
	text-align: left;
	line-height: 2;
	padding: 0;
	margin: 8px 0 8px;
}
.download-sub .hs-richtext p a {
	text-decoration: none;
	text-decoration: underline;
	color: #000;
	font-size: 12px;
}
.download-sub .inputs-list {
	padding: 0;
	margin: 0;
}
.download-sub .inputs-list li {
	list-style: none;
}
.download-sub .hs-error-msgs{
	padding: 5px 0 0;
	color: #f2545b;
    font-size:12px;
    font-weight: bold;
}
.download-sub .hs-form-booleancheckbox{
	margin-bottom: 10px;
}
.download-sub .legal-consent-container .hs-form-booleancheckbox-display input {
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	border: 2px solid #3879d7;
	display: none;
}
.download-sub .legal-consent-container .hs-form-booleancheckbox-display > span span:not(.hs-form-required):before,
.download-sub .legal-consent-container .hs-form-booleancheckbox-display > span span:not(.hs-form-required):after {
	content: none;
	display: none;
}
.download-sub .legal-consent-container .hs-form-booleancheckbox-display > span:not(.hs-form-required) {
	position: relative;
	display: inline-block;
	padding-left: 25px;
}
.download-sub .legal-consent-container .hs-form-booleancheckbox-display > span:not(.hs-form-required):before {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 19px;
	height: 19px;
	box-sizing: border-box;
	border: 2px solid #3879d7;
	border-radius: 4px;
}
.download-sub .legal-consent-container .hs-form-booleancheckbox-display input[type="checkbox"]:checked + span:not(.hs-form-required):before {
	background: #3879d7;
}
.download-sub .legal-consent-container .hs-form-booleancheckbox-display input[type="checkbox"]:checked + span:not(.hs-form-required):after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 6px;
	width: 4px;
	height: 9px;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.download-sub .legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 0;
}


.download-sub .hs-richtext {
    margin-bottom: 0;
}
.download-sub label.hs-error-msg {
    margin-top: 0 !important;
    font-size: 12px !important;
}



.download-sub .actions {
	width: 80%;
	max-width: 360px;
	margin: 24px auto 0;
	position: relative;
	transition: transform .2s ease-in-out;
}
.download-sub .actions::after {
	content: "";
	display: block;
	position: absolute;
	right: 30px;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: translateY(-50%) rotate(45deg);
}
.download-sub .actions:hover{
	transform: scale3d(1.05, 1.05, 1);
}
.download-sub .hs-button {
	outline: none;
	border: none !important;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 48px 8px !important;
	font-size: 18px !important;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #22a3ff !important;
	border-radius: 32px !important;
	position: relative;
	border-bottom: 3px solid #0a66a6 !important;
	transition: transform .2s ease-in-out, border-bottom-width .2s ease-in-out, background .2s ease-in-out;
}
.download-sub .actions:active {
	transform: translateY(3px);
}
.download-sub .actions:active .hs-button {
	border-bottom-width: 1px !important;
}