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

File Name:		pc_form.scss
Note:			PC_フォーム用SCSSファイル


New Creation:	2018/04/19.
Last Change:	2018/05/01.


Created By		Kosuke Inoue

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

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

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
0.	共通使用変数定義
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
1.	ブラウザデフォルトスタイルリセット
----------------------------------------------------------------------*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
ul,
ol,
dl,
form,
fieldset,
table,
address,
blockquote,
noscript,
pre,
tr,
td,
input,
textarea {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-style: normal;
}

html {
  font-family: "Gothic MB101 Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 62.5%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: normal;
}

small {
  font-size: 1em;
}

mark {
  background: none;
}

fieldset {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font: 100%;
  font-size: inherit;
}

li {
  list-style-type: none;
}

dd {
  margin: 0;
}

a,
abbr,
acronym,
em,
strong,
span,
img,
sub,
sup,
input,
button,
textarea,
select,
label,
caption {
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
}

img {
  border: 0;
  vertical-align: bottom;
}

caption,
th {
  text-align: left;
  font-weight: normal;
}

th,
td {
  padding: 0;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

textarea {
  vertical-align: top;
}

iframe {
  border: 0;
}

header,
footer,
article,
section,
aside,
nav,
figure,
figcaption {
  display: block;
  margin: 0;
  padding: 0;
}

input[type='search'] {
  box-sizing: content-box;
  -webkit-appearance: none;
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*----------------------------------------------------------------------
2.	HTMLタグ
----------------------------------------------------------------------*/
html {
  color: #595757;
}

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

a {
  color: #6d9dcf;
}

object {
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
object.is-inactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
object.is-active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

/*----------------------------------------------------------------------
3.	container
----------------------------------------------------------------------*/
.l-container {
  overflow: hidden;
  min-width: 1000px;
  border-top: 30px solid #778b9b;
  background: url(../img/contents_bg.png) center top repeat-y;
  background-size: 100% auto;
}

/*----------------------------------------------------------------------
4.	共通部分
----------------------------------------------------------------------*/
#message {
  margin: 0 auto 30px;
  padding: 20px 10px;
  width: 676px;
  border: 2px solid #dc5162;
  background: #fff;
}
#message p {
  margin: 0 auto;
  padding-left: 165px;
  background: url(../img/error_icon.gif) 115px center no-repeat;
  line-height: 1.2857142857;
  font-size: 1.6em;
  font-weight: bold;
  color: #dc5162;
}
#message p span {
  font-size: 0.75em;
  color: #474645;
}

legend {
  display: none;
}

