@charset "utf-8";
/* ---------------------
  - informationTabs
  - informationTabsList
    - informationTabsList__item
      - informationTabsList__item--active

  - informationList--archive

  - informationArticle
    - informationArticle__header
    - informationArticle__main
  - informationDate
  - informationTitle
  - informationSign

  - originCircle
    - originCircle__item
      - originCircle__item--breakingNews
      - originCircle__item--specialty
      - originCircle__item--international
  - originCircle--L

  - field
    - field__title
    - field__body
  - fieldList
    - fieldList__item
      - fieldList__item--finance
      - fieldList__item--massMedia
      - fieldList__item--digitalMedia
  - fieldList--L

  - threePoint
    - threePoint__item
  - threePointDetail
    - threePointDetail__title
      - threePointDetail__title--main
      - threePointDetail__title--sub
    - threePointDetail__body
  - threePointFigure
    - threePointFigure__item
    - threePointFigure__text
    - threePointFigure__thumb
  - threePointFloat
    - threePointFloat__thumb
    - threePointFloat__text

  - linkList
    - linkList__item
      - linkList__item--large
  - linkContents
    - linkContents__title
    - linkContents__body

  - message
  - messageHeader
    - messageHeader__inner
    - messageHeader__main
    - messageHeader__sub
  - messageContents
    - messageContents__photo
  - messageTitle
  - messageFooter
    - messageFooter__inner

  - corporateSlogan
    - corporateSlogan__item
  - corporateGuidelines
    - corporateGuidelines__item
    - corporateGuidelines__catch
  - guidelinesList
    - guidelinesList__item
  - corporateLogo
    - corporateLogo__item
    - corporateLogo__logo
    - corporateLogo__detail
  - corporateLogoDetail
    - corporateLogoDetail__item
    - corporateLogoDetail__catch

  - missionContents
  - missionTitle
    - missionTitle__sub
    - missionTitle__main
  - missionText
  - missionList
    - missionList__item
  - missionAbout
    - missionAbout__caption
    - missionAbout__text
  - missionSlogan
    - missionSlogan__caption
    - missionSlogan__text

  - historyMap
  - historyFigure
    - historyFigure__item
      - historyFigure__item--masuda
      - historyFigure__item--mitsunaga
      - historyFigureL_item--shibusawa
      - historyFigure__item--furuno
      - historyFigure__item--kyodo
      - historyFigure__item--jiji
      - historyFigure__item--dentsu
  - historyModal
  - historyModalContents
    - historyModalContents__wrap
  - historyModalClose
  - historyModalFigure

  - progress
    - progress__item
    - progress__year
    - progress__text
      - progress__text--record
    - progress__img

  - organizationImg

  - organizationChart
    - organizationChart__item
      - organizationChart__item--arrow

  - bureauList
    - bureauList__item
  - bureauDetail
    - bureauDetail__title
    - bureauDetail__body

  - departmentList
    - departmentList__item
  - departmentDetail
    - departmentDetail__title
    - departmentDetail__body

  - branchMap
    - branchMap__bg
  - branchMapList
    - branchMapList__item
      - branchMapList__item--hokkaido
      - branchMapList__item--tohoku
      - branchMapList__item--kanto_koshinetsu
      - branchMapList__item--chubu_hokuriku
      - branchMapList__item--kansai
      - branchMapList__item--chugoku_shikoku
      - branchMapList__item--kyushu_okinawa

  - branchWorldMap
    - branchWorldMap__bg
  - branchWorldMapList
    - branchWorldMapList__item
      - branchWorldMapList__item--america
      - branchWorldMapList__item--asia
      - branchWorldMapList__item--europe
      - branchWorldMapList__item--middleEast_africa
      - branchWorldMapList__item--oceania

  - areaList
    - areaList__item
  - areaContents
    - areaContents__title
    - areaContents__body
  - branchList
    - branchList__item
  - branchContents
    - branchContents__item
  - branchContentsTitle
  - branchContentsAddress
  - branchContentsTel

  - aboutBuilding
    - aboutBuilding__item
    - aboutBuilding__thumb
    - aboutBuilding__dateil
  - branchContentsTel
    - branchContentsTel__item

  - 商品・サービス入れるならここ
  - service

  - updateList
    - updateList__item
  - updateDetail
    - updateDetail__item
    - updateDetail__date
    - updateDetail__body

  - socialmedia
    - socialmedia__item
    - socialmedia__thumbnail
    - socialmedia__detail
  - socialmediaDetail
    - socialmediaDetail__title
    - socialmediaDetail__body

  - snsList
    - snsList__item

  - inputError
    - inputError__item

  - inquiryContainer
  - inquiryContents
    - inquiryContents__item

  - inquiryType
    - inquiryType__title
    - inquiryType__body
  - inquiryTypeSelect
    - inquiryTypeSelect__item
  - inquiryTypeMenu
    - inquiryTypeMenu__title
    - inquiryTypeMenu__body
  - inquiryTypeCategory
    -inquiryTypeCategory__title
    -inquiryTypeCategory__body

  - inquiryForm
    - inquiryForm__item
  - inquiryFormContents
    - inquiryFormContents__title
    - inquiryFormContents__body
  - inquiryFormContentsInner
    - inquiryFormContentsInner__title
    - inquiryFormContentsInner__body

  - inquiryFormAgree
    - inquiryFormAgree__title
    - inquiryFormAgree__body

  - inquiryFormButton
    - inquiryFormButton__item

  - inquiryFlex
    - inquiryFlex__item
    - inquiryFlex--continue
    - inquiryFlex--type
    - inquiryFlex--phone
    - inquiryFlex--name

  - inquiryRequired
  - inquiryIndex
  - inquiryNotes

  - inquiryForm--english

  - inquiryComplate
    - inquiryComplate__title
    - inquiryComplate__body

  - formParts
    - formParts--input
      - formParts--input_text
      - formParts--input_text-affiliation
      - formParts--input_text-name
      - formParts--input_text-kana
      - formParts--input_text-postcode
      - formParts--input_text-address
      - formParts--input_text-mail
      - formParts--input_button
    - formParts--radio
    - formParts--checkbox
    - formParts--select
    - formParts--textarea

  - popup
    - show
  - content
  - close

  - sitemapContents
    -- sitemapContents__title
    -- sitemapContents__body
--------------------- */



/* =====================
  informationTabs
===================== */
@media screen and (max-width:600px) {
  .informationTabs {
    overflow-x: scroll;
  }
}



/* =====================
  informationTabsList
===================== */
.informationTabsList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:        flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-bottom: 1em;
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .informationTabsList {;
    font-size: 14px;
  }
}

/*  informationTabsList__item
------------------------*/
.informationTabsList__item + .informationTabsList__item {
  margin-left: 10px;
}

.informationTabsList__item a ,
.informationTabsList__item span {
  display: block;
  padding: .2em 1.5em;
  border: 1px solid #9e8878;
  border-radius: 50px;
  background-color: #9e8878;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:600px) {
  .informationTabsList__item a ,
  .informationTabsList__item span {
    padding: .2em 1em;
  }
}

.informationTabsList__item a:hover {
  background-color: #fff;
  color: #9e8878;
}

/* informationTabsList__item--active */
.informationTabsList__item--active a ,
.informationTabsList__item--active span {
  background-color: #fff;
  color: #9e8878;
}



/* =====================
  informationList--archive
===================== */
.informationList--archive .informationList__item a {
  padding: 26px 75px 24px;
}
@media screen and (max-width:768px) {
  .informationList--archive .informationList__item a {
    padding: 26px 55px 24px;
  }
}
@media screen and (max-width:600px) {
  .informationList--archive .informationList__item a {
    padding: 26px 35px 24px;
  }
}
@media screen and (max-width:425px) {
  .informationList--archive .informationList__item a {
    padding: 26px 20px 24px;
  }
}

.informationList--archive .informationDetail {
  font-size: 18px;
}
@media screen and (max-width:768px) {
  .informationList--archive .informationDetail {
    font-size: 16px;
  }
}
@media screen and (max-width:600px) {
  .informationList--archive .informationDetail {
    font-size: 14px;
  }
}

.informationList--archive .informationDetail__item + .informationDetail__item {
  margin-left: 180px;
}
@media screen and (max-width:768px) {
  .informationList--archive .informationDetail__item + .informationDetail__item {
    margin-left: 130px;
  }
}
@media screen and (max-width:600px) {
  .informationList--archive .informationDetail__item + .informationDetail__item {
    margin: 0;
    margin-top: 5px;
  }
}

.informationList--archive .informationDetail__item + .informationDetail__icon {
  margin-left: 47px;
}
@media screen and (max-width:768px) {
  .informationList--archive .informationDetail__item + .informationDetail__icon {
    margin-left: 27px;
  }
}
@media screen and (max-width:600px) {
  .informationList--archive .informationDetail__item + .informationDetail__icon {
    margin: 0;
    margin-left: 10px;
  }
}

.informationList--archive .informationDetail__icon + .informationDetail__item {
  margin-left: 47px;
}
@media screen and (max-width:768px) {
  .informationList--archive .informationDetail__icon + .informationDetail__item {
    margin-left: 27px;
  }
}
@media screen and (max-width:600px) {
  .informationList--archive .informationDetail__icon + .informationDetail__item {
    margin: 0;
    margin-top: 5px;
  }
}

.informationList--archive .informationDetailIcon {
  font-size: .888889em; /* 16px */
}

.informationList--archive .informationDetailIcon__item {
  width: 86px;
}
@media screen and (max-width:768px) {
  .informationList--archive .informationDetailIcon__item {
    width: 76px;
  }
}
@media screen and (max-width:600px) {
  .informationList--archive .informationDetailIcon__item {
    width: auto;
    padding: 1px 10px 2px;
  }
}



/* =====================
  informationArticle
===================== */
.informationArticle .backLink {
  margin: 0;
  margin-top: 50px;
}
@media screen and (max-width:768px) {
  .informationArticle .backLink {
    margin-top: 30px;
  }
}


/*  informationArticle__header
------------------------*/
.informationArticle__header {
  margin-bottom: 30px;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:768px) {
  .informationArticle__header {
    margin-bottom: 20px;
  }
}
@media screen and (max-width:600px) {
  .informationArticle__header {
    margin-bottom: 10px;
  }
}


