@charset "UTF-8";
/**scss共通***/
img {
  width: 100%;
}

.test {
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: Flash1 1s infinite;
  font-family: 'Noto Serif JP', serif;
  background: linear-gradient(90deg, #00486e 0%, #00789b 100%);
}

@keyframes Flash1 {
  50% {
    opacity: 0;
  }
}
.test {
  content: "\f105";
  font-family: FontAwesome;
}

/************contents********************/
#section_kv .photobox {
  background-image: url(../media/images/company/head_pc.jpg);
}
@media screen and (max-width: 767px) {
  #section_kv .photobox {
    background-image: url(../media/images/company/head_sp.jpg);
  }
}

#section_01 {
  padding-top: 150px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  #section_01 {
    padding-top: 75px;
  }
}
#section_01 h3 {
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  #section_01 h3 {
    font-size: 6.6vw;
    margin-bottom: 40px;
  }
}
#section_01 .text01 {
  line-height: 210%;
  margin-bottom: 0px;
  letter-spacing: 0.05em;
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #section_01 .text01 {
    margin-bottom: 0px;
    text-align: left;
  }
}

.grad_contena01 {
  width: 100%;
  height: 0;
  position: absolute;
  z-index: -1;
  top: 140%;
  left: 0;
}
@media screen and (max-width: 767px) {
  .grad_contena01 {
    top: 10%;
  }
}

#section_02 {
  padding-top: 150px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #section_02 {
    padding-top: 90px;
  }
}
#section_02 .section__in {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
#section_02 h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #section_02 h3 {
    font-size: 6.6vw;
    margin-bottom: 30px;
  }
}
#section_02 .text01 {
  line-height: 180%;
  margin-bottom: 50px;
  letter-spacing: 0.05em;
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #section_02 .text01 {
    margin-bottom: 40px;
  }
}
#section_02 .text01 p {
  margin-bottom: 1.5em;
  text-indent: 1em;
}
#section_02 dl {
  width: 100%;
  border-top: 1px solid #1B2388;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section_02 dl dt {
  width: 6.5em;
  text-align: center;
  background-color: #DFE7F8;
  font-weight: 700;
  color: #1B2388;
  display: flex;
  align-items: center;
  line-height: 160%;
  border-bottom: 1px solid #1B2388;
}
@media screen and (max-width: 767px) {
  #section_02 dl dt {
    width: 4.5em;
    line-height: 125%;
  }
}
#section_02 dl dt span {
  display: block;
  text-align: left;
  padding: 0.4em 0.5em 0.5em 0.75em;
}
@media screen and (max-width: 767px) {
  #section_02 dl dt span.spcenter {
    text-align: center;
    padding: 0.4em 0.5em;
    width: 100%;
  }
}
#section_02 dl dt.pc {
  display: flex;
}
@media screen and (max-width: 767px) {
  #section_02 dl dt.pc {
    display: none;
  }
}
#section_02 dl dt.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #section_02 dl dt.sp {
    display: flex;
  }
}
#section_02 dl dd {
  width: calc(100% - 6.5em);
  line-height: 160%;
  border-bottom: 1px solid #1B2388;
  padding: 0.4em 0.5em 0.5em 0.75em;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #section_02 dl dd {
    width: calc(100% - 4.5em);
  }
}

#section_03 {
  padding-top: 150px;
}
@media screen and (max-width: 767px) {
  #section_03 {
    padding-top: 90px;
  }
}
#section_03 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section_03 h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #section_03 h3 {
    font-size: 6.6vw;
    margin-bottom: 30px;
  }
}
#section_03 .text01 {
  line-height: 180%;
  margin-bottom: 50px;
  letter-spacing: 0.05em;
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #section_03 .text01 {
    margin-bottom: 40px;
  }
}
#section_03 .text01 p {
  margin-bottom: 1.5em;
  text-indent: 1em;
}
#section_03 dl {
  width: 100%;
  border-top: 1px solid #707070;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section_03 dl dt {
  width: 8em;
  text-align: left;
  line-height: 160%;
  border-bottom: 1px solid #707070;
  padding: 1em 0.5em 1.1em 0.5em;
}
@media screen and (max-width: 767px) {
  #section_03 dl dt {
    width: 100%;
    line-height: 140%;
    border-bottom: 0px solid #707070;
    padding: 1em 0.5em 0em 0.5em;
  }
}
#section_03 dl dd {
  width: calc(100% - 8em);
  line-height: 160%;
  border-bottom: 1px solid #707070;
  padding: 1em 0.5em 1.1em 0.5em;
}
@media screen and (max-width: 767px) {
  #section_03 dl dd {
    width: 100%;
    line-height: 140%;
    padding: 0.25em 0.5em 1.1em 0.5em;
  }
}
@media all and (min-width: 767px) {
  #section_03 dl dd .pc_br {
    display: block;
  }
}

