@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

File Name:		index.scss
Note:			インデックス用SCSSファイル


New Creation:	2013/03/04 18:08:40.
Last Change:	2014/10/30 20:20:33.


Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

0.	共通使用変数定義
1.	ブラウザデフォルトスタイルリセット
2.	HTMLタグ
3.	container
4.	共通部分
5.	header
6.	content
7.	main
9.	footer
10.	original

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
0.	共通使用変数定義
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
1.	ブラウザデフォルトスタイルリセット
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
2.	HTMLタグ
----------------------------------------------------------------------*/
html {
  color: #505050;
}

body {
  font-feature-settings: "pkna" 1;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: #6d9dcf;
}

object {
  transition: opacity 0.1s linear;
}
object.is-inactive {
  opacity: 0;
}
object.is-active {
  opacity: 1;
}

body > img {
  display: none;
  width: 0;
  height: 0;
  vertical-align: top;
}
body.is-fixed {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*----------------------------------------------------------------------
3.	container
----------------------------------------------------------------------*/
.l-container {
  background: url(../../img/sp/form_button_bg.png) left bottom 2% no-repeat, linear-gradient(#fff, #e1dcd7);
  background-size: 100% auto;
}

/*----------------------------------------------------------------------
4.	共通部分
----------------------------------------------------------------------*/
form {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: left;
  color: #505050;
}
form legend {
  display: none;
}
form dl {
  padding: 3.125% 0;
}
form dt {
  position: relative;
  margin-bottom: 0.5em;
}
form dt label {
  line-height: 1.4em;
  font-weight: bold;
}
form dt em {
  color: #ee7b75;
}
form dt span {
  display: inline-block;
  margin-left: 10px;
  padding: 4px 7px;
  background: #ee7b75;
  font-size: 10px;
  color: #fff;
}
form dt .option {
  background: #949494;
  color: #fff;
}
form dd label span {
  display: inline-block;
  margin-left: 10px;
  padding: 4px 7px;
  background: #ee7b75;
  font-size: 10px;
  color: #fff;
}
form dd label span.option {
  background: #949494;
  color: #fff;
}
form dd input,
form dd select,
form dd textarea {
  box-sizing: border-box;
  width: 100%;
}
form dd textarea {
  border-radius: 0.2em;
  padding: 0.5em;
  border: solid 0.1em #c7bcb5;
  line-height: 1.5em;
  color: #7f7875;
}
form dd input[type=text], form dd input[type=email], form dd input[type=submit], form dd input[type=number], form dd input[type=tel] {
  border-radius: 0.2em;
  padding: 0.5em;
  width: 95%;
  border: solid 0.1em #c7bcb5;
  line-height: 1.5em;
  color: #7f7875;
}
form dd input[type=radio], form dd input[type=checkbox] {
  display: none;
  margin: 0;
}
form dd input[type=radio] + label, form dd input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  margin-left: 0.9em;
  width: 95%;
  cursor: pointer;
}
form dd input[type=radio] + label::before, form dd input[type=checkbox] + label::before {
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  top: 0.35em;
  left: -1.2em;
  width: 1em;
  height: 1em;
  border: 0.1em solid #7f7875;
  background: #fff;
}
form dd input[type=radio] + label::before {
  border-radius: 50%;
}
form dd input[type=radio]:checked + label::after {
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}
form dd input[type=checkbox]:checked + label::after {
  transform: rotate(-45deg);
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  top: 0.3em;
  left: -1.05em;
  width: 1em;
  height: 0.6em;
  border-bottom: 0.3em solid #ba5974;
  border-left: 0.25em solid #ba5974;
}
form dd input[type=radio]:checked + label::after {
  border-radius: 50%;
  top: 0.55em;
  left: -0.99em;
  width: 0.6em;
  height: 0.6em;
  background: #ba5974;
}
form dd input[type=submit] {
  width: 80%;
  height: 3em;
  background: #ec7c78;
}
form dd input.short {
  width: 18%;
}
form dd input.middle {
  width: 64%;
}
form dd input.full {
  width: 100%;
}
form dd select {
  border-radius: 0.2em;
  padding: 0.5em;
  width: 95%;
  height: 2.6em;
  border: solid 0.1em #c7bcb5;
  line-height: 1.5em;
  color: #7f7875;
}
form dd select.hour {
  width: 33%;
}
form dd .date dt small {
  display: block;
  margin-top: 5px;
  line-height: 1.3em;
}
form dd .date dd label {
  display: block;
  margin-bottom: 0.5em;
  font-size: 12px;
}
form dd .date .input {
  display: inline-block;
  position: relative;
  margin-left: 1.5em;
  width: 96.6%;
}
form dd .date .input img {
  position: absolute;
  top: 26%;
  left: 52%;
}
form dd .errbg .table {
  border: solid 0.2em #ee7b75;
}
form dd .errbg input,
form dd .errbg textarea,
form dd .errbg select {
  border-color: #ee7b75;
}
form dd .table {
  border-radius: 0.2em;
  box-sizing: border-box;
  display: table;
  overflow: hidden;
  width: 100%;
  border: solid 0.1em #c7bcb5;
  background: #fff;
  table-layout: fixed;
}
form dd .table ol {
  display: table-row;
}
form dd .table ol:last-child li,
form dd .table ol .none {
  border-bottom: 0;
}
form dd .table li {
  display: table-cell;
  position: relative;
  padding: 0.5em;
  border: 0;
  border-bottom: solid 0.1em #c7bcb5;
  background: #fff;
  vertical-align: top;
  line-height: 1.6em;
}
form dd .table li:first-child {
  border-right: solid 0.1em #c7bcb5;
}
form dd #error {
  margin: 0 0 3em;
  padding: 1em;
}
form dd #error p {
  line-height: 1.25;
  font-size: 2em;
}
form .formError .formErrorArrow,
form .formError .formErrorClose,
form .errbg .formError .formErrorArrow,
form .errbg .formError .formErrorClose {
  display: none;
}
form .formError .formErrorContent,
form .errbg .formError .formErrorMsg {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background: initial !important;
}
form .formError .formErrorContent .errMsg,
form .errbg .formError .formErrorMsg .errMsg {
  display: block;
  margin-left: 1em;
  text-indent: -0.9em;
  line-height: 1.4;
}
form .formError .formErrorContent .errMsg + .errMsg,
form .errbg .formError .formErrorMsg .errMsg + .errMsg {
  padding-top: 0.5em;
}

