@charset "utf-8";
/* スマホ版 */
@media (max-width: 600px){
body {
font-family: 'メイリオ', Meiryo,'TsukuARdGothic-Regular','ヒラギノ明朝 ProN','Hiragino Mincho ProN', 
sans-serif;
}
.logo{
	width="100%";
	margin: auto;
}

.io1{
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
	
.io1 img{
	width: 49%; 
	}

.wrapper{
	max-width: 100%;
	margin:0 auto;
    padding: 0 4%}

.btn-square-mail {
  width:150px;
  font-size:16px;
  color:#FFFFFF;
  text-align:center;
  display:block;
  padding:10px 0 10px;
  margin-left: 	10px;
  background:#6495ed;
  border-radius: 4px;
}

.btn-square-mail:hover {
  background-image: linear-gradient(45deg, #709dff 50%, #b0c9ff 100%);
}
.btn-square-tel {
  width:150px;
  font-size:16px;
  color:#FFFFFF;
  text-align:center;
  display:block;
  padding:10px 0 10px;
  margin-left: 	10px;
  background:#6495ed;
  border-radius: 4px;
}

.btn-square-tel:hover {
  background-image: linear-gradient(45deg, #709dff 50%, #b0c9ff 100%);
}
	
.io2{ 
	width: 100%;
    height :auto;
	}
	
.io2-pc  { 
	display: none !important;
}
	

.io2-sp { 
	display: block !important;
	width: 100%;
	height: auto;
	}
	
.io2-sp img{
    height :auto;
	  width : 100%;
	}
	
.io3{
   width: 100%;
	margin: auto;
}
		
.io3 h1{
text-align:center;
font-size:20px;
color:#0071BC;	
line-height: 1.7;
}	
 
.io3 p{
line-height: 1.7;
font-size:17px;
}

.io3 p span{
color:#0071BC
}	

.io4{
	width: auto;
	height: auto;
	margin:0 auto;
}

.io4 h2{
  	text-align:center;
    font-size:20px;
    color:#0071BC;
	line-height: 1.7;
}

.io4 p1{
	text-align:center;
    line-height: 1.7;
	font-size:17px;
}

.io4 img{
	 display: block;
     margin:auto;
	 width : 100vw ; 
}

.io4 p2{
	line-height: 1.7;
	text-align:center;
	font-size:17px;
}

.io5{ 
	width: 100%;
    height :auto;
	}
	
.io5-pc  { 
	display: none !important;
}
	

.io5-sp { 
	display: block !important;
	width: 100%;
	height: auto;
	}
	
.io5-sp img{
     height :auto;
	  width : 100%;
	}
	
.io6{
	 width: auto;
	height: auto;
	margin:0 auto;
}

.io6 img{
    width:100%;
    max-width: 100%;
    height: auto;
}

.io6 h3{
	font-size:20px;
    color:black;	
    line-height: 1.7;
	text-align:center;
	}

.io6 p{
	font-size:17px;
    color:black;	
    line-height: 1.7;
	text-align: center;
	}

.io7{ 
	width: 100%;
    height :auto;
	}
	
.io7-pc  { 
	display: none !important;
}
	

.io7-sp { 
	display: block !important; 
	width: 100%;
	height: auto;
	}
	
.io7-sp img{
    height :auto;
	width : 100%;
	}

.io8{
     width: 100%;
     height :auto;
}

.io8 h3{
text-align:center;
line-height: 1.7;
font-size:20px;
}

.io8 p{
text-align:center;
line-height: 1.7;
font-size:17px;
}
	
.g2{
    margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.g2 img { 
	width: 24%;
	}
	
.io9{ 
	width: 100%;
    height :auto;
	}
	
.io9-pc  { 
	display: none !important;
}
	

.io9-sp { 
	display: block !important;
	width: 100%;
	height: auto;
	}
	
.io9-sp img{
    height :auto;
	width : 100%;
	}
 
.io10{ 
	width: 100%;
    height :auto;
	}
	
.io10-pc  { 
	display: none !important;
}
	

.io10-sp { 
	display: block !important;
	width: 100%;
	height: auto;
	}
	
.io10-sp img{
    height :auto;
	width : 100%;
	}
	
.io11{
	width: 100%;
	height: auto;
}

.io11 img {
  　  height :auto;
	  width : 100%;
	}

.io12{ 
	width: 100%;
    height :auto;
	}
	
.io12-pc  { 
	display: none !important;
}
	

.io12-sp { 
	display: block !important; 
	width: 100%;
	height: auto;
	
	}
	
.io12-sp img{
    height :auto;
	  width : 100%;
	}

#io2{
width: 40px;
height: 40px;
position: fixed;
right: 0;
bottom: 10px;
background: #89c7de;
opacity: 0.6;
}
#io2 a{
position: relative;
display: block;
width: 40px;
height: 40px;
text-decoration: none;
}

#io2 a::after{
content: '▲';
font-size: 14px;
font-weight: bold;
color: #fff;
position: absolute;
top: 10px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}
	
.io13 {
　　 width: 100%;
	height: auto;
	}
}