@charset "UTF-8";

@media screen and (min-width:751px) {
	
	header .innerbox nav .box.features:after{
		transform: scaleX(1);
	}
	
	.contbox{
		padding:180px 0 0 0;
		margin:0 0 -40px 0;
		overflow: hidden;
	}
	
	.contbox.border{
		border-bottom:1px solid #ccc;
		padding:0 0 100px 0;
	}
	
	.contbox .innerbox{
		width:90%;
		max-width: 1166px;
		margin:0 auto;
	}
	
	.contbox .innerbox .tlcont{
		width:100%;
		position: relative;
	}
	
	.contbox .innerbox .tlcont span{
		line-height: 1.5em;
		border-bottom:1px solid #26343c;
		font-size: 3rem;
		letter-spacing: 0.14em;
		padding:0 0 10px 0;
		margin:0 0 80px 0;
		position: relative;
		z-index: 2;
		display: block;
	}
	
	.contbox .innerbox .tlcont subtx{
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		font-family: "Noto Sans JP", sans-serif;
		margin:0 0 0 5px
	}
	
	.contbox .innerbox .tlcont num{
		position: absolute;
		height:90px;
		top:-40px;
		left:-20px;
	}
	
	.contbox .innerbox .tlcont num img{
		height:100%;
		width:auto;
	}
	
	.contbox .innerbox .content{
		margin:0 0 40px 0;
	}
	
	.contbox .innerbox .cont_flex{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.contbox .innerbox .cont_flex .content{
		width:calc((100% - 50px) / 2);
	}
	
	.contbox .innerbox .content .headtl{
		background:#1e6edc;
		color:#fff;
		font-weight: 600;
		font-size: 1.5rem;
		padding:12px 20px 12px 15px;
		display: inline-block;
		letter-spacing: 0.14em;
		clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 0% 100%);
	}
	
	.contbox .innerbox .content.box2 .headtl{
		background:#2db0eb;
	}
	
	.contbox .innerbox .content .headtl span{
		font-size: 1.2rem;
		font-weight: 400;
		margin:0 0 0 5px;
	}
	
	.contbox .innerbox .content .half_flexbox{
		padding:60px;
		background:#e8f0fb;
		display: flex;
		align-items: center;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox{
		padding:50px 30px;
	}
	
	.contbox .innerbox .cont_flex .content.box2 .half_flexbox{
		background:#ebf6f8;
	}
	
	.contbox .innerbox .content .half_flexbox .illbox{
		width:50%;
		padding:0 30px 0 0;
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .illbox{
		width:35%;
		max-width:290px;
		padding:0 60px 0 0;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .illbox{
		height:180px;
		width:45%;
		padding:0 30px 0 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .illbox img{
		object-fit: contain;
		height:100%;
		width:100%;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont{
		width:50%;
		padding:0 0 0 60px;
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont{
		width:calc(100% - min(35%,290px));
		padding:0 0 0 0;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .txcont{
		width:55%;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont .hukibox{
		width:100%;
		background: linear-gradient(270deg, rgba(94,222,249,1) 15%, rgba(50,161,243,1) 79%);
		font-size: 1.5rem;
		font-weight: 600;
		color:#fff;
		text-align: center;
		letter-spacing: 0.14em;
		padding:15px 10px 25px 10px;
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), calc(50% - 10px) calc(100% - 10px), 50% 100%, calc(50% + 10px) calc(100% - 10px), 0% calc(100% - 10px));
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul{
		
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .txcont ul{
		flex-direction: column;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li{
		border-bottom:1px dashed #26343c;
		padding:15px 0 0 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont ul li{
		width:calc((100% - 40px) / 2);
		padding:0 0 15px 0;
		margin:0 0 15px 0;
	
	}
	
	.contbox .innerbox .content.box2 .half_flexbox .txcont ul li{
		display: block;
	}
	
	.contbox .innerbox .content.box2 .half_flexbox .txcont ul li .box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.contbox .innerbox .content.box2 .half_flexbox .txcont ul li .cap{
		font-size: 1.2rem;
		line-height: 1.8em;
		margin:5px 0 0 0;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .txcont ul li{
		width:100%;
		padding:0 0 15px 0;
		margin:0 0 15px 0;
	
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont ul li:last-child{
		margin:0 0 0 0;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li p{
		font-size: 1.5rem;
		line-height: 2em;
		letter-spacing: 0.14em;
		text-align: right;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .sub{
		font-size: 1.5rem;
		color:#fff;
		background:#1e6edc;
		padding:5px 10px;
		letter-spacing: 0.14em;
		margin:0 10px 0 0;
	}
	
	.contbox .innerbox .content.box2 .half_flexbox .txcont ul li .sub{
		background:#2db0eb;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num{
		width:180px;
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont ul li .num{
		width:auto;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num{
		font-size:1.8rem;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num strong{
		font-size: 1.4em;
		letter-spacing: 0.14em;
		font-weight: 400;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num span{
		font-size: 1.4em;
		letter-spacing: 0.14em;
		font-weight: 400;
		margin:0 10px 0 0;
		vertical-align: middle;
		display: inline-block;
		transform: scaleX(0.9);
		position: relative;
		top:-0.5em;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num span::before{
		content: "";
		display: inline-block;
		width: 13px;
		height: 13px;
		border-radius: 100% 0 0 0;
		background: #1e6edc;
		transform: rotate(45deg);
		transform-origin: center center;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(2) .num span::before{
		background: #008edd;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(3) .num span::before{
		background: #009ae0;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(4) .num span::before{
		background: #15b5ed;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(5) .num span::before{
		background: #98d3f4;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(6) .num span::before{
		background: #aadcf2;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(7) .num span::before{
		background: #bde9f4;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(8) .num span::before{
		background: #fff;
	}
}

@media screen and (max-width:750px) {
	header .innerbox nav .box.features a{
		color:#1e6edc !important;
	}
	
	.contbox{
		padding:90px 0 0 0;
		margin:0 0 -30px 0;
		overflow: hidden;
	}
	
	.contbox.border{
		border-bottom:1px solid #ccc;
	}
	
	.contbox .innerbox{
		width:90%;
		max-width: 1166px;
		margin:0 auto;
	}
	
	.contbox .innerbox .tlcont{
		width:100%;
		position: relative;
	}
	
	.contbox .innerbox .tlcont span{
		line-height: 1.5em;
		border-bottom:1px solid #26343c;
		font-size: 2.6rem;
		letter-spacing: 0.14em;
		padding:0 0 10px 0;
		margin:0 0 40px 0;
		position: relative;
		z-index: 2;
		display: block;
	}
	
	.contbox .innerbox .tlcont subtx{
		font-size: 1rem;
		letter-spacing: 0.05em;
		font-family: "Noto Sans JP", sans-serif;
		margin:0 0 0 5px
	}
	
	.contbox .innerbox .tlcont num{
		position: absolute;
		height:45px;
		top:-10px;
		left:-10px;
	}
	
	.contbox .innerbox .tlcont num img{
		height:100%;
		width:auto;
	}
	
	.contbox .innerbox .content{
		margin:0 0 40px 0;
	}
	
	.contbox .innerbox .cont_flex{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	.contbox .innerbox .cont_flex .content{
		width:100%;
	}
	
	.contbox .innerbox .content .headtl{
		background:#1e6edc;
		color:#fff;
		font-weight: 600;
		font-size: 1.5rem;
		padding:7px 15px 7px 10px;
		display: inline-block;
		letter-spacing: 0.14em;
		clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 0% 100%);
	}
	
	.contbox .innerbox .content.box2 .headtl{
		background:#2db0eb;
	}
	
	.contbox .innerbox .content .headtl span{
		font-size: 1.2rem;
		font-weight: 400;
		margin:0 0 0 5px;
	}
	
	.contbox .innerbox .content .half_flexbox{
		padding:30px;
		background:#e8f0fb;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox{
		padding:30px 30px;
	}
	
	.contbox .innerbox .cont_flex .content.box2 .half_flexbox{
		background:#ebf6f8;
	}
	
	.contbox .innerbox .content .half_flexbox .illbox{
		width:100%;
		padding:0 0 30px 0;
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .illbox{
		height:190px;
		width:55%;
		padding:0 0 20px 0;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .illbox{
		height:160px;
		width:55%;
		padding:0 0 20px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.contbox .innerbox .content .half_flexbox .illbox img{
		object-fit: contain;
		height:100%;
		width:100%;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont{
		width:100%;
		padding:0 0 0 0;
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont{
		width:100%;
		padding:0 0 0 0;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .txcont{
		width:100%;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont .hukibox{
		width:100%;
		background: linear-gradient(270deg, rgba(94,222,249,1) 15%, rgba(50,161,243,1) 79%);
		font-size: 1.5rem;
		font-weight: 600;
		color:#fff;
		text-align: center;
		letter-spacing: 0.14em;
		padding:15px 10px 25px 10px;
		clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 10px), calc(50% - 10px) calc(100% - 10px), 50% 100%, calc(50% + 10px) calc(100% - 10px), 0% calc(100% - 10px));
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul{
		
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: column;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .txcont ul{
		flex-direction: column;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li{
		border-bottom:1px dashed #26343c;
		padding:15px 0 0 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont ul li{
		width:100%;
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: center;
	
	}
	
	.contbox .innerbox .content.box2 .half_flexbox .txcont ul li{
		display: block;
	}
	
	.contbox .innerbox .content.box2 .half_flexbox .txcont ul li .box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	
	.contbox .innerbox .content.box2 .half_flexbox .txcont ul li .cap{
		font-size: 1rem;
		line-height: 1.8em;
		margin:5px 0 0 0;
		padding:0 0 0 0;
	}
	
	.contbox .innerbox .cont_flex .content .half_flexbox.box2 .txcont ul li{
		width:100%;
		padding:0 0 15px 0;
		margin:0 0 15px 0;
	
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont ul li:last-child{
		margin:0 0 0 0;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li p{
		font-size: 1.5rem;
		line-height: 2em;
		letter-spacing: 0.14em;
		text-align: left;
		padding:0 0 5px 1.75em;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .sub{
		font-size: 1.5rem;
		color:#fff;
		background:#1e6edc;
		padding:5px 10px;
		letter-spacing: 0.14em;
		margin:0 10px 0 0;
	}
	
	.contbox .innerbox .content.box2 .half_flexbox .txcont ul li .sub{
		background:#2db0eb;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num{
		width:180px;
	}
	
	.contbox .innerbox .content .half_flexbox.box2 .txcont ul li .num{
		width:auto;
		white-space: nowrap;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num{
		font-size:1.8rem;
		line-height: 1;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num strong{
		font-size: 1.4em;
		letter-spacing: 0.14em;
		font-weight: 400;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num span{
		font-size: 1.4em;
		letter-spacing: 0.14em;
		font-weight: 400;
		margin:0 10px 0 0;
		vertical-align: middle;
		display: inline-block;
		transform: scaleX(0.9);
		position: relative;
		top:-0.5em;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li .num span::before{
		content: "";
		display: inline-block;
		width: 13px;
		height: 13px;
		border-radius: 100% 0 0 0;
		background: #1e6edc;
		transform: rotate(45deg);
		transform-origin: center center;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(2) .num span::before{
		background: #008edd;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(3) .num span::before{
		background: #009ae0;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(4) .num span::before{
		background: #15b5ed;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(5) .num span::before{
		background: #98d3f4;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(6) .num span::before{
		background: #aadcf2;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(7) .num span::before{
		background: #bde9f4;
	}
	
	.contbox .innerbox .content .half_flexbox .txcont ul li:nth-child(8) .num span::before{
		background: #fff;
	}
}