@charset "utf-8";

/* contact_sp.css：SP
 * ======================================
 * Main
 * ======================================
 */

/* Main
------------------------------------------------------------------ */
#subPage #content h1 > span {
	color: #726256;
	font-size: 2.5em;
	font-weight: normal;
	letter-spacing: 0.05em;
}
h1 + p {
	font-size: 1.2em;
	text-align: center;
}
small.pink{
color: #da809e;	
}
#content .att-txt a.link{
display: inline-block;	
width: auto;
text-decoration: underline;
color: #666;
}
#content .att-txt a.link::after{
content: none;	
}
#content  .button{
background: #ffffff;
    margin: 30px auto;
    text-align: center;
    width: 80%;
}
#content  .button a{
 border: 1px solid #da809e;
    padding: 10px 0;
color: #736357;
font-size: 1.3em;
font-weight: bold;
}

/* #contact_cat01
------------------------------------------------------------------ */
#content #contact_cat01 {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 10px 0 30px 0;
}
#content  #contact_cat01 h2 {
	padding: 20px 0 10px 0;
	font-size: 1.6em;
	font-weight: normal;
}
#content  #contact_cat01 .illust{
margin-bottom: 20px;
padding: 20px 6% 0;
}
#content  #contact_cat01 .illust img{
width: 100%;
height: auto;
}
#content  #contact_cat01 .button{
background: #ffffff;
    margin: 30px auto;
    text-align: center;
    width: 56%;
}
#content  #contact_cat01 .button a{
border: 1px solid #dadada;
    padding: 10px 0;
color: #736357;
font-size: 1.4rem;
}
#content  #contact_cat01 .s-ttl{
text-align: center;
font-size: 1.2em;
font-weight: normal;
margin: 30px 0 20px;
}
#content  #contact_cat01 .s-ttl.mt{
margin: 3em 0 10px;
}
#content  #contact_cat01 .btn-wrap{
display: flex;
justify-content: space-between;
width: 100%;	
margin: auto;
}
#content  #contact_cat01 .btn-wrap .button{
margin: 0;	
width: 48%;
}
#content  #contact_cat01 .tel-banner{
display: flex;
justify-content: center;	
text-align: center;
}
#content  #contact_cat01 .tel-banner a{
	display: block;
	width: auto;
}
#content  #contact_cat01 .tel-banner a img{
	width: 55%;
	height: auto;
}
#content  #contact_cat01 .tel-banner a::after{
	content: none;
}
/* #contact_cat02
------------------------------------------------------------------ */
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
textarea {
	-webkit-appearance: none;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #dadada;
	background:none;
	outline: none;
	padding: 0.5em 1em;
}
#contact_cat02 {
	margin: 30px 0;
}
#contact_cat02 form dl {
	margin: 40px 0 0;
}
#contact_cat02 form dl dt small{
	font-size: 80%;
	display: inline-block;
	line-height: 1.5;
}
.tab_container > p:first-child,
#contact_cat02 form dt {
	font-weight: bold;
	font-size: 1.2em;
	font-feature-settings: "palt";
}
.tab_container > p:first-child span,
#contact_cat02 form dt span {
	color: #e5001f;
	border: 1px solid #e5001f;
	font-size: 0.75em;
	vertical-align: middle;
	margin: 0 0 0 1em;
	padding: 0.2em 0.4em;
	font-weight: normal;
	white-space: nowrap;
}
#contact_cat02 form dd {
	margin: 0.5em 0 0 0;
}
#contact_cat02 form dd input {

}
#contact_cat02 form dd select{
	width: 100%;
	height: 3em;
	outline: none;
	border: 1px solid #dadada;
	padding: 0.5em 1em;
}
#contact_cat02 form strong {
	font-weight: normal;
	font-size: 0.9em;
	margin: 0 0 0 1em;
}

/* 性別 */
#contact_cat02 form .gender dd {
	display: inline-block;
}
#contact_cat02 form .gender dd.block {
	display: block;
}
#contact_cat02 form .gender dd + dd {
	margin: 0 0 0 3em;
}
#contact_cat02 form .gender dd input {
	padding: 1em;
	width: auto;
	margin: 0 0.5em 0 0;
	border: none;
}
#contact_cat02 form .gender dd .flex{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
}
#contact_cat02 form .gender dd .flex label{
width: 49.5%;
display: block;
margin-bottom: 10px;
font-feature-settings: "palt";
}
#contact_cat02 form .gender dd .flex label.w100{
width: 100%;	
}
#contact_cat02 form .gender dd .flex label small{
	font-size: 90%;
	margin-left: 10px;
}
/* 生年月日 */
#contact_cat02 form .birth input {
	width: 80%;
}
#contact_cat02 form .birth dd {
	display: inline-block;
	width: 36%;
}
#contact_cat02 form .birth dd + dd {
	width: 28%;
}
#contact_cat02 form .birth dd input {
	margin: 0 0.5em 0 0;
	width: 78%;
}
#contact_cat02 form .birth dd select {
	width: 70%;
	margin: 0 0.5em 0 0;
}
#contact_cat02 form .birth dd + dd {
	margin: 0 0 0 0.5em;
}

