@charset "utf-8";
/* Hagumu */
/* 2023-07-12  */

html{
    /* ルートの文字サイズを10pxに設定 */
    font-size:62.5%; /* 10px */
}
body{
    color: #24292e;
    font-size: 1.6rem;
    /* 16px */
    /* font selection */
    font-family: 'Zen Kaku Gothic New', sans-serif;
    -webkit-text-size-adjust: 100%;
	/* font-feature-settings: "palt"; */
   	font-feature-settings: "pkna";
	}
a{text-decoration: none;}
li{list-style: none;}
*{box-sizing: border-box;} 
*{margin: 0;}

/* header */
#header {
    width: 100%;
    height: auto;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
    align-items:center;
    border-bottom: 1.5px solid #979797;
    position: sticky; top: 0; 
    background-color: white;
 }
 .company {
    font-style: normal;
    font-weight: 500;
    font-size: 2.6rem;
    color: #24292e;
    } 
strong{
    color: #24292e;
    }     
 .company img,icon {
    height: 36px;
    padding-top: 10px;
    }   

.category ul{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around; 
    margin-right: 10px;
    }
.category ul li a{
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem; 
    color: #24292e;
    transition: all 0.3s;
    margin-right: 10px;
    padding: 0 5px;
     }
.category ul li a:hover {
    color: #d7003a;
    opacity:0.5;
}


/* main */
/* main */
#main {
    box-sizing:border-box;
    margin:0 auto;
    width: 35%;
}
#main img {
    display:flex ;
    object-fit:cover; 
}
/* #morisawa p{
    font-size: 50px;
    text-align: center; 
}*/
/* #statement {
    margin: 0% 20%;
    color:palevioletred;
    text-align:center;
    font-size:clamp(1.0rem,2vw,2.8rem);
}
span.aks {
   display: inline-block;
} */
/* about */
/* about */
/* #about ul {
    margin-bottom: 10px;
    margin-left: 5px;
}
#about ul li {
    font-size: 1.8rem;
    text-align:left;
    color: #4A90E2;
}    
#about p{
    color: #4A90E2;
    text-align:right;
    font-size: 1.6rem;
    margin-right:15px;
}
#about p img,icon {
        width: 10px;
        height: 10px;
        margin-right:15px;
        cursor:pointer;
        transition:all 0.3s
}
#about p a:hover {
    transform:scale(4,4);
    opacity:0.5
} */

/* news */
#news dl{
    display: flex;
    flex-wrap: wrap;
    /* border-top: 1px solid black; */
    margin:0 30px 10px 30px;
 }
#news dt{
    width:20%;
    border-top: 1px solid black;
    padding: 10px;
    }
#news dd{
    width: 80%;
    border-top: 1px solid black;
    padding: 10px;
}
#seemore {
    box-sizing:border-box;
    display: flex;
    color: #4A90E2;
    padding-right: 100px;
    font-size: 1.4rem;
    margin-right:20%;
    justify-content: end;
}
#news p img,icon {
    padding-left:10px ;
    height: 12px;
    cursor:pointer;
    transition:all 0.3s
}
#news p a:hover {
    transform:scale(2,2);
    opacity:0.5
}
/* works */
/* works */
#works ul{
    box-sizing:border-box;
    display:inline-flex;
    flex-wrap: wrap;
    justify-content:space-evenly;
    margin:0 20% 0 20%;
    }
#works ul li{
    width: 30%;
    height: auto;
    object-fit:cover;
    border-style:outset;
    border-color:gainsboro;
    border-width: 8px;
    border-radius: 8px;
    background-color:gainsboro; 
   
}
#works ul li img {
    cursor:pointer;
    transition:all 0.3s
}
#works ul li img:hover{
    transform:scale(1.05,1.05);
    opacity:0.5;
}
/* footer */
#footer{
    margin-top: 80px;
    box-sizing:border-box;
    width: 100%;
    height: 8rem;
    display:flex;
    flex-wrap: wrap;
    justify-content:space-around;
    align-items:center;
    border-top: 1.5px solid #979797;
}

.sns-icon img,icon {
    width: 30px;
    height: 30px;
}

p.copyright {
    font-size: 1.4rem;
    color:   #24292e;
    text-align: center; 
}

/* SP */
/* SP */
/* SP */
/* SP */
/* SP */
@media screen and (max-width:600px) {
 .site-title {
    margin-top: 1%;
    margin-bottom: 10px;
 }   
/* SP header */
#header {
    justify-content:space-around;
    margin:0;
    padding: 0;
}
.company {
    font-weight: 400;
    font-size: 2.0rem;
    } 
 .company img,icon {
    height: 32px;
    padding-top: 10px;
    }  
.category ul li a{
    font-size: 1.2rem; 
    margin-right: 0;
    padding: 0 5px;
 }

#main {
      width: 100%;
}
#main img {
       object-fit:cover; 
}

/* #statement {
    margin: 0% 6%;
    color:palevioletred;
    text-align:center;
    font-size:clamp(2rem,2vw,2.8rem);
}
span.aks {
   display: inline-block;
}

/* about */
#about ul li {
        font-size: 2rem;
}    
#about p{
        font-size: 2rem;
} */

/* news */
#news dl{
    flex-direction: column;
}
#news dt {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
}
#news dd{
    width: 100%;
    padding-top: 0;
}
/* works */
#works ul {
    flex-direction: colum;
}
#works ul li{
    width: 100%;
}
/* SP footer */
#footer {
    justify-content:space-around;
}
p.copyright {
    font-size: 1.2rem;
}
}