@charset "UTF-8";

.container_wrap {
  min-width: 1300px;
  height: auto;
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
}

.banner_wrapper {
  position: fixed;
  top: 260px;
  right: 50%;
  margin-right: -830px;
  z-index: 2;
}

.container {
  text-align: center;
}

.inner {
  width: 1103px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.logo {
  margin: 80px 0;
  width: 220px; 
  height: 60px;

  .logo-text {
    fill: white;
  }
}

.contents_img {
  margin: 120px 0;
}

.section01 {
  position: relative;
  width: 100%;
}

.section01 .contents_img {
  margin-top: 0;
}

.section01::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/section01_bg.jpg) no-repeat center center / cover;
}

.section02 {
  width: 100%;
  height: 1632px;
  background-color: #073d3f;
}

.section03 {
  width: 100%;
  position: relative;
}

.section03::after {
  content: '';
  width: 100%;
  height: 1355px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/section03_bg.png) no-repeat center center / cover;
}

.section04 {
  width: 100%;
  height: 1297px;
  position: relative;
}

.section04::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/section04_bg.png) no-repeat center center / cover;
}

.section05 {
  width: 100%;
  background-color: #06777e;
}

.section06 {
  width: 100%;
  height: 1206px;
  position: relative;
}

.section06::after {
  content: '';
  width: 100%;
  height: 1206px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/section06_bg.png) no-repeat center center / cover;
}

.section07 {
  width: 100%;
  height: 5125px;
  position: relative;
}

.section07::after {
  content: '';
  width: 100%;
  height: 5125px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/section07_bg.png) no-repeat center center / cover;
}

.section09 {
  width: 100%;
  height: 1677px;
  position: relative;
}

.section09::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/section09_bg.png) no-repeat center center / cover;
}

.section10 {
  position: relative;
  width: 100%;
  background-color: #043234;
}

.section11 {
  width: 100%;
  background-color: #06777e;
}

.section12 {
  width: 100%;
  background-color: #056066;
}

.img02 {
  width: 1103px;
}

.img05 {
  width: 1038px;
  padding-bottom: 100px;
}

.img06 {
  padding-bottom: 0;
}

.img07 {
  width: 1100px;
  margin: 134px 0 130px 0;
}

.img10 {
  margin: 130px 0 57px 0;
}

.img11 {
  width: 1038px;
}

.img12 {
  margin: 120px 0;
}

.information{background: #3b3b3b; padding:100px 0 150px;}
.information h1{margin-bottom:40px; color:#fff; text-align: left; line-height: 32px; font-size: 20px; word-break: keep-all;}
.information dl{margin-bottom:40px; color:#fff; text-align: left; line-height: 32px; overflow: hidden;}
.information dl:last-child{margin-bottom: 0;}
.information dl dt{float: left; width: 25%; font-size: 18px; font-weight: 700; word-break: keep-all;}
.information dl dd{width: 75%; font-size: 16px; line-height: 28px; float: right;}
.information dl dd.mainTit{font-size: 17px; font-weight: 600; margin-top:30px;}
.information dl dd.mainTit:nth-of-type(1){ margin:0 0 5px;}
.information dl dd.mainTxt{position: relative; padding-left: 10px; margin-top: 10px;}
.information dl dd.mainTxt:nth-of-type(1){ margin-top:0;}
.information dl dd.mainTxt:before{content:''; width: 4px; height: 4px; border-radius: 50%; background: #fff; position: absolute; top:12px; left:0;}
.information dl dd.subTit{color:#a9a9a9; padding-left:15px;}
.information dl dd.subTxt{line-height: 24px; color:#a9a9a9; position: relative; padding-left:25px; }
.information dl dd.subTxt:before{content:''; width: 7px; height:2px; background: #a9a9a9; position: absolute; top:13px; left:10px;}
.information dl dd.important{color:#ffaa44; position: relative;}
.information dl dd.important::before{background:#ffaa44;}