body{
font-family:  'Noto Sans JP', sans-serif,'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
line-height: 1.5;
overflow-x: hidden; 
-webkit-font-smoothing: antialiased;
word-wrap: break-word;
}
html {scroll-behavior: smooth;}
/*bace-css*/
.wi85{
width: 85%;
margin: auto;
}
.wi95{
width: 95%;
margin: 10px auto;
}
.fo_90{
font-size: 90%;
}
.pa10{
padding: 10px 0;
}
.pa5{
padding: 5px 0;
}
.bbb{
font-weight: bold;
}
.page_cont{
background: #FBFBFB;
position: relative;
page-break-after: always;
width: 80%;
box-sizing: border-box;
margin:  20px auto;
padding: 0 0 30px 0;
box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.1);
}
.container{
width: 95%;
margin: 0 auto;
padding: 20px 0;
font-size: 110%;
}
.pa5{
padding: 5px 0;
}
.te_cent{
text-align: center;
}
ul.numbered {
list-style-type: decimal;
margin-left: 1.5em;
padding: 20px 0;
font-size: 100%;
line-height: 1.4;
color: #2D2D2D;
}
a{
text-decoration: none;
}
/*見出し*/
h1{
font-size: 130%;
text-align: center;
padding: 20px 0;
}
h1 span{
color: #E00003;
font-size: 90%;
}
h2{
background: #E3E3E3;
padding: 5px 13px;
border-radius: 3px;
font-weight:600;
}
h2 span{
font-size: 80%;
font-weight: 500;
display: inline-block;
padding-left: 15px;
color: #4B4B4B
}
i{
padding-right: 5px;
}
/* ヘッダー */
header{
position: relative;
text-align: center;
margin: 0 auto;
box-shadow: 2px 2px 4px #AFAFAF;
font-size: 150%;
padding: 20px;
color: #11C4C9;
font-weight: bold;
}
.title_box{
background: #D04700;
color: #ffffff;
font-size: 180%;
width: 85%;
margin: 30px auto;
border: 10px solid #EDB100;
padding: 20px;
font-weight: bold;
border-radius: 10px;
}
.header_img{
position: absolute;
top:10px;
left:2%;
width: 20%;
}
.header_img img{
width: 100%;
}
.flex_box{
display: flex;
justify-content: center;
flex-direction: row;
}
.flex_60{
width: 55%;
padding: 0 10px;
}
.flex_50{
width: 45%; 
padding: 0 10px;
}
.flex_40{
width: 35%; 
padding: 0 10px;
}
h3{
font-size: 110%;
font-weight: bold;
background: #DEFFE7;
color: #11C4C9;
display: inline-block;
padding: 5px 20px;
border-radius: 5px;
box-shadow: 1px 1px 3px 0px #BDBDBD inset;
}
h4{
border: 1px solid #11C4C9;
font-size: 80%;
padding: 5px 10px;
display: inline-block;
}
h6{
font-size: 120%;
font-weight: bold;
text-align: center;
padding: 30px 0 100px;
}
.footer_img{
width: 30%;
margin: 10px auto;
}
.footer_img img{
width: 100%;
}
.link_btn{
padding: 0.6rem 1rem;
border-radius: 6px;
border: 1px solid #ccc;
background: #f8f8f8;
cursor: pointer;
}
@media screen and (max-width: 768px){
/*bace-css*/
.wi85{
width: 95%;
margin: auto;
}
.container{
width: 95%;
margin: 0 auto;
}	 
p.sub01{
width: 98%;
margin: 20px auto;
font-size: 75%;
}
.kakunin:hover{
opacity: 0.6;
}
.page_cont{
width: 100%;
height: auto;
margin:  0 auto;
padding: 0 0 20px 0;
box-shadow: none;
} 
}
@media only screen and (max-width:479px) {
 /* ヘッダー */
header{
position: inherit;
margin: 0 auto 10px;
box-shadow: 2px 2px 4px #CFCFCF;
font-size: 135%;
padding: 15px 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.header_img{
position: inherit;
margin: 5px auto;
width: 50%;
}
h1{
font-size: 110%;
} 
h2{
background: #E3E3E3;
font-weight:bold;
font-size: 110%;
}
h2 span{
font-size: 85%;
padding-left: 10px;
color: #454545;
}
.title_box{
font-size: 150%;
}

}