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


html,body,#wrapper{
 width: 100%;
 height:100%;
 margin: 0;
 padding: 0;
 font-size: 62.5%;
 color: #333333;
}

h1{
padding: 0;
margin: 0;
    
}

h2{
 font-size: 2.7rem;
 line-height: 4.0rem;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
}
h3{
  font-size: 1.5rem;

}
h4{
font-size: 1.7rem;
margin: 6%;
}
p{
font-size: 1.6rem; 
line-height: 3.0rem;
letter-spacing: 0.1rem;
}

li{
list-style: none;
}
a{
text-decoration: none;
color: #333333;    
}

.font_self{
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-weight: 400;
font-style: normal;
}


.font_gothic{
font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
font-weight: 400;
font-style: normal;  
}

.green{
color: #6fb52c;
}

.bold{
font-weight: bold;
}

.text_s{
font-size: 1.3rem;
}

.col{
max-width: 1400px;
margin: 0 auto;
width: 100%;
}
.text_center{
text-align: center;
}
.text_left{
text-align: left;
}
.text_right{
text-align: right;
}
.flex{
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.flex02{
display: flex;
justify-content: center;
flex-wrap:wrap;
}
.clear{
clear: both;
}

.mg{
margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}

/*------footer------*/
footer{
width: 100%;
background: #EDE6DB;
padding: 2% 0 1.5% 0;
bottom: 0;
margin:5% 0 -50px;
}

.footer_inner{
width: 80%;
margin: 0 auto;
}

.footer_left{
width: 35%;
}

table{
margin: 3% 0 0 ;
}

td{
font-size: 1.6rem; 
padding:  0 0 0 2rem;
line-height: 3.2rem;
}

.footer_right{
width: 60%;
height: 250px;
}

p.footer0{
font-size: 1.3rem;
color: #999999;
margin: 1% 0 0;
}

td.footer_td{
  padding: 0;
}





@media screen and (max-width:1200px){
    
.col{
max-width: 80%;
}
    
.footer_inner{
width: 100%;
 margin: 0 auto;
}



}

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

/*footer*/
.footer_right{
width: 100%;
height: 250px;
}
     
.footer_inner{
display: block;
justify-content: center;
width: 70%;
margin: 0 auto;
}
   
.footer_left{
width: 100%;
}
    
.footer_right{
margin: 3% 0 0;
}
    
}
@media screen and (max-width:768px){
h2{
font-size: 2.4rem;
}
    
footer{
padding: 8% 0 5% 
}
    
.footer_inner{
 width: 100%;
}
    
.footer_right{
 margin: 6% 0 0;
}
    
td{
font-size: 1.5rem; 
padding:  0 0 0 1rem;
line-height: 2.8rem;
    
}
    
p.footer0{
font-size: 1.3rem;
color: #999999;
margin: 3% 0 0;
}
  
    
}
@media screen and (max-width:480px){
    
.col{
max-width: 90%;
}
    
h2{
margin: 0 ;
}
    
footer{
 text-align: center;
 }
    
 table{
line-height: 2.0rem;
}


td{
font-size: 1.25rem; 
padding: 0 0 0 0.3rem;
}  
    

    
}