@charset "utf-8";
/* ---------------------
  - mainBoard
  - mainBoardTitle
  - mainBoardSlider
    - mainBoardSlider__item
    - mainBoardSlider__item--animation
  - mainBoardvideo
    - mainBoardvideo__absolute
    - mainBoardvideo__pc
    - mainBoardvideo__tablet
    - mainBoardvideo__sp

  - schedule
    - schedule__item
  - scheduleMain
  - scheduleButton

  - mainContents
    - mainContents__inner
  - mainContentsTitle

  - information
  - informationList
    - informationList__item
  - informationDetails
    - informationDetails__item
  - informationDate
  - informationType
  - informationTitle
  - informationButton

  - job
  - jobContainer
  - jobTab
    - jobTab__item
      - jobTab__item--select
  - jobTabContainer
    -  jobTabContainer__item
  - jobContents
    - jobContents__title
    - jobContents__body
  - jobDetails
    - jobDetails__item
  - jobSubTitle
  - jobText
  - jobButton
  - jobList
    - jobList__item

  - about
  - aboutContainer
    - aboutContainer__item
  - aboutContents
    - aboutContents__item
    - aboutContents__item--flex
  - aboutDetails
    - aboutDetails__title
    - aboutDetails__body
  - aboutSubscript
  - aboutValue
  - aboutNote
  - aboutMany
  - aboutCaption
  - aboutContract
    - aboutContract__item
  - aboutMunicipality
  - aboutButton
    - aboutButton--ijamp
  - aboutBase
    - aboutBase__item

  - interview
  - interviewSlider
    - interviewSlider__item
  - interviewSliderDots
  - interviewSliderArrow
    - interviewSliderArrow--prev
    - interviewSliderArrow--next
  - interviewDetails
  - interviewBelong
  - interviewName
  - interviewJoin

  - link
  - linkContents
    - linkContents__item
  - linkList
    - linkList__item
  - linkTitle
    - linkTitle__number
  - linkFaq
    - linkFaq__item
  - linkFaqTitle
    - linkFaqTitle__main
    - linkFaqTitle__sub
  - linkFaqButton
--------------------- */



/* =====================
  mainBoard
===================== */
#mainBoard {
  position: relative;
}



/* =====================
  mainBoardTitle
===================== */
#mainBoardTitle {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  -webkit-transform: translate(-50%, -90%);
      -ms-transform: translate(-50%, -90%);
       -o-transform: translate(-50%, -90%);
          transform: translate(-50%, -90%);
  width: 796px;
  height: 65px;
  overflow: hidden;
  background-image: url("/assets/recruit/images/main/index/mainBoard/title/pc.svg");
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  line-height: 0;
  text-align: center;
  text-indent: 200%;
  white-space: nowrap;
}
@media screen and (max-width:768px) {
  #mainBoardTitle {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 51.171875%;
    height: auto;
    padding-top: 15.625%;
    background-image: url("/assets/recruit/images/main/index/mainBoard/title/sp.svg");
  }
}
@media screen and (max-width:500px) {
  #mainBoardTitle {
    width: 255.859px;
    height: 78.125px;
    padding-top: 0;
  }
}



/* =====================
  mainBoardSlider
===================== */
#mainBoardSlider {
  position: relative;
}


/*  mainBoardSlider__item
------------------------*/
.mainBoardSlider__item {
  position: relative;
}
@media screen and (max-width:768px) {
  .mainBoardSlider__item {
    max-height: 540px;
    min-height: 400px;
  }
}

.mainBoardSlider__item img {
  width: 100%;
}
@media screen and (max-width:768px) {
  .mainBoardSlider__item img {
    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: auto;
    height: 100%;
  }
}

@media screen and (max-width:768px) {
  .mainBoardSlider__item:nth-of-type(3) img {
    left: -120px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}


/*  mainBoardSlider__item--animation
------------------------*/
.mainBoardSlider__item--animation {
  -webkit-animation: fadezoom 16s 0s forwards;
       -o-animation: fadezoom 16s 0s forwards;
          animation: fadezoom 16s 0s forwards;
}

@-webkit-keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-o-keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  75% {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2);
  }
}



/* =====================
  mainBoardvideo
===================== */
#mainBoardvideo {
  position: relative;
  z-index: 0;
  /*padding-top: 633px;*/
  overflow: hidden;
}
/*@media screen and (max-width:1366px) {
  #mainBoardvideo {
    padding-top: 46.339678%;  633px
  }
}
@media screen and (max-width:768px) {
  #mainBoardvideo {
    min-height: 400px;
    max-height: 540px;
    padding-top: 0;
  }
}*/



/*  mainBoardvideo__pc
------------------------*/
#mainBoardvideo__pc {
  display: block;
}
@media screen and (max-width:768px) {
  #mainBoardvideo__pc {
    display: none;
  }
}

#mainBoardvideo__pc video {
  display: block;
  /*position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);*/
  width: 100%;
}


/*  mainBoardvideo__tablet
------------------------*/
#mainBoardvideo__tablet {
  display: none;
}
@media screen and (max-width:768px) {
  #mainBoardvideo__tablet {
    display: block;
  }
}
@media screen and (max-width:414px) {
  #mainBoardvideo__tablet {
    display: none;
  }
}

