@charset "utf-8";

p#breadcrumb{
padding-top: 60px;
font-size: 82%;
}
hr.hr{
background: #2e6cac !important;
}
figure.columnBlock div{
float: left;
}
figure.columnBlock div:first-of-type{
width: 8.2%;
}
figure.columnBlock div:nth-of-type(2){
width: 83.6%;
}
figure.columnBlock div:last-of-type{
width: 8.2%;
}


/* インビザライン矯正の流れ
-------------------------------------*/
section#keyvisual{
padding-top: 76px;
}
@media screen and (min-width: 500px){
section#keyvisual{
padding-top: 106px;
}
}
section.section3 p.txt-14{
margin-bottom: 20px;
}
section.section3 p.button01 a{
width: 100%;
padding: 0.5em 0;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
background: linear-gradient(#ffbed6, #ff83b1);
border-radius: 5px;
}
section.section2 > section.section3:last-of-type{
padding-bottom: 7.5%;
}

/* info
-------------------------------------*/
section.info{
width: 90%;
padding: 5% 5% 7.5%;
background: #e2f4f8;
}
section.info figure,
section.info p,
section.info div.access{
margin-bottom: 10px;
}
section.info div.access dl dt{
color: #3fa9f5;
font-weight: bold;
}

/* form
-------------------------------------*/
p.logo{
width: 100%;
background: #2e6cac;
}
section.section.form{
width: 100%;
line-height: 1.5;
}
section.section div.appointment{
margin-bottom: 20px;
}
section.section div.appointment div{
width: 49%;
text-align: center;
background: #e4f1f7;
}
section.section div.appointment div:first-of-type{
float: left;
}
section.section div.appointment div:last-of-type{
float: right;
}
section.form nav.step ul{
width: 90%;
margin: 0 auto 40px;
font-weight: bold;
}
section.form nav.step ul li{
width: 100%;
margin: 0 auto;
}
section.form dl{
margin-bottom: 20px;
display: block;
}
section.form dl dt span.required,
section.form dl dd span.required,
section.form dl dt span.any,
section.form dl dd span.any{
margin-left: 0.25em;
/*margin-right: 0.75em;
padding: 0.25em 0.5em;
background: #c00;
font-size: 75%;
color: #fff;
vertical-align: middle;
border-radius: 5px;*/
}
section.form dl dt span.required,
section.form dl dd span.required{
color: #c00;
}
section.form dl dt{
width: 100%;
margin-bottom: 20px;
vertical-align: middle;
font-weight: bold;
background: #e4f1f7;
padding: 0.5em 0;
text-indent: 5%;
}
section.form dl.customer dt{
background: none;
padding: 0 0 0.25em 0;
margin-bottom: 0;
}
section.form dl dd{
width: 90%;
margin: 0 auto;
}
section.form dl dd input[type=text],
section.form dl dd input[type=date],
section.form dl dd input[type=time],
section.form dl dd input[type=tel],
section.form dl dd input[type=number],
section.form dl dd input[type=email],
section.form dl dd select,
section.form dl dd textarea{
width: 95%;
padding: 0.5em;
background: #f8f8f8;
border: 1px solid #2e6cac;
border-radius: 2px;
box-shadow: 0 2px 2px rgba(0,0,0,0.03) inset;
}
section.form dl dd select{
/*padding: 0.657em;*/
vertical-align: top;
}
section.form input.reflect{
min-width: 10%;
padding: 0.5em 1em;
background: linear-gradient(#eee,#ccc);
color: #555;
font-weight: bold;
vertical-align: top;
border: 1px solid #bbb;
border-radius: 3px;
cursor: pointer;
}
section.form input.reflect:hover{
background: linear-gradient(#ccc,#eee);
}
section.form dd.radio input, section.form dd.checkbox input {
width: 25px;
margin-right: 0.25em;
vertical-align: middle;
transform: scale(1.8);
-webkit-transform: scale(1.8);
}
section.form dl dd textarea{
resize: vertical;
height: 200px;
min-height: 200px;
max-height: 350px;
}
section.form p.submit,
section.form p{
text-align: center;
}
section.form p.submit{
position: relative;
margin-bottom: 30px;
}
section.form p.submit:after{
content: "\f178";
font-family: fontAwesome;
color: #0071bc;
position: absolute;
top: 25%;
right: 2em;
}
section.form p input[type="submit"],
section.form p input[type=button]{
width: 90%;
margin: 0 auto;
padding: 0.5em 0;
background: #fff;
color: #2e6cac;
font-weight: bold;
text-align: center;
text-decoration: none;
vertical-align: middle;
border: 2px solid #2e6cac;
border-radius: 5px;
cursor: pointer;
}
/* カレンダー
-------------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{
text-align: center;
}

/* form kakunin
-------------------------------------*/
section.form dl#newline{
width: 100%;
line-height: 1.5;
margin: 0 auto;
}
section.form dl#newline dt{
margin-top: 20px;
border-top: 1px solid #eeeeee;
width: 90%;
padding: 0.5em 5%;
text-indent: 0;
}
section.form dl#newline dd{
color: #666;
}
section.form p#confirm{
position: relative;
margin-bottom: 60px;
}
section.form p#confirm:after{
content: url("/images/common/arrow-img-01.gif");
position: absolute;
top: 0.5em;
right: 2em;
}
section.form p#confirm:before{
content: url("/images/common/arrow-img-01.gif");
position: absolute;
bottom: 0.9em;
left: 2em;
transform: rotate(-180deg);
}
section.form p input.syusei{
margin: 10px 0 5px;
}
section.form .hasDatepicker{
-webkit-appearance: menulist;
box-sizing: border-box;
align-items: center;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
border-width: 1px;
border-style: solid;
border-color: initial;
border-image: initial;
}

/* form kanryo
-------------------------------------*/
section.form2{
line-height: 1.5;
}
section.form2 p{
text-align: center;
margin-bottom: 20px;
}
section.form2 p.button01 a{
width: 90%;
margin: 40px auto 20px;
padding: 0.5em 0;
background: #fff;
color: #2e6cac;
font-weight: bold;
text-align: center;
text-decoration: none;
vertical-align: middle;
border: 2px solid #2e6cac;
border-radius: 5px;
cursor: pointer;
position: relative;
text-decoration: none;
}
section.form2 p.button01 a:after{
content: url("/images/common/arrow-img-01.gif");
position: absolute;
top: 0.5em;
right: 2em;
}