@media (min-width: 1024px) {
	.content_1st{
		width: 1920px;
		height: 646px;
		background-image: url('../img/friends/content_1st_pc_bg.png');
		position: relative;
	}
	.content_1st_title{
		font-family: FOT-TsukuGo Pro;
		font-weight: bold;
		font-size: 29px;
		color: #FFFFFF;
		line-height: 29px;
		letter-spacing: 8px;
		position: absolute;
		top: 145px;
		left: 344px;
	}
	.content_1st_desc{
		font-family: FOT-TsukuGo Pro;
		font-weight: bold;
		font-size: 49px;
		color: #FFFFFF;
		line-height: 49px;
		position: absolute;
		top: 188px;
		left: 342px;
	}
	.content_1st_img{
		width: 553px;
		height: 198px;
		position: absolute;
		top: 252px;
		left: 346px;
	}
	.content_1st_btn{
		width: 554px;
		height: 60px;
		background: #FFFFFF;
		border-radius: 29px;
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 24px;
		color: #3B89E7;
		line-height: 60px;
		text-align: center;
		letter-spacing: 8px;
		cursor: pointer;
		position: absolute;
		bottom: 99px;
		left: 346px;
	}
	.content_1st_btn:hover{
		background: #FFD706;
	}
	.content_2nd{
		width: 1920px;
		position: relative;
		padding-bottom: 85px;
	}
	.content_2nd_img{
		width: 944px;
		height: 282px;
		position: absolute;
		top: 84px;
		left: 495px;
	}
	.content_2nd_list{
		padding-top: 401px;
		width: 944px;
		margin: 0 auto;
		background: #F8FAFF;
	}
	.content_2nd_list_item{
		padding-top: 9px;
		padding-bottom: 38px;
		margin: 0 99px;
		border-left: 2px dotted #468CE0;
		position: relative;
	}
	.content_2nd_list_item:nth-child(3){
		border-left: 0;
	}
	.content_2nd_icon{
		width: 56px;
		height: 56px;
		position: absolute;
		top: 0;
		left: -27px;
	}
	.content_2nd_list_item_title{
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 24px;
		color: #000000;
		line-height: 24px;
		margin-left: 79px;
	}
	.content_2nd_list_item_msg{
		width: 645px;
		font-family: Kozuka Gothic Pr6N;
		font-weight: normal;
		margin-top: 14px;
		font-size: 16px;
		color: #000000;
		line-height: 30px;
		margin-left: 79px;
	}
	.content_2nd_list_btn_title{
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 40px;
		color: #000000;
		line-height: 56px;
		text-align: center;
		padding-top: 40px;
		position: relative;
		z-index: 9;
	}
	.content_2nd_list_img{
		text-align: center;
		width: 748px;
		height: 359px;
		margin: 0 auto;
		margin-top: -27px;
		position: relative;
		z-index: 1;
	}
	.content_2nd_list_img img{
		width: 748px;
		height: 359px;
	}
	.content_2nd_list_img .btn{
		width: 335px;
		height: 62px;
		background: #3B89E7;
		border-radius: 29px;
		border: 4px solid #F8FAFF;
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 20px;
		color: #FFFFFF;
		line-height: 62px;
		text-align: center;
		cursor: pointer;
		position: absolute;
		top: 77px;
		left: 200px;
	}
	.content_3rd{
		padding: 85px 0px;
		background: #F8FAFF;
	}
	.content_3rd_title{
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 40px;
		color: #000000;
		line-height: 40px;
		text-align: center;
	}
	.content_3rd_list{
		text-align: center;
		padding-top: 54px;
	}
	.content_3rd_list_item{
		width: 357px;
		height: 394px;
		background: #FFFFFF;
		border-radius: 30px;
		display: inline-block;
		margin: 0 10px;
		vertical-align: top;
	}
	.content_3rd_list_item_img{
		padding-top: 21px;
		width: 220px;
		height: 220px;
	}
	.content_3rd_list_item_title{
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 22px;
		color: #000000;
		line-height: 22px;
		margin-bottom: 18px;
	}
	.content_3rd_list_item_msg{
		width: 258px;
		margin: 0 auto;
		font-family: Kozuka Gothic Pr6N;
		font-weight: normal;
		font-size: 16px;
		color: #000000;
		line-height: 26px;
		text-align: left;
	}
}
@media (max-width: 1024px) {
	.content_1st{
		width: 750px;
		height: 1480px;
		background-image: url('../img/friends/content_1st_phone_bg.png');
		position: relative;
	}
	.content_1st_title{
		width: 750px;
		font-family: FOT-TsukuGo Pro;
		font-weight: bold;
		font-size: 32px;
		color: #FFFFFF;
		line-height: 32px;
		text-align: center;
		letter-spacing: 25px;
		position: absolute;
		top: 293px;
	}
	.content_1st_desc{
		width: 750px;
		font-family: FOT-TsukuGo Pro;
		font-weight: bold;
		font-size: 55px;
		color: #FFFFFF;
		line-height: 55px;
		text-align: center;
		letter-spacing: -5px;
		position: absolute;
		top: 357px;
	}
	.content_1st_img{
		width: 607px;
		height: 224px;
		position: absolute;
		top: 437px;
		left: 68px;
	}
	.content_1st_btn{
		width: 579px;
		height: 100px;
		background: #FFFFFF;
		border-radius: 50px;
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 36px;
		color: #3B89E7;
		line-height: 100px;
		text-align: center;
		cursor: pointer;
		position: absolute;
		bottom: 126px;
		left: 85px;
	}
	.content_2nd_title{
		font-family: id-kaihou;
		font-weight: 400;
		font-size: 48px;
		color: #FFFFFF;
		line-height: 48px;
		text-align: center;
		text-shadow: 3px 3px 0 #3B89E7, -3px 3px 0 #3B89E7, 3px -3px 0 #3B89E7, -3px -3px 0 #3B89E7, 4px 0 0 #3B89E7, -4px 0 0 #3B89E7, 0 4px 0 #3B89E7, 0 -4px 0 #3B89E7;
	}
	.content_2nd{
		width: 750px;
		position: relative;
		padding: 115px 0;
	}
	.content_2nd_img{
		content: url('../img/friends/content_2nd_phone_img.png');
		width: 750px;
		height: 366px;
	}
	.content_2nd_list{
		width: 680px;
		margin: 0 auto;
		background: #F1F5FF;
		border-radius: 58px;
		margin-top: -143px;
		padding-top: 143px;
	}
	.content_2nd_list_item{
		margin: 0 67px;
		position: relative;
		border-left: 3px dotted #3B89E7;
		padding-bottom: 39px;
	}
	.content_2nd_list_item:nth-child(3){
		border-left: 0;
	}
	.content_2nd_icon{
		width: 82px;
		height: 82px;
		position: absolute;
		top: 0;
		left: -40px;
	}
	.content_2nd_list_item_title{
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 34px;
		color: #3B89E7;
		line-height: 34px;
		padding-top: 25px;
		margin-left: 67px;
	}
	.content_2nd_list_item_msg{
		font-family: Kozuka Gothic Pr6N;
		font-weight: normal;
		font-size: 28px;
		color: #000000;
		line-height: 52px;
		margin-top: 33px;
		margin-left: 67px;
	}
	.content_2nd_list_btn_title{
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 34px;
		color: #000000;
		line-height: 34px;
		text-align: center;
		margin-top: 25px;
	}
	.content_2nd_list_img{
		width: 652px;
		height: 327px;
		text-align: center;
		margin: 0 auto;
		margin-top: 72px;
		position: relative;
	}
	.content_2nd_list_img img{
		width: 652px;
		height: 327px;
	}
	.content_2nd_list_img .btn{
		width: 579px;
		height: 100px;
		background: #3B89E7;
		border-radius: 50px;
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 36px;
		color: #FFFFFF;
		line-height: 100px;
		position: absolute;
		top: 0;
		left: 36px;
	}
	.content_3rd{
		width: 750px;
		background: #F1F5FF;
		padding: 115px 0;
	}
	.content_3rd_title{
		width: 420px;
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 52px;
		color: #000000;
		line-height: 74px;
		margin: 0 auto;
		text-align: center;
	}
	.content_3rd_list{
		width: 633px;
		margin: 0 auto;
		margin-top: 70px;
	}
	.content_3rd_list_item{
		width: 633px;
		height: 650px;
		background: #FFFFFF;
		border-radius: 30px;
		margin-top: 53px;
		text-align: center;
	}
	.content_3rd_list_item_img{
		width: 370px;
		height: 370px;
		padding-top: 40px;
	}
	.content_3rd_list_item_title{
		font-family: Kozuka Gothic Pr6N;
		font-weight: bold;
		font-size: 44px;
		color: #000000;
		line-height: 44px;
		margin-top: 6px;
	}
	.content_3rd_list_item_msg{
		width: 513px;
		font-family: Kozuka Gothic Pr6N;
		font-weight: normal;
		font-size: 28px;
		color: #000000;
		line-height: 46px;
		margin: 0 auto;
		margin-top: 41px;
	}
}