@charset "utf-8";

p#breadcrumb{
width: 92.5%;
margin: 0 auto;
padding-top: 85px;
}
.rice{
padding-left: 0;
text-indent: 0;
}

/* section
-------------------------------------*/
/*section#keyvisual{
padding-top: 95px;
}*/
section#keyvisual{
padding-top: 123px;
}
section{
width: 100%;
margin: 0 auto;
}
section.section{
width: 100%;
}
section.section.form{
width: 92.5%;
line-height: 1.5;
}
section.section2{
width: 100%;
background: #42d2ce;
line-height: 1.5;
}
section.section3{
width: 1000px;
margin: 0 auto;
line-height: 1.5;
background: #fff;
}
section.info{
width: 100%;
padding-bottom: 100px;
line-height: 1.5;
background: #fff;
background: #fcf2f7;
}

/* index.html
-------------------------------------*/
figure#absolute{
position: absolute;
bottom: 95px;
left: 175.5px;
}
figure.columnBlock div{
float: left;
}
figure.columnBlock div:first-of-type{
width: 57.6%;
}
figure.columnBlock div:nth-of-type(2){
width: 34.6%;
}
figure.columnBlock div:last-of-type{
width: 7.8%;
}


/* info
-------------------------------------*/
section.info div.infoInner{
width: 92.5%;
margin: 0 auto;
}
hr.hr {
background: #e5006e !important;
}
section.info figure,
section.info p,
section.info div.access{
margin-bottom: 10px;
}
section.info div.access dl dt{
color: #e5006e;
font-weight: bold;
}
section.info iframe{
margin-top: 40px;
}

/* form
-------------------------------------*/
p.logo{
width: 100%;
background: #2e6cac;
}
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 80px;
font-weight: bold;
}
section.form nav.step ul li{
width: 40%;
margin: 0 auto;
}
section.form dl{
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eeeeee;
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: 35%;
float: left;
vertical-align: middle;
font-weight: bold;
}
section.form dl dd{
width: 60%;
float: right;
}
section.form dl dd input[type=text],
section.form dl dd input[type=date],
section.form dl dd input[type=datetime],
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: 99%;
padding: 0.5em;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 2px 2px rgba(0,0,0,0.03) inset;
}
section.form dl dd select{
padding: 0.6em;
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{
margin-bottom: 100px;
}
section.form p input[type="submit"],
section.form p input[type=button]{
width: 30%;
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;
}
section.form p input[type="submit"]:hover,
section.form p input[type=button]:hover{
color: #fff;
background: #2e6cac;
}
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;
}
/* カレンダー
-------------------------------------*/
.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%;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: -webkit-wrap;
flex-wrap: wrap;
}
section.form dl#newline dt,
section.form dl#newline dd{
margin-top: 20px;
padding: 20px 0 0 1em;
border-top: 1px solid #eeeeee;
}
section.form dl#newline dt{
width: 48.25%;
}
section.form dl#newline dd{
width: 48.25%;
}
p#confirm{
width: 80%;
margin: 0 auto 80px;
}
p#confirm input.submit{
float: right;
width: 49%;
}
p#confirm input.syusei{
float: left;
width: 49%;
}

/* form kanryo
-------------------------------------*/
section.form2 p{
text-align: center;
margin-bottom: 20px;
}
section.form2 h3.h3{
margin-bottom: 10px;
text-align: center;
}
section.form2 p.button01 a{
width: 300px;
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.4em;
right: 1.25em;
}
section.form2 p.button01 a:hover{
background: #2e6cac;
color: #fff;
}
section.form2 p.button01 a:hover:after{
content: url("/images/common/arrow-img-01.gif");
}