/* CSS Document */

img { width: 100%; vertical-align: top;}
figure { margin: 0px; }
.text { margin-bottom: 0px; }
.fullScreen .text p { margin-bottom: 0px; font-size: 1.4rem; }

.fullScreen { margin-bottom: 70px; }

.serviceInner .l_col-service { -webkit-justify-content: flex-start; justify-content: flex-start; }
.serviceInner .l_col-service > * { width: calc(20% - 10px); margin-left: 12px; }
.serviceInner .l_col-service > *:first-of-type { margin-left: 0px; }
.serviceInner .l_col-service li { list-style: none; }


.service-list-wrap { }
.l_col-serviceList { list-style: none; background: #FFE934; margin-top: -3px; }
.l_col-serviceList > * { width: 33%; padding: 14px 0; border: solid #fff; border-width: 1px 1px 1px 0; box-sizing: border-box;}
.l_col-serviceList a { display: block; color: #1D4A8C;
 text-align: center; font-weight: bold; text-decoration: none; }

 .heading01.yellow { background: #ffe934; color: #007dd0; border: 1px solid #ffe934; }
 .heading01 { font-size: 2.4rem; line-height: 2.6rem; color: #fff; border-radius: 8px; padding: 5px 10px 5px 50px; background: #007dd0; border: 1px solid #007dd0; margin-bottom: 30px; position: relative; }
 

 @media (max-width: 767px){
    #page-contents { margin-top: 0; }
    
    .l_col-serviceList { padding: 0px; margin-top: 0px; }
    .l_col-serviceList > * { width: 50%; margin-bottom: 0px; border-width: 0px 0px 1px 0; }
    .l_col-serviceList > *:nth-of-type(2n+1) { border-right: 1px solid #fff; }

    .serviceInner .l_col-service > *  { width: calc(33% - 2px); margin-left: 4px; }
    .serviceInner .l_col-service > *:nth-of-type(3n+1) { margin-left: 0px; }

 }


@media (min-width: 481px){
    .l_col-serviceList > *:nth-child(3n+1) { border-left: none; }
    .l_col-serviceList > *:nth-child(n-4) { border-top: none; }
    .l_col-serviceList > *:nth-child(n+4) { border-bottom: none; }
    .l_col-serviceList > *:nth-child(3n) { border-right: none; }
}