/* ============================================================
PC
==============================================================*/
@media (min-width: 762px) {
	
	
	/* ============================================================
 	main vi 
	==============================================================*/
	#main_wrap_sec {
		width: 100%;
		height: 500px;
		position: relative;
	}

	#main_wrap_sec:before{
		content: "";
		display: block;
		width: 1140px;
		height: 500px;
		background:url(../img/mv_bg.jpg) no-repeat top center;
		background-size:100% auto;
		position: absolute;
		top:0;
		left:0;
		z-index: 2;
	}	#main_wrap_sec::after {
		content: "";
		position: absolute;
		right: 11%;
		bottom: 19px;
		width: 180%;
		max-width: 1380px;
		height: 300px;
		background: linear-gradient(to left, #0B4C86, #0072ce);
		z-index: 1;
		transform: translateX(30%);
	}
	/* ============================================================
 	section 01
	==============================================================*/
	#sec01 {
		width: 100%;
		padding:0;
		position: relative;
	}
	
	#sec01 .wrapper {
		width: 1000px;
		box-sizing:border-box;
		border-radius:10px 10px 0 0;
		padding: 30px 75px 152px;
	}
	#sec01 h2{
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 700;
		letter-spacing: 0.1rem;
		font-size: 2.0rem;
		color: #000000;
		position:relative;
		padding: 0 0 0px 19px;
		margin: 70px auto 15px;
	}
	
	#sec01 h2:before{
		content:"";
		position:absolute;
		width:12px;
		height:12px;
		background:#99CC00;
		top: 50%;
		left:0;
		transform: translate(0%, -50%);
	}

	#sec01 p.body_txt{
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 400;
		letter-spacing: 0.1rem;
		font-size: 1.6rem;
		line-height: 1.8;
		font-feature-settings: 'palt';
		padding: 0px 136px 0 21px;
		color: #000;
	}

	#sec01 .back_txt{
		font-family: "Oswald", sans-serif;
		position: absolute;
		top: -124px;
		right: -30%;
		font-size: 30rem;
		font-weight: 700;
		z-index: 1;
		color: #005bac;
		opacity: 0.05;
		text-align: right;
	}
	
	/* ============================================================
 	section 02
	==============================================================*/
	#sec02 {
		width: 100%;
		padding:0;
	}
	
	#sec02 .wrapper {
		width: 100%;
		box-sizing:border-box;
		border-radius:10px 10px 0 0;
		background:#fff;
	}
	#sec02 a{
		background-color: #ffffff;
		width: 379px;
		padding: 15px 0px 15px 39px;
		font-size: 1.6rem;
		position: relative;
		color: #000;
		font-weight: 600;
		border: 2px solid #000;
		font-family: "Noto Sans SC", sans-serif;
	}
	#sec02 a:before{
		content:"";
		background: url("/ch/global/img/icon_mail_b.svg") no-repeat;
		background-size: cover;
		position: absolute;
		width: 28px;
		height: 20px;
		top: 13px;
		left: 36px;
	}

	.system-section {
		background-color: #ffffff;
		color: #fff;
	}

	.system-box {
	  display: flex;
	  justify-content: space-between;
	  max-width: 1000px;
	  margin: 0px auto 135px;
	  position: relative;
	  z-index: 1;
	}

	.system-box#system_01{
	  padding: 80px 0 0;
	  margin: -80px auto 184px;
	}

	.system-box#system_01::before{
		top: 80px;
	}
	
	.system-box:nth-child(even){
		flex-direction: row-reverse;
	}
	
	.system-box:nth-child(even) .system-text{
		margin: 0 0 0 45px;
	}

	.system-box:nth-child(even) .swiper{
    transform: translate(-69px, 0px);
 }

	/* ← 背後の青い板 */
	.system-box::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: -100vw; /* 画面外まで伸ばす */
	  width: 300vw;
	  height: 93%;
	  background: #005bac;
	  z-index: 0;
	}
	
	.system-text {
	  flex: 1 1 45%;
	  position: relative;
	}
	
	.system-number {
	  font-size: 1.5rem;
	  line-height: 1.2;
	  font-weight: 400;
	  position: absolute;
	  font-family: "Oswald", sans-serif;
	  top: 30px;
	  left: -66px;
	}
	
	.system-number span {
	  font-size: 4.8rem;
	  font-weight: 400;
	}
	
	.system-text h2 {
	  font-size: 3.2rem;
	  font-family: "Noto Sans SC", sans-serif;
	  font-weight: 600;
	  padding: 56px 0 10px;
	}
	
	.system-desc {
	  font-size: 1.5rem;
	  line-height: 1.8;
	  margin-bottom: 20px;
	  font-family: "Noto Sans SC", sans-serif;
	  width: 417px;
	}
	
	.system-btn {
	  display: inline-block;
	  background: black;
	  color: white;
	  padding: 12px 20px;
	  text-decoration: none;
	  transition: 0.3s;
	}
	
	.system-btn:hover {
	  background: #333;
	}

	.system-movie_box{
		display:block;
		margin: 0 auto 105px;
	}

	.system-movie_box .btn_view a{
		margin: 30px auto 0;
	}
	/* ← 背後の青い板 */
	.system-movie_box::before {
	  content: "";
	  position: absolute;
	  top: -20px;
	  left: -100vw; /* 画面外まで伸ばす */
	  width: 300vw;
	  height: 60%;
	  background: #005bac;
	  z-index: 0;
	}

	.movie_wrap{
		z-index:10;
		position: relative;
		text-align: center;
	}
	iframe {
	  width: 764px;
	  height: 430px;
	  border-radius: 11px;
	  margin: 22px auto 0;
	}


	/* スライダー：白背景からはみ出させる */
	.swiper-system {
	  flex: 0 0 50%;
	  padding: 40px;
	  background: transparent;
	  position: relative;
	  z-index: 2;
	  transform: translateY(30px); /* 白場にはみ出させる */
	}
		
	.swiper-system img {
	  display: block;
	  width: 100%;
	  height: auto;
	  border-radius: 4px;
	  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	}
	
	.swiper-button-prev,
	.swiper-button-next {
	  color: #000;
	}
	
	.swiper-pagination {
	  bottom: 10px;
	}

	.product_name{
		position:absolute;
		top: 10px;
		right: 0;
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		background: #99cc00;
		padding: 0 8px 2px;
		line-height: 1.6;
	}

	.swiper-pagination-bullet {
	  width: 10px;
	  height: 10px;
	  background-color: rgba(0, 91, 172, 0.5);
	  opacity: 1; 
	  margin: 0 4px;
	  transition: background-color 0.3s ease;
	  border-radius: 50%;
	}
	
	.swiper-pagination-bullet-active {
	  background-color: #005bac;
	}

	.swiper_wrap_Vc{
		width: 540px;
		margin: 41px 0 0;
		position: relative;
	}
	
	.swipe_button_p,
	.swipe_button_n {
		position: absolute;
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
		z-index: 10;
		cursor: pointer;
		bottom: -80px;
	}
	
	#system_02 .swipe_button_p,
	#system_02 .swipe_button_n,
	#system_04 .swipe_button_p,
	#system_04 .swipe_button_n {
		-webkit-transform:translate(0, -50%);
		transform:translate(0, -50%);
	}
	
	.swipe_button_n {
		right: 20%;
		left: auto;
		width:40px;
	}
	
	.swipe_button_p {
		left: 20%;
		width:40px;
	}
	
	#system_02 .swipe_button_n,
	#system_04 .swipe_button_n {
		right: 35%!important;
	}
	
	#system_02 .swipe_button_p,
	#system_04 .swipe_button_p {
		left: 8%!important;
	}

	.swip-pagination{
	    bottom: -58px!important;
	    left: 50% !important;
	    height: 30px;
	}

	#system_02 .swip-pagination,#system_04 .swip-pagination{
	    right: -34% !important;
	    left: 36% !important;
	}

	
	/* バレット本体 */
	.swiper-pagination-bullet {
	    width: 8px!important;
	    height: 8px!important;
	    background: #939393!important;
		border:1px solid #939393!important;
	    transition: all 0.3s;
	}
	
	.swiper-pagination-bullet-active {
	    background: #70a5d3!important;
	    opacity: 1;
	    border: 1px solid #70a5d3!important;
	}

	
	
	
	/* ============================================================
 	section 03
	==============================================================*/
	#sec03 {
		width: 100%;
		padding:0;
		background: #005bac;
		margin: 60px 0 0;
	}
	
	#sec03 .wrapper {
		width: 1000px;
		box-sizing:border-box;
		border-radius:10px 10px 0 0;
		padding: 50px 0;
		text-align: center;
	}

	#sec03 h2{
		color:#fff;
		text-align:center;
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 400;
		font-size: 1.8rem;
	}
	#sec03 a{
		background-color:#000;
		padding: 15px 12px;
		font-size: 1.8rem;
		margin: 20px auto 0;
	}


	
	
}