@charset "UTF-8";

body {
  color: #231815;
  font-size: 14px;
  font-family: 'Noto Sans JP', Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo sans-serif;
  line-height: 1.5;
  background: #fff;
  -webkit-text-size-adjust: 100%;
}

/* header */
  header {
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
  }
  .header .header-sp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 55px;
    padding: 5px 12px 5px;
  }
  .header .header-sp [type="button"] {
    display: none;
  }
  .header .header-sp p {
    color: #333;
    font-size: 13px;
    padding-left: 10px;
  }
  .logo {
    width: 128px;
  }
  .logo a {
    display: block;
    height: 100%;
  }
  .logo img {
    width: 120px;
  }
  .scroll-prevent {
    position: fixed;
    z-index: -1;
    width: 100%
    height: 100%;
  }
  #nav-tgl {
    display: none;
  }
  .nav-tgl-btn {
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 4.5vw;
    margin: 0;
  }
  .open {
    z-index: 2;
    width: 37px;
    height: 30px;
    transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .open::before,
  .open::after {
    content: "";
  }
  .open span,
  .open::before,
  .open::after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 20%;
    width: 60%;
    border-bottom: 2px solid #231815;
    transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .open::before {
    transform: translateY(-8px);
  }
  .open::after {
    transform: translateY(8px);
  }
  .close {
    z-index: 1;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    transition: background .6s;
    top: 0px;
    right: 0px;
  }
  #nav-tgl:checked + .open {
    right: 4.5vw;
  }
  #nav-tgl:checked + .open span {
    transform: scaleX(0);
  }
  #nav-tgl:checked + .open::before {
    transform: rotate(45deg);
  }
  #nav-tgl:checked + .open::after {
    transform: rotate(-45deg);
  }
  #nav-tgl:checked ~ .close {
    pointer-events: auto;
    background: rgba(0,0,0,.3);
  }
  .content-wrapper {
    transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  #nav-tgl:checked ~ .content-wrapper {
    transform: translateX(-250px);
  }
  .accordion ul,
  .accordion02 ul {
    display: none;
    transition: all 0.5s;
  }
  .accordion ul li,
  .accordion02 ul li {
    position: relative;
  }
  .accordion ul li a,
  .accordion02 ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .header_iconArea {
    display: flex;
    margin-left: auto;
    margin-right: 15vw;
  }
  @media screen and (max-width: 320px) {
    .header_iconArea {
      margin-right: 5vw;
    }
  }
  .header_iconArea div {
    margin-right: 4px;
  }
  .header_iconArea img {
    height: 36px;
  }

  @media screen and (min-width:768px) and (max-width:1024px) {
    .header_iconArea {
      margin-right: 10vw;
    }
  }

  @media screen and (min-width: 1025px) {
    .header {
      align-items: baseline;
      display: flex;
      height: initial;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 100%;5
    }
    .header .header-sp {
      display: none;
    }
    .logo {
      width: 20.2vw;
      max-width: 265px;
    }
    .logo img {
      width: 100%;
    }
    .header-pc {
      margin: 0 auto;
      width: 100%;
    }
    .header-pc .header-pc-inner {
      align-items: end;
      display: flex;
      justify-content: space-between;
      padding: 23px 0 15px;
      margin: 0 auto;
      width: 1080px;
    }
    .header-pc .logo-area p {
      font-size: 14px;
      text-align: center;
    }
    .header-pc .contact-area {
      align-items: center;
      display: flex;
    }
    .header-pc .contact-area .contact {
      border: 1px solid #fff;
      font-size: 12px;
      padding: 3px;
      width: 80px;
      height: 21px;
    }
    .header-pc .contact-area .tel {
      font-size: 24px;
      padding-left: 10px;
    }
    .header-pc .contact-area .tel span {
      font-size: 30px;
      padding-left: 5px;
    }
    .header-pc .header-bottom {
      background-color: #dcdddd;
      width: 100%;
    }
    .header-pc .header-bottom nav ul {
      display: flex;
      font-size: 14px;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 1080px;
    }
    .header-pc .header-bottom .mouse-over ul {
      background-color: #fff;
      color: #000;
      display: none;
      position: absolute;
      top: 30px;
    }
    .header-pc .header-bottom li.mouse-over:hover ul {
      top: 31px;
      left: 0;
      display: block;
      z-index: 10;
    }
    .header-pc .header-bottom li.mouse-over:hover ul.company_menu{
      width: 210px;
    }
    .header-pc .header-bottom li.mouse-over:hover ul.company_menu li a,
    .header-pc .header-bottom li.mouse-over:hover ul.office_menu li a,
    .header-pc .header-bottom li.mouse-over:hover ul.recruit_menu li a{
      border-bottom: none;
    }
    .header-pc .header-bottom li.mouse-over:hover ul.company_menu,
    .header-pc .header-bottom li.mouse-over:hover ul.office_menu,
    .header-pc .header-bottom li.mouse-over:hover ul.recruit_menu {
      padding: 0 10px 10px;
    }
    .header-pc .header-bottom li.mouse-over:hover ul.company_menu:before,
    .header-pc .header-bottom li.mouse-over:hover ul.office_menu:before,
    .header-pc .header-bottom li.mouse-over:hover ul.recruit_menu:before {
      content: '';/*何も入れない*/
      display: inline-block;/*忘れずに！*/
      width: 15px;/*画像の幅*/
      height: 7px;/*画像の高さ*/
      background-image: url(../images/menu_tryangle.png);
      background-repeat: no-repeat;
      background-size: contain;
      position: relative;
      vertical-align: middle;
    }
    .header-pc .header-bottom li.mouse-over:hover ul.company_menu:before {
      left: 12px;
    }
    .header-pc .header-bottom li.mouse-over:hover ul.office_menu:before {
      left: 33px;
    }
    .header-pc .header-bottom li.mouse-over:hover ul.recruit_menu:before {
      left: 12px;
    }
    .header-pc .header-bottom nav li {
      padding: 5px 0px;
      position: relative;
    }
    .header-pc .header-bottom nav li a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: none;
    }
    .header-pc .header-bottom nav li a:hover {
      border-bottom: 3px solid #2badd7;
      opacity: 1;
    }
    .siteWrapper .header-pc .header-bottom nav li:after {
      content: "|";
      font-weight: 900;
      position: relative;
      left: 16px;
      color: #fff;
    }
    .siteWrapper .header-pc .header-bottom nav li:last-child:after {
      content: "";
    }
    .siteWrapper .header-pc .header-bottom nav li.top,
    .siteWrapper .header-pc .header-bottom nav li.personal,
    .siteWrapper .header-pc .header-bottom nav li.business,
    .siteWrapper .header-pc .header-bottom nav li.best_reason,
    .siteWrapper .header-pc .header-bottom nav li.guide,
    .siteWrapper .header-pc .header-bottom nav li.network,
    .siteWrapper .header-pc .header-bottom nav li.voice,
    .siteWrapper .header-pc .header-bottom nav li.recruit,
    .siteWrapper .header-pc .header-bottom nav li.contact {
      font-size: 14px;
      margin-bottom: 0;
    }
    .siteWrapper.top .header-pc .header-bottom nav li.top a,
    .siteWrapper.private .header-pc .header-bottom nav li.personal a,
    .siteWrapper.business .header-pc .header-bottom nav li.business a,
    .siteWrapper.best_reason .header-pc .header-bottom nav li.best_reason a,
    .siteWrapper.guide .header-pc .header-bottom nav li.guide a,
    .siteWrapper.networkBase .header-pc .header-bottom nav li.networkBase a,
    .siteWrapper.voice .header-pc .header-bottom nav li.voice a,
    .siteWrapper.library .header-pc .header-bottom nav li.library a,
    .siteWrapper.recruit .header-pc .header-bottom nav li.recruit a,    
    .siteWrapper.contactUs .header-pc .header-bottom nav li.contact a {
      border-bottom: 3px solid #2badd7;
      opacity: 1;
      padding-top: 8px;
    }
    .siteWrapper.company.service .header-pc .header-bottom nav li.company a {
      border-bottom: none;
    }
    .header-pc .header-bottom nav li.active .company_menu a,
    .header-pc .header-bottom nav li.active .office_menu a,
    .header-pc .header-bottom nav li.active .recruit_menu a {
      border-bottom: none;
    }
    .header-pc .header-bottom  li.mouse-over li a:hover,
    .header-pc .header-bottom  li.mouse-over li.active {
      border-bottom: none;
      opacity: 1;
    }
    .company .header-pc .office {
      width: initial;
    }
  }
  /* メニューデザイン */
    .drower-menu {
      z-index: 999;
      position: fixed;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
      top: 45px;
      right: 0;
      width: 280px;
      height: 100%;
      margin: 0;
      padding: 0 0 10px;
      box-sizing: border-box;
      background: #333;
      transform: translateX(100%);
      transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    .drower-menu ul li {
      display: block;
      color: white;
      padding: 10px 10px 0 1em;
      position: relative;
      text-decoration: inherit;
      transition: background .6s;
      font-size: 16px;
    }
    #nav-tgl:checked ~ .drower-menu {
      transform: none;
    }
    .drower-menu ul li a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .drower-menu ul li span {
      position: absolute;
      display: inline-block;
      right: 0;
      padding-left: 20px;
      top: 20px;
    }
    .drower-menu ul li span::before{
      content: '';
      width: 6px;
      height: 6px;
      border: 0px;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -4px;
    }
    .drower-menu ul li span.acco::before{
      content: '';
      width: 6px;
      height: 6px;
      border: 0px;
      border-top: solid 2px #fff;
      border-right: solid 2px #fff;
      -ms-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -4px;
    }
    .drower-menu-list > ul {
      padding-bottom: 50px;
    }
    .drower-menu-list ul li ul {
      padding-bottom: 20px;
    }
    @media screen and (min-width: 1025px) {
      .drower-menu ul li:hover {
        background: black;
      }
    }