#mainBoardvideo__tablet video {
  display: block;
  /*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%);
  height: 100%;*/
  width: 100%;
}


/*  mainBoardvideo__sp
------------------------*/
#mainBoardvideo__sp {
  display: none;
}
@media screen and (max-width:414px) {
  #mainBoardvideo__sp {
    display: block;
  }
}

#mainBoardvideo__sp video {
  display: block;
  /*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%);
  height: 100%;*/
  width: 100%;
}



/* =====================
  schedule
===================== */
#schedule {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 999;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1000px;
  margin: 0 auto;
  padding: 40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: -moz-linear-gradient(left,  rgba(0,176,227,0.9) 0%, rgba(117,220,161,0.9) 100%);
  background: -webkit-linear-gradient(left,  rgba(0,176,227,0.9) 0%,rgba(117,220,161,0.9) 100%);
  background: linear-gradient(to right,  rgba(0,176,227,0.9) 0%,rgba(117,220,161,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e600b0e3', endColorstr='#e675dca1',GradientType=1 );
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
}
@media screen and (max-width:768px) {
  #schedule {
    display: block;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    width: auto;
    padding: 20px;
  }
}


/*  schedule__item
------------------------*/
.schedule__item + .schedule__item {
  margin-left: 50px;
}
@media screen and (max-width:768px) {
  .schedule__item + .schedule__item {
    margin-left: 0;
  }
}

/* =====================
  scheduleMain
===================== */
#scheduleMain {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: .08em;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
}
@media screen and (max-width:768px) {
  #scheduleMain {
    font-size: 18px;
    justify-content: center;
  }
}
@media screen and (max-width:600px) {
  #scheduleMain {
    font-size: 16px;
  }
}
@media screen and (max-width:425px) {
  #scheduleMain {
    font-size: 14px;
  }
}

#scheduleMain:only-child {
  flex-grow: 1;
  justify-content: center;
}

#scheduleMain:before {
  display: block;
  width: 37px;
  height: 32px;
  margin-right: 20px;
  background-image: url("/assets/recruit/images/main/index/schedule/calendar.svg");
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
  content: " ";
}
@media screen and (max-width:768px) {
  #scheduleMain:before {
    width: 29px;
    height: 25px;
    margin-right: 15px;
  }
}



/* =====================
  scheduleButton
===================== */
@media screen and (max-width:768px) {
  #scheduleButton {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 10px;
  }
}
@media screen and (max-width:600px) {
  #scheduleButton {
    max-width: 450px;
  }
}

#scheduleButton a {
  display: block;
  position: relative;
  padding: 8px 40px;
  padding-right: 55px;
  border-radius: 50px;
  background-color: #fff;
  color: #6bd4a8;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: .08em;
  text-decoration: none;
  text-align: center;
  text-indent: .08em;
}
@media screen and (max-width:768px) {
  #scheduleButton a {
    font-size: 18px;
    padding-right: 40px;
    color: #5cb2d3;
  }
}
@media screen and (max-width:600px) {
  #scheduleButton a {
    font-size: 16px;
  }
}
@media screen and (max-width:425px) {
  #scheduleButton a {
    font-size: 14px;
  }
}

#scheduleButton a:after {
  display: block;
  position: absolute;
  top: 0;
  right: 26px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #6bd4a8;
  border-right: 2px solid #6bd4a8;
  -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;
}
@media screen and (max-width:768px) {
  #scheduleButton a:after {
    right: 18px;
    width: 8px;
    height: 8px;
  }
}

#scheduleButton a:hover:after {
  right: 21px;
}
@media screen and (max-width:768px) {
  #scheduleButton a:hover:after {
    right: 13px;
  }
}



/* =====================
  mainContents
===================== */
.mainContents {
  position: relative;
  padding: 70px 0;
}
@media screen and (max-width:768px) {
  .mainContents {
    padding: 50px 20px;
  }
}@media screen and (max-width:600px) {
  .mainContents {
    padding: 30px 20px;
  }
}


/*  mainContents__inner
------------------------*/
.mainContents__inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}



/* =====================
  mainContentsTitle
===================== */
.mainContentsTitle {
  margin-bottom: 40px;
  font-weight: 700;
  color: #fff;
  font-size: 32px;
  letter-spacing: .02em;
  text-align: center;
  text-indent: .02em;
}
@media screen and (max-width:768px) {
  .mainContentsTitle {
    margin-bottom: 30px;
    font-size: 28.5px;
  }
}
@media screen and (max-width:600px) {
  .mainContentsTitle {
    font-size: 25px;
  }
}

.mainContentsTitle > span {
  display: block;
  font-size: .45em;
}



/* =====================
  information
===================== */
#schedule + #information {
  padding-top: 105px;
}
@media screen and (max-width:768px) {
  #schedule + #information {
    padding-top: 50px;
  }
}
@media screen and (max-width:600px) {
  #schedule + #information {
    padding-top: 30px;
  }
}



/* =====================
  informationList
===================== */
.informationList {
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
}

.basicTabs + .informationList {
    margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .basicTabs + .informationList {
      margin-top: 24px;
  }
}


