@charset "shift_jis";
/* CSS Document */



/*-----------------------------------------------*/
/*ベース*/
/*-----------------------------------------------*/
main, main#wrapper {
  padding: 0;
  max-width: none !important;
}


#wsg_top{
  width:100%;
  box-sizing: border-box;
  margin: 0 auto;
text-align: center;
  position: relative;
  
}
#wsg_top a{text-decoration: underline;color: #757575}

#wsg_top .inner{
  max-width:900px;
  margin: 0 auto;
  position: relative;
}

#wsg_top .pc_none{
  display: none !important;
}


/*-----------------------------------------------*/
/*全体*/
/*-----------------------------------------------*/

#wsg_top section{
    display: grid;
    max-width: 900px;
    margin: 0 auto;
    padding: 1em 0 3em 0;
    box-sizing: border-box;
}

/*-----------------------------------------------*/
/*テキスト*/
/*-----------------------------------------------*/
#wsg_top h1{    margin: 1em;}
#wsg_top p{font-weight: 300;    white-space: normal;}
/*-----------------------------------------------*/
/*トップ*/
/*-----------------------------------------------*/
#wsg_top #top img{width: 30%;}


/*-----------------------------------------------*/
/*タブ*/
/*-----------------------------------------------*/

#wsg_top .tabs {
    width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;}
  
  #wsg_top .tabs > a { width: calc(100% / 4);
    border-bottom: 2px solid #222;
    transition: all 0.2s ease;
    text-decoration: none;
  }
  #wsg_top .tabs > a .tab_item{   
    width: 100%;    padding: 20px 0;

}

 
  /*選択されているタブのスタイルを変える*/
  #wsg_top .tabs .checked {
    background-color: #222;
    color:#efefef;
  }