@charset "UTF-8";
/*
@mixin search-form-base-style {
	legend {
		display: none;
	}
}

@mixin keyword-item-base {
	@include transform(translate3d(0, 0, 0));
	overflow: hidden;
	float: left;
	background: #fff;

	a {
		@include transition(opacity $mouseover linear);
		display: block;
		background: #ccc;
		color: $color_text;

		&:hover {
			@include opacity(.5);
			text-decoration: none;
		}
	}
}

@mixin keyword-search-form-style {
	@include search-form-base-style;
	margin-bottom: 15px - 10px;
}

@mixin search-form-item-base {
	@include search-form-base;

	input {
		height: 48px;
	}
}

@mixin search-form-item-input {
	input {
		padding: 0 17px;
		width: 544px - (17px * 2) - (1px * 2);
		font-size: 1.4em;
	}
}

@mixin search-form-item-button {
	input {
		width: 110px - (1px * 2);
	}

	&::before {
		top: 50%;
		right: 10px;
		margin-top: -14px;
	}

	&::after {
		content: '検 索';
		position: absolute;
		top: 0;
		left: 15px;
		line-height: 48px;
		font-size: 1.6em;
		color: #fff;
	}
}

@mixin search-form-item {
	@include search-form-item-base;

	&.input {
		@include search-form-item-input;
	}

	&.button {
		@include search-form-item-button;
	}
}

@mixin keyword-list {
	@include pie-clearfix;
}

@mixin keyword-item {
	@include keyword-item-base;
	@include border-radius(3px);
	margin: 10px 10px 0 0;

	a {
		padding: 0 1em;
		line-height: (26 / 14);
		font-size: 1.4em;
	}
}

@mixin form-base-style {
	position: relative;
	margin-bottom: 40px;
	width: 100%;
	border-bottom: 1px solid $color_blue;
	font-size: 1.6em;
	color: $color_text;

	&::before {
		@include background(linear-gradient(#d6d6d6, transparent 10px));
		content: '';
		display: block;
		position: absolute;
		bottom: -11px;
		width: 100%;
		height: 10px;
	}

	th ,
	td {
		@include background(linear-gradient(#d6d6d6, transparent 10px));
		border-top: 1px solid $color_blue;
	}

	th {
		@include background(
			linear-gradient(#d6d6d6, transparent 10px),
			url(../img/form_label_bg.png) right 8px top 15px no-repeat
		);
		padding: 18px 48px 18px 20px;
		width: 230px - 48px - 20px;
		vertical-align: top;

		&.required {
			@include background(
				linear-gradient(#d6d6d6, transparent 10px),
				url(../img/form_required_bg.png) right 5px top 15px no-repeat
			);
		}
	}

	td {
		padding: 18px 20px;

		p {
			margin-top: 1em;
		}
	}

	p {
		line-height: (20 / 12);
		font-size: (1.2em / 1.6);

		em {
			color: $color_accent;
		}
	}

	li {
		display: inline-block;
		margin-right: 30px;
	}

	.text {
		line-height: 1;
		font-size: 1em;
	}

	.errbg {
		background-color: #f0d6da;
	}
}

@mixin form-label-style {
	.form-label {
		line-height: (24 / 16);
	}
}

@mixin form-input-base-style {
	input[type=text] ,
	textarea {
		@include box-sizing(border-box);
		width: 100%;
		border: 1px solid #7c7671;
	}

	input[type=text] {
		padding: 0 10px;
		height: 12px + 16px + 12px;

		&.short {
			width: 20%;
		}

		&.middle {
			width: 50%;
		}
	}

	textarea {
		padding: 10px;
		line-height: 1.5;
		resize: vertical;
	}

	input[type=radio] ,
	input[type=checkbox] {
		margin-right: .5em;
	}

	.clinic ,
	.possibletime {
		.form-input {
			li {
				display: block;
				float: left;
				margin: 0 0 20px;
				width: 50%;

				&:last-child {
					margin: 0;
				}

				&:nth-last-child(2) {
					&:nth-child(odd) {
						margin: 0;
					}
				}
			}
		}
	}

	.parts {
		.form-input {
			li {
				display: inline-block;
				margin: 0 30px 20px 0;

				&:last-child {
					margin: 0;
				}
			}
		}
	}

	.date {
		td {
			padding-bottom: 9px;
		}

		&.last {
			td {
				padding-top: 9px;
				padding-bottom: 18px;
				border: 0;
				background-image: none;
			}
		}
	}
}

@mixin form-reservation-item-style {
	.ui-datepicker-trigger {
		@include text-replacement;
		@include background(linear-gradient(#e6e6e6, #fefefe));
		display: inline-block;
		position: relative;
		padding: 0;
		width: 40px;
		height: 40px;
		border: 1px solid #7c7671;
		border-left: 0;
		outline: none;
		cursor: pointer;
		vertical-align: top;

		&::before {
			content: '\f073';
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 1;
			text-indent: 0;
			line-height: 40px;
			font-family: fontAwesome;
			font-size: 2em;
			color: $color_text;
		}
	}

	.ui-datepicker {
		@include box-sizing(border-box);
		width: (440px / (100% / 50%)) - (10px * 2) + 2px + 40px;
		font-size: 1.4em;

		td {
			line-height: 2;
		}

		a:hover {
			> * {
				@include opacity(1);
			}
		}
	}
}

@mixin form-error-style {
	@include border-radius(4px);
	border: 1px solid $color_accent;
	background: #fff;
	margin: 0 0 40px 268px + 20px + 38px;
	padding: 21px 0 18px;
	text-align: center;
	font-size: 1.6em;
	color: $color_accent;

	span {
		display: block;
		margin-top: 13px;
		font-size: (1.2em / 1.6);
		color: $color_text;
	}
}

@mixin form-button-base {
	margin: 0 auto;
	background: #fff;

	input {
		@include transition(opacity $mouseover linear);
		@include text-replacement;
		margin: 0 auto;
		border: 0;
		cursor: pointer;

		&:hover {
			@include opacity(.5);
		}
	}
}

@mixin form-button-confirmation {
	width: image-width('img/button_confirmation.gif');
	height: image-height('img/button_confirmation.gif');

	input {
		width: image-width('img/button_confirmation.gif');
		height: image-height('img/button_confirmation.gif');
		background: url(../img/button_confirmation.gif) left top no-repeat;
	}
}

@mixin form-button-back {
	width: image-width('img/button_back.gif');
	height: image-height('img/button_back.gif');
}

@mixin form-button-send {
	width: image-width('img/button_send.gif');
	height: image-height('img/button_send.gif');
}
*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------

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

Created By		Yoshiaki Murakami

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

1.	共通使用変数定義
2.	ブラウザデフォルトスタイルリセット
3.	HTMLタグ
4.	container
5.	共通部分
6.	header
7.	content
8.	main
9.	sub
10.	footer
11.	ページ別個別設定

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
1.	共通使用変数定義
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
2.	ブラウザデフォルトスタイルリセット
----------------------------------------------------------------------*/
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;
}