/*  informationList__item
------------------------*/
.informationList__item a ,
.informationList__item span {
  display: block;
  position: relative;
  padding: 20px 40px;
  padding-right: 44px;
  color: #444141;
  letter-spacing: .02em;
  text-decoration: none;
}
@media screen and (max-width:768px) {
  .informationList__item a ,
  .informationList__item span {
    padding: 20px 0;
    padding-right: 20px;
  }
}

.informationList__item a:after {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}
@media screen and (max-width:768px) {
  .informationList__item a:after {
    right: 2px;
    width: 8px;
    height: 8px;
  }
}

.informationList__item a:hover .informationTitle {
  text-decoration: underline;
}

.informationList__item + .informationList__item {
  border-top: 1px solid #b5b5b5;
}



/* =====================
  informationDetails
===================== */
.informationDetails {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
}
@media screen and (max-width:768px) {
  .informationDetails {
    display: block;
  }
}


/*  informationList__item
------------------------*/
.informationDetails__item + .informationDetails__item {
  margin-left: 65px;
}
@media screen and (max-width:768px) {
  .informationDetails__item + .informationDetails__item {
    margin-top: 10px;
    margin-left: 0;
  }
}



/* =====================
  informationDate
===================== */
.informationDate {
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
}
@media screen and (max-width:768px) {
  .informationDate {
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .informationDate {
    font-size: 13px;
  }
}



/* =====================
  informationType
===================== */
.informationType {
  display: table;
  width: 120px;
  margin-bottom: 7px;
  padding: 1px 5px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #444141;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: .12em;
  text-align: center;
  text-indent: .12em;
}
@media screen and (max-width:768px) {
  .informationType {
    position: absolute;
    top: 1px;
    left: 8.5em;
    width: 95px;
    margin-bottom: 0;
    font-size: 10px;
  }
}
@media screen and (max-width:600px) {
  .informationType {
    left: 8em;
  }
}

.informationType--recruit {
  background-color: #00b0e3;
}

.informationType--intern {
  background-color: #6dd69a;
}



/* =====================
  informationTitle
===================== */
.informationTitle {
  font-size: 16px;
  letter-spacing: .02em;
}
@media screen and (max-width:768px) {
  .informationTitle {
    font-size: 14px;
  }
}



/* =====================
  informationButton
===================== */
.informationButton {
  margin-top: 15px;
  padding: 0 20px;
  text-align: right;
}
@media screen and (max-width:768px) {
  .informationButton {
    margin-top: 10px;
    padding: 0;
  }
}

.informationButton a {
  display: inline-block;
  position: relative;
  padding-right: 25px;
  color: #00b0e3;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .02em;
  text-decoration: none;
}
@media screen and (max-width:768px) {
  .informationButton a {
    padding-right: 20px;
    font-size: 14px;
  }
}

.informationButton a:after {
  display: block;
  position: absolute;
  top: .125em;
  right: 2px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #00b0e3;
  border-right: 2px solid #00b0e3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
}
@media screen and (max-width:768px) {
  .informationButton a:after {
    top: .142857em;
    width: 8px;
    height: 8px;
  }
}

.informationButton a:hover {
  text-decoration: underline;
}



/* =====================
  job
===================== */
#job:before ,
#job:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 406px;
  content: " ";
}
@media screen and (max-width:768px) {
  #job:before ,
  #job:after {
    height: auto;
    max-height: 406px;
    padding-top: 52.864583%;
  }
}

#job:before {
  background-image: url("/assets/recruit/images/main/index/job/bg.jpg");
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}

#job:after {
  background: -moz-linear-gradient(left,  rgba(0,176,227,0.85) 0%, rgba(117,220,161,0.85) 100%);
  background: -webkit-linear-gradient(left,  rgba(0,176,227,0.85) 0%,rgba(117,220,161,0.85) 100%);
  background: linear-gradient(to right,  rgba(0,176,227,0.85) 0%,rgba(117,220,161,0.85) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d900b0e3', endColorstr='#d975dca1',GradientType=1 );
}



/* =====================
  jobContainer
===================== */
#jobContainer {
  padding: 20px;
  background-color: #eee;
}
@media screen and (max-width:768px) {
  #jobContainer {
    padding: 15px;
  }
}



/* =====================
  jobTab
===================== */
#jobTab {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
}
@media screen and (max-width:768px) {
  #jobTab {
    display: none;
  }
}


/*  jobTab__item
------------------------*/
.jobTab__item {
  position: relative;
  width: 160px;
  padding: 10px 10px 11px;
  padding-top: 20px;
  color: #444141;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .08em;
  text-decoration: none;
  text-align: center;
  text-indent: .08em;
}

.jobTab__item:before {
  display: block;
  width: 95px;
  height: 95px;
  margin: 0 auto;
  margin-bottom: 10px;
  border: 1px solid #00b0e3;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  background-position: 50%;
  -webkit-background-size: 95px;
          background-size: 95px;
  background-repeat: no-repeat;
  content: " ";
}
@media screen and (max-width:768px) {
  .jobTab__item:before {
    -webkit-background-size: contain;
            background-size: contain;
  }
}

