@charset "utf-8";


#sideNavi .necessary {
	background:#09F;
}
#sideNavi .necessary a {
	color:#fff;
}

#mainvisual {
	background: #fff ;
    border: 1px solid #2582c5;
    margin: 0 auto 30px;
    padding: 1px;
    width: 570px;
}

.phase {
	margin-bottom:30px;
}
.phase dl {
	margin:0;
	padding:0;
}
.phase dt {
	font-weight:bold;
	margin-bottom:0.5em;
}
.phase dd {
	display:table;
}
.phase dd ul {
	display:table-cell;
	padding-left:1em;
	vertical-align:top;
}
.phase .thumbnail {
	display:table-cell;
	padding-right:1em;
}
.phase .thumbnail img {
	border:#CCC 1px solid;
}

.w01 h3 {
	color:#ef36ad !important;
}
.w02 h3 {
	color:#00aef0 !important;
}
.w03 h3 {
	color:#cbae0c !important;
}
.w04 h3 {
	color:#e2644d !important;
}



@media screen and (max-width: 639px) {
#mainvisual {
	width:auto;
	margin:0 0 3.6vw;
}
#mainvisual img {
	width:100%;
	height:auto;
}

#child_main .phase dd ul {
	padding-left:1em;
}
#child_main .phase dd ul li {
	list-style:outside disc;
	font-size:100%;
}


}