/*==============================
 common
==============================*/

.main-Contents {
    margin-top: 60px;
}

.page-Ttl {
    color: #042f52;
    font-size: 26px;
    background-color: #f0fdff;
    font-weight: bold;
    border-top: 4px solid #659fb0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 60px;
}

.sub-Ttl {
    color: #042f52;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid #c6d8db;
    padding-bottom: 10px;
    margin-bottom: 60px;
    position: relative;
}

.sub-Ttl::after {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    background-color: #659fb0;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 1;
}

.pagenavi-List {
    display: flex;
    justify-content: center;
    padding: 0 20px;
    margin-bottom: 60px;
}

.pagenavi-List li {
    border-left: 1px solid #8d8d8d;
    padding: 0 20px;
}

.pagenavi-List li:last-of-type {
    border-right: 1px solid #8d8d8d;
}

.wp-block-pdfemb-pdf-embedder-viewer {
    max-width: 680px;
    width: 100%;
    margin: 0 auto;
}

.pagenavi-List li a:hover {
    color: #8d8d8d;
    text-decoration: underline;
}

/*----- pdf-Btn -----*/

.pdf-Btn {
    display: block;
    color: #ffffff;
    max-width: 280px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #488698;
    border: 1px solid #488698;
    border-radius: 10px;
    padding: 15px 0;
    margin: 20px auto 0;
    transition: .6s all;
}

.pdf-Btn:hover {
    color: #488698;
    background-color: #ffffff;
}


/*----- introduction -----*/

.introduction .inner {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 40px;
    padding: 0 20px;
}

.introduction .txt-Box {
    width: calc(100% - 300px);
}

.introduction .txt-Box h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}

.introduction .txt-Box p {
    font-size: 17px;
    line-height: 1.8;
}

.introduction .image {
    width: 260px;
}

.introduction .example-Box {
    padding: 0 20px;
    margin-top: 60px;
    position: relative;
}

.introduction .example-Box .outer {
    background-color: #FFFCF4;
    border-radius: 20px;
    padding: 50px 40px 40px;
    position: relative;
}

.introduction .example-Box h3 {
    color: #ff694c;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.introduction .example-Box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 30px;
}

.introduction .example-Box ul li {
    font-size: 16px;
    font-weight: bold;
}

.introduction .example-Box p {
    font-size: 14px;
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 1;
}

.introduction .example-Box p span {
    padding-left: 15px;
    position: relative;
}

.introduction .example-Box p span::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/*----- ly-Howto-apply -----*/

.ly-Howto-apply {
    counter-reset: item-num;
}

.ly-Howto-apply .txt {
    font-size: 17px;
    padding: 0 20px;
    margin-bottom: 40px;
}

.ly-Howto-apply .item {
    background-color: #f6fffe;
    border-radius: 20px;
    padding: 40px 30px;
    margin: 0 20px;
}

.ly-Howto-apply .item + .item {
    margin-top: 40px;
}

.ly-Howto-apply .item h3 {
    color: #042f52;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.ly-Howto-apply .item h3 span {
    counter-increment: item-num;
    padding-left: 40px;
    position: relative;
}

.ly-Howto-apply .item h3 span::before {
    content: counter(item-num);
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    background-color: #042f52;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}

.ly-Howto-apply .item p {
    font-size: 17px;
    text-align: center;
    margin-bottom: 30px;
}

.ly-Howto-apply .item p span {
    font-weight: bold;
}

.ly-Howto-apply .item .btn-Box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.ly-Howto-apply .item .btn {
    max-width: 320px;
    width: 100%;
}

.ly-Howto-apply .item .btn a {
    display: block;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 15px 0;
    transition: .6s all;
    position: relative;
}

.ly-Howto-apply .item .btn a span {
    position: relative;
}

.ly-Howto-apply .item .btn a span::before {
    content: "";
    display: block;
    background-size: cover;
    background-position: center center;
    position: absolute;
    left: 0;
    z-index: 1;
}

.ly-Howto-apply .line-Item .friend-Btn a {
    color: #ffffff;
    background-color: #00cc43;
    border: 1px solid #00cc43;
}

.ly-Howto-apply .line-Item .friend-Btn a:hover {
    background-color: #78ee9d;
}

.ly-Howto-apply .line-Item .alignment-Btn a {
    color:  #00cc43;
    background-color: #ffffff;
    border: 1px solid #00cc43;
}

.ly-Howto-apply .line-Item .alignment-Btn a:hover {
    background-color: #ceffde;
}

.ly-Howto-apply .ticket-Item .form-Btn a {
    color: #ffffff;
    background-color: #2f7b8d;
    border: 1px solid #2f7b8d;
}

.ly-Howto-apply .ticket-Item .form-Btn a:hover {
    background-color: #7eb3bf;
}

.ly-Howto-apply .ticket-Item .form-Btn a span {
    padding-left: 42px
}

.ly-Howto-apply .ticket-Item .form-Btn a span::before {
    width: 32px;
    height: 19px;
    background-image: url(../images/common/ticket_white.png);
    top: 5px;
}

.ly-Howto-apply .mypage-Item .page-Btn a {
    color: #ffffff;
    background-color: #104b9a;
    border: 1px solid #104b9a;
}

.ly-Howto-apply .mypage-Item .page-Btn a:hover {
    background-color: #6e9ad4;
}

.ly-Howto-apply .mypage-Item .page-Btn a span::before {
    width: 16px;
    height: 24px;
    background-image: url(../images/common/human_white.png);
    top: 0;
}

.ly-Howto-apply .mypage-Item .page-Btn a span {
    padding-left: 26px;
}

.ly-Howto-apply .basic-Item .file-Btn a {
    color: #ffffff;
    background-color: #994bab;
    border: 1px solid #994bab;
}

.ly-Howto-apply .basic-Item .file-Btn a:hover {
    background-color: #d59fe1;
}

.ly-Howto-apply .basic-Item .access-Btn a {
    color: #042f52;
    background-color: #ffffff;
    border: 1px solid #042f52;
}

.ly-Howto-apply .basic-Item .access-Btn a:hover {
    background-color: #c9e8ff;
}

@media screen and (max-width: 1099px) {

    /*----- pos-Top -----*/

    .pos-Top {
        padding-top: 80px;
        margin-top: -80px;
    }

}


@media screen and (max-width: 1023px) {

    .page-Ttl {
        padding: 10px 15px;
        margin-bottom: 40px;
    }

    .sub-Ttl {
        margin-bottom: 40px;
    }

}

@media screen and (max-width: 767px) {

    .pagenavi-List {
        display: block;
        padding: 0;
    }

    .pagenavi-List li {
        border-left: 0;
        padding: 0 0 0 25px;
        position: relative;
    }

    .pagenavi-List li::before {
        content: "";
        display: block;
        width: 15px;
        height: 1px;
        background-color: #333333;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        z-index: 1;
    }

    .pagenavi-List li:last-of-type {
        border-right: 0;
    }

    .pagenavi-List li + li {
        margin-top: 10px;
    }

    /*----- introduction -----*/

    .introduction .inner {
        padding: 0;
    }

    .introduction .txt-Box {
        width: 100%;
    }

    .introduction .txt-Box h2 {
        font-size: 23px;
    }

    .introduction .image {
        width: 200px;
        margin-left: auto;
    }

    .introduction .example-Box {
        padding: 0;
    }

    .introduction .example-Box .outer {
        padding: 40px 20px 30px;
    }

    .introduction .example-Box ul {
        flex-direction: column;
        gap: 10px 30px;
    }

    .introduction .example-Box ul li {
        font-size: 15px;
        padding-left: 20px;
        position: relative;
    }

    .introduction .example-Box ul li::before {
        content: "・";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .introduction .example-Box p {
        margin-top: 20px;
        position: static;
    }
    
    /*----- pos-Top -----*/

    .pos-Top {
        padding-top: 70px;
        margin-top: -70px;
    }

    /*----- ly-Howto-apply -----*/

    .ly-Howto-apply .txt {
        padding: 0;
    }

    .ly-Howto-apply .item {
        border-radius: 10px;
        padding: 40px 15px;
        margin: 0;
    }

    .ly-Howto-apply .item p {
        font-size: 17px;
        text-align: left;
    }

    .ly-Howto-apply .item h3 span {
        display: block;
        padding-top: 35px;
        padding-left: 0;
    }

    .ly-Howto-apply .item h3 span::before {
        right: 0;
    }

}


/*==============================
 hero-Standard
==============================*/

.hero-Standard .bg-Image {
    width: 100%;
    height: 10vw;
    background-color: #777777;
    background-size: cover;
    background-position: center center;
}

@media screen and (max-width: 767px) {

    .hero-Standard .bg-Image {
        height: 15vw;
    }

}


/*==============================
 servicecenter
==============================*/

.servicecenter .intro-Col h2 {
    padding: 0 80px;
    margin-bottom: 50px;
    position: relative;
}

.servicecenter .intro-Col h2 span {
    display: block;
    color: #30613d;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-color: #FEFEF2;
    border: 3px solid #71a57e;
    border-radius: 50%;
    padding: 50px 0;
    position: relative;
}

.servicecenter .intro-Col h2 span::before,
.servicecenter .intro-Col h2 span::after {
    content: "";
    display: block;
    width: 40px;
    height: 49px;
    background-image: url(../images/servicecenter/intro_icon.png);
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.servicecenter .intro-Col h2 span::before {
    left: -18px;
}

.servicecenter .intro-Col h2 span::after {
    right: -18px;
}

.servicecenter .intro-Col .txt-Box {
    margin-bottom: 60px;
}

.servicecenter .intro-Col .txt-Box p {
    font-size: 17px;
    text-align: center;
}

.servicecenter .intro-Col .txt-Box p + p {
    margin-top: 20px;
}

.servicecenter .intro-Col .image {
    max-width: 600px;
    margin: 0 auto;
}

.servicecenter .role-Col .list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
    padding: 0 20px;
    margin-bottom: 50px;
}

.servicecenter .role-Col .list .item {
    width: calc(50% - 10px);
    background-color: #f6fffc;
    border-radius: 10px;
    padding: 30px 20px;
}

.servicecenter .role-Col .list .item .image {
    height: 80px;
    text-align: center;
    margin-bottom: 20px;
}

.servicecenter .role-Col .list .item .image img {
    width: auto;
    height: 100%;
}

.servicecenter .role-Col .list .item dl dt {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.servicecenter .role-Col .structure-Box {
    padding: 0 20px;
}

.servicecenter .role-Col .structure-Box .ttl {
    color: #042f52;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #042f52;
    margin-bottom: 20px;
}

.servicecenter .faq-Col ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    gap: 20px;
    padding: 0 20px;
}

.servicecenter .faq-Col ul li {
    width: calc(100% / 3 - 13.5px);
}

.servicecenter .faq-Col ul li a {
    display: block;
    color: #042f52;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #042f52;
    border-radius: 40px;
    padding: 10px 0;
    position: relative;
    transition: .6s all;
}

.servicecenter .faq-Col ul li a:hover {
    color: #ffffff;
    background-color: #042f52;
}

.servicecenter .faq-Col ul li a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 3px solid #f76027;
    border-bottom: 3px solid #f76027;
    position: absolute;
    top: 17px;
    right: 10px;
    transform: rotate(45deg);
    transition: .6s all;
}

.servicecenter .faq-Col ul li a:hover::after {
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

.servicecenter .faq-Col h3 {
    color: #d55917;
    font-size: 24px;
    font-weight: bold;
    padding: 0 20px;
    margin-bottom: 30px;
}

.servicecenter .faq-Col h3 span {
    padding-left: 30px;
    position: relative;
}

.servicecenter .faq-Col h3 span::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #d55917;
    border-radius: 3px;
    transform: rotate(45deg);
    position: absolute;
    top: 9px;
    left: 0;
    z-index: 1;
}

.servicecenter .faq-Col .list-Box {
    margin-bottom: 80px;
}

.servicecenter .faq-Col .list {
    padding: 0 20px;
}

.servicecenter .faq-Col .list dl + dl {
    margin-top: 40px;
}

.servicecenter .faq-Col .list dl dt {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    padding: 0 30px 10px 30px;
    cursor: pointer;
    position: relative;
}

.servicecenter .faq-Col .list dl dt::before {
    content: "\0051\002e";
    color: #d55917;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.servicecenter .faq-Col .list dl dt::after {
    content: "\002b";
    font-size: 24px;
    position: absolute;
    top: -3px;
    right: 10px;
    z-index: 1;
    transition: .6s all;
}

.servicecenter .faq-Col .list dl dt.active::after {
    transform: rotate(45deg);
}

.servicecenter .faq-Col .list dl dd {
    display: none;
    font-size: 17px;
    padding-top: 20px;
    padding-left: 30px;
}

.servicecenter .faq-Col .list .btn {
    margin-top: 10px;
}

.servicecenter .faq-Col .list .btn a {
    display: block;
    color: #ffffff;
    max-width: 260px;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 15px 0;
    transition: .6s all;
}

.servicecenter .faq-Col .list .guide-Btn a {
    background-color: #5C9368;
    border: 1px solid #5C9368;
}

.servicecenter .faq-Col .list .guide-Btn a:hover {
    color: #5C9368;
    background-color: #ffffff;
}

.servicecenter .faq-Col .list .mypage-Btn a {
    background-color: #104b9a;
    border: 1px solid #104b9a;
}

.servicecenter .faq-Col .list .mypage-Btn a:hover {
    color: #104b9a;
    background-color: #ffffff;
}

.servicecenter .company-Col .list {
    padding: 0 20px;
}

.servicecenter .company-Col .list dl {
    display: flex;
    flex-wrap: wrap;
}

.servicecenter .company-Col .list dl dt {
    display: flex;
    color: #ffffff;
    width: 160px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background-color: #56838e;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ffffff;
    padding: 20px;
}

.servicecenter .company-Col .list dl dd {
    width: calc(100% - 160px);
    font-size: 17px;
    border-bottom: 1px solid #56838e;
    padding: 20px;
}

.servicecenter .company-Col .list dl dd small {
    display: block;
    font-size: 15px;
}

.servicecenter .company-Col .list dl dd span {
    padding-right: 10px;
}

@media screen and (max-width: 767px) {
    
    .servicecenter .intro-Col h2 {
        padding: 0;
        margin-bottom: 30px;
    }

    .servicecenter .intro-Col h2 span {
        font-size: 22px;
        border: 2px solid #71a57e;
        padding: 50px 0;
    }

    .servicecenter .intro-Col h2 span::before {
        left: -20px;
    }

    .servicecenter .intro-Col h2 span::after {
        right: -20px;
    }

    .servicecenter .role-Col .list {
        padding: 0;
    }

    .servicecenter .role-Col .list .item {
        width: 100%;
    }

    .servicecenter .faq-Col .list-Box {
        margin-bottom: 60px;
    }

    .servicecenter .faq-Col h3 {
        font-size: 22px;
        padding: 0;
    }

    .servicecenter .faq-Col h3 span {
        padding-left: 25px;
    }

    .servicecenter .faq-Col h3 span::before {
        width: 15px;
        height: 15px;
        top: 10px;
    }

    .servicecenter .faq-Col .list {
        padding: 0;
    }

    .servicecenter .faq-Col ul {
        padding: 0;
    }

    .servicecenter .faq-Col .list dl dd {
        font-size: 16px;
        padding-left: 0;
    }

    .servicecenter .faq-Col ul li {
        width: 100%;
    }

    .servicecenter .faq-Col .list .btn a {
        margin: 0 auto;
    }

    .servicecenter .role-Col .structure-Box {
        padding: 0;
    }

    .servicecenter .company-Col .list {
        padding: 0;
    }

    .servicecenter .company-Col .list dl dt {
        width: 100%;
    }

    .servicecenter .company-Col .list dl dd {
        width: 100%;
        text-align: center;
        padding: 30px 0px;
    }

    .servicecenter .company-Col .list dl dd span {
        display: block;
    }

}



/*==============================
 line-Content
==============================*/

.line-Content h2 {
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    background-color: #44a544;
    padding: 15px 0;
    margin-bottom: 40px;
    border-radius: 10px;
}

.line-Content .item {
    padding-right:20px;
    padding-left: 20px;
}

.line-Content .item.line-Howto {
    margin-bottom: 0;
}

.line-Content .box {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 30px;
}

.line-Content #f1.box {
    margin-bottom: 0;
}

.line-Content .box .sub-Ttl {
    font-size: 22px;
    margin-bottom: 40px;
}

.line-Content .box picture {
    display: block;
    padding: 0 20px;
}

.line-Content .membership-Card {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 0 20px;
    margin-top: 60px;
}

.line-Content .membership-Card dl {
    width: calc(100% - 250px);
}

.line-Content .membership-Card dl dt {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    background-color: #164687;
    border-radius: 40px;
    padding: 5px 0;
    margin-bottom: 30px;
}

.line-Content .membership-Card dl dd {
    font-size: 17px;
    padding: 0 15px
}

.line-Content .membership-Card figure {
    width: 220px;
}

.line-Content .line-Howto .outer {
    padding: 0 20px;
}

.line-Content .line-Howto .outer .caps {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 20px;
    position: relative;
}

.line-Content .line-Howto .outer .caps::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.line-Content .cando-List {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 20px;
    margin-top: 40px;
}

.line-Content .cando-List .l-Item {
    width: calc(100% / 3 - 14.5px);
}

.line-Content .cando-List .l-Item a {
    display: block;
    color: #ffffff;
    background-color: #73a3af;
    border: 1px solid #73a3af;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #a7a7a7;
    padding: 30px 10px;
    transition: .6s all;
}

.line-Content .cando-List .l-Item a:hover {
    color: #145666;
    background-color: #ffffff;
}

.line-Content .cando-List .l-Item:nth-child(2n) a {
    background-color: #145666;
    border: 1px solid #145666;
}

.line-Content .cando-List .l-Item h4 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    transition: .6s all;
}

.line-Content .cando-List .l-Item p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    transition: .6s all;
}

.line-Content .cando-List .l-Item:nth-child(2n) a:hover {
    background-color: #ffffff;
}

.line-Content .cando-List .l-Item:nth-child(2n) a:hover h4 {
    color: #145666;
}

.line-Content .cando-List .l-Item:nth-child(2n) a:hover p {
    color: #145666;
}

.line-Content .banner {
    max-width: 600px;
    margin: 40px auto 0;
}

@media screen and (max-width: 1023px) {

    .line-Content h2 {
        font-size: 24px;
    }

    .line-Content .membership-Card dl {
        width: calc(100% - 270px);
    }

    .line-Content .membership-Card dl dt {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .line-Content .membership-Card dl dd {
        padding: 0;
    }

    .line-Content .membership-Card figure {
        width: 240px;
    }

    .line-Content .cando-List {
        justify-content: flex-start;
        padding: 0 60px;
    }

    .line-Content .cando-List .l-Item {
        width: calc(100% / 2 - 10px);
    }

}

@media screen and (max-width: 767px) {

    .line-Content h2 {
        font-size: 22px;
    }

    .line-Content .item {
        padding-right: 0;
        padding-left: 0;
    }

    .line-Content .box {
        padding-right: 0;
        padding-left: 0;
    }

    .line-Content .box picture {
        padding: 0;
    }

    .line-Content .membership-Card {
        padding: 0;
    }

    .line-Content .membership-Card dl {
        width: 100%;
    }

    .line-Content .membership-Card dl dt {
        font-size: 22px;
        padding: 10px 0;
    }

    .line-Content .membership-Card figure {
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
    }

    .line-Content .cando-List {
        padding: 0 20px;
    }

    .line-Content .cando-List .l-Item {
        width: 100%;
    }

    .line-Content .line-Howto .outer {
        padding: 0;
    }

    .line-Content .line-Howto .outer .caps:first-child {
        margin-bottom: 10px;
    }

    .line-Content .line-Window {
        margin-bottom: 40px;
        position: relative;
    }

    .line-Content .line-Window span {
        display: block;
        position: absolute;
        z-index: 2;
    }

    .line-Content .line-Window span a {
        display: block;
        width: 30px;
        height: 30px;
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        line-height: 30px;
        background-color: #ea384a;
        border-radius: 50%;
    }

    .line-Content .line-Window span.num1 {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .line-Content .line-Window span.num2 {
        position: absolute;
        bottom: calc(100% / 2.7);
        left: 10px;
    }

    .line-Content .line-Window span.num3 {
        position: absolute;
        right: 10px;
        bottom: calc(100% / 2.7);
    }

    .line-Content .line-Window span.num4 {
        position: absolute;
        bottom: calc(100% / 5.4);
        left: 10px;
    }

    .line-Content .line-Window span.num5 {
        position: absolute;
        right: 10px;
        bottom: calc(100% / 5.4);
    }

    .line-Content .list {
        counter-reset: item-num;
    }

    .line-Content .w-Item {
        padding-top: 70px;
        margin: -70px 0 40px;
    }

    .line-Content .w-Item:last-child {
        margin-bottom: 0;
    }

    .line-Content .w-Item dt {
        color: #333333;
        font-size: 18px;
        font-weight: bold;
        counter-increment: item-num;
        padding-left: 30px;
        margin-bottom: 20px;
        position: relative;
    }

    .line-Content .w-Item dt::before {
        content: counter(item-num);
        display: block;
        width: 20px;
        height: 20px;
        color: #ffffff;
        font-size: 16px;
        text-align: center;
        line-height: 20px;
        background-color: #ea384a;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 0;
        z-index: 1;
    }

    .line-Content .w-Item dd {
        font-size: 17px;
        margin-left: 0;
    }

    .line-Content .w-Item dd.image {
        margin-bottom: 20px;
    }

    .line-Content #m2.w-Item dd + dd {
        margin-top: 30px;
    }

    .line-Content #m2.w-Item dd span {
        display: block;
        color: #1c5667;
        font-size: 18px;
        font-weight: bold;
        padding-left: 15px;
        margin-bottom: 5px;
        position: relative;
    }

    .line-Content #m2.w-Item dd span::before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        background-color: #1c5667;
        position: absolute;
        top: 10px;
        left: 0;
        z-index: 1;
    }

    .line-Content #m2.w-Item dd small {
        font-size: 14px;
    }

}


/*==============================
 jigyou
==============================*/

.jigyou .service-List .list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}

.jigyou .service-List .list li {
    width: calc(100% / 4 - 15px);
}

.jigyou .service-List .list li figcaption {
    font-size: 16px;
}



@media screen and (max-width: 767px) {

    .jigyou .service-List .list li {
        width: calc(100% / 2 - 10px);
    }

    .jigyou .service-List .list li figcaption {
        font-size: 15px;
    }

}

/*==============================
 kyousaikyuufu
==============================*/

.kyousaikyuufu .keichyou .outer {
    padding: 0 20px;
}

.kyousaikyuufu .keichyou h2 {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-color: #379e84;
    border-radius: 10px;
    padding: 10px 0;
    margin-bottom: 40px;
}

.kyousaikyuufu .keichyou .txt {
    color: #cc0000;
    font-size: 17px;
    text-align: center;
    margin-bottom: 30px;
}

.kyousaikyuufu .keichyou .caps-Box {
    padding: 0 20px;
    margin-bottom: 40px;
}

.kyousaikyuufu .keichyou .caps-Box p {
    font-size: 16px;
    padding-left: 20px;
    position: relative;
}

.kyousaikyuufu .keichyou .caps-Box p::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.kyousaikyuufu .keichyou .caps-Box p + p {
    margin-top: 5px;
}

.kyousaikyuufu .keichyou ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    gap: 20px;
    padding: 0 20px;
}

.kyousaikyuufu .keichyou ul li {
    width: calc(100% / 3 - 13.5px);
}

.kyousaikyuufu .keichyou ul li a {
    display: block;
    color: #042f52;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #042f52;
    border-radius: 40px;
    padding: 10px 0;
    position: relative;
    transition: .6s all;
}

.kyousaikyuufu .keichyou ul li a:hover {
    color: #ffffff;
    background-color: #042f52;
}

.kyousaikyuufu .keichyou ul li a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 3px solid #f76027;
    border-bottom: 3px solid #f76027;
    position: absolute;
    top: 17px;
    right: 10px;
    transform: rotate(45deg);
    transition: .6s all;
}

.kyousaikyuufu .keichyou ul li a:hover::after {
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

.kyousaikyuufu .box table {
    width: 100%;
    border-collapse: collapse;
}

.kyousaikyuufu .box table th {
    color: #ffffff;
    font-size: 17px;
    background-color: #379e84;
    border: 1px solid #146e57;
    padding: 15px 10px;
}

.kyousaikyuufu .box table td {
    font-size: 17px;
    text-align: center;
    border: 1px solid #146e57;
    padding: 15px 10px;
}

.kyousaikyuufu .box table td:first-of-type {
    font-weight: bold;
    background-color: #e2fff8;
}

.kyousaikyuufu .box table td.views {
    text-align: left;
}

.kyousaikyuufu .box table td small {
    font-size: 14px;
}

.kyousaikyuufu .keichyou .box {
    margin-bottom: 60px;
}

.kyousaikyuufu .keichyou .box:last-child {
    margin-bottom: 0;
}

.kyousaikyuufu .keichyou .box h3 {
    color: #044636;
    font-size: 24px;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 40px;
    position: relative;
}

.kyousaikyuufu .keichyou .box h3::before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: #044636;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}

.kyousaikyuufu .keichyou .box h3 small {
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    margin-left: 10px;
    position: relative;
}

.kyousaikyuufu .keichyou .box h3 small::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.kyousaikyuufu .keichyou .box .btn a {
    display: block;
    max-width: 320px;
    width: 100%;
    color: #042f52;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #042f52;
    border-radius: 40px;
    padding: 10px 0;
    margin: 40px auto 0;
    position: relative;
    transition: .6s all;
}

.kyousaikyuufu .keichyou .box .btn a:hover {
    color: #ffffff;
    background-color: #042f52;
}

.kyousaikyuufu .keichyou .box .btn a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 3px solid #f76027;
    border-bottom: 3px solid #f76027;
    position: absolute;
    top: 17px;
    right: 10px;
    transform: rotate(45deg);
    transition: .6s all;
}

.kyousaikyuufu .keichyou .box .btn a:hover::after {
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

.kyousaikyuufu p.tips {
    color: #cc0000;
    font-size: 17px;
    padding-left: 20px;
    margin-top: 20px;
    position: relative;
}

.kyousaikyuufu p.tips::before,
.kyousaikyuufu .keichyou p.tips::before {
    content: "\2605";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.kyousaikyuufu p.tips a {
    color: #15a9c5;
    font-weight: bold;
    text-decoration: underline;
}

.kyousaikyuufu .ly-Howto-apply .txt-Box {
    margin-bottom: 40px;
}

.kyousaikyuufu .ly-Howto-apply .txt {
    margin-bottom: 0;
}

.kyousaikyuufu .ly-Howto-apply p.tips {
    margin-top: 10px;
    margin-left: 20px;
}

@media screen and (max-width: 1023px) {

    .kyousaikyuufu .keichyou .box table th {
        font-size: 16px;
    }

    .kyousaikyuufu .keichyou .box table td {
        font-size: 16px;
    }

}

@media screen and (max-width: 767px) {

    .kyousaikyuufu .keichyou .outer {
        padding: 0;
    }

    .kyousaikyuufu .keichyou .caps-Box {
        padding: 0;
        margin-bottom: 30px;
    }

    .kyousaikyuufu .keichyou ul {
        gap: 20px 10px;
        padding: 0;
    }

    .kyousaikyuufu .keichyou ul li {
        width: calc(50% - 5px);
    }

    .kyousaikyuufu .table-wrapper table {
        width: 100%;
        border-collapse: collapse;
    }

    .kyousaikyuufu .box table td small {
        display: block;
    }

    .kyousaikyuufu .keichyou .iwai-Box table td:first-of-type {
        width: 105px;
    }

    .kyousaikyuufu .keichyou .tyoui-Box table td:first-of-type {
        width: 70px;
    }

    .kyousaikyuufu .keichyou .saigai-Box table td:first-of-type {
        width: 80px;
    }

    .kyousaikyuufu .keichyou .taisyoku-Box table td:first-of-type {
        width: 200px;
    }

    .kyousaikyuufu .file-Box table td:first-of-type {
        width: 140px;
    }

    .kyousaikyuufu .ly-Howto-apply p.tips {
        margin-left: 0;
    }

}


/*==============================
 partnership
==============================*/

.partnership .list-Map {
    padding: 0 20px;
}

.partnership .list-Map dl {
    display: flex;
    padding: 0 20px;
    margin-bottom: 20px;
}

.partnership .list-Map dl dt {
    font-size: 16px;
    font-weight: bold;
}

.partnership .list-Map dl dd {
    font-size: 16px;
    padding-left: 40px;
    position: relative;
}

.partnership .list-Map dl dd::before {
    content: "・・・";
    position: absolute;
    top: 0;
    left: 7px;
    z-index: 1;
}

.partnership .list-Map .caps-Box {
    font-size: 15px;
    padding: 0 40px;
    margin-bottom: 40px;
    position: relative;
}

.partnership .list-Map .caps-Box::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 1;
}

.partnership .list-Map .caps-Box p + p {
    margin-top: 10px;
}

.partnership .list-Map .caps-Box p a {
    color: #15a9c5;
    text-decoration: underline;
}

.partnership .list-Map iframe {
    width: 100%;
    height: 600px;
    border: 0;
}

.partnership .btn-Box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
}

.partnership .btn-Box p {
    font-size: 20px;
    font-weight: bold;
}

.partnership .btn-Box .btn {
    max-width: 280px;
    width: 100%;
}

.partnership .btn-Box .btn a {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background-color: #06c755;
    border: 1px solid #06c755;
    border-radius: 10px;
    padding: 15px 0;
    transition: .6s all;
}

.partnership .btn-Box .btn a:hover {
    color: #06c755;
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {

    .partnership .list-Map {
        padding: 70px 0 0;
    }

    .partnership .list-Map dl {
        display: block;
        padding: 0;
    }

    .partnership .list-Map dl dt {
        margin-bottom: 10px;
    }

    .partnership .list-Map dl dd {
        padding-left: 0;
    }

    .partnership .list-Map dl dd::before {
        content: none;
    }

    .partnership .list-Map .caps-Box {
        font-size: 15px;
        padding: 0 0 0 20px;
    }

    .partnership .list-Map .caps-Box::before {
        left: 0;
    }

    .partnership .list-Map iframe {
        height: 620px;
    }

    .partnership .btn-Box {
        display: block;
    }

    .partnership .btn-Box p {
        text-align: center;
        margin-bottom: 20px;
    }

    .partnership .btn-Box .btn {
        margin: 0 auto;
    }

}


/*==============================
 rejya
==============================*/

.rejya .introduction .example-Box .outer {
    padding-bottom: 50px;
}

.rejya .introduction .example-Box h3 {
    color: #ed6767;
}

.rejya .price-List .btn {
    margin-top: 20px;
}

.rejya .price-List .btn a {
    display: block;
    max-width: 220px;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #378076;
    border: 1px solid #378076;
    border-radius: 10px;
    padding: 10px 0;
    margin-left: auto;
    transition: .6s all;
}

.rejya .price-List .btn a:hover {
    color: #378076;
    background-color: #ffffff;
}

@media screen and (max-width: 767px) {

    .rejya .introduction .example-Box .outer {
        padding-bottom: 20px;
    }
    
}


/*==============================
 sikakujyosei
==============================*/

.sikakujyosei .overview-Col .inner {
    background-color: #fff9f6;
    border-radius: 20px;
    padding: 60px 40px;
    margin: 0 20px;
}

.sikakujyosei .base-Col .item + .item {
    margin-top: 40px;
}

.sikakujyosei .base-Col .item dt span {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background-color: #da6b2e;
    border-radius: 20px;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.sikakujyosei .base-Col .item dd {
    padding: 0 15px;
}

.sikakujyosei .base-Col .apply-Item dd + dd {
    margin-top: 20px;
}

.sikakujyosei .base-Col .item dd.mypage-Btn .btn {
    margin-top: 10px;
}

.sikakujyosei .base-Col .item dd.mypage-Btn .btn a {
    display: block;
    max-width: 240px;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #104b9a;
    border: 1px solid #104b9a;
    border-radius: 5px;
    padding: 10px 0;
    transition: .6s all;
    position: relative;
}

.sikakujyosei .base-Col .item dd.mypage-Btn .btn a:hover {
    color: #104b9a;
    background-color: #ffffff;
}

.sikakujyosei .base-Col .item .tips,
.sikakujyosei .base-Col .tips {
    display: block;
    color: #cc0000;
    font-size: 17px;
    font-weight: normal;
    padding-left: 20px;
    margin-top: 20px;
    position: relative;
}

.sikakujyosei .base-Col .tips::before {
    content: "\2605";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.sikakujyosei .base-Col .tips a {
    color: #15a9c5;
    font-weight: bold;
    text-decoration: underline;
}

.sikakujyosei .overview-Col .item .tips {
    margin-left: 15px;
}

.sikakujyosei .other-Col .inner {
    padding: 0 20px;
}

.sikakujyosei .other-Col .intro-Box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    gap: 20px 40px;
    margin-bottom: 60px;
}

.sikakujyosei .other-Col .ttl {
    width: calc(100% - 240px);
}

.sikakujyosei .other-Col .ttl h2 {
    font-size: 17px;
}

.sikakujyosei .other-Col .ttl h2 span {
    display: block;
    color: #085b46;
    font-size: 20px;
    font-weight: bold;
}

.sikakujyosei .other-Col .ttl h2 small {
    display: block;
    font-size: 15px;
}

.sikakujyosei .other-Col .intro-Box .image {
    width: 200px;
}

.sikakujyosei .other-Col .outer {
    background-color: #f6fffc;
    border-radius: 20px;
    padding: 60px 40px;
}

.sikakujyosei .other-Col .item dt span {
    background-color: #379e84;
}

.sikakujyosei .other-Col .item dd.txt {
    font-size: 17px;
    margin-bottom: 20px;
}

.sikakujyosei .other-Col .item dd .file-Btn {
    margin-top: 10px;
}

.sikakujyosei .other-Col .item dd .file-Btn a {
    display: block;
    max-width: 240px;
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background-color: #994bab;
    border: 1px solid #994bab;
    border-radius: 5px;
    padding: 10px 0;
    transition: .6s all;
}

.sikakujyosei .other-Col .item dd .file-Btn a:hover {
    color: #994bab;
    background-color: #ffffff;
}

.sikakujyosei .other-Col .item dd .sub-Txt small {
    display: block;
    font-size: 16px;
    padding-left: 20px;
    margin-top: 10px;
    position: relative;
}

.sikakujyosei .other-Col .item dd .sub-Txt small::before {
    content: "★";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.sikakujyosei .other-Col .caps-Box {
    padding: 0 20px;
}

.sikakujyosei .other-Col .caps-Box p {
    padding-left: 20px;
    position: relative;
}

.sikakujyosei .other-Col .caps-Box p::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

@media screen and (max-width: 767px) {

    .sikakujyosei .overview-Col .inner {
        padding: 40px 20px;
        margin: 0;
    }

    .sikakujyosei .base-Col .item dd {
        padding: 0;
    }

    .sikakujyosei .overview-Col .item .tips {
        margin-left: 0;
    }

    .sikakujyosei .other-Col .inner {
        padding: 0;
    }

    .sikakujyosei .other-Col .outer {
        padding: 40px 20px;
    }

    .sikakujyosei .other-Col .ttl {
        width: 100%;
    }

    .sikakujyosei .other-Col .intro-Box .image {
        width: 160px;
    }

    .sikakujyosei .other-Col .item dd.list ul li {
        font-size: 16px;
        padding-left: 25px;
    }

    .sikakujyosei .other-Col .item dd.list ul li::before {
        width: 18px;
        height: 18px;
        font-size: 14px;
        line-height: 14px;
        top: 4px;
    }

    .sikakujyosei .other-Col .item dd.list ul li:nth-child(2)::before {
        top: 3px;
    }

    .sikakujyosei .other-Col .item dd.list ul li a {
        max-width: 180px;
        width: 100%;
        font-size: 15px;
        text-align: center;
        margin-top: 10px;
        margin-left: 0;
    }

    .sikakujyosei .other-Col .caps-Box {
        padding: 0;
    }


}


/*==============================
 jyoseikin
==============================*/

.jyoseikin h2.ttl {
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    background-color: #1c5667;
    padding: 15px 0;
    margin-bottom: 40px;
    border-radius: 10px;
}

.jyoseikin .item {
    padding: 0 20px;
}

.jyoseikin .item + .item {
    margin-top: 60px;
}

.jyoseikin .howtoapply picture {
    display: block;
    padding: 0 20px;
}

.jyoseikin .about-Col dl {
    padding: 0 20px;
}

.jyoseikin .about-Col dl + dl {
    margin-top: 30px;
}

.jyoseikin .about-Col dl dt {
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.jyoseikin .about-Col dl dt::before {
    content: "\25a0";
    color: #1c5667;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.jyoseikin .about-Col dl dd {
    color: #333333;
    font-size: 17px;
    padding-left: 20px;
}

.jyoseikin .about-Col dl dd.image {
    padding: 0 40px;
    margin-top: 20px;
}

.jyoseikin .about-Col dl dd.image picture {
    display: block;
}

.jyoseikin .about-Col dl dd small {
    display: block;
    font-size: 15px;
    padding-left: 20px;
    position: relative;
}

.jyoseikin .about-Col dl dd small::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.jyoseikin .about-Col .notion-Box {
    padding-left: 40px;
    margin-top: 30px;
}

.jyoseikin .about-Col .notion-Box .txt-Unit {
    margin-bottom: 30px;
}

.jyoseikin .about-Col .notion-Box .txt-Unit span {
    display: block;
    color: #de2e2e;
    font-weight: bold;
    margin-bottom: 10px;
}

.jyoseikin .about-Col .notion-Box h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background-color: #2283c5;
    border-radius: 50px;
    padding: 5px 20px;
    margin-bottom: 20px;
}

.jyoseikin .about-Col .notion-Box .txt {
    color: #2283c5;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.jyoseikin .about-Col .notion-Box picture {
    display: block;
    padding: 0 40px;
    margin-bottom: 40px;
}

.jyoseikin .about-Col .notion-Box .btn a {
    display: block;
    color: #1c5667;
    max-width: 320px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid;
    padding: 20px;
    margin: 20px auto 0;
    transition: .6s all;
    position: relative;
}

.jyoseikin .about-Col .notion-Box .btn a:hover {
    color: #ffffff;
    background-color: #1c5667;
}

.jyoseikin .about-Col .notion-Box .btn a::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #1c5667;
    border-right: 2px solid #1c5667;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    transition: .6s all;
    z-index: 1;
}

.jyoseikin .about-Col .notion-Box .btn a:hover::before {
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.jyoseikin .office-Col .box dl {
    margin-bottom: 30px;
}

.jyoseikin .office-Col .box dl dt {
    display: inline-block;
    color: #ffffff;
    background-color: #3e7d90;
    border-radius: 20px;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.jyoseikin .office-Col .box dl dd {
    padding-left: 15px;
}

.jyoseikin .office-Col .howto-Apply h3 {
    display: inline-block;
    color: #ffffff;
    background-color: #3e7d90;
    border-radius: 20px;
    padding: 5px 15px;
    margin-bottom: 20px;
}

.jyoseikin .office-Col .howto-Apply .txt {
    padding-left: 15px;
    margin-bottom: 40px;
}

.jyoseikin .office-Col .howto-Apply .unit {
    background-color: #f6fffe;
    border-radius: 20px;
    padding: 40px 30px;
    margin-left: 15px;
}

.jyoseikin .office-Col .howto-Apply .unit + .unit {
    margin-top: 40px;
}

.jyoseikin .office-Col .howto-Apply .unit h4 {
    color: #042f52;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.jyoseikin .office-Col .howto-Apply .unit .btn {
    margin-top: 20px;
}

.jyoseikin .office-Col .howto-Apply .unit .btn small {
    display: block;
    font-size: 15px;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 10px;
}

.jyoseikin .office-Col .howto-Apply .unit .caps {
    margin-top: 10px;
}

.jyoseikin .office-Col .howto-Apply .unit .caps span {
    display: block;
    font-size: 15px;
    padding-left: 20px;
    position: relative;
}

.jyoseikin .office-Col .howto-Apply .unit .caps span::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.jyoseikin .office-Col .howto-Apply .unit .btn-Wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
    padding-left: 10px;
}

.jyoseikin .office-Col .howto-Apply .unit .btn-Wrap h6 {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

.jyoseikin .office-Col .howto-Apply .unit .btn-Wrap .btn {
    margin-top: 0;
}

.jyoseikin .office-Col .howto-Apply .unit .btn a {
    display: block;
    max-width: 320px;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 15px 0;
    margin: 0 auto;
    transition: .6s all;
}

.jyoseikin .office-Col .howto-Apply .mypage-Unit .btn a {
    background-color: #104b9a;
    border: 1px solid #104b9a;
}

.jyoseikin .office-Col .howto-Apply .mypage-Unit .btn a:hover {
    color: #104b9a;
    background-color: #ffffff;
}

.jyoseikin .office-Col .howto-Apply .line-Unit .btn a {
    background-color: #00cc43;
    border: 1px solid #00cc43;
}

.jyoseikin .office-Col .howto-Apply .line-Unit .btn a:hover {
    color: #00cc43;
    background-color: #ffffff;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit h5 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit p {
    padding-left: 10px;
    margin-bottom: 30px;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit p b {
    display: block;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit .btn {
    max-width: 320px;
    width: 100%;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit .btn-Wrap {
    margin-bottom: 30px;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit .btn a {
    background-color: #994bab;
    border: 1px solid #994bab;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit .btn a:hover {
    color: #994bab;
    background-color: #ffffff;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit .access-Btn a {
    color: #042f52;
    background-color: #ffffff;
    border: 1px solid #042f52;
}

.jyoseikin .office-Col .howto-Apply .mail-Unit .access-Btn a:hover {
    color: #042f52;
    background-color: #c9e8ff;
}

.jyoseikin .office-Col .howto-Apply .notion-Unit {
    border: 3px solid #950000;
    padding: 40px;
    margin-top: 60px;
}

.jyoseikin .office-Col .howto-Apply .notion-Unit h4 {
    color: #950000;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.jyoseikin .office-Col .doc-Box .txt-Box {
    margin-bottom: 30px;
}

.jyoseikin .office-Col .tips {
    color: #cc0000;
    font-size: 17px;
    padding-left: 20px;
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
}

.jyoseikin .office-Col .tips::before {
    content: "\2605";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.jyoseikin .office-Col .tips a {
    color: #15a9c5;
    font-weight: bold;
    text-decoration: underline;
}

@media screen and (max-width: 767px) {

    .jyoseikin h2.ttl {
        font-size: 24px;
    }

    .jyoseikin .item {
        padding: 0;
    }

    .jyoseikin .howtoapply picture {
        padding: 0;
    }

    .jyoseikin .about-Col dl {
        padding: 0;
    }

    .jyoseikin .about-Col dl dd {
        padding-left: 0;
    }

    .jyoseikin .about-Col dl dd.image {
        padding: 0;
    }

    .jyoseikin .about-Col .notion-Box {
        padding-left: 0;
    }

    .jyoseikin .office-Col .howto-Apply .unit {
        padding: 30px 15px;
        margin-left: 0;
    }

    .jyoseikin .office-Col .howto-Apply .notion-Unit {
        padding: 30px 15px;
    }

}


/*==============================
 coupon
==============================*/

.coupon h2.ttl {
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    background-color: #1c5667;
    padding: 15px 0;
    margin-bottom: 40px;
    border-radius: 10px;
}

.coupon .item {
    padding-right: 20px;
    padding-left: 20px;
}

.coupon .item .sub-Ttl {
    margin-bottom: 40px;
}

.coupon .item .box p {
    padding: 0 20px;
    margin-bottom: 40px;
}

.coupon .item .box small {
    display: block;
    font-size: 14px;
    padding: 0 20px;
    margin-bottom: 10px;
}

.coupon .item .box picture {
    display: block;
    padding: 0 20px;
}

.coupon-List iframe {
    width: 100%;
    height: 800px;
    border: 0;
}

@media screen and (max-width: 1023px) {

    .coupon h2.ttl {
        font-size: 24px;
    }

}

@media screen and (max-width: 767px) {

    .coupon h2.ttl {
        font-size: 22px;
    }

    .coupon .item {
        padding-right: 0;
        padding-left: 0;
    }

    .coupon .item .box p {
        padding: 0;
        margin-bottom: 30px;
    }

    .coupon .item .box small {
        padding: 0;
        margin-bottom: 0;
    }

    .coupon .item .box picture {
        padding: 0;
    }

}


/*==============================
 lawson-Ticket
==============================*/

.lawson-Ticket .intro-Box {
    font-size: 17px;
    text-align: center;
    line-height: 1.8;
    background-color: #e6f7ff;
    border-radius: 10px;
    padding: 40px 20px;
    margin-bottom: 60px;
}

.lawson-Ticket .commission {
    padding: 0 60px;
    margin-bottom: 40px;
}

.lawson-Ticket .member-Link {
    padding: 0 40px;
    margin-bottom: 60px;
}

.lawson-Ticket .howtouse {
    display: block;
    padding: 0 40px;
    margin-bottom: 60px;
}

.lawson-Ticket .link-Box {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 80px;
}

.lawson-Ticket .movie {
    padding: 0 40px;
    margin-bottom: 80px;
}

.lawson-Ticket .movie h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    background-color: #1d2088;
    padding: 10px;
    margin-bottom: 20px;
}

.lawson-Ticket .movie picture {
    display: block;
    padding: 0 40px;
}

.lawson-Ticket .other-Service {
    max-width: 680px;
    margin: 0 auto;
}

.lawson-Ticket .other-Service h3 {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    background-color: #1d67cd;
    border-radius: 40px;
    padding: 10px;
    margin-bottom: 20px;
}

.lawson-Ticket .other-Service p {
    font-size: 17px;
    padding: 0 40px;
    margin-bottom: 40px;
    position: relative;
}

.lawson-Ticket .other-Service p::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 1;
}

.lawson-Ticket .other-Service picture {
    display: block;
    padding: 0 40px;
}

@media screen and (max-width: 767px) {

    .lawson-Ticket .intro-Box {
        text-align: left;
        padding: 30px 20px;
        margin-bottom: 40px;
    }

    .lawson-Ticket .commission {
        padding: 0;
        margin-bottom: 30px;
    }

    .lawson-Ticket .member-Link {
        padding: 0;
        margin-bottom: 40px;
    }

    .lawson-Ticket .howtouse {
        display: block;
        padding: 0;
        margin-bottom: 50px;
    }

    .lawson-Ticket .link-Box {
        display: block;
        margin-bottom: 60px;
    }

    .lawson-Ticket .link-Box figure + figure {
        margin-top: 20px;
    }

    .lawson-Ticket .movie h2 {
        color: #ffffff;
        font-size: 20px;
    }

    .lawson-Ticket .movie {
        padding: 0;
        margin-bottom: 60px;
    }

    .lawson-Ticket .movie picture {
        display: block;
        padding: 0;
    }

    .lawson-Ticket .other-Service h3 {
        color: #ffffff;
        font-size: 18px;
    }

    .lawson-Ticket .other-Service p {
        font-size: 14px;
        padding: 0 0 0 20px;
        margin-bottom: 0;
    }

    .lawson-Ticket .other-Service p::before {
        left: 0;
    }

    .lawson-Ticket .other-Service picture {
        padding: 0;
    }

}


/*==============================
 nyukai
==============================*/

.nyukai .outer {
    padding: 0 20px;
}

.nyukai .m-Eligibility .inner,
.nyukai .price-Col .inner,
.nyukai .apply-Col .inner {
    padding: 0 20px;
}

.nyukai .m-Eligibility .inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 40px;
}

.nyukai .m-Eligibility .image {
    width: 200px;
}

.nyukai .m-Eligibility ul {
    width: calc(100% - 240px);
    background-color: #FFFCF4;
    border-radius: 20px;
    padding: 30px;
}

.nyukai .m-Eligibility ul li {
    font-size: 17px;
    padding-left: 20px;
    position: relative;
}

.nyukai .m-Eligibility ul li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.nyukai .m-Eligibility ul li + li {
    margin-top: 10px;
}

.nyukai .price-Col .sub-Ttl {
    margin-bottom: 80px;
}

.nyukai .price-Col .inner {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
}

.nyukai .price-Col .caps {
    margin-top: 10px;
}

.nyukai .price-Col .caps span {
    font-size: 15px;
    padding-left: 20px;
    position: relative;
}

.nyukai .price-Col .caps span::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.nyukai .price-Col .item {
    width: calc(50% - 15px);
    padding: 50px 20px 40px;
    border: 2px solid #379e84;
    border-radius: 20px;
    position: relative;
}

.nyukai .price-Col .first-Item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nyukai .price-Col .item h3 {
    width: 140px;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    background-color: #379e84;
    border-radius: 60px;
    padding: 5px 0;
    position: absolute;
    top: -23px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}

.nyukai .price-Col .item .nums {
    font-size: 16px;
    text-align: center;
}

.nyukai .price-Col .item .nums span {
    color: #da6b2e;
    font-size: 30px;
    font-weight: bold;
}

.nyukai .price-Col .item .caps {
    text-align: center;
}

.nyukai .apply-Col .mypage-Box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #f6fffc;
    gap: 20px 40px;
    padding: 30px 20px;
    margin-bottom: 40px;
}

.nyukai .apply-Col .mypage-Box p {
    font-size: 18px;
    font-weight: bold;
}

.nyukai .apply-Col .mypage-Box .btn {
    max-width: 260px;
    width: 100%;
}

.nyukai .apply-Col .mypage-Box .btn a {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #104b9a;
    border-radius: 10px;
    background-color: #104b9a;
    padding: 15px 0;
    transition: .6s all;
}

.nyukai .apply-Col .mypage-Box .btn a:hover {
    background-color: #6e9ad4;
}

.nyukai .apply-Col .mypage-Box .btn a span {
    padding-left: 26px;
    position: relative;
}

.nyukai .apply-Col .mypage-Box .btn a span::before {
    content: "";
    display: block;
    width: 16px;
    height: 24px;
    background-image: url(../images/common/human_white.png);
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.nyukai .apply-Col .list {
    counter-reset: item-num;
}

.nyukai .apply-Col .list .item {
    display: flex;
    background-color: #FFFCF4;
    flex-wrap: wrap;
    border-radius: 20px;
    gap: 20px 30px;
    padding: 40px;
    position: relative;
}

.nyukai .apply-Col .list .item + .item {
    margin-top: 80px;
}

.nyukai .apply-Col .list .item + .item::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    border-top: 20px solid #042f52;
    position: absolute;
    top: -50px;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}

.nyukai .apply-Col .list .item .txt-Box {
    width: calc(100% - 200px);
}

.nyukai .apply-Col .list .item .txt-Box h3 {
    font-size: 22px;
    font-weight: bold;
    counter-increment: item-num;
    padding-left: 35px;
    margin-bottom: 30px;
    position: relative;
}

.nyukai .apply-Col .list .item .txt-Box h3::before {
    content: counter(item-num);
    display: block;
    width: 25px;
    height: 25px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    background-color: #042f52;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;
}

.nyukai .apply-Col .list .item .txt-Box .btn-Box {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    padding-left: 35px;
}

.nyukai .apply-Col .list .item .txt-Box .btn {
    max-width: 200px;
    width: 100%;
}

.nyukai .apply-Col .list .item .txt-Box .btn a {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background-color: #994bab;
    border: 1px solid #994bab;
    border-radius: 10px;
    padding: 10px 0;
    transition: .6s all;
}

.nyukai .apply-Col .list .item .txt-Box .btn a:hover {
    color: #994bab;
    background-color: #ffffff;
}

.nyukai .apply-Col .list .item:nth-child(2) .txt-Box .btn {
    margin-top: 20px;
    margin-left: 35px;
}

.nyukai .apply-Col .list .item:nth-child(2) .txt-Box .btn a {
    color: #042f52;
    background-color: #ffffff;
    border: 1px solid #042f52;
}

.nyukai .apply-Col .list .item:nth-child(2) .txt-Box .btn a:hover {
    color: #ffffff;
    background-color: #042f52;
}

.nyukai .apply-Col .list .item .txt-Box .caps {
    margin-top: 10px;
}

.nyukai .apply-Col .list .item .txt-Box .caps span {
    padding-left: 20px;
    position: relative;
}

.nyukai .apply-Col .list .item .txt-Box .caps span::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.nyukai .apply-Col .list .item .txt-Box .txt {
    padding-left: 35px;
}

.nyukai .apply-Col .list .item .image {
    width: 170px;
}

.nyukai .apply-Col .list .item .txt-Box .bank {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    padding: 20px;
    margin-top: 20px;
    margin-left: 35px;
}

.nyukai .apply-Col .list .item .txt-Box .bank h4 {
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    margin-bottom: 10px;
}

.nyukai .apply-Col .list .item .txt-Box .bank ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
}

@media screen and (max-width: 1099px) {

    .nyukai .apply-Col .list .item .txt-Box {
        width: calc(100% - 180px);
    }

    .nyukai .apply-Col .list .item .txt-Box .btn {
        max-width: 190px;
    }

    .nyukai .apply-Col .list .item .txt-Box .btn a {
        font-size: 16px;
    }

    .nyukai .apply-Col .list .item .image {
        width: 150px;
    }

}

@media screen and (max-width: 1023px) {

    .nyukai .apply-Col .list .item .txt-Box .btn-Box {
        gap: 0 10px;
    }

    .nyukai .apply-Col .list .item .txt-Box .btn {
        max-width: 170px;
    }

}

@media screen and (max-width: 767px) {

    .nyukai .outer {
        padding: 0;
    }

    .nyukai .m-Eligibility .inner,
    .nyukai .price-Col .inner,
    .nyukai .apply-Col .inner {
        padding: 0;
    }

    .nyukai .m-Eligibility .inner {
        flex-direction: column;
    }

    .nyukai .m-Eligibility ul {
        width: 100%;
        padding: 30px 15px;
    }

    .nyukai .m-Eligibility .image {
        width: 120px;
        margin-left: auto;
    }

    .nyukai .price-Col .inner {
        flex-direction: column;
    }

    .nyukai .price-Col .item {
        width: 100%;
        padding: 50px 20px 40px;
    }

    .nyukai .price-Col .item + .item {
        margin-top: 60px;
    }

    .nyukai .price-Col .caps.txt {
        margin-top: 30px;
    }

    .nyukai .apply-Col .list .item {
        flex-direction: column;
        padding: 30px 15px;
    }

    .nyukai .apply-Col .list .item .txt-Box {
        width: 100%;
    }

    .nyukai .apply-Col .list .item .txt-Box h3 {
        text-align: center;
    }

    .nyukai .apply-Col .list .item .txt-Box h3 {
        font-size: 22px;
        padding-top: 35px;
        padding-left: 0;
    }

    .nyukai .apply-Col .list .item .txt-Box h3::before {
        right: 0;
        margin: auto;
    }

    .nyukai .apply-Col .list .item .txt-Box .btn-Box {
        padding-left: 0;
    }

    .nyukai .apply-Col .list .item .txt-Box .btn {
        max-width: 320px;
        margin: 0 auto;
    }

    .nyukai .apply-Col .list .item .txt-Box .btn-Box .btn + .btn {
        margin-top: 20px;
    }

    .nyukai .apply-Col .list .item .txt-Box .btn a {
        padding: 15px 0;
    }

    .nyukai .apply-Col .list .item:nth-child(2) .txt-Box .btn {
        margin-left: 0;
    }

    .nyukai .apply-Col .list .item .txt-Box .txt {
        text-align: center;
        padding-left: 0;
    }

    .nyukai .apply-Col .list .item .txt-Box .txt span {
        display: block;
        font-size: 14px;
    }

    .nyukai .apply-Col .list .item .image {
        width: 100px;
        margin-left: auto;
    }

    .nyukai .apply-Col .list .item .txt-Box .bank {
        margin-left: 0;
    }

    .nyukai .apply-Col .mypage-Box {
        flex-direction: column;
    }

    .nyukai .apply-Col .mypage-Box p {
        text-align: center;
    }

}


/*==============================
 wakuwaku
==============================*/

.w-Txt {
    max-width: 680px;
    width: 100%;
    font-size: 17px;
    text-align: right;
    margin: 30px auto 0;
}

.w-Txt a {
    color: #15a9c5;
    text-decoration: underline;
}


/*==============================
 download
==============================*/

.download .txt {
    margin-bottom: 40px;
}

.download .txt b {
    display: block;
    font-weight: normal;
    margin-top: 10px;
}

.download .txt b a {
    color: #15a9c5;
    font-weight: bold;
    text-decoration: underline;
}

.download .navi-Box {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 0 20px;
    margin-bottom: 80px;
}

.download .navi-Box li {
    flex: 1;
}

.download .navi-Box li a {
    display: block;
    color: #042f52;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #042f52;
    border-radius: 40px;
    padding: 10px 0;
    position: relative;
    transition: .6s all;
}

.download .navi-Box li a:hover {
    color: #ffffff;
    background-color: #042f52;
}

.download .navi-Box li a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 3px solid #f76027;
    border-bottom: 3px solid #f76027;
    position: absolute;
    top: 17px;
    right: 10px;
    transform: rotate(45deg);
    transition: .6s all;
}

.download .navi-Box li a:hover::after {
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
}

.download .box {
    padding-right: 20px;
    padding-left: 20px;
}

.download .box:last-child {
    margin-bottom: 0;
}

.download .box .sub-Ttl small {
    color: #333333;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
}

.download .box .list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
    padding: 0 20px;
}

.download .box .list .item {
    width: calc(100% / 3 - 13.5px);
}

.download .box .list .item a {
    display: block;
    border: 4px solid #ffffff;
    box-shadow: 2px 2px 5px #a7a7a7;
    border-radius: 10px;
    padding: 30px 10px;
    transition: .6s all;
}

.download .box .list .item a:hover {
    border-color: #f76027;
}

.download .box .list .item .image {
    text-align: center;
    height: 80px;
    margin-bottom: 10px;
}

.download .box .list .item .image img {
    width: auto;
    height: 100%;
}

.download .box .list .item .ttl {
    display: flex;
    height: 52px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
}

.download .box .list .item .btn {
    display: block;
    color: #ffffff;
    width: 160px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    background-color: #f76027;
    border: 1px solid #f76027;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 auto;
    transition: .6s all;
}

.download .box .list .item a:hover .btn {
    color: #f76027;
    background-color: #ffffff;
}


.download .box .list .infull-Item .image {
    transform: translateX(13px);
}

.download .box .list .infull-Item .ttl {
    display: block;
}

.download .box .list .infull-Item .ttl small {
    color: #880404;
    font-size: 16px;
}

@media screen and (max-width: 1023px) {

    .download .navi-Box {
        gap: 10px;
        padding: 0;
        margin-bottom: 80px;
    }

    .download .navi-Box li a {
        font-size: 15px;
    }

    .download .box {
        padding-right: 0;
        padding-left: 0;
    }

    .download .box .list .item .ttl {
        font-size: 16px;
    }

}

@media screen and (max-width: 767px) {

    .download .page-Ttl {
        letter-spacing: -1px;
    }

    .download .navi-Box {
        display: block;
    }

    .download .navi-Box li + li {
        margin-top: 20px;
    }

    .download .box .sub-Ttl small {
        display: block;
        font-size: 15px;
    }

    .download .box .list .item {
        width: 100%;
    }

    .download .box .list .item .ttl {
        font-size: 18px;
    }

}


/*==============================
 accessmap
==============================*/

/* グーグルマップ */
.ggmap{
    display: flex;
    flex-direction: column;
    gap:10px;
    margin-bottom: 40px;
}

.ggmap iframe{
    width:100%;
    margin-bottom: 20px;
}

.ggmap a{
    display: block;
    border-bottom: 1px solid #000000;
    width:fit-content;
    right:0;
    padding: 5px 0;
    margin-left: auto;
    font-size: 14px;
}

.ggmap a::before{
    display: inline-block;
    margin-right: 10px;
    top: 0;
    bottom: 0;
    width: 8px;
    height:8px;
    content: "";
    border-top: 2px solid #659fb0;
    border-right: 2px solid #659fb0;
    transform: rotate(45deg);
}

/* 事業所名 */
.access_name h2,
.access_name p{
    text-align: center;
}

.access_name p{
    font-size: 14px;
}

.access_name h2{
    font-weight: bold;
    font-size: 24px;
}

.access_name{
    margin-bottom: 30px;
}

/* 説明リスト全体 */
.access_map dl {
    padding: 30px 20px;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #c6d8db;
}

.access_map dl:last-of-type {
    border-bottom: 1px solid #c6d8db;
}

.access_map dt{
    margin-bottom: 10px;
}

/* 見出し */
.access_map dt{
    font-weight: bold;
    font-size: 17px;
    width:15%;
    color: #225462;
}

/*説明リストの項目*/
.access_map dd p{
    font-size: 17px;
    margin-bottom:10px;
}

.access_map dd p:last-child{
    margin-bottom:0px ;
}

.access_map dd p.caps {
    font-size: 14px;
    padding-left: 20px;
    position: relative;
}

.access_map dd p.caps::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* タブレット */
@media screen and (max-width: 960px) {

    .ggmap iframe{
        height:340px;
    }

}

/* スマホ */
@media screen and (max-width: 767px) {

    .ggmap a {
        padding:5px 0;
    }

    .ggmap iframe {
        height:260px;
    }

    .access_name h2 {
        font-size: 22px;
    }

    .access_map dl {
        align-items: center;
        padding: 20px 10px;
        margin-bottom: 10px;
    }

    .access_map dt {
        width: 100%;
        margin-bottom: 10px;
    }

    .access_map dd {
        font-size: 17px;
    }

    .access_map .list dl:nth-of-type(3) dt {
        width: auto;
        padding-right: 20px;
        margin-bottom: 0;
    }

}


/*==============================
 tokusyouhou
==============================*/

/* 説明リスト全体 */
.tokusyouhou dl{
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.tokusyouhou dt{
    margin-bottom: 10px;
}

/* 見出し */
.tokusyouhou dt{
    font-weight: bold;
    font-size: 18px;    
    width:30%;
}

/*説明リストの項目*/
.tokusyouhou dd p{
    margin-bottom:10px;
}

/* タブレット */
@media screen and (max-width: 960px) {

    .tokusyouhou dl{
        flex-direction: column;
    }

    .tokusyouhou dt,
    .tokusyouhou dd{
        width:100%;
    }

}

/* スマホ */
@media screen and (max-width: 480px) {

    .tokusyouhou dl{
        margin-bottom: 10px;
    }

    .tokusyouhou dt{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .tokusyouhou dd{
        font-size: 14px;
    }

}


/*==============================
 contact
==============================*/

.contact h2.ttl {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.contact p.page-Txt {
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
}

.contact .form-Col {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.contact .form-Col dl {
    margin-bottom: 40px;
}

.contact .form-Col dl dt {
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}

.contact .form-Col dl.required dt::after {
    content: "\5fc5\9808";
    display: inline-block;
    width: 42px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #9d1515;
    border-radius: 5px;
    margin-left: 10px;
}

.contact .form-Col dl dd {
    width: 80%;
}

.contact .form-Col dd input {
    width: 100%;
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid #989898;
}

.contact .form-Col .tel-Box dd input {
    width: 160px;
}

.contact .form-Col .overview-Box dt {
    width: 100%;
}

.contact .form-Col .overview-Box dd {
    width: 100%;
}

.contact .form-Col .overview-Box textarea {
    width: 100%;
    height: 320px;
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid #989898;
}

.contact .form-Col .btn,
.ticketmail .form-Col .btn {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.contact .form-Col .btn input,
.ticketmail .form-Col .btn input,
.contact .form-Col .btn button {
    display: block;
    color: #ffffff;
    max-width: 280px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #155868;
    border: 1px solid #155868;
    padding: 15px 0;
    cursor: pointer;
    transition: .6s all;
}

.contact .form-Col .btn input:hover,
.ticketmail .form-Col .btn input:hover,
.contact .form-Col .btn button:hover {
    color: #155868;
    background-color: #ffffff;
}

.contact .form-Col .btn button.back {
    color: #155868;
    background-color: #ffffff;
}

.contact .form-Col .btn button.back:hover {
    color: #ffffff;
    background-color: #155868;
}

.contact .form-Col .errMsg {
    color: #9d1515;
}

/*==============================
 ticketmail
==============================*/

.ticketmail .txt {
    padding: 0 20px;
    margin-bottom: 60px;
}

.ticketmail .form-Col {
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
}

.ticketmail .form-Col .item {
    border-bottom: 1px dotted #acacac;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.ticketmail .form-Col .item dt {
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.ticketmail .form-Col .item dt::before {
    content: "\25a0";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ticketmail .form-Col .item dt span {
    position: relative;
}

.ticketmail .form-Col dl.required dt span::after {
    content: "\5fc5\9808";
    display: inline-block;
    width: 42px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #9d1515;
    border-radius: 5px;
    margin-left: 10px;
}

.ticketmail .form-Col .item dd input {
    width: 100%;
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid #989898;
}

.ticketmail .form-Col .item dd.caps {
    margin-top: 10px;
}

.ticketmail .form-Col .item dd.caps small {
    display: block;
    font-size: 15px;
    padding-left: 20px;
    position: relative;
}

.ticketmail .form-Col .item dd.caps small::before {
    content: "\203b";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ticketmail .form-Col .item dd.caps small + small {
    margin-top: 10px;
}

.ticketmail .form-Col .ticket-Box dd.note-Unit {
    margin-top: 20px;
}

.ticketmail .form-Col .ticket-Box dd.note-Unit dl dt {
    background-color: #d3f9ff;
    border-radius: 5px;
    padding: 15px 20px;
    cursor: pointer;
}

.ticketmail .form-Col .ticket-Box dd.note-Unit dl dt::before {
    content: none;
}

.ticketmail .form-Col .ticket-Box dd.note-Unit dl dt::after {
    content: "＋";
    font-size: 18px;
    position: absolute;
    top: 11px;
    right: 20px;
    z-index: 1;
    transition: .6s all;
}


.ticketmail .form-Col .ticket-Box dd.note-Unit dl dt.active::after {
    transform: rotate(45deg);
}

.ticketmail .form-Col .ticket-Box dd.note-Unit dl dd {
    display: none;
}

.ticketmail .form-Col .ticket-Box dd.note-Unit div + div {
    margin-top: 10px;
}

.ticketmail .form-Col .tel-Box {
    display: flex;
    flex-wrap: wrap;
}

.ticketmail .form-Col .tel-Box dt {
    width: 100%;
}

.ticketmail .form-Col .tel-Box dd:first-of-type {
    margin-right: 30px;
}

.ticketmail .form-Col .tel-Box dd span {
    padding-right: 10px;
}

.ticketmail .form-Col .tel-Box dd input {
    width: 160px;
}

.ticketmail .form-Col .tel-Box dd.cap {
    width: 100%;
}

.ticketmail .form-Col .date-Box dd input {
    width: 280px;
}

.ticketmail .form-Col .price-Box dd input {
    width: 180px;
}

.ticketmail .form-Col .member-Box {
    border-bottom: 1px dotted #acacac;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.ticketmail .form-Col .member-Box h2 {
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.ticketmail .form-Col .member-Box h2::before {
    content: "\25a0";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ticketmail .form-Col .member-Box p {
    margin-bottom: 20px;
}

.ticketmail .form-Col .member-Box .wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
}

.ticketmail .form-Col .member-Box .wrap dl {
    width: calc(50% - 10px);
    border: 2px solid #165f74;
}

.ticketmail .form-Col .member-Box .wrap dl dt {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #165f74;
    padding: 10px 0;
}

.ticketmail .form-Col .member-Box .wrap dl dd {
    padding: 15px 20px;
}

.ticketmail .form-Col .member-Box .wrap dl dd + dd {
    border-top: 1px solid #989898;
}

.ticketmail .form-Col .member-Box .wrap dl dd span {
    display: block;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 10px;
    position: relative;
}

.ticketmail .form-Col .member-Box .wrap dl dd span::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.ticketmail .form-Col .member-Box .wrap dl dd input {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0 auto;
}

.ticketmail .form-Col .overview-Box textarea {
    width: 100%;
    height: 320px;
}

.ticketmail .form-Col .btn {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.ticketmail .form-Col .btn button {
    display: block;
    color: #ffffff;
    max-width: 280px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: #155868;
    border: 1px solid #155868;
    padding: 15px 0;
    cursor: pointer;
    transition: .6s all;
}

.ticketmail .form-Col .btn button:hover {
    color: #155868;
    background-color: #ffffff;
}

.ticketmail .form-Col .btn button.back {
    color: #155868;
    background-color: #ffffff;
}

.ticketmail .form-Col .btn button.back:hover {
    color: #ffffff;
    background-color: #155868;
}

.ticketmail .form-Col .errMsg {
    color: #9d1515;
}

@media screen and (max-width: 1023px) {

    .ticketmail .form-Col {
        padding: 0 20px;
    }

}

@media screen and (max-width: 767px) {

    .ticketmail .txt {
        padding: 0;
        margin-bottom: 50px;
    }

    .ticketmail .form-Col {
        padding: 0;
    }

    .ticketmail .form-Col .tel-Box dd:first-of-type {
        margin-bottom: 10px;
    }

    .ticketmail .form-Col .ticket-Box dd.note-Unit dl dt::after {
        top: 26px;
    }

    .ticketmail .form-Col .member-Box .wrap dl {
        width: 100%;
    }
    

}


/*==============================
 thanks
==============================*/

.thanks .ttl {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid #333333;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.thanks dl dt {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.thanks dl dd {
    font-size: 17px;
    line-height: 1.8;
}

.thanks dl dd.txt {
    text-align: center;
}

.thanks dl dd.cap {
    background-color: #fffae9;
    border-radius: 10px;
    padding: 40px;
    margin-top: 20px;
}

.thanks dl dd.cap a {
    color: #1996bb;
    font-weight: bold;
    text-decoration: underline;
}

.thanks .btn {
    margin-top: 40px;
}

.thanks .btn a {
    display: block;
    max-width: 280px;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background-color: #155868;
    border: 1px solid #155868;
    border-radius: 10px;
    padding: 15px 0;
    margin: 0 auto;
    transition: .6s all;
}

.thanks .btn a:hover {
    color: #155868;
    background-color: #ffffff;
}

@media screen and (max-width:1099px) {

    .page-template-thanks .Breadcrumb {
        margin-top: 100px;
    }

}

@media screen and (max-width:767px) {

    .page-template-thanks .Breadcrumb {
        margin-top: 80px;
    }
    
    .thanks .ttl {
        font-size: 24px;
    }

    .thanks dl dd.txt {
        text-align: left;
    }
    
    .thanks dl dd.cap {
        padding: 40px 20px;
    }

}


/*==============================
 news
==============================*/

.archive .hero-Standard .bg-Image {
    background-image: url(../images/common/news_mainimage_pc.jpg);
}

.news .list {
    padding: 0 20px;
    margin-bottom: 40px;
}

.news .list .item :last-child {
    margin-bottom: 0;
}

.news .list .item .info-Box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.news .list .item .info-Box time {
    color: #494949;
    font-size: 15px;
    font-weight: bold;
}

.news .list .item .info-Box .cat {
    color: #40777e;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #40777e;
    border-radius: 5px;
    padding: 2px 10px;
}

.news .list .item {
    border-bottom: 2px dotted #91c6cd;
    padding: 0 20px 30px;
    margin-bottom: 30px;
}

.news .list .item h2 {
    font-size: 18px;
    font-weight: bold;
}

.news .list .item h2 a:hover {
    color: #8d8d8d;
    text-decoration: underline;
}

/*----- wp-pagenavi -----*/

.news .wp-pagenavi {
    padding: 0 20px;
}

.news .wp-pagenavi .current,
.news .wp-pagenavi .page,
.news .wp-pagenavi .previouspostslink,
.news .wp-pagenavi .nextpostslink {
    display: inline-block;
    font-size: 16px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 37px;
    border: 1px solid #003c4b;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
}

.news .wp-pagenavi .current {
    color: #ffffff;
    background-color: #042f52;
}

.news .wp-pagenavi a,
.news .wp-pagenavi span {
    padding: 0;
}

.news .wp-pagenavi a {
    color: #042f52;
    transition: .6s all;
}

.news .wp-pagenavi a:hover {
    color: #ffffff;
    background-color: #042f52;
}

@media screen and (max-width: 767px) {

    .news .list {
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .news .list .item {
        padding: 0 0 30px;
    }
    
    .news .list .item .info-Box {
        gap: 20px 10px;
    }
    
    .news .list .item .info-Box time {
        font-size: 14px;
    }

    .news .list .item .info-Box .cat {
        font-size: 14px;
    }

    /*----- wp-pagenavi -----*/

    .news .wp-pagenavi {
        padding: 0 10px;
    }

}


/*==============================
 error-404
==============================*/

.error-404 h1 {
    font-size: 26px;
    font-weight: bold;
    border-bottom: 1px solid #333333;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.error-404 .btn {
    margin-top: 40px;
}

.error-404 .btn a {
    display: block;
    max-width: 280px;
    width: 100%;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background-color: #042f52;
    border: 1px solid #042f52;
    border-radius: 10px;
    padding: 15px 0;
    transition: .6s all;
}

.error-404 .btn a:hover {
    color: #042f52;
    background-color: #ffffff;
}

@media screen and (max-width: 1139px) {

    .error-404 h1 {
        text-align: center;
    }

    .error-404 p {
        text-align: center;
    }

    .error-404 .btn a {
        margin: 0 auto;
    }

}

@media screen and (max-width: 1139px) {

    .error-404 p {
        text-align: left;
    }

}


/*==============================
 .cta
==============================*/

.cta .col {
    margin-top: 120px;
}

.cta .col + .col {
    margin-top: 40px;
}

.cta .col .wrap {
    border-radius: 20px;
    padding: 40px;
}

.cta .col h2 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

.cta .col p {
    font-size: 17px;
    text-align: center;
    margin-bottom: 30px;
}

.cta .col .btn a {
    display: block;
    color: #ffffff;
    max-width: 320px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    padding: 15px 0;
    margin: 0 auto;
    transition: .6s all;
}

.cta .guide-Col .wrap {
    background-color: #F6FFF8;
    border: 4px solid #5FA36E;
}

.cta .guide-Col h2 {
    color: #2E6C3C;
}

.cta .guide-Col .btn a {
    background-color: #5C9368;
    border: 1px solid #5C9368;
    box-shadow: 2px 2px 5px #a7a7a7;
}

.cta .guide-Col .btn a:hover {
    background-color: #9cdaa9;
}

.cta .contact-Col .wrap {
    background-color: #fff9f0;
    border: 4px solid #ed8d10;
}

.cta .contact-Col h2 {
    color: #d37700;
}

.cta .contact-Col .btn-Box {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.cta .contact-Col .btn {
    max-width: 320px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #a7a7a7;
}

.cta .contact-Col .btn a {
    display: flex;
    height: 110px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333333;
    transition: .6s all;
}

.cta .contact-Col .tel-Btn a small {
    color: #ed8d10;
    font-size: 15px;
}

.cta .contact-Col .tel-Btn a span {
    font-size: 26px;
}

.cta .contact-Col .tel-Btn a b {
    font-size: 14px;
    font-weight: normal;
}

.cta .contact-Col .form-Btn a {
    color: #ffffff;
    background-color: #ed8d10;
    transition: .6s all;
}

.cta .contact-Col .form-Btn a:hover {
    background-color: #ffae45;
}

.cta .contact-Col .form-Btn a span {
    padding-left: 36px;
    position: relative;
}

.cta .contact-Col .form-Btn a span::before {
    content: "";
    display: block;
    width: 26px;
    height: 20px;
    background-image: url(../images/common/mail_white.png);
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 1;
}

@media screen and (max-width: 767px) {

    .cta .col {
        margin-top: 100px;
    }

    .cta .col .wrap {
        padding: 40px 20px;
    }

    .cta .col h2 {
        margin-bottom: 20px;
    }

    .cta .col p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .cta .contact-Col .btn-Box {
        flex-direction: column;
    }

    .cta .contact-Col .btn a {
        display: block;
        height: auto;
    }

    .cta .contact-Col .tel-Btn a b {
        display: block;
    }

    .cta .contact-Col .form-Btn a {
        padding: 25px 0;
    }

}


/*==============================
 single-Col
==============================*/

.single-Col h1 {
    color: #042f52;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 2px solid #c6d8db;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.single-Col time {
    display: block;
    color: #8d8d8d;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 40px;
}

.single-Col h1::after {
    content: "";
    display: block;
    width: 100px;
    height: 4px;
    background-color: #659fb0;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 1;
}

.single-Col .txt-Box {
    padding: 0 10px 90px;
    border-bottom: 1px solid #c6d8db;
}

.single-Col .txt-Box p {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 1.8em;
    font-size: 17px;
    color: #333333;
}

.single-Col .pln-Nav {
    padding-top: 20px;
}

.single-Col .pln-Nav .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.single-Col .pln-Nav .list li {
    flex: 1;
}

.single-Col .pln-Nav .list li a {
    font-size: 17px;
    position: relative;
}

.single-Col .pln-Nav .list li.prev a {
    padding-left: 20px;
}

.single-Col .pln-Nav .list li.prev a::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 3px solid #042f52;
    border-left: 3px solid #042f52;
    position: absolute;
    top: 2px;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    transform: rotate(-45deg);
}

.single-Col .pln-Nav .list li.back {
    text-align: center;
}

.single-Col .pln-Nav .list li.back a {
    display: block;
    max-width: 200px;
    color: #ffffff;
    text-align: center;
    background-color: #042f52;
    border: 1px solid #042f52;
    padding: 10px 0;
    margin: 0 auto;
    transition: .6s all;
}

.single-Col .pln-Nav .list li.next {
    text-align: right;
}

.single-Col .pln-Nav .list li.next a {
    padding-right: 20px;
}

.single-Col .pln-Nav .list li.next a::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: 3px solid #042f52;
    border-right: 3px solid #042f52;
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    transform: rotate(45deg);
}

@media screen and (max-width:1099px) {

    .single-post .Breadcrumb {
        margin-top: 100px;
    }

}

@media screen and (max-width:767px) {

    .single-post .Breadcrumb {
        margin-top: 80px;
    }

    .single-post .main-Contents {
        margin-top: 40px;
    }

    .single-Col time {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .single-Col .txt-Box {
        padding: 0 0 80px;
    }

    .single-Col .pln-Nav .list li a {
        font-size: 16px;
    }

    .single-Col .pln-Nav .list li.prev a {
        padding-left: 15px;
    }

    .single-Col .pln-Nav .list li.back a {
        max-width: 95px;
        padding: 5px 0;
    }

    .single-Col .pln-Nav .list li.next a {
        padding-right: 15px;
    }

}


/*==============================
 sitemap_list
==============================*/


/* グーグルマップ */
.sitemap_list{
    margin-bottom: 30px;
}
.sitemap_list:last-child {
    margin-bottom: 0;
}
.sitemap_heading{
    border-bottom: #000000 1px solid;
}
.sitemap_heading h2 a{
    font-size: 18px;
    display: block;
    width: 100%;
    position: relative;
    font-weight: bold;
    padding-left:20px;
    padding-right: 20px;
    padding-bottom:20px;
    transition: 0.5s;
}
.sitemap_heading h2 a:hover{
    color:#317bb6;
}
.sitemap_heading h2 a:hover::after{
    border-color: #317bb6;
}
.sitemap_heading h2 a::after{
    content: "";
    position:absolute;
    top: -20px;
    bottom:0;
    margin: auto 0;
    right: 20px;
    width: 8px;
    height:8px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg);
}
.sitemap_content ul{
    font-weight: bold;
    font-size:16px;
    display: flex;
    gap:20px;
    flex-wrap: wrap;
    align-items: center;
    list-style: inside;
    padding-top:20px;
    padding-left:20px;
    padding-right: 20px;
    transition: 0.5s;
}
.sitemap_content ul li::marker{
    color:#225462;
}
.sitemap_content ul li a:hover{
    color:#317bb6;
    text-decoration: underline;
}
.sitemap_content ul li a:hover::marker{
    color:#317bb6;
}

/* スマホ */
@media screen and (max-width: 480px) {

.sitemap_heading h2 a{
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px; 
}
.sitemap_content ul{
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: column;
    align-items: start;
}

.sitemap_heading h2 a::after {
    top: -10px;
}

}


/*==============================
 category-back
==============================*/

.category-back .bg-Image {
    background-image: url(../images/common/page_mainimage.jpg);
}


/*==============================
 scjyule
==============================*/

.scjyule .inner {
    padding-right: 20px;
    padding-left: 20px;
}

.scjyule p {
    font-size: 17px;
    text-align: center;
    margin-bottom: 40px;
}

.scjyule p a {
    font-weight: bold;
    text-decoration: underline;
}

.scjyule .list {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
}

.scjyule .list .item {
    width: calc(100% / 3);
    min-height: 340px;
    padding: 30px 20px;
    border-top: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
}

.scjyule .list dl dt {
    max-width: 200px;
    width: 100%;
    margin: 0 auto 20px;
}

.scjyule .list dl dd {
    font-size: 15px;
    padding-left: 15px;
    position: relative;
}

.scjyule .list dl dd::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.scjyule .list dl dd small {
    display: block;
    font-size: 15px;
}

@media screen and (max-width:1023px) {

    .scjyule .list dl dd {
        font-size: 14px;
    }

    .scjyule .list dl dd small {
        font-size: 14px;
    }

}

@media screen and (max-width:767px) {

    .scjyule .inner {
        padding-right: 0;
        padding-left: 0;
    }

    .scjyule .list .item {
        width: 100%;
    }

    .scjyule .list dl dt {
        max-width: 180px;
    }

    .scjyule .list dl dd {
        font-size: 16px;
    }

    .scjyule .list dl dd small {
        font-size: 16px;
    }

}