/* footer */
  .linkArea {
    background-color: #c9caca;
    margin-top: 50px;
    padding: 15px;
    position: relative;
  }
  .linkArea:before {
    content: '';
    background: url(../images/title_chara.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    width: 60px;
    height: 32px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
  }
  .linkArea ul li a {
    text-decoration: underline;
  }
  .bottomLogo {
    margin: 0 auto;
  }
  .bannerArea {}
  .bannerArea ul {
    align-items: baseline;
    display: flex;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 10px;
  }
  .bannerArea ul li {
    margin: 0 3px;
  }
  .copyright {
    text-align: center;
  }
  @media screen and (max-width:767px) { /* SPのみ */
    .linkArea.sp-only ul {
      text-align: center;
    }
    .contactArea_sp {
      margin: 0 auto 30px;
      width: 280px;
    }
    .bottomLogo {
      width: 200px;
    }
    .bannerArea ul li {}
    .copyright {
      font-size: 10px;
      transform: scale(0.8);
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
    .linkArea.sp-only ul {
      text-align: center;
    }
    .contactArea_sp {
      margin: 0 auto 30px;
      width: 300px;
    }
    .bottomLogo {
    margin-bottom: 10px;
      width: 300px;
    }
  }
  @media screen and (min-width:768px) { /* Tab/PC共通 */
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
    .contactArea_sp {
      display: none;
    }
    .linkArea::before {
      width: 120px;
      height: 64px;
      top: -60px;
    }
    .linkArea-inner {
      display: flex;
      justify-content: space-between;
      width: 1050px;
      margin: 0 auto;
    }
    .linkArea ul li a {
      text-decoration: none;
    }
    .bottomLogo {
      margin-bottom: 10px;
      width: 350px;
    }
    .bannerArea {
      padding: 15px 0;
    }
    .bannerArea-flex {
      display: flex;
      justify-content: space-between;
      max-width: 1080px;
      margin: 0 auto;
    }
    .bannerArea-flex li {
      font-size: 12px;
    }
    .bannerArea-logo {
      width: 200px;
    }
    .copyright {
      font-size: 12px;
    }
  }



/* 全ページ共通 */
  .siteWrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  .sp-only {display: block;}
  .pc-only {display: none;}

  .c-text_red {
    color: #e60012;
  }
  .c-bold {
    font-weight: bold;
  }
  .t-center {
    text-align: center;
  }
  /*アニメーション要素のスタイル*/
  .animation{
    opacity : 0;
    visibility: hidden;
    transition: 1s;
  }
  .animation-left {
    transform: translateX(-100px);
  }
  .animation-right {
    transform: translateX(100px);
  }

  /*アニメーション要素までスクロールした時のスタイル*/
  .active{
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
  }
  @media screen and (min-width:768px) and (max-width:1024px) {

  }
  @media screen and (min-width: 1025px) {
    a {
      transition: all 0.5s 0s ease;
    }
    a:hover {
      opacity: 0.5;
    }
    .c-linkDeco {
      text-decoration: underline;
    }
    .c-linkDeco:hover {
      text-decoration: none;
    }
    .sp-only {display: none;}
    .pc-only {display: block;}
  }
  /* TOPへ戻るボタン */
  #page-top a {
    bottom: 0;
    color: #fff;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1;
  }
  @media screen and (max-width: 767px) {
    #page-top a {
      right: 10px;
      bottom: 10px;
      width: 65px;
    }
  }


/* 下層共通 */
  .main-content {
    padding: 0 20px;
    margin-bottom: 50px;
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    
  }
  @media screen and (min-width: 1025px) {
    .breadcrumb {
      font-size: 16px;
      line-height: 1.2;
      margin: 0 auto 60px;
      width: 1050px;
    }
    .main-content {
      margin: 0 auto;
      padding: 0;
      width: 1050px;
    }
    .titleImg_ribbon {
      background-image: url(../images/titleImg_ribbon-pc.png);
      background-repeat: no-repeat;
      background-position: center;
      font-size: 28px;
      height: 46px;
      line-height: 46px;
      margin-bottom: 15px;
      text-align: center;
    }
  }

/* main contents */
  main {
    flex: 1;
    overflow-x: hidden;
  }
  .site-content {}
  @media screen and (min-width:768px) and (max-width:1024px) {
  }
  @media screen and (min-width: 1025px) {
    .site-content {
      margin: 0 auto 50px;
      width: 100%;
    }
  }

