@charset "utf-8";

.section-bg{
  background-image: url(../images/bg.png);
}
.section__body{
  background-size: contain;
}
.section__title{
  text-align: center;
  margin-bottom: 60px;
}
.section__title i{
  font-size: 18px;
  color: #1A47AF;
}
.section__title h2{
  font-size: 34px;
  padding: 10px 0;
}
.title__underline{
  display: flex;
  justify-content: center;
}
.title__underline--left{
  width: 60px;
  height: 6px;
  background-color: #CF1A15;
}
.title__underline--right{
  width: 60px;
  height: 6px;
  background-color: #1A47AF;
}
.flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
.red{
  color: #CF1A15;
}
@media screen and (max-width: 960px) {
  .section-bg{
    background-image: url(../images/bg-sp.png);
  }
  .section__title{
    background-color: #fff;
    width: 98.5%;
    margin: 0 auto;
    padding-bottom: 40px;
  }
}

#con_header4 img{
  height: 50px;
}
/* top-view */
.top-view{
  background-color: #CF1A15;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .top-view img {
  width: 100%;
  }
}
/* top-view */

/* section-01 */
.section-01{
  background-size: cover;
  text-align: center;
  padding: 100px 0;
  font-size: 20px;
}
.section-01 a{
  text-decoration: none;
  width: 380px;
  height: 70px;
  display: inline-block;
  line-height: 70px;
  background-color: #1A47AF;
  color: #fff;
  margin: 40px 20px 20px;
  position: relative;
}
.section-01 span{
  font-size: 26px;
}
.triangle{
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 20px;
}
@media screen and (max-width: 960px) {
  .section-01{
    background-image: url(../images/bg-sp.png);
    padding: 50px 0 300px;
    font-size: 18px;
  }
  .section-01 a{
    width: 335px;
    height: 50px;
    line-height: 50px;
    margin: 20px 0 -10px;
    font-size: 16px;
  }
  .section-01 span{
    font-size: 20px;
  }
  .triangle{
    top: 20px;
  }
}
@media screen and (max-width: 500px) {
  .section-01{
    padding: 50px 0 60vw;
  }
}
@media screen and (max-width: 470px) {
  .section-01{
    background-size: contain;
  }
}
/* section-01 */

