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


/*-----------特長----------------*/

#tokutyo{margin-top:5%;
         margin-bottom:5%;}

.tokutyo01-in{
              margin-top:0%;
			 }
			  
.tokutyo01{background-color:#F7F8F8;
              }			  
			  
.tokutyo02-in{background-color:#8BBAE1;
margin-top:0%;}

			  
.tokutyo02{background-color:#8BBAE1;
              }	

.tt{font-size:1.3em;
		    padding-top:3%; 
			padding-bottom:3%;}


/*-----------ラインナップ----------------*/

.line{font-size:2.5em;
  text-align:center;
  font-weight:bold;
  color:#1F2A66;
  margin-top:5%;}
  

.line2{font-size:2.5em;
  text-align:center;
  font-weight:bold;
  color:#1F2A66;
  margin-top:2%;}  
  
.blue{width:48%;
margin:1% 1% 0% 1%; 
float:left;
background-color:#70AACE;
line-height:2em;
text-align:center;
font-size:2em;
font-weight:bold;
color:#FFFFFF;}

.green{width:48%;
margin:1% 1% 0% 1%; 
float:left;
background-color:#76BAA6;
line-height:2em;
text-align:center;
font-size:2em;
font-weight:bold;
color:#FFFFFF;} 


/*-----------いろいろな講義----------------*/


#kouza{background-color:#8DC0E8;
margin-top:5%;
padding-bottom:5%;}

.kouza-title{font-size:2.4em;
color:#fff;
font-weight:bold;
padding-top:3%;
text-align:center;}




.block{width:31%;
padding:3% 1% 5% 1%;
float:left;}

#kouza-text{font-size:1.4em;
padding:0% 2%;}


/*-----------活用法----------------*/

#katuyo{background-color:#F7F8F8;
padding-bottom:5%;}  

#katuyo-title{color:#000;
text-align:center;
font-size:2em;
padding-top:5%;}

#osusume{text-align:center;
font-size:1.7em;}


.box01{float:left;
        width:31%;
		margin:5% 1% 0% 1%;}

.nayami{font-size:1.5em;
font-weight:bold;
text-align:center;
height:5em;
display:block;}


.sankaku{width:20%;display:block;}
.icon{width:100%;
margin:5% 0%;}
.kotae{font-size:1.4em;
font-weight:bold;
}


#katuyo-text{font-size:1.4em;
margin-top:5%;
padding:0% 2%;}


/*-----------お客様の声----------------*/

#voice{background:url(../img/voice-bg.jpg);
background-size:cover;

padding-bottom:1%;
padding-top:1%;}

.voice-title{font-size:3em;
              text-align:center;
			  color:#fff;
			 
			}
.voice01{text-align:left;
          margin-top:3%;
		  width:80%;
		  float:left;}

.voice02{text-align:right;
          margin-top:3%;
		    width:80%;
			float:right;}

/*-----------問い合わせ----------------*/

h3{font-size:1.5em;
font-weight:bold;
color:#969797;
text-align:center;
margin-top:5%;}


#toi{margin-top:3%;
width:70%;
}

@media only screen and (min-width: 640px) {




/*-----------特長----------------*/

#tokutyo{margin-top:0%;
         margin-bottom:2%;}

.tokutyo01-in{margin-top:0%;}
			  		  
.tokutyo02-in{margin-top:0%;}

#tokutyo p{
           margin-top:0%;
		    margin-top:0%;}
			
					
/*-----------ラインナップ----------------*/			
			
.cap{margin-top:2%;
     padding-bottom:0%;}
	  
	  
.line{font-size:4em;
 }
  
.line2{font-size:4em;
 }  
  
.blue{
font-size:3em;
}
.green{ 
font-size:3em;
} 	  


/*-----------いろいろな講義----------------*/

#kouza{
margin-top:1%;
padding-bottom:2%;
}


.block{font-size:1.8em;
padding:3% 1% 1% 1%;
}

.kouza-title{font-size:3.5em;
;}

/*-----------活用法----------------*/

#katuyo{
padding-bottom:3%;}  

#katuyo-title{
font-size:4em;
}

#osusume{
font-size:2.5em;}

.nayami{font-size:2.5em;
margin-bottom:10%;
height:3em;
}
.sankaku{width:30%;}

.icon{width:90%;
}
.kotae{font-size:2em;
font-weight:bold;
text-align:center;
}




.dd-text{font-size:2.1em;
margin-top:4%;}



/*-----------お客様の声----------------*/

.voice-title{font-size:4em;}
 
 
 #voice{
 padding-top:1%;
 }            
			 
			
.voice01{text-align:left;
          margin-top:1%;
		  width:70%;
		  float:left;}

.voice02{text-align:right;
          margin-top:1%;
		    width:70%;
			float:right;
			}
			
			


/*-----------問い合わせ----------------*/

h3{font-size:4em;
font-weight:bold;
color:#969797;
text-align:center;
margin-top:1%;}


#toi{margin-top:1%;
width:25%;
}
		
	  			

}