section > .inner { padding: 0 15px; position: relative; }

@media screen and (min-width: 600px) { section > .inner { padding: 0; margin: 0 auto; } }

#contactIntro .inner { padding: 26px 15px 24px; }

#contactIntro .inner .btn { padding-bottom: 20px; }

#contactIntro .inner .btn li { width: 48%; float: right; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 2px solid #f08300; font-size: 1.2rem; font-weight: 500; }

#contactIntro .inner .btn li:first-child { float: left; }

#contactIntro .inner .btn li a { text-align: center; position: relative; padding: 7px 0; }

#contactIntro .inner .btn li a::after { content: ""; position: absolute; right: 7px; top: 13px; background: url(../img/staff/ico01_sp.png) no-repeat center top; background-size: contain; width: 9px; height: 5px; }

#contactIntro .inner .flow { border: 4px solid #fae1a1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 13px 17px 15px; }

#contactIntro .inner .flow .list { counter-reset: number 0; }

#contactIntro .inner .flow .list li { margin-bottom: 10px; }

#contactIntro .inner .flow .list li:last-child .img::before { display: none; }

#contactIntro .inner .flow .list li .img { float: left; width: 44%; position: relative; padding: 4px 0 24px; }

#contactIntro .inner .flow .list li .img::after { counter-increment: number 1; content: counter(number) ""; position: absolute; left: 5px; top: 5px; color: #fff; font-weight: 500; width: 10px; height: 10px; font-family: "Nunito", sans-serif; font-size: 1rem; }

#contactIntro .inner .flow .list li .img::before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -23px; width: 0; height: 0; border: 20px solid transparent; border-top: 15px solid #fae1a1; }

#contactIntro .inner .flow .list li .box { float: right; width: 52%; }

#contactIntro .inner .flow .list li h4 { font-size: 1.5rem; margin-bottom: 2px; }

