@charset "utf-8";

@media screen and (max-width:480px) { 
/*　画面サイズが480pxからはここを読み込む　*/
.page main#Service_Main section.contents article.contents-main {
    width: 100% !important;
    margin: 0 auto 5%;
}
section.service div.s_article {
    margin: 1% auto 25%;
}
section.service ul {
    margin: 10% auto;
}
section.service ul li {
    width: 90% !important;
    margin: 0% auto 10% !important;
}
section.service ul li figcaption {
    margin: 5% auto !important;
}
section.service ul li figcaption h4 {
    margin: 0 auto 3% !important;
}
main#Service_Main section.service ul li figcaption h4 + p {
    line-height: 1.6em !important;
}
main#Service_Main section.service #Contents02 div:last-child ul {
    margin: 10% auto 5% !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    align-content: space-between;
    /* align-content: stretch; */
    justify-content: space-between;
}
main#Service_Main section.service #Contents02 div:last-child ul li {
    width: 48% !important;
    padding: 3% !important ;
    border: 3px solid #153368;
    box-sizing: border-box;
    color: #153368;
    text-align: center;
    font-weight: 900;
    margin-bottom: 5%;
    font-size: .7em;
    background: #d9d9d9;
}
main#Service_Main section.service #Contents02 div:last-child ul + a {
    display: block;
    width: 100%;
    padding: 5%;
    background: #0c1e3d;
    border: 2px solid #fff;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    margin: 4% auto 0;
    font-size: 1em;
}
main#Service_Main section.service #Contents02 div:last-child ul + a i {
    font-size: 1em;
    margin: 0 3% 0 0;
}
}

@media screen and (min-width:480px) and ( max-width:1220px) {
/*　画面サイズが480pxから1220pxまではここを読み込む　*/
}

@media screen and (min-width:1220px) {
/*　画面サイズが1024pxからはここを読み込む　*/
}


.page main#Service_Main section.contents article.contents-main {
    width: 90%;
    margin: 0 auto 5%;
}
div#Contents02 {
    max-width: 900px;
    margin: 0 auto;
}

section.service div.s_article {
    padding: 1% 2%;
    margin: 1% auto 3%;
}
section.service ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
}
section.service ul li {
    width: 31%;
    margin: 4% auto;
}
section.service ul li figure img {
/*    border: 2px solid #666;*/
}
section.service ul li figcaption {
    margin: 3% auto;
    padding: 1%;
}
section.service ul li figcaption h4 {
    margin: 0 auto 2%;
}

section.service div.s_article:last-child ul {
    margin: 3% auto;
}
section.service div.s_article:last-child ul li {
    width: 32%;
    padding: 2%;
    text-align: center;
    font-size: .9em;
    border: 5px solid #153368;
    margin: 1% auto;
    font-weight: 900;
    color: #153368;
}
section.service div.s_article:last-child ul + a {
    display: block;
    max-width: 500px;
    width: 80%;
    padding: 2%;
    background: #0c1e3d;
    border: 2px solid #fff;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    margin: 4% auto 0;
    font-size: 1.2em;
}
section.service div.s_article:last-child ul + a i {
    font-size: 1em;
    margin: 0 3% 0 0;
}