.jobTab__item--general:before {
  background-image: url("/assets/recruit/images/main/index/job/general.svg");
}

.jobTab__item--english:before {
  background-image: url("/assets/recruit/images/main/index/job/english.svg");
}

.jobTab__item--photo:before {
  background-image: url("/assets/recruit/images/main/index/job/photo.svg");
}

.jobTab__item--system:before {
  background-image: url("/assets/recruit/images/main/index/job/system.svg");
}

.jobTab__item--business:before {
  background-image: url("/assets/recruit/images/main/index/job/business.svg");
}

.jobTab__item--admin:before {
  background-image: url("/assets/recruit/images/main/index/job/admin.svg");
}

.jobTab__item:hover {
  cursor: pointer;
}


/* jobTab__item--select */
.jobTab__item--select {
  background-color: #fff;
}



/* =====================
  jobTabContainer
===================== */
#jobTabContainer {
  margin-top: 20px;
}
@media screen and (max-width:768px) {
  #jobTabContainer {
    margin-top: 0;
  }
}


/*  jobTabContainer__item
------------------------*/
.jobTabContainer__item.JS-tabsContainer__item + .jobTabContainer__item.JS-tabsContainer__item {
  display: none;
}
@media screen and (max-width:768px) {
  .jobTabContainer__item.JS-tabsContainer__item + .jobTabContainer__item.JS-tabsContainer__item {
    display: block;
  }
}

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



/* =====================
  jobContents
===================== */
.jobContents {
  background-color: #fff;
}


/*  jobContents__title
------------------------*/
.jobContents__title {
  display: none;
  position: relative;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 17px;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
}
@media screen and (max-width:768px) {
  .jobContents__title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
}
@media screen and (max-width:425px) {
  .jobContents__title {
    padding: 15px;
    font-size: 15px;
  }
}

.jobContents__title:before {
  display: block;
  width: 53px;
  height: 53px;
  margin-right: 15px;
  border: 1px solid #00b0e3;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  -webkit-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  -o-flex: none;
  flex: none;
  content: " ";
}
@media screen and (max-width:425px) {
  .jobContents__title:before {
    width: 43px;
    height: 43px;
  }
}

.jobContents__title--general:before {
  background-image: url("/assets/recruit/images/main/index/job/general.svg");
}

.jobContents__title--english:before {
  background-image: url("/assets/recruit/images/main/index/job/english.svg");
}

.jobContents__title--photo:before {
  background-image: url("/assets/recruit/images/main/index/job/photo.svg");
}

.jobContents__title--system:before {
  background-image: url("/assets/recruit/images/main/index/job/system.svg");
}

.jobContents__title--business:before {
  background-image: url("/assets/recruit/images/main/index/job/business.svg");
}

.jobContents__title--admin:before {
  background-image: url("/assets/recruit/images/main/index/job/admin.svg");
}

.jobContents__title.JS-toggleMenu {
  padding-right: 52px;
}
@media screen and (max-width:425px) {
  .jobContents__title.JS-toggleMenu {
    padding-right: 42px;
  }
}

.jobContents__title.JS-toggleMenu:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: normal;
  font-size: 12px;
  font-family: 'icomoon';
  text-align: center;
  content: "\e903";
}
@media screen and (max-width:425px) {
  .jobContents__title.JS-toggleMenu:after {
    right: 15px;
  }
}

.jobContents__title.JS-toggleMenu.JS-toggleMenu__active:after {
  content: "\e902";
}


/*  jobContents__body
------------------------*/
.jobContents__body {
  overflow: hidden;
}

@media screen and (max-width:768px) {
  .jobContents__body {
    border-top: 2px solid #eee;
  }
}

@media screen and (max-width:768px) {
  .jobContents__body.JS-toggleMenuBody {
    display: none;
  }
}



/* =====================
  jobDetails
===================== */
.jobDetails {
  padding: 40px 30px;
  text-align: center;
}
@media screen and (max-width:768px) {
  .jobDetails {
    padding: 20px 15px;
  }
}


/*  jobDetails__item
------------------------*/
.jobDetails__item + .jobDetails__item {
  margin-top: 20px;
}
@media screen and (max-width:768px) {
  .jobDetails__item + .jobDetails__item {
    margin-top: 15px;
  }
}



/* =====================
  jobSubTitle
===================== */
.jobSubTitle {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: .08em;
}
@media screen and (max-width:768px) {
  .jobSubTitle {
    font-size: 18px;
  }
}
@media screen and (max-width:600px) {
  .jobSubTitle {
    font-size: 16px;
  }
}



/* =====================
  jobText
===================== */
.jobText {
  font-size: 16px;
  letter-spacing: .04em;
  text-indent: .04em;
}
@media screen and (max-width:768px) {
  .jobText {
    font-size: 14px;
    text-align: left;
  }
}



/* =====================
  jobButton
===================== */
.jobButton a {
  display: inline-block;
  position: relative;
  width: 34.5%;
  padding: 15px 20px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #00b0e3;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .08em;
  text-decoration: none;
  text-indent: .08em;
}
@media screen and (max-width:768px) {
  .jobButton a {
    width: 46.407186%;
    min-width: 220px;
    font-size: 14px;
  }
}

