@charset "UTF-8";

.common-title-box {

    .en-title {
        font-size: 4.6rem;

        @media screen and (max-width: 767px) {
          font-size: 2.6rem;
        }
    }
}

.section-about2 {
     & p:first-child {
        margin-bottom: 7rem;
     }

     .desc-box {
        display: flex;
        gap: 1rem;
     }

}


/* Web加入の手続き方法 */

.section-apply {
    .content-box {
       display: flex;
       justify-content: center;
       flex-direction: column;
       gap: 6rem;

       @media screen and (max-width: 767px) {
         gap: 4rem;
       }

       .box01 h3, .box02 h3 {
        margin-bottom: 4rem;

        @media screen and (max-width: 767px) {
          margin-bottom: 3rem;
        }

    }
    .box02 img {
        
        margin-top: 5rem;

        @media screen and (max-width: 767px) {
          margin-top: 4rem;
        }
    }
    }
}

/* 補償の概要・重要事項説明書等 */

.section-info {
    .static-insurance-pdf{
        margin-top: 2rem;
        border: 1px solid #666;

         .row{
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.5rem 5rem;
            padding-right: 3rem;

            @media screen and (max-width: 767px) {
              padding: 1.5rem 2rem;
            }

            &:not(:last-child) {
                border-bottom: 1px solid #666;
            }
         
             .pdf-label{
                font-size: 1.6rem;

                @media screen and (max-width: 767px) {
                  line-height: 1.5;
                }
             
             }
             .pdf-link{
                font-size: 1.8rem;
                font-weight: bold;
                color: var(--primary-color);
                width: 8.5rem;
                height: 3.6rem;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 2rem;
                background-color: #D7EAF4;
                text-transform: uppercase;

                @media screen and (max-width: 767px) {
                  font-size: 1.4rem;
                }
             }
         }
    }
}


/* その他各校共通の情報 */

.section-other {
    
    .add-list {
        display: flex;
        gap: 2.6rem;

        @media screen and (max-width: 767px) {
          flex-direction: column;
        }

        .add-item {
            flex: 1;

            & a {
                width: 100%;
                height: 7.5rem;
                border-radius: 60px;
                padding: 0 3rem;
                padding-right: 1.6rem;
                line-height: 1.6;

                @media screen and (max-width: 767px) {
                  height: auto;
                  border-radius: 30px;
                  padding: 1rem 2rem;
                }
            }
        }
        
    }
}

.for-static-insurance {
    margin-top: 4rem;

    @media screen and (max-width: 767px) {
      margin-top: 3rem;
    }
}