@charset "UTF-8";



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* ページ内共通 */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.blue_txt{
	color: #5fc0cc;
}

.med_style1 .txt_s {
    font-size: 90%;
    line-height: 1.6em;
    margin-top: 1em;
    text-indent: -1em;
    padding-left: 1em;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* MV */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.contentpage .main_area{
	background-image:url(../images/blueradical/m_img@2x.jpg)
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* リード */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.com_lead .point_wrap{
	display: flex;
	justify-content: center;
	gap:2%;
	max-width: 744px;
	margin-top: 40px;
	margin-inline: auto;
}
.com_lead .point_item{
	width: calc(100% / 4);
}
.com_lead .point_wrap img{
	width: 100%;
}

@media only screen and (max-width: 767px) {
	.com_lead .point_wrap{
		flex-wrap: wrap;
		gap:1em;
		max-width: 85%;
		margin-top: 6%;
	}
	.com_lead .point_item{
		width: calc((100% / 2) - 1em);
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* ブルーラジカルとは(box02) */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.box02 .youtube{
	max-width: 800px;
	margin-inline: auto;
}
.box02 .youtube .ttl{
	text-align: center;
	line-height: 1.7;
	letter-spacing: 0.2em;
}
.box02 .youtube .ttl .en{
	font-size: 130%;
	font-style: italic;
	background-image: url(../images/blueradical/icon_movie.svg);
	background-size: 1.7em;
	background-repeat: no-repeat;
	background-position: left top .2em;
	width: fit-content;
	margin-inline: auto;
	padding-left: 2.5em;
}
.box02 .youtube .ttl .ja{
	font-size: 190%;
	margin-top: 16px;
}
.box02 .iframe_warp{
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-top: 40px;
}
.box02 .iframe_warp iframe{
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 767px){
	.box02 .youtube .ttl .en{
		font-size: 95%;
	}
	.box02 .youtube .ttl .ja{
		font-size: 4.5vw;
		margin-top: 2%;
	}
	.box02 .iframe_warp{
		margin-top: 6%;
	}
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 違い(box03)  */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.box03 .hikaku_wrap{
	display: flex;
	gap:4%;
}
.box03 .hikaku_item{
	width: 50%;
	padding:40px 4%;
	box-sizing: border-box;
}
.box03 .hikaku_item:first-of-type{
	background-color: #f0f0f2;
}
.box03 .hikaku_item:last-of-type{
	background-color: #e6f5f7;
}
.box03 .hikaku_item .ttl{
	color:#fff;
	font-size: 160%;
	text-align: center;
	border-radius: 50px;
	padding:.5em;
}
.box03 .hikaku_item:first-of-type .ttl{
	background-color: #9b9b9b;
}
.box03 .hikaku_item:last-of-type .ttl{
	background-color: #5fc0cc;
}
.box03 .hikaku_item .img{
	margin-top: 30px;
	width: 100%;
}
.box03 .hikaku_item .txt{
	margin-top: 30px;
}

@media only screen and (max-width: 767px){
	.box03 .hikaku_wrap{
		flex-direction: column;
		gap:2em;
	}
	.box03 .hikaku_item{
		width: 100%;
		padding:8% 4%;
	}
	.box03 .hikaku_item .ttl{
		font-size: 4.5vw;
		padding:.5em;
	}
	.box03 .hikaku_item .img{
		margin-top: 8%;
	}
	.box03 .hikaku_item .txt{
		margin-top: 8%;
	}
}