/*  informationArticle__main
------------------------*/
.informationArticle__main {
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width:768px) {
  .informationArticle__main {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .informationArticle__main {
    font-size: 12px;
  }
}



/* =====================
  informationDate
===================== */
.informationDate {
  margin-bottom: 3px;
  color: #b3b3b3;
  font-size: 14px;
}
@media screen and (max-width:600px) {
  .informationDate {
    font-size: 12px;
  }
}



/* =====================
  informationTitle
===================== */
.informationTitle {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #9e8878;
  font-weight: 600;
  font-size: 18px;
}
@media screen and (max-width:768px) {
  .informationTitle {
    font-size: 16px;
  }
}
@media screen and (max-width:600px) {
  .informationTitle {
    font-size: 14px;
  }
}



/* =====================
  informationSign
===================== */
.informationSign {
  font-size: 14px;
  text-align: right;
}
@media screen and (max-width:600px) {
  .informationSign {
    font-size: 12px;
  }
}



/* =====================
  originCircle
===================== */
.originCircle {
  position: relative;
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
  overflow: hidden;
}

.originCircle:before {
  display: block;
  width: 66.285714%; /* 232px */
  margin: 0 auto;
  margin-top: 20%; /* 70px */
  padding-top: 65.714286%; /* 230px */
  border: 1px solid #ccc;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}

/*  featureCircle__item
------------------------ */
.originCircle__item {
  position: absolute;
  width: 40%;/* 140px */
  border: 6px solid rgba(255,255,255,.25);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.originCircle__item:before {
  display: block;
  padding-top: 100%;
  content: " ";
}

.originCircle__item:first-of-type {
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.originCircle__item:nth-of-type(2) {
  bottom: 0;
  left: 0;
}

.originCircle__item:last-of-type {
  right: 0;
  bottom: 0;
}

.originCircle__item span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #dde9f5;
  background-position: 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  /*color: #1969bc;*/
  color: #fff;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: .1em;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  text-indent: .1em;
}
@media screen and (max-width:390px) {
  .originCircle__item span {
    font-size: 6.666667vw; /* 26px */
  }
}

/*.originCircle__item span:before {
  display: block;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 2.5%;
  padding-top: 60%;
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}*/

/* originCircle__item--breakingNews */
.originCircle__item--breakingNews span/*:before*/ {
  /*background-image: url("/assets/corporate/images/origin/breakingNews.svg");*/
  background-image: url("/assets/corporate/images/main/index/aboutUs/origin/01.png");
}

/* originCircle__item--specialty */
.originCircle__item--specialty span/*:before*/ {
  /*background-image: url("/assets/corporate/images/origin/specialty.svg");*/
  background-image: url("/assets/corporate/images/main/index/aboutUs/origin/03.png");
}

/* originCircle__item--international */
.originCircle__item--international span/*:before*/ {
  /*background-image: url("/assets/corporate/images/origin/international.svg");*/
  background-image: url("/assets/corporate/images/main/index/aboutUs/origin/02.png");
}



/* =====================
  originCircle--L
===================== */
.originCircle--L {
  max-width: 400px;
  /*-webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
       -o-transform: scale(1.15);
          transform: scale(1.15);
  margin: 56px auto;*/
}
/*@media screen and (max-width:600px) {
  .originCircle--L {
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    margin: 0 auto;
  }
}*/

.originCircle--L .originCircle__item span {
  font-size: 30px;
}
@media screen and (max-width:440px) {
  .originCircle--L .originCircle__item span {
    font-size: 6.818182vw;
  }
}



/* =====================
  field
===================== */
.field {
  display: table;
  width: 440px;
  margin: 0 auto;
}
@media screen and (max-width:480px) {
  .field {
    width: 100%;
    max-width: 440px;
  }
}


/*  field__title
------------------------*/
.field__title {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  z-index: 0;
  width: 300px;
  margin: 0 auto;
  border: 6px solid rgba(216,219,222,.25);
  border-radius: 5px;
}
@media screen and (max-width:480px) {
  .field__title {
    width: 68.181818%;
    min-width: 268px;
  }
}

.field__title:before {
  display: block;
  padding-top: 66px;
  content: " ";
}

.field__title span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  padding: 5px;
  border: 1px solid #d8dbde;
  background-color: #fff;
  color: #1969bc;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.666667;
  letter-spacing: .1em;
  text-align: center;
  text-indent: .1em;
  content: " ";
}
@media screen and (max-width:512px) {
  .field__title span {
    font-size: 12px;
  }
}


/*  field__body
------------------------*/
.field__body {
  position: relative;
  margin-top: 21px;
  padding-top: 18px;
}

.field__body:before ,
.field__body:after {
  display: block;
  position: absolute;
  margin: 0 auto;
  content: " ";
}

.field__body:before {
  top: -webkit-calc( ( 21px + 6px ) * -1 );
  top:         calc( ( 21px + 6px ) * -1 );
  right: 0;
  left: 0;
  width: 1px;
  padding-top: -webkit-calc( ( 21px + 18px ) + ( 6px * 2 ) );
  padding-top:         calc( ( 21px + 18px ) + ( 6px * 2 ) );
  background-color: #d8dbde;
}

.field__body:after {
  top: 0;
  right: 0;
  left: 0;
  width: 300px;
  padding-top: -webkit-calc( 18px + 6px );
  padding-top:         calc( 18px + 6px );
  border: 1px solid #d8dbde;
  border-bottom: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:480px) {
  .field__body:after {
    width: 68.181818%;
  }
}



/* =====================
  fieldList
===================== */
.fieldList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
}


/*  fieldList__item
------------------------*/
.fieldList__item {
  position: relative;
  width: 140px;
  border: 6px solid rgba(216,219,222,.25);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:480px) {
  .fieldList__item {
    width: 31.818182%;
  }
}

.fieldList__item:before {
  display: block;
  padding-top: 100%;
  content: " ";
}

.fieldList__item span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 1px solid #d8dbde;
  border-radius: 50%;
  background-color: #dde9f5;
  color: #1969bc;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
}
@media screen and (max-width:512px) {
  .fieldList__item span {
    font-size: 12px;
  }
}
@media screen and (max-width:425px) {
  .fieldList__item span {
    font-size: 10px;
  }
}

.fieldList__item span:before {
  display: block;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 2.5%;
  padding-top: 60%;
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}

/* fieldList__item--finance */
.fieldList__item--finance span:before {
  background-image: url("/assets/corporate/images/field/finance.svg");
}

/* fieldList__item--massMedia */
.fieldList__item--massMedia span:before {
  background-image: url("/assets/corporate/images/field/massMedia.svg");
}

/* fieldList__item--digitalMedia */
.fieldList__item--digitalMedia span:before {
  background-image: url("/assets/corporate/images/field/digitalMedia.svg");
}

.fieldList__item span:after {
  display: block;
  position: absolute;
  top: 75%;
  right: 0;
  left: 0;
  margin: auto 0;
  height: 1px;
  background-color: #000;
  /*content: " ";*/
}

.fieldList__item + .fieldList__item {
  margin-left: 10px;
}
@media screen and (max-width:480px) {
  .fieldList__item + .fieldList__item {
    margin-left: 5px;
  }
}



/* =====================
  fieldList--L
===================== */
.fieldList--L {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
       -o-transform: scale(1.15);
          transform: scale(1.15);
  margin: 65px auto;
}
@media screen and (max-width:600px) {
  .fieldList--L {
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    margin: 0 auto;
  }
}

.fieldList--L .fieldList__item + .fieldList__item {
  margin-left: 40px;
}
@media screen and (max-width:800px) {
  .fieldList--L .fieldList__item + .fieldList__item {
    margin-left: 25px;
  }
}
@media screen and (max-width:600px) {
  .fieldList--L .fieldList__item + .fieldList__item {
    margin-left: 10px;
  }
}



/* =====================
  threePoint
===================== */
/*  threePoint__item
------------------------*/
.threePoint__item + .threePoint__item {
  margin-top: 50px;
}
@media screen and (max-width:600px) {
  .threePoint__item + .threePoint__item {
    margin-top: 30px;
  }
}



/* =====================
  threePointDetail
===================== */
/*  threePointDetail__title
------------------------*/
.threePointDetail__title {
  padding-bottom: .857145em; /* 17.1429px */
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  letter-spacing: .08em;
}
@media screen and (max-width:768px) {
  .threePointDetail__title {
    font-size: 18px;
  }
}
@media screen and (max-width:425px) {
  .threePointDetail__title {
    font-size: 16px;
  }
}

/* threePointDetail__title--main */
.threePointDetail__title--main {
  font-weight: 500;
  font-size: 1em;
  font-family: 'Noto Serif JP', serif;
}

/* threePointDetail__title--sub */
.threePointDetail__title--sub {
  margin-top: .555556em; /* 10px */
  color: #196abc;
  font-weight: bold;
  font-size: .9em; /* 18px */
}



/* =====================
  threePointFigure
===================== */
.threePointFigure {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  margin-left: -50px;
}
@media screen and (max-width:999px) {
  .threePointFigure {
    margin-left: -30px;
  }
}
@media screen and (max-width:768px) {
  .threePointFigure {
    margin-left: -20px;
  }
}
@media screen and (max-width:600px) {
  .threePointFigure {
    display: block;
    margin-left: 0;
  }
}


/*  threePointFigure__item
------------------------*/
.threePointFigure__item {
  margin-left: 50px;
}
@media screen and (max-width:999px) {
  .threePointFigure__item {
    margin-left: 30px;
  }
}
@media screen and (max-width:768px) {
  .threePointFigure__item {
    margin-left: 20px;
  }
}
@media screen and (max-width:600px) {
  .threePointFigure__item {
    margin-left: 0;
  }
}


/*  threePointFigure__text
------------------------*/
.threePointFigure__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding-top: 1.071429em; /* 17.1429px */
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width:768px) {
  .threePointFigure__text {
    font-size: 14px;
  }
}
@media screen and (max-width:425px) {
  .threePointFigure__text {
    font-size: 12px;
  }
}


/*  threePointFigure__thumb
------------------------*/
.threePointFigure__thumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 40%;
}
@media screen and (max-width:600px) {
  .threePointFigure__thumb {
    width: 100%;
    min-width: 100%;
    margin-top: 15px;
  }
}

.threePointFigure__thumb img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}



/* =====================
  threePointFloat
===================== */
.threePointFloat {
  overflow: hidden;
}
@media screen and (max-width:600px) {
  .threePointFloat {
    overflow: visible;
  }
}


/*  threePointFloat__thumb
------------------------*/
.threePointFloat__thumb {
  float: right;
  width: 25%;
  margin: 0 0 30px 30px;
}
@media screen and (max-width:600px) {
  .threePointFloat__thumb {
    float: none;
    width: auto;
    margin: 20px 0 0;
  }
}

.threePointFloat__thumb img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}


/*  threePointFloat__text
------------------------*/
.threePointFloat__text {
  padding-top: 1.071429em;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width:768px) {
  .threePointFloat__text {
    font-size: 14px;
  }
}
@media screen and (max-width:425px) {
  .threePointFloat__text {
    font-size: 12px;
  }
}



/* =====================
  linkList
===================== */
.linkList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-left: -30px;
}
@media screen and (max-width:999px) {
  .linkList {
    margin-left: -20px;
  }
}
@media screen and (max-width:600px) {
  .linkList {
    display: block;
    margin-left: 0;
  }
}


