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

	#main_wrap_sec:after{
		content: "";
		display: block;
		width: 100%;
		height: calc(100vw * 600 / 1400);
		background: linear-gradient( to top,  #f8f8f8 1%, #fff0 26% );
		position: absolute;
		top:0;
		left:0;
	}

	#main_wrap_sec:before{
		content: "";
		display: block;
		width: 100%;
		height: calc(100vw * 600 / 1400);
		background:url(../img/mv_bg.jpg) no-repeat top center;
		background-size:100% auto;
		position: absolute;
		top:0;
		left:0;
	}

	.mv_ttl_wrap p{
		font-family: 'Barlow', sans-serif;
		font-weight: 600;
		font-size: 2.6rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		line-height: 1.0;
		color: #fff;
		padding: 0 0 18px;
	}

	.mv_ttl_wrap h1 .a_txt{
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 4.4rem;
		letter-spacing: 0.1rem;
		padding:14px 0 5px;
	}
	.mv_ttl_wrap h1 .b_txt{
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 4.4rem;
		letter-spacing: 0.1rem;
	}
	.mv_ttl_wrap h1 .c_txt{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.4rem;
		letter-spacing: 0.1rem;
		margin:0 0 0 -4px;
	}
	
	/* ============================================================
 	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: 1;
	}
	
	.bg_img01 {
		top: 122px;
		right: 160px;
		width: 110px;
	}
	.bg_img02 {
		top: 378px;
		left: -199px;
	}
	.bg_img03 {
		top: 179px;
		right: -154px;
	}
	.bg_img04 {
		top: 262px;
		left: -140px;
	}
	.bg_img05 {
		top: 124px;
		right: 97px;
	}

	.iPad .bg_img04 {
		top: -70px;
		left: -40px;
	}

	.iPad .bg_img05 {
		top: 24px;
		right: 97px;
	}

	.bg_img06 {
		top: 389px;
		right: -134px;
	}
	.bg_img07 {
		top: 1604px;
		left: -206px;
		z-index: -1;
	}
	.bg_img08 {
		top: 4px;
		left: 82px;
		width: 110px;
	}
	.bg_img09 {
		top: 4px;
		right: 82px;
		width: 137px;
	}
	.bg_img10 {
		top: -44px;
		left: 82px;
		width: 110px;
	}
	.bg_img11 {
		top: -46px;
		right: 82px;
		width: 110px;
	}

	.iPad .bg_img08 {
		top: 44px;
		left: 82px;
		width: 110px;
	}
	.iPad .bg_img09 {
		top: 54px;
		right: 82px;
		width: 137px;
	}
	.iPad .bg_img10 {
		top: 44px;
		left: 82px;
		width: 110px;
	}
	.iPad .bg_img11 {
		top: 46px;
		right: 82px;
		width: 110px;
	}
	
	/* ============================================================
 	section 01
	==============================================================*/
	#sec01 {
		width: 100%;
		padding:0 0 100px;
		position:relative;
	}

	#sec01:before{
		content: "";
		display: block;
		width: 100%;
		height:100%;
		background:#f8f8f8;
		position: absolute;
		top:calc(100vw * 600 / 1400 - 382px);
		left:0;
		z-index: -2;
	}
	
	#sec01 .wrapper {
		width: 1050px;
		box-sizing:border-box;
		border-radius:10px;
		padding: 70px 75px 6px;
		background:#fff;
	}

	#sec01 ul{
		margin:0 0 60px;
	}

	#sec01 ul li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		padding: 0 0 0 18px;
		margin:0 0 10px;
		line-height:1.6;
		position:relative;
	}

	#sec01 ul li:before{
		content: "";
		display: block;
		width:6px;
		height:6px;
		background:#0858A3;
		position: absolute;
		border-radius:50%;
		top: 10px;
		left: 3px;
	}

	#sec01 h2 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 2.4rem;
		letter-spacing: 0.3rem;
		font-feature-settings: 'palt';
		line-height: 1.8;
		color:#0858A3;
		padding: 0 0 120px;
	}

	#sec01 h3 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		color: #6d6d6d;
		padding: 0 0 24px;
	}


	#sec01 h4 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		line-height:1.4;
		color: #0858A3;
		padding: 0 0 6px;
	}
	
	#sec01 p {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		padding: 0 0 10px;
	}

	#sec01 p span{
		font-size: 1.2rem;
	}

	/* ============================================================
 	section 02
	==============================================================*/
	#sec02 {
		width: 100%;
		padding: 100px 0 200px;
		background:#f8f8f8;
		position:relative;
	}

	#sec02:before{
		content: "";
		display: block;
		width: 100%;
		height:1200px;
		background: linear-gradient( to bottom,  rgb(9 90 165 / 85%) 0%, #67cefd 40%, #f8f8f8 75% );
		position: absolute;
		top:0;
		left:0;
		z-index: 0;
	}
	
	#sec02 .wrapper {
		width: 1050px;
	}

	#sec02 #s_tab{
		display:flex;
		position: relative;
	}

	#sec02 #s_tab li{
		width:50%;
	}

	#sec02 #s_tab li a{
		display:block;
		width:100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:600;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		text-align:center;
		color:#0858A3;
		padding: 34px 0 36px;
		border-radius: 6px 6px 0 0;
		line-height:1;
		position:relative;
		background:#DEF5FF;
		
	}

	#sec02 #s_tab li.act a{
		color:#fff;
		background:#0858A3;
	}


	#sec02 #s_tab li.act a:before{
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		background:#0858A3;
		position: absolute;
		bottom: -19px;
		left: 50%;
		transform:translate(-50%, -50%) rotate(-45deg);
		z-index:10;
	}
	

	#sec02 #s_tab li a span{
		display:inline-block;
		font-weight:400;
		margin:0 0 0 5px;
	}

	#sec02 #s_tab li.act a{
		pointer-events: none;
	}

	#sec02 #s_tab li a{
		transition: all 0.5s cubic-bezier(0, 0, 0.01, 0.99) 0s;
	}

	#sec02 #s_tab li a:hover{
		margin:10px 0 0;
		padding: 34px 0 26px;
	}
	

	#sec02 h2 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.8rem;
		letter-spacing: 0.4rem;
		font-feature-settings: 'palt';
		line-height: 1.8;
		color: #fff;
		text-align: center;
		padding: 0 0 96px;
	}
	#sec02 #s_con_wrap{
		min-height: 100vh;
		background:#fff;
	}
	#sec02 .s_con_block{
		background:#fff;
		padding: 70px 0 0;
		border-radius: 0 0 6px 6px;
		overflow: hidden;
		position: relative;
	}

	#sec02 h3 {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		font-size: 3.2rem;
		letter-spacing: 0.3rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		text-align:center;
		color: #0858A3;
		padding: 0 0 20px;
		margin: 0 0 60px;
		position:relative;
	}

	#sec02 h3 span{
		display:inline-block;
		font-weight:400;
		margin:0 0 0 5px;
	}

	#sec02 h3:before{
		content: "";
		display: block;
		width:54px;
		height: 2px;
		background:#0858A3;
		position: absolute;
		bottom:0;
		left: 50%;
		transform:translate(-50%, 0);
	}

	
	#sec02 h4 {
		display:inline-block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		font-size: 2.0rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		line-height: 1;
		color: #fff;
		background: linear-gradient(to right, #0859a4, #00a0e8);
		padding: 6px 20px 8px;
		margin: 0 0 15px -20px;
	}

	#sec02 p.body_txt {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 2.0rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		line-height: 1.6;
		color:#0858A3;
		padding: 0 0 83px;
		text-align:center;
	}

	#sec02 .t_block{
		width:870px;
		margin:0 auto;
		padding:0 0 44px;
	}

	#sec02 .t_block .img_k_box{
		width:554px;
		margin:0 0 40px;
	}

	#sec02 .t_block p {
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		letter-spacing: 0.2rem;
		font-feature-settings: 'palt';
		line-height: 1.8;
		padding: 0 0 20px;
	}

	#sec02 .t_block .flow_list{
		display:flex;
		justify-content:space-between;
		margin: 0 0 20px;
	}

	#sec02 .t_block .flow_list li{
		width: 150px;
		height: 80px;
		background: #F2F9FF;
		border-radius:4px;
		border: 1px solid #00A1E9;
		position:relative;
	}

	#sec02 .t_block .flow_list li span{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		color: #00A1E9;
		font-size: 1.8rem;
		white-space: nowrap;
		letter-spacing: 0.1rem;
		text-align:center;
		line-height:1.4;
		position: absolute;
		top: 48%;
		left:50%;
		transform:translate(-50%, -50%);
	}

	#sec02 .t_block .flow_list li:before{
		content: "\3009";
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		color: #86CCFF;
		font-size: 1.8rem;
		display: block;
		position: absolute;
		top: 48%;
		right: -28px;
		transform:translate(0, -50%);
	}

	#sec02 .t_block .flow_list li:last-child:before{
		display:none;
	}

	#sec02 .t_block .flow_list2{
		display:flex;
		justify-content:space-between;
		margin: 0 0 50px;
	}

	#sec02 .t_block .flow_list2 li{
		width: 194px;
		height: 80px;
		background: #F2F9FF;
		border-radius:4px;
		border: 1px solid #00A1E9;
		position:relative;
	}

	#sec02 .t_block .flow_list2 li span{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		color: #00A1E9;
		font-size: 1.8rem;
		white-space: nowrap;
		letter-spacing: 0.1rem;
		text-align:center;
		line-height:1.4;
		position: absolute;
		top: 48%;
		left:50%;
		transform:translate(-50%, -50%);
	}

	#sec02 .t_block .flow_list2 li:before{
		content: "\3009";
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 600;
		color: #86CCFF;
		font-size: 1.8rem;
		display: block;
		position: absolute;
		top: 48%;
		right: -28px;
		transform:translate(0, -50%);
	}

	#sec02 .t_block .flow_list2 li:last-child:before{
		display:none;
	}

	#sec02 ul.h_list{
		margin:0 0 30px;
	}

	#sec02 ul.h_list li{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		padding: 0 0 0 18px;
		margin:0 0 6px;
		line-height:1.6;
		position:relative;
	}

	#sec02 ul.h_list li span{
		font-size:1.2rem;
	}

	#sec02 ul.h_list li:before{
		content: "";
		display: block;
		width:6px;
		height:6px;
		background:#0858A3;
		position: absolute;
		border-radius:50%;
		top: 10px;
		left: 3px;
	}

	#sec02 table{
		width:100%;
		margin:0 0 50px;
	}

	#sec02 th{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.4;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#fff;
		background:#0858A3;
		padding:10px;
		border:1px solid #fff;
	}
	
	#sec02 td{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.4;
		letter-spacing: 0.1rem;
		font-feature-settings: 'palt';
		color:#0858A3;
		background:#DEF3FD;
		text-align:center;
		padding:10px;
		border:1px solid #fff;
	}

	#sec02 td span{
		font-size:1.2rem;
	}

	#sec02 .img_wrap{
		background:#e7ebef;
		padding:90px;
	}

	#sec02 .img_wrap ul.img_list{
		display:flex;
		justify-content:space-between;
	}

	#sec02 .img_wrap ul.img_list li{
		width:48%;
	}

	#sec02 .img_wrap ul.img_list li p{
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		line-height: 1.4;
		letter-spacing: 0.1rem;
		padding:8px 0 0;
	}

	#sec02 p span{
		font-size:1.2rem;
	}
	
}