@charset "UTF-8";
/* CSS Document */

.mb-2 {
	margin-bottom: 2rem !important;
}
.img-fluid {
	width: 100%;
	max-width: 100%;
	height: auto;
}



.t_logo {
	text-align: center;
}
.t_logo img {
	max-width: 160px;	
	height: auto;
}
@media (min-width: 735px){
	.t_logo img {
		max-width: 260px;	
	}
}
.t_catch {
	text-align: center;
	line-height: 4;
}
.t_catch img {
	width: 100%;
	max-width: 240px;	
	height: auto;
}
@media (min-width: 735px){
	.t_catch {
		padding-left: 24px !important;
	}
	.t_catch img {
		max-width: 660px;	
	}
}



.connection_wrap {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 18px;
	padding: 22px;
}
@media (min-width: 735px){
	.connection_wrap {
		gap: 24px;
		padding: 36px;
	}
}
.connection_wrap > p {
	margin-top:0;
}
.connection_text_1 {
	line-height: 1.3;
	text-align: left;
	font-size: 15px;

}
.connection_text_2 {
	line-height: 1.3;
	text-align: left;
	font-size: 13px;
}
@media (min-width: 735px){
	.connection_text_1 {
		font-size: 21px;

	}
	.connection_text_2 {
		font-size: 15px;
	}
}



.sub_text {
	line-height: 1.2;
	color: #86868b;
	font-weight: 600;
	font-size: 19px;
}


/*アップグレード*/


.upgrade_pick_wrap {
	margin-top: 24px;
	margin-bottom: 48px;
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	max-width: 100%;
	margin-left: 7%;
	margin-right: 7%;
	line-height: 1.3;
	gap: 16px;
	container-type: inline-size;
}
	

@media (min-width: 1068px){
	.upgrade_pick_wrap {
		margin-top: 24px;
		margin-bottom: 48px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		max-width: 100%;
		margin-left: 9%;
		margin-right: 9%;
		line-height: 1.3;
		gap: 32px;
		container-type: inline-size;
	}
}


.t_text {
	line-height: 1.4;
	color: #FFF;
	font-weight: 600;
	font-size: 7cqw;
	margin-top: 6px !important;
}

.t_text2 {
	line-height: 1.2;
	color: #FFF;
	font-weight: 600;
	font-size: 16px;
}


.t_color {
	color:  rgba(185,185,185,1.00);
}
.t_upgrade_pick_1,
.t_upgrade_pick_2,
.t_upgrade_pick_wrap_center_1,
.t_upgrade_pick_wrap_center_2 {
	height: 110px;
}

@media (min-width: 734px){
	.t_upgrade_pick_1,
	.t_upgrade_pick_2,
	.t_upgrade_pick_wrap_center_1,
	.t_upgrade_pick_wrap_center_2 {
		height: 180px;
	}
}
@media (min-width: 1068px){
	.t_upgrade_pick_1,
	.t_upgrade_pick_2,
	.t_upgrade_pick_wrap_center_1,
	.t_upgrade_pick_wrap_center_2 {
		height: auto;
	}
}

@media (min-width: 734px){
	.t_text {
		font-size: 4cqw;
	}
	.t_text2 {
		font-size: 3.5cqw;
	}
}
@media (min-width: 1068px){
	.t_text {
		font-size: 2.5cqw;
	}
	.t_text2 {
		font-size: 1.8cqw;
	}
}


.upgrade_pick_wrap > div {
	border-radius: 16px;
	overflow: hidden;
}

.upgrade_pick_wrap > div.upgrade_pick_wrap_center {
	background-color: transparent;	

}
.upgrade_pick_wrap_center{
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	row-gap: 16px;
}

@media (min-width: 734px){
	.upgrade_pick_wrap_center{
		flex-wrap: nowrap;
		column-gap: 16px;
	}
}
@media (min-width: 1068px){
	.upgrade_pick_wrap_center{
		flex-wrap: wrap;
	}
}



.upgrade_pick_wrap_center > div {
	width: 100%;
	border-radius: 24px;
	overflow: hidden;
	background-color: #171717;	
}
.t_upgrade_pick_1,
.t_upgrade_pick_2{
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
	align-items: center;
	padding: 24px;
}
@media (min-width: 734px){
	.t_upgrade_pick_1,
	.t_upgrade_pick_2{
		align-items:center;
		padding: 36px;
	}
}


@media (min-width: 1068px){
	.t_upgrade_pick_1,
	.t_upgrade_pick_2{
		align-items:flex-end;
		padding: 24px;
	}
}

.t_upgrade_pick_1 {
	background-image: url("../images_2/upgrade_1_small.png");
	background-color: #171717;
	background-size: cover;
}
.t_upgrade_pick_2 {
	background-image: url("../images_2/upgrade_2_small.png");
	background-color: #000 ;
	background-size: cover;
}
@media (min-width: 1068px){
	.t_upgrade_pick_1 {
		background-image: url("../images_2/upgrade_1.png");
		background-color: #171717;
	}
	.t_upgrade_pick_2 {
		background-image: url("../images_2/upgrade_2.png");
		background-color: #000 ;
	}
}




.t_upgrade_pick_1 img {
	max-width: 42px;
}
.t_upgrade_pick_2 img {
	max-width: 50px;
}
.t_upgrade_pick_1 > div,
.t_upgrade_pick_2 > div {
	display: flex;
	align-items: center;
	column-gap: 20px;
}
@media (min-width: 1068px){
	.t_upgrade_pick_1 > div,
	.t_upgrade_pick_2 > div {
		display: block;
	}
}


.t_upgrade_pick_wrap_center_1,
.t_upgrade_pick_wrap_center_2 {
	display: grid;
	grid-template-columns: 20% 1fr;
	column-gap: 24px;
	padding: 16px;
	align-items: center;
	width: 100%;
}
.t_upgrade_pick_wrap_center_1 p,
.t_upgrade_pick_wrap_center_2 p {
	margin-top: 0;	
}
.t_upgrade_pick_wrap_center_1 p:first-child,
.t_upgrade_pick_wrap_center_2 p:first-child{
	text-align: center;
}
.t_upgrade_pick_wrap_center_1 img {
	width: 46px;
	max-width: 100%;
	height: auto;
}
.t_upgrade_pick_wrap_center_2 img {
	width: 32px;
	max-width: 100%;
	height: auto;
}