@charset "UTF-8";
/* CSS Document */
/* レスポンシブ共通設定*/
body
{
    background-color: #111;
    color: #bbb;
    font-family: 'Play',
    'Zen Kaku Gothic New',
    "M PLUS 1p",
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    font-size: 62.5%;
    width: 100%;
}
header
{
    padding:2vh 4vh;
}
article
{
    color:#ccc;
    font-size: 1.4rem;
    margin:4vh;
    text-align: left;
}
article p
{
    letter-spacing: 0.1rem;
    line-height: 1.5;
}
article section
{
    font-size: 0.9rem;
    letter-spacing: 0.2rem;
    line-height: 1.5;
}
/*タイトルタグ設定 Start */
h1
{
    color: #eee;
}
h2
{
    color: #ddd;
    padding: 0.5rem 0 0 0;
}
h3
{
    color: #888;
    padding: 0.2rem 0;
}
/*タイトルタグ設定 End */
/*ハイライトの枠線を消す*/
a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}
*:focus {
  outline: none;
}
.contens_body
{
    margin-top: 2vw;
}
footer
{
    font-size:0.8rem;
    margin: 14vh 4vh 4vh 4vh;
    text-align: center;
}
/*NEWS設定 Start*/
#news section
{
  margin-bottom: 2rem;
  width: 100%;
}
/*NEWS End*/
/*COMPANY設定 Start*/

/*COMPANY設定 End*/
/*ACCESS設定 Start*/
#access .contens_body section
{
  margin-top:1rem;
}
/*ACCESS設定 End*/
/*画像スライダー設定 Start*/
.swiper-slide img {
  width: 100%;
  height: auto;
}
@media(min-width: 1801px) {
  .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .swiper-slide {
    max-width: 400px;
    padding: 0 5px;
  }
  .swiper-button-prev, .swiper-button-next, .swiper-pagination {
    display: none;
  }
}
.swiper-button-prev:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f137";
  color: #fff; /* 色を白に */  
  margin-left: 20px; /* マージンを追加 */
}
.swiper-button-next:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f138";
  color: #fff;
  margin-right: 20px;
}
/*画像スライダー設定 End*/
/*モバイル用（0px 〜 834px） Start*/
@media (max-width: 834px)
{
    .hidden_pc
    {
        display: none;
    }
    header img
    {
        width:40%;
    }
    h1
    {
        font-size: 2rem;
    }
    h2
    {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        text-align: center;
    }
    h2 > span
    {
        border-bottom:4px solid #fff;
        padding-bottom:0.2rem;
    }
    h3
    {
        font-size: 1.2rem;
    }
/*NEWS設定 Start*/
    #news img
    {
      width: 100%;
    }
/*NEWS設定 End*/
/*COMPANY設定 Start*/
    #company .contens_body
  {
        display:flex;
        flex-direction:column;
  }
    #company table
    {
        font-size:0.9rem;
        letter-spacing: 0rem;
        margin: 0 auto;
    }
    #company table
    {
        width: 100%;
    }
    #company th,
    #company td
    {
        display:block;
        width: 100%;
    }
    #company th
    {
        color:#999;
    }
    #company td
    {
        color:#ddd;
        padding-bottom:1rem;
    }
/*COMPANY設定 End*/
}
/*モバイル用（0px 〜 834px） End*/
/*PC用（835px 〜） Start*/
@media (min-width: 835px)
{
    .hidden_sp
    {
        display: none;
    }
    header img
    {
        width:16%;
    }
    h1
    {
        font-size: 4vw;
    }
    h2
    {
        font-size: 2vw;
    }
    h3
    {
        font-size: 2vw;
    }
    article
    {
        display:flex
    }
    .contens_title
    {
        margin-right: 2vw;
        width:30%;
    }
    .contens_body
    {
        width:70%;
    }
/*NEWS設定 Start*/
    #news .contens_body
    {

    }
    #news img
    {
      width: 100%;
    }
/*NEWS設定 End*/
/*COMPANY設定 Start*/
    #company table
    {
        width: 100%;
    }
    #company th,
    #company td
    {
        padding:0.5rem 0;
    }
    #company th
    {
        width:30%;
    }
/*COMPANY設定 End*/
}
/*PC用（835px 〜） End*/