/* Email */
#contact_cat02 form .email02 {
	margin: 10px 0 0 0;
}


/* 住所 */
#contact_cat02 form .zip01 {
	width: 30%;
	margin: 0 0 0 0.5em!important;
}
#contact_cat02 form .zip02 {
	width: 40%;
	margin: 0!important;
}
#contact_cat02 form .zip select {
	width: 30%;
	margin: 10px 0;
}
#contact_cat02 form .zip input:last-child {
	margin: 0!important;
}



/* 希望診察日時 */
#contact_cat02 form .date select {
	width: 100%;
}
#contact_cat02 form .date dt strong {
	color: #E5001C;
}
#contact_cat02 form .date dd {
	width: 51%;
	display: inline-block;
	margin-right: 2%;
}
#contact_cat02 form .date .time {
	width: 42%;
}
#contact_cat02 form .date .time select {
	margin: 0;
	width: 100%;
}
#contact_cat02 form .date + .date {
	margin: 0;
}
#contact_cat02 form .date + .date dt {
	display: none;
}

/* テキストエリア */
#contact_cat02 form textarea {
	width: 100%;
	height: 16em;
	outline: none;
	padding: 0 0.5em;
	border-radius: 5px;
	border: 1px solid #dadada;
}


/* フォームボタン */
#contact_cat02 .formButton {
	text-align: center;
}
#contact_cat02 .formButton {
	text-align: center;
	margin: 50px 0;
}
#contact_cat02 .formButton input {
	width: 40%;
	background: #e2dfdd;
	color: #736357;
	border: none;
	padding: 0.5em 0;
	outline: none
}
#contact_cat02 .formButton input:hover {
	cursor: pointer;
}

/* 確認画面 */
#formWrap .formTable {
	width: 100%;
	margin: 10px 0 0 0;
}
#formWrap .formTable dt {
	font-weight: bold;
	border-bottom: 1px solid #dadada;
}
.error_messe {
	color: red;
}
.confirmBox {
	margin: 30px 0;
	padding: 15px 0;
	text-align: center;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
#subPage #content .confirmBox h2 {
	font-weight: normal;
	padding: 0 0 10px 0;
/* 	font-size: 1.1em; */
	font-size: 2.0em;
}
#contact_cat02 .formButton a {
	width: 70%;
	background: #e2dfdd;
	color: #736357;
	border: none;
	outline: none;
	margin: 0 auto;
	padding: 0.5em 1em;
}
#contact_cat02 .formButton a:after {
	border: none;
}
.sendComplete {
	text-align: left;
}
.sendComplete li {
	padding: 0 1em;
	list-style-type: none;
	position: relative;
}
.sendComplete li:before {
	content: "";
	width: 1em;
	height: 0.5em;
	position: absolute;
	top: 0.56em;
	left: 0;
	background: url(../../images/common/li_round.png) no-repeat center left;
	background-size: contain;
}
.sendComplete li span {
	color: #d57f99;
}
.sendComplete li .mail-message{
	margin: 10px 0;
	border: 2px solid #d57f99;
	padding: 10px;
}
.sendComplete li .mail-message h3{
	font-weight: bold;
	margin-bottom: 10px;
	color: #d57f99;
}
.sendComplete li .mail-message strong{
color: #d57f99;	
border: 0;
}

/* tab */
.tab_container {
}
#tab {
	margin: 0.5em auto;
	width: 100%;
	border: 1px solid #dadada;
	position: relative;
	background: #f5f5f5;
	border-radius: 5px;
}
#tab li {
	display: none;
	text-align: center;
	padding: 1em;
}
#tab.active li + li {
	border-top: 1px dotted #dadada;
}
#tab li.select {
	display: block;
}
#tab.active li {
	display: block;
}
#tab.active li.select:after {
	border: none;
}

/* masonry */
.masonry .grid {
	display: none;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.masonry.category-all .all,
.masonry.category-firstVisit .firstVisit,
.masonry.category-recurring .recurring,
.masonry.category-contactUs .contactUs,
.masonry.category-sejutu .sejutu,
.masonry.category-sejutu2 .sejutu2
{
  display: block !important;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-animation: show 150ms linear forwards;
          animation: show 150ms linear forwards;
}

#tabAnswer {
	display: none;
}