.jobButton a:after {
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin: auto;
  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: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:768px) {
  .jobButton a:after {
    width: 8px;
    height: 8px;
  }
}

.jobButton a:hover:after {
  right: 15px;
}



/* =====================
  jobList
===================== */
.jobList {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 0 -4px -4px;
  overflow: hidden;
  border-top: 4px solid #eee;
  -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: center;
      align-items: center;
}
@media screen and (max-width:500px) {
  .jobList {
    display: block;
  }
}


/*  jobList__item
------------------------*/
.jobList__item {
  position: relative;
  width: -webkit-calc( ( 100% - ( 4px * 3 ) ) / 3 );
  width: calc( ( 100% - ( 4px * 3 ) ) / 3 );
  margin-left: 4px;
  padding: 15px 30px;
  padding-right: 15px;
  border-bottom: 4px solid #eee;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  letter-spacing: .08em;
}
@media screen and (max-width:768px) {
  .jobList__item {
    width: -webkit-calc( ( 100% - ( 4px * 2 ) ) / 2 );
    width: calc( ( 100% - ( 4px * 2 ) ) / 2 );
    font-size: 14px;
  }
}
@media screen and (max-width:500px) {
  .jobList__item {
    width: auto;
  }
}

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

.jobList__item:before {
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #00b0e3;
}

.jobList__item:after {
  top: -4px;
  right: -4px;
  bottom: -4px;
  width: 4px;
  background-color: #eee;
}



/* =====================
  about
===================== */
#about {
  background-image: url("/assets/recruit/images/main/index/about/bg.jpg");
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}

#about .mainContents__inner {
  max-width: 860px;

}


/* =====================
  aboutContainer
===================== */
/*  aboutContainer__item
------------------------*/
.aboutContainer__item + .aboutContainer__item {
  margin-top: 20px;
}
@media screen and (max-width:768px) {
  .aboutContainer__item + .aboutContainer__item {
    margin-top: 5px;
  }
}



