/* _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: 30px 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 p {
    text-align: left;
  }
  #sec2 #ThanksComment {
    text-align: left;
  }

  #sec2 form dl.mailform {
    border-top: 1px dotted #4d4d4d;
    display: table;
    width: 100%;
  }

  #sec2 form dt.mfp {
    display: table-cell;
    width: 270px;
    line-height: 2;
    color: #242424;
    font-size: 16px;
    vertical-align: middle;
  }

  #sec2 form dd.mfp {
    display: table-cell;
    padding: 20px 0;
  }


#sec2 form input[type="text"], #sec2 form input[type="number"], #sec2 form input[type="tel"], #sec2 form input[type="email"], #sec2 form textarea {
    background: #f4f4f4;
    border: 1px solid #ccc;
    padding: 0px 17px;
    margin: 4px 4px 4px 0;
    height: 50px;
    font-size: 1.6rem;
    /*color: #ccc;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sec2 form textarea {
    width: 100% !important;
    height: 300px !important;
}

#sec2 form button {
    background-color: #333;
    border: none;
    width: 400px;
    padding: 35px 0;
    font-size: 18px;
    line-height: 1;
    color: #999;
    cursor: pointer;
}

#sec2 form button:hover {
  opacity: 0.8;
}

#sec2 form .must {
  border-radius: 2px;
  border: 1px solid #ff1414;
  color: #ff1414;
  padding: 4px;
  margin-left: 4px;
}


.mailform_privacy {
  max-height: 200px;
  overflow-y: scroll;
  text-align: left;
  margin: 20px 0;
}

select {

  /* styling */
  background-color: white;
  border: thin solid #333;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

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


  #sec1 {
    margin: 47px 0 0;
    overflow: hidden;
    background: #007fad;
  }
  #sec1 .title_wrap {
    padding: 30px 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;
  }
  #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;
  }

   #sec2 form dl.mailform {
    border-top: 1px dotted #4d4d4d;
    width: 100%;
  }

  #sec2 form dt.mfp {
    padding-top: 5px;
    line-height: 2;
    color: #242424;
    font-weight: bold;
    font-size: 16px;
    vertical-align: middle;
  }

  #sec2 form dd.mfp {
    padding: 20px 0;
  }


#sec2 form input[type="text"], #sec2 form input[type="number"], #sec2 form input[type="tel"], #sec2 form input[type="email"], #sec2 form textarea {
    background: #f4f4f4;
    border: 1px solid #ccc;
    padding: 0px 17px;
    margin: 4px 4px 4px 0;
    width: 100% !important;
    height: 50px ;
    font-size: 1.6rem;
    /*color: #ccc;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sec2 form textarea {
    width: 100% !important;
    height: 100px !important;
}

#sec2 form button {
    background-color: #333;
    border: none;
    width: 46%;
    padding: 15px 0;
    font-size: 18px;
    line-height: 1;
    color: #999;
    cursor: pointer;
}

#sec2 form button:hover {
  opacity: 0.8;
}

#sec2 form .must {
  border-radius: 2px;
  border: 1px solid #ff1414;
  color: #ff1414;
  padding: 4px;
  margin-left: 4px;
}

.mailform_privacy {
  max-height: 150px;
  overflow-y: scroll;
  text-align: left;
  margin: 20px 0;
}

select {

  /* styling */
  background-color: white;
  border: thin solid #333;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

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