#section_04 {
  padding-top: 150px;
}
@media screen and (max-width: 767px) {
  #section_04 {
    padding-top: 90px;
  }
}
#section_04 .section__in {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}
#section_04 h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #section_04 h3 {
    font-size: 6.6vw;
    margin-bottom: 30px;
  }
}
#section_04 .text01 {
  line-height: 180%;
  margin-bottom: 50px;
  letter-spacing: 0.05em;
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #section_04 .text01 {
    margin-bottom: 40px;
  }
}
#section_04 .text01 p {
  margin-bottom: 1.5em;
  text-indent: 1em;
}
#section_04 dl {
  width: 100%;
  border-top: 1px solid #707070;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section_04 dl dt {
  width: 9em;
  text-align: left;
  line-height: 160%;
  border-bottom: 1px solid #707070;
  padding: 1em 0.5em 1.1em 0.5em;
}
@media screen and (max-width: 767px) {
  #section_04 dl dt {
    width: 100%;
    line-height: 140%;
    border-bottom: 0px solid #707070;
    padding: 1em 0.5em 0em 0.5em;
  }
}
#section_04 dl dd.dd01 {
  width: 8em;
  line-height: 160%;
  border-bottom: 1px solid #707070;
  padding: 1em 0.5em 1.1em 0.5em;
}
@media screen and (max-width: 767px) {
  #section_04 dl dd.dd01 {
    width: 100%;
    line-height: 140%;
    padding: 0.25em 0.5em 0em 0.5em;
    border-bottom: 0px solid #707070;
  }
}
@media screen and (max-width: 767px) {
  #section_04 dl dd.dd01.ontext {
    padding: 0.25em 0.5em 1.1em 0.5em;
    border-bottom: 1px solid #707070;
  }
}
#section_04 dl dd.dd02 {
  width: calc(100% - 17em);
  line-height: 160%;
  border-bottom: 1px solid #707070;
  padding: 1em 0.5em 1.1em 0.5em;
}
@media screen and (max-width: 767px) {
  #section_04 dl dd.dd02 {
    width: 100%;
    line-height: 140%;
    padding: 0.25em 0.5em 1.1em 0.5em;
  }
}
@media screen and (max-width: 767px) {
  #section_04 dl dd.dd02.notext {
    display: none;
  }
}

#section_05 {
  padding-top: 150px;
}
@media screen and (max-width: 767px) {
  #section_05 {
    padding-top: 90px;
  }
}
#section_05 .section__in {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}
#section_05 h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #section_05 h3 {
    font-size: 6.6vw;
    margin-bottom: 30px;
  }
}
#section_05 .text01 {
  line-height: 180%;
  margin-bottom: 50px;
  letter-spacing: 0.05em;
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #section_05 .text01 {
    margin-bottom: 40px;
  }
}
#section_05 .text01 p {
  margin-bottom: 1.5em;
  text-indent: 1em;
}
#section_05 dl {
  width: 100%;
  border-top: 1px solid #707070;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section_05 dl dt {
  width: 9em;
  text-align: left;
  line-height: 160%;
  border-bottom: 1px solid #707070;
  padding: 1em 0.5em 1.1em 0.5em;
}
@media screen and (max-width: 767px) {
  #section_05 dl dt {
    width: 100%;
    line-height: 140%;
    border-bottom: 0px solid #707070;
    padding: 1em 0.5em 0em 0.5em;
  }
}
#section_05 dl dd.dd01 {
  width: 8em;
  line-height: 160%;
  border-bottom: 1px solid #707070;
  padding: 1em 0.5em 1.1em 0.5em;
}
@media screen and (max-width: 767px) {
  #section_05 dl dd.dd01 {
    width: 100%;
    line-height: 140%;
    padding: 0.25em 0.5em 0em 0.5em;
    border-bottom: 0px solid #707070;
  }
}
@media screen and (max-width: 767px) {
  #section_05 dl dd.dd01.ontext {
    padding: 0.25em 0.5em 1.1em 0.5em;
    border-bottom: 1px solid #707070;
  }
}
#section_05 dl dd.dd02 {
  width: calc(100% - 17em);
  line-height: 160%;
  border-bottom: 1px solid #707070;
  padding: 1em 0.5em 1.1em 0.5em;
}
@media screen and (max-width: 767px) {
  #section_05 dl dd.dd02 {
    width: 100%;
    line-height: 140%;
    padding: 0.25em 0.5em 1.1em 0.5em;
  }
}
@media screen and (max-width: 767px) {
  #section_05 dl dd.dd02.notext {
    display: none;
  }
}

