/* CSS Document */

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

.fullScreen { margin-bottom: 30px; }

.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; }
.l_col-serviceList > * { width: 50%; padding: 14px 0; box-sizing: border-box;}
.l_col-serviceList > *:nth-of-type(odd) { border-right: 1px solid #fff; }
.l_col-serviceList > *:nth-of-type(n+3) { border-top: 1px solid #fff;}
.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; } */
}

/* 250730 追加 */

.service-feature { }

@media (min-width: 768px) {
    .service-feature { margin-bottom: 80px; }
}

@media (max-width: 767px) {
    .service-feature { margin-bottom: 40px; }
}


.service-support .l_col-2-l ul { margin-bottom: 20px; }
.service-support .text { margin-bottom: 40px; }

.service-support .btn-a.center { display: block; margin: 0px auto 0px auto; }
.serviceInner .btn-a  { margin: 10px 0px 5px 0px; }

.service-support .lead-a { background: #FCFBD2; }
.service-support .lead-a:before { content: "\e900"; color: #F82811; margin: 0 0.5em;  font-family: 'kagiQfont' !important; speak: none; font-style: normal;  font-weight: normal; font-variant: normal;text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.service-support .l_col-2 { padding: 20px;}
.service-support .l_col-2 > figure {}
.service-support .l_col-2 > div {}
.service-support .l_col-2 > div .text { color:#F82811; font-size: 16px; margin-bottom: 5px; text-align: left; font-weight: bold; }
.service-support .l_col-2 > div ul {}

@media (min-width: 768px) {
    .service-support .lead-a{ padding: 5px 10px 5px 50px; text-indent: -50px; }

    .service-support .l_col-2 {}
    .service-support .l_col-2 > figure {}
    .service-support .l_col-2 > div {}
    .service-support .l_col-2 > div .text {}
    .service-support .l_col-2 > div ul {}
}

@media (max-width: 767px) {
    .service-support .lead-a{ padding: 5px 10px 5px 10px; }

    .service-support .l_col-2 { flex-direction: column-reverse;}
    .service-support .l_col-2 > figure {}
    .service-support .l_col-2 > div {}
    .service-support .l_col-2 > div .text {}
    .service-support .l_col-2 > div ul {}
}


