/* ヘッダーの"ご面会につきまして”の文字を非表示 */
.entry-title {
    display: none;
}

.entry-content {
    background-color: #F1FBFD;
    width: 100%;
    line-height: 1.6;
}

.entry-content > div {
    max-width: 1000px;
    width: 100%;
    margin: auto;
    padding: 70px 0;
    text-align: justify;
}

.online-visit {
    padding: 0 50px 50px;
}

.online-visit > div {
    text-align: center;
}

/* "ご面会につきまして" */
.online-visit h2 {
    font-size: 35px;
    font-weight: normal;
    letter-spacing: 1.05px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-bottom: 68px;
    line-height: 2;
}

/* "ご面会につきまして"の下線 */
.online-visit h2:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    display: inline-block;
    width: 100%;
    transform: translateX(-50%);
    border-bottom: 1px solid #000000;
}

/* "オンライン面会のおしらせ" */
.underline {
    font-size: 24px;
    font-weight: normal;
    color: #000000;
    letter-spacing: 0.72px;
    text-align: center;
    display: inline-block;
    background: linear-gradient(transparent 70%, rgba(71, 160, 224, 0.55) 0%);
    text-indent: 4px;
    margin-bottom: 50px;
    line-height: 1;
}

.online-visit-text {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #707070;
    text-align: justify;
    margin-bottom: 50px;
}

.online-visit span {
    font-size: 20px;
    color: #C86762;
    letter-spacing: 1px;
}

.visit-table {
    margin: 0 auto 100px;
}

.wp-block-table td, .wp-block-table th {
    border: none;
    padding: 0%;
}

.visit-table figure {
    margin: 0;
}

.visit-table table {
    width: 100%;
    max-width: 1000px;
    line-height: 1.8;
}

.visit-table tr {
    border-bottom: 1px solid #47A0E0;
    background-color: white;
}

.visit-table td:nth-of-type(1) {
    width: 25%;
    max-width: 250px;
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #FFFFFF;
    background-color: rgba(144,198,227,0.78);
}

.visit-table td {
    padding: 24px;
}

.table-header table {
    border-top: 2px solid #47A0E0;
}

.visit-table td:nth-of-type(2) {
    font-size: 22px;
    font-weight: normal;
    color: #707070;
}

.table-header td:nth-of-type(2) {
    max-width: 375px;
    width: 37.5%;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    border-right: 1px solid #47A0E0;
}

.table-header td:nth-of-type(3) {
    max-width: 375px;
    width: 37.5%;
    font-size: 22px;
    font-weight: 500;
    color: #707070;
    text-align: center;
}

.table-bottom table {
    border-bottom: 2px solid #47A0E0;
    text-align: center;
}

.table-bottom td:nth-of-type(2) {
    display: inline-block;
    text-align: left;
}

.table-color {
    font-size: 22px;
    font-weight: 700;
    color: #C86762;
}

.table-fontweight {
    font-size: 22px;
    font-weight: 500;
}

.font-small {
    font-size: 20px;
}

.online-visit-attention {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.66px;
    text-align: center;
    margin-bottom: 20px;
}

.visit-note-top {
    padding: 50px;
    margin-bottom: 100px;
}

.check-text-circle{
    display: flex;
    margin-bottom: 15px;
}

.check-text-circle::before{
    display: block;
    content: "●";
    color: #707070;
    line-height: 1.9;
    margin-right: 5px;
}

.visit-note-content {
    max-width: 1000px;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 20px;
}

.visit-note-content span {
    font-size: 20px;
    font-weight: 500;
    color: #C86762;
}

.visit-note-content p {
    font-size: 20px;
    font-weight: normal;
    color: #707070;
    letter-spacing: 1px;
}

.terms-of-use {
    font-size: 22px;
    font-weight: 500;
    color: #C86762;
    text-align: center;
    margin-bottom: 10px;
}