/*  linkList__item
------------------------*/
.linkList__item {
  width: -webkit-calc( ( ( 100% - .1px ) - ( 30px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .1px ) - ( 30px * 3 ) ) / 3 );
  margin-bottom: 30px;
  margin-left: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:999px) {
  .linkList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    margin-left: 20px;
  }
}
@media screen and (max-width:600px) {
  .linkList__item {
    width: auto;
    margin: 0;
  }
}

@media screen and (max-width:600px) {
  .linkList__item + .linkList__item {
    margin-top: 20px;
  }
}

.linkList__item a {
  display: block;
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #000;
  color: #444141;
}

.linkList__item a:before {
  display: block;
  padding-top: 70%;
  content: " ";
}

.linkList__item a:after {
  display: block;
  opacity: .1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #000;
  content: " ";
  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}

.linkList__item a:hover::before {
  opacity: .4;
}

.linkList__item img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}

.linkList__item a:hover img {
  -webkit-transform: translateX(-50%) scale(1.2);
      -ms-transform: translateX(-50%) scale(1.2);
       -o-transform: translateX(-50%) scale(1.2);
          transform: translateX(-50%) scale(1.2);
}

/* linkList__item--large */
.linkList__item--large {
  width: 100%;
}

.linkList__item--large a:before{
  padding-top: 30%;
}
@media screen and (max-width:600px) {
  .linkList__item--large a:before{
    padding-top: 70%;
  }
}



/* =====================
  linkContents
===================== */
.linkContents {
  position: absolute;
  right: 30px;
  bottom: 15px;
  left: 0;
  z-index: 2;
  max-width: 285px;
  padding: 12px 20px 12px 10px;
  line-height: 1.4;
  background-color: #e5e5e5;
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .linkContents {
    font-size: 14px;
  }
}


/*  linkContents__title
------------------------*/
.linkContents__title {
  padding-bottom: .2em;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: .06em;
  text-indent: .06em;
  line-height: 1.2;
}

.linkContents__title span {
  padding-bottom: .2em;
  display: inline-block;
  border-bottom: 2px solid #1969bc;
  vertical-align: top;
}


/*  linkContents__body
------------------------*/
.linkContents__body {
  margin-top: .3em;
  font-size: .875em;
}



/* =====================
  message
===================== */
#message.basicTitle {
  background: #a75607 url("/assets/corporate/images/main/message/main.jpg") no-repeat 100% 50%;
  -webkit-background-size: auto 100%;
       -o-background-size: auto 100%;
          background-size: auto 100%;
}

#message .basicTitle__sub {
  color: #fff;
}



/* =====================
  messageHeader
===================== */
.messageHeader {
  /*background: #b5ccda url("/assets/corporate/images/main/message/main.jpg") no-repeat 0 50%;*/
  background: #a75607 url("/assets/corporate/images/main/message/main.jpg") no-repeat 100% 50%;
  -webkit-background-size: auto 100%;
       -o-background-size: auto 100%;
          background-size: auto 100%;
  color: #fff;
}


/*  messageHeader__inner
------------------------*/
.messageHeader__inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}


/*  messageHeader__main
------------------------*/
.messageHeader__main {
  padding: 180px 20px 180px 24px;
  font-weight: bold;
  font-size: 4em;
  line-height: 1.2;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 4px;
  text-align: center;
}
@media screen and (max-width:1000px) {
  .messageHeader__main {
    font-size: 3.7em;
  }
}
@media screen and (max-width:600px) {
  .messageHeader__main {
    padding-top: 150px;
    padding-bottom: 150px;
    font-size: 3.4em;
  }
}

.messageHeader__main br {
  display: none;
}
@media screen and (max-width:600px) {
  .messageHeader__main br {
    display: block;
  }
}


/*  messageHeader__sub
------------------------*/
.messageHeader__sub {
  position: absolute;
  right: 0;
  bottom: 30px;
  font-size: 14px;
  letter-spacing: 0.2em;
}
@media screen and (max-width:1020px) {
  .messageHeader__sub {
    right: 20px;
  }
}



/* =====================
  messageContents
===================== */
.messageContents {
  font-size: 16px;
  line-height: 2.4;
}
@media screen and (max-width:768px) {
  .messageContents {
    font-size: 14px;
    line-height: 2;
  }
}

.messageContents p {
  margin-top: 1.5em;
  letter-spacing: 1px;
}


/*  messageContents__photo
------------------------*/
.messageContents__photo {
  display: block;
  float: left;
  width: 300px;
  margin: 2.2em 3.5em 1.2em 0;
  -webkit-box-shadow: 10px 10px 0 rgba(158,168,178,.1);
          box-shadow: 10px 10px 0 rgba(158,168,178,.15);
}
@media screen and (max-width:700px) {
  .messageContents__photo {
    width: 40%;
    margin-right: 2em;
  }
}
@media screen and (max-width:500px) {
  .messageContents__photo {
    float: none;
    width: 200px;
    margin-right: auto;
    margin-bottom: 2.2em;
    margin-left: auto;
  }
}



/* =====================
  messageTitle
===================== */
.messageTitle {
  padding-left: .3em;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: .3em;
  text-align: center;
}



/* =====================
  messageFooter
===================== */
.messageFooter {
  clear: both;
}


/*  messageFooter__inner
------------------------*/
.messageFooter__inner {
  display: table;
  margin-left: auto;
  padding-top: 40px;
  font-size: 14px;
  letter-spacing: .2em;
  text-align: center;
}

.messageFooter img {
  display: block;
  width: 180px;
  margin: 10px auto 0;
}
@media screen and (max-width:600px) {
  .messageFooter img {
    width: 140px;
  }
}



/* =====================
  corporateSlogan
===================== */
#corporateSlogan {
  display: table;
  position: relative;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
       -o-transform: skewX(-10deg);
          transform: skewX(-10deg);
  margin: 0 auto;
  padding: .75em 1.5em;
  font-weight: 700;
  font-size: 36px;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: .16em;
  text-align: center;
  -webkit-text-shadow: 5px 5px 0 #ccc;
          text-shadow: 5px 5px 0 #ccc;
}
@media screen and (max-width:768px) {
  #corporateSlogan {
    font-size: 32px;
  }
}
@media screen and (max-width:600px) {
  #corporateSlogan {
    font-size: 28px;
  }
}
@media screen and (max-width:425px) {
  #corporateSlogan {
    font-size: 20px;
  }
}

#corporateSlogan:before ,
#corporateSlogan:after {
  display: block;
  position: absolute;
  width: 1em;
  height: 1.5em;
  border-style: solid;
  border-width: 3px;
  border-color: #444141;
  content:  " ";
}

#corporateSlogan:before {
  top: .25em;
  left: 0;
  border-right: none;
  border-bottom: none;
}

#corporateSlogan:after {
  right: 0;
  bottom: .25em;
  border-top: none;
  border-left: none;
}


/*  corporateSlogan__item
------------------------*/
.corporateSlogan__item {
  font-size: 1em;
}



/* =====================
  corporateGuidelines
===================== */
.corporateGuidelines {
  font-weight: 700;
  font-size: 24px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
}


/*  corporateGuidelines__item
------------------------*/
.corporateGuidelines__item + .corporateGuidelines__item {
  margin-top: .75em;
}


/*  corporateGuidelines__catch
------------------------*/
.corporateGuidelines__catch {
  font-weight: 400;
  font-size: 1em;
  letter-spacing: .08em;
  text-indent: .08em;
}

.corporateGuidelines__catch br {
  display: none;
}
@media screen and (max-width:450px) {
  .corporateGuidelines__catch br {
    display: inline;
  }
}



/* =====================
  guidelinesList
===================== */
.guidelinesList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 32px;
  text-indent: .08em;
  letter-spacing: .08em;
}
@media screen and (max-width:768px) {
.guidelinesList {
    font-size: 28px;
  }
}
@media screen and (max-width:600px) {
.guidelinesList {
    font-size: 24px;
  }
}
@media screen and (max-width:425px) {
.guidelinesList {
    font-size: 16px;
  }
}


/*  guidelinesList__item
------------------------*/
.guidelinesList__item {
  position: relative;
  width: 6em;
  height: auto;
  border-radius: 50%;
  background-color: rgba(255,255,255,.3);
  border: 1px solid #ccc;
}

.guidelinesList__item:before {
  display: block;
  padding-top: 100%;
  content: " ";
}

.guidelinesList__item span {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: skewX(-10deg);
      -ms-transform: skewX(-10deg);
       -o-transform: skewX(-10deg);
          transform: skewX(-10deg);
}

.guidelinesList__item + .guidelinesList__item {
  margin-left: -.75em;
}



/* =====================
  corporateLogo
===================== */
.corporateLogo {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:768px) {
  .corporateLogo {
    display: block;
  }
}


/*  corporateLogo__item
------------------------*/
.corporateLogo__item + .corporateLogo__item {
  -ms-align-self: center;
      align-self: center;
  margin-right: 50px;
}
@media screen and (max-width:768px) {
  .corporateLogo__item + .corporateLogo__item {
    margin: 0;
    margin-top: 30px;
  }
}
@media screen and (max-width:600px) {
  .corporateLogo__item + .corporateLogo__item {
    margin-top: 15px;
  }
}


/*  corporateLogo__logo
------------------------*/
.corporateLogo__logo {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 30%;
  min-width: 150px;
  max-width: 300px;
  margin: 0 auto;
}


/*  corporateLogo__detail
------------------------*/
.corporateLogo__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* =====================
  corporateLogoDetail
===================== */
/*  corporateLogoDetail__item
------------------------*/
.corporateLogoDetail__item + .corporateLogoDetail__item {
  margin-top: 15px;
}


/*  corporateLogoDetail__catch
------------------------*/
.corporateLogoDetail__catch {
  color: #1969bc;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: .08em;
  text-indent: .08em;
}
@media screen and (max-width:768px) {
  .corporateLogoDetail__catch {
    font-size: 22px;
    text-align: center;
  }
}
@media screen and (max-width:600px) {
  .corporateLogoDetail__catch {
    font-size: 21px;
  }
}
@media screen and (max-width:420px) {
  .corporateLogoDetail__catch {
    font-size: 20px;
  }
}

.corporateLogoDetail__catch br {
  display: none;
}
@media screen and (max-width:420px) {
  .corporateLogoDetail__catch br {
    display: inline-block;
  }
}



/* =====================
  missionContents
===================== */
.missionContents {
  padding: 60px 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width:768px) {
  .missionContents {
    padding: 50px 20px;
  }
}
@media screen and (max-width:600px) {
  .missionContents {
    padding: 40px 20px;
  }
}

.missionContents:nth-of-type(2n+1) {
  background-color: #fff;
}

.missionContents:nth-of-type(2n+0) {
  padding: 80px 20px;
}
@media screen and (max-width:768px) {
  .missionContents:nth-of-type(2n+0) {
    padding: 70px 20px;
  }
}
@media screen and (max-width:600px) {
  .missionContents:nth-of-type(2n+0) {
    padding: 60px 20px;
  }
}


