/********************************************
Theme Name:wesket temporary
Description:一時的なテーマです。
Author:Wrap
**********************************************/

body{
    font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#333;
    font-size:14px;
}
h1{
    color:#fff;
    background-color: #194492;
    height:68px;
}
h1 img{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:5%;
    width:300px;
}
h2,h3{
//    color:#254d97;
    text-align:center;
    font-size:3rem;
    margin-bottom:30px;
}
.inner{
    max-width:980px;
    margin:0 auto;
    overflow: hidden;
}
.grid_box_2{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid_box_3{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px 2%;
}

/*** header ***/
header{
    margin-bottom:40px
}

header .header_img{
    background-position: 50% 50%;
    background-image:url(./images/main_img.png);
    height:500px;
}
/*** footer ***/
footer{
    background-color: #194492;
    height:40px;
}

/***  works ***/
#works_section{
    padding-bottom:30px;
    margin-bottom:30px;
//    border-bottom:1px solid black;
}
.grid_box_3 .work{
//    background-color: #eef2f9;
//    padding:30px;
    padding:10%;
}
.grid_box_3 img{
    max-width:100%;
}


/*** about ***/
#about_section{
    
    font-size:3rem;
}

#about_section table{
    width:100%;
    font-size:16px /*1.6rem*/;
    text-align:left;
    border-collapse: collapse;
    border-spacing: 0;

}
}
#about_section table tr{
}
#about_section table tr th{
    font-weight:normal;
    padding:15px 0 18px 0;
    border-bottom: 1px solid #cbdbf8;
}
#about_section table tr td{
    padding:15px 0 18px 0;
    border-bottom: 1px solid #cbdbf8;
    
}

#about_section  dl{
    padding:10px 20px 0px 40px;
}
#about_section  dl dt{
    float:left;
    width:150px
}
#about_section  dl dd{
    margin-left:70px;
}