@media screen and (max-width:700px) {

body {
margin: 0px;
padding: 0px;
font-family:'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';

}

.title {
position:absolute;
top:1%;
left:3%;
height:12%;
font-size: 6vw;
font-weight: bold;
}


p{
border-left: outset 10px #f1db124d;
padding-left: 10px;
}

.cont{
	position:absolute;
	top:20%;
	margin-top:20%; 
    	width:100%;
    	text-align:center; 
}

.image img{
	left:30%;
	width:100%;
	max-width:150px;
	height:auto;
}

.text{
	font-size: 4vw;
}
	
.blogo{
	position:absolute;
	bottom:0%;
	width:100%;
	text-align : center;
}

}
@media screen and (min-width:700px) {

body {
margin: 0px;
padding: 0px;
}


.title {
position:absolute;
top:1%;
left:3%;
height:12%;
font-size: 42px;
font-weight: bold;
}

p{
border-left: outset 10px #f1db124d;
padding-left: 10px;
}
	
.cont{
    position:absolute;
    top:10%;
    margin-top:10%; 
    width:100%;
    text-align:center; 
}

.image img{
	left:20%;
	width:200%;
	height:auto;
	max-width:200px;
}
.text{
	font-size: 35px;
}
.blogo{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;

}

}