
.ttl{
	max-width: 200px;
	text-align: center;
	margin:0 auto
}
@media screen and (max-width:782px) {
.ttl{
	max-width: 120px;
	text-align: center;
	margin:0 auto
}
}

#MV{
	  background: linear-gradient(180deg, #DDDDD4 0%, #DDDDD4 20%, #082349 20%, #082349 100%);
	overflow: hidden
}
#top_01{
	overflow: hidden
}
#top_01 .box{
	margin-top: 150px
}
#top_01 .column2:nth-child(1){
	background:#082349;
	width: 70%;
	padding: 80px 0
}
#top_01 .column2 h2{
	width: 80%;
	padding-left: 20%;
	margin-bottom: 20px;
}
#top_01 .column2:nth-child(1) p{
	width: 80%;
	padding-left: 20%;
	margin-bottom: 30px
}
#top_01 .column2:nth-child(2) {
	position: relative;
	width: 25%
}
#top_01 .column2:nth-child(2) img{
	max-width: inherit!important;
	width: 120%;
	position: absolute;
	left:-40%;
	top:-30%
}
@media screen and (max-width:782px) {
#top_01 .box{
	margin-top: 60px
}
#top_01 .column2:nth-child(1) h2{
	width: 90%;
	padding-left: 0;
	margin:0 auto 20px
}
#top_01 .column2:nth-child(1) p{
	width: 90%;
	padding-left: 0;
	margin:0 auto 30px
}
#top_01 .column2:nth-child(2) img{
	max-width: inherit!important;
	width: 90%;
	position: relative;
	left:0;
	top:0
}
}

#top_02 h2{
	margin-bottom: 80px
}
#top_02 .box {
	margin-bottom: 30px;
}
#top_02 h3 {
	margin-bottom: 30px;
	line-height: 200% !important
}
#top_02 h3 span{
	background: #DDDDD4
}
#top_02 h3 font{
	font-size: 200%
}
@media screen and (max-width:782px) {

#top_02 .box01 .column2:nth-child(1){
	order: 1
}
#top_02 .box02 .column2:nth-child(2){
	order: 2
}
#top_02 .box03 .column2:nth-child(1){
	order:1
}
}


#top_03 {
	background: #DDDDD4
}
@media screen and (max-width:782px) {


}

#top_04{
	background: #082349;
	overflow: hidden
}


#top_06 {
	background: #082349
}

@media screen and (max-width:782px) {
#top_06 .column3{
	width: 47% !important;
	margin-right: 5% !important;
}
#top_06 .column3:nth-child(2n){
	margin-right: 0 !important;
}
}

#top_07 .btn_link{
	margin: 0 auto
}

#top_08 .btn_link{
	margin: 0 auto
}
