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

section.iine{ width:100%; background: #fcf8f4; padding-top:50px; padding-bottom:50px;}
p.iine_top{ width:100%; font-size:26px; line-height:180%; color:#333; text-align:center; font-weight:bold; margin-bottom:40px;}
span.iine5{ font-size:48px; color:#ED6C00;}
span.iine_tunoine{ font-size:34px; letter-spacing:-1px; margin-left:-8px; color:#ED6C00;}
ul.iine_ul{ width:90%; margin:0 auto; text-align:left;}
li.iine_li{ display:block; width:100%; margin:0 auto; background-color:#74b920; position:relative;}
li.iine_li2{ display:block; width:100%; margin:0 auto; background-color:#9dd320; position:relative;}
li.iine_li3{ display:block; width:100%; margin:0 auto; background-color:#cdf07d; position:relative;}
li.iine_li4{ display:block; width:100%; margin:0 auto; background-color:#d2f08d; position:relative;}
img.iine_numb{ width:30px; margin:10px auto; position:absolute; top:9px; left:5px; padding:0;}
p.iine_title{ width:100%; font-size:18px; font-weight:bold; text-align:center; margin:20px auto 10px auto; padding-top:20px; color:#ED6C00;}
p.iine_title_small{ width:100%; font-size:18px; font-weight:bold; text-align:center; margin:20px auto 10px auto; padding-top:20px; color:#ED6C00;}
img.iine_img{ width:90%; margin:10px 5%;}
p.iine_text{ width:80%; margin:10px auto 30px auto; font-size:14px; line-height:180%; padding-bottom:30px;}
span.iine_samll{ font-size:12px; line-height:160%;}



@media screen and (min-width: 768px) {
section.iine{ width:100%; background: #fcf8f4; padding-top:50px;}
p.iine_top{ width:100%; font-size:26px; line-height:180%; color:#333; text-align:center; font-weight:bold; margin-bottom:40px;}
ul.iine_ul{ width:80%; display:flex; flex-wrap:wrap; max-width:900px; justify-content:flex-start;}
li.iine_li{ width:48%; margin:10px 1%;}
li.iine_li2{ width:48%; margin:10px 1%;}
li.iine_li3{ width:48%; margin:10px 1%;}
li.iine_li4{ width:48%; margin:10px 1%;}
img.iine_numb{ width:30px; margin:10px auto; position:absolute; top:15px; left:5px; padding:0;}
p.iine_title{ width:100%; font-size:18px; font-weight:bold; text-align:center; margin:30px auto 20px auto; padding:0;}
p.iine_title_small{ width:100%; font-size:16px; font-weight:bold; text-align:center; margin:31px auto 21px auto; padding:0;}
img.iine_img{ width:90%; margin:10px 5%;}
p.iine_text{ width:80%; margin:10px auto 30px auto; font-size:14px; line-height:180%; padding:0;}
span.iine_samll{ font-size:12px; line-height:160%;}
}


@media screen and (min-width: 1000px) {
img.iine_numb{ width:50px; margin:10px auto; position:absolute; top:10px; left:5px; padding:0;}
p.iine_title{ width:100%; font-size:24px; font-weight:bold; text-align:center; margin:30px auto 20px auto; padding:0;}
p.iine_title_small{ width:100%; font-size:20px; font-weight:bold; text-align:center; margin:32px auto 22px auto; padding:0;}
}