@charset "utf-8";
/* css Document */
body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.5rem;
  font-size: 18px;
  color: #2c2e35;
  font-weight: 500;
  background: #fff;
}
a {
  text-decoration: none;
}
a:active, a:hover {
  /*color: #000;*/
}
a:hover img {
  /*opacity: 0.5;
  transition: 1s;*/
}
/*==============================================================

基本コード

================================================================*/
.main_container {
  width: 900px;
  margin: 0 auto;
  box-sizing: border-box;
}
.main_container img {
  width: 100%;
}
.container {
  width: 900px;
  margin: 0 auto;
  box-sizing: border-box;
}
section {
  text-align: center;
}
/*------------------------------------------
  1200px以下
------------------------------------------*/
@media (max-width: 900px) {
  .container {
    width: 100%;
    padding: 0 30px;
  }
}
/*------------------------------------------
  500px以下
------------------------------------------*/
@media (max-width: 500px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
}
/*==============================================================

section1

================================================================*/
.section1 {
  background: url(../img/contents/main_bg.webp) top left no-repeat;
  background-size: cover;
  padding: 70px 0 0 0;
}
.main_cont {
  justify-content: center;
}
/*------------------------------------------
  1200px以下
------------------------------------------*/
@media (max-width: 1000px) {
  .main_container {
    width: 100%;
    padding: 0;
  }
  .main_cont img {
    width: 100%;
    padding: 50px 0 0;
  }
}

/*------------------------------------------
  750px以下
------------------------------------------*/
@media (max-width: 750px) {
  .section1 {
    padding: 0;
  }
}

/*==============================================================

sention2

================================================================*/
.section2 {
  background: url(../img/contents/sec2_bg.webp) top left no-repeat;
  background-size: cover;
}
.sec2_cont {
  background-color: #0f1834;
  text-align: center;
}
.sec2_box {
  padding: 18px 0;
}
.triangle {
  background-color: #0f1834;
  width: 5%;
  height: 30px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}
.btn_txt {
  padding: 20px 0 0;
}
.btn_box {
  transform: translate(0, 40px);
  position: relative;
}
/*------------------------------------------
  500px以下
------------------------------------------*/
@media (max-width: 500px) {
  .sec2_box {
    padding: 9px 15px;
}
  .btn_txt {
    padding: 10px 15px 0;
  }
  .btn_box {
    transform: translate(0, 20px);
    position: relative;
  }
  .triangle {
    height: 20px;
  }
}

/*==============================================================

sention3

================================================================*/
.section3 {
  background: url(../img/contents/sec3_bg.webp) top left no-repeat;
  background-size: cover;
}

/*==============================================================

sention4

================================================================*/
.section4 {
  background: url(../img/contents/sec4_bg.webp) top left no-repeat;
  background-size: cover;
}

/*==============================================================

sention5

================================================================*/
.section5 {
  background: url(../img/contents/sec5_bg.webp) top left no-repeat;
  background-size: cover;
}

/*==============================================================

sention6

================================================================*/
.section6 {
  background: url(../img/contents/sec6_bg.webp) top left no-repeat;
  background-size: cover;
}

/*==============================================================

sention7

================================================================*/

/*==============================================================

sention8

================================================================*/
.section8 {
  background: url(../img/contents/sec8_bg.webp) top left no-repeat;
  background-size: cover;
}

/*==============================================================

sention9

================================================================*/
.section9 {
  background: url(../img/contents/sec9_bg.webp) top left no-repeat;
  background-size: cover;
}

/*==============================================================

sention10

================================================================*/
.section10 {
  background: url(../img/contents/sec10_bg.webp) top left no-repeat;
  background-size: cover;
}

/*==============================================================

sention11 お問合わせ

================================================================*/
.section11 {
  margin-bottom: 30px;
}
.iframe_wrapper {
  margin: auto;
  width: 900px;
}

/* ------ 500px以下 ------- */
@media (max-width: 900px) {
  .main_cont img {
    padding: 64px 0 0;
}
  .head_btn {
    justify-content: flex-end;
  }
  /*------------------------------------------
  お問い合わせフォーム
------------------------------------------*/
  .iframe_wrapper {
    width: 100%;
  }
  .sec13_cont .container {
    padding: 0;
  }
}