html {
  overflow-x: hidden;
}

body {
  position: relative;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}

img {
  max-width: 100%;
}

#header {
  background: #ffffff;
}

/*#wrapper{
	display: none;
}*/
.po
.logo {
  position: relative;
  z-index: 1;
}

.logo img {
  width: calc(99px * 2);
}

.contents .inner {
  position: relative;
  text-align: center;
}

.content-01 {
  background: url(../images/bg_01.jpg) 50% 0;
  background-size: cover;
	padding-top: 30px;
	/*z-index: 2;
	position: relative;*/
	padding-bottom: 18px;
}
.content-01 p {
  text-align: left;
}
.content-02 {
  background: url(../images/bg_03.jpg);
	padding-bottom: 40px;
}
.content-02 .icon01,.content-02 .icon02{
	position: absolute;
}
.content-ex{
  background: url(../images/bg_02.png);
  background-size: cover;
	/*position: relative;
	z-index: 2;*/
}
.content-03{
  background: url(../images/bg_04.jpg);
  background-size: cover;
}
.content-03 .inner .icon {
  position: absolute;
  top: 0px;
}
.content-ex .icon01,.content-ex .icon02,.content-ex .icon03{
	position: absolute;
}
.content-04{
  background: url(../images/bg_05.jpg);
  background-size: cover;
}
.content-04 .ttl,.content-04 .img{
	position: relative;
	z-index: 1;
}
.content-04 .btn{
	position: relative;
	z-index: 2;
}
.content-05{
  background: url(../images/bg_06.jpg);
  background-size: cover;
}
.content-01 h1 {
  position: relative;
	z-index: 1;
}
.content-01 .img {
  position: absolute;
  top: -20px;
  left: 60px;
}
.content-06{
  background: url(../images/bg_07.jpg);
  background-size: cover;
}

.footer {
  background: #ffffff;
  padding: 23px 0 27px;
	border-top: 2px solid #020202;
}
.footer p {
  color: #ffffff;
  text-align: center;
}
.btn {
  transition: all 0.2s ease;
}
.btn:hover {
  transform: scale(1.1);
}

