@charset "utf-8";
.main_title{
    padding-top: clamp(150px,21vw,276px);

    h1{
        font-weight: var(--Bold);
        font-size: var(--font-size44);
        line-height: .9;
        position: relative;
        text-align: center;
        width: 11em;
        margin: 0 auto;
        
        
        &::before{
        content: '';
        position: absolute;
        display: inline-block;
        height: 1.7em;
        top: -2.3em;
        left: 5.5em;
        border-left: solid clamp(3px,.5vw,5px) var(--main-color);
        }
            
        span{
        font-weight: var(--Regular);
        color: var(--main-color);
        font-size: var(--font-size16);
        }
    }
}

/*-----セミナー sp -----*/
.seminar{
    width: min(90%,1000px);
    margin: 0 auto;
    padding: var(--px100) 0;

    .inner{
        width: min(90%,1100px);
        margin: 0 auto;
        
        .date{
          color: var(--main-color);
          font-size: var(--font-size20);
          font-weight: var(--Medium);

          span{
            color: #fff;
            background-color: #2BAEA3;
            padding: 2px 20px;
            line-height: 1;
            margin-left: 10px;
            font-size: var(--font-size14);
            font-weight: var(--Medium);
            border-radius: 50px;
          }

        }
        .news_title{
          padding-top: var(--px10);
          font-size: var(--font-size28);
          font-weight: var(--Bold);
        }
        p{
          padding-top: var(--px20);
          
          a{
            font-weight: var(--Bold);
            text-decoration: underline;
            color: var(--main-color);
          }
        }
        .img_wrap{
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          padding-top: var(--px30);
          gap: var(--px20);
        }
        .news_img{
          width: calc((100% - var(--px20)) / 2);
          overflow: hidden;
          aspect-ratio: 403 / 302;
          
          img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 50% 50%;
          }
          
        }
       
      }
      .about_btn{
        padding-top: var(--px50);
        width: min(90%,300px);
        margin: 0 auto var(--px100);

        li{
            background-color: #246DE5;
            color: #ffffff;
            font-weight: 600;
            border-radius: 50px;
            position: relative;
            width: 280px;
            padding-left: 20px;
            margin-top: var(--px20);

            a{
                color: #ffffff;
                padding: 6px 20px 6px 0;
                display: flex;
                align-items: center;
            }
            &::after{
                display: inline-block;
                content: "";
                position: absolute;
                background-image: url("../images/common/png_03.png");
                width: 12px;
                height: 12px;
                background-size: 12px;
                top: 12px;
                right: 20px;
                transition: all .3S;
                background-repeat: no-repeat;
            }
            img{
               width: 24px; 
               margin-right: 5px;
            }
        }
    }

}

@media (min-width:768px){
    /*----- tab -----*/
 
    

}
@media (min-width:1024px){
    /*----- pc -----*/
 


    
 }

@media (min-width:1280px){
/*----- 1280 -----*/


}