@charset "utf-8";
h5+p {width:90%; margin:auto; text-align:center;}
h5+p+div{width:90%; margin:auto; display:flex; flex-wrap:wrap;}
h5+p+div img{width:95%;}
h5+p+div>div{width:45%; min-width:450px; margin:auto;}
h4{margin:6em auto 0 auto;}
h4+p+p{width:50%; margin:auto; padding:3% 0; text-align:center; font-size:1.2em; border:1px solid #e2aa72; border-radius:0.7em; background-color:#d5e2c7;}
mark{color:#ff6600;}
mark.max{color:#408000;}
.mail_s{text-align:center;}
.mail_s img{max-width:100%;}
br.min{display:none;}
/*Table*/
table{width:80%; margin:auto; border-collapse:collapse;}
tr{height:2em; line-height:2em;}
td{padding:0.5% 2%; border:1px solid #e2aa72;}
thead td{background-color:#ff6600; text-align:center; color:#ffffff;}
td{background-color:#ffffcc;}
tbody tr:nth-child(2n) td{background-color:#ffffff;}
tbody tr td.max{background-color:#ffcc66;}
tbody tr td.max1{background-color:#d5e2c7; font-weight:bold;}
 @media screen and (max-width: 900px) {
div.case div{width:60%; margin:auto;}
div.case div p img{max-width:7em; width:20vw;}
div.case>p{width:5%;}
div.case p:first-child{width:100%;}
div.case>p:last-child{width:20%; padding:2em; font-size:1.5em; text-align:center; position:relative; right:5%; background-image:url(../img/case_bg.png); background-size:100% 100%; transform:rotate(15deg)}
}
@media screen and (max-width: 750px) {
#main{width:95%;}
h5{padding:1%; text-align:left; font-weight:normal; background-color:#ffffff; color:#3c3c3c;border-bottom:1px dashed #ff6600;}
h5+p+div{width:95%; display:block;}
h5+p+div>div{width:100%; min-width:100%;}
h5+p img{width:100%;}
h4{margin-top:2em;}
h4+p+p{width:90%; padding:2%; font-size:1em;}
br.min{display:block;}
table{width:95%; font-size:0.9em;}
td{padding:0.5%;}
tbody tr td.max1{font-weight:normal;}
}