.input-form *[class*='form-wrapper'] {
  width: 100%;
  table-layout: fixed;
  color: inherit;
}
.input-form *[class*='form-wrapper'] *[class*='form-item'][class*='form-item']:nth-child(even) > * {
  background-color: #fff;
}
.input-form *[class*='form-wrapper'] *[class*='form-item'][class*='form-item']:nth-child(even) .errbg {
  background-color: #fdebe6;
}
.input-form *[class*='form-wrapper'] *[class*='form-item'][class*='form-item']:nth-child(odd) > * {
  background-color: rgba(119, 139, 155, 0.2);
}
.input-form *[class*='form-wrapper'] *[class*='form-item'][class*='form-item']:nth-child(odd) .errbg {
  background-color: #f8d2cd;
}
.input-form *[class*='form-wrapper'] *[class*='form-item'][class*='form-item'].name em {
  display: block;
  margin-right: -.5em;
}
.input-form *[class*='form-wrapper'] *[class*='form-item'][class*='form-item'].emailcheck label {
  margin-right: -.5em;
}
.input-form *[class*='form-wrapper'] *[class*='form-item'][class*='form-item'].required .input-form-label {
  background-image: url(../img/form_required.gif);
}
.input-form *[class*='form-wrapper'] *[class*='form-item'][class*='form-item'] .ui-datepicker-trigger {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkOGQ1ZDciLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -moz-linear-gradient(#d8d5d7 50%, #ffffff 50%);
  background: -webkit-linear-gradient(#d8d5d7 50%, #ffffff 50%);
  background: linear-gradient(#d8d5d7 50%, #ffffff 50%);
  padding: 6px 0;
  border: 1px solid #b5b5b6;
  border-left: 0;
}
.input-form *[class*='form-wrapper'] *[class*='form-label'],
.input-form *[class*='form-wrapper'] *[class*='form-input'] {
  border: 1px solid #c7bcb5;
  font-size: 16px;
}
.input-form *[class*='form-wrapper'] *[class*='form-label'] {
  padding: 12px 25px 12px 20px;
  width: 295px;
  background-image: url(../img/form_free.gif);
  background-position: right 10px top 10px;
  background-repeat: no-repeat;
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
}
.input-form *[class*='form-wrapper'] *[class*='form-label'] small {
  font-size: 12px;
  font-weight: normal;
}
.input-form *[class*='form-wrapper'] *[class*='form-label'] small em {
  color: #cb4a90;
}
.input-form *[class*='form-wrapper'] *[class*='form-label'] label {
  display: block;
}
.input-form *[class*='form-wrapper'] *[class*='form-label'] > *:first-child {
  padding: 0;
  background: none;
}
.input-form *[class*='form-wrapper'] *[class*='form-input'] {
  padding: 15px 20px;
  width: auto;
  background-color: #f5f2f0;
}
.input-form *[class*='form-wrapper'] input:not([type=radio]):not([type=checkbox]),
.input-form *[class*='form-wrapper'] textarea {
  padding: 5px 10px;
  border: 1px solid #b5b5b6;
}
.input-form *[class*='form-wrapper'] input:not([type=radio]):not([type=checkbox]) {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 44px;
  color: inherit;
}
.input-form *[class*='form-wrapper'] textarea {
  line-height: 1.25;
}
.input-form *[class*='form-wrapper'] li {
  display: inline-block;
  margin: 7px 20px 7px 0;
  line-height: 1;
}
.input-form *[class*='form-wrapper'] .full,
.input-form *[class*='form-wrapper'] textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.input-form *[class*='form-wrapper'] .short {
  width: 100px;
}
.input-form *[class*='form-wrapper'] .chkradio label {
  margin-left: .5em;
}

.m-button {
  *zoom: 1;
  position: relative;
  margin: 40px 0 80px;
  text-align: center;
}
.m-button:after {
  content: "";
  display: table;
  clear: both;
}
.m-button-item input,
.m-button-item a {
  -moz-transition: opacity 0.1s linear;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.m-button-item input:hover,
.m-button-item a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  text-decoration: none;
}
.m-button-item.send {
  padding-left: 320px;
}
.m-button-item.back {
  position: absolute;
  top: 0;
  left: 0;
}

.m-address {
  display: table;
  margin: 0 auto 30px;
  width: 100%;
}
.m-address > * {
  display: table-cell;
  padding: 20px;
  vertical-align: middle;
}
.m-address .term {
  width: 200px;
  background-color: #778b9b;
  text-align: center;
  font-size: 20px;
  color: #fff;
}
.m-address .description {
  padding: 25px;
  background-color: rgba(227, 231, 235, 0.5);
  font-size: 24px;
  font-weight: bold;
  color: #cb4a90;
}

.m-attention {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 25px 40px;
  width: 100%;
  background-color: rgba(227, 231, 235, 0.5);
}
.m-attention::before {
  content: '';
  display: block;
  position: absolute;
  top: 5%;
  left: 5px;
  width: 4px;
  height: 90%;
  background-color: #778b9b;
}
.m-attention-title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #778b9b;
}
.m-attention-list {
  margin-top: 10px;
}
.m-attention-item, .m-attention-text {
  line-height: 1.4;
  font-size: 14px;
}
.m-attention-text {
  margin-bottom: 10px;
}
.m-attention-item {
  margin-top: 3px;
  color: #cb4a90;
}
.m-attention-item::before {
  content: '・';
}
.m-attention-item:first-child {
  margin-top: 0;
}

.confirmation *[class*='form-wrapper'] *[class*='form-label'] {
  background-image: none;
}
.confirmation *[class*='form-wrapper'] *[class*='form-input'] {
  word-break: break-all;
}
.confirmation *[class*='form-wrapper'] .email td em,
.confirmation *[class*='form-wrapper'] .tel td em {
  font-size: 1.25em;
  font-weight: bold;
  color: #cb4a90;
}

.m-progress {
  margin-bottom: 60px;
  text-align: center;
}

.m-lead {
  margin-bottom: 40px;
}
.m-lead em {
  font-weight: bold;
  color: #cb4a90;
}
.m-lead-title {
  padding: 15px 0;
  background-color: #778b9b;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.m-lead-box {
  padding: 20px;
  background-color: rgba(119, 139, 155, 0.2);
}
.m-lead-text {
  line-height: 1.7142857143;
  font-size: 14px;
}
.m-lead-text em {
  color: #cb4a90;
}
.m-lead-text.text {
  margin-bottom: 40px;
}

.m-note {
  margin-bottom: 40px;
}
.m-note-title {
  padding: 20px 20px 0;
  background: #fff;
  font-size: 1.6em;
  font-weight: bold;
  color: #778b9b;
}
.m-note-contents {
  background: #fff;
}
.m-note-contents > .m-note-text {
  padding-top: 10px;
}
.m-note-text {
  padding: 20px;
  line-height: 1.7142857143;
  font-size: 14px;
}
.m-note-text em {
  font-weight: bold;
  color: #cb4a90;
}

.ui-datepicker {
  font-size: 1.6em;
}
.ui-datepicker td {
  height: 2em;
}
.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
  line-height: 2em;
}
.ui-datepicker .ui-datepicker-today span {
  background-color: #f9e5e0;
}

.grecaptcha-badge {
  visibility: hidden;
}

/*----------------------------------------------------------------------
5.	#header
----------------------------------------------------------------------*/
.l-header {
  padding-bottom: 82px;
}

.h-title {
  text-align: center;
}
.h-title.monitor-title {
  background: url(../img/monitor_title_bg.png) left top no-repeat;
}
.h-title.consultation-title {
  background: url(../img/consultation_title_bg.png) left top no-repeat;
}

/*----------------------------------------------------------------------
6.	#content
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
7.	#main
----------------------------------------------------------------------*/
.m-contents {
  margin: 0 auto 80px;
  width: 1000px;
}
.m-contents-title {
  margin-bottom: 45px;
  padding: 6px 0 6px 25px;
  border-left: 7px solid #cb4a90;
}

.m-flow .text {
  margin-bottom: 35px;
  line-height: 1.7142857143;
  font-size: 14px;
}
.m-flow .m-anchor {
  background-position: right top;
  background-repeat: no-repeat;
}
.m-flow .m-anchor a {
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
}
.m-flow .m-anchor a img {
  -moz-transition: opacity 0.15s linear;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.m-flow .m-anchor a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.m-flow .m-anchor + .m-anchor {
  margin-top: 5px;
}
.m-flow .m-anchor.tel {
  background-image: url(../img/form_flow_anchor_tel_bg.png);
}
.m-flow .m-anchor.tel a {
  background-image: url(../img/form_flow_anchor_tel_h.png);
}
.m-flow .m-anchor.net {
  background-image: url(../img/form_flow_anchor_net_bg.png);
}
.m-flow .m-anchor.net a {
  background-image: url(../img/form_flow_anchor_net_h.png);
}

.m-tel .m-clinic-list {
  *zoom: 1;
}
.m-tel .m-clinic-list:after {
  content: "";
  display: table;
  clear: both;
}
.m-tel .m-clinic-item {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 11px 0 17px;
}
.m-tel .m-clinic-item:nth-child(odd) {
  float: left;
  width: 50%;
  border-right: 1px dashed #000;
}
.m-tel .m-clinic-item:nth-child(even) {
  border-bottom: 1px dashed #000;
}
.m-tel .m-clinic-item img {
  margin-left: 16px;
}

.m-note > * {
  background: rgba(255, 255, 255, 0.5);
}

.input-form-wrapper .input-form-item.date > *,
.input-form-wrapper .input-form-item.date.last + .input-form-item + .input-form-item > *,
.input-form-wrapper .input-form-item.date.last + .input-form-item + .input-form-item + .input-form-item + .input-form-item > * {
  background-color: #f5f2f0;
}

.input-form-wrapper .input-form-item.date.last + .input-form-item > *,
.input-form-wrapper .input-form-item.date.last + .input-form-item + .input-form-item + .input-form-item > * {
  background-color: #fff;
}

.m-button-item > * {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 6px;
  overflow: hidden;
}

/*----------------------------------------------------------------------
9.	#footer
----------------------------------------------------------------------*/
.f-copyright {
  background: #8c9ca8;
  text-align: center;
}
.f-copyright-text {
  line-height: 2.6;
  font-size: 1em;
  color: #fff;
}

.input .input-form-text {
  margin-bottom: 40px;
  text-align: center;
  font-size: 1em;
}
.input .input-form-text a {
  color: #505050;
  text-decoration: underline;
  cursor: pointer;
}
.input .input-form-privacy {
  display: none;
  border-top: 1px solid #e3e3e3;
}
.input .input-form-privacy-inner {
  box-sizing: border-box;
  height: 100%;
  margin: 0 auto;
  width: 920px;
  padding: 80px 0 120px;
  color: #918c88;
}
.input .input-form-privacy .main-title {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 2em;
  color: #7f7875;
}
.input .input-form-privacy .title {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
  color: #7f7875;
}
.input .input-form-privacy .text,
.input .input-form-privacy .item {
  line-height: 1.8333333333;
  font-size: 1.2em;
}
.input .input-form-privacy .contents-title {
  font-size: 1.2em;
  margin-bottom: .5em;
}
.input .input-form-privacy .list {
  counter-reset: list;
  margin-bottom: 1em;
  margin-left: 1em;
}
.input .input-form-privacy .item {
  margin-left: 2.5em;
  text-indent: -2.5em;
}
.input .input-form-privacy .item:nth-child(n)::before {
  counter-increment: list;
  content: "（" counter(list) "）";
}
.input .input-form-privacy .item .item {
  font-size: 1em;
}
.input .input-form-privacy .text {
  margin-bottom: 1em;
}
.input .input-form-privacy .text + .text,
.input .input-form-privacy .text + .list {
  margin-top: 1em;
}
.input .input-form-privacy .text.date {
  text-align: right;
}
.input .input-form-privacy .text + .title,
.input .input-form-privacy .list + .title {
  margin-top: 2em;
}
.input .input-form-privacy #reception dt,
.input .input-form-privacy #reception dd {
  line-height: 1.8333333333;
  font-size: 1.2em;
}
.input .input-form-privacy #reception dl {
  display: flex;
}
.input .input-form-privacy #reception dl dt,
.input .input-form-privacy #reception dl dd {
  font-size: 1em;
}
.input .input-form-privacy #reception a {
  color: #918c88;
  pointer-events: none;
}

.send > img {
  display: none;
}

/*# sourceMappingURL=pc_form.css.map */