/* TOP */
  .top {}
  /* slick */
    .top .slider{
      display: none; /*slick-initializedが付与されるまで非表示*/
    }
    .top .slider.slick-initialized{
      display: block; /*slick-initializedが付与されたら表示*/
    }
    .top .slick-slider {
      margin-bottom: 90px;
    }
    .top .slick-prev:before {
      content: '';
      display: inline-block;
      width: 26px;
      height: 59px;
      background-image: url(../images/slick-prev_btn.png);
      background-size: contain;
      vertical-align: middle;
    }
    .top .slick-prev {
      left: 25px;
      z-index: 1;
    }
    .top .slick-next:before {
      content: '';
      display: inline-block;
      width: 26px;
      height: 59px;
      background-image: url(../images/slick-next_btn.png);
      background-size: contain;
      vertical-align: middle;
    }
    .top .slick-next {
      right: 25px;
      z-index: 1;
    }
    .top .slick-dots {
      bottom: 10px;
    }
    .top .slick-dots li button:before {
      content: '';
      display: inline-block;
      background-repeat: no-repeat;
      background-image: url(../images/slick-dot.png);
      opacity: 1.0;
    }
    .slick-dots li.slick-active button:before {
      background-image: url(../images/slick-dot-active.png);
      opacity: 1.0;
    }
    .top .slick-dots li button:hover:before {
      background-image: url(../images/slick-dot-active.png);
      opacity: 1.0;
    }

  /* readText */
    .top .readText {}

  /* information */
    .top .information {
      background-color: #e4e4e4;
      margin-bottom: 40px;
      padding: 15px;
      width: 100%;
    }
    .top .information h4 {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 20px;
      text-align: center;
    }
    .top .information ul {
      margin: 0 auto 10px;
      width: 80%;
    }
    .top .information ul li {
      display: flex;
    }
    .top .infoDate {
      margin-right: 1em;
    }
    .top .infoPast {
      margin: 0 auto;
      text-align: center;
      width: 80%;
    }
    .top .infoPast a {
      text-decoration: underline;
    }
    .top_read-text {
      font-size: 12px;
      text-align: center;
    }
    .bestReason-area--inner {
      display: flex;
      justify-content: center;
      position: relative;
      margin-bottom: 30px;
    }
    .bestReason-area--leftImg {
      width: 30%;
      position: absolute;
      left: -20px;
    }
    .bestReason-area--readText {
      width: 60%;
      margin-left: 20%;
    }
    .bestReason-area--rightImg {
      width: 30%;
      position: absolute;
      right: -20px;
    }
    .bestReason-area--bestIcon {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 0 auto;
      width: 50%;
    }
    .bestReason-area--bestIcon div {
      padding: 5px 2px;
      width: 33.333333%;
    }
    .bestReason_squareArea {
      margin-bottom: 80px;
    }
    .bestReason_square01 {
      background-image: url(../images/square_01.png);
      background-repeat: no-repeat;
      background-size: 290px 300px;
      background-position: top center;
      height: 300px;
      width: 290px;
      margin: 0 auto 30px;
      padding: 10px 15px;
      position: relative;
      text-align: center;
      transition: all 0.5s 0s ease;
    }
    .bestReason_square02 {
      background-image: url(../images/square_02.png);
      background-repeat: no-repeat;
      background-size: 290px 260px;
      background-position: top center;
      height: 260px;
      width: 290px;
      margin: 0 auto 30px;
      padding: 10px 15px;
      position: relative;
      text-align: center;
      transition: all 0.5s 0s ease;
    }
    .bestReason_square01 .moreInfo,
    .bestReason_square02 .moreInfo {
      position: absolute;
      bottom: 30px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    }
    .squareTtl {
      color: #005CA2;
      font-size: 28px;
      font-weight: bold;
      padding-top: 10px;
      margin-bottom: 10px;
      text-align: center;
    }
    .squareImg {
      margin: 0px auto 5px;
      text-align: center;
      width: 60px;
    }
    .squareText-m {
      font-size: 20px;
    }
    .squareText-m.highlighter {
      background: linear-gradient(transparent 60%, #ff6 60%);
      display: inline;
    }
    .squareText-s {
      font-size: 15px;
    }
    .moreInfo p {
      background-color: #E4007F;
      border-radius: 7px;
      color: #fff;
      font-size: 12px;
      margin: 5px auto 0;
      padding: 2px;
      width: 70px;
    }
    .moreInfo:after {
      content: '';
      display: inline-block;
      width: 14px;
      height: 13px;
      background-image: url(../images/arrow_pink-moreInfo.png);
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: middle;
    }
  /* ベストロジコムの法人向けサービス */
    .selectPlan {
      background-color: #005CA2;
      background-image: url(../images/bg_selectPlan.png);
      background-size: 100%;
      background-repeat: no-repeat;
      color: #fff;
      margin-bottom: 30px;
      padding-bottom: 30px;
      text-align: center;
    }
    .selectPlan .c-title {
      color: #fff;
      padding-top: 20px;
    }
    .selectPlan .c-title::before {
      top: -30px;
    }
    .selectPlan .title--ribon {
      font-weight: bold;
      text-align: center;
    }
    .title--ribon_gray-s {
      background-image: url(../images/bg_ribon_gray-s.png)!important;
    }
    .serviceBoxArea {
      padding-top: 10px;
    }
    .serviceBox {
      background-image: url(../images/serviceBox.png);
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      color: #333;
      display: inline-block;
      padding: 15px 10px;
      position: relative;
      vertical-align: middle;
      height: 270px;
      width: 300px;
    }
    .serviceBox a {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
    }
    .service-Ttl {
      background-color: #005CA2;
      border-radius: 7px;
      color: #fff;
      font-family: 'M PLUS Rounded 1c', sans-serif;
      transform: rotateZ(0.03deg);
      font-size: 18px;
      font-weight: bold;
      margin: 0 auto 5px;
      padding: 5px;
      width: 85%;
    }
    .service-Txt {
      font-family: 'M PLUS Rounded 1c', sans-serif;
      font-weight: 500;
      transform: rotateZ(0.03deg);
      margin-bottom: 10px;
      min-height: 63px;
    }
    .serviceImg {
      margin: 0px auto 5px;
      text-align: center;
      width: 60px;
    }
    .service-moreInfo {
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      position: absolute;
      bottom: 27px;
      right: 24px;
    }
    /* おしらせ */
    .top .newsFlex {
      margin-bottom: 5px;
    }
    .news .pageTitle {
      padding-top: 60px;
    }
    .newsList {
      font-size: 16px;
    }
    .newsList dt {
      float: left;
      font-weight: normal;
      border-bottom: 1px solid #005CA2;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    .newsList dd {
      padding-left: 120px;
      border-bottom: 1px solid #005CA2;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    .newsTitle {
      border-top: 1px solid #005CA2;
      border-bottom: 1px solid #005CA2;
      font-size: 18px;
      margin-bottom: 10px;
      padding: 20px 0;
      text-align: center;

    }
    .newsDate {
      text-align: right;
      margin-bottom: 15px;
    }
    .attenCircle {
      color: #005CA2;
    }
  @media screen and (max-width:767px) { /* SPのみ */
    /* slick */
      .top .slick-slider {
        margin-bottom: 50px;
      }
      .top .slick-dots li {
        margin: 0 2px;
        width: 10px;
        height: 10px
      }
      .top .slick-dots li button {
        width: 10px;
        height: 10px;
      }
      .top .slick-dots li button:before {
        background-size: 10px 10px;
        line-height: 10px;
        width: 10px;
        height: 10px;
      }
      .top .slick-prev,
      .top .slick-next {
        width: 13px;
        height: 30px;
      }
      .top .slick-prev:before {
        width: 6.5px;
        height: 15px;
      }
      .top .slick-next:before {
        width: 6.5px;
        height: 15px;
      }
      .top .slick-prev {
        left: 10px;
      }
      .top .slick-next {
        right: 10px;
      }
    /* readText */
      .top .readText {
        margin-bottom: 10px;
      }

    /* information */
      .top .infoTitle {
        display: block;
      }
    /* おしらせ */
    .news .pageTitle {
      padding-top: 20px;
    }
    .newsList {
      font-size: 16px;
    }
    .newsList dt {
      float: none;
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0;
    }
    .newsList dd {
      padding-left: 0;
      border-bottom: 1px solid #005CA2;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    .bestReason_square01 .moreInfo,
    .bestReason_square02 .moreInfo {
      bottom: 15px;
    }
    /* TOP ベストな理由 */
    .bestReason-area--leftImg,
    .bestReason-area--rightImg {
      top: -35px;
      max-width: 150px;
    }
    .bestReason-area--bestIcon-top {
      margin: 20px auto 0;
    }
    .bestReason-area--bestIcon-top.bestReason-area--bestIcon div {
      width: 45.333333%;
    }
    .bestReason-area--bestIcon-bottom {
      margin: 20px auto 0;
      width: 70%;
    }
    .bestReason-area--bestIcon-bottom.bestReason-area--bestIcon div {
      width: 32.4%;
    }
  /* ベストな理由 */
    .best_reason .bestReason-area--leftImg,
    .best_reason .bestReason-area--rightImg {
      top: -5px;
    }
    .best_reason .bestReason-area--leftImg {
      left: -45px;
    }
    .best_reason .bestReason-area--rightImg {
      right: -45px;
    }
    .squareTtl {
      font-size: 18px;
    }
    .squareText-m {
      font-size: 16px;
      font-weight: bold;
    }
    .squareText-s {
      font-size: 15px;
      font-weight: bold;
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
    .top .slick-slider {
      margin-bottom: 50px;
    }
    .bestReason-area--readTextArea {
      /*margin-left: 28%;*/
    }
    .bestReason-area--readText {
      margin-left: 0;
      width: 100%;
    }
    .bestReason-area--bestIcon-top {
      margin: 0 auto;
      width: 60%;
    }
    .bestReason-area--bestIcon-top div {
      margin: 0 auto;
      width: 50%;
    }
    .bestReason-area--bestIcon-bottom {
      margin: 0 auto;
      width: 90%;
    }
    .bestReason-area--leftImg {
      width: 30%;
      position: absolute;
      top: -60px;
      left: -40px;
    }
    .bestReason-area--rightImg {
      width: 30%;
      position: absolute;
      top: -60px;
      right: -45px;
    }
    .bestReason_square01 .moreInfo,
    .bestReason_square02 .moreInfo {
      bottom: 15px;
    }
    .squareTtl {
      font-size: 18px;
    }
    .squareText-m {
      font-size: 16px;
      font-weight: bold;
    }
    .squareText-s {
      font-size: 15px;
      font-weight: bold;
    }
  }
  @media screen and (min-width:768px) { /* Tab/PC共通 */
    .top .newsFlex {
      display: flex;
    }
    .top_read-text {
      font-size: 18px;
    }
    .top .information ul {
      width: 680px;
    }
    /* readText */
      .top .readText {
        font-size: 18px;
        margin-bottom: 20px;
      }
    }
  @media screen and (min-width: 1025px) { /* PCのみ */
    .top .privateContainer {
      margin-bottom: 30px;
    }
    .top .privateContainer .c-btn--more {
      display: initial;
    }
    .newsTitle {
      font-size: 21px;
    }
    .bestReason-area--readTextArea {
      /*margin-left: 25.5%;*/
      margin-bottom: 40px;
    }
    .top .bestReason-area--readTextArea {
      margin-bottom: 0px;
    }
    .bestReason-area--readText {
      margin-left: 0;
      margin-bottom: 30px;
      width: 100%;
    }
    .bestReason-area--leftImg {
      width: 30%;
      position: absolute;
      top: -140px;
      left: -100px;
    }
    .bestReason-area--rightImg {
      width: 30%;
      position: absolute;
      top: -140px;
      right: -100px;
    }
    .bestReason-area--bestIcon-top {
      margin-bottom: 30px;
      width: 354px;
    }
    .bestReason-area--bestIcon-bottom {
      margin-bottom: 30px;
      width: 531px;
    }
    .bestReason-area--bestIcon div {
      width: 177px;
    }
    .bestReason_squareArea {
      display: flex;
      font-weight: bold;
      margin: 0 auto;
      width: 830px;
    }
    .bestReason_square01 {
      background-size: 400px 350px;
      height: 350px;
      width: 400px;
    }
    .bestReason_square02 {
      background-size: 400px 350px;
      height: 350px;
      width: 400px;
    }
    .bestReason_square01:hover,
    .bestReason_square02:hover {
      background-color:rgba(255,255,255,0.5);
      background-blend-mode:lighten;
      transition: all 0.5s 0s ease;
    }
    .bestReason-area--inner {
      margin: 0 auto 30px;
      width: 1050px;
    }
    .moreInfo:hover:after {
      background-color:rgba(255,255,255,0.5);
      background-blend-mode:lighten;
      transition: all 0.5s 0s ease;
    }
    .selectPlan {
      background-size: 1050px;
      background-position: center;
      margin-bottom: 60px;
    }
    .selectPlan .c-title::before {
      top: -55px;
    }
    .selectPlan .c-title {
      padding-top: 40px;
    }
    .serviceBox {
      transition: all 0.5s 0s ease;
    }
    .serviceBox:hover {
      opacity: 0.5;
    }
    .serviceBoxArea {
      margin: 0 auto;
      width: 1050px;
    }
    .service-Ttl {
      font-size: 25px;
    }
    .title--ribon_red {
      background-image: url(../images/bg_ribon_red.png)!important;
      background-repeat: no-repeat;
      background-size: 588px 32px;
      background-position: center;
      color: #fff;
      font-size: 16px;
      text-align: center;
    }
    .contactArea {
      margin: 0 auto;
      padding-left: 80px;
      padding-bottom: 20px;
      width: 980px;
    }
    /* お知らせ */
      .top .information h4 {
        font-size: 21px;
      }
  }


/* ベストロジコムが選ばれるベストな理由 */
  .best_reason {}
  .best_reason .titleImg {
    background-image: url(../images/titleImg-bestReason_sp.png);
    margin-bottom: 20px;
    text-align: center;
  }
  .best_reason .optionList {
    padding: 10px 0 30px;
  }
  @media screen and (max-width:767px) { /* SPのみ */
    .best_reason .optionList {
      padding: 0 10px 15px;
      margin-bottom: 0;
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) {
    .best_reason {}
    .best_reason .titleImg {
      background-image: url(../images/titleImg-bestReason_pc.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      margin-bottom: 10px;
    }
  }
  @media screen and (min-width: 1025px) {
    .best_reason {}
    .best_reason .titleImg {
      background-image: url(../images/titleImg-bestReason_pc.png);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      margin-bottom: 10px;
    }
    .best_reason .optionList li {
      font-size: 16px;
    }
  }


/* お見積り・お問い合わせ */
    .contact {}
    .title--ribon_blue {
      background-image: url(../images/bg_ribon_blue.png)!important;
    }
    .title--ribon_gray {
      background-image: url(../images/bg_ribon_gray.png)!important;
    }
    .contact .c-title__text {
      text-align: left;
    }
    .contact.complete .c-title__text {
      text-align: center;
    }
    .contact .c-linkArea .text-linkArea {
      margin-bottom: 30px;
    }
    .contact .c-linkArea .text-linkArea ul li:before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      background-color: #005CA2;
      border-radius: 50%;
      margin-right: 5px;
      position: relative;
      top: 3px;
    }
    .contact .c-linkArea .text-linkArea ul li a {
      text-decoration: underline;
    }
    .contact .c-linkArea .icon-LinkArea > ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li {
      width: 48%;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn {
      background-size: 100%;
      cursor: pointer;
      position: relative;
      height: 31vw;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn a {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn p {
      color: #fff;
      font-size: 4.5vw;
      padding-top: 12.5vw;
      text-align: center;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn p.mono {
      padding-top: 15.5vw;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn01 {
      background-image: url(../images/contact_btn01.png);
      background-repeat: no-repeat;
      transition: all 0.5s 0s ease;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn02 {
      background-image: url(../images/contact_btn02.png);
      background-repeat: no-repeat;
      transition: all 0.5s 0s ease;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn03 {
      background-image: url(../images/contact_btn03.png);
      background-repeat: no-repeat;
      transition: all 0.5s 0s ease;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn04 {
      background-image: url(../images/contact_btn04.png);
      background-repeat: no-repeat;
      transition: all 0.5s 0s ease;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn + ul {
      margin-bottom: 30px;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn + ul li {
      font-size: 11px;
      margin-left: 1.5em;
      text-indent: calc(-1em - 5px);
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn + ul li:before {
      content: "";
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-right: 5px;
      position: relative;
      top: 2px;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn01 + ul li:before {
      background-color: #EE87B4;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn02 + ul li:before {
      background-color: #E60012;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn03 + ul li:before {
      background-color: #005CA2;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn04 + ul li:before {
      background-color: #005CA2;
    }
    .contact .banner_contact {
      margin: 0 auto 10px;
      max-width: 617px;
      width: 100%;
    }
    .contact .banner_contact img {
      width: 100%;
    }
    .contact .c-title__text ul li {
      text-indent: -1em;
      margin-left: 1em;
    }
    .contact .c-title__text--outer {
      padding-bottom: 30px;
    }

    .contact .tableChart {
      color: #005CA2;
      padding-bottom: 50px;
    }
    .contact .tableChart li {
      border-bottom: 1px solid #005CA2;
      font-size: 14px;
      padding: 3px 0 10px;
    }
    .contact .tableChart li:first-child {
      border-top: 1px solid #005CA2;
    }
    .contact .tableChart li:last-child {
      border-bottom: none;
    }
    .contact .tableChart li:nth-last-child(2) {
      border-bottom: none;
    }
    .contact .input-area_mail {
      display: block;
    }
    .contact .input-area_tel {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      width: 300px;
    }
    .contact .tableChart .surname {
      align-items: baseline;
      display: flex;
      font-weight: bold;
      margin-bottom: 5px;
    }
    .contact .tableChart input {
      background-color: #dde2f0;
      padding: 5px;
      width: 100%;
    }
    .contact .tableChart select {
      border: 1px solid #333;
      color: #333;
      padding: 5px;
      width: 100%;
    }
    .contact .tableChart .luggage_list {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
    }
    .contact .tableChart .luggage_list > div {
      align-items: center;
      display: flex;
      margin-right: 20px;
      margin-bottom: 10px;
    }
    .contact .tableChart .luggage_list > div p {
      margin-left: 5px;
    }
    .contact .tableChart .luggage_list input {
      min-width: 60px;
      width: 60px;
    }
    .contact .tableChart .luggage_list select {
      min-width: 60px;
      width: 60px;
    }

    .contact .tableChart .luggage_list input[type="radio"] {
      margin-right: 30px;
      min-width: 40px;
      width: 40px;
    }
    .contact .tableChart .luggage_list textarea {
      border: 1px solid #333;
      padding: 10px;
      height: 20vh;
      width: 100%;
    }

    .contact .tableChart .agreementArea {
      border: 1px solid #005CA2;
      border-radius: 10px;
      color: #333;
      margin-top: 30px;
      padding: 10px;
    }
    .contact .tableChart .agreementArea input[type=checkbox] {
      width: 0;
    }
    .contact .tableChart .agreementArea > p {
      text-align: center;
      font-weight: bold;
      margin-bottom: 5px;
    }
    .ECM_CheckboxInput {
      display: flex;
      align-items: center;
      cursor: pointer;
    }
    .ECM_CheckboxInput-Input {
      margin: 0;
      width: 0;
      opacity: 0;
    }
    .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput {
      background: #005CA2;
    }
    .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 35%;
      height: 2px;
      transform: translate(-3px, 1px) rotateZ(-135deg);
      transform-origin: 1px 1px;
      background: #FFFFFF;
    }
    .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 70%;
      height: 2px;
      transform: translate(-2px, 1px) rotateZ(-45deg);
      transform-origin: 1px 1px;
      background: #FFFFFF;
    }
    .ECM_CheckboxInput-DummyInput {
      border: 1px solid #333;
      position: relative;
      top: 0;
      left: 0;
      display: block;
      width: 14px;
      height: 14px;
    }
    .ECM_CheckboxInput-LabelText {
      margin-left: 5px;
      display: block;
      font-weight: bold;
    }
    input.btn {
      background-color: #005CA2;
      border-radius: 10px;
      color: #fff;
      font-weight: normal;
      padding: 10px;
      text-align: center;
      transition: all 0.5s 0s ease;
      display:block;
      width: 100%;
    }
    input.btn:hover {
      cursor: pointer;
      opacity: 0.5;
    }
    .surname_pic-atten {
      color: #333;
      font-size: 12px;
    }

    .fileselectArea {
      margin-bottom: 10px;
    }

    .fileUpLoad {
      align-items: center;
      display: flex;
    }
    .fileUpLoad > p {
      color: #333;
      min-width: 6.5em;
    }
    .fileSelect {
      display: flex;
    }
    .fileSelect label {
      padding: 5px 20px;
      color: #ffffff;
      background-color: #005CA2;
      border-radius: 5px;
      cursor: pointer;
    }
    .fileSelect input[type="file"] {
      display: none;
    }

    .fileSelect p {
      border: 1px solid #333;
      color: #ccc;
      line-height: 30px;
      overflow: hidden;
      margin-right: 10px;
      padding: 0 10px;
      white-space: nowrap;
    }
    .surname_pic-sample {
      align-items: end;
      display: flex;
    }
    .surname_pic-sample--img {
      margin-right: 10px;
    }
    .surname_pic-sample--text {
      position: relative;
    }
    .surname_pic-sample--text:before {
      content: '';
      display: inline-block;
      width: 60px;
      height: 32px;
      background-image: url(../images/title_chara.png);
      background-size: contain;
      vertical-align: middle;
      position: absolute;
      top: -28px;
      left: 0;
      right: 0;
      margin: auto;
    }
    .surname_pic-sample--text-inner {
      color: #333;
      border: 1px solid #005CA2;
      font-size: 14px;
      padding: 10px;
      text-align: center;
    }
    .surname_radio {
      display: flex;
    }
    .surname_radio label {
      align-items: center;
      display: flex;
      margin-right: 20px;
    }
    .surname_radio label input {
      margin-left: 5px;
    }
    .contact .tableChart .inputText {
      align-items: center;
      display: flex;
      margin-bottom: 10px;
    }
    .contact .tableChart .inputText p {
      color: #333;
      width: 3em;
    }
    .contact .tableChart .inputText input {
      background-color: #fff;
      border: 1px solid #333;
      width: 50%;
    }
    .contact .tableChart .inputText + .fileUpLoad > p,
    .contact .tableChart .inputText + .fileUpLoad + .fileUpLoad > p {
      color: #333;
      font-size: 14px;
      width: 9em;
    }
    .contact .tableChart .inputText + .fileUpLoad > p + .surname_radio,
    .contact .tableChart .inputText + .fileUpLoad + .fileUpLoad > p + .surname_radio {
      color: #333;
    }
    .contact .surname_textArea textarea {
      border: 1px solid #333;
      padding: 10px;
    }
    .contact .addressArea {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
    }
    .contact .addressArea > p {
      min-width: 5em;
    }
    .contact .addressArea p.addressAtten {
      color: #333;
      font-size: 14px;
      width: 350px;
    }
    .contact .tableChart .addressArea input.postal,
    .contact .tableChart .addressArea input.prefectures {
      width: 150px;
    }
    .contact .tableChart .addressArea input.postal {
      margin-right: 10px;
    }
    .contact .tableChart .addressArea input.addressAtten {
      width: ;
    }
    .contact select {
      background-image: url(../images/select_arrow.png);
      background-position: right 10px center;
      background-repeat: no-repeat;
      background-size: 10px 6px;
    }
    .contact.confirm .tableChart .surname {
      margin-bottom: 0;
    }
    .contact.confirm .tableChart .surname_pic + div {
      color: #333;
    }
    .contact.confirm .tableChart .surname + div {
      color: #333;
    }
    .contact.confirm .addressArea > p {
      min-width: 7em;
    }
    .contact.intra .tableChart .luggage_list > div {
      flex-wrap: wrap;
    }
    .contact.intra .tableChart .luggage_list label {
      margin-right: 20px;
      white-space: nowrap;
    }
    .contact.intra .tableChart .luggage_list input[type="radio"] {
      margin-right: 0px;
      min-width: 20px;
      width: 20px;
    }
    .contact .navBtn {
      color: #005CA2;
      text-align: center;
    }
    .contact .nav-open{
      border-top: 1px solid #005CA2;
      border-bottom: 1px solid #005CA2;
      cursor: pointer;
      font-size: 19px;
      font-weight: bold;
      margin-bottom: 30px;
      padding: 20px;
      transition: all 0.5s 0s ease;
    }
    .contact .nav-open:after {
      content: "▼";
      display: block;
      transition: all 0.5s 0s ease;
    }
    .contact .nav-open.active {
      border-bottom: none;
      margin-bottom: 0;
    }
    .contact .nav-open.active:after {
      display: block;
      transform: rotateZ(180deg);
    }
    .contact .tableChart.accordion {
      display: none;
    }
    .contact .titleImg.businessTitle--bg {
      background-color: #005CA2;
      background-image: none;
      color: #fff;
    }
    .contact .titleImg.businessTitle--bg .pageTitle {
      color: #fff;
    }

  @media screen and (max-width:767px) { /* SPのみ */
    .contact .tableChart .luggage_list.luggage_list-wrap > div {
      display: block;
    }
    .contact .tableChart .luggage_list.luggage_list-wrap select {
      margin-bottom: 5px;
    }
    .contact .tableChart .luggage_list.luggage_list-wrap > div p {
      margin-left: 0;
    }
    .surname_pic-atten {
      margin-bottom: 5px;
    }
    .fileselectArea {
      width: 100%;
    }
    .fileUpLoad > p {
      font-size: 12px;
    }
    .fileselectArea .fileSelect p {
      font-size: 12px;
      padding: 0 2px;
      width: 40vw;
    }
    .surname_pic-flex {
      display: flex;
      flex-wrap: wrap;
    }
    .surname_fileSelect {
      order: 2;
    }
    .surname_pic-sample {
      order: 1;
      margin-bottom: 15px;
    }
    .surname_pic-sample--text-inner {
      height: 30vw;
      width: 47vw;
    }
    .surname_pic-sample--text-inner p {
      font-size: 3.29vw;
    }
    .contact .surname_textArea {
      display: flex;
      justify-content: end;
    }
    .contact .surname_textArea textarea {
      /*width: 70vw;*/
      height: 250px;
      width: 100%;
    }
  }

  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
    .contact .c-title__text {
      font-size: 16px;
    }
    .contact .c-title__text p {
      line-height: 1.5;
    }
    .contact .form_atten {
      font-size: 16px;
    }
    .contact .c-linkArea .text-linkArea ul {
      margin-bottom: 10px;
      font-size: 16px;
    }
    .contact .c-linkArea .text-linkArea ul li a {
      font-size: 16px;
    }
    .contact .c-linkArea .text-linkArea ul li a:hover {
      text-decoration: none;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn {
      height: 33vw;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn p {
      color: #fff;
      font-size: 4.5vw;
      padding-top: 13.5vw;
      text-align: center;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn p.mono {
      padding-top: 17.5vw;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn + ul li {
      font-size: 16px;
      margin-left: 1.5em;
      text-indent: calc(-1em - 5px);
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn + ul li:before {
      width: 14px;
      height: 14px;
      top: 0;
    }
    .contact .banner_contact {
      margin: 0 auto 30px;
      width: 617px;
    }
    .contact .tableChart li {
      font-size: 19px;
      padding: 10px 5vw;
    }
    .contact .tableChart input {
      width: 59vw;
    }
    .contact .tableChart select {
      width: 59vw;
    }
    .contact .tableChart .luggage_list textarea {
      width: 59vw;
    }
    .fileselectArea {
      width: 59vw;
    }
    .fileselectArea .fileSelect p {
      max-width: 31vw;
    }
    .contact .surname_textArea textarea {
      width: 49vw;
    }
    .contact .tableChart .inputText + .fileUpLoad > p,
    .contact .tableChart .inputText + .fileUpLoad + .fileUpLoad > p {
      font-size: 16px;
    }
    .fileUpLoad_unit {
      flex-wrap: wrap;
    }
    .contact .surname_textArea textarea {
      width: 59vw;
    }
  }
  @media screen and (min-width:768px) { /* Tab/PC共通 */
    .confirm .confirmText {
      text-align: center;
      font-size: 19px;
      margin-bottom: 50px;
    }
    .contact .tableChart .surname {
      min-width: 12em;
    }
    .contact .tableChart .surname_pic {
      font-weight: bold;
      min-width: 12em;
    }
    .contact .input-area {
      display: flex;
    }
    .contact .tableChart .luggage_list > div {
      margin-right: 50px;
    }
    .contact .tableChart .luggage_list > div p {
      margin-left: 5px;
      min-width: 7em;
    }
    .contact.confirm .tableChart .luggage_list > div p {
      min-width: 2em;
    }
    .contact .tableChart .luggage_list > div p:last-child {
      min-width: 5em;
    }
    .contact .tableChart .luggage_list input {
      width: 80px;
    }
    .contact .tableChart .luggage_list select {
      width: 80px;
    }
    .contact .tableChart li {
      font-size: 16px;
    }
    .contact .tableChart li.agreement {
      padding: 0;
    }
    .contact .tableChart .agreementArea {
      align-items: center;
      border: 1px solid #005CA2;
      border-radius: 10px;
      display: flex;
      padding: 25px 50px;
      margin-bottom: -20px;
      width: 100%;
    }
    .contact .tableChart .agreementArea > p {
      text-align: left;
      min-width: 14em;
    }
    .contact .tableChart .agreementArea .c-text_red {
      padding-left: calc(1em + 6px);
    }
    .ECM_CheckboxInput-DummyInput {
      width: 20px;
      height: 20px;
    }
    .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::before {
      transform: translate(-4px, 3px) rotateZ(-135deg);
    }
    .ECM_CheckboxInput-Input:checked + .ECM_CheckboxInput-DummyInput::after {
      transform: translate(-3px, 3px) rotateZ(-45deg);
    }
    input.btn {
      font-size: 19px;
      margin: 0 auto;
      padding: 25px;
      width: 570px;
    }
    .contact .tableChart .inputText {
      margin-bottom: 0;
    }
    .contact .tableChart input[type=radio] {
      width: 20px;
    }
    .contact .tableChart .inputText_unit input {
      margin-right: 20px;
      width: 80px;
    }
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
    .contact {}
    .contact .titleImg {
      padding: 70px 0 0;
      margin-bottom: 23px;
    }
    .contact .form_atten {
      font-size: 19px;
    }
    .contact .c-title__text p {
      line-height: 1.5;
    }
    .contact .c-title__text--outer {
      padding-bottom: 60px;
    }
    .contact .c-linkArea {}
    .contact .c-linkArea .text-linkArea ul {
      display: flex;
      margin-bottom: 20px;
    }
    .contact .c-linkArea ul li {
      font-size: 19px;
    }
    .contact .c-linkArea .text-linkArea ul li {
      margin-right: 20px;
    }
    .contact .c-linkArea .text-linkArea ul li:before {
      width: 18px;
      height: 18px;
      margin-right: 0;
      top: 3px;
    }
    .contact .c-linkArea .text-linkArea ul li a:hover {
      text-decoration: none;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li {
      width: 24%;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn {
      background-size: 100%;
      cursor: pointer;
      margin-bottom: 10px;
      height: 180px;
      width: 100%;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn01:hover,
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn02:hover,
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn03:hover,
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn04:hover {
      background-color:rgba(255,255,255,0.5);
      background-blend-mode:lighten;
      transition: all 0.5s 0s ease;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn p {
      font-size: 28px;
      line-height: 1.3;
      padding-top: 85px;
    }
    .contact .c-linkArea .icon-LinkArea > ul li .contact_btn p.mono {
      padding-top: 100px;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn + ul li {
      font-size: 16px;
    }
    .contact .c-linkArea .icon-LinkArea > ul > li .contact_btn + ul li:before {
      width: 16px;
      height: 16px;
    }
    .contact .banner_contact {
      margin: 0 auto 20px;
      width: 617px;
    }

    .contact .tableChart li {
      font-size: 19px;
      padding: 10px 70px;
    }
    .contact .tableChart input,
    .contact .tableChart select {
      width: 670px;
    }
    .contact .tableChart .luggage_list textarea {
      width: 670px;
    }
    .contact .tableChart input.ECM_CheckboxInput-Input {
      width: 0;
    }
    .fileselectArea {
      width: 670px;
    }
    .fileselectArea .fileSelect p {
      width: 410px;
    }
    .contact .tableChart .inputText + .fileUpLoad > p,
    .contact .tableChart .inputText + .fileUpLoad + .fileUpLoad > p {
      font-size: 19px;
    }
    .contact .surname_textArea textarea {
      height: 250px;
      width: 670px;
    }
    input.btn {
      margin: 0 auto 100px;
    }
  }

/* お客様の声 */
  .voice {}
  .voice .voiceList {
    background-image: url(../images/voice_label.png);
    background-repeat: no-repeat;
    border: 1px solid #005CA2;
    margin: 0 auto 30px;
    padding-top: 18px;
    width: 987px;
  }
  .voice .voiceList-UserName {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #005CA2;
    padding: 2px 15px;
  }
  .voice .voiceList-Comment {
    font-size: 16px;
    padding: 10px 15px;
  }
  @media screen and (max-width:767px) { /* SPのみ */
    .voice.private_detail .titleImg {
      background-image: url(../images/titleImg-voice_sp.png);
    }
    .voice .voiceList {
      width: 100%;
    }
    .voice .voiceList-UserName {
      padding: 10px 20px;
    }
    .voice .voiceList-Comment {
      padding: 10px 20px;
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
    .voice.private_detail .titleImg {
      background-image: url(../images/titleImg-voice_sp.png);
    }
    .voice .voiceList {
      width: 100%;
    }
    .voice .voiceList-Comment {
      padding: 10px 20px;
    }
  }
  @media screen and (min-width:768px) { /* Tab/PC共通 */
    .voice .voiceList-UserName {
      font-size: 19px;
    }
    .voice .voiceList-Comment {
      font-size: 19px;
    }
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
    .voice.private_detail .titleImg {
      background-image: url(../images/titleImg-voice_pc.png);
      margin-bottom: 23px;
    }
    .voice .pageTitle__detail {
      font-size: 22px;
    }
  }

/* お役立ちガイドブック */
  .guide {}
  .guide .guideLink ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 50px;
    width: 820px;
  }
  .guide .guideLink ul li {
    align-items: center;
    background-image: url(../images/guide_frame.png);
    background-repeat: no-repeat;
    background-size: 403px 111px;
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    justify-content: center;
    padding: 15px 0;
    height: 111px;
    width: 403px;
  }
  .guide .guideLink ul li p {
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
  }
  .guide .guideLink ul li div {
    text-align: center;
    width: 100%;
  }
  .guide .guideLink ul li span {
    background-color: #E60012;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 15px;
  }
  .guide .faq-list {}
  .guide .faq-list dt {
    align-items: center;
    border-bottom: 1px solid #005CA2;
    display: flex;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .guide .faq-list dd {
    font-size: 19px;
    margin-bottom: 20px;
  }
  .guide .question {
    color: #005CA2;
    font-family: Arial;
    font-size: 42px;
    font-weight: bold;
    width: 2.1em;
  }
  .guide .questionText {
    color: #005CA2;
    font-size: 19px;
    font-weight: bold;
    padding-left: 15px;
  }
  @media screen and (max-width:767px) { /* SPのみ */
    .guide .guideLink ul {
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
    }
    .guide .guideLink ul li {
      background-size: 320px 95px;
      font-size: 16px;
      margin-bottom: 20px;
      height: 95px;
      width: 320px;
    }
    .guide .faq-list dt {
      align-items: baseline;
    }
    .guide .question {
      font-size: 24px;
      width: 1.5em;
    }
    .guide .questionText {
      font-size: 15px;
      padding-left: 20px;
    }
    .guide .faq-list dd {
      font-size: 15px;
    }
    .main-text {
      font-size: 15px;
      margin-bottom: 15px;
    }
    .guide .main-text + .guideLink ul {
      margin-bottom: 25px;
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
  }
  @media screen and (min-width:768px) { /* Tab/PC共通 */
    .main-text {
      font-size: 19px;
      margin-bottom: 50px;
    }
    .guide .main-text + .guideLink ul {
      width: 403px;
    }
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
    .guide.private_detail .titleImg {
      margin-bottom: 23px;
    }
    .guide .faq-list {
      margin-bottom: 50px;
    }
    .guide .question {
      line-height: 1.2;
    }
    .guide .faq-list dd {
      margin-bottom: 50px;
    }
  }

/* 私たちが選ばれるベストな理由 */

  @media screen and (max-width:767px) { /* SPのみ */
    .guide .titleArea__img {
      display: none;
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
    .guide .titleArea__img {
      display: none;
    }
    .guide .guideLink ul {
      width: 620px;
    }
    .guide .guideLink ul li {
      background-size: 303px 91px;
      font-size: 16px;
      padding: 15px 0;
      height: 91px;
      width: 303px;
    }
    .guide .guideLink ul li p {
      line-height: 1.2;
    }
    .guide .guideLink ul li span {
      font-size: 13px;
    }
  }
  @media screen and (min-width:768px) { /* Tab/PC共通 */
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
    .guide .titleArea__img {
      top: 0;
    }
  }



/* ベストな理由 */
  .best_reason {}
  .best_reason .contentsBlock--inner:nth-child(odd) {
    background-color: #fadce9;
  }
  .best_reason .contentsBlock--element-inner {
    display: flex;
  }
  .best_reason .contentsBlock--element .best_optionArea {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .best_reason .best_title {
    color: #eb6ea5;
    font-size: 16px;
    font-weight: bold;
    text-indent: -1em;
    margin-left: 1em;
  }
  .best_reason .best_option {
    background-color: #6a940f;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    text-align: center;
  }
  .best_reason .best_option-ttl {
    height: 39px;
    margin-bottom: 10px;
  }
  .best_reason .best_option-img {
    margin-bottom: 10px;
  }
  .best_reason .best_imgList ul {
    display: flex;
  }
  @media screen and (max-width:767px) { /* SPのみ */
    .best_reason .best_title {
      font-size: 20px;
      margin-bottom: 5px;
    }
    .best_reason .best_pic {
      margin: -10px auto 0;
      text-align: center;
      width: 100px;
    }
    .best_reason .best_pic + div {
      padding: 10px 10px 0px;
    }
    .best_reason .contentsBlock--element-inner {
      display: initial;
      padding: 10px;
    }
    .best_reason .best_optionArea {
      margin: 0 auto;
      padding: 10px;
    }
    .best_reason .best_option {
      margin-bottom: 10px;
    }
    .best_reason .best_option-img {
      width: 80px;
    }
    .best_reason .best_imgList {
      padding: 0 10px 15px;
    }
    .best_reason .best_imgList ul {
      justify-content: space-between;
    }
    .best_reason .best_imgList ul li {
      padding: 0 5px;
    }
    .best_reason .contentsBlock--inner:last-child {
      margin-bottom: 20px;
    }
    .best_reason .c-bestReason-outer,
    .best_reason .c-voice-outer {
      margin: 0 20px;
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
    .best_reason .contentsBlock--element-inner {
      padding: 10px;
    }
    .best_reason .contentsBlock--element .best_optionArea {
      padding: 10px 10px 20px;
    }
    .best_reason .best_title {
      font-size: 24px;
    }
    .best_reason .best_pic {
      min-width: 100px;
    }
    .best_reason .best_imgList ul {
      padding: 0 15px 20px;
    }
    .best_reason .best_imgList ul li:first-child {
      padding-leftt: 10px;
    }
    .best_reason .best_imgList ul li:last-child {
      padding-left: 10px;
    }
    .best_reason .contentsBlock--inner:last-child {
      margin-bottom: 30px;
    }
    .bestReason-area--leftImg,
    .bestReason-area--rightImg {
      top: -60px;
      width: 22vw;
    }
  }
  @media screen and (min-width:768px) { /* Tab/PC共通 */
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
    .best_reason .bestReason-area--leftImg,
    .best_reason .bestReason-area--rightImg {
      top: -110px;
    }
    .best_reason .contentsBlock--element {
      margin: 0 auto;
      padding: 15px 40px 40px;
      width: 1050px;
    }
    .best_reason .best_pic {
      padding-right: 15px;
      min-width: 186px;
      width: 186px;
    }
    .best_reason .best_title {
      font-size: 42px;
      margin-bottom: 8px;
    }
    .best_reason .best_text {
      font-size: 16.5px;
      margin-bottom: 20px;
    }
    .best_reason .best_option:first-child {
      margin-left: 0;
    }
    .best_reason .best_option:last-child {
      margin-right: 0;
    }
    .best_reason .best_option {
      margin: 0 10px;
    width: 140px;
    }
    .best_reason .best_imgList ul {
      justify-content: space-between;
      width: 780px;
      margin-left: auto;
    }
    .best_reason .best_imgList.best_imgList-3 ul {
      width: 90%;
    }
    .best_reason .best_imgList ul li:first-child {
      padding-right: 15px;
    }
    .best_reason .best_imgList ul li:last-child {
      padding-left: 15px;
    }
    .best_reason .contentsBlock--inner:last-child {
      margin-bottom: 30px;
    }
    .best_reason .bestReason_squareArea,
    .guide .bestReason_squareArea {
      padding-top: 25px;
    }
    .best_reason .c-bestReason-outer,
    .best_reason .c-voice-outer {
      max-width: 1042px;
      margin: 0 auto;
    }
  }



/* company */
  .company {}
  .company .c-linkArea .text-linkArea {
    margin-bottom: 30px;
  }
  .company .company_img {
    display: flex;
    justify-content: center;
  }
  .company .tableChart {
    color: #005CA2;
    padding-bottom: 50px;
  }
  .company .tableChart li {
    border-bottom: 1px solid #005CA2;
    font-size: 14px;
    padding: 3px 0 10px;
  }
  .company .tableChart li:first-child {
    border-top: 1px solid #005CA2;
  }
  .company .tableChart .surname,
  .company .tableChart .history {
    align-items: baseline;
    display: flex;
    margin-bottom: 5px;
  }
  .company .tableChart .surname p,
  .company .tableChart .history p {
    color: #005CA2;
    font-weight: bold;
  }
  .company .tableChart p {
    color: #333;
  }
  .company .tableChart .groupList {
    text-indent: -1em;
    margin-left: 1em;
  }
  .company .tableChart .accessLink {
    background-color: #e60012;
    color: #fff;
    margin-left: 10px;
    position: relative;
    padding: 0 5px 1px;
  }

  @media screen and (max-width:767px) { /* SPのみ */
    .company .tableChart .accessLink {
      font-size: 10px;
      bottom: 1px;
    }
    .company .tableChart {
      padding-bottom: 10px;
    }
    .company .company_img-inner {
      margin: 0 5px 20px;
    }
  }
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
    .company .tableChart .accessLink {
      font-size: 12px;
      bottom: 1px;
    }
    .company .company_img-inner {
      margin: 0 5px 20px;
    }
  }
  @media screen and (min-width:768px) { /* Tab/PC共通 */
    .company .tableChart .surname {
      min-width: 11em;
    }
    .company .tableChart .history {
      min-width: 15em;
    }
    .company .input-area {
      display: flex;
    }
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
    .top .title--ribon.title--ribon_gray-s {
      font-size: 21px!important;
    }
    .top .selectPlan p.selectPlan_read-text {
      font-size: 19px;
    }
    .company .pageTitle {
      padding-top: 60px;
    }
    .company .company_img {
      margin-bottom: 150px;
    }
    .company .company_img-inner {
      margin: 0 15px 20px;
    }
    .company .c-linkArea .text-linkArea ul {
      display: flex;
      margin-bottom: 20px;
    }
    .company .c-linkArea .text-linkArea ul li {
      margin-right: 20px;
    }
    .company .tableChart li {
      font-size: 19px;
      padding: 10px 70px;
    }
    .company .tableChart .accessLink {
      font-size: 14px;
      bottom: 1px;


    }
  }

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}


/* ○○○○ */
  @media screen and (max-width:767px) { /* SPのみ */
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
  @media screen and (min-width:768px) { /* Tab/PC共通 */
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
  }


/* ○○○○ */
  @media screen and (max-width:767px) { /* SPのみ */
  @media screen and (min-width:768px) and (max-width:1024px) { /* Tabのみ */
  @media screen and (min-width:768px) { /* Tab/PC共通 */
  }
  @media screen and (min-width: 1025px) { /* PCのみ */
  }