@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap');
/* for PC */
@media screen and (min-width:641px )
{

/*ƒgƒbƒv*/
.pc { display: block !important; }
.sp { display: none !important; }
    
      
    @media screen and (min-width:641px) and ( max-width:1920px) {    
        #top-d {
            margin:2vw auto 0 auto; 
            max-width:1920px;
            text-align: center;
    /*      border:1px solid #000;
            box-sizing: border-box;  */ 
        }
        #top-d .title{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:3vw;
            line-height: 4vw;
            text-align: center;
            color:#000;
            padding:0;
            margin:5vw 0 3vw 0;
        }
         
        #c-prof{
            max-width:1920px;
            margin: 2vw auto 6vw auto;
            padding: 0;
            position: relative;
        }
        #c-prof table{
            width:70%;
            margin:0 auto;
            padding: 0;
            border-collapse: collapse;
            border-spacing: 0;
        }
        #c-prof th{
            width:35%;
            background:#fff2f2;
            font-size:1.5vw;
            line-height: 2vw;
            text-align: center;
            vertical-align: middle;
            font-weight: bold;
            color:#e72d29;
            padding:2vw 0;
            margin: 0;
            border: 0.1vw solid #ddd;
            border-left: none;
            border-right: none;
        }
        #c-prof td{
            background: #fff;
            font-size:1.5vw;
            line-height: 2vw;
            padding:2vw;
            margin:0;
            border: 0.1vw solid #ddd;
            border-left: none;
            border-right: none;
            word-break: break-all;
        }
    }
    
    @media screen and (min-width:1921px)  {
        #top-d{
            margin:40px auto 0 auto; 
            width:1920px;
            text-align: center;
    /*      border:1px solid #000;
            box-sizing: border-box;  */   
        }
        #top-d .title{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:56px;
            line-height: 76px;
            text-align: center;
            color:#000;
            padding:0;
            margin:96px 0 56px 0;
        }
         
        #c-prof{
            width:1920px;
            margin: 38px auto 115px auto;
            padding: 0;
            position: relative;
        }
        #c-prof table{
            width:70%;
            margin:0 auto;
            padding: 0;
            border-collapse: collapse;
            border-spacing: 0;
        }
        #c-prof th{
            width:35%;
            background:#fff2f2;
            font-size:28px;
            line-height: 38px;
            text-align: center;
            vertical-align: middle;
            font-weight: bold;
            color:#e72d29;
            padding:38px 0;
            margin: 0;
            border: 2px solid #ddd;
            border-left: none;
            border-right: none;
        }
        #c-prof td{
            background: #fff;
            font-size:28px;
            line-height: 38px;
            padding:38px;
            margin:0;
            border: 2px solid #ddd;
            border-left: none;
            border-right: none;
            word-break: break-all;
        } 
    
    }

}

/* for SP */
@media screen and (max-width:640px )
{
	.pc { display: none !important; }
	.sp { display: block !important; }
 
    @media screen and (min-width:320px) and ( max-width:640px) {
        header .logo{
            background: url("../img/logo.svg")no-repeat;
            background-position: center center;
            background-size: contain;
            padding-top:12%;
            left:2vw;
            top:2vw;
            width:23.5%;
            position: absolute;
        }
        header .ajust{
            top:3.5vw;
        }

       #top-d{
            margin:16vw auto 0 auto;
            min-width:320px;
            text-align: center;
            border-top:1vw solid #000;
        }
       #top-d .title{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:6vw;
            line-height: 6vw;
            text-align: center;
            color:#000;
            padding:0;
            margin:7vw 0 5vw 0;
        }
         
        #c-prof{
            min-width:320px;
            margin: 2vw auto 6vw auto;
            padding: 0;
            position: relative;
        }
        #c-prof table{
            width:94%;
            margin:0 auto;
            padding: 0;
            border-collapse: collapse;
            border-spacing: 0;
        }
        #c-prof th{
            width:26%;
            background:#fff2f2;
            font-size:3.25vw;
            line-height: 5vw;
            text-align: center;
            vertical-align: middle;
            font-weight: bold;
            color:#e72d29;
            padding:5vw 0;
            margin: 0;
            border: 0.2vw solid #ddd;
            border-left: none;
            border-right: none;
        }
        #c-prof td{
            background: #fff;
            font-size:3.25vw;
            line-height: 5vw;
            padding:5vw;
            margin:0;
            border: 0.2vw solid #ddd;
            border-left: none;
            border-right: none;
            word-break: break-all;
        }
    }
    @media screen and (max-width:319px) { 
        header .logo{
            background: url("../img/logo.svg")no-repeat;
            background-position: center center;
            background-size: contain;
            padding-top:38px;
            left:6.5px;
            top:6.5px;
            width:73px;
            position: absolute;
        }
        header .ajust{
            top:11.2px;
        }

       #top-d{
            width:320px;
            margin:50px auto 0 auto; 
            text-align: center;
            border-top:3.25px solid #000;
        }
        #top-d .title{
            font-family: fot-klee-pro, sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size:18px;
            line-height: 18px;
            text-align: center;
            color:#000;
            padding:0;
            margin:22px 0 16px 0;
        }
         
        #c-prof{
            width:320px;
            margin: 6.5px auto 19px auto;
            padding: 0;
            position: relative;
        }
        #c-prof table{
            width:94%;
            margin:0 auto;
            padding: 0;
            border-collapse: collapse;
            border-spacing: 0;
        }
        #c-prof th{
            width:25%;
            background:#fff2f2;
            font-size:10.5px;
            line-height: 13px;
            text-align: center;
            vertical-align: middle;
            font-weight: bold;
            color:#e72d29;
            padding:16px 0;
            margin: 0;
            border: 0.2vw solid #ddd;
            border-left: none;
            border-right: none;
        }
        #c-prof td{
            background: #fff;
            font-size:10.5px;
            line-height: 13px;
            padding:16px;
            margin:0;
            border: 0.6px solid #ddd;
            border-left: none;
            border-right: none;
            word-break: break-all;
        }
    }
	
}