.yui-skin-sam .yui-calcontainer {
  margin: 0 1%;
  width: 98% !important;
  min-width: 300px !important;
  font-size: 1.2rem !important;
}
.yui-skin-sam .yui-calcontainer .title {
  border-top: 0;
  font-family: "Gothic MB101 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.4rem;
}
.yui-skin-sam .yui-calcontainer .title::after {
  display: none;
}
.yui-skin-sam .yui-calcontainer .yui-calendar {
  width: 100% !important;
}
.yui-skin-sam .yui-calcontainer .calnavright {
  top: -10px !important;
  right: 0;
  width: 20px !important;
  height: 20px !important;
  background: url(http://www.theclinic.jp/m/img/tc_navi04.png) no-repeat;
  background-size: 20px !important;
  cursor: pointer;
}
.yui-skin-sam .yui-calcontainer .calnavleft {
  width: 20px !important;
  height: 20px !important;
  background-size: 20px !important;
}

.m-lead {
  margin: 0 auto 4.6875%;
  width: 90.625%;
  line-height: 1.3;
  font-size: 1.3rem;
  color: #6a6a6a;
}
.m-lead em {
  color: #ba5974;
}
.m-lead-box {
  margin: 9.375% auto 0;
  width: 94%;
}
.m-lead-title {
  padding: 3% 0;
  background-color: #61564c;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}
.m-lead-contents {
  padding: 3%;
  border: 1px solid #c7bcb5;
  border-top: 0;
  background-color: #f5f2f0;
}
.m-lead-contents-text {
  line-height: 1.4615384615;
  font-size: 1.3rem;
}
.m-lead-contents-text em {
  font-weight: bold;
  color: #ba5974;
}

.m-note {
  box-sizing: border-box;
  margin: 0 auto 6.25%;
  width: 90.625%;
}
.m-note-title {
  padding: 0.6em 0;
  background-color: #969696;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
}
.m-note-contents {
  background: #fff;
}
.m-note-text {
  padding: 1em;
  line-height: 1.4615384615;
  font-size: 1.3rem;
}
.m-note-text em {
  font-weight: bold;
  color: #ba5974;
}

.form-wrapper {
  position: relative;
}

.form-item {
  box-sizing: border-box;
  position: relative;
  margin: 0;
  padding: 6.25% 3.125%;
  width: 100%;
  border-top: 0.1em solid #c7bcb5;
  background-color: #fff;
  text-align: left;
}
.form-item:last-child {
  border-bottom: solid 0.1em #c7bcb5;
}
.form-item:nth-child(odd) {
  background-color: #f5f2f0;
}

.form-input {
  margin: 0;
  padding: 0;
  width: 100%;
  background-image: url(../mobile/img/dummy.png);
}
.form-input.errbg {
  background: none;
}
.form-input.errbg input,
.form-input.errbg select,
.form-input.errbg .table {
  border-color: #ba5974;
}

.item-inner {
  box-sizing: border-box;
  padding: 0;
  font-size: 1.6rem;
}

.form-label {
  background-image: url(../mobile/img/dummy.png);
}
.form-label span {
  position: relative;
  top: -0.1em;
  background-color: #ba5974;
  font-size: 1.3rem;
}
.form-label .option {
  background-image: url(../mobile/img/dummy.png);
  background-color: #999;
}
.form-label em {
  color: #ba5974;
}
.form-label small {
  font-size: 1.2rem;
}

.clinic li {
  letter-spacing: -0.04em;
}

.full,
.short,
.middle,
textarea {
  box-sizing: border-box;
  appearance: none;
  padding: 0.5em;
}

.full,
.short,
textarea {
  width: 100%;
}

.middle {
  width: 64%;
}

.chkradio label {
  margin-left: 1em;
}

.formErrorContent {
  padding: 0;
}

.date #consultation_form_date2,
.date #counseling_form_date2 {
  margin-top: 1em;
}
.date .input {
  margin-left: 0;
}
.date .input img {
  top: 23%;
  left: 54%;
  width: 8%;
}
.date .form-input label {
  font-size: 1.4rem;
}
.date select.hour {
  padding: 0 0.5em;
  height: 2.6em;
  line-height: 1;
  font-size: 1.6rem;
}

.m-button {
  overflow: hidden;
  box-sizing: border-box;
  padding: 8% 0;
  width: 100%;
  background-color: #fff;
}
.m-button-item {
  margin: 0 auto;
  border: 0;
  background: none;
  text-align: center;
}
.m-button input {
  border-radius: 0;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.m-address {
  display: block;
  margin: 0 4.6875% 4.6875%;
  border: 0.1em solid #c7bcb4;
  background: #eae6e2;
}
.m-address > * {
  display: block;
  padding: 3% 0;
  width: 100%;
  text-align: center;
}
.m-address-title,
.m-address .term {
  width: 100%;
  font-size: 1.3rem;
  color: rgba(88,88,88,.5);
}
.m-address-contents,
.m-address .description {
  box-sizing: border-box;
  padding: 5.5% 1%;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ba5974;
  word-break: break-all;
}

.m-attention {
  margin: 0 4.6875%;
  color: #6a6a6a;
}
.m-attention-title {
  margin-bottom: 1.25%;
  padding: 2.5% 0 2.5% 13%;
  background: url(../../img/sp/form_attention_title_bg.png) left top no-repeat;
  background-size: 9%;
  font-size: 1.2rem;
  font-weight: bold;
}
.m-attention-list {
  margin-top: 0.6em;
}
.m-attention-text {
  line-height: 1.5;
  font-size: 1.1rem;
}
.m-attention-text a {
  font-weight: bold;
  color: #ba5974;
  text-decoration: underline;
}
.m-attention-item {
  margin-top: 0.4em;
  padding-left: 1.1em;
  text-indent: -0.9em;
  line-height: 1.3846153846;
  font-size: 1.1rem;
}
.m-attention-item::before {
  content: "●";
}
.m-attention-item:first-child {
  margin-top: 0;
}

.confirmation .tel .form-input,
.confirmation .tel .form-input > *,
.confirmation .email .form-input,
.confirmation .email .form-input > * {
  font-size: 1.8rem;
  color: #ba5974;
}

.grecaptcha-badge {
  visibility: hidden;
}

/*----------------------------------------------------------------------
5.	#header
----------------------------------------------------------------------*/
.h-text {
  padding: 2.34375% 4.6875%;
  background: #ba5974;
  text-align: right;
  color: #fff;
}
.h-text .inner-text {
  font-feature-settings: normal;
}

.h-clinic-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.h-clinic-logo-wrapper {
  position: relative;
  float: left;
  width: 31.3793103448%;
}

.l-header {
  position: relative;
  display: flex;
  flex-direction: column;
}

.h-title {
  order: 1;
}

.h-lead,
.h-lead2 {
  order: 3;
  line-height: 1.5;
  font-size: 1.3rem;
  color: #6a6a6a;
}

.h-lead {
  margin: 0 4.6875% 5.3333333333vw;
}

.h-photo {
  position: relative;
}

.h-lead2 {
  margin: 7.8125% 4.6875%;
}
.h-lead2 a {
  text-decoration: underline;
}

.h-pic {
  order: 2;
  margin-top: -3.7333333333vw;
  margin-right: 4.1333333333vw;
  margin-bottom: 2.6666666667vw;
  margin-left: 4.1333333333vw;
}

/*----------------------------------------------------------------------
6.	#content
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
7.	#main
----------------------------------------------------------------------*/
.m-progress {
  margin: 0 4.6875% 8.6206896552%;
}
.m-progress img {
  width: 100%;
}

.m-input-form fieldset {
  position: relative;
}
.m-input-form .item-inner {
  font-size: 1.45rem;
}

.m-button-item {
  box-shadow: rgba(0,0,0,.3) 0 2px 6px;
  overflow: hidden;
}
.m-button-item.top {
  border-radius: 0.2rem;
  width: 90.46875%;
}

.input-form-wrapper .input-form-item {
  border-top: 0;
  margin-top: 2px;
}
.input-form-wrapper .input-form-item .item-inner {
  padding: 4.8vw 5.46875% 4.6875%;
}
.input-form-wrapper .input-form-item:first-child {
  margin-top: 4px;
}
.input-form-wrapper .input-form-item:last-child {
  border-bottom: 0;
}
.input-form-wrapper .input-form-item:nth-child(odd), .input-form-wrapper .input-form-item.odd.odd, .input-form-wrapper .input-form-item:nth-child(even), .input-form-wrapper .input-form-item.even.even {
  background-color: none;
  background: rgba(255,255,255,.7);
}
.input-form-wrapper .input-form-item:not(.required) .item-inner {
  padding-top: 4.8vw;
}
.input-form-wrapper .input-form-item:not(.required) .input-form-label {
  margin-bottom: 4vw;
}
.input-form-wrapper .input-form-label {
  margin-bottom: 3.125%;
}
.input-form-wrapper .input-form-label label {
  display: flex;
  align-items: center;
}
.input-form-wrapper .input-form-label label::after {
  content: none;
}
.input-form-wrapper .required .input-form-label label::after {
  content: "";
  float: right;
  padding-top: 7.5%;
  width: 19.21875%;
  background: url(../../img/sp/form_required_ok.png) left bottom no-repeat;
  background-size: 100% auto;
  background-position: left top;
  margin: 0 0 0 auto;
}
.input-form-wrapper .required .is-empty::before {
  background-color: inherit;
}
.input-form-wrapper .required.is-empty .input-form-label label::after {
  content: "";
  float: right;
  padding-top: 7.5%;
  width: 15.78125%;
  background: url(../../img/sp/form_required.png) left bottom no-repeat;
  background-size: 100% auto;
  background-position: left top;
}
.input-form-wrapper .required.err .input-form-label label::after {
  content: "";
  float: right;
  padding-top: 7.5%;
  width: 15.78125%;
  background: url(../../img/sp/form_required_ng.png) left bottom no-repeat;
  background-size: 100% auto;
  background-position: left top;
}

.input-form-privacy {
  border-top: 0.1rem solid #e3e3e3;
  background-size: contain;
}
.input-form-privacy-inner {
  box-sizing: border-box;
  height: 100%;
  padding: 2.5rem 1.1rem 5rem;
  color: #918c88;
}
.input-form-privacy .main-title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.5em;
  color: #7f7875;
}
.input-form-privacy .title {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1em;
  color: #7f7875;
}
.input-form-privacy .text,
.input-form-privacy .item {
  line-height: 1.5;
  font-size: 1rem;
}
.input-form-privacy .contents-title {
  font-size: 1rem;
  margin-bottom: 0.5em;
}
.input-form-privacy .list {
  counter-reset: list;
  margin-left: 1em;
  margin-bottom: 1em;
}
.input-form-privacy .item {
  margin-left: 2.5em;
  text-indent: -2.5em;
}
.input-form-privacy .item:nth-child(n)::before {
  counter-increment: list;
  content: "（" counter(list) "）";
}
.input-form-privacy .text {
  margin-bottom: 1em;
}
.input-form-privacy .text + .text,
.input-form-privacy .text + .list {
  margin-top: 1em;
}
.input-form-privacy .text.date {
  text-align: right;
}
.input-form-privacy .text + .title,
.input-form-privacy .list + .title {
  margin-top: 2em;
}
.input-form-privacy #reception dt,
.input-form-privacy #reception dd {
  line-height: 1.5;
  font-size: 1rem;
}
.input-form-privacy #reception dl {
  display: flex;
}
.input-form-privacy #reception a {
  color: #918c88;
}

