/* ============================================================
PC
==============================================================*/
@media (min-width: 762px) {
	/* ============================================================
 	FV BG MOVIE
	==============================================================*/
	#animation_container {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	video {
		display: block;
	}
	.black_lay {
		position: relative;
		opacity: 0;
		transition: all 1s ease 0s;
	}
	
	.black_lay_act{
		opacity: 1;
		
	}
	
	#bg-video {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -2;
	}
	
	/* ============================================================
 	main vi 
	==============================================================*/
	#main_wrap {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
		background-position: center;
		background-size: cover;
	}

	#main_wrap h2{
		position: absolute;
		top: 50%;
		left: 6%;
		transform: translate(0%, -50%);
		z-index: 2;
		font-family:
		"Oswald", sans-serif;
		font-weight: 600;
		font-size: 10rem;
		font-feature-settings:
		'palt';
		color: rgb(255,255,255,0.8);
		line-height: 1;
		/* white-space: nowrap; */
	}

	#main_wrap ul {
		position: absolute;
		right: 40px;
		bottom: 40px;
	}
	#main_wrap ul li {
		width: 270px;
		height: 270px;
		border-radius: 50%;
		background: linear-gradient(to bottom, rgba(66, 197, 255, 0.85) 0%, rgba(8, 88, 163, 0.85) 100%);
	}
	#main_wrap ul a {
		width: 270px;
		height: 270px;
		box-sizing: border-box;
		display: block;
		font-family: 'Barlow', sans-serif;
		font-weight: 100;
		font-size: 4.0rem;
		line-height: 1.2;
		text-align: center;
		color: #fff;
		position: relative;
		padding: 57px 0 0;
	}
	#main_wrap ul a .jp_txt {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 300;
		font-size: 1.3rem;
		padding: 10px 0 0;
	}
	#main_wrap ul a .icon {
		position: absolute;
		bottom: 35px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#main_wrap ul li {
		transition: all 0.5s cubic-bezier(0.1, 0.34, 0.25, 1) 0s;
	}
	#main_wrap ul li:hover {
		transform: scale(1.1);
	}
	
	/* ============================================================
 	bg_img
	==============================================================*/
	.bg_img01, .bg_img02, .bg_img03, .bg_img04, .bg_img05, .bg_img06, .bg_img07, .bg_img08, .bg_img09, .bg_img10, .bg_img11, .bg_img12, .bg_img13 {
		position: absolute;
		z-index: 0;
	}
	.bg_img01 {
		top: 0;
		left: -128px;
		width: 110px;
	}
	.bg_img02 {
		top: 44px;
		left: 102px;
		width: 24px;
	}
	.bg_img03 {
		bottom: -210px;
		left: 422px;
		width: 140px;
	}
	.bg_img04 {
		top: 0;
		right: -244px;
		z-index: 1;
	}
	.bg_img05 {
		top: -23px;
		left: calc(50% - 142px);
		width: 70px;
	}
	.bg_img06 {
		top: -196px;
		left: -65px;
	}
	.bg_img07 {
		top: -121px;
		left: 628px;
		width: 60px;
	}
	.bg_img08 {
		top: 99px;
		left: 840px;
		width: 110px;
	}
	.bg_img09 {
		bottom: -50px;
		left: 134px;
		width: 100px;
	}
	.bg_img10 {
		bottom: -244px;
		left: 230px;
	}
	.bg_img11 {
		bottom: -244px;
		left: 30px;
	}
	.bg_img12 {
		width: 100px;
		bottom: -200px;
		left: 330px;
	}
	.bg_img13 {
		bottom: -260px;
		left: calc(50% + 50px);
	}

	.iPad .bg_img01 {
		top: 0;
		left: -128px;
		width: 110px;
	}
	.iPad .bg_img02 {
		top: 44px;
		left: 102px;
		width: 24px;
	}
	.iPad .bg_img03 {
		bottom: -210px;
		left: 422px;
		width: 140px;
	}
	.iPad .bg_img04 {
		top: 0;
		right: -244px;
		z-index: 1;
	}
	.iPad .bg_img05 {
		top: 0;
		left: calc(50% - 142px);
		width: 70px;
	}
	.iPad .bg_img06 {
		top: -196px;
		left: -65px;
	}
	.iPad .bg_img07 {
		top: 0;
		left: 546px;
		width: 40px;
	}
	.iPad .bg_img08 {
		top: 218px;
		left: 840px;
		width: 110px;
	}
	.iPad .bg_img09 {
		bottom: 0;
		left: 134px;
		width: 100px;
	}
	.iPad .bg_img10 {
		bottom: -244px;
		left: 230px;
	}
	.iPad .bg_img11 {
		bottom: -244px;
		left: 30px;
	}
	.iPad .bg_img12 {
		width: 100px;
		bottom: -200px;
		left: 330px;
	}
	.iPad .bg_img13 {
		bottom: -260px;
		left: calc(50% + 50px);
	}
	/* ============================================================
 	section 01
	==============================================================*/
	#sec01 {
		width: 100%;
		padding: 70px 0 100px;
		background: #fff;
		position: relative;
	}
	#sec01:before {
		content: "";
		display:none;
		width: 100%;
		height: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -10;
	}
	#sec01 .wrapper {
		width: 1000px;
	}
	#sec01 .inline_wrap {
		/* display: flex; */
		/* justify-content: space-between; */
	}
	#sec01 h2 {
		display: inline-block;
		font-family: "Oswald", sans-serif;
		font-weight: 600;
		font-size: 5.0rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.2;
		color: #000000;
		padding: 57px 0 0;
	}
	#sec01 h2 span {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
	}
	#sec01 h3 {
		display: inline-block;
		font-family: "Oswald", sans-serif;
		font-weight: 600;
		font-size: 14.3rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		color: #000000;
		letter-spacing: -0.5rem;
		padding: 16px 0 0;
	}
	#sec01 p {
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 400;
		letter-spacing: 0.1rem;
		font-size: 1.6rem;
		line-height: 1.6;
		font-feature-settings: 'palt';
		padding: 52px 0 30px;
		color:#000;
	}




	/* ============================================================
 	section 02
	==============================================================*/
	#sec02 {
		width: 100%;
		padding: 0 0 140px;
		background: #fff;
		background-image: url(../img/sec02_bg.jpg);
		overflow: hidden;
		position: relative;
		background-position: center;
		background-size: cover;
	}
	
	#sec02 .wrapper {
		width: 900px;
	}
	#sec02 h2 {
		display: inline-block;
		font-family: "Oswald", sans-serif;
		font-weight: 500;
		font-size: 10.0rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		color: #ffffff;
		padding: 57px 0 0;
		text-align:left;
	}
	#sec02 h2 span {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
		padding: 27px 0 0;
	}
	#sec02 .inline_wrap {
		display: flex;
		justify-content: space-between;
	}
	#sec02 .main_pro_box{
		display: flex;
		justify-content: center;
		/* overflow: hidden; */
		margin: 54px auto 0;
		text-align: center;
		gap: 10px;
	}
	#sec02 .pro_in{
		width: 280px;
		height: 280px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		position: relative;
	}
	#sec02 .pro_in:nth-child(1){
		background-image: url(../img/pro_01.jpg);
		background-size: 100%;
	}
	#sec02 .pro_in:nth-child(2){
		background-image: url(../img/pro_02.jpg);
		background-size: 100%;
	}
	#sec02 .pro_in:nth-child(3){
		background-image: url(../img/pro_03.jpg);
		background-size: 100%;
	}
	#sec02 .pro_in h3{
		font-family: "Oswald", sans-serif;
		font-weight: 600;
		letter-spacing: 0.1rem;
		font-size: 2.2rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		color: #fff;
		margin: 0 0 36px;
	}
	#sec02 .pro_in .btn_view li a{
		margin: 0 auto 0;
		background-color:#000;
		position: absolute;
		bottom: -19px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	#sec02 .pro_in .btn_view a:hover {
		background: #1e2021;
		transform: translate(-50%, 0) scale(1.1);
	}
	#sec02 .news_wrapper{
		width: 879px;
		background-color:#fff;
		border-radius: 4px;
		padding: 29px 75px;
		margin: 79px auto 0;
		z-index: 1;
	}
	#sec02 .news_wrapper h2 {
		font-size: 8.0rem;
		color: #000000;
		padding: 0;
	}
	#sec02 .news_wrapper h2 span{
		padding: 7px 0 0;
	}
	#sec02 .news_wrapper .btn_view{
		margin: 15px 0 0;
	}
	#sec02 .news_list {
		width: 652px;
		margin: 0 0 0 47px;
		border-top: 1px solid #bfd4e8;
	}
	#sec02 .news_list ul {
		border-top: 1px solid #CBD5DC;
	}
	#sec02 .news_list li a {
		display: flex;
		padding: 10px 20px;
		border-bottom: 1px solid #bfd4e8;
		position: relative;
	}
	#sec02 .news_list li a time {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		color: #000;
	}
	#sec02 .news_list li a .txt_block {
		display: flex;
	}
	#sec02 .news_list li a p {
		display: inline-block;
		box-sizing: border-box;
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		color: #0858A3;
	}
	#sec02 .txt_box{
		display:flex;
		margin: 0 0 0 19px;
	}
	#sec02 .news_list li a .label_a {
		display: inline-block;
		width: 48px;
		height: 14px;
		margin: 0 10px 0 0;
		text-align: center;
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 400;
		font-size: 1.2rem;
		letter-spacing: 0.1rem;
		padding: 3px 6px 4px;
		border-radius: 2px;
		line-height: 1;
		color: #fff;
		background: #99cc00;
	}
	#sec02 .news_list li a {
		transition: all 0.5s ease 0s;
	}
	#sec02 .news_list li a:hover {
		background: #daedfb;
	}
	#sec02 .news_list > a {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1;
		padding: 11px 0 13px 0;
		text-align: center;
		width: 150px;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color: #fff;
		border-radius: 30px;
		position: absolute;
		left: -27px;
		top: 126px;
		background: linear-gradient(to bottom, #0a5aa5 0%, #4090db 100%);
	}
	#sec02 .news_list > a span {
		font-size: 1.3rem;
		font-weight: 500;
		padding: 0 10px 0 0;
	}
	#sec02 .news_list > a {
		transition: all 0.5s cubic-bezier(0.14, 0.49, 0.31, 1.07) 0s;
	}
	#sec02 .news_list > a:hover {
		opacity: 0.5;
		transform: scale(1.1);
	}
	#sec02 .img_box_float{
		width: 1100px;
		margin: -54px auto 0;
		border-radius: 30px;
		z-index: 0;
		overflow: hidden;
	}
	/* ============================================================
 	section 03
	==============================================================*/
	#sec03 {
		width: 100%;
		padding: 93px 0 240px;
		position: relative;
		background: #fff;
	}
	
	#sec03 .wrapper {
		width: 1000px;
	}
	#sec03 .inline_wrap {
		display: flex;
		justify-content: space-between;
	}
	
	#sec03 h2 {
		display: inline-block;
		font-family: "Oswald", sans-serif;
		font-weight: 500;
		font-size: 10.0rem;
		letter-spacing: -0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		color: #000000;
		margin: 0 0 0 -4px;
		text-align:left;
	}
	#sec03 h2 span {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
		padding: 27px 0 0 4px;
	}
	#sec03 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: 12px 136px 0 0;		
	}
	#sec03 .sq_ttl{
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 600;
		letter-spacing: 0.1rem;
		font-size: 2.1rem;
		color: #000000;
		position:relative;
		padding: 0 0 0px 19px;
		margin: 70px auto 15px;
		/* width: 1000px; */
	}
	#sec03 .sq_ttl:before{
		content:"";
		position:absolute;
		width:12px;
		height:12px;
		background:#99CC00;
		top: 50%;
		left:0;
		transform: translate(0%, -50%);
	}
	#sec03 .gree_ttl:before{
		background:#99CC00;		
	}
	#sec03 .orange_ttl:before{
		background:#F6881B;		
	}
	#sec03 .sky_ttl:before{
		background:#66CCFF;		
	}
	#sec03 .blue_ttl:before{
		background:#005BAC;		
	}
	#sec03 .card p {
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 600;
		letter-spacing: 0.1rem;
		font-size: 1.6rem;
		line-height: 1.4;
		font-feature-settings: 'palt';
		margin:0 0 6px;
		text-shadow: 0px 0px 4px rgb(0 0 0);
	}
	#sec03 .card p span{
		font-size: 1.4rem;
		display:block;
		text-align:center;
		font-weight: 400;		
	}
	#sec03 .system-section {
		border-top: 1px solid #e1e1e1;
		margin: 90px 0 0;
	}
	#sec03 .system-section .btn_view a{
		background-color:#000;
	}
	#sec03 .system-section .btn_view li .btn_txt{
		display: block;
		font-family: "Oswald", sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1;
		padding: 11px 12px 13px 12px;
		text-align: center;
		width: 180px;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color: #fff;
	}
	#sec03 .system-section .btn_view li{
		background-color:#000;		
	}
	#sec03 .system-section .btn_view li .btn_txt span{
		display:inline;
		margin: 0 0 0 15px;
	}
	#sec03 .pd_wrap {
		border-top: 1px solid #e1e1e1;
		margin: 90px auto 0;
		width:1000px;
	}
	#sec03 .pd_wrap .img_box{
		width: 980px;
		margin:40px auto 0;
	}

	#sec03 .grid-feature {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: repeat(2, 1fr);
		gap: 18px;
		margin-bottom: 40px;
	}
	
	#sec03 .grid-3 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
		margin-bottom: 40px;
	}
	
	#sec03 .grid-2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
	
	
	#sec03 .card {
		position: relative;
		background: #e0e0e0;
		padding: 1.5rem;
		height: 230px;
		background-position: center;
		background-size: cover;
		color: white;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		text-align: center;
	}

	#sec03 .card::before {
	  content: "";
	  position: absolute;
	  inset: 0;
	  background-position: center;
	  background-size: cover;
	  transition: transform 0.5s ease;
	  z-index: -2;
	  background-image: url(../img/TwinPAC-1.jpg);
	}

	#sec03 .card:hover::before {
	  transform: scale(1.1);
	}

	#sec03 .grid-3 .card {
	  pointer-events: none;
	}
	
	#sec03 .card {
		transition: all 0.5s ease 0s;
	}
	#sec03 .grid-feature .card:nth-child(2)::before{
		background-image: url(../img/TwinPAC-2.jpg);	
	}
	
	#sec03 .grid-feature .card:nth-child(3)::before{
		background-image: url(../img/TwinPAC-3.jpg);	
	}
	
	#sec03 .grid-3 .card:first-child::before{
		background-image: url(../img/TwinPAC-4.jpg);	
	}
	
	#sec03 .grid-3 .card:nth-child(2)::before{
		background-image: url(../img/TwinPAC-5.jpg);	
	}
	
	#sec03 .grid-3 .card:nth-child(3)::before{
		background-image: url(../img/TwinPAC-6.jpg);	
	}
	
	#sec03 .grid-2 .card:first-child::before{
		background-image: url(../img/TwinPAC-9.jpg);	
	}
	
	#sec03 .grid-2 .card:nth-child(2)::before{
		background-image: url(../img/TwinPAC-10.jpg);	
	}
	
	#sec03 .grid-2 .card:nth-child(3)::before{
		background-image: url(../img/TwinPAC-11.jpg);	
	}
	
	#sec03 .grid-2 .card:nth-child(4)::before{
		background-image: url(../img/TwinPAC-12.jpg);	
	}
	
	#sec03 .grid-2 .card:nth-child(5)::before{
		background-image: url(../img/TwinPAC-13.jpg);	
	}	
	
	#sec03 .system-section:nth-child(2) .grid-2 .card:first-child::before{
		background-image: url(../img/TwinPAC-7.jpg);	
	}
	
	#sec03 .system-section:nth-child(2) .grid-2 .card:nth-child(2)::before{
		background-image: url(../img/TwinPAC-8.jpg);	
	}



	

	#sec03 .card--large {
		grid-row: span 2;
		height: 450px!important;
		width: 516px;
	}

	#sec03 .card--small {
		height: 200px!important;
		width: 405px;
	}

	#sec03 .card::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 0;
	}
	
	#sec03 .card > * {
		position: relative;
		z-index: 1;
	}
	#sec03 .pd_wrap, #sec03 .ori_wrap {
		margin: 40px auto 0;
		width:1000px;
	}


	
	#sec03 .swiper-wrapper {
		display: flex;
	}	
	#sec03 .swiper-slide {
	  border-radius: 8px;
	  padding: 16px;
	  text-align: center;
	}	
	#sec03 .swiper-slide img {
	  width: 100%;
	  height: auto;
	  object-fit: contain;
	  margin-bottom: 8px;
	}	
	#sec03 .swiper-slide p {
	  text-align: center;
	  font-family: "Noto Sans SC", sans-serif;
	  font-weight: 500;
	  font-size: 1.5rem;
	  color: #000;
	}

	#sec03 .pd_wrap {
	  overflow-x: auto;
	}
	
	#sec03 .table_flex {
	  display: flex;
	  justify-content: space-between;
	  margin: 0 0 32px;
	}
	
	#sec03 .tech_table {
		border-collapse: collapse;
		font-family: "Noto Sans SC", sans-serif;
		font-size: 1.4rem;
		table-layout: fixed;
		width: 490px;
		color: #000;
	}
	
	.tech_table th,
	.tech_table td {
	  border: 1px solid #e1e1e1;
	  padding: 6px 12px;
	  text-align: center;
	  vertical-align: middle;
	  word-wrap: break-word;
	}
	
	.tech_table th {
	  background-color: #dcf2fd;
	  font-weight: 500;
	  line-height: 2.0rem;
	}
	
	/* 製品適用列を均等に狭く */
	.tech_table th:nth-child(3),
	.tech_table th:nth-child(4),
	.tech_table th:nth-child(5),
	.tech_table td:nth-child(3),
	.tech_table td:nth-child(4),
	.tech_table td:nth-child(5) {
	  width: 100px;
	}
	.tech_table th,
	.tech_table td {
	  border: 1px solid #ccc;
	  padding: 8px 12px;
	  text-align: center;
	　vertical-align: middle;word-break: break-word;        /* 単語中でも折り返す */
	  white-space: normal; 
	}

	.tech_table th.mini_l{
	  line-height:1.2;
	}
	.tech_table th:first-child,
	.tech_table td:first-child {
		width: 110px;
	}


	/* ============================================================
 	section 04
	==============================================================*/
	#sec04 {
		width: 100%;
		padding: 0 0 100px;
		position: relative;
		background: #005bac;
	}

	.iPad #sec04{
		padding: 0 0 120px;		
	}
	
	#sec04 h2 {
		display: inline-block;
		font-family: "Oswald", sans-serif;
		font-weight: 500;
		font-size: 10.0rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		color: #ffffff;
		padding: 57px 0 0;
		margin: 0 0 0 -2px;
		text-align:left;
	}
	#sec04 h2 span {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
		padding: 27px 0 0 4px;
	}
	#sec04 .inline_wrap {
		display: flex;
		justify-content: flex-start;
	}
	#sec04 p {
		font-family: "Noto Sans SC", sans-serif;
		font-weight: 300;
		letter-spacing: 0.1rem;
		font-size: 1.6rem;
		color:#fff;
		line-height: 1.8;
		font-feature-settings: 'palt';
		margin: 84px 0 0 132px;
	}    
	#sec04 .btn_view li a {
		margin:30px 0 0;
        background-color: #000;
	}
	#sec04 .txt_wrap {
		width: 480px;
	}
	#sec04 .img_box {
		width: 744px;
		position: absolute;
		left: calc(50%);
		z-index: 200;
	}

	.iPad #sec04 .img_box{
		bottom: -103px;
	}
	/* ============================================================
 	section 05
	==============================================================*/
	#sec05 {
		width: 100%;
		padding: 160px 0 258px;
		background: #fff;
	}
	
	#sec05 .wrapper {
		position: relative;
	}
	
	#sec05 h2 {
		display: inline-block;
		font-family: "Oswald", sans-serif;
		font-weight: 500;
		font-size: 10.0rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		color: #000000;
		margin: 0 0 0 -2px;
		text-align:left;
	}
	#sec05 h2 span {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
		padding: 18px 0 29px 4px;
	}
	#sec05 .img_box{
		position:absolute;
		z-index:200;
		right:0;
		top: 79px;
		width: 690px;
		transform: translateX(20%);
	}
	#sec05 .wrapper::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -250px;
		width: 140%;
		max-width: 1380px;
		height: 200px;
		background: linear-gradient(to right, #004e9b, #0072ce); /* お好みで */
		z-index: 100; /* 画像より下になるように */
		transform: translateX(-30%);
	}
	/* ============================================================
 	section 06
	==============================================================*/
	#sec06 {
		width: 100%;
		padding: 60px 0 258px;
		background: #fff;
	}
	
	#sec06 .wrapper {
		position: relative;
	}
	
	#sec06 h2 {
		display: inline-block;
		font-family: "Oswald", sans-serif;
		font-weight: 500;
		font-size: 10.0rem;
		/* letter-spacing: 0.1rem; */
		font-feature-settings: 'palt';
		line-height: 1.0;
		color: #000000;
		text-align:left;
		margin: 0 0 0 612px;
	}
	#sec06 h2 span {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
		padding: 18px 0 29px;
	}

	#sec06 .btn_view{
		margin: 0 0 0 612px;
		
	}
	#sec06 .img_box{
		position:absolute;
		z-index:200;
		left: 0;
		top: 177px;
		width: 690px;
		transform: translateX(-20%);
	}
	#sec06 .wrapper::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: -250px;
		width: 140%;
		max-width: 1380px;
		height: 200px;
		background: linear-gradient(to left, #0B4C86, #0072ce);
		z-index: 100;
		transform: translateX(30%);
	}
	/* ============================================================
 	section 07
	==============================================================*/
	#sec07 {
		width: 100%;
		padding: 108px 0 270px;
		margin: 0 0 -1px;
		background: #fff;
	}
	
	#sec07 .wrapper {
		/* text-align: center; */
		/* width: 100%; */
		position: relative;
	}
	
	#sec07 h2 {
		display: inline-block;
		font-family: "Oswald", sans-serif;
		font-weight: 500;
		font-size: 10.0rem;
		letter-spacing: -0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		color: #000000;
		text-align:left;
		margin: 0 0 0 -2px;
	}
	#sec07 h2 span {
		display: block;
		font-family: "Noto Sans SC", sans-serif;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
		padding: 18px 0 29px 4px;
	}
	#sec07 .img_box{
		position:absolute;
		z-index:200;
		right:0;
		top: 79px;
		width: 690px;
		transform: translateX(20%);
	}
	#sec07 .wrapper::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -250px;
		width: 140%;
		max-width: 1380px;
		height: 200px;
		background: linear-gradient(to right, #004e9b, #0072ce);
		z-index: 100; 
		transform: translateX(-30%);
	}
}