body{
	margin: 0px;
}
.top{
	/* top */

	/* オートレイアウト */
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0px;

	height: 760px;

	background: #B6DCEC;
	border-radius: 0px 0px 60px 60px;

	/* オートレイアウト内部 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;

}
header{
	/* header */

	/* オートレイアウト */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 12px 184px;
	text-align: center;

	height: 104px;


	/* オートレイアウト内部 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;

}
.line1{

	border-left: 1px solid #000;

}

.nav{
	/* nav */

	margin: 0 auto;

	height: 26px;

	font-family: 'Yu Gothic UI';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	display: flex;
	align-items: center;

	color: #000000;


	/* オートレイアウト内部 */
	flex: none;
	order: 2;
	flex-grow: 0;

	text-decoration: none;

}

.main-visual{
	/* main-visual */

	/* オートレイアウト */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 66px 150px;
	gap: 147px;

	/* オートレイアウト内部 */
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 1;

}

.catchphrase{
	/* catchphrase */

	box-sizing: border-box;

	/* オートレイアウト */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: auto 0;
	gap: 10px;

	width: 500px;
	height: 64px;

	border-left: 1px solid #799FFF;

	/* オートレイアウト内部 */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;

}

.catchphrase-text{
	/* 9wdav1d それは、至高のクリエイター。 */

	width: 384px;
	height: 64px;

	font-family: 'Yu Gothic UI';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	display: flex;
	align-items: center;
	letter-spacing: 0.13em;

	color: #000000;


	/* オートレイアウト内部 */
	flex: none;
	order: 0;
	flex-grow: 0;

}

.main-visual-img{
	/* main-visual-img */

	width: 316px;
	height: 420px;

	/* オートレイアウト内部 */
	flex: none;
	order: 1;
	flex-grow: 0;

}

.arrow-frame{
	
	animation-name: animation1;
    animation-duration: 1s; 
	order: 2;
	margin: 0px auto;
	padding-bottom: 50px;
}

.section-title{

	/* Frame 8 */

	/* オートレイアウト */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	gap: 10px;
	height: 78px;

	/* オートレイアウト内部 */
	flex: none;
	order: 0;
	flex-grow: 0;

}

.section-title-text{

	/* About */

	margin: 0 auto;
	height: 36px;
	left: 550px;
	top: 21px;
	text-align: center;

	font-family: 'Yu Gothic UI';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	display: flex;
	align-items: center;
	text-align: center;

	color: #000000;


}

.section-title-text::after {
	position: absolute; /*positionをabsoluteに指定*/
	content: "";
	background-color: #000; /*下線の色*/
	width: 40px; /*線の幅*/
	height: 1px; /*線の太さ*/
	margin-top: 35px;
	left: 50%;  /*線のヨコ位置*/
	transform: translateX(-50%);/*線のヨコ位置*/
}

.section-contents{
		/* Frame 9 */

	margin-right: auto;
	margin-left: auto;
	/* オートレイアウト */
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 10px;
	gap: 10px;

	height: 270px;
	width: 1000px;

	/* オートレイアウト内部 */
	flex: none;
	order: 1;
	align-self: stretch;
	flex-grow: 0;

}

.content1{
		/* Frame 10 */
	border-left: 5px solid #B6DCEC;
	width: 50%;
	/* オートレイアウト内部 */
	flex: none;
	order: 1;
	flex-grow: 0;

}

.content1-text{
	/* DO YOU LIKE MIKU? */

	margin: auto;
	padding-left: 20%;
	font-family: 'Yu Gothic UI';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 85px;
	display: flex;
	align-items: center;

	color: #799FFF;
}

.content2{
	/* Frame 10 */
	width: 50%;
	/* オートレイアウト内部 */
	flex: none;
	order: 1;
	flex-grow: 0;
	padding-top: 20px;
	line-height:25px;

	font-family: 'Yu Gothic UI';
	font-style: normal;
	font-weight: 350;
	font-size: 15px;
	letter-spacing: 6px;

}

.content3{
	/* Frame 10 */
	border-right: 5px solid #B6DCEC;
	width: 50%;
	/* オートレイアウト内部 */
	flex: none;
	order: 1;
	flex-grow: 0;		
}

.content3-text{
	/* DO YOU LIKE MIKU? */

	text-align: right;
	margin: auto;
	padding-right: 20%;
	font-family: 'Yu Gothic UI';
	font-style: normal;
	font-weight: 700;
	font-size: 64px;
	line-height: 85px;
	display: flex;
	align-items: center;

	color: #799FFF;
}

.content4{
	/* Frame 10 */
	width: 40%;
	/* オートレイアウト内部 */
	flex: none;
	order: 1;
	flex-grow: 0;
	padding-top: 40px;
	line-height:25px;

	font-family: 'Yu Gothic UI';
	font-style: normal;
	font-weight: 350;
	font-size: 15px;
	letter-spacing: 6px;

}

.space1{
	width: 3%;
	flex: none;
	order: 1;
	flex-grow: 0;	
}

.kaihatutyuu{
	margin-bottom: 60px;
	text-align: center;
}

footer{
	text-align: center;
	background-color: #B6DCEC;
}

.c{
	padding: 20px;
	margin: 0;
}

@keyframes animation1{
    from {
        opacity: 0;
        transform: translateY(-100px);
    }
    
    to {
        opacity: 1;
        transform: translateY(0px);
    }
}