@charset "utf-8";

/* base&reset settings ----------------------------------------------------*/
#first{
position:relative;
min-height: 1000px;
}

.main{
position: relative;
width:100%;
text-align: center;
}

.top_logo{
position: absolute;
top:80px;
margin-left:-160px;
}

.visual{
width:33%;
padding-top:200px;
}

.flex2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width:600px;
	margin:100px auto 0;
}

.flex2 div{
width:40%;
text-align: center;
}

.flex2 h3{
font-size:1.3vw;
padding:20px 10px;
border:1px solid #000000;
}

.flex2 p{
font-size:0.8vw;
margin:20px 0 0 0;
}

.whichone{
width:100%;
}

h3 a{
text-decoration: none;
color: #000000;
}


@media screen and (max-width: 768px){
#first{
position:relative;
min-height: 500px;
}

.main{
position: relative;
width:100%;
text-align: center;
}

.top_logo{
position: absolute;
top:120px;
margin-left:-90px;
width:250px;
}

.visual{
width:60%;
padding-top:200px;
}

.flex2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width:60%;
	margin:100px auto 0;
}

.flex2 div{
width:45%;
text-align: center;
}

.flex2 h3{
font-size:2vw;
padding:20px 10px;
border:1px solid #000000;
}

.flex2 p{
font-size:1.8vw;
margin:20px 0 0 0;
}

.whichone{
width:100%;
}
}

@media screen and (max-width: 640px){
#first{
position:relative;
min-height: 500px;
}

.main{
position: relative;
width:100%;
text-align: center;
}

.top_logo{
position: absolute;
top:60px;
margin-left:-30px;
width:150px;
}

.visual{
width:70%;
padding-top:120px;
}

.flex2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width:80%;
	margin:60px auto 0;
}

.flex2 div{
width:45%;
text-align: center;
}

.flex2 h3{
font-size:3.6vw;
padding:20px 10px;
border:1px solid #000000;
}

.flex2 p{
font-size:1.8vw;
margin:10px 0 0 0;
}

.whichone{
width:100%;
}
}