/* CSS Document */
a:hover{color:#0000ff;text-decoration:NONE}
body {font-family:serif;MS Mincho;Hiragino Mincho ProN; font-size: 120%;
}
img{
max-width: 100%;
 height: auto;
}
iframe {
max-width: 100%;
}
video{
max-width: 100%;
 height: auto;
}
table{
max-width:400px;
   line-height:250%;
}
table1{
width:1200px;
}

/* 送信ボタンの大きさ */
.example{
    font-size: 120%;
    font-family:serif;
    width:220px;height:50px; 
    color: white;
  background-color: #0000ff;
}
/* footerを下に着ける */
.wrapper{
    min-height: 60vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

.footer {
width: 100%;
background-color: #000000;
color: #fff;
text-align: center;
padding:30px 0;
position: absolute;/*←絶対位置*/
bottom: 0; /*下に固定*/
}
/* 色を着ける */
.style0 {background-color: #000000;color:#ffffff;
}
.style {color: #fff200;
}
.style1 {color: #E87B00;
}
.style2 {color: #3c5ee6;
}
.style3 {
  max-width: 560px;
    font-size:100%;line-height:180%;
}
.style5 {
  max-width: 90%;
  font-size:100%;line-height:150%;
}  
.style6 {
  font-size:95%;line-height:120%;
}
.style7 {font-size:90%;line-height:150%;
}
.style8 {font-size:80%;line-height:90%;
}
.style9 {
max-width:1300px; 
}
.style10 {
  font-size:100%;line-height:130%;
}  

/* 横に並べる */
 .df {
  display: -webkit-flex;
  display: flex;
 -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  }
  
/* 横幅 */
#container{
	max-width:1000px;
	margin:0 3%;
	margin:0 auto;
}
#abc{
	max-width:600px;
	margin:0 3%;
}
#ryouri{
max-width:860px;
} 
/* 横幅余白 */
#yohaku{
max-width:98%;
} 
/* 折返す場s箇所 */
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }