@charset "UTF-8";
body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        line-height: 1.6;
        max-width: 800px;
        margin: 0 auto;
        padding: 20px;
        color: #333;
    }
    .notice-box {
        background-color: #fff;
        border: 2px solid #dc3545;
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 20px;
    }
    .notice-box p {
        margin-top: 10px;
        font-size: 1em;
    }
    .notice-box .date {
        font-weight: bold;
    }
    .notice-title {
        color: #dc3545;
        font-size: 1.3em;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #dc3545;
    }
    h2 {
        font-size: 1.3em;
        margin-top: 0px;
    }
    .service-list {
        background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 20px;
        margin-top: 20px;
    }
    .service-item {
        margin-bottom: 25px;
        padding-left: 20px;
        position: relative;
        font-size: 1em;
    }
    .service-item:before {
        content: "•";
        position: absolute;
        left: 0;
        top: 0;
    }
    .service-item:last-child {
        margin-bottom: 0;
    }
    .service-title {
        font-weight: bold;
        margin-bottom: 5px;
    }
    .service-content {
        margin-top: 8px;
    }
    .service-description {
        font-size: 1em;
        color: #666;
        margin-top: 5px;
        margin-left: 15px;
    }
    .service-link {
        color: #0056b3;
        text-decoration: none;
        margin-right: 15px;
    }
    .service-link:hover {
        text-decoration: underline;
    }
    .tel-number {
        color: #0056b3;
        font-weight: bold;
        text-decoration: none;
    }
    .external-links {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
    }
    @media screen and (max-width:768px) {
    .service-item {
        padding-left: 13px;
        font-size: 0.9em;
    }
    .notice-box {
        padding: 15px;
    }
    .notice-box p {
        font-size: 0.9em;
    }
    .service-title {
        margin-bottom: 0;
    }
    .service-description {
        margin-left: 0px;
        margin-top: 0px;

    }
    .external-links {
        margin-left: 0px;
    }
    .service-content {
        margin-top: 0px;
        margin-right: 0px;
    }
    h2 {
      font-size: 1.2em;
    }
    .notice-title {
        font-size: 1.2em;
    }
    .sp_none {
        display: none;
    }
    }
img {
    max-width: 100%;
}

.font-0 {
    font-size: 0px;
}

.pink-text {
    color: #d3122e;
}

p {
    margin: auto;
}

.top {
  margin: 0 0 15px 0;
}

.under {
  margin: 15px 0px;
}

/*フォントサイズPC*/
.fontsize-pc p{
    font-size: 1.3rem;
}

/*フォントサイズPC(小さめ)*/
.fontsize-pc-s p{
    font-size: 1rem;
}

/*フォントサイズSP*/
.fontsize-sp p{
    font-size:1.1rem;
}

/*フォントサイズSP(小さめ)*/
.fontsize-sp-s p{
    font-size:0.8rem;
}

/*テキストを中央寄せにする*/
.text-center{
text-align:center;
}

/*テキストを左寄せにする*/
.text-left {
  text-align: left;
}

/*テキストを右寄せにする*/
.text-right {
  text-align: right;
}


/*文字を太くする*/
.font-bold {font-weight: bolder; }


img {
    max-width: 100%;
    margin: 0 auto;
    vertical-align: bottom;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


ol,
ul,
dl,
li,
dt,
dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

.blue-text{
color: #0000FF;
}

.green-text{
color: rgb(0%,50%,0%);
}

.red-text {
    color: #d3122e;
    text-align: center;
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
}
@media screen and (max-width: 767px) {
    .red-text {
    font-size: 14px; 
    }
}