body .bg_img_wrap2 {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
body.on .bg_img_wrap2 > img{
	display: none;
}
.sec01-2{
	margin-top: 120px;
}
@media screen and (max-width: 1080px) {
  .sec01-2 {
    margin-top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .sec01-2 {
    margin-top: 70px;
  }
}
@media screen and (max-width: 576px) {
  .sec01-2 {
    margin-top: 50px;
  }
}
.sec01-2 .contents{
	gap: 0 3vw;
	padding: 0;
}
body.on .sec01-2 {
  position: relative;
}
.sec01-2 .contents .center_box{
	width: 100%;
	height: 60vh;
	border-left: 8vw solid rgba(3, 55, 145, 0.76);
	border-right: 8vw solid rgba(3, 55, 145, 0.76);
}
body.on .sec01-2 .contents .center_box img{
	display: none;
}
.sec01-2 .contents .box{
	width: 100%;
	position: relative;
	z-index: 3;
	gap: 0 3vw;
	padding: 5% 8vw;
	background-color: rgba(3, 55, 145, 0.76);
}
.sec01-2 .contents .box > div{
	width: calc(100% / 2 - 3vw / 2);
	position: relative;
	z-index: 3;
}
.sec01-2 .contents .box1{
	padding-bottom: 0;
}
.sec01-2 .contents .box2{
	padding-top: 0;
}
.sec01-2 .contents .imgbox1{
	order: 2;
	margin-bottom: -10%;
	transform: translateX(10%)!important;
}
.sec01-2 .contents .imgbox2{
	order: 1;
	margin-top: -10%;
	transform: translateX(-10%)!important;
}
.sec01-2 .contents .imgbox1 .swiper-img,.sec01-2 .contents .imgbox2 .swiper-img{
	aspect-ratio: 1.6 / 1;

}
.sec01-2 .contents .txtbox1{
	order: 1;
	justify-content: flex-start;
	gap: 0 20px;
}
.sec01-2 .contents .txtbox2{
	order: 2;
}
.sec01-2 .contents .txtbox1 img {
  display: block;
  max-width: 5vw;
  width: 100%;
}
@media screen and (max-width: 1080px) {
  .sec01-2 .contents .txtbox1 img {
    max-width: 70px;
  }
	.sec01-2 .contents .center_box{
		width: 100%;
		height: 30vh;
	}
	
}
@media screen and (max-width: 768px) {
	.sec01-2 .contents .txtbox1{
		gap: 10px 15px;
	}
  .sec01-2 .contents .txtbox1 img {
    max-width: 50px;
  }
}
@media screen and (max-width: 576px) {
  .sec01-2 .contents .txtbox1 img {
    max-width: 40px;
  }
	.sec01-2 .contents{
		gap: 0 30px;
	}
	.sec01-2 .contents .box{
		gap :30px 0;
		padding: 30px 20px;
	}
	.sec01-2 .contents .center_box{
		height: 100%;
		border: none!important;
	}
	body.on .sec01-2 .contents .center_box img{
		display: block;
	}
	
.sec01-2 .contents .box > div{
	width: 100%!important;
}

.sec01-2 .contents .imgbox1{
	order: 1;
}
.sec01-2 .contents .imgbox2{
	order: 2;
}
.sec01-2 .contents .imgbox1{
	margin-bottom: 0;
	transform: translateX(0)!important;
}
.sec01-2 .contents .imgbox2{
	order: 1;
	margin-top: 0;
	transform: translateX(0)!important;
}

.sec01-2 .contents .imgbox1 .swiper-img,.sec01-2 .contents .imgbox2 .swiper-img{
	aspect-ratio: 1.6 / 1;

}
.sec01-2 .contents .txtbox1{
	order: 2;
	gap: 0 10px;
}
.sec01-2 .contents .txtbox2{
	order: 1;
}
}
.sec01-2 .contents .txtbox1 .ttl {
  color: #fff;
  font-size: 2.4vw;
  font-weight: 600;
  letter-spacing: 0.35em;
  text-orientation: upright;
}
@media screen and (max-width: 1080px) {
  .sec01-2 .contents .txtbox1 .ttl {
    font-size: 26px;
  }
}
@media screen and (max-width: 768px) {
  .sec01-2 .contents .txtbox1 .ttl {
    font-size: 20px;
  }
}
@media screen and (max-width: 576px) {
  .sec01-2 .contents .txtbox1 .ttl {
    font-size: 16px;
  }
}
.sec01-2 .contents .txtbox1 .ttl span {
  -ms-text-combine-horizontal: all;
  -webkit-text-combine: horizontal;
  color: #fff !important;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  margin-bottom: 0.2em;
  text-combine-upright: all;
}
@supports (font: -apple-system-body) {
  .sec01 .inner {
    /* Safariは upright だと崩れやすいので mixed に */
  }
  .sec01-2 .contents .txtbox1 .ttl {
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
  }
  .sec01-2 .contents .txtbox1 .ttl span {
    /* SafariだけNoto Sans JP */
    font-family: "Noto Sans JP", sans-serif !important;
    letter-spacing: 0 !important;
    text-combine-upright: digits 2;
  }
}
.sec01-2 .contents .txtbox2 .txt {
  color: #fff;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (max-width: 1080px) {
  .sec01-2 .contents .txtbox2 .txt {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .sec01-2 .contents .txtbox2 .txt {
    font-size: 16px;
    line-height: 1.8;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 576px) {
  .sec01-2 .contents .txtbox2 .txt {
    font-size: 14px;
  }
}

/* ーーーーーーーーーーーー'sec01 管理画面側'ーーーーーーーーーーーーーー*/
body:not(.on) .sec01-2 .bg_img_wrap2 > img {
  max-width: 400px !important;
  width: 100%;
}
body:not(.on) .sec01-2 .contents .txtbox1 .ttl span {
  color: #000 !important;
}


/* ーーーーーーーーーーーー'sec01 サイト表示側'ーーーーーーーーーーーーーー*/


/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){

}