/*  missionContents__item
------------------------*/
.missionContents__item + .missionContents__item {
  margin-top: 100px;
}
@media screen and (max-width:768px) {
  .missionContents__item + .missionContents__item {
    margin-top: 80px;
  }
}
@media screen and (max-width:600px) {
  .missionContents__item + .missionContents__item {
    margin-top: 60px;
  }
}



/* =====================
  missionTitle
===================== */
.missionTitle {
  margin-bottom: 30px;
  font-family: 'Noto Serif JP', serif;
}


/*  missionTitle__sub
------------------------*/
.missionTitle__sub {
  color: #bc9d83;
  font-size: 14px;
}


/*  missionTitle__main
------------------------*/
.missionTitle__main {
  color: #363636;
  font-weight: 600;
  font-size: 30px;
  text-transform: capitalize;
}
@media screen and (max-width:600px) {
  .missionTitle__main {
    font-size: 20px;
  }
}



/* =====================
  missionText
===================== */
.missionText {
  color: #7d7d7d;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.625;
}
@media screen and (max-width:600px) {
  .missionText {
    font-size: 15px;
  }
}



/* =====================
  missionList
===================== */
.missionList {
  margin-top: 45px;
  color: #3b3b3b;
  font-weight: 600;
  font-size: 24px;
  font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:768px) {
  .missionList {
    margin-top: 40px;
    font-size: 21px;
  }
}
@media screen and (max-width:720px) {
  .missionList {
    line-height: 1.8;
  }
}
@media screen and (max-width:600px) {
  .missionList {
    margin-top: 35px;
    font-size: 18px;
  }
}
@media screen and (max-width:425px) {
  .missionList {
    font-size: 15px;
  }
}


/*  missionList__item
------------------------*/
.missionList__item br {
  display: none;
}
@media screen and (max-width:720px) {
  .missionList__item br {
    display: inline;
  }
}

.missionList__item + .missionList__item {
  margin-top: 20px;
}



/* =====================
  missionAbout
===================== */
#missionAbout {
  max-width: 760px;
  margin: 0 auto;
  text-align: left;
}

#missionAbout:before {
  display: block;
  width: 75px;
  margin: 0 auto;
  margin-bottom: 40px;
  padding-top: 75px;
  background-image: url("/images/mark.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:768px) {
  #missionAbout:before {
    width: 65px;
    margin-bottom: 20px;
    padding-top: 65px;
  }
}


/*  missionAbout__caption
------------------------*/
#missionAbout__caption {
  display: table;
  margin: 0 auto;
  color: #171e27;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width:768px) {
  #missionAbout__caption {
    font-size: 16px;
  }
}


/*  missionAbout__text
------------------------*/
#missionAbout__text {
  margin-top: 40px;
  color: #707070;
  font-size: 16px;
  line-height: 1.8125;
}
@media screen and (max-width:768px) {
  #missionAbout__text {
    margin-top: 30px;
    font-size: 15px;
  }
}



/* =====================
  missionSlogan
===================== */
#missionSlogan {
  font-family: 'Noto Serif JP', serif;
}

#missionSlogan:before {
  display: block;
  width: 75px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding-top: 75px;
  background-image: url("/images/mark.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:768px) {
  #missionSlogan:before {
    width: 65px;
    padding-top: 65px;
  }
}


/*  missionSlogan__caption
------------------------*/
#missionSlogan__caption {
  color: #171e27;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.5834;
}
@media screen and (max-width:768px) {
  #missionSlogan__caption {
    font-size: 26px;
  }
}
@media screen and (max-width:600px) {
  #missionSlogan__caption {
    font-size: 17px;
  }
}


/*  missionSlogan__text
------------------------*/
#missionSlogan__text {
  margin-top: 30px;
  color: #676767;
  font-size: 18px;
  line-height: 1.612;
}
@media screen and (max-width:768px) {
  #missionSlogan__text {
    font-size: 16.5px;
  }
}
@media screen and (max-width:600px) {
  #missionSlogan__text {
    font-size: 15px;
  }
}



/* =====================
  historyMap
===================== */
.historyMap {
  position: relative;
  border-right: 5px solid #fff;
}

.historyMap > img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}



/* =====================
  historyFigure
===================== */
/*  historyFigure__item
------------------------*/
.historyFigure__item {
  position: absolute;
  width: 16.1%;
  height: 11.789298%;
}

/* historyFigure__item--masuda */
.historyFigure__item--masuda {
  top: 1.170569%;
  left: 26.4%;
}

/* historyFigure__item--mitsunaga */
.historyFigure__item--mitsunaga {
  top: 1.254181%;
  right: 19.3%;
}

/* historyFigureL_item--shibusawa */
.historyFigure__item--shibusawa {
  top: 14.548495%;
  left: 26.4%;
}

/* historyFigure__item--furuno */
.historyFigure__item--furuno {
  top: 40.133779%;
  left: 17.6%;
}

/* historyFigure__item--kyodo */
.historyFigure__item--kyodo {
  bottom: 1.672241%;
  left: 27.1%;
}


/* historyFigure__item--jiji */
.historyFigure__item--jiji {
  bottom: 1.672241%;
  left: 45.9%;
}


/* historyFigure__item--dentsu */
.historyFigure__item--dentsu {
  right: 19.3%;
  bottom: 1.672241%;
}

.historyFigure__item:hover {
  cursor: pointer;
}

.historyFigure__item > a {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  /*background-color: rgba(197,24,24,.7);*/
  line-height: 0;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:768px) {
 .historyFigure__item > a {
   display: block;
 }
}



/* =====================
  historyModal
===================== */
.historyModal {
  display: none;
}
@media screen and (max-width:768px) {
  .historyModal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    text-align: center;
  }
}


@media screen and (max-width:768px) {
  .historyModal.JS-modalWindowClose:hover {
    cursor: pointer;
  }
}



/* =====================
  historyModalOverlay
===================== */
.historyModalOverlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.75);
}

.historyModalOverlay:hover {
  cursor: pointer;
}



/* =====================
  historyModalContents
===================== */
.historyModalContents {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 75%;
  max-width: 800px;
  margin: auto;
}



/* =====================
  historyModalClose
===================== */
.historyModalClose {
  position: absolute;
  top: -1.75em;
  right: 0;
  color: #fff;
  font-size: 12px;
  letter-spacing: .08em;
  text-align: right;
  text-transform: uppercase;
}

.historyModalClose > a {
  position: relative;
  padding-left: 1.5em;
  color: #fff;
  text-decoration: none;
}

.historyModalClose > a:before ,
.historyModalClose > a:after {
  display: block;
  position: absolute;
  top: .125em;
  bottom: 0;
  left: 0;
  width: 2px;
  height: 1em;
  margin: auto 0;
  background-color: #fff;
  content: " ";
}

.historyModalClose > a:before {
  -webkit-transform: translateX(.5em) rotate(-45deg);
      -ms-transform: translateX(.5em) rotate(-45deg);
       -o-transform: translateX(.5em) rotate(-45deg);
          transform: translateX(.5em) rotate(-45deg);
}

.historyModalClose > a:after {
  -webkit-transform: translateX(.5em) rotate(45deg);
      -ms-transform: translateX(.5em) rotate(45deg);
       -o-transform: translateX(.5em) rotate(45deg);
          transform: translateX(.5em) rotate(45deg);
}



/* =====================
  historyModalFigure
===================== */
.historyModalFigure {
  padding: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
          box-shadow: 0 0 10px rgba(0,0,0,.5);
  background-color: #fff;
}

.historyFigure__item .historyModalFigure {
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width:768px) {
  .historyFigure__item .historyModalFigure {
    display: none;
  }
}

@media screen and (min-width:769px) {
  .historyFigure__item:hover .historyModalFigure {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .25s ease-out, visibility .25s ease-out;
         -o-transition: opacity .25s ease-out, visibility .25s ease-out;
            transition: opacity .25s ease-out, visibility .25s ease-out;
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
  }
}

.historyModalFigure > img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}


/*  historyModalFigure__caption
------------------------*/
.historyModalFigure__caption {
  margin-top: 5px;
  padding: 0 5px;
  text-align: right;
}
@media screen and (max-width:768px) {
  .historyModalFigure__caption {
    font-size: 14px;
  }
}



/* =====================
  progress
===================== */
.progress {
  list-style-type: none;
  position: relative;
  width: 800px;
  margin: 70px auto 0;
  padding-top: 4em;
  font-size: 1.8em;
}
@media screen and (max-width:860px) {
  .progress {
    width: auto;
    font-size: 1.6em;
  }
}
@media screen and (max-width:600px) {
  .progress {
    display: block;
    margin-left: 30px;
    font-size: 1.5em;
  }
}

.progress::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  margin: 0 auto;
  background-color: #1969bc;
  content: " ";
}
@media screen and (max-width:600px) {
  .progress::before {
    right: auto;
    left: -35px;
  }
}

.progress a {
  color: #444141;
}

.progress a:hover {
  opacity: .7;
}


/*  progress__item
------------------------*/
.progress__item {
  position: relative;
  width: 50%;
  min-height: 10em;
  /*margin-top: -4em;*/
  margin-top: -2.638889em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:600px) {
  .progress__item {
    width: auto;
    min-height: auto;
    margin-top: 0;
    padding-bottom: 50px;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
  }
}

.progress__item:nth-child(odd) {
  margin-right: auto;
  padding-right: 100px;
}
@media screen and (max-width:860px) {
  .progress__item:nth-child(odd) {
    padding-right: 50px;
  }
}
@media screen and (max-width:600px) {
  .progress__item:nth-child(odd) {
    margin-right: 0;
    padding-right: 0;
  }
}

.progress__item:nth-child(even) {
  margin-left: auto;
  padding-left: 100px;
}
@media screen and (max-width:860px) {
  .progress__item:nth-child(even) {
    padding-left: 50px;
  }
}
@media screen and (max-width:600px) {
  .progress__item:nth-child(even) {
    margin-left: 0;
    padding-left: 0;
  }
}

@media screen and (max-width:600px) {
  .progress__item:last-child {
    padding-bottom: 0;
  }
}


/*  progress__year
------------------------*/
.progress__year {
  position: relative;
  margin-bottom: 10px;
  color: #1969bc;
  font-style: italic;
  font-weight: normal;
  line-height: 1.2;
}

.progress__item:nth-child(odd) .progress__year {
  text-align: right;
}
@media screen and (max-width:600px) {
  .progress__item:nth-child(odd) .progress__year {
    text-align: left;
  }
}

.progress__year::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 85px;
  height: 1px;
  margin: auto 0;
  background-color: #1969bc;
  content: " ";
}
@media screen and (max-width:860px) {
  .progress__year::before {
    width: 35px;
  }
}
@media screen and (max-width:600px) {
  .progress__year::before {
    left: -35px !important;
    width: 30px;
  }
}