body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 10px;
}

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;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

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

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

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

/*----------------------------------------------------------------------
3.	HTMLタグ
----------------------------------------------------------------------*/
html,
body {
  height: 100%;
}

body {
  min-width: 1000px;
  -webkit-text-size-adjust: 100%;
}

a, a::before, a::after {
  transition: background-color 0.15s linear, background-image 0.15s linear;
}
a > * {
  transition: opacity 0.15s linear;
}
a img {
  background: rgba(255, 255, 255, 0.01);
}
a:hover {
  text-decoration: underline;
}
a:hover > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  text-decoration: none;
}

/*----------------------------------------------------------------------
4.	container
----------------------------------------------------------------------*/
.l-container {
  position: relative;
  overflow: hidden;
  min-height: 100%;
}
body > .l-container {
  height: auto;
}

.l-container {
  background: #dcd6e2;
}

/*----------------------------------------------------------------------
5.	共通部分
----------------------------------------------------------------------*/
.r-pagetop {
  transition: opacity, 0.15s, linear;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: -1;
}
.r-pagetop.is-active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  z-index: 1;
}
.r-pagetop a:hover > img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

#yearend {
  position: fixed;
  bottom: 0;
  z-index: 1000;
  overflow: hidden;
  padding-top: 3px;
  width: 99.85%;
  height: 32px;
  border: 1px solid #888;
  background: url(https://www.theclinic-system.com/img/yearend_bg.gif) left 3px repeat-x #c40038;
  line-height: 1.2em;
}
#yearend h2,
#yearend p {
  display: table-cell;
}
#yearend p {
  padding: 5px 91px 0 2em;
  vertical-align: middle;
  text-indent: -1em;
  line-height: 1.2;
  font-size: 1em;
  color: #59514e;
}
#yearend .pic {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
}