.show-privacy .input-form-wrapper {
  filter: blur(8px);
}
.show-privacy .input-form-privacy {
  opacity: 1;
  pointer-events: all;
}

/*----------------------------------------------------------------------
9.	#footer
----------------------------------------------------------------------*/
.p-footer__copyright {
  background: #ba5974;
  text-align: center;
}
.p-footer__copyright__text {
  line-height: 3;
  font-size: 0.9rem;
  color: #fff;
}

.send .m-lead {
  margin-top: 5.3333333333vw;
}
.send .m-exo,
.send .m-recommend {
  margin: 13.3333333333vw 6vw 0;
}
.send .m-exo > .title,
.send .m-recommend > .title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  line-height: 1.3;
  font-size: 1.6rem;
  text-align: center;
  color: #584f4c;
}
.send .m-exo > .title::before, .send .m-exo > .title::after,
.send .m-recommend > .title::before,
.send .m-recommend > .title::after {
  content: "";
  flex: 1;
  height: 1.3rem;
  background: url(../../img/sp/form_recommend_title_bg.png) left top repeat;
  background-size: contain;
}
.send .m-exo > .title::before,
.send .m-recommend > .title::before {
  margin-right: 3.4666666667vw;
}
.send .m-exo > .title::after,
.send .m-recommend > .title::after {
  margin-left: 3.4666666667vw;
}
.send .m-exo > .title {
  margin-bottom: 5.3333333333vw;
}
.send .m-exo__lead {
  margin: 0 auto 2.9333333333vw;
  width: 76.5333333333vw;
}
.send .m-exo .contents-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.send .m-exo__text {
  margin-bottom: 2.6666666667vw;
  text-align: justify;
  line-height: 1.6153846154;
  font-size: 3.4666666667vw;
  color: #726b5f;
}
.send .m-exo__pic {
  margin-bottom: 4.5333333333vw;
}
.send .m-exo__movie {
  width: 100%;
  position: relative;
  padding-top: 51.2vw;
}
.send .m-exo__movie > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.send .m-recommend > .title {
  margin-bottom: 1.5rem;
}
.send .m-recommend .recommend-item {
  border-bottom: 0.1rem dotted #584f4c;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  position: relative;
  min-height: 8.6rem;
}
.send .m-recommend .recommend-item:before, .send .m-recommend .recommend-item:after {
  content: "";
  display: table;
}
.send .m-recommend .recommend-item:after {
  clear: both;
}
.send .m-recommend .recommend-item:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.send .m-recommend .recommend-item:last-child .link a::after {
  bottom: 0;
}
.send .m-recommend .recommend-item > .title {
  margin-bottom: 1rem;
  padding: 0.5rem 9.75rem 0.5rem 1.25rem;
  border-bottom: 0;
  background: #928c88;
  color: #fff;
  line-height: 1.2857142857;
  font-size: 1.2rem;
}
.send .m-recommend .recommend-item .pic {
  position: absolute;
  top: 0;
  right: 0;
  width: 8.5rem;
  height: 8.5rem;
  border: 0.1rem solid #c7bcb5;
}
.send .m-recommend .recommend-item .link a {
  padding-right: 9.75rem;
  line-height: 1.3846153846;
  font-size: 1.3rem;
  color: #726b60;
}
.send .m-recommend .recommend-item .link a::before, .send .m-recommend .recommend-item .link a::after {
  content: "";
  position: absolute;
}
.send .m-recommend .recommend-item .link a::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.send .m-recommend .recommend-item .link a::after {
  padding-top: 1.6rem;
  width: 1.6rem;
  background: url(../../img/sp/form_recommend_link_bg.png) right center no-repeat;
  background-size: contain;
  bottom: 1rem;
  right: 9rem;
}