.visit-note-bottom {
    padding: 32px 50px;
    line-height: 1.8;
    margin-bottom: 20px;
}
.text-number{
    display: flex;
    margin-bottom: 10px;
}

.text-number::before{
  content:"";
  margin-right: 5px;
}

.text-number1::before{
    display: block;
    content: "1.";
}
.text-number2::before{
    display: block;
    content: "2.";
}
.text-number3::before{
    display: block;
    content: "3.";
}
.text-number4::before{
    display: block;
    content: "4.";
}
.note-bottom {
    margin: 0 auto 100px;
    padding: 0 11%;
}

.note-bottom p:nth-of-type(1) {
    font-size: 20px;
    font-weight: 500;
    color: #C86762;
    letter-spacing: 1px;
}

.note-bottom p:nth-of-type(2) {
    font-size: 20px;
    font-weight: normal;
    color: #707070;
    letter-spacing: 1px;
}

/* "予約専用電話番号"と電話の横並び */
.visit-tell > div {
    display: flex;
    padding-left: 50px;
    margin-bottom: 20px;
    align-items: baseline;
}

.tell-left {
    font-size: 24px;
    font-weight: 500;
    color: #1BA1E6;
    margin-right: 80px;
}

.tell-right {
    line-height: 1.8;
}

.telephone-number {
    font-size: 30px;
    font-weight: 500;
    color: #1BA1E6;
    letter-spacing: 1.5px;
    position: relative;
}

.telephone-number::before{
    display: block;
    content: "\f879";
    color: #1BA1E6;
    position: absolute;
    top: 0;
    left: -40px;
}

/* "予約受付"と"9:00~13:00"の横並び */
.reception-appointment > div {
    display: flex;
}

.reception-appointment p:nth-of-type(1) {
    font-size: 20px;
    font-weight: normal;
    color: #707070;
    letter-spacing: 1px;
    padding-right: 20px;
}

.reception-appointment p:nth-of-type(2) {
    font-size: 20px;
    font-weight: 700;
    color: #C86762;
    letter-spacing: 1px;
}

.text-list {
    font-size: 20px;
    font-weight: normal;
    color: #707070;
    letter-spacing: 1px;
    padding-left: 50px;
    margin-bottom: 10px;
    display: flex;
}
.text-list:nth-of-type(4){
    margin-bottom: 100px;
}
.text-list::before{
    display: block;
    content: "・";
}

.text-please {
    font-size: 20px;
    font-weight: normal;
    color: #000000;
    letter-spacing: 1px;
    text-align: center;
}


/* レスポンシブ */
@media screen and (max-width: 1199px) {
    .entry-content > div {
        width: 90%;
    }
    .online-visit {
        padding: 0 5% 50px;
    }
    .visit-note-top {
        padding: 50px 5%;
    }
    .visit-note-bottom {
        padding: 32px 5%;
    }
    .visit-tell > div {
        padding-left: 5%;
    }
    .text-list {
        padding-left: 5%;
    }
}