/* =====================
  aboutContents
===================== */
.aboutContents {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 25px 35px;
  background-color: #fff;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}
@media screen and (max-width:768px) {
  .aboutContents {
    display: block;
    padding: 0;
    background-color: transparent;
  }
}


/*  aboutContents__item
------------------------*/
.aboutContents__item {
  width: 50%;
}
@media screen and (max-width:768px) {
  .aboutContents__item {
    width: auto;
    padding: 15px;
    background-color: #fff;
  }
}
@media screen and (max-width:425px) {
  .aboutContents__item {
    padding: 0;
    background-color: transparent;
  }
}

.aboutContents__item + .aboutContents__item {
  border-left: 1px solid #00b0e3;
}
@media screen and (max-width:768px) {
  .aboutContents__item + .aboutContents__item {
    margin-top: 5px;
    border-left: none;
  }
}


/*  aboutContents__item--flex
------------------------*/
.aboutContents__item--flex {
  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) {
  .aboutContents__item--flex {
    display: block;
  }
}

.aboutContents__item--flex .aboutDetails {
  width: 50%;
}
@media screen and (max-width:425px) {
  .aboutContents__item--flex .aboutDetails {
    width: auto;
  }
}

.aboutContents__item--flex .aboutDetails + .aboutDetails {
  border-left: 1px solid #00b0e3;
}
@media screen and (max-width:425px) {
  .aboutContents__item--flex .aboutDetails + .aboutDetails {
    border-left: none;
  }
}



/* =====================
  aboutDetails
===================== */
.aboutDetails {
  text-align: center;
}
@media screen and (max-width:425px) {
  .aboutDetails {
    padding: 15px;
    background-color: #fff;
  }
}

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


/*  aboutDetails__title
------------------------*/
.aboutDetails__title {
  position: relative;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .08em;
  text-indent: .08em;
}

.aboutContents__item .aboutDetails + .aboutDetails .aboutDetails__title:before ,
.aboutContents__item + .aboutContents__item .aboutDetails__title:before {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 999;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
       -o-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  content: " ";
}

@media screen and (max-width:768px) {
  .aboutContents__item + .aboutContents__item .aboutDetails__title:before {
    content: none;
  }
}

@media screen and (max-width:425px) {
  .aboutContents__item .aboutDetails + .aboutDetails .aboutDetails__title:before {
    content: none;
  }
}


/*  aboutDetails__body
------------------------*/
.aboutDetails__body {
  position: relative;
  padding: 20px;
  padding-bottom: 25px;
  border-top: 1px solid #00b0e3;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:768px) {
  .aboutDetails__body {
    padding: 10px;
    padding-bottom: 15px;
  }
}

.aboutContainer__item .aboutDetails__body {
  min-height: 207px;
}
@media screen and (max-width:768px) {
  .aboutContainer__item .aboutDetails__body {
    min-height: auto;
  }
}

.aboutContainer__item + .aboutContainer__item .aboutDetails__body {
  min-height: 253px;
}
@media screen and (max-width:768px) {
  .aboutContainer__item + .aboutContainer__item .aboutDetails__body {
    min-height: auto;
  }
}

.aboutDetails__body:before {
  display: block;
  height: 90px;
  background-position: 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}

.aboutDetails__body--establish:before {
  background-image: url("/assets/recruit/images/main/index/about/establish.svg");
}

.aboutDetails__body--employee:before {
  background-image: url("/assets/recruit/images/main/index/about/employee.svg");
}

.aboutDetails__body--company:before {
  background-image: url("/assets/recruit/images/main/index/about/company.svg");
}

.aboutDetails__body--newsAgency {
  color: #00b0e3;
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

.aboutDetails__body--newsAgency:before {
  background-image: url("/assets/recruit/images/main/index/about/newsAgency.svg");
}

.aboutDetails__body--graph:before {
  background-image: url("/assets/recruit/images/main/index/about/graph.svg");
}

.aboutDetails__body--ijamp:before {
  background-image: url("/assets/recruit/images/main/index/about/iJAMP.svg");
}

.aboutDetails__body--base:before {
  content: none;
}



/* =====================
  aboutValue
===================== */
.aboutValue {
  color: #00b0e3;
  font-weight: 300;
  font-size: 45px;
  font-family: 'Roboto', sans-serif;
  line-height: 1.25;
}

 .aboutDetails__body--establish > .aboutValue{
  font-size: 35px;
  line-height: 1.6;
}


/* =====================
  aboutSubscript
===================== */
.aboutSubscript {
  font-size: 16px;
}



/* =====================
  aboutNote
===================== */
.aboutNote {
  font-size: 12px;
  letter-spacing: .08em;
  white-space: nowrap;
}

.aboutValue + .aboutNote {
  margin-top: -.25em;
}



/* =====================
  aboutMany
===================== */
.aboutMany {
  position: absolute;
  right: 15px;
  bottom: 0;
  left: 15px;
  color: #444141;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: .08em;
  text-align: right;
}



/* =====================
  aboutCaption
===================== */
.aboutCaption {
  font-size: 16px;
  letter-spacing: .08em;
}



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


/*  aboutContract__item
------------------------*/
.aboutContract__item {
  position: relative;
}

.aboutContract__item:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
       -o-transform: rotate(15deg);
          transform: rotate(15deg);
  width: 1px;
  height: 35px;
  margin: auto;
  background-color: #00b0e3;
}

.aboutContract__item + .aboutContract__item {
  margin-left: 16px;
}

.aboutContract__item + .aboutContract__item:before {
  content: " ";
}



/* =====================
  aboutMunicipality
===================== */
.aboutMunicipality {
  color: #00b0e3;
  font-size: 16px;
  line-height: 1.2;
}

.aboutMunicipality > span {
  display: block;
  font-size: 13px;
}



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

.aboutButton a {
  display: block;
  position: relative;
  padding: 5px 20px;
  border-radius: 50px;
  background-color: #00b0e3;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .08em;
  text-decoration: none;
  text-align: center;
  text-indent: .08em;
}

.aboutButton a:after {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  height: 8px;
  margin: auto;
  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: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.aboutButton a:hover:after {
  right: 7px;
}


/*  aboutButton--ijamp
------------------------*/
.aboutButton--ijamp {
  margin: 10px 0;
  margin-bottom: 5px;
}

.aboutButton--ijamp a {
  display: inline-block;
  padding: 0;
  padding-right: 20px;
  border-radius: 0;
  background-color: transparent;
  color: #00b0e3;
}

.aboutButton--ijamp a:after {
  right: 2px;
  border-top: 2px solid #00b0e3;
  border-right: 2px solid #00b0e3;
}

.aboutButton--ijamp a:hover:after {
  right: -3px;
}



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


/*  aboutBase__item
------------------------*/
.aboutBase__item {
  width: -webkit-calc( ( 100% - 30px ) / 2 );
  width: calc( ( 100% - 30px ) / 2 );
}
@media screen and (max-width:425px) {
  .aboutBase__item {
    width: auto;
  }
}

.aboutBase__item:before {
  display: block;
  height: 90px;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}

.aboutBase__item--japan:before {
  background-image: url("/assets/recruit/images/main/index/about/japan.svg");
}

.aboutBase__item--abroad:before {
  background-image: url("/assets/recruit/images/main/index/about/abroad.svg");
}

.aboutBase__item + .aboutBase__item {
  margin-left: 30px;
}
@media screen and (max-width:425px) {
  .aboutBase__item + .aboutBase__item {
    margin-top: 20px;
    margin-left: 0;
  }
}



/* =====================
  interview
===================== */
@media screen and (max-width:768px) {
  #interview.mainContents {
    padding: 50px 0;
  }
}

#interview .mainContentsTitle {
  color: #444141;
}



/* =====================
  interviewSlider
===================== */
.interviewSlider {
  position: relative;
}


/*  interviewSlider__item
------------------------*/
.interviewSlider__item {
  position: relative;
}

.interviewSlider__item a {
  display: block;
  overflow: hidden;
}

.interviewSlider__item img {
  width: 100%;
  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}

.interviewSlider__item a:hover img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}



/* =====================
  interviewSliderDots
===================== */
.interviewSliderDots {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 20px;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
}

.interviewSliderDots li +li {
  margin-left: 12px;
}

.interviewSliderDots button {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  background-color: #ddd;
  text-indent: 200%;
  white-space: nowrap;
  outline: none;
}

