@charset "UTF-8";
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (min-width: 768px) {
  /*debug
  body{
  	background: url(../img/_guide.png) no-repeat center center;
  	background-size: 100% auto;
      background-position: 0px 0;
  	#header{
  		@include opacity(0.6);
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  */
  /* line 29, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main {
    box-sizing: border-box;
    padding-left: 14.53125vw;
    overflow: visible;
    position: relative;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 40, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main #contact {
    display: flex;
    justify-content: flex-start;
    width: 351.875vw;
  }
  /* line 46, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page {
    width: 87.96875vw;
  }
  /* line 49, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page .cont {
    position: relative;
  }
  /* line 53, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .cont {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    box-sizing: border-box;
    padding-top: 6.25vw;
    height: 45.54688vw;
  }
  /* line 65, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .mail {
    font-size: 1.5625vw;
    line-height: 1.48438vw;
    font-family: 'SuisseIntl-Book', sans-serif;
    position: fixed;
    bottom: 25vw;
    left: 15.3125vw;
  }
  /* line 73, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .mail span:before {
    content: "@";
    font-size: 1.5625vw;
    line-height: 1.48438vw;
  }
  /* line 80, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .tel {
    font-size: 1.5625vw;
    line-height: 1.48438vw;
    font-family: 'SuisseIntl-Book', sans-serif;
    position: fixed;
    bottom: 22.5vw;
    left: 15.3125vw;
  }
  /* line 88, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start h1 {
    font-size: 7.03125vw;
    line-height: 1;
    position: fixed;
    bottom: 1.95313vw;
    left: 14.53125vw;
    font-family: 'SuisseIntl-Medium', sans-serif;
  }
  /* line 96, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .notice {
    line-height: 0;
    position: fixed;
    width: 26.79687vw;
    bottom: 13.98437vw;
    left: 15.3125vw;
  }
  /* line 103, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area {
    width: 40.46875vw;
    margin: 0 7.1875vw 0 0;
    position: relative;
  }
  /* line 107, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .c {
    display: block;
    clear: both;
  }
  /* line 111, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .wpcf7-not-valid-tip {
    font-size: 1.40625vw;
  }
  /* line 114, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .wpcf7-response-output {
    display: none;
  }
  /* line 117, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .wpcf7-spinner {
    display: none;
  }
  /* line 120, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area label {
    font-size: 1.79687vw;
    line-height: 1.48438vw;
    font-family: 'SuisseIntl-SemiBold', sans-serif;
    color: white;
    margin-bottom: 1.95313vw;
  }
  /* line 126, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area label span {
    display: block;
    margin-top: 0.70313vw;
  }
  /* line 131, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area input[type="text"], body #wrapper #main .page.start .form_area input[type="email"], body #wrapper #main .page.start .form_area input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    width: 40.46875vw;
    height: 2.8125vw;
    font-size: 1.40625vw;
    color: white;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    background: #464646;
    padding: 0.70313vw 0.78125vw;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 144, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area ::placeholder {
    color: black;
  }
  /* line 147, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    width: 40.46875vw;
    height: 9.76563vw;
    font-size: 1.40625vw;
    line-height: 2;
    color: white;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    background: #464646;
    padding: 0.70313vw 0.78125vw;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 161, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .submit {
    float: right;
    position: relative;
    display: block;
    margin-bottom: 3.125vw;
    padding: 0 2.89063vw 0 0;
  }
  /* line 167, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .submit:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    bottom: 0vw;
    left: 0;
  }
  /* line 177, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .submit:after {
    content: "";
    display: block;
    width: 2.34375vw;
    height: 2.34375vw;
    background: url(../img/icon.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 32%;
    transform: translateY(-50%);
    right: 0;
  }
  /* line 189, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .submit input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    height: vw(36);
    z-index: 3;
    cursor: pointer;
    font-size: 2.10938vw;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    color: white;
  }
  /* line 199, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area .submit_2, body #wrapper #main .page.start .form_area .submit_3 {
    display: none;
    height: vw(36);
    z-index: 3;
    font-size: 2.10938vw;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    color: white;
    line-height: 2.7vw;
  }
  /* line 209, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit_1, body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit_3 {
    display: none;
  }
  /* line 212, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit_2 {
    display: block;
  }
  /* line 214, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit_2:after {
    background: url(../img/icon2.png) no-repeat center center;
    background-size: contain;
  }
  /* line 221, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area form[data-status="sent"] .submit_1, body #wrapper #main .page.start .form_area form[data-status="sent"] .submit_2 {
    display: none;
  }
  /* line 224, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area form[data-status="sent"] .submit_3 {
    display: block;
  }
  /* line 226, ../../../../src/page/contact/css/_pc.scss */
  body #wrapper #main .page.start .form_area form[data-status="sent"] .submit_3:after {
    background: url(../img/send.png) no-repeat center center;
    background-size: contain;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@media screen and (max-width: 767px) {
  /*debug
  body{
  	background: url(../img/_guidesp.jpg) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px 0;
  	#header{
  		@include opacity(0.6);
  	}
  	#wrapper{
  		@include opacity(0.6);
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  	#recruit{
  		.img_area{
  		    height: 552px !important;
  		}
  	}
  }*/
  /* line 32, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main {
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    width: 100%;
  }
  /* line 41, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page {
    box-sizing: border-box;
    padding: 0 5.33333vw;
  }
  /* line 45, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page .cont {
    position: relative;
  }
  /* line 48, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start {
    padding-top: 10.66667vw;
  }
  /* line 50, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .cont {
    width: 100%;
  }
  /* line 53, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start h1 {
    font-size: 10.66667vw;
    line-height: 1;
    font-family: 'SuisseIntl-Medium', sans-serif;
    margin-bottom: 6.13333vw;
  }
  /* line 59, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .mail {
    font-size: 3.73333vw;
    line-height: 5.06667vw;
    font-family: 'SuisseIntl-Book', sans-serif;
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 67, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .mail span:before {
    content: "@";
    font-size: 3.73333vw;
    line-height: 5.06667vw;
  }
  /* line 74, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .tel {
    font-size: 3.73333vw;
    line-height: 5.06667vw;
    font-family: 'SuisseIntl-Book', sans-serif;
    position: absolute;
    top: 6.66667vw;
    right: 0;
  }
  /* line 82, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .notice {
    width: 140%;
    margin-left: -20%;
    margin-top: 11.73333vw;
    margin-bottom: 11.2vw;
    line-height: 0;
    text-align: center;
  }
  /* line 89, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .notice img {
    width: 90.4vw;
  }
  /* line 93, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area {
    width: 100%;
    position: relative;
  }
  /* line 96, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .c {
    display: block;
    clear: both;
  }
  /* line 100, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .wpcf7-not-valid-tip {
    font-size: 4.8vw;
  }
  /* line 103, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .wpcf7-response-output {
    display: none;
  }
  /* line 108, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit:after {
    background: url(../img/icon2.png) no-repeat center center;
    background-size: contain;
  }
  /* line 116, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area form[data-status="sent"] .submit:after {
    background: url(../img/send.png) no-repeat center center;
    background-size: contain;
  }
  /* line 122, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area label {
    font-size: 5.33333vw;
    line-height: 5.06667vw;
    font-family: 'SuisseIntl-SemiBold', sans-serif;
    color: white;
    margin-bottom: 8vw;
  }
  /* line 128, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area label span {
    display: block;
    margin-top: 2.4vw;
    margin-bottom: 5.33333vw;
  }
  /* line 134, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area input[type="text"], body #wrapper #main .page.start .form_area input[type="email"], body #wrapper #main .page.start .form_area input[type="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    width: 100%;
    height: 10.13333vw;
    font-size: 4.8vw;
    color: white;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    background: #464646;
    padding: 2.4vw 2.66667vw;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 147, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area ::placeholder {
    color: black;
  }
  /* line 150, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    width: 100%;
    height: 33.6vw;
    font-size: 4.8vw;
    line-height: 2;
    color: white;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    background: #464646;
    padding: 2.4vw 2.66667vw;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
  }
  /* line 164, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .submit {
    margin: 0 auto;
    width: 28.26667vw;
    position: relative;
    display: block;
    margin-bottom: 10.66667vw;
    margin-top: 5.33333vw;
  }
  /* line 171, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .submit:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    bottom: 0vw;
    left: 0;
  }
  /* line 181, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .submit .wpcf7-spinner {
    display: none;
  }
  /* line 184, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .submit:after {
    content: "";
    display: block;
    width: 8vw;
    height: 8vw;
    background: url(../img/icon.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: 0;
  }
  /* line 196, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .submit input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    text-decoration: none;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    height: vw(36);
    z-index: 3;
    cursor: pointer;
    font-size: 7.2vw;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    color: white;
  }
  /* line 206, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .submit_2 {
    width: 43.46667vw;
  }
  /* line 209, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .submit_3 {
    width: 36.8vw;
  }
  /* line 212, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area .submit_2, body #wrapper #main .page.start .form_area .submit_3 {
    display: none;
    z-index: 3;
    font-size: 7.2vw;
    font-family: "SuisseIntl-Regular", "AxisBasicProN-R", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
    color: white;
    line-height: 9.4vw;
  }
  /* line 221, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit_1, body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit_3 {
    display: none;
  }
  /* line 224, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit_2 {
    display: block;
  }
  /* line 226, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area form[data-status="submitting"] .submit_2:after {
    background: url(../img/icon2.png) no-repeat center center;
    background-size: contain;
  }
  /* line 233, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area form[data-status="sent"] .submit_1, body #wrapper #main .page.start .form_area form[data-status="sent"] .submit_2 {
    display: none;
  }
  /* line 236, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area form[data-status="sent"] .submit_3 {
    display: block;
  }
  /* line 238, ../../../../src/page/contact/css/_sp.scss */
  body #wrapper #main .page.start .form_area form[data-status="sent"] .submit_3:after {
    background: url(../img/send.png) no-repeat center center;
    background-size: contain;
  }
}