@media screen and (min-width: 600px) { #contactIntro .inner { padding: 13px 0 24px; }
  #contactIntro .inner h2 { margin-bottom: 26px; }
  #contactIntro .inner .btn { padding-bottom: 30px; }
  #contactIntro .inner .btn li { width: 180px; float: none; font-size: 1.5rem; display: inline-block; margin-right: 15px; }
  #contactIntro .inner .btn li:first-child { float: none; }
  #contactIntro .inner .btn li a { padding: 10px 0; }
  #contactIntro .inner .btn li a::after { right: 15px; top: 20px; background: url(../img/staff/ico01_pc.png) no-repeat center top; background-size: contain; width: 12px; height: 8px; }
  #contactIntro .inner .flow { border: none; padding: 0px; }
  #contactIntro .inner .flow .list { counter-reset: number 0; }
  #contactIntro .inner .flow .list li { margin: 0 0 0 22px; width: 178px; float: left; }
  #contactIntro .inner .flow .list li:first-child { margin-left: 0; }
  #contactIntro .inner .flow .list li:last-child .img::before { display: none; }
  #contactIntro .inner .flow .list li .img { float: none; width: auto; position: relative; padding: 4px 0 7px; }
  #contactIntro .inner .flow .list li .img::after { counter-increment: number 1; content: counter(number) ""; position: absolute; left: 7px; top: 5px; color: #fff; font-weight: 500; width: 10px; height: 10px; font-family: "Nunito", sans-serif; font-size: 1.6rem; z-index: 4; }
  #contactIntro .inner .flow .list li .img::before { content: ""; position: absolute; top: 36px; left: auto; right: -39px; margin: auto; bottom: auto; width: 0; height: 0; border: 25px solid transparent; border-top: 25px solid transparent; border-left: 20px solid #fae1a1; z-index: 2; }
  #contactIntro .inner .flow .list li .img img { position: relative; z-index: 3; }
  #contactIntro .inner .flow .list li .box { float: none; width: auto; }
  #contactIntro .inner .flow .list li h4 { font-size: 1.5rem; text-align: center; margin-bottom: 2px; letter-spacing: .05rem; }
  #contactIntro .inner .flow .list li .txt { font-size: 1.4rem; padding: 2px 0; } }

#contactContents { /* Google Chrome, Safari, Opera 15+, Android, iOS */ /* Firefox 18- */ /* Firefox 19+ */ /* IE 10+ */ /*Radio Check*/ /** before after **/ /** input **/ /** checked forcus */ }

#contactContents .inner { padding: 0 15px 51px; }

#contactContents .inner > .txt { text-align: center; padding-bottom: 19px; }

#contactContents .inner .list li { margin-bottom: 15px; border-bottom: 1px solid #dcdcdc; }

#contactContents .inner .list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

#contactContents .inner .list li:last-child .td { padding-bottom: 0; }

#contactContents .inner .list li.noBorder { border-bottom: none; padding-bottom: 0; margin-bottom: 4px; }

#contactContents .inner .list li .tit { font-size: 1.4rem; position: relative; padding-bottom: 10px; }

#contactContents .inner .list li .tit span { position: absolute; right: 0; top: 1px; color: #fff; background: #f08300; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: center; padding: 3px 5px; line-height: 1; font-size: 1.2rem; display: inline-block; }

#contactContents .inner .list li .tit span.sub { color: #686868; font-size: 1.2rem; background: transparent; position: relative; text-align: left; display: block; right: auto; top: auto; padding: 0; line-height: 1.8; font-weight: 400; }

#contactContents .inner .list li .td { padding-bottom: 15px; font-size: 1.3rem; }

#contactContents .inner .list li .td .age { display: inline-block; margin: 0 0 8px 7px; }

#contactContents .selectWrap { position: relative; }

#contactContents .selectWrap::after { content: ""; position: absolute; right: 12px; top: 14px; width: 0; height: 0; border: 5px solid transparent; border-top: 8px solid #000; z-index: 100; }

#contactContents .selectBtm { margin-bottom: 7px; }

#contactContents .select, #contactContents .selectWrap select { position: relative; border: 2px solid #eee7d6; z-index: 3; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 100%; padding: 6px; }

#contactContents select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-shadow: none; }

#contactContents select::-ms-expand { display: none; }

#contactContents :placeholder-shown { font-size: 1.3rem; color: #a2a2a2; }

#contactContents ::-webkit-input-placeholder { font-size: 1.3rem; color: #a2a2a2; }

#contactContents :-moz-placeholder { font-size: 1.3rem; color: #a2a2a2; opacity: 1; }

#contactContents ::-moz-placeholder { font-size: 1.3rem; color: #a2a2a2; opacity: 1; }

#contactContents :-ms-input-placeholder { color: #a2a2a2; }

#contactContents .input, #contactContents textarea { font-weight: normal; font-size: 16px; padding: 5px; border: 1px none !important; background: #fef6e2; width: 100%; box-sizing: border-box; -webkit-appearance: none; }

#contactContents .inputShort, #contactContents textareaShort { font-weight: normal; font-size: 16px; padding: 5px; border: 1px none !important; background: #fef6e2; box-sizing: border-box; -webkit-appearance: none; width: 110px; }

#contactContents textarea { width: 100%; height: 113px; padding: 8px 15px; line-height: 1.5; }

#contactContents span.wpcf7-list-item { display: inline-block; margin: 0; }

#contactContents .radio label { position: relative; cursor: pointer; display: inline-block; overflow: hidden; box-sizing: border-box; }

#contactContents .radio label { min-height: calc(16px + 5px); margin: 0 10px 10px 0; padding-left: 30px; line-height: calc(16px + 5px); }

#contactContents .radio label:before, #contactContents .radio label:after { content: ''; position: absolute; box-sizing: border-box; }

#contactContents .radio label:before, #contactContents .radio label:after { top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; }

#contactContents .radio label:before { width: 20px; height: 20px; border: 2px solid #eee7d6; left: 0px; z-index: 3; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#contactContents .radio label:after { width: 16px; height: 10px; left: calc(((12px/2) - (8px) / 2)); background: url(../img/contact/icon.png) no-repeat center top; background-size: contain; z-index: 1; }

#contactContents .radio label input[type="radio"], #contactContents .radio label input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; position: absolute; z-index: 2; margin: 0px; width: 20px; height: 20px; box-sizing: border-box; outline: none; }

#contactContents .radio label input[type="radio"], #contactContents .radio label input[type="checkbox"] { left: calc(18px * -1); width: 18px; height: 18px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; }

#contactContents .radio label input[type="radio"], #contactContents .radio label input[type="checkbox"] { box-shadow: 18px 0px #FFF; }

#contactContents .radio label input[type="radio"]:checked, #contactContents .radio label input[type="checkbox"]:checked { box-shadow: none; }

#contactContents .radio label input[type="radio"]:focus, #contactContents .radio label input[type="checkbox"]:focus { opacity: 0.2; }

#contactContents .radio label input[type="radio"]:focus, #contactContents .radio label input[type="checkbox"]:focus { box-shadow: 18px 0px #FFF; }

#contactContents .btnWrap { padding: 0px 0 25px; }

#contactContents .btnWrap input { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 12px 0 13px 19px; text-align: center; color: #fff; font-size: 1.7rem; font-weight: 700; border: none; box-shadow: none; width: 268px; margin: 0 auto; font-size: 1.7rem; }

#contactContents .btnWrap .confirm { background: #1bb8b5; border-bottom: 3px solid #17908d; }

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#contactContents .btnWrap .submit { background: #1bb8b5; border-bottom: 3px solid #17908d; }

#contactContents .btnWrap .back { background: #8f8f8f; border-bottom: 3px solid #676767; }

#contactContents .btnWrap span { position: relative; width: 268px; margin: 0 auto; display: block; }

#contactContents .btnWrap span.submitWrap { margin-top: 20px; }

#contactContents .btnWrap span.backWrap::after { background: url(../img/contact/ico_arw02.png) no-repeat center center; background-size: contain; }

#contactContents .btnWrap span::after { content: ""; position: absolute; left: 77px; right: 0; background: url(../img/contact/ico_arw01.png) no-repeat center center; background-size: contain; width: 14px; height: 14px; top: 19px; }

#contactContents div.wpcf7 .ajax-loader { background-repeat: no-repeat; margin: 0 auto; }

#contactContents .wpcf7-validation-errors { border: 2px solid #f08300; border-radius: 10px; margin: 10px 10px 20px; text-align: center; padding: 10px; background-repeat: no-repeat; }

#contactContents span.wpcf7-not-valid-tip { color: #f08300; font-weight: 700; }

#contactContents span.wpcf7-list-item { display: inline-block; margin: 0; }

#contactContents .box { color: #999487; border: 1px solid #e1dac6; margin: 0 15px; padding: 10px 15px 4px; letter-spacing: .01rem; }

#contactContents .box h4 { font-size: 1.4rem; }

#contactContents .box .txt { padding-bottom: 6px; }

#contactContents div.wpcf7 .ajax-loader { margin: 3px auto 0; display: block; }

@media screen and (min-width: 600px) { #contactContents { /* Google Chrome, Safari, Opera 15+, Android, iOS */ /* Firefox 18- */ /* Firefox 19+ */ /* IE 10+ */ /*Radio Check*/ /** before after **/ /** input **/ /** checked forcus */ }
  #contactContents .inner { padding: 20px 0 72px; }
  #contactContents .inner > .txt { text-align: center; padding-bottom: 30px; }
  #contactContents .inner .list { border: 5px solid #fae1a1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 41px 41px; }
  #contactContents .inner .list li { margin-bottom: 21px; border-bottom: 1px solid #dcdcdc; display: table; width: 100%; }
  #contactContents .inner .list li.noBorder { border-bottom: none; }
  #contactContents .inner .list li.noBorder .td { padding: 0 0 10px !important; }
  #contactContents .inner .list li:last-child { border-bottom: none; }
  #contactContents .inner .list li .tit { font-size: 1.4rem; position: relative; padding: 5px 0 5px; display: table-cell; width: 31%; text-align: left; vertical-align: top; }
  #contactContents .inner .list li .tit span { position: absolute; right: 40px; top: 8px; color: #fff; background: #f08300; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align: center; padding: 5px 9px 6px; line-height: 1; font-size: 1.3rem; display: inline-block; font-weight: 400; }
  #contactContents .inner .list li .tit span.sub { color: #686868; font-size: 1.3rem; background: transparent; position: relative; text-align: left; display: block; right: auto; top: auto; padding: 8px 0 0 0; line-height: 1.8; }
  #contactContents .inner .list li .td { padding: 0 0 19px; font-size: 1.5rem; }
  #contactContents .selectWrap { position: relative; }
  #contactContents .selectWrap::after { content: ""; position: absolute; right: 15px; top: 17px; width: 0; height: 0; border: 5px solid transparent; border-top: 8px solid #000; z-index: 100; }
  #contactContents .selectLong { width: 262px; }
  #contactContents .selectShort { width: 152px; display: inline-block; margin-right: 3px; }
  #contactContents .selectBtm { margin-bottom: 0; }
  #contactContents .select, #contactContents .selectWrap select { position: relative; border: 2px solid #eee7d6; z-index: 3; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; width: 100%; padding: 6px; }
  #contactContents select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-shadow: none; font-size: 1.4rem; }
  #contactContents select option:first-child { color: #a2a2a2 !important; }
  #contactContents select::-ms-expand { display: none; }
  #contactContents :placeholder-shown { font-size: 1.3rem; color: #a2a2a2; }
  #contactContents ::-webkit-input-placeholder { font-size: 1.3rem; color: #a2a2a2; }
  #contactContents :-moz-placeholder { font-size: 1.3rem; color: #a2a2a2; opacity: 1; }
  #contactContents ::-moz-placeholder { font-size: 1.3rem; color: #a2a2a2; opacity: 1; }
  #contactContents :-ms-input-placeholder { color: #a2a2a2; }
  #contactContents .input, #contactContents textarea { font-weight: normal; font-size: 16px; padding: 8px; border: 1px none !important; background: #fef6e2; width: 100%; box-sizing: border-box; -webkit-appearance: none; }
  #contactContents .inputShort, #contactContents textareaShort { font-weight: normal; font-size: 16px; padding: 5px; border: 1px none !important; background: #fef6e2; box-sizing: border-box; -webkit-appearance: none; width: 120px; }
  #contactContents textarea { width: 100%; height: 146px; padding: 15px 21px; line-height: 1.5; }
  #contactContents span.wpcf7-list-item { display: inline-block; margin: 0; }
  #contactContents .radio { padding: 0 0 10px !important; }
  #contactContents .radio label { position: relative; cursor: pointer; display: inline-block; overflow: hidden; box-sizing: border-box; }
  #contactContents .radio label { min-height: 24px; margin: 0 28px 10px 0; padding-left: 37px; line-height: 24px; }
  #contactContents .singleLine { padding-bottom: 16px !important; }
  #contactContents .singleLine label { margin: 8px 28px 0 0; }
  #contactContents .radio label:before, #contactContents .radio label:after { content: ''; position: absolute; box-sizing: border-box; }
  #contactContents .radio label:before, #contactContents .radio label:after { top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; }
  #contactContents .radio label:before { width: 24px; height: 24px; border: 2px solid #eee7d6; left: 0px; z-index: 3; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
  #contactContents .radio label:after { width: 21px; height: 15px; left: calc(((12px/2) - (8px) / 2)); background: url(../img/contact/icon.png) no-repeat center top; background-size: contain; z-index: 1; }
  #contactContents .radio label input[type="radio"], #contactContents .radio label input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; position: absolute; z-index: 2; margin: 0px; width: 20px; height: 20px; box-sizing: border-box; outline: none; }
  #contactContents .radio label input[type="radio"], #contactContents .radio label input[type="checkbox"] { left: calc(18px * -1); width: 18px; height: 18px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; }
  #contactContents .radio label input[type="radio"], #contactContents .radio label input[type="checkbox"] { box-shadow: 21px 0px #FFF; }
  #contactContents .radio label input[type="radio"]:checked, #contactContents .radio label input[type="checkbox"]:checked { box-shadow: none; }
  #contactContents .radio label input[type="radio"]:focus, #contactContents .radio label input[type="checkbox"]:focus { opacity: 0.2; }
  #contactContents .radio label input[type="radio"]:focus, #contactContents .radio label input[type="checkbox"]:focus { box-shadow: 18px 0px #FFF; }
  #contactContents .btnWrap { padding: 4px 0 25px; }
  #contactContents .btnWrap input { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 14px 0 17px 19px; text-align: center; color: #fff; font-size: 1.7rem; font-weight: 700; border: none; box-shadow: none; width: 300px; margin: 0 auto; font-size: 1.7rem; }
  #contactContents .btnWrap .confirm { background: #1bb8b5; border-bottom: 3px solid #17908d; }
  #contactContents .btnWrap .submit { background: #1bb8b5; border-bottom: 3px solid #17908d; }
  #contactContents .btnWrap .back { background: #8f8f8f; border-bottom: 3px solid #676767; }
  #contactContents .btnWrap span { position: relative; width: 300px; margin: 0 auto; display: block; }
  #contactContents .btnWrap span.submitWrap { margin-top: 20px; }
  #contactContents .btnWrap span.backWrap::after { background: url(../img/contact/ico_arw02.png) no-repeat center center; background-size: contain; }
  #contactContents .btnWrap span::after { content: ""; position: absolute; left: 83px; right: 0; background: url(../img/contact/ico_arw01.png) no-repeat center center; background-size: contain; width: 15px; height: 15px; top: 20px; }
  #contactContents div.wpcf7 .ajax-loader { background-repeat: no-repeat; margin: 0 auto; }
  #contactContents .wpcf7-validation-errors { border: 2px solid #f08300; border-radius: 10px; margin: 10px 10px 20px; text-align: center; padding: 10px; background-repeat: no-repeat; }
  #contactContents span.wpcf7-not-valid-tip { color: #f08300; font-weight: 700; }
  #contactContents span.wpcf7-list-item { display: inline-block; margin: 0; }
  #contactContents .box { color: #999487; border: 1px solid #e1dac6; margin: 0 15px; padding: 10px 15px 4px; letter-spacing: .01rem; }
  #contactContents .box h4 { font-size: 1.4rem; }
  #contactContents .box .txt { padding-bottom: 6px; }
  #contactContents div.wpcf7 .ajax-loader { margin: 3px auto 0; display: block; } }


#contactContents input[type="text"].selectShort {
  position: relative;
  border: 2px solid #eee7d6;
  z-index: 3;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 100%;
  padding: 6px;
}
#contactContents input[type="text"].selectShort::-webkit-input-placeholder {
    color: #000;
    font-weight: normal;
}
#contactContents input[type="text"].selectShort:-ms-input-placeholder {
    color: #000;
    font-weight: normal;
}
#contactContents input[type="text"].selectShort::-moz-placeholder {
    color: #000;
    font-weight: normal;
}
#ui-datepicker-div {
  z-index: 100!important;
}