.topicpath {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#e5e5e5, #ffffff);
  padding: 9px 0 10px;
  border-top: 2px solid #fff;
}
.topicpath-list {
  *zoom: 1;
  position: relative;
  margin: 0 auto;
  width: 1000px;
}
.topicpath-list:after {
  content: "";
  display: table;
  clear: both;
}
.topicpath-item {
  position: relative;
  z-index: 1;
  float: left;
  margin-right: 7px;
  padding-right: 11px;
}
.topicpath-item::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #676767;
}
.topicpath-item a {
  display: block;
  font-size: 1.2em;
  color: #676767;
}
.topicpath-item a:hover > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.topicpath-item span {
  display: block;
}
.topicpath-item span::before {
  content: '\f07b';
  display: inline-block;
  margin-right: 4px;
  font-family: fontAwesome;
}
.topicpath-item:first-child span::before {
  content: '\f015';
  font-size: 1.2em;
}
.topicpath-item:last-child {
  margin: 0;
  padding: 0;
}
.topicpath-item:last-child::before {
  content: initial;
}
.topicpath-item:last-child a {
  color: #e45266;
}
.topicpath-item:last-child span::before {
  content: '\f15c';
}

/*----------------------------------------------------------------------
6.	#header
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
7.	#content
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
8.	#main
----------------------------------------------------------------------*/
.l-main {
  position: relative;
  z-index: 1;
  float: left;
  width: 725px;
}

