@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
#contents {
  margin-top: 120px; }
  #contents .title_wrap {
    text-align: center;
    margin-bottom: 40px; }
    #contents .title_wrap h2 {
      font-size: 2.2rem; }
      @media (min-width: 768px) {
        #contents .title_wrap h2 {
          font-size: calc( 2.2rem + ( 1vw - 7.68px ) * 3.2407407407 ); } }
      @media (min-width: 1200px) {
        #contents .title_wrap h2 {
          font-size: 3.6rem; } }

#contact_wrap {
  line-height: normal; }
  #contact_wrap .copy {
    line-height: 1.5; }
  #contact_wrap form ul {
    margin-bottom: 30px; }
    #contact_wrap form ul li {
      display: table;
      width: 100%;
      background: #f2f2f2;
      margin-bottom: 10px; }
      #contact_wrap form ul li b {
        background: #333;
        color: #fff;
        padding: 10px 20px;
        font-weight: normal;
        display: block; }
        #contact_wrap form ul li b span {
          color: #ff0000;
          padding: 2px 5px;
          font-size: 1.2rem;
          font-weight: normal;
          margin-left: 5px; }
      #contact_wrap form ul li > div {
        padding: 20px;
        box-sizing: border-box;
        position: relative; }
        #contact_wrap form ul li > div input {
          width: 100%;
          padding: 5px;
          max-width: 400px;
          border: none;
          margin-bottom: 10px;
          box-sizing: border-box; }
        #contact_wrap form ul li > div > p {
          font-size: 1rem;
          color: #666; }
        #contact_wrap form ul li > div textarea {
          width: 100%;
          padding: 10px;
          max-width: 600px;
          height: 200px;
          border: none;
          box-sizing: border-box; }
  #contact_wrap .btn_box p {
    font-size: 1.2rem;
    text-align: center; }
  #contact_wrap .btn_box .btn_wrap {
    position: relative;
    max-width: 320px;
    width: 80%;
    margin: 30px auto;
    position: relative; }
    #contact_wrap .btn_box .btn_wrap:after {
      content: '';
      position: absolute;
      width: 6px;
      height: 6px;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      transform: rotate(45deg) translate(0, -6px);
      top: 50%;
      right: 20px; }
    #contact_wrap .btn_box .btn_wrap input {
      border: 1px solid;
      -webkit-appearance: none;
      display: inline-block;
      padding: 20px;
      box-sizing: border-box;
      max-width: 320px;
      width: 100%;
      font-size: 14px;
      text-decoration: none;
      background: #fff;
      cursor: pointer;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      opacity: 1.0; }
      #contact_wrap .btn_box .btn_wrap input:hover {
        color: #fff;
        background: #000; }
    #contact_wrap .btn_box .btn_wrap:hover:after {
      border-top: 1px solid #fff;
      border-right: 1px solid #fff; }
  #contact_wrap .btn_box .flex_wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #contact_wrap .btn_box .flex_wrap .btn_wrap {
      margin: 0 20px; }
      #contact_wrap .btn_box .flex_wrap .btn_wrap.back input {
        border: 2px solid #dadada;
        background: #dadada;
        color: #333; }
      #contact_wrap .btn_box .flex_wrap .btn_wrap.back:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        left: 20px;
        top: 50%;
        transform: rotate(-135deg) translate(0, 6px); }
      #contact_wrap .btn_box .flex_wrap .btn_wrap.back:hover {
        color: #333;
        background: #dadada;
        opacity: 0.8; }
      #contact_wrap .btn_box .flex_wrap .btn_wrap.back:hover:after {
        border-top: 1px solid #333;
        border-right: 1px solid #333; }
  #contact_wrap .message {
    text-align: center; }

#poricyWrap {
  height: 300px;
  overflow: auto;
  line-height: normal;
  border: 1px solid #ccc;
  padding: 30px;
  font-size: 1.2rem; }
  #poricyWrap .poricy_title {
    font-weight: bold;
    margin-bottom: 20px; }
  #poricyWrap p {
    margin-bottom: 20px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #contact_wrap form ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    #contact_wrap form ul li b {
      flex: 0 1 30%;
      width: 30%;
      max-width: 30%;
      box-sizing: border-box;
      background: none;
      color: #000; }
    #contact_wrap form ul li > div {
      flex: 0 1 70%;
      width: 70%;
      max-width: 70%;
      box-sizing: border-box;
      padding: 25px 20px; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) {
  #contents {
    margin-top: 280px; } }
/*------------------------------
		1280px以上
------------------------------*/