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

/*コンセプト*/
            #w-concept .inner {
                width: 90%;
                max-width: 1000px;
            }
            
            #w-concept p {
                line-height: 1.8;
            }
            
            #w-concept #c-main {
                background-image: url(https://artistar.asia/wacoms/img/con_back.jpg);
                background-repeat: no-repeat;
                background-size: contain;
                padding-top: 50px;
                width: 100%;
            }
#w-concept .ttl-eb span {
                font-size: 33px!important;
            }

            #w-concept #c-main .box {
                margin: 100px auto 100px 0;
                width: 50%;
                position: relative;
            }
            #w-concept #c-main2 .box:nth-of-type(1):after{
                position: absolute;
                bottom: 20%;
                right: -38%;
                  content: "";
                  box-sizing: border-box;
                  width: 30%;
                  border: 25px solid transparent;
                  border-left: 35px solid #595758;
                }
            
            #w-concept #c-main .box span {
                font-size: 18px;
                font-weight: bold;
            }
            
            #w-concept #c-main2 .box .number {
                font-size: 80px;
                font-family: "Cardo", "EB Garamond", sans-serif;
                color: #BBBBBB;
                font-weight: normal;
                margin-right: 20px;
            }
            
            #w-concept #c-main2 {
                display: flex;
                justify-content: space-between;
            }
            
            #w-concept #c-main2 .box {
                width: 45%;
                margin: 0;
                
            }
            
            #w-concept #c-main2 .box1 {

                margin-bottom: 50px;
            }
            
            #w-concept #c-main2 .box2 {
                border: solid 1px #595758;
                padding-bottom: 30px;
            }
            
            #w-concept #c-main2 .box2 .title {
                background: #595758;
                color: white;
                padding: 10px 0;
                margin-bottom: 30px;
            }
            
            #w-concept #c-main2 .box3 {
                width: 90%;
                max-width: 450px;
                margin: auto;
                display: flex;
                justify-content: space-between;
                /*height: 150px;
                padding-top: 30px;*/
                align-items: center;
                margin-bottom: 30px;
            }
            
            #w-concept #c-main2 .box3-p {
                width: 40%;
            }
            
            #w-concept #c-main2 .box3-img {
                width: 58%;
                min-height: 160px;
            }
            
            /*#w-concept #c-main2 .box3-sdgs img {
                width: 70%;
            }*/
            
            #w-concept #research {
                margin-top: 100px;
            }
            
            #w-concept #research .r-p {
                font-size: 16px!important;
            }
            
            #w-concept #research #jaxa {
                margin-top: 50px;
            }
            
            #w-concept #research #jaxa span {
                font-size: 25px;
                font-weight: bold;
            }
            
            #w-concept #research #jaxa p {
                margin: 30px auto;
            }
            
            #w-concept #research #omoi {
                background: linear-gradient(to right, #f6f6f6 0%, #f6f6f6 90%, #fff 10%, #fff 100%);
                margin-top: 200px;
            }
            
            #w-concept #research #omoi .inner {
                width: 90%;
                margin: auto;
                display: flex;
                justify-content: space-between;
            }
            
            #w-concept #research #omoi .box-p {
                width: 50%;
                padding: 50px 0;
            }
            
            #w-concept #research #omoi .box-img {
                width: 45%;
            }
            
            #w-concept #research #omoi .box-img img {
                position: relative;
                top: -5%;
            }
            
            #w-concept #research #omoi .sign {
                margin: 30px 0 10px 0;
            }
            
            #w-concept #research #omoi .sign img {
                width: 30%;
            }
            
            #w-concept #research #omoi .sign span {
                font-size: 14px;
            }
            
            #w-concept #research #omoi .mincho {
    font-size: 24px;
    margin-bottom: 20px;
}
            
            #w-concept #product {
    max-width: 1000px;
                width: 100%;
                margin-top: 100px;
}
            
            #w-concept #product .box {
    margin: 30px 0 20px 0;
    width: 32%;
}
            #w-concept #product .box p {
                margin: 14px auto;
            }



            @media only screen and (max-width: 798px) {
                #w-concept #c-main .box {
    margin: 50px auto 80px;
    width: 100%;
}
#w-concept #c-main2 .box2{
    margin-bottom: 50px;
}
      #w-concept #c-main2 .box:nth-of-type(1)::after{
       bottom: -100px;  
      border: 33px solid transparent;
      border-top:35px solid #595758;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
    width: 60px;

      }  
      #w-concept #c-main2 .box3-img{
    min-height: auto;
    width: 50%;
}

                #w-concept #c-main2 {
    display: block;
}
                #w-concept #c-main2 .box1 {
    height: auto;
    margin-bottom: 50px;
                    
                }
                
                                #w-concept #research #jaxa span {
    font-size: 22px;
}
                #w-concept #research #omoi .inner {
    display: block;
}
                #w-concept #research #omoi .box-p {
    width: 100%;
                    padding-bottom: 30px;
}
                #w-concept #research #omoi .box-img {
    width: 100%;
}
                
                
                
                #w-concept #research #omoi {
                background: #f6f6f6;
                margin-top: 80px;
            }

                #w-concept #product .box {
    margin: 20px 0 20px 0;
    width: 32%;
}
}













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

#w-concept #c-main2 .box3-p{
    font-size: 14px;
    width: 42%;
}
#w-concept #c-main2 .box3-p br{
    display: none;
}
#w-concept #research #jaxa span {
  font-size: 21px;
}






}