.m-contents {
  position: relative;
  z-index: 3;
}
.m-contents-wrapper {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwYjVjOSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2MwYjVjOSIvPjxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjYzBiNWM5IiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(rgba(192, 181, 201, 0), #c0b5c9 10%, rgba(192, 181, 201, 0) 95%);
  position: relative;
  padding: 0 1px;
}
.m-contents-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: -18px;
  z-index: 1;
  width: 760px;
  height: 115px;
  background: url(../img/main_content_bg.png) left top no-repeat;
}
.m-contents-wrapper-inner {
  box-sizing: border-box;
  border-radius: 4px 4px 0 0;
  position: relative;
  z-index: 2;
  padding: 45px 39px 100px;
  min-height: 873px;
  background: #fff;
}
.m-contents-wrapper-inner::before {
  border-radius: 3px 3px 0 0;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZTZlZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(#eae6ed, #ffffff);
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  left: 1px;
  height: 160px;
}

.m-title {
  position: relative;
  z-index: 1;
  padding: 65px 0 58px 55px;
  max-height: 107px;
}
.m-title-text {
  margin-bottom: 21px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 3em;
  font-weight: bold;
  color: #654285;
}
.m-title-lead {
  line-height: 1.75;
  font-size: 1.6em;
  color: #646464;
}

.l-main {
  float: none;
  width: auto;
}

.m-contents-wrapper::before {
  width: 1036px;
  height: 115px;
  background: url(../img/main_content_bg_f.png) left top no-repeat;
}

.c-contents {
  *zoom: 1;
  position: relative;
}
.c-contents:after {
  content: "";
  display: table;
  clear: both;
}
.c-contents-title {
  margin-bottom: 30px;
  padding: 5px 0 0 13px;
  background: url(../img/contents_title_bg.png) left top no-repeat;
  line-height: 49px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 1.8em;
  font-weight: bold;
  color: #654285;
  background-image: url(../img/consultation_title_bg.png);
}
.c-contents-text {
  margin: 0 0 15px 236px;
  width: 654px;
  line-height: 1.7142857143;
  font-size: 1.4em;
  color: #646464;
}
.c-contents-order {
  position: absolute;
  top: 84px;
  left: 15px;
}

.error {
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px;
  background: #f6cad0;
  text-align: center;
}
.error-text {
  line-height: 1.5;
  font-size: 1.6em;
  color: #e35165;
}
.error-text span {
  display: block;
  margin-top: 4px;
  line-height: 1;
  font-size: 0.75em;
  color: #4d4d4d;
}

.m-form {
  margin-left: 236px;
  width: 654px;
}
.m-form legend {
  display: none;
}
.m-form-button-item {
  border-radius: 5px 5px 6px 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.m-form-button-item input {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  transition: opacity 0.15s linear;
  margin: 0 auto;
  border: none;
  cursor: pointer;
}
.m-form-button-item input:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.m-form-button-item a:hover > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.form-wrapper {
  display: table;
  margin-bottom: 45px;
  width: 100%;
  background: repeat-y;
  background-position: left top;
  font-size: 1.4em;
  color: #7c7671;
}
.form-item {
  display: table-row;
}
.form-item > * {
  box-sizing: border-box;
  display: table-cell;
}
.form-label {
  padding: 20px;
  width: 230px;
  line-height: 1.3333333333;
}
.form-label p {
  line-height: 1.3;
  font-size: 0.8333333333em;
}
.form-label p em {
  color: #e45266;
}
.form-input {
  padding: 20px 15px;
  border-left: 1px solid #d6cedc;
}

/*----------------------------------------------------------------------
10.	#footer
----------------------------------------------------------------------*/
.f-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  background-color: #222;
  text-align: center;
  color: #fff;
}

/*----------------------------------------------------------------------
11.	ページ別個別設定
----------------------------------------------------------------------*/
.input .l-content::before {
  height: 358px;
}
.input .l-content::after {
  margin-left: -457px;
  width: 914px;
  height: 358px;
  background: url(../img/consultation_bg.jpg) center top no-repeat;
}
.input .form-wrapper {
  display: table;
  margin-bottom: 45px;
  width: 100%;
  background-image: url(../img/form_bg.gif);
  border-collapse: separate;
  border-spacing: 0 1px;
  color: #7c7671;
}
.input .form-item:nth-child(even) > * {
  background-image: url(../img/form_bg2.png);
  background-repeat: repeat-y;
}
.input .form-item:nth-child(even) .form-label {
  background-position: left top;
}
.input .form-item:nth-child(even) .form-input {
  background-position: right top;
}
.input .form-item.clinic .form-input li {
  width: 45%;
}
.input .form-label {
  position: relative;
  background-color: #fff;
}
.input .form-label::before {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 36px;
  height: 15px;
  background-image: url(../img/form_label_bg.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.input .form-label.required::before {
  background-image: url(../img/form_required_bg.png);
}
.input .form-input {
  padding: 20px 15px;
  border-left: 1px solid #d6cedc;
  background-color: #fff;
}
.input .form-input.errbg {
  background-image: url(../img/form_error_bg.png);
}
.input .form-input input[type=text],
.input .form-input textarea {
  border-radius: 4px;
  box-sizing: border-box;
  padding: 0 10px;
  border: 1px solid #7c7671;
  color: #7c7671;
}
.input .form-input input[type=text]:focus,
.input .form-input textarea:focus {
  background: #fff;
}
.input .form-input input[type=text] {
  height: 40px;
}
.input .form-input textarea {
  padding: 10px;
  line-height: 1.5;
  resize: vertical;
}
.input .form-input ul {
  margin-bottom: -15px;
}
.input .form-input li {
  display: inline-block;
  margin: 0 15px 15px 0;
}
.input .form-input li input {
  margin-right: 5px;
}
.input .form-input .full {
  width: 100%;
}
.input .form-input .middle {
  width: 14em;
}
.input .form-input .short {
  width: 5em;
}
.input .m-form-button-item.confirmation {
  margin: 0 auto;
  width: 165px;
  height: 45px;
  background: url(../img/button_confirmation_bg.png) center top no-repeat;
}
.input .m-form-button-item.confirmation:hover input {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.input .m-form-button-item.confirmation input {
  width: 165px;
  height: 45px;
  background: url(../img/button_confirmation.png) left top no-repeat;
  vertical-align: top;
}

.confirmation .m-contents-wrapper-inner,
.send .m-contents-wrapper-inner {
  min-height: 1px;
}
.confirmation .m-title,
.send .m-title {
  margin: -20px -19px 20px;
  padding: 0 0 0 20px;
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 50px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 2em;
  font-weight: bold;
  color: #654285;
}

.confirmation .c-contents-text {
  margin-bottom: 35px;
}
.confirmation .form-wrapper {
  border: 1px solid #d6cedc;
  background-image: url(../img/confirmation_form_bg.gif);
}
.confirmation .form-item:nth-child(odd) > * {
  background-color: #fff;
}
.confirmation .form-item:last-child > * {
  background-image: none;
}
.confirmation .form-item.email .form-input {
  font-size: 1.4285714286em;
  font-weight: bold;
  color: #e45266;
}
.confirmation .form-label {
  background: url(../img/confirmation_form_bg2.gif) left bottom no-repeat;
}
.confirmation .m-form-button {
  *zoom: 1;
  margin-bottom: 50px;
}
.confirmation .m-form-button:after {
  content: "";
  display: table;
  clear: both;
}
.confirmation .m-form-button-item.back {
  float: left;
}
.confirmation .m-form-button-item.send {
  margin: 0 auto;
  width: 165px;
  height: 45px;
  background: url(../img/button_send_bg.png) left top no-repeat;
}
.confirmation .m-form-button-item.send input {
  width: 165px;
  height: 45px;
  background: url(../img/button_send.png) left top no-repeat;
}

.send .c-contents-text {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
}
.send .c-contents-text em {
  color: #e45266;
}
.send .m-sendto {
  display: table;
  margin-bottom: 10px;
  margin-left: 256px;
  width: 613px;
  border: 1px solid #a9a3b1;
  background: #e9e6ee;
  font-size: 1.4em;
  color: #7c7671;
}
.send .m-sendto > * {
  display: table-cell;
  height: 45px;
  vertical-align: middle;
  text-align: center;
}
.send .m-sendto-title {
  width: 207px;
  border-right: 1px solid #a9a3b1;
  text-align: center;
}
.send .m-sendto-email {
  background: #fff;
  font-size: 1.4285714286em;
  font-weight: bold;
  color: #e45266;
  word-break: break-word;
}
.send .m-button {
  margin-bottom: 50px;
  margin-left: 256px;
  text-align: center;
}
.send .m-button a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.send .m-button img {
  border-radius: 5px 5px 6px 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}

.consultation.input .l-content::before {
  height: 358px;
}
.consultation.input .l-content::after {
  margin-left: -457px;
  width: 914px;
  height: 358px;
  background: url(../img/consultation_bg.jpg) center top no-repeat;
}
.consultation.confirmation .m-title, .consultation.send .m-title {
  background-image: url(../img/consultation_title_bg.jpg);
}

.counseling.confirmation .m-title, .counseling.send .m-title {
  background-image: url(../img/counseling_title_bg.jpg);
}
.counseling.input .form-item.date input[type='text'] {
  border-radius: 4px 0 0 4px;
}
.counseling.input .ui-datepicker-trigger {
  border-radius: 0 4px 4px 0;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZTVlZCIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZWFlNmVkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzBiNWM5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: linear-gradient(#e8e5ed, #eae6ed 60%, #c0b5c9);
  display: inline-block;
  position: relative;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #7c7671;
  border-left: 0;
  outline: none;
  cursor: pointer;
  vertical-align: top;
}
.counseling.input .ui-datepicker-trigger::before {
  content: '\f073';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  text-indent: 0;
  line-height: 40px;
  font-family: fontAwesome;
  font-size: 1.6em;
  color: #646464;
}
.counseling.input .ui-datepicker {
  box-sizing: border-box;
  width: 242px;
  font-size: 1.4em;
}
.counseling.input .ui-datepicker td {
  line-height: 2;
}
.counseling.input .ui-datepicker a:hover > * {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.counseling.input .l-content::before {
  height: 358px;
}
.counseling.input .l-content::after {
  margin-left: -532px;
  width: 1064px;
  height: 358px;
  background: url(../img/counseling_bg.jpg) center top no-repeat;
}
.counseling.input .m-counseling {
  padding-top: 0;
}
.counseling.input .form-wrapper .possibletime .form-label em {
  display: inline-block;
}
.counseling .m-tel {
  margin-bottom: 40px;
}
.counseling .m-tel .c-contents-text {
  margin-right: 15px;
  margin-left: 15px;
  width: auto;
}
.counseling .m-tel-clinic-list {
  *zoom: 1;
  margin: 0 15px;
}
.counseling .m-tel-clinic-list:after {
  content: "";
  display: table;
  clear: both;
}
.counseling .m-tel-clinic-item {
  position: relative;
  float: left;
  margin: -1px 16px 0 0;
  width: 286px;
  font-size: 1.2em;
  color: #7c7671;
}
.counseling .m-tel-clinic-item::before, .counseling .m-tel-clinic-item::after {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iI2VhZTZlZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZDVjZWRjIi8+PHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNlYWU2ZWQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(to right, #eae6ed 3%, #d5cedc 50%, #eae6ed 97%);
  content: '';
  display: block;
  right: 0;
  left: 0;
  padding-top: 1px;
}
.counseling .m-tel-clinic-item::before {
  top: 0;
}
.counseling .m-tel-clinic-item::after {
  bottom: 0;
}
.counseling .m-tel-clinic-item:nth-child(3n) {
  margin-right: 0;
}
.counseling .m-tel-clinic-item .item-inner {
  margin: 0 auto;
  padding: 29px 0 30px;
  width: 235px;
}
.counseling .m-tel-clinic-title {
  position: relative;
  margin-bottom: 25px;
  height: 20px;
}
.counseling .m-tel-clinic-title img {
  position: absolute;
  bottom: -12px;
  left: 0;
}
.counseling .m-tel-clinic-tel {
  margin-bottom: 6px;
}
.counseling .m-tel-clinic-tel-free {
  margin-bottom: 8px;
}
.counseling .m-tel-clinic-tel-international {
  text-align: center;
}
.counseling .m-tel-clinic-address, .counseling .m-tel-clinic-reception-hours {
  line-height: 1.6666666667;
}
.counseling .m-tel-clinic-reception-hours .is-open {
  border-radius: 1em;
  display: inline-block;
  padding: 0 .5em;
  background: #e45266;
  line-height: 1.5;
  font-size: 0.8333333333em;
  color: #f2f2f2;
}
.counseling.confirmation .form-item.tel .form-input {
  font-size: 1.4285714286em;
  font-weight: bold;
  color: #e45266;
}