/* section-02 */
.section-02{
  height: 800px;
  position: relative;
  color: #fff;
}
.section-02__title{
  position: absolute;
  top: -50px;
  left: calc(((100vw - 1300px) / 2) + 120px);
}
.section-02__title img{
  width: 475px;
}
.section-02__title__text{
  position: absolute;
  font-weight: bold;
  top: 90px;
  left: 45px;
  font-size: 24px;
}
.section-02__title__text h2{
  font-size: 34px;
  margin-bottom: 15px;
}
.section-02__bg{
  max-width: 1300px;
  margin: 0 auto;
}
.section-02__text{
  background-image: url(../images/section-02__item-02.png);
  background-size: cover;
  font-size: 18px;
  color: #fff;
  width: 700px;
  height: 100px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  bottom: 60px;
  padding: 30px;
}
@media screen and (max-width: 1300px) {
  .section-02{
    height: 61.53vw;
  }
  .section-02__title{
    top: -3.85vw;
    left: 9.23vw;
  }
  .section-02__title img{
    width: 36.54vw;
  }
  .section-02__title__text{
    top: 6.92vw;
    left: 3.46vw;
    font-size: 1.85vw;
  }
  .section-02__title__text h2{
    font-size: 2.62vw;
    margin-bottom: 1.15vw;
  }
  .section-02__bg{
    width: 100%;
  }
  .section-02__text{
    font-size: 1.38vw;
    width: 53.85vw;
    height: 7.69vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    bottom: 4.62vw;
    padding: 2.31vw;
  }
}
@media screen and (max-width: 960px) {
  .section-02{
    background-color: transparent;
    height: auto;
  }
  .section-02__title img {
    width: 100vw;
    max-width: 500px;
  }
  .section-02__title {
    top: -240px;
    left: unset;
    right: calc(((100vw - 500px) / 2) + 0px);
  }
  .section-02__title__text{
    top: 100px;
    left: 100px;
    font-size: min(4.8vw, 22px);
  }
  .section-02__title__text h2{
    font-size: min(6.93vw, 32px);
    margin-bottom: 2vw;
  }
  .section-02__bg{
    max-width: 500px;
  }
  .section-02__text{
    position: unset;
    background-image: url(../images/section-02__item-02-sp.png);
    background-size: cover;
    font-size: 18px;
    color: #fff;
    padding: 25px;
    height: auto;
    -webkit-transform: translateX(0%);
    width: 450px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 500px) {
  .section-02__title {
    top: -45vw;
    left: unset;
    right: 0;
  }
  .section-02__title__text{
    top: 20vw;
    left: 15vw;
    font-size: min(4.8vw, 22px);
  }
  .section-02__text{
    width: auto;
  }
}
/* section-02 */

/* section-03 */
.section-03{
  padding: 100px 0;
}
.section-03__item{
  text-align: center;
  display: flex;
  justify-content: center;
  font-size: 20px;
}
.section-03__item>div{
  display: flex;
  justify-content: center;
}
.section-03__item img{
  width: 210px;
  margin: 0 10px 20px;
}
@media screen and (max-width: 960px) {
  .section-03{
    padding: 80px 0 60px;
  }
  .section-03__item{
    display: unset;
    font-size: 18px;
  }
  .section-03__item>div{
    background-color: #fff;
    width: 98.5%;
    margin: 0 auto;
  }
  .section-03__item img{
    width: 158px;
    margin: 0 10px 10px;
  }
}
/* section-03 */

/* section-04 */
.section-04{
  text-align: center;
}
.section-04__mask{
  background-color: rgba(209,218,239,.1);
  padding: 100px 0 40px;
}
.section-04__item__lead img{
  width: 540px;
}
.section-04__item__lead p{
  font-size: 14px;
  margin-top: 10px;
}
.section-04__item__menu{
  display: flex;
  justify-content: center;
}
.section-04__item__menu h3, .section-05__item h3{
  font-size: 20px;
  width: fit-content;
  margin: 0 auto;
}
.section-04__item-02{
  background: linear-gradient(transparent 30%, #D1DAEF 70%);
}
.section-04__item-03{
  background: linear-gradient(transparent 30%, #F6D1D0 70%);
}
.section-04__item__menu>div{
  margin: 50px 20px;
}
.section-04__item__menu img{
  width: 460px;
  margin: 20px 0 10px;
}
img.section-04__icon{
  width: 40px;
  margin: 0 10px 0 0;
}
.section-04__item__menu p{
  font-size: 14px;
}
.section-04__item__menu span{
  font-size: 20px;
}
@media screen and (max-width: 960px) {
  .section-04 {
    padding: 80px 0 60px;
    background-color: rgba(209,218,239,.1);
  }
  .section-04__mask>.section__title, .section-04__item{
  background-color: rgba(209,218,239,.1);
  }
  .section-04__mask{
    background-color: #fff;
    width: 98.5%;
    margin: 0 auto;
    padding: 0;
  }
  .section-04__item__lead img {
    width: 335px;
  }
  .section-04__item__menu {
    flex-direction: column;
  }
  .section-04__item__menu img {
    width: 335px;
  }
  img.section-04__icon {
    width: 40px;
  }
  .section-04__item__menu>div {
    margin: 50px 20px 0;
  }
}
/* section-04 */

/* section-05 */
.section-05{
  text-align: center;
  padding: 100px 0;
}
.section-05__item{
  display: flex;
  justify-content: center;
  width: 1000px;
  margin: 0 auto;
}
.section-05__item img{
  width: 460px;
  margin: 25px 0 10px;
}
.section-05__item p{
  font-size: 14px;
}
.section-05__item span{
  font-size: 20px;
}
.section-05__text{
  font-size: 12px;
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  .section-05__item h3 {
    margin: 0 auto 20px;
  }
  .section-05{
    padding: 70px 0;
  }
  .section-05__item{
    flex-direction: column;
    background-color: #fff;
    width: 98.5%;
    margin: 0 auto;
    padding: 0;
  }
  .section-05__item>div{
    margin-bottom: 40px;
  }
  .section-05__item img{
    width: 335px;
    margin: 10px 0;
  }
  .section-05__item p{
  }
  .section-05__item span{
  }
  .section-05__text{
    padding: 0 20px;
    text-align: initial;
    background-color: #fff;
    width: calc(98.5% - 40px);
    margin: 0 auto;
  }
}
/* section-05 */

/* section-07 */
.section-07{
  text-align: center;
  padding: 100px 0;
}
.section-07__text, .section-07__item span{
  font-size: 14px;
}
.section-07__item{
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0;
}
.section-07__item p:nth-child(odd){
  background-color: #F3F5FB;
  padding: 10px 20px;
  font-weight: bold;
}
.section-07__item p:nth-child(even){
  font-size: 25px;
  margin: 0 5px;
}
@media screen and (max-width: 960px) {
  .section-07{
    padding: 70px 0;
  }
  .section-07__item{
    flex-direction: column;
  }
}
/* section-07 */

/* section-08 */
.section-08__mask{
  background-color: rgba(209,218,239,.1);
  padding: 100px 0;
}
.section-08__list{
  font-size: 14px;
  display: flex;
  width: 960px;
  margin: 0 auto;
}
.section-08__list__unit:nth-child(odd){
  padding-right: 30px;
}
.section-08__list__unit__item:nth-child(odd){
  font-weight: bold;
}
.section-08__list__unit__item{
  display: flex;
  margin: 20px 0;
}
.section-08__list__unit__item img{
  width: 30px;
  height: 32px;
}
.section-08__list__unit__item p{
  padding: 8px 0 0 10px;
  width: 450px;
}
@media screen and (max-width: 960px) {
  .section-08 {
    padding: 80px 0 50px;
    background-color: rgba(209,218,239,.1);
  }
  .section-08__mask{
    background-color: #fff;
    width: 98.5%;
    margin: 0 auto;
    padding: 0;
  }
  .section-08__mask .section__title, .section-08__list{
    background-color: rgba(209,218,239,.1);
  }
  .section-08__list {
    flex-direction: column;
    width: 90%;
    padding: 0 5%;
  }
  .section-08__list__unit:nth-child(odd){
    padding-right: 0;
  }
  .section-08__list__unit__item p {
    width: unset;
  }
}
/* section-08 */

/* section-09 */
.section-09{
  margin: 100px auto 70px;
}
.section-09__table{
  width: 960px;
  margin: 0 auto;
  font-size: 14px;
}
.section-09__table span{
  font-size: 12px;
}
.section-09__table span.bold{
  font-size: 14px;
  font-weight: bold;
}
.section-09__table__line{
  width: 960px;
  height: 1px;
  border-bottom: 1px solid #CCC;
  margin: 3px 0;
}
.section-09__table__row{
  display: flex;
}
.section-09__table__row div:first-child{
  background-color: rgba(209,218,239,.1);
  width: 180px;
  padding: 20px;
  font-weight: bold;
}
.section-09__table__row div:last-child{
  width: 700px;
  padding: 20px;
}
@media screen and (max-width: 960px) {
  .section-09{
    margin: 70px auto;
    background-color: #fff;
    width: 98.5%;
  }
  .section-09__table {
    width: 100%;
  }
  .section-09__table__line{
    width: 95%;
    margin: 3px auto;
  }
  .section-09__table__row {
    flex-direction: column;
    align-items: center;
  }
  .section-09__table__row div:first-child{
    width: calc(95% - 40px);
    padding: 20px;
    font-size: 16px;
  }
  .section-09__table__row div:last-child{
    width: calc(95% - 40px);
    padding: 20px;
  }
}
/* section-09 */

.moving-logo{
  width: 260px;
  margin: 0 auto;
  display: block;
}
.mt14 ul{
  margin: 100px auto 0;
  width: 320px;
  display: flex;
  justify-content: space-between;
}
.last-section{
  padding: 80px 0;
}
@media screen and (max-width: 960px) {
  .last-section{
    background-image: unset;
  }
}