#section_06b {
  padding-top: 140px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  #section_06b {
    padding-top: 75px;
  }
}
#section_06b .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section_06b h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  #section_06b h3 {
    font-size: 6.6vw;
    margin-bottom: 30px;
  }
}
#section_06b .text01 {
  line-height: 180%;
  margin-bottom: 80px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #section_06b .text01 {
    margin-bottom: 40px;
  }
}
#section_06b ul.list_ir02 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section_06b ul.list_ir02 li {
  width: 23.33%;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #section_06b ul.list_ir02 li {
    width: 47.5%;
    margin-bottom: 4vw;
  }
}
#section_06b ul.list_ir02 li a {
  display: flex;
  width: 100%;
  height: 100%;
  border: 2px solid #1B2388;
  padding: 10px 0 18px 0;
  color: #1B2388;
  background-color: #F5F5F5;
  position: relative;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #section_06b ul.list_ir02 li a {
    padding: 2vw 0 3vw 0;
  }
}
#section_06b ul.list_ir02 li a::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all .4s ease-out;
}
#section_06b ul.list_ir02 li a:hover::after {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #section_06b ul.list_ir02 li a:hover::after {
    opacity: 0;
  }
}
#section_06b ul.list_ir02 li a div {
  width: 100%;
  text-align: center;
}
#section_06b ul.list_ir02 li a div figure {
  width: 30%;
  margin: 0 auto;
}
#section_06b ul.list_ir02 li a div figure.mini {
  width: 22%;
  margin: 0 auto;
}
#section_06b ul.list_ir02 li a div p {
  line-height: 125%;
}
@media screen and (max-width: 767px) {
  #section_06b ul.list_ir02 li a div p {
    padding-top: 0.5vw;
    font-size: 3.6vw;
  }
}

#section_06 {
  padding-top: 150px;
}
@media screen and (max-width: 767px) {
  #section_06 {
    padding-top: 90px;
  }
}
#section_06 .section__in {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
}
#section_06 h3 {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #section_06 h3 {
    font-size: 6.6vw;
    margin-bottom: 30px;
  }
}
#section_06 .text01 {
  line-height: 180%;
  margin-bottom: 50px;
  letter-spacing: 0.05em;
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #section_06 .text01 {
    margin-bottom: 40px;
  }
}
#section_06 .text01 p {
  margin-bottom: 1.5em;
  text-indent: 1em;
}

#section_link {
  width: 100%;
  background-color: #fff;
  padding: 150px 0;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  #section_link {
    padding: 90px 0;
  }
}
#section_link h3.titles {
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #section_link h3.titles {
    font-size: 6.6vw;
    margin-bottom: 20px;
  }
}
#section_link .cates {
  width: 90%;
  max-width: 900px;
  margin: 50px auto 10px auto;
  position: relative;
  font-weight: 600;
  text-align: center;
}
#section_link .cates span {
  background-color: #fff;
  font-size: 24px;
  color: #001B78;
  padding: 0 1em 0 1em;
  position: relative;
  z-index: 5;
}
#section_link .cates::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #001B78;
  position: absolute;
  top: 50%;
  left: 0;
}

/******************************************/
.test {
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: Flash1 1s infinite;
  font-family: 'Noto Serif JP', serif;
  background: linear-gradient(90deg, #00486e 0%, #00789b 100%);
}

/*# sourceMappingURL=company_top.css.map */