.progress__item:nth-child(odd) .progress__year::before {
  right: -100px;
}
@media screen and (max-width:860px) {
  .progress__item:nth-child(odd) .progress__year::before {
    right: -50px;
  }
}
@media screen and (max-width:600px) {
  .progress__item:nth-child(odd) .progress__year::before {
    right: auto;
  }
}

.progress__item:nth-child(even) .progress__year::before {
  left: -100px;
}
@media screen and (max-width:860px) {
  .progress__item:nth-child(even) .progress__year::before {
    left: -50px;
  }
}

.progress__year > span {
  margin-right: 3px;
  font-size: 4.4em;
  font-family: 'Roboto', sans-serif;
}


/*  progress__text
------------------------*/
.progress__text {
  position: relative;
  padding-left: 1em;
  line-height: 1.4;
}

.progress__text + .progress__text {
  margin-top: 10px;
}

.progress__text::before {
  display: block;
  position: absolute;
  top: .55em;
  left: .2em;
  width: 5px;
  height: 5px;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  content: " ";
}

/* progress__text--record
.progress__text--record {
  color: #1969bc;
}

.progress__text--record::before {
  border-color: #1969bc;
  background-color: #1969bc;
} */


/*  progress__img
------------------------*/
.progress__img {
  margin-top: 15px;
}

.progress__img + .progress__text {
  margin-top: 40px;
}

.progress__img img {
  display: block;
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
}



/* =====================
  organizationImg
===================== */
.organizationImg {
  padding: 70px 0 90px;
  background-color: #fff;
}
@media screen and (max-width: 999px) {
  .organizationImg {
    padding: 50px 20px 70px;
  }
}
@media screen and (max-width: 768px) {
  .organizationImg {
    padding: 30px 20px 50px;
  }
}
@media screen and (max-width:600px) {
  .organizationImg {
    padding: 30px 20px;
  }
}

.organizationImg__wrap {
  overflow: hidden;
  max-width: 925px;
  margin: 0 auto;
  /*text-indent: 100%;
  line-height: 0;
  white-space: nowrap;*/
}

.organizationImg__wrap img {
  display: block;
  max-width: 100%;
}

/*
.organizationImg__wrap:before {
  display: block;
  padding-top: 158.71%;
  background-image: url("/assets/corporate/images/main/organization/pc.png?r=20230612-1");
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:393px) {
  .organizationImg__wrap:before {
    padding-top: 130.878187%;
    background-image: url("/assets/corporate/images/main/organization/sp.png?r=20220930");
  }
}
*/

.organizationImg__wrap > span {
  display: block;
  overflow: hidden;
  line-height: 0;
  text-indent: 200%;
  white-space: nowrap;
}



/* =====================
  organizationChart
===================== */
.organizationChart {
  position: relative;
  padding: 1.5em 0 0 2em;
  font-size: 15px;
}
@media screen and (max-width:768px) {
  .organizationChart {
    font-size: 13px;
  }
}
@media screen and (max-width:425px) {
  .organizationChart {
    margin-left: -2em;
  }
}

.organizationChart__item > .organizationChart {
  margin: 0;
  margin-top: .5em;
  padding: 1.5em 0 0 2em;
}

.organizationChart:before {
  display: block;
  position: absolute;
  top: 0;
  left: 2em;
  bottom: -webkit-calc( ( ( ( 1.5em - .5px ) + 2em + 2px ) * 2 ) + 1em + ( ( ( 1.5em - .5px ) + 1em + 2px ) / 2 ) - 2px );
  bottom:         calc( ( ( ( 1.5em - .5px ) + 2em + 2px ) * 2 ) + 1em + ( ( ( 1.5em - .5px ) + 1em + 2px ) / 2 ) - 2px );
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 4px;
  background-color: #9b9b9b;
  content: " ";
}

.organizationChart__item span + .organizationChart:before ,
.organizationChart__item a + .organizationChart:before {
  bottom: -webkit-calc( ( ( ( 1.5em - .5px ) + 1em + 2px ) / 2 ) - 2px );
  bottom:         calc( ( ( ( 1.5em - .5px ) + 1em + 2px ) / 2 ) - 2px );
}

.organizationChart__item a[href="#edit"] + .organizationChart:before {
  bottom: -webkit-calc( ( ( ( 1.5em - .5px ) + 2em + 2px ) * 6 ) + 1em + ( ( ( 1.5em - .5px ) + 1em + 2px ) / 2 ) - 2px );
  bottom:         calc( ( ( ( 1.5em - .5px ) + 2em + 2px ) * 6 ) + 1em + ( ( ( 1.5em - .5px ) + 1em + 2px ) / 2 ) - 2px );
}


/*  organizationChart__item
------------------------*/
.organizationChart__item {
  padding-left: 4em;
}
@media screen and (max-width:425px) {
  .organizationChart__item {
    padding-left: 2em;
  }
}

.organizationChart__item + .organizationChart__item {
  margin-top: 2em;
}

.organizationChart__item > .organizationChart .organizationChart__item + .organizationChart__item {
  margin-top: 1em;
}

.organizationChart__item a ,
.organizationChart__item span {
  display: inline-block;
  position: relative;
  padding: .5em 1.5em;
  border: 1px solid #9b9b9b;
  border-radius: 50px;
  background-color: #f6f6f6;
}

.organizationChart__item a {
  border-color: #1969bc;
  background-color: #1969bc;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.organizationChart__item a:hover {
  background-color: #fff;
  color: #1969bc;
}

.organizationChart__item a:before ,
.organizationChart__item span:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -4em;
  width: 3.325em;
  height: 4px;
  margin: auto;
  background-color: #9b9b9b;
  content: " ";
}
@media screen and (max-width:425px) {
  .organizationChart__item a:before ,
  .organizationChart__item span:before {
    left: -2em;
    width: 1.325em;
  }
}

.organizationChart__item--arrow a {
  padding-right:  2.5em;
}

.organizationChart__item--arrow a:after {
  display: block;
  position: absolute;
  top: 0;
  right: 1.2em;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  height: 8px;
  margin: auto 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}

.organizationChart__item--arrow a:hover:after {
  border-color: #1969bc;
}



/* =====================
  bureauList
===================== */
/*  bureauList__item
------------------------*/
.bureauList__item + .bureauList__item {
  margin-top: 30px;
}



/* =====================
  bureauDetail
===================== */
.bureauDetail {
  font-size: 15px;
}
@media screen and (max-width:768px) {
  .bureauDetail {
    font-size: 13px;
  }
}


/*  bureauDetail__title
------------------------*/
.bureauDetail__title {
  padding: .5882352em .882353em; /* 10px 15px */
  border-radius: 5px;
  background-color: #eee;
  font-size: 1.133333em; /* 17px */
  letter-spacing: .08em;
}


/*  bureauDetail__body
------------------------*/
.bureauDetail__body {
  margin-top: .666667em; /* 10px */
  line-height: 1.75;
}



/* =====================
  departmentList
===================== */
.departmentList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -15px -15px;
  margin-top: 30px;
}
@media screen and (max-width:600px) {
  .departmentList {
    display: block;
  }
}


/*  departmentList__item
------------------------*/
.departmentList__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: -webkit-calc( ( ( 100% - .1px ) - ( 15px * 2 ) ) / 2 );
  width:         calc( ( ( 100% - .1px ) - ( 15px * 2 ) ) / 2 );
  margin: 0 0 15px 15px;
}
@media screen and (max-width:600px) {
  .departmentList__item {
    display: block;
    width: auto;
  }
}



/* =====================
  departmentDetail
===================== */
.departmentDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: 100%;
  border: 1px solid #eee;
  font-size: 15px;
}
@media screen and (max-width:768px) {
  .departmentDetail {
    font-size: 13px;
  }
}


/*  departmentDetail__title
------------------------*/
.departmentDetail__title {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 1em;
  padding: 1.25em 1em;
  background-color: #eee;
  font-size: 1em;
  line-height: 1.25;
  text-align: center;
}


/*  departmentDetail__body
------------------------*/
.departmentDetail__body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding: 1em;
  background-color: #f6f6f6;
  line-height: 1.6;
}


/* =====================
  branchMap
===================== */
.branchMap {
  background-color: #fff;
}
@media screen and (max-width:999px) {
  .branchMap {
    padding: 0 20px;
  }
}


/*  branchMap__bg
------------------------*/
.branchMap__wrap {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}


/*  branchMap__bg
------------------------*/
.branchMap__bg {
  display: block;
  width: 100%;
}



/* =====================
  branchMapList
===================== */
.branchMapList {
  font-size: 14px;
}
@media screen and (max-width:600px) {
  .branchMapList {
    font-size: 13px;
  }
}
@media screen and (max-width:420px) {
  .branchMapList {
    font-size: 12px;
  }
}


/*  branchMapList__item
------------------------*/
.branchMapList__item {
  position: absolute;
}

.branchMapList a {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: .4em 1.5em;
  border: 1px solid #1969bc;
  -webkit-border-radius: 2em;
          border-radius: 2em;
  /*background-color: rgba(255,255,255,.6);*/
  background-color: #1969bc;
  color: #fff;
  line-height: 1.2em;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}
@media screen and (max-width:420px) {
  .branchMapList a {
    padding: .3em 1.2em;
  }
}

.branchMapList a:hover {
  background-color: #fff;
  color: #1969bc;
}

/* branchMapList__item--hokkaido */
.branchMapList__item--hokkaido {
  top: 19%;
  left: 26.5%;
}

/* branchMapList__item--tohoku */
.branchMapList__item--tohoku {
  top: 31%;
  right: 21%;
}
@media screen and (max-width:370px) {
  .branchMapList__item--tohoku {
    top: 25%;
  }
}

/* branchMapList__item--kanto_koshinetsu */
.branchMapList__item--kanto_koshinetsu {
  top: 54%;
  right: 27%;
}
@media screen and (max-width:600px) {
  .branchMapList__item--kanto_koshinetsu {
    top: 54%;
  }
}
@media screen and (max-width:370px) {
  .branchMapList__item--kanto_koshinetsu {
    top: 49.5%;
  }
}

/* branchMapList__item--chubu_hokuriku */
.branchMapList__item--chubu_hokuriku {
  top: 48%;
  left: 53%;
}
@media screen and (max-width:600px) {
  .branchMapList__item--chubu_hokuriku {
    top: 45%;
  }
}
@media screen and (max-width:370px) {
  .branchMapList__item--chubu_hokuriku {
    top: 27%;
  }
}
@media screen and (max-width:370px) {
  .branchMapList__item--chubu_hokuriku {
    top: 38%;
  }
}

/* branchMapList__item--kansai */
.branchMapList__item--kansai {
  top: 61%;
  left: 47%;
}
@media screen and (max-width:600px) {
  .branchMapList__item--kansai {
    top: 61.5%;
  }
}
@media screen and (max-width:370px) {
  .branchMapList__item--kansai {
    top: 59.5%;
  }
}

/* branchMapList__item--chugoku_shikoku */
.branchMapList__item--chugoku_shikoku {
  top: 68%;
  left: 31%;
}
@media screen and (max-width:600px) {
  .branchMapList__item--chugoku_shikoku {
    top: 70%;
  }
}