/*----------------------------------------------------------------------
10.	#original
----------------------------------------------------------------------*/
.input .input-form {
  margin: 0;
}
.input .input-form-wrapper {
  margin-bottom: 0;
}
.input .input-form-wrapper .operation {
  display: none;
}
.input .input-form-wrapper .input-form-label label {
  line-height: 3.7333333333vw;
  font-size: 1.6rem;
  color: #585858;
}
.input .input-form-wrapper .input-form-input-item label {
  font-size: 1.3rem;
}
.input .input-form-wrapper .input-form-input-table {
  border-radius: 0.2em;
  border: solid 0.05em #a2a2a2;
  font-size: 1.6rem;
}
.input .input-form-wrapper .input-form-input-item {
  border-right: solid 0.05em #a2a2a2;
  border-bottom: solid 0.05em #a2a2a2;
}
.input .input-form-wrapper .input-form-input-item:nth-child(even) {
  border-right: 0;
}
.input .input-form-wrapper textarea,
.input .input-form-wrapper input[type=text],
.input .input-form-wrapper input[type=email],
.input .input-form-wrapper input[type=submit],
.input .input-form-wrapper input[type=number],
.input .input-form-wrapper input[type=tel] {
  padding: 3.59375% 4.6875%;
  border-radius: 0.2em;
  border: solid 0.05em #a2a2a2;
  font-size: 1.6rem;
}
.input .input-form-wrapper input::placeholder,
.input .input-form-wrapper textarea::placeholder {
  color: #bdb9b7;
}
.input .input-form-wrapper textarea {
  height: 18.6666666667vw;
  min-height: auto;
}
.input .input-form-text {
  margin: 8vw 5.46875% 0;
  line-height: 1.5;
  font-size: 1.2rem;
}
.input .input-form-text a {
  color: #7f7875;
  text-decoration: underline;
}
.input .input-form-button {
  padding: 8vw 0 48vw;
}
.input .m-form {
  background: url(../../img/sp/form_bg.png) center top no-repeat, linear-gradient(#fff, #e1dcd7);
  background-size: contain;
}
.input .m-form.is-decorate {
  background: url(../../img/sp/form_bg.png) center top no-repeat, url(../../img/sp/form_button_bg.png) left bottom no-repeat, linear-gradient(#fff, #e1dcd7);
  background-size: contain;
}
.input .input-form-privacy {
  background: #e1dcd7;
  display: none;
}
.input .date .input-form-label small {
  font-size: 1.2rem;
}
.input .date .input-form-input input[type=text] {
  font-size: 1.4rem;
}
.input .date .input-form-input select {
  margin-left: 0;
  width: 37vw;
  height: 11vw;
  font-size: 1.2rem;
  border: 0.05rem solid #a2a2a2;
  border-radius: 0.2em;
  line-height: 1.4;
  color: #7f7875;
}
.input .date .input-form-input + .input-form-input {
  margin-top: 5vw;
}

.confirmation .m-form,
.send .m-form {
  background: none;
  background-size: auto;
}

.confirmation .form-item {
  padding: 3.2vw 4.6875% 3.75%;
}
.confirmation .form-item:nth-child(odd) {
  background-color: #eae6e2;
}
.confirmation .form-item:nth-child(even) {
  background-color: #f2f0ee;
}
.confirmation .form-item.operation {
  display: none;
}
.confirmation .form-label label {
  margin-bottom: 3.125%;
  line-height: 1;
  font-size: 1.2rem;
  font-weight: normal;
  color: rgba(88,88,88,.5);
}
.confirmation .form-input {
  font-size: 1.5rem;
  color: #585858;
}
.confirmation .form-input .parts li {
  display: inline-block;
  position: relative;
}
.confirmation .form-input .parts li::before {
  content: "・";
}
.confirmation .form-input .parts li:first-child::before {
  content: none;
}
.confirmation .m-button {
  padding: 7.8125% 0 23.4375%;
  background-color: inherit;
}

.send .m-button {
  padding: 15.625% 0;
  background-color: inherit;
}
.send .m-attention-title {
  background-size: contain;
}
.send.monitor .h-title {
  padding-bottom: 5.3333333333vw;
}
/*# sourceMappingURL=form.css.map */