body{
font-family: "M PLUS 1", sans-serif;
overflow-x: hidden; 
-webkit-font-smoothing: antialiased;
line-height: 1.5; 
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
background-image: linear-gradient(90deg, #FFFBF2 50%, transparent 50%), linear-gradient(#FFFBF2 50%, transparent 50%);/* チェック色 */
background-size: 15px 15px;	/* チェックのサイズ */
}
.main_cont{
width: 80%;
max-width: 1500px;
background: #ffffff;
margin: 10px auto;
box-shadow: 0px 2px 2px 0px rgba(166,166,166,0.30), inset 0px -3px 6px -2px rgba(0, 0, 0, 0.1);
}
.inner_box{
width: 90%;
margin: 30px auto 50px;
padding-bottom: 50px;
}
h1{
padding: 0.5em;
position: relative;
font-size: 180%;
font-weight: 900;
color: #FF9208;
margin-bottom: 20px;
}
h1::before {
content: '';
width: 100%;
height: 30%;
background-image: radial-gradient(#FF9208 8%, transparent 16%), radial-gradient(#FF9208 8%, transparent 16%);
background-position: 0 0, 7px 7px;
background-size: 12px 12px;
position: absolute;
bottom: 2px;
left: 0px;
}
h2{
font-size: 120%;	
}
h2 span{
font-weight: bold;
}
h3{
font-size: 110%;
font-weight: bold;
color: #ffffff;
background: #F7BB40;
position: relative;
padding: 5px 30px 5px 20px;
border-radius: 0 100vh 100vh 0;
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
display: inline-block;
}
h3:before {
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
content: '';
border-top: 10px solid #F0C66F;
border-left: 10px solid transparent;
}
.fo_rihgt{
	font-size: 105%;
	text-align: right;
	padding: 20px 0;
}
table.table02 {
margin: 0 auto;
font-size: 90%;
word-break: break-all;
border-collapse: separate;
/*border-spacing: 0 10px;*//*間のうペース*/
width: 95%;
}
table.table02 td,table.table02 th {
padding: 10px;
vertical-align: middle;
border: 1px solid #F89517;   
background: #FFF5CD;
}

table.table02 th {
color: #F89517; 
font-weight: bold;
width: 20%;
}
table.table02 td {
}
table.table02 td img{
width: 100%;
}
table.table02 td i{
margin-right: 0;
}

@media screen and (max-width: 789px){
h1{
font-size: 150%;
}
h1 span{
display: inline-block;
}
table.table02 {
margin: 0 auto;
font-size: 90%;
width: 98%;
}
 table.table02 th {
font-size: 90%;
font-weight: inherit;
}
.main_cont{
width: 90%;
}

}
@media only screen and (max-width:520px){
.main_cont{
width: 95%;
}
table.table02 td,table.table02 th {
padding: 8px 2px 8px 5px;
}
.inner_box{
width: 95%;
margin: 10px auto 50px;
padding-bottom: 50px;
}
}
@media only screen and (max-width:400px){

}