/* branchMapList__item--kyushu_okinawa */
.branchMapList__item--kyushu_okinawa {
  top: 77%;
  left: 15%;
}
@media screen and (max-width:600px) {
  .branchMapList__item--kyushu_okinawa {
    top: 79%;
  }
}
@media screen and (max-width:370px) {
  .branchMapList__item--kyushu_okinawa {
    top: 81%;
  }
}

@media screen and (max-width:768px) {
  .branchMapList__item--hokkaido a {
    animation-delay: .5s;
  }

  .branchMapList__item--tohoku a {
    animation-delay: .7s;
  }

  .branchMapList__item--kanto_koshinetsu a {
    animation-delay: 1.1s;
  }

  .branchMapList__item--chubu_hokuriku a {
    animation-delay: .9s;
  }

  .branchMapList__item--kansai a {
    animation-delay: 1.3s;
  }

  .branchMapList__item--chugoku_shikoku a {
    animation-delay: 1.5s;
  }

  .branchMapList__item--kyushu_okinawa a {
    animation-delay: 1.7s;
  }
}



/* =====================
  branchWorldMap
===================== */
.branchWorldMap {
  background-color: #fff;
}
@media screen and (max-width:999px) {
  .branchWorldMap {
    padding: 0 20px;
  }
}


/*  branchWorldMap__wrap
------------------------*/
.branchWorldMap__wrap {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}


/*  branchWorldMap__bg
------------------------*/
.branchWorldMap__bg {
  display: block;
  width: 100%;
  padding: 20px 0;
}



/* =====================
  branchWorldMapList
===================== */
.branchWorldMapList {
  font-size: 14px;
}
@media screen and (max-width:600px) {
  .branchWorldMapList {
    font-size: 13px;
  }
}
@media screen and (max-width:420px) {
  .branchWorldMapList {
    font-size: 12px;
  }
}

.branchWorldMapList a {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: .4em 1.5em;
  border: 1px solid #1969bc;
  -webkit-border-radius: 2em;
          border-radius: 2em;
  /*background-color: rgba(255,255,255,.6);*/
  background-color: #1969bc;
  color: #fff;
  line-height: 1.2em;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}
@media screen and (max-width:420px) {
  .branchWorldMapList a {
    padding: .3em 1.2em;
  }
}

.branchWorldMapList a:hover {
  background-color: #fff;
  color: #1969bc;
}


/*  branchWorldMapList__item
------------------------*/
.branchWorldMapList__item {
  position: absolute;
}

/* branchWorldMapList__item--america */
.branchWorldMapList__item--america {
  top: 45%;
  left: 72.5%;
}
@media screen and (max-width:450px) {
  .branchWorldMapList__item--america {
    top: 45%;
  }
}

/* branchWorldMapList__item--asia */
.branchWorldMapList__item--asia {
  top: 48%;
  left: 37%;
}
@media screen and (max-width:600px) {
  .branchWorldMapList__item--asia {
    top: 50%;
  }
}
@media screen and (max-width:450px) {
  .branchWorldMapList__item--asia {
    top: 50%;
  }
}

/* branchWorldMapList__item--europe */
.branchWorldMapList__item--europe {
  top: 37%;
  left: 21%;
}
@media screen and (max-width:450px) {
  .branchWorldMapList__item--europe {
    top: 32%;
  }
}

/* branchWorldMapList__item--middleEast_africa */
.branchWorldMapList__item--middleEast_africa {
  top: 63%;
  left: 17%;
}
@media screen and (max-width:450px) {
  .branchWorldMapList__item--middleEast_africa {
    top: 68%;
    left: 19%;
  }
}

/* branchWorldMapList__item--oceania */
.branchWorldMapList__item--oceania {
  top: 81%;
  left: 47%;
}
@media screen and (max-width:600px) {
  .branchWorldMapList__item--oceania {
    top: auto;
    bottom: 12%;
  }
}

@media screen and (max-width:768px) {
  .branchWorldMapList__item--america a {
    animation-delay: 0.7s;
  }

  .branchWorldMapList__item--asia a {
    animation-delay: 0.5s;
  }

  .branchWorldMapList__item--europe a {
    animation-delay: 0.9s;
  }

  .branchWorldMapList__item--middleEast_africa a {
    animation-delay: 1.1s;
  }

  .branchWorldMapList__item--oceania a {
    animation-delay: 1.3s;
  }
}



/* =====================
  areaList
===================== */
/* areaList__item
------------------------*/
.areaList__item + .areaList__item {
  margin-top: 50px;
}
@media screen and (max-width:999px) {
  .areaList__item + .areaList__item {
    margin-top: 30px;
  }
}



/* =====================
  areaContents
===================== */
.areaContents {
  font-size: 15px;
}
@media screen and (max-width:768px) {
  .areaContents {
    font-size: 13px;
  }
}


/* areaContents__title
------------------------*/
.areaContents__title {
  padding: .666667em 1em; /* 10px 15px */
  background-color: #f6f6f6;
  font-weight: bold;
  font-size: 1.133333em; /* 17px */
}


/* areaContents__body
------------------------*/
.areaContents__body {
  margin-top: 30px;
  overflow: hidden;
}
@media screen and (max-width:768px) {
  .areaContents__body {
    margin-top: 20px;
  }
}
@media screen and (max-width:425px) {
  .areaContents__body {
    margin-top: 15px;
  }
}



/* =====================
  branchList
===================== */
.branchList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -30px -30px;
}
@media screen and (max-width:768px) {
  .branchList {
    margin: 0 0 -20px -20px;
  }
}
@media screen and (max-width:425px) {
  .branchList {
    margin: 0;
  }
}



/* branchList__item
------------------------*/
.branchList__item {
  width: -webkit-calc( ( ( 100% - .1px ) - ( 30px * 4 ) ) / 4 );
  width:         calc( ( ( 100% - .1px ) - ( 30px * 4 ) ) / 4 );
  margin: 0 0 30px 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width:768px) {
  .branchList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
    margin: 0 0 20px 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width:600px) {
  .branchList__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
  }
}
@media screen and (max-width:425px) {
  .branchList__item {
    width: 100%;
    margin: 0;
  }
}

@media screen and (max-width:425px) {
  .branchList__item + .branchList__item {
    margin-top: 15px;
  }
}



/* =====================
  branchContents
===================== */
.branchContents {
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .branchContents {
    font-size: 13px;
  }
}


/*  branchContents__item
------------------------*/
.branchContents__item + .branchContents__item {
  margin-top: 5px;
}



/* =====================
  branchContentsTitle
===================== */
.branchContentsTitle {
  font-size: 1.142857em;
}

.branchContentsTitle__main {
  font-weight: bold;
  font-size: 1em;
}

.branchContentsTitle__sub {
  color: #196abc;
  font-size: .75em;
}



/* =====================
  branchContentsAddress
===================== */
/*  branchContentsAddress__googleMap
------------------------*/
.branchContentsAddress__googleMap {
  display: inline-block;
  font-size: .928571em;
}

.branchContentsAddress__googleMap a {
  color: #1969bc;
}



/* =====================
  aboutBuilding
===================== */
.aboutBuilding {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:600px) {
  .aboutBuilding {
    display: block;
  }
}


/*  aboutBuilding__item
------------------------*/
.aboutBuilding__item + .aboutBuilding__item {
  margin-left: 30px;
}
@media screen and (max-width:768px) {
  .aboutBuilding__item + .aboutBuilding__item {
    margin-left: 20px;
  }
}
@media screen and (max-width:600px) {
  .aboutBuilding__item + .aboutBuilding__item {
    margin: 0;
    margin-top: 20px;
  }
}


/*  aboutBuilding__thumb
------------------------*/
.aboutBuilding__thumb {
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
    width: 25%;
    min-width: 150px;
    max-width: 250px;
    overflow: hidden;
    background-image: url(/assets/corporate/images/main/facility/building.jpg);
    background-position: 80% 0;
    -webkit-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width:600px) {
  .aboutBuilding__thumb {
    width: 100%;
    min-width: auto;
    max-width: none;
    padding-top: 40%;
    background-position: 50%;
  }
}


/*  aboutBuilding__dateil
------------------------*/
.aboutBuilding__dateil {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* =====================
  branchContentsTel
===================== */
/*  branchContentsTel__item
------------------------*/
.branchContentsTel__item + .branchContentsTel__item {
  margin-top: 2px;
}


/* 商品・サービス入れるならここ service */



/* =====================
  updateList
===================== */
.updateList {
  position: relative;
  z-index: 0;
  margin: 0 auto;
  margin-top: 50px;
  padding: 30px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width:768px) {
  .updateList {
    margin-top: 30px;
    padding: 30px 20px;
  }
}

/*.updateList:before {
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 5px;
  left: 0;
  z-index: -1;
  background-color: #f1f3f5;
  content: " ";
}*/


/*  updateList__item
------------------------*/
.updateList__item + .updateList__item {
  margin-top: 15px;
}



/* =====================
  updateDetail
===================== */
.updateDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .updateDetail {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .updateDetail {
    font-size: 12px;
  }
}


/*  updateDetail__item
------------------------*/
.updateDetail__item + .updateDetail__item {
  margin-left: 1em;
}


/*  updateDetail__date
------------------------*/
.updateDetail__date {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  font-family: 'Roboto', sans-serif;
  white-space: nowrap;
}


/*  updateDetail__body
------------------------*/
.updateDetail__body {
  -webkit-flex: 0 1 auto;
     -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
       -o-flex: 0 1 auto;
          flex: 0 1 auto;
}



/* =====================
  socialmedia
===================== */
.socialmedia {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: -20px 0 0 -20px;
}
@media screen and (max-width:650px) {
  .socialmedia {
    display: block;
    margin: 0;
  }
}


/*  socialmedia__item
------------------------*/
.socialmedia__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: -wekit-calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
  width:        calc( ( ( 100% - .1px ) - ( 20px * 3 ) ) / 3 );
  margin: 20px 0 0 20px;
}
@media screen and (max-width:900px) {
  .socialmedia__item {
    width: -wekit-calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
    width:        calc( ( ( 100% - .1px ) - ( 20px * 2 ) ) / 2 );
  }
}
@media screen and (max-width:650px) {
  .socialmedia__item {
    width: auto;
    margin: 0;
  }
}

@media screen and (max-width:650px) {
  .socialmedia__item + .socialmedia__item {
    margin-top: 20px;
  }
}


/*  socialmedia__thumbnail
------------------------*/
.socialmedia__thumbnail {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 7em;
  border-radius: 5px;
}
@media screen and (max-width:650px) {
  .socialmedia__thumbnail {
    width: 6em;
  }
}

.socialmedia__thumbnail img {
  width: 100%;
}


/*  socialmedia__detail
------------------------*/
.socialmedia__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding-left: 1.25em;
}