.interviewSliderDots .slick-active button {
  background-color: #00b0e3;
}

.interviewSliderDots button:hover {
  cursor: pointer;
}



/* =====================
  interviewSliderArrow
===================== */
.interviewSliderArrow {
  position: absolute;
  top: 0;
  bottom: 36px;
  z-index: 999;
  width: 50px;
}

.interviewSliderArrow span {
  opacity: .8;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  margin: auto;
  overflow: hidden;
  border-width: 10px;
  border-style: solid;
  border-color: #00b0e3 #00b0e3 transparent transparent;
  color: #fff;
  text-indent: 1000%;
  white-space: nowrap;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.interviewSliderArrow span:hover {
  opacity: 1;
  cursor: pointer;
}

/*  interviewSliderArrow--prev
------------------------*/
.interviewSliderArrow--prev {
  left: 20px;
}

.interviewSliderArrow--prev span {
  left: 35%;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.interviewSliderArrow--prev span:hover {
  left: 20%;
}


/*  interviewSliderArrow--next
------------------------*/
.interviewSliderArrow--next {
  right: 20px;
}

.interviewSliderArrow--next span {
  right: 35%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

.interviewSliderArrow--next span:hover {
  right: 20%;
}



/* =====================
  interviewDetails
===================== */
.interviewDetails {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 95%;
  max-width: 250px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  padding: 15px 20px;
  padding-top: 25px;
}
@media screen and (max-width:768px) {
  .interviewDetails {
    padding: 10px 15px;
    padding-top: 20px;
  }
}
@media screen and (max-width:600px) {
  .interviewDetails {
    padding: 10px 12px;
    padding-top: 20px;
  }
}



/* =====================
  interviewBelong
===================== */
.interviewBelong {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 95%;
  max-width: 215px;
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: #00b0e3;
  background: -moz-linear-gradient(left,  #00b0e3 0%, #75dca1 100%);
  background: -webkit-linear-gradient(left,  #00b0e3 0%,#75dca1 100%);
  background: linear-gradient(to right,  #00b0e3 0%,#75dca1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0e3', endColorstr='#75dca1',GradientType=1 );
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .08em;
}
@media screen and (max-width:768px) {
  .interviewBelong {
    padding: 5px 15px;
    font-size: 14px;
  }
}
@media screen and (max-width:600px) {
  .interviewBelong {
    padding: 5px 12px;
  }
}
@media screen and (max-width:390px) {
  .interviewBelong {
    font-size: 13px;
  }
}
@media screen and (max-width:370px) {
  .interviewBelong {
    font-size: 12px;
  }
}
@media screen and (max-width:340px) {
  .interviewBelong {
    font-size: 11px;
  }
}



/* =====================
  interviewName
===================== */
.interviewName {
  color: #444141;
  font-size: 26px;
  letter-spacing: .2em;
}
@media screen and (max-width:768px) {
  .interviewName {
    font-size: 24px;
  }
}
@media screen and (max-width:600px) {
  .interviewName {
    font-size: 22px;
  }
}
@media screen and (max-width:350px) {
  .interviewName {
    font-size: 21px;
  }
}
@media screen and (max-width:340px) {
  .interviewName {
    font-size: 20px;
  }
}
@media screen and (max-width:330px) {
  .interviewName {
    font-size: 19px;
  }
}



/* =====================
  interviewJoin
===================== */
.interviewJoin {
  position: relative;
  padding-left: 20px;
  color: #8c8c8c;
  font-size: 14px;
  letter-spacing: .04em;
}
@media screen and (max-width:425px) {
  .interviewJoin {
    padding-left: 18px;
    font-size: 12px;
  }
}

.interviewJoin:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 1px;
  margin: auto;
  background-color: #8c8c8c;
  content: " ";
}
@media screen and (max-width:425px) {
  .interviewJoin:before {
    width: 10px;
  }
}



/* =====================
  link
===================== */
#link {
  padding-top: 0;
}



/* =====================
  linkContents
===================== */
/*  linkContents__item
------------------------*/
.linkContents__item {
  overflow: hidden;
}

.linkContents__item + .linkContents__item {
  margin-top: 30px;
}
@media screen and (max-width:768px) {
  .linkContents__item + .linkContents__item {
    margin-top: 15px;
  }
}



/* =====================
  linkList
===================== */
#linkList {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 0 -30px -30px;
  -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: flex-start;
      align-items: flex-start;
}
@media screen and (max-width:768px) {
  #linkList {
    display: block;
    margin: 0 0 -15px 0;
  }
}


/*  linkList__item
------------------------*/
.linkList__item {
  position: relative;
  width: -webkit-calc( ( 100% - 60px ) / 2 );
  width: calc( ( 100% - 60px ) / 2 );
  margin: 0 0 30px 30px;
}
@media screen and (max-width:768px) {
  .linkList__item {
    width: auto;
    margin: 0 0 15px 0;
  }
}

.linkList__item a {
  display: block;
}

.linkList__item img {
  width: 100%;
}



/* =====================
  linkTitle
===================== */
.linkTitle {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: absolute;
  top: 50%;
  right: 35px;
  left: 35px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  font-weight: 500;
  font-size: 26px;
  letter-spacing: .14em;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
}
@media screen and (max-width:768px) {
  .linkTitle {
    right: 25px;
    left: 25px;
    font-size: 24px;
  }
}
@media screen and (max-width:600px) {
  .linkTitle {
    right: 15px;
    left: 15px;
    font-size: 22px;
  }
}
@media screen and (max-width:425px) {
  .linkTitle {
    display: block;
    font-size: 20px;
  }
}

.linkTitle:before ,
.linkTitle:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto 0;
  content: " ";
}

.linkTitle:before {
  right: 0;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media screen and (max-width:768px) {
  .linkTitle:before {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width:425px) {
  .linkTitle:before {
    width: 35px;
    height: 35px;
  }
}

.linkTitle:after {
  right: 22px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}
@media screen and (max-width:768px) {
  .linkTitle:after {
    right: 17px;
    width: 8px;
    height: 8px;
  }
}
@media screen and (max-width:425px) {
  .linkTitle:after {
    right: 15px;
  }
}

.linkList__item a:hover .linkTitle:after {
  right: 17px;
}
@media screen and (max-width:768px) {
  .linkList__item a:hover .linkTitle:after {
    right: 12px;
  }
}
@media screen and (max-width:425px) {
  .linkList__item a:hover .linkTitle:after {
    right: 10px;
  }
}


/*  linkTitle__number
------------------------*/
.linkTitle__number {
  margin-right: 15px;
  color: transparent;
  font-size: 56px;
  line-height: 1.1;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0;
  -webkit-text-stroke: .5px #fff;
          text-stroke: .5px #fff;
}
@media screen and (max-width:768px) {
  .linkTitle__number {
    font-size: 54px;
  }
}
@media screen and (max-width:600px) {
  .linkTitle__number {
    font-size: 52px;
  }
}
@media screen and (max-width:425px) {
  .linkTitle__number {
    display: block;
    margin-right: 0;
    font-size: 50px;
  }
}
@media screen and (max-width:375px) {
  .linkTitle__number {
    font-size: 44px;
  }
}
@media screen and (max-width:320px) {
  .linkTitle__number {
    font-size: 38px;
  }
}

_:-ms-lang(x)::-ms-backdrop, .linkTitle__number {
  color: #fff;
}



/* =====================
  linkFaq
===================== */
#linkFaq {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: 37px 40px;
  background: #00b0e3;
  background: -moz-linear-gradient(left,  #00b0e3 0%, #75dca1 100%);
  background: -webkit-linear-gradient(left,  #00b0e3 0%,#75dca1 100%);
  background: linear-gradient(to right,  #00b0e3 0%,#75dca1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0e3', endColorstr='#75dca1',GradientType=1 );
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
}
@media screen and (max-width:768px) {
  #linkFaq {
    display: block;
    padding: 20px 25px;
  }
}
@media screen and (max-width:600px) {
  #linkFaq {
    display: block;
    padding: 15px;
  }
}


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



/* =====================
  linkFaqTitle
===================== */
#linkFaqTitle {
  color: #fff;
}
@media screen and (max-width:768px) {
  #linkFaqTitle {
    text-align: center;
  }
}
@media screen and (max-width:500px) {
  #linkFaqTitle {
    text-align: left;
  }
}


