/* _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 h2 {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 2.4rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    text-align: center;
  }
  #sec2 p {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    text-align: center;
  }
  #sec2 p span {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.2rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
  }
  #sec3 {
    height: 50vh;
    width: 100%;
    background: url(../images/location/mv2.png) no-repeat top center;
    background-size: cover;
  }

  #sec4_wrap {
    background: #000;
    padding: 30px 0;
  }
  #sec4 {
    width: 1080px;
    margin: 0 auto;
    padding: 44px 0;
    color: #fff;
  }
  #sec4 h2 {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 2.4rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    text-align: center;
  }
  #sec4 p {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    text-align: center;
  }
  #sec4 p span {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.2rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
  }

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

  #sec6 {
    width: 1080px;
    margin: 0 auto;
    padding: 44px 0;
  }
  #sec6 .list {
    width: 100%;
    display: flex;
    /*align-items: flex-end;*/
    justify-content: center;
  }
  #sec6 .list li {
    width: 33.333%;
    background-size: cover;
    text-align: left;
  }
  #sec6 .list li:nth-child(2) {
    margin: 0 30px;
  }
  #sec6 .list li dd h3 {
    font-size: 1.8rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
  }

  #sec7 {
    width: 1080px;
    margin: 0 auto;
    padding: 44px 0;
  }

  #sec8 {
    width: 1080px;
    margin: 0 auto;
    padding: 44px 0;
  }
  #sec8 ul {
    width: 100%;
    display: flex;
    /*align-items: flex-end;*/
    justify-content: center;
  }
  #sec8 ul li {
    width: 25%;
    background-size: cover;
    text-align: left;
  }
  #sec8 ul li dd {
    text-align: center;
  }
  /* @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 h2 {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
  }
  #sec2 p {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.2rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
  }
  #sec2 p span {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.0rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  #sec3 {
    height: 30vh;
    width: 100%;
    background: url(../images/location/mv2.png) no-repeat top center;
    background-size: cover;
  }

  #sec4_wrap {
    background: #000;
    padding: 30px 0;
  }
  #sec4 {
    margin: 0 auto;
    padding: 20px 4.66667%;
    color: #fff;
  }
  #sec4 h2 {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.6rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
  }
  #sec4 p {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.2rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
  }
  #sec4 p span {
    margin: 0 0 25px;
    padding: 0 0 5px;
    font-size: 1.0rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }

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

  #sec6 {
    margin: 0 auto;
    padding: 20px 4.66667%;
  }
  #sec6 .list li {
    background-size: cover;
    text-align: left;
    margin-bottom: 15px;
  }
  #sec6 .list li dd h3 {
    font-size: 1.4rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
  }

  #sec7 {
    margin: 0 auto;
    padding: 20px 4.66667%;
  }

  #sec8 {
    display: none;
    margin: 0 auto;
    padding: 20px 4.66667%;
  }
  #sec8 ul {

    width: 100%;
    display: flex;
    /*align-items: flex-end;*/
    justify-content: center;
  }
  #sec8 ul li {
    width: 50%;
    background-size: cover;
    text-align: left;
  }
  #sec8 ul li dd {
    text-align: center;
  }
  /* @media screen
  ------------------------------------------------------------------------- */
}