/* =====================
  socialmediaDetail
===================== */
.socialmediaDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}


/*  socialmediaDetail__title
------------------------*/
.socialmediaDetail__title {
  font-size: 14px;
  line-height: 1.3;
}
@media screen and (max-width:650px) {
  .socialmediaDetail__title {
    font-size: 12px;
  }
}


/*  socialmediaDetail__body
------------------------*/
.socialmediaDetail__body {
  margin-top: auto;
  padding-top: 2px;
}


/*  snsList__textLink
------------------------*/
.snsList__textLink {
  width: auto !important;
}

.snsList__textLink a {
  font-size: 10px;
  white-space: nowrap;
  font-weight: bold;
}


/* =====================
  snsList
===================== */
.snsList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  margin-top: auto;
}

@media screen and (max-width:768px) {
  .footerContents__item > .snsList {
    padding: 13px 20px;
  }
}

@media screen and (max-width:768px) {
  .footerMenuList + .snsList {
    border-top: 1px solid #fff;
  }
}


/*  snsList__item
------------------------*/
.snsList__item {
  width: 32px;
}

.snsList__item + .snsList__item {
  margin-left: 10px;
}

.snsList__item a {
  display: block;
}

.snsList__item img {
  width: 100%;
}



/* =====================
  inputError
===================== */
.inputError {
  background-color: #f1f3f5;
  padding: 30px;
  font-size: 14px;
  margin-bottom: 50px;
}
@media screen and (max-width:768px) {
  .inputError {
    margin-bottom: 30px;
    padding: 20px;
    font-size: 12px;
  }
}


/*  inputError__item
------------------------*/
.inputError__item {
  position: relative;
  padding-left: 1.75em;
}

.inputError__item:before {
  display: block;
  position: absolute;
  top: .275em;
  left: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: .85em;
  height: .65em;
  border-bottom: 3px solid #c00;
  border-left: 3px solid #c00;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}

.inputError__item + .inputError__item {
  margin-top: 10px;
}



/* =====================
  inquiryContainer
===================== */
.inquiryContainer {
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .inquiryContainer {
    font-size: 14px;
  }
}



/* =====================
  inquiryContents
===================== */
/*  inquiryContents__item
------------------------*/
.inquiryContents__item + .inquiryContents__item {
  margin-top: 50px;
}



/* =====================
  inquiryType
===================== */
/*  inquiryType__title
------------------------*/
.inquiryType__title {
  font-weight: bold;
}


/*  inquiryType__body
------------------------*/
.inquiryType__body {
  margin-top: 15px;
}



/* =====================
  inquiryTypeSelect
===================== */
.inquiryTypeSelect {
  margin-top: 15px;
  padding: 30px;
  background-color: #f6f6f6;
}
@media screen and (max-width:600px) {
  .inquiryTypeSelect {
    padding: 20px;
  }
}


/*  inquiryTypeSelect__item
------------------------*/
.inquiryTypeSelect__item + .inquiryTypeSelect__item {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding-top: 20px;
}



/* =====================
  inquiryTypeMenu
===================== */
/*  inquiryTypeMenu__title
------------------------*/
.inquiryTypeMenu__title {
  font-weight: bold;
}


/* inquiryTypeMenu__body
------------------------*/
.inquiryTypeMenu__body {
  margin-top: 15px;
}



/* =====================
  inquiryTypeCategory
===================== */
.inquiryTypeCategory {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  padding: 15px;
  background-color: rgba(255,255,255,.75);
}
@media screen and (max-width:600px) {
  .inquiryTypeCategory {
    display: block;
  }
}

.inquiryTypeCategory + .inquiryTypeCategory {
  margin-top: 10px;
}


/*  inquiryTypeCategory__title
------------------------*/
.inquiryTypeCategory__title {
  width: 25%;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  .inquiryTypeCategory__title {
    width: 30%;
  }
}
@media screen and (max-width:600px) {
  .inquiryTypeCategory__title {
    width: auto;
  }
}


/*  inquiryTypeCategory__body
------------------------*/
.inquiryTypeCategory__body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -ms-align-self: center;
      align-self: center;
  margin-left: 15px;
}
@media screen and (max-width:600px) {
  .inquiryTypeCategory__body {
    margin: 0;
    margin-top: 5px;
  }
}



/* =====================
  inquiryForm
===================== */
/*  inquiryForm__item
------------------------*/
.inquiryForm__item {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}



/* =====================
  inquiryFormContents
===================== */
.inquiryFormContents {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  width: 100%;
}
@media screen and (max-width:600px) {
  .inquiryFormContents {
    display: block;
  }
}


/*  inquiryFormContents__title
------------------------*/
.inquiryFormContents__title {
  width: 25%;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  .inquiryFormContents__title {
    width: 30%;
  }
}
@media screen and (max-width:600px) {
  .inquiryFormContents__title {
    width: auto;
  }
}

@media screen and (max-width:600px) {
  .inquiryFormContents__title br {
    display: none;
  }
}


/*  inquiryFormContents__body
------------------------*/
.inquiryFormContents__body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  padding-left: 30px;
}
@media screen and (max-width:600px) {
  .inquiryFormContents__body {
    margin-top: 10px;
    padding-left: 0;
  }
}

.inquiry__check {
  margin: 5px auto 0;
  margin-left: 25%;
  padding-left: 30px;
  color: #bc1919;
}
@media screen and (max-width:768px) {
  .inquiry__check {
    margin-left: 30%;
  }
}
@media screen and (max-width:600px) {
  .inquiry__check {
    margin: 0;
    margin-top: 10px;
    padding-left: 0;
  }
}



/* =====================
  inquiryFormContentsInner
===================== */
.inquiryFormContentsInner {
   margin-top: 15px;
}


/*  inquiryFormContentsInner__title
------------------------*/
.inquiryFormContentsInner__title {
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .inquiryFormContentsInner__title {
    font-size: 12px;
  }
}


/*  inquiryFormContentsInner__body
------------------------*/
.inquiryFormContentsInner__body {
  margin-top: 5px;
}



/* =====================
  inquiryFormAgree
===================== */
.inquiryFormAgree {
  text-align: center;
}


/*  inquiryFormAgree__title
------------------------*/
.inquiryFormAgree__title {
  font-weight: bold;
}

.inquiryFormAgree__title > a#privacy_policy {
  color: #1969bc;
  text-decoration: underline;
}

.inquiryFormAgree__title > a#privacy_policy:hover {
  cursor: pointer;
}


/*  inquiryFormAgree__body
------------------------*/
.inquiryFormAgree__body {
  margin-top: 5px;
}



/* =====================
  inquiryFormButton
===================== */
.inquiryFormButton {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
}

.inquiryFormAgree + .inquiryFormButton {
  margin-top: 30px;
}


/*  inquiryFormButton__item
------------------------*/
.inquiryFormButton__item + .inquiryFormButton__item {
  margin-left: 15px;
}

.inquiryFormButton__item input ,
.inquiryFormButton__item button {
  margin: 0;
  padding: 7px 50px 5px;
  border: 1px solid;
  border-radius: 50px;
  font-size: 16px;
  outline: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width:768px) {
  .inquiryFormButton__item input ,
  .inquiryFormButton__item button {
    padding: 7px 40px 5px;
    font-size: 14px;
  }
}
@media screen and (max-width:425px) {
  .inquiryFormButton__item input ,
  .inquiryFormButton__item button {
    padding: 7px 30px 5px;
  }
}

.inquiryFormButton__item input:hover ,
.inquiryFormButton__item button:hover {
  cursor: pointer;
}

.inquiryFormButton__item input[type="submit"] ,
.inquiryFormButton__item button[value="submit"] {
  border-color: #1969bc;
  background-color: #1969bc;
  color: #fff;
}

.inquiryFormButton__item input[type="submit"]:hover ,
.inquiryFormButton__item button[value="submit"]:hover {
  background-color: #f6f6f6;
  color: #1969bc;
}

.inquiryFormButton__item button[value="back"] {
  border-color: #1969bc;
  background-color: #f6f6f6;
  color: #1969bc;
}

.inquiryFormButton__item button[value="back"]:hover {
  background-color: #1969bc;
  color: #fff;
}

.inquiryFormButton__item input:disabled ,
.inquiryFormButton__item input:disabled:hover ,
.inquiryFormButton__item button:disabled ,
.inquiryFormButton__item button:disabled:hover {
  background-color: #f1f3f5;
  border-color: #dcdcdc;
  color: #bbb;
}

.inquiryFormButton__item input:disabled:hover ,
.inquiryFormButton__item button:disabled:hover {
  cursor: default;
}



/* =====================
  inquiryFlex
===================== */
.inquiryFlex {
  display: -webkit-flex;
  display:   -moz-flex;
  display:    -ms-flex;
  display:     -o-flex;
  display:        flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -.3125em -.9375em;
}
@media screen and (max-width:600px) {
  .inquiryFlex {
    display: block;
  }
}


/*  inquiryFlex__item
------------------------*/
.inquiryFlex__item {
  margin: 0 0 .3125em .9375em;
}

.inquiryFlex__item a {
  color: #1969bc;
}


/*  inquiryFlex--continue
------------------------*/
@media screen and (max-width:600px) {
  .inquiryFlex--continue {
    display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
  }
}


/*  inquiryFlex--type
------------------------*/
@media screen and (max-width:600px) {
  .inquiryFlex--type {
    display: block;
  }
}

@media screen and (max-width:1000px) {
  .inquiryFlex--type .inquiryFlex__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( .9375em * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( .9375em * 2 ) ) / 2 );
  }
}
@media screen and (max-width:600px) {
  .inquiryFlex--type .inquiryFlex__item {
    width: auto;
  }
}


/*  inquiryFlex--name
------------------------*/
@media screen and (max-width:768px) {
  .inquiryFlex--name .inquiryFlex__item {
    width: -webkit-calc( ( ( 100% - .1px ) - ( .9375em * 2 ) ) / 2 );
    width:         calc( ( ( 100% - .1px ) - ( .9375em * 2 ) ) / 2 );
  }
}
@media screen and (max-width:600px) {
  .inquiryFlex--name .inquiryFlex__item {
    width: auto;
  }
}


/*  inquiryFlex--phone
------------------------*/
.inquiryFlex--phone {
  margin-left: -1.5em;
}

.inquiryFlex--phone .inquiryFlex__item {
  position: relative;
  width: 4.5em;
  margin-left: 1.5em;
}

.inquiryFlex--phone .inquiryFlex__item.formParts--select {
  position: relative;
  margin-left: 1em;
}

.inquiryFlex--phone .inquiryFlex__item.formParts--input_text + .formParts--input_text:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1em;
  width: .5em;
  height: 1px;
  margin: auto;
  background-color: #444141;
  content: " ";
}



/* =====================
  inquiryRequired
===================== */
.inquiryRequired {
  display: inline-block;
  margin-right: 8px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #1969bc;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  text-align: center;
  vertical-align: bottom;
}