@media screen and (max-width: 780px) {
    .fa-phone-alt:before {
        content: "\f879";
        display: block;
    }
    .online-visit h2{
        font-size: 20px;
        margin-bottom: 45px;
    }
    .underline{
        font-size: 18px;
        width: 240px;
        background:unset;
        position: relative;
        line-height: 1.3;
    }
    .underline::before{
        display: block;
        content: "";
        background: linear-gradient(transparent 70%, rgba(71, 160, 224, 0.55) 0%);
        width: 100%;
        height: 17px;
        position: absolute;
        top: 3px;
    }
    .online-visit-text{
        font-size: 14px;
        margin-bottom: 0;
    }
    .online-visit span{
        font-size: 14px;
    }
    figure.wp-block-table.table-header {
        display: none;
    }
    .table-bottom::before{
        display: block;
        content: "◆ 2階(女性・男性) / 3階(男性)";
        color: #1BA1E6;
        padding-left: 20px;
    }
    .table-bottom table,.visit-table tr{
        border: none;
    }
    .table-bottom tbody{
        display: flex;
        flex-wrap: wrap;
    }
    .wp-block-table{
        overflow-x: hidden;
        margin-bottom: 50px;
    }
    .visit-table{
        margin-bottom: 50px;
    }
    .visit-table td{
        padding: 10px 0 10px 20px;
    }
    .visit-table tr{
        flex-basis: 100%;
    }
    .visit-table td:nth-of-type(1){
        width: 100%;
        max-width: unset;
        font-size: 15px;
        text-align: left;
        display: block;
    }
    .visit-table td:nth-of-type(2){
        display: block;
    }
    .visit-table td:nth-of-type(2),.table-color,.font-small,.table-fontweight{
        font-size: 15px;
    }
    .online-visit-attention{
        font-size: 18px;
        color: #F1FBFD;
        position: relative;
        height: 60px;
        width: 100%;
    }
    .terms-of-use{
        font-size: 16px;
    }
    .online-visit-attention::before{
        display: block;
        content:"ご注意下さい";
        color: #000;
        width: 100%;
    }
    .online-visit-attention::after{
        display: block;
        content:" (院内でのオンライン面会)";
        color: #000;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .remote-visit-block .online-visit-attention::before{
        display: block;
        content:"院外からの";
        color: #000;
    }
    .remote-visit-block .online-visit-attention::after{
        display: block;
        content:"リモート面会につきまして";
        color: #000;
    }
    .visit-note-top{
        margin-bottom: 50px;
    }
    .visit-note-content p,.visit-note-content span{
        font-size: 14px;
    }
    .note-bottom{
        padding: 0;
        margin-bottom: 50px;
    }
    .note-bottom p:nth-of-type(1),.note-bottom p:nth-of-type(2){
        font-size: 14px;
    }
    .visit-tell > div{
        display: block;
        padding: 0;
        background-color: #def1f8;
        border-radius: 20px;
    }
    .tell-left {
        font-size: 16px;
        font-weight: 500;
        color: #def1f8;
        margin: auto;
        text-align: center;
        position: relative;
        padding-top: 20px;
    }
    .tell-left::after{
        display: block;
        content: "予約専用電話番号";
        color: #1BA1E6;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }
    .tell-right{
        text-align: center;
    }
    p.telephone-number{
        font-size: 20px;
        text-align: center;
        position: relative;
        color: transparent;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        left: 8px;
    }
    .telephone-number::before{
        display: block;
        content: "\f879";
        color: #1BA1E6;
        position: absolute;
        top: 0;
        left: -25px;
    }
    .telephone-number a{
        color: transparent;
        text-decoration: none;
        position: absolute;
    }
    .telephone-number::after{
        display: block;
        content: "090-2083-1487";
        color: #1BA1E6;
        position: absolute;
        top: 0;
        left: 0;
    }
    .reception-appointment p:nth-of-type(1){
        font-size: 12px;
        display: flex;
        justify-content: center;
        padding: 0;
    }
    .reception-appointment > div{
        display: block;
        border-radius: 10px;
    }
    .reception-appointment p:nth-of-type(1)::after{
        display: block;
        content: "9：00～13：00(毎週月曜～金曜)";
        color: #BC6C65;
        margin-left: 5px;
    }
    .reception-appointment p:nth-of-type(2){
        color: transparent;
        font-size: 12px;
        position: relative;
        width: 100%;
        height: 30px;
        padding-bottom: 5px;
    }
    .reception-appointment p:nth-of-type(2)::after{
        display: block;
        content: "※土・日・祝日は受け付けておりません。";
        color: #C86762;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
    }
    .text-list{
        padding: 0;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .text-list:nth-of-type(4){
        margin-bottom: 50px;
    }
    .text-list::before{
        display: block;
        content: "・";
    }
    .not-br{
        display: none;
    }
    .text-please{
        font-size: 16px;
    }
    .check-text-circle::before{
        line-height: 1.4;
    }
}