/*  linkFaqTitle__main
------------------------*/
#linkFaqTitle__main {
  font-weight: 500;
  font-size: 38px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.368421;
}
@media screen and (max-width:768px) {
  #linkFaqTitle__main {
    font-size: 36px;
  }
}
@media screen and (max-width:600px) {
  #linkFaqTitle__main {
    font-size: 34px;
  }
}
@media screen and (max-width:425px) {
  #linkFaqTitle__main {
    font-size: 32px;
  }
}
@media screen and (max-width:320px) {
  #linkFaqTitle__main {
    font-size: 30px;
  }
}


/*  linkFaqTitle__sub
------------------------*/
#linkFaqTitle__sub {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: .08em;
}
@media screen and (max-width:768px) {
  #linkFaqTitle__sub {
    font-size: 14px;
    text-indent: .08em;
  }
}



/* =====================
  linkFaqButton
===================== */
#linkFaqButton a {
  display: block;
  position: relative;
  padding: 8px 76px;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: #6bd4a8;
  font-size: 18px;
  letter-spacing: .08em;
  text-decoration: none;
  text-align: center;
  text-indent: .08em;
}
@media screen and (max-width:768px) {
  #linkFaqButton a {
    padding: 8px 38px;
    color: #5cb2d3;
    font-size: 16px;
  }
}
@media screen and (max-width:600px) {
  #linkFaqButton a {
    font-size: 14px;
  }
}

#linkFaqButton a:after {
  display: block;
  position: absolute;
  top: 0;
  right: 24px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #6bd4a8;
  border-right: 2px solid #6bd4a8;
  -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;
}
@media screen and (max-width:768px) {
  #linkFaqButton a:after {
    right: 19px;
    width: 8px;
    height: 8px;
  }
}

#linkFaqButton a:hover:after {
  right: 19px;
}
@media screen and (max-width:768px) {
  #linkFaqButton a:hover:after {
    right: 14px;
  }
}