label + .inquiryRequired {
  margin: 0;
  margin-left: 8px;
}



/* =====================
  inquiryIndex
===================== */
.inquiryIndex {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}



/* =====================
  inquiryNotes
===================== */
.inquiryNotes {
  margin-top: 5px;
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .inquiryNotes {
    font-size: 12px;
  }
}



/* =====================
  inquiryForm--english
===================== */
.inquiryForm--english .inquiryFormContents__title {
  width: 30%;
  white-space: normal;
}
@media screen and (max-width:600px) {
  .inquiryForm--english .inquiryFormContents__title {
    width: auto;
  }
}

.inquiryForm--english .inquiryFlex--name .inquiryFlex__item {
  width: -webkit-calc( ( ( 100% - .1px ) - ( .9375em * 2 ) ) / 2 );
  width:         calc( ( ( 100% - .1px ) - ( .9375em * 2 ) ) / 2 );
}
@media screen and (max-width:600px) {
  .inquiryForm--english .inquiryFlex--name .inquiryFlex__item {
    width: auto;
  }
}

.inquiryForm--english .inquiryIndex {
  display: block;
  margin-right: 0;
}

.inquiryForm--english .inquiry__check {
  margin-left: 30%;
}
@media screen and (max-width:600px) {
  .inquiryForm--english .inquiry__check {
    margin-left: 0;
  }
}



/* =====================
  inquiryComplate
===================== */
.inquiryComplate {
  font-size: 16px;
}
@media screen and (max-width:768px) {
  .inquiryComplate {
    font-size: 14px;
  }
}

.inquiryComplate .basicDefine__title {
  display: block;
  padding-bottom: 0;
  border: none;
}

.inquiryComplate .basicDefineListDetail__title {
  justify-content: flex-start;
}

@media screen and (max-width:425px) {
  .inquiryComplate .basicDefineListDetail__title > br{
    display: none;
  }
}


/*  inquiryComplate__title
------------------------*/
.inquiryComplate__title {
  padding: 30px;
  background-color: #1969b1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width:768px) {
  .inquiryComplate__title {
    padding: 20px;
  }
}


/*  inquiryComplate__body
------------------------*/
.inquiryComplate__body {
  margin-top: 50px;
}
@media screen and (max-width:768px) {
  .inquiryComplate__body {
    margin-top:30px;
  }
}



/* =====================
  formParts
===================== */
/*  formParts--input
------------------------*/
/* formParts--input_text */
.formParts--input_text > input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 34px;
  margin: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 8px;
  border: 1px solid #ccc;
  background-color: #f2f9ff;
  font-size: 16px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, YuGothicM, "游ゴシック", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 34px;
  outline: none;
}
@media screen and (max-width:768px) {
  .formParts--input_text > input {
    font-size: 14px;
  }
}

.formParts--input_text > input:focus {
  border-color: #1969bc;
}

.formParts--input_text > input:disabled {
  border-color: #d0d0d0;
  background-color: #f0f0f0;
}

/* formParts--input_text-affiliation */
.formParts--input_text-affiliation > input {
  width: 75%;
}
@media screen and (max-width:768px) {
  .formParts--input_text-affiliation > input {
    width: 100%;
  }
}

/* formParts--input_text-name */
.formParts--input_text-name > input {
  width: -webkit-calc( ( 100% - .1px ) - ( 1em + 5px ) );
  width:         calc( ( 100% - .1px ) - ( 1em + 5px ) );
}

.inquiryForm--english .formParts--input_text-name > input {
  width: 100%;
}

/* formParts--input_text-kana */
.formParts--input_text-kana > input {
  width: -webkit-calc( ( 100% - .1px ) - ( 2em + 5px ) );
  width:         calc( ( 100% - .1px ) - ( 2em + 5px ) );
}

/* formParts--input_text-postcode */
.formParts--input_text-postcode > input {
  width: 7em;
}

/* formParts--input_text-address */
.formParts--input_text-address > input {
  width: -webkit-calc( ( 75% - .1px ) - ( 5em + 5px ) );
  width:         calc( ( 75% - .1px ) - ( 5em + 5px ) );
}
@media screen and (max-width:768px) {
  .formParts--input_text-address > input {
    width: -webkit-calc( ( 100% - .1px ) - ( 5em + 5px ) );
    width:         calc( ( 100% - .1px ) - ( 5em + 5px ) );
  }
}

/* formParts--input_text-mail */
.formParts--input_text-mail > input {
  width: 50%;
}
@media screen and (max-width:768px) {
  .formParts--input_text-mail > input {
    width: 100%;
  }
}

/* formParts--input_button */
.formParts--input_button > input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 34px;
  margin: 0;
  padding: 0 15px;
  border: 1px solid #1969bc;
  border-radius: 50px;
  background-color: #1969bc;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
  outline: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:768px) {
  .formParts--input_button > input {
    font-size: 12px;
  }
}

.formParts--input_button > input:hover {
  background-color: #d1e4f8;
  color: #1969bc;
  cursor: pointer;
}

.formParts--input_button > input:disabled {
  border-color: #d0d0d0;
  background-color: #f0f0f0;
  color: #d0d0d0;
}

.formParts--input_button > input:disabled:hover {
  cursor: default;
}


/*  formParts--radio
------------------------*/
.formParts--radio > input {
  display: none;
}

.formParts--radio > input + label {
  display: inline-block;
  position: relative;
  padding-left: 1.5em;
}

.formParts--radio > input + label:hover {
  cursor: pointer;
}

.formParts--radio > input + label:before ,
.formParts--radio > input + label:after {
  display: block;
  position: absolute;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.formParts--radio > input + label:before {
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  background-color: #f6f6f6;
}
@media screen and (max-width:768px) {
  .formParts--radio > input + label:before {
    width: 14px;
    height: 14px;
  }
}

.formParts--radio > input + label:after {
  visibility: hidden;
  opacity: 0;
  top: 7px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-color: #1969bc;
}
@media screen and (max-width:768px) {
  .formParts--radio > input + label:after {
    width: 8px;
    height: 8px;
  }
}

.formParts--radio > input:checked + label:after {
  visibility: visible;
  opacity: 1;
}


/*  formParts--checkbox
------------------------*/
.formParts--checkbox > input {
  display: none;
}

.formParts--checkbox > input + label {
  display: inline-block;
  position: relative;
  padding-left: 1.5em;
}

.formParts--checkbox > input + label:hover {
  cursor: pointer;
}

.formParts--checkbox > input + label:before ,
.formParts--checkbox > input + label:after {
  display: block;
  position: absolute;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.formParts--checkbox > input + label:before {
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #bbb;
  border-radius: 3px;
  background-color: #f6f6f6;
}
@media screen and (max-width:768px) {
  .formParts--checkbox > input + label:before {
    width: 14px;
    height: 14px;
  }
}

.formParts--checkbox > input + label:after {
  visibility: hidden;
  opacity: 0;
  top: 6px;
  left: 2px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 12px;
  height: 8px;
  border-bottom: 3px solid #1969bc;
  border-left: 3px solid #1969bc;
}
@media screen and (max-width:768px) {
  .formParts--checkbox > input + label:after {
    top: 7px;
    width: 10px;
    height: 6px;
  }
}

.formParts--checkbox > input:checked + label:after {
  visibility: visible;
  opacity: 1;
}


/*  formParts--select
------------------------*/
.formParts--select > select {
  width: 7em;
  height: 34px;
  margin: 0;
  padding: 6px 8px 4px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f2f9ff;
  font-size: 16px;
  outline: none;
}
@media screen and (max-width:768px) {
  .formParts--select > select {
    font-size: 14px;
  }
}

.formParts--select > select:focus {
  border-color: #1969bc;
}

.formParts--select > select:disabled {
  border-color: #d0d0d0;;
  background-color: #f0f0f0;
}


/* formParts--textarea
------------------------*/
.formParts--textarea > textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 15em;
  margin: 0;
  padding: 5px 8px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f2f9ff;
  font-size: 16px;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, YuGothicM, "游ゴシック", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
  outline: none;
}
@media screen and (max-width:768px) {
  .formParts--textarea > textarea {
    font-size: 14px;
  }
}

.formParts--textarea > textarea:focus {
  border-color: #1969bc;
}

.formParts--textarea > textarea:disabled {
  border-color: #d0d0d0;
  background-color: #f0f0f0;
}



/* =====================
  popup
===================== */
.popup {
  display: none;
  width: 100%;
  height: 100vh;
  background-color: rgba(0,0,0,.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
}


/*  show
------------------------*/
.show {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
}



/* =====================
  content
===================== */
.content {
  overflow-y: scroll;
  width: 50%;
  min-width: 600px;
  max-width: 1000px;
  max-height: 80%;
  background-color: #fff;
  -ms-overflow-style: scrollbar;
}
@media screen and (max-width:768px) {
  .content {
    width: 80%;
    min-width: auto;
    max-width: none;
  }
}

.content .basicTitle {
  font-size: 22px;
}

.content .basicMiddleTitle {
  font-size: 20px;
}

.content__inner {
  position: relative;
  margin: 30px 0 50px;
  padding: 0 30px;
}
@media screen and (max-width:600px) {
  .content__inner {
    margin: 30px 0 30px;
  }
}
@media screen and (max-width:425px) {
  .content__inner {
    padding: 0 20px;
  }
}

.content .basicToggle__title:hover {
  color: #060606;
  cursor: default;
}



/* =====================
  scroll
===================== */
.scroll {

}



/* =====================
  close
===================== */
#close {
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  padding: 5px 20px;
  border: 1px solid #1969bc;
  border-radius: 50px;
  background-color: #1969bc;
  color: #fff;
  font-size: 12px;
  letter-spacing: .08em;
  text-align: center;
  text-indent: .08em;
  outline: none;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width:600px) {
  #close {
    margin-top: 30px;
  }
}

#close:hover {
  background-color: #d1e4f8;
  color: #1969bc;
  cursor: pointer;
}



/* =====================
  sitemapContents
===================== */
.sitemapContents {
  font-size: 14px;
}
@media screen and (max-width:768px) {
  .sitemapContents {
    font-size: 12px;
  }
}


/*  sitemapContents__title
------------------------*/
.sitemapContents__title a {
  display: block;
  padding: .9375em 1.5625em; /* 15px 25px */
  border-radius: 5px;
  background-color: #196abc;
  color: #fff;
  font-size: 1.142857em; /* 16px */
}


/*  sitemapContents__body
------------------------*/
.sitemapContents__body {
  margin-top: 30px;
}

.sitemapContents__body {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:425px) {
  .sitemapContents__body {
    display: block;
  }
}

.sitemapContents__body > .basicList {
  width: 50%;
}
@media screen and (max-width:425px) {
  .sitemapContents__body > .basicList {
    width: auto;
  }
}

@media screen and (max-width:425px) {
  .sitemapContents__body > .basicList + .basicList {
    margin-top: .75em;
  }
}