@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/*ーーーーーーー基本情報ーーーーーーー*/
    body{
        font-size: 10px;
        font-family: 'Noto Sans JP', sans-serif;
        line-height: 1.5;
        letter-spacing: .03em;
        color: #4F4D4D;
        -webkit-font-smoothing: none;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;

    }
    
    
    h2{
    font-weight: 700;
    font-size: 0.9rem;
    }
    
    
    h3{
    font-size: 2.5rem;
    color: #b28e00;
    font-weight: 600;
    }
    
    .main-inner p{
    font-size: .95rem;
    font-weight: 500;
    }
    
     p.main-title{
    font-size: 2.5rem;
    font-weight: 600;
    }
    
    
       .btn-wp a{
    color:#fff;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    }
    
    

/*ーーーーーーー基本情報_終了ーーーーーーー*/


/*ーーーーーーーheaderーーーーーーー*/
/*ーーーーーーーheader_finーーーーーーー*/


/*ーーーーーーーmainvisualーーーーーーー*/
    .text-center{
        text-align: center;
        }
        
    .left_text{
        font-size: 0.7rem;
        letter-spacing: 0.1em;
    }

    .titletext_01,.titletext_02,.titletext_03{
        color: #fff;
    }


    .titletext_01{
        color: #FFFFFF;
        font-size:5.2rem;
        font-weight: bold;
        font-family:Helvetica, "sans-serif";
        display: flex;
        flex-direction: column;
        line-height: 1.15;
    }

    .titletext_02{
        font-size: 2.5vw;
        line-height: 1.2;
        font-weight: 600;
        -webkit-font-smoothing: none;
        -webkit-font-smoothing: antialiased;
        -webkit-font-smoothing: subpixel-antialiased;

    }

    .titletext_03{
        font-size: 1.6rem;
        font-weight: 500;
        etter-spacing: .05em;
        -webkit-font-smoothing: none;
        -webkit-font-smoothing: antialiased;
        -webkit-font-smoothing: subpixel-antialiased;

    }
    
    .titletext_04{
        font-size: .98rem;
        font-weight: 600;
        etter-spacing: .05em;
    }
    
    .menu-wrap li a{
        color: #fff;
        font-size: .95rem;
        font-weight: 500;
        letter-spacing: .9px;
    }
    
    

  /*ーーーーーーーmainvisual_finーーーーーーー*/

    
/*ーーーーーーーmainーーーーーーー*/



    
    
    .solution-sbtl01,.solution-sbtl02{
    font-size: 0.75rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: .5px;
    }
    
    .solutions_item p:first-of-type{
    font-weight: 500;
    color: #fff;
    font-size: 1.2rem;
    }
    
    .solutions_item p:nth-of-type(2){
     font-size: .85vw;
     font-weight: 600;
    }
    
/*
    .solu-item2 p.somu05{
    letter-spacing: -1px;
    }
    
*/
    
    
    
    .point01-ico-wrap p.point-Sbtitile,
    .point02-ico-wrap p.point-Sbtitile,
    .point03-ico-wrap p.point-Sbtitile{
    font-size: 1.8rem;
    font-weight: 600;
    }
 
    
   p.point-number{
    font-size: 7rem;
    font-family: Arial, Helvetica, "sans-serif";
    letter-spacing: 0;
    font-weight: bold;
/*    line-height: .8;*/
    }
    
    .point-Sbtitile span{
    font-size: 1.3rem;
    }
    
    p.reason-text{
    font-family: 1.5rem;
    font-weight: 600;
    }
    
    .reason-text span,p.reason-text-color{
    color: #b28e00;
    font-size: 1.75rem;
    }
    
    p.reason-text {
    font-size: 1.2rem;
    }
    
    .link-wrap h3{
    font-size: 1.95rem;
    }
    
    
    
    
  /*ーーーーーーーmain_finーーーーーーー*/


/*ーーーーーーーfooterーーーーーーー*/

    .footer-inner{
        color: #FFFFFF;
    }

/*ーーーーーーーfooter_finーーーーーーー*/





   /*ーーーーーーースマホーーーーーーー*/   


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


  /*ーーーーーーーmainvisualーーーーーーー*/
/* フォントサイズ設定: スマホ用 */

    .titletext_01 {
        font-size: 2.4rem; /* メインタイトル */
    }
    
    .titletext_02 {
        font-size: 1.6rem; /* サブタイトル */
    }
    
    .titletext_03 {
        font-size: 1.1rem; /* 説明文 */
    }
    
    .titletext_04 {
        font-size: 0.85rem; /* その他のテキスト */
        color: #fff;
    }
    
    .img-client-wp a {
        width: 6rem; /* クライアントロゴのサイズ */
    }


  /*ーーーーーーーmainvisual_finーーーーーーー*/

  /*ーーーーーーーsolutionsーーーーーーー*/
.sec-solutions h3,p.main-title,.reason-text span, p.reason-text-color{
      font-size: 5vw;
  }
.solutions_item p:nth-of-type(2){
     font-size: .9rem;
    }
  

  /*ーーーーーーーpointーーーーーーー*/
  p.point-number{
    font-size: 3rem;
  }


}