/* CSS Document */

/*- - - - - - - - - - - - - - - - - - - -
web font
- - - - - - - - - - - - - - - - - - - -*/
* {
	font-family: fot-tsukubrdgothic-std, sans-serif;
	font-style: normal;
	font-weight: 400;
}
/*- - - - - - - - - - - - - - - - - - - -

general

- - - - - - - - - - - - - - - - - - - -*/

/* clearfix */
.clearfix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}

.img {
    display: block;
    height: 0;
    overflow: hidden;
}
img {
    width: 100%;
}

body, html { height: 100%; }
html {
	overflow-y: scroll;
    font-size: 62.5%;
}

body {
	width: 100%;
	margin: 0;
	font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
	background-color: #FFF;
	color: #444;
	overflow: visible;
	position: relative;
}

a:link { color: #7561b6; text-decoration: none;}
a:active { color: #7561b6; text-decoration: none; }
a:visited { color: #7561b6; text-decoration: none; }
a:hover { color: #BAAAED; text-decoration: underline; }


/*- - - - - - - - - - - - - - - - - - - -

header

- - - - - - - - - - - - - - - - - - - -*/
.header{
	width: 100%;
}
.headerLogo{
	float: left;
	width: 50%;
	margin: 8px 16px 8px 8px;
}

.headerContact{
	float: right;
	width: 38%;
	margin: 0 8px 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 2;
}

.headerContact__tel{
	width: 50%;
	float: right;
	position: relative;
	z-index: 3;
}

/*- - - - - - - - - - - - - - - - - - - -

form

- - - - - - - - - - - - - - - - - - - -*/
.wrap{
	width: 95%;
	margin: 24px auto 80px ;
}

.stepTab {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
  }
.stepTab__item {
	float: left;
	width: 38%;
	margin: 0 0 0 4px;
	padding: 16px 10px 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC #CCC #FFF #CCC;
	border-radius: 4px 4px 0 0;
	color: #ccc;
	font-weight: 700;
	font-size: 0.6em;
  }
.stepTab__item + .stepTab__item { margin-left: 10px; }
.stepTab__item--active {
	display: block;
	position: relative;
	z-index: 1;
	color: #000;
}

.formBox {
	clear: both;
	margin: 0;
	padding: 16px;
	position: relative;
	top: -1px;
	z-index: 0;
	list-style: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	/*box-shadow:rgba(0, 0, 0, .2) 2px 5px 10px -3px;*/
	box-sizing: border-box;
}
.formBox__txt{
	margin-bottom: 40px;
	font-size: 1.4rem;
}
.formItem{
	display: table;
	width: 100%;
	margin: 0 0 16px;
	padding: 0 0 16px;
	border-bottom: #AAAAAA dashed 1px;
}
.formItem__ttl{
	float: left;
	width: 30%;
	font-weight: 700;
	line-height: 1;
	font-size: 1.4rem;
}
.formItem__ttl__other{
	line-height: 1.6;
}
.formItem__ttl span{
	display: inline-block;
	background: #FF585B;
	padding: 3px 4px;
	font-size: 1.0rem;
	color: #fff;
	border-radius: 4px;
	margin-right: 4px;
	line-height: 1;
}
.formItem__data{
	display: block;
	float: right;
	width: 65%;
	margin: 0;
}
.formItem__data--label label{
	display: block;
	margin-bottom: 4px;
}
.formItem__data__txt{
	margin: 0;
	padding: 8px 0;
	font-size: 1.2rem;
}


.leftbox {
    list-style-type: none;
	margin: 0;
	padding: 0px;
	font-size: 1.6rem;
}

input.text {
	width: 90%;
	height: 40px;
	padding: 0 8px;
    border: #CCC solid 1px;
    text-shadow: 0px 1px 0px #FFF;
    border-radius: 4px;
    box-shadow: #CACAD9 1px 1px 2px inset;
    background: #FFF;
	font-size: 1.8rem;
}
.formItem__data--age input.text{
	width: 20%;	
}
input::placeholder {
	color: #ccc;
}
textarea {
    width: 90%;
    height: 110px;
    padding: 4px;
    border-radius: 4px;
    border: #CCC solid 1px;
    box-shadow: #CACAD9 1px 1px 2px inset;
    background: #FFF;
	font-size: 1.6rem;
}
select {
	height: 32px;
	margin: 0 0 8px;
    padding: 4px;
    position: relative;
    border-radius: 4px;
    border: #CCC solid 1px;
    box-shadow: #CACAD9 1px 1px 2px inset;
    background: #FFF;
}
.formItem__data--treatment select{
	width: 90%;
}
label{
	display: inline-block;
}


.btnBox{
	width: 100%;
	margin: 0;
}
.btnSend{
	display: block;
	width: 100%;
	height: 70px;
	margin: 0 auto;
	padding: 16px;
	border-radius: 4px;
	background:#82BF2C;
	font-size: 2rem;
	font-weight: 700;
	cursor: pointer;
    box-shadow: #CACAD9 1px 1px 2px;
	box-sizing: border-box;
}

.mfp_err{
	clear: both;
	display: block;
	margin-top: 4px;
	color: #FF585B;
	font-weight: 700;
	font-size: 1.4rem;
}

.bottomContact{
	background: #fff7ea;
	margin-bottom: 24px;
	padding: 24px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.bottomContact__list{
	width: 100%;
	margin: 0 0 8px;
	padding: 0;
	list-style: none;
}
.bottomContact__list__item{
	margin-bottom: 3px;
}
.bottomContact__list__reserve{
	float: left;
	width: 49.5%;
}
.bottomContact__list__contact{
	float: right;
	width: 49.5%;
}
.bottomContact__list__reserve a,
.bottomContact__list__contact a{
	display: block;
	width: 100%;
	height: 100%;
}


.bottomTopLink{
	width: 200px;
	margin: 0 auto 80px;
	position: relative;
	z-index: 1;
}
.bottomTopLink a{
	display: block;
	padding: 8px 16px;
	background: #D6C6EE;
	border-radius: 4px;
	box-shadow: 0px 0px 1px #999;
	text-align: center;
}
.footer{
	background: #ECECFB;
    padding: 40px 0;
}
.copy{
	display: block;
	text-align: center;
}


.formItem__data__left{
	margin: 0;
}
.formItem__data__right{
	margin: 4px 0 0;
	font-size: 1.2rem;
}

/*---------------------------------------------------------------



---------------------------------------------------------------*/
.mt0{margin-top: 0;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt95{margin-top: 95px;}
.mt100{margin-top: 100px;}

.mb0{margin-bottom: 0;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb95{margin-bottom: 95px;}
.mb100{margin-bottom: 100px;}

.fs10{font-size: 1.0rem;}
.fs12{font-size: 1.2rem;}
.fs13{font-size: 1.3rem;}
.fs14{font-size: 1.4rem;}
.fs15{font-size: 1.5rem;}
.fs16{font-size: 1.6rem;}
.fs17{font-size: 1.7rem;}
.fs18{font-size: 1.8rem;}
.fs19{font-size: 1.9rem;}
.fs20{font-size: 2.0rem;}
.fs21{font-size: 2.1rem;}
.fs22{font-size: 2.2rem;}
.fs23{font-size: 2.3rem;}
.fs24{font-size: 2.4rem;}
.fs25{font-size: 2.5rem;}
.fs26{font-size: 2.6rem;}
.fs27{font-size: 2.7rem;}
.fs28{font-size: 2.8rem;}
.fs29{font-size: 2.9rem;}
.fs30{font-size: 3.0rem;}

.txtred{
	color:#FF0000;
	font-weight:bold;
}
.txtorange{
	color:#FF6600;
	font-weight:bold;
}
.txtgreen{
	color:#008000;
	font-weight:bold;
}
.txtblue{
	color:#167FA6;
	font-weight:bold;
}
.txtblack{
	font-weight: bold;
}
.txtred120{
	font-weight: bold;
	color: #ff0000;
	font-size: 120%;
}
.txtorange120{
	font-weight: bold;
	color: #FF6900;
	font-size: 120%;
}
.txtgreen120{
	font-weight: bold;
	color: #409526;
	font-size: 120%;
}
.txtblue120{
	color:#167FA6;
	font-weight:bold;
	font-size: 120%;
}
.txtblack120{
	font-weight: bold;
	font-size: 120%;
}
.markerYellow{
	font-weight: bold;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
.markerGreen{
	font-weight: bold;
	background: linear-gradient(transparent 60%, #b2eaff 60%);
}
.markerRed{
	font-weight: bold;
	background: linear-gradient(transparent 60%, #ffa2a2 60%);
}

.red{ color: #ff0000;}
.blue{ color: #167FA6;}
.green{ color: #409526;}
.b{ font-weight: 700;}
.normal{ font-weight: normal;}

img.imgLeft{
	display: block;
	float: left;
	margin: 0 16px 16px 0;
	max-width: 40%;
}
img.imgCenter{
	display: block;
	margin: 8px auto;
	width: auto;
}
img.imgRight{
	display: block;
	float: right;
	margin: 0 0 16px 16px;
	max-width: 40%;
}

.txtLeft{
	text-align: left;
}
.txtCenter{
	text-align: center;
}
.txtRight{
	text-align: right;
}