@charset "utf-8";

div.wrap {
display: flex;
}
.right {
margin-left: 100px;
position: relative;
}
.right::before {
position: absolute;
content: url("../images/pc_arrow.png");
left: -50px;
top: 60px;
}

@media only screen and (max-width: 700px) {
	iframe {
	width: 100%;
	}
	div.wrap {
	flex-direction: column;
	}
	.left {
	margin-left: 25%;
	margin-top: 20px;
	}
	.right {
	margin-left: 0;
	margin-top: 40px;
	margin-left: 25%;
	margin-bottom: 20px;
	}
	.right::before {
	margin-left: 0;
	margin-top: 30px;
	content: url("../images/sp_arrow.png");
	top: -25px;
	left: 60px;
	right: 0;
	margin: 0 auto;
	}
	
}

.profile-box {
	display:grid;
	grid-template-rows:auto;
	grid-template-columns:auto auto;
	max-width:500px;
	margin:20px 0 50px;
    align-items: flex-end;
}
.profile-box p:nth-child(1) {
	grid-row:1/2;
	grid-column:1/2;
	text-indent:0!important;
	line-height:1!important;	
}
.profile-box p:nth-child(2) {
	grid-row:1/2;
	grid-column:2/3;	
	text-indent:0!important;
	line-height:1!important;
	position:relative;
	bottom:5px;	
}

@media only screen and (max-width: 700px) {
	.profile-box p:nth-child(1) img {
	max-width:170px;
}
.profile-box p:nth-child(2) {
	bottom:2px;	
}
}