.content-pl {
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 0px;
	position: relative;
}
.content-pl h2 {
  width: 100%;
  margin: 0 auto 19px;
  background-image: linear-gradient(to bottom, #005362, #057479);
  padding-top: 13px;
  padding-bottom: 13px;
}
.content-pl h2 img {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.content-pl ul {
  width: 90%;
  margin: 25px auto 0;
  display: flex;
  justify-content: space-between;
}
.content-pl li {
  width: 31.6%;
}

.content-pl .img {
  width: 90%;
  margin: 0 auto 10px;
}

.content-pl .btn-pill {
  margin-top: 10px;
}
.content-pl {
  padding-top: 0px;
  padding-bottom: 20px;
  margin-bottom: 10px;
	position: relative;
	z-index: 1;
	background: url(../images/bg_02_ex.jpg) no-repeat bottom center;
  background-size: cover;
	overflow-x: hidden;
}
/*.content-pl::before {
	content: "";
	width: 100%;
	height: 53vw;
	background-image: linear-gradient(to bottom, #fffbbe, #fadc37);
	position: absolute;
	top: 0;
	left: 0;
}*/
.content-pl .centerwrap {
	position: relative;
	z-index: 1;
}
.content-pl .img {
  width: 102%;
  margin: 0 -2% 4px 0;
}
.content-pl .img2 {
  width: 90.5%;
  margin: 0 auto 4px auto;
}
.content-pl .img.ex {
  width: 90.5%;
  margin: 0 auto 4px auto;
}
.flex-wrap{
	margin-left: auto;
	margin-right: auto;
	width:90.5%
}
.box-flex .col-50{
    width: 50%;
    margin-right: 0%;
}

.box-flex .col-50 img{
	width: 100%;
}
.box-flex .col-50:last-child{
    margin-right: 0;
}
.box-flex{
	display: flex;
}
.btn-img01 {
    display: block;
    width: 72%;
    margin: 0 auto;
}
.bottom-text {
    display: block;
    width: 72%;
    margin: 0 auto;
}
.video-box {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.video-box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.content-03 .ttl{
	pointer-events: none;
	z-index: 1;
	position: relative;
}
.content-03 .ttl img{
	pointer-events: none;
}
.btn-left,.btn-right{
	pointer-events: all;
	z-index: 2;
	position: relative;
}
.ttl-box{
  background: -moz-linear-gradient(top, #000000, #363636);
  background: -webkit-linear-gradient(top, #000000, #363636);
  background: linear-gradient(to bottom, #000000, #363636);	
}
.content-07{
	background: url("../images/bg_08.jpg") no-repeat top center;
	background-size: cover;
}
.notes-txt{
	color: #fff;
	text-align: center;
}
@media print, screen and (min-width: 769px) {
	div.centerwrap {
		width: 1443px;
		position: relative;
		left: 50%;
		margin-left: -721.5px;
	}
  .display-pc {
    display: block !important;
  }
  .display-sp {
    display: none !important;
  }
  .logo {
    padding: calc(10px * 2) 0;
  }
  .logo img {
    width: calc(113.5px * 2);
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
	
  .footer .logo img {
    width: 293px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .contents .inner {
    width: 1443px;
    margin: 0 auto;
    left:50%;
    margin-left:-721.5px;
  }
  .content-01 .btn {
    position: absolute;
    top: 0px;
    right: 220px;
	  width: 348px;
  }
	.content-01 h1 {
	  position: relative;
		z-index: 1;
		width: 1160px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-01 h1 img{
		margin-top: 0px;
		margin-left: 65px;
		margin-bottom: -88px;
	}
	.content-01 .car-img{
		z-index: 2;
		position: relative;
		width: 1335px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-01 .tex-img{
		z-index: 3;
		position: relative;
		width: 1057px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-01 .tex-img img{
		margin-top: -220px;
		margin-bottom: -120px;
	}
	.content-02 {
		padding-top: 0px;
		padding-bottom: 110px;
	}
  .content-02 .inner {
    margin-top: 0px;
  }
	.content-ex{
		padding-bottom: 15px;
		padding-bottom: 145px;
	}
	.content-ex .ex-img01{
		width: 1074px;
		margin-left: auto;
		margin-right: auto;
	}
	.big-img{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.big-img img{
		margin-top: -100px;
	}
	.big-img2{
		width: 1052px;
		margin-left: auto;
		margin-right: auto;
	}
	.big-img2 img{
		margin-top: -86px;
	}
	.big-img3{
		width: 1083px;
		margin-left: auto;
		margin-right: auto;
	}
	.big-img3 img{
		margin-top: -30px;
	}
	.link-btn{
		width: 720px;
		margin-left: auto;
		margin-right: auto;
		display: block
	}
	.link-btn2{
		width: 720px;
		margin-left: auto;
		margin-right: auto;
		display: block
	}
	.link-btn img{
		margin-top: -33px;
	}
	.content-03{
		padding-top: 0px;
		padding-bottom: 110px;
	}
	.content-04{
		padding-top: 0px;
		padding-bottom: 110px;
	}
	.content-05{
		padding-top: 0px;
		padding-bottom: 110px;
	}
	.content-06{
		padding-top: 0px;
		padding-bottom: 80px;
	}
	.content-06 .txt-img{
		width: 860px;
		margin-left: auto;
		margin-right: auto;
	}
	.ttl-box{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.ttl-box h2{
		width: 1083px;
		margin-left: auto;
		margin-right: auto;
	}
	.notes-txt{
		font-size: 21px;
		line-height: 1.33;
		text-align: center;
		color: #fff;
	}
	.content-07{
		padding-top: 0px;
		padding-bottom: 90px;
	}
	.content-07 .txt-img{
		width: 860px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-07 .car-img{
		width: 973px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-07 .txt-img2{
		width: 953px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-08{
		padding-top: 45px;
		padding-bottom: 56px;
	}
	.content-08 .txt-img{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-08 .txt-img2{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.content-04 .ttl{
		width: 950px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-04 .img{
		width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
	.content-05 .img{
		width: 972px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.content-05 .notes{
		width:948px;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		font-size: 14px;
		line-height: 1.75;
	}
	.flex-wrap{
		margin-left: auto;
		margin-right: auto;
		width: 960px;
	}
	.box-flex .col-50{
		width: 478px;
		margin-right: 16px;
		margin-left: 10px;
	}
	.box-flex .col-50:last-child{
		margin-right: 0;
	}
	.btn-img01 {
		width: 794px;
	}
	.bottom-text {
		width: 794px;
	}
}

@media only screen and (max-width: 768px) {
  .display-pc {
    display: none!important;
  }
  .display-sp {
    display: block!important;
  }
  .logo {
    padding-top: 3%;
    padding-bottom:3%;
  }
  .logo img {
    width: 36%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
	.content-01 {
		padding-top: 3vw;
		/*z-index: 2;
		position: relative;*/
		padding-bottom:4vw;
	}
  .content-01 h1 {
	  position: relative;
		z-index: 1;
		width:88%;
		margin-left: auto;
		margin-right: auto;
	}
	.content-01 h1 img{
		margin-top: 0px;
		margin-left: 6vw;
		margin-bottom: -6vw;
	}
	.content-01 .car-img{
		z-index: 2;
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.content-01 .tex-img{
		z-index: 3;
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.content-01 .tex-img img{
		margin-top: -15vw;
		margin-bottom: -15vw;
	}
	.content-02 {
		padding-top: 0px;
		padding-bottom: 15vw;
	}
  .content-02 .inner {
    margin-top: 0px;
  }
	.content-ex{
		padding-bottom: 3vw;
		padding-bottom: 17vw;
	}
	.content-ex .ex-img01{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.big-img{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.big-img img{
		margin-top: -14vw;
	}
	.big-img2{
		width: 91%;
		margin-left: auto;
		margin-right: auto;
	}
	.big-img2 img{
		margin-top: -9vw;
	}
	.big-img3{
		width: 93%;
		margin-left: auto;
		margin-right: auto;
	}
	.big-img3 img{
		margin-top: -4vw;
	}
	.link-btn{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		display: block
	}
	.link-btn2{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		display: block
	}
	.link-btn img{
		margin-top: -3vw;
	}
	.content-03{
		padding-top: 0px;
		padding-bottom: 14vw;
	}
	.content-04{
		padding-top: 0px;
		padding-bottom: 14vw;
	}
	.content-05{
		padding-top: 0px;
		padding-bottom: 14vw;
	}
	.content-06{
		padding-top: 0px;
		padding-bottom: 11vw;
	}
	.content-06 .txt-img{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.ttl-box{
		padding-top: 3vw;
		padding-bottom: 4vw;
	}
	.ttl-box h2{
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	.notes-txt{
		font-size: 2.3vw;
		line-height: 1.33;
		text-align: center;
		color: #fff;
	}
	.content-07{
		padding-top: 0px;
		padding-bottom:10vw;
	}
	.content-07 .txt-img{
		width: 76%;
		margin-left: auto;
		margin-right: auto;
	}
	.content-07 .car-img{
		width: 86%;
		margin-left: auto;
		margin-right: auto;
	}
	.content-07 .txt-img2{
		width: 82%;
		margin-left: auto;
		margin-right: auto;
	}
	.content-08{
		padding-top: 6vw;
		padding-bottom: 7vw;
	}
	.content-08 .txt-img{
		width: 88%;
		margin-left: auto;
		margin-right: auto;
	}
	.content-08 .txt-img2{
		width: 88%;
		margin-left: auto;
		margin-right: auto;
	}
  .footer {
    padding-top: 3vw;
	  padding-bottom: 3vw;
	  border-top: 1px solid #020202;
  }
  .footer .logo {
    width: 65%;
    padding-bottom: 2%;
  }
  .footer .logo img {
    width: 80%;
    width: calc(99px * 2);
  }
	.btn{
		padding: 0;
	}
}

.link-btn.ptn3 a {
  display: block;
  position: relative;
  font-size: 3.0vw;
  color: #030303;
}

/** aos **/
[data-aos=fade-right] {
    transform: translate3d(-500px,0,0);
}
[data-aos=fade-left] {
    transform: translate3d(500px,0,0);
}
