@charset "UTF-8";

section h2{
    background:#EE7800;
    color: #fff!important;
    border:none!important;
}
section h3{
    background:#F3F4F4;
    font-size: 16px!important;
    color:#595757!important;
    padding:7px 3%;
}
section h4{
    border:1px solid #009EE7;
    color: #009EE7;
    text-align: center;
    width:55px;
    font-size: 13px!important;
}
    * + section ul.arrow {
        margin-top: 9px;
    }
   section ul.arrow li + li {
        margin-top: 7px;
    }
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
@media only screen and (max-width: 960px) {
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* スマホ向けのスタイル：960px */
@media only screen and (max-width: 768px) {
    section.sp h2{
        padding:10px 3%!important;
        font-size: 18px!important;
    }
    section.sp img{
        width: 80%;
        margin:0 auto;
        display: block;
    }
    section.sp h3{
        padding: 3%;
        width: 100%;
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .main_contents.contents-page section.sp h3 ~ h3 {
        margin-top: 15px;
    }
    .main_contents.contents-page section.sp h2 ~ h2 {
        margin-top: 40px;
    }
}

/* タブレット＆PCのスタイル：768px */
@media only screen and (min-width: 769px) {
    section.pc{
        margin:-25px;
    }
    section.pc table{
        width:100%;
        border-collapse:separate;
        border-spacing: 25px;
    }
    section.pc td{
        width: 33.333%;
    }
    section.pc h2{
        text-align: center;
        padding:10px;
        font-size: 19px!important;
    }
    section.pc h3{
        text-align: center;
    }
    section.pc td img{
        padding: 10px 10%;
    }
    section.pc td img{
        width: 100%;
        
    } 

}