@charset "utf-8";
/* CSS Document */

.pc {
	display:block ;
}
.phone {
	display:none ;
}

body {
	background:#bfbfbf;
}
#wapper {
	width:980px;
	margin: 0  auto;
	background:#FFF;
	box-shadow:0px 0px 3px #000;
}
#headerArea {
	background:#2ca9fd;
	padding:15px 0 15px 30px;
}
#mainvisual {
}
#mainvisual+h2 {
	margin:40px 0;
	text-align:center;
}
h2+h3 {
	margin-bottom:50px;
	text-align:center;
}

.phase {
	width:700px;
	margin:0 auto 50px;
}
.phase h3 {
	font-size:100%;
}
.phase p {
	font-size:100%;
}

.phase ul {
	padding:0;
	margin:0;
	text-align:center;
}
.phase li {
	display:inline-block;
	width:220px;
	margin:0 20px 0 0;
	text-align:center;
	font-weight:bold;
	border-radius:4px;
	background:#d2007e;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff66bf+0,d2007e+100 */
background: #ff66bf; /* Old browsers */
background: -moz-linear-gradient(top,  #ff66bf 0%, #d2007e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff66bf 0%,#d2007e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff66bf 0%,#d2007e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff66bf', endColorstr='#d2007e',GradientType=0 ); /* IE6-9 */
}
.phase li:hover {
	filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.phase li:last-child {
	margin-right:0;
}
.phase li a {
	color:#FFF;
	text-decoration:none;
	padding:0.8em;
	display:block;
}







 @media screen and (max-width: 639px) {
body {
 margin:0;
 padding:0;
}
img {
	width:100%;
}
p, a {
	 font-size:100% !important;
}
a {
	display:inline !important;
}
.pc {
	display:none ;
}
.phone {
	display:block ;
}

#wapper {
	width:auto;
}
#headerArea {
	padding:4% 0 4% 5%;
}
#headerArea img {
	width:60%;
}
h2 img {
	width:90%;
}
h2+h3 {
	margin-bottom:7%;
}
.phase {
	width:90%;
	margin-bottom:7%;
}

.phase li {
	width:100%;
	margin-bottom:3%
}
.phase li:last-child {
	margin-bottom:0;
}
.phase li a {
	display:block !important;
}
.phase.last h4 {
	margin-bottom:2%;
}

 }