/* 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); }
.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 (min-width: 768px){
    .serviceInner .l_col-service > *:not(:nth-child(5n)) { margin-right: 12px; }
    .serviceInner .l_col-service > *:nth-child(n+6) { margin-top: 10px;}
 }

 @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; }
}




/*--------------------------------------

    service-title

--------------------------------------*/
.service-title { text-align: center; }
.service-title p:nth-child(1) { color: #fff; font-size: 2.6rem; font-weight: 700; background-color: #0086E0; height: 50px; line-height: 50px; }
.service-title p:nth-child(2) { color: #1D4A8C; font-size: 1.6rem; font-weight: 500; background-color: #FFE934; height: 30px; line-height: 30px;}



@media (min-width: 768px){
    .service-title {  margin-bottom: 50px; }
    .service-title p:first-child {}
    .service-title p:last-child {}
}

@media (max-width: 767px){
    .service-title {  margin-bottom: 30px; }
    .service-title p:first-child {}
    .service-title p:last-child {}
    .service-title p { text-align: center !important; }
}


/*--------------------------------------

    business-link

--------------------------------------*/
#page-contents .business-link { border-bottom: 3px solid #0086E0; padding-bottom: 20px;}
.business-link a { text-decoration: none;}
.business-link figure {}
.business-link figure img {}
.business-link figure + div { text-align: left;}
.business-link .title-b { text-decoration: underline; margin-bottom: 10px; position: relative;}
.business-link .title-b::after { 
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    border-top: 2px solid #0086E0;
    border-left: 2px solid #0086E0;
    transform: rotate(135deg);
    vertical-align: 1px;
    margin-left: 3px;
}
.business-link .text {}
.business-link .text p { color: #000;}
.business-link .text p span { color: #0086E0; font-weight: 500; text-decoration: underline; }


.business-link-sub {}
#page-contents .business-link-sub section { border-bottom: 3px solid #0086E0;  }
.business-link-sub a { text-decoration: none; }
.business-link-sub figure { margin-bottom: 15px;}
.business-link-sub figure img {}
.business-link-sub figure + div { padding-bottom: 15px;}
.business-link-sub .title-b { margin-bottom: 0;}
.business-link-sub a .title-b { text-decoration: underline;}
.business-link-sub a .title-b::after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    border-top: 2px solid #0086E0;
    border-left: 2px solid #0086E0;
    transform: rotate(135deg);
    vertical-align: 1px;
    margin-left: 3px;
}
.business-link-sub .text {}
.business-link-sub .text p { color: #000; }

@media (min-width: 768px){

    .business-link a > * ,
    .business-link-sub section { width: calc( 50% - 16px );}


    .business-link { margin-bottom: 50px !important; }
    .business-link a {}
    .business-link figure { max-width: 350px;}
    .business-link figure img {}
    .business-link figure + div {}
    .business-link .title-b {}
    .business-link .text { padding-right: 40px;}
    .business-link .text p {}

    .business-link-sub { margin-bottom: 120px;}
    .business-link-sub section { max-width: 350px; margin-bottom: 0 !important; }
    .business-link-sub a {}
    .business-link-sub figure {}
    .business-link-sub figure img {}
    .business-link-sub figure + div {}
    .business-link-sub .title-b {}
    .business-link-sub .text {}
    .business-link-sub .text p {}

}

@media (max-width: 767px){
    .business-link { margin-bottom: 40px !important; }
    .business-link a {}
    .business-link figure {}
    .business-link figure img {}
    .business-link figure + div { margin-bottom: 0;}
    .business-link .title-b {}
    .business-link .text {}
    .business-link .text p { text-align: left !important;}

    .business-link-sub { margin-bottom: 50px; }
    .business-link-sub section { margin-bottom: 40px !important;}
    .business-link-sub a {}
    .business-link-sub figure {}
    .business-link-sub figure img {}
    .business-link-sub figure + div {}
    .business-link-sub .title-b {}
    .business-link-sub .text {}
    .business-link-sub .text p { text-align: center !important; }

}


/*--------------------------------------

    fee

--------------------------------------*/
.fee {}
.fee .title-a { margin-bottom: 5px;}
.fee .text {}
.fee .text p {}

.table-b { width: 100%; border-left: 1px solid #0086E0; border-top: 1px solid #0086E0;}
.table-b th { color: #0086E0; font-family: 'M PLUS 1p', sans-serif; font-size: 1.6rem; font-weight: 700; border-bottom: 1px solid #0086E0; border-right: 1px solid #0086E0; padding: 15px 10px; text-align: left; background-color: #EDF3FA; }
.table-b td { border-bottom: 1px solid #0086E0; border-right: 1px solid #0086E0; padding: 15px 10px; }
.table-b tr th.sub { background-color: #fff; border-right: none;}


@media (min-width: 768px){
    .fee {}
    .fee .title-a {}
    .fee .text {}
    .fee .text p {}
    
    .table-b {}
    .table-b th { width: 25%; }
    .table-b td {}
}

@media (max-width: 767px){
    .fee {}
    .fee .title-a {}
    .fee .text {}
    .fee .text p {}
    
    .table-b {}
    .table-b th { font-size: 1.5rem; }
    .table-b td { font-size: 1.5rem; }
}