@charset "utf-8";
/* **************************************************************** *
 * @desc@ トップページ
 * @edit@ 2020/04/01
 * **************************************************************** */
#Wrap{
	padding-top:100px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Wrap{
		padding-top:70px;
	}
}
/* ================================================================ *
 * @desc@ メインビジュアル
 * ================================================================ */
#Visual{
	position:relative;
	margin:0 0 100px;
}
#Visual .bt{
	position:absolute;
	right:-20px;
	bottom:-20px;
}
#Visual .btPre{
	position:absolute;
	left:190px;
	bottom:-154px;
}
#Visual .btNews{
	position:absolute;
	left:166px;
	bottom:-124px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Visual{
		margin:0 0 50px;
	}
	#Visual .bt{
		right:-5px;
		bottom:-5px;
		width:100px;
	}
	#Visual .btPre{
		left:56px;
		bottom:-46px;
		width:294px;
	}
	#Visual .btNews{
		position:absolute;
		left:49px;
		bottom:-38px;
		width:308px;
	}
}
/* ================================================================ *
 * @desc@ NEWS
 * ================================================================ */
#News{
	margin:0 0 100px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#News{
		margin:0 0 50px;
	}
}
/* ================================================================ *
 * @desc@ ABOUT
 * ================================================================ */
#About{
	margin:0 0 100px;
}
#About .pic{
	margin:0 0 30px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#About{
		margin:0 0 50px;
	}
}
/* ================================================================ *
 * @desc@ CHARACTER
 * ================================================================ */
#Char{
	margin:0 0 100px;
}
#Char .pic{
	margin:0 0 30px;
}
#Char .txt{
	margin:0 0 80px;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Char{
		margin:0 0 50px;
	}
}
/* ================================================================ *
 * @desc@ TWITTER
 * ================================================================ */
#Twitter .frameBox>div{
	min-height:480px;
}
#Twitter iframe{
	vertical-align:bottom;
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#Twitter iframe{
		width:378px !important;
	}

}