/* _setting CSS */
/* min-width:751px | 751px ~
------------------------------------------------------------------------- */
@media screen and (min-width: 751px) {
  /* @media screen
  ------------------------------------------------------------------------- */
 
  #sec1 {
    min-width: 1080px;
    margin: 0 0 0;
    overflow: hidden;
    background: #007fad;
  }
  #sec1 .title_wrap {
    padding: 60px 0;
    text-align: center;
  }
  #sec1 .title_wrap h1 {
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
  }
  #sec1 .title_wrap span {
    color: #fff;
    font-size: 3.0rem;
    text-align: center;
  }

  #mv_wrap {
    width: 100vw;
    height: 270px;
    overflow: hidden;
  }
  #mv_wrap .mv {
    width: 100%;
    height: 100%;
    background-position: center center !important;
    background-size: cover !important;
  }

  #sec2 {
    width: 1080px;
    margin: 0 auto;
    padding: 44px 0;
  }
  #sec2 #list {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 100px;
  }
  #sec2 #list li {
    width: 47%;
    background-size: cover;
    text-align: left;
  }
  #sec2 #list dt {
    margin-left: 110px;
  }
  #sec2 #list p {
    margin-bottom: 20px;
  }
  #sec2 #list h3 {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 30px;
  }

  /* @media screen
  ------------------------------------------------------------------------- */
}
/* ////.min-width:751px | 751px ~
---------------------------------------------------------------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
  /* @media screen
  ------------------------------------------------------------------------- */


  #sec1 {
    margin: 30px 0 0;
    overflow: hidden;
    background: #007fad;
  }
  #sec1 .title_wrap {
    padding: 60px 0;
    text-align: center;
  }
  #sec1 .title_wrap h1 {
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
  }
  #sec1 .title_wrap span {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
  }
  #sec1 h2 {
    width: 30px;
    padding: 0 0 0;
    display: block;
    height: 0;
    overflow: hidden;
    background-repeat: no-repeat;
  }
  #mv_wrap {
    width: 100vw;
    height: 70px;
    overflow: hidden;
  }

  #mv_wrap .mv {
    width: 100%;
    height: 100%;
    background-position: center center !important;
    background-size: cover !important;
  }

  #sec2 {
    margin: 0 auto;
    padding: 20px 4.66667%;
  }
  #sec2 #list {
    width: 100%;
  }
  #sec2 #list li {
    text-align: left;
    margin-bottom: 80px;
  }
  #sec2 #list dt {
    margin-left: 30px;
  }
  #sec2 #list p {
    margin-bottom: 20px;
  }
  #sec2 #list h3 {
    font-size: 1.8rem;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 30px;
  }

  /* @media screen
  ------------------------------------------------------------------------- */
}