@charset "utf-8";

/* article-A
-------------------------------------*/
article.article-A div.left-block{
width: 800px;
float: left;
}
article.article-A figure.right-block{
width: 150px;
float: right;
}
article.article-A div.column-block{
margin-bottom: 30px;
}
section.color-box{
width: 968px;
padding: 16px;
color: #403c34;
}


/* article-B
-------------------------------------*/
article.article-B div.left-block{
width: 400px;
float: left;
margin-left: 73px;
}
article.article-B figure.right-block{
width: 120px;
float: left;
}

/* article-C
-------------------------------------*/
article.article-C div.column-block{
width: 854px;
margin: 0 auto;
}
article.article-C div.left-block{
width: 48%;
margin-top: 30px;
float: left;
}
article.article-C div.right-block{
width: 48%;
margin-top: 30px;
float: right;
}
article.article-C table.table-block-01{
width: 100%;
margin-bottom: 10px;
background: #f2f2f2;
border-collapse: collapse;
}
article.article-C table.table-block-01 thead tr th{
padding: 8px 0;
background: #333;
color: #fff;
text-align: center;
}
article.article-C table.table-block-01 tbody tr{
border-top: 1px solid #b6b6b6;
}
article.article-C table.table-block-01 tbody th{
padding: 9px 0;
width: 60px;
text-align: center;
vertical-align: text-top;
border-right: 1px solid #b6b6b6;
}
article.article-C table.table-block-01 tbody td{
width: auto;
padding: 9px;
}
article.article-C p.button-01 a{
width: 100%;
}

/* article-D
-------------------------------------*/
article.article-D ol.ol-list-01{
margin-left: 73px;
}
article.article-D ol.ol-list-01 li dl section{
margin :0;
}
article.article-D ol.ol-list-01 li dl{
margin-bottom: 26px;
}
article.article-D ol.ol-list-01 li dl.column-block dt h3 div{
display: inline-block;
}
article.article-D ol.ol-list-01 li dl dt{
width: 740px;
float: left;
padding-bottom: 26px;
border-bottom: 1px solid #bfbfbf;
}
article.article-D ol.ol-list-01 li:last-of-type dl dt{
border-bottom: none;
}
article.article-D ol.ol-list-01 li dl dd{
width: 130px;
float: left;
margin-left: 24px;
}

/* form
-------------------------------------*/
section.form{
padding-top: 20px;
}
section.form nav.step ul{
overflow: hidden;
margin-bottom: 20px;
}
section.form nav.step ul li{
width: 30%;
margin: 0 0.5em 0 1em;
padding: 10px 0;
background: #86c9f9;
color: #fff;
text-align: center;
font-weight: 400;
position: relative;
float: left;
}
section.form nav.step ul li:before{
content: "";
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #86c9f9 #86c9f9 #86c9f9 transparent;
position: absolute;
top: 50%;
left: -1em;
}
section.form nav.step ul li:after{
content: "";
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid #86c9f9;
position: absolute;
top: 50%;
right: -1em;
}
section.form nav.step ul li.now{
background: #3fa9f5;
color: #fff;
font-weight: bold;
}
section.form nav.step ul li.now:before{
content: "";
margin-top: -1.5em;
border-width: 1.5em 0 1.5em 1em;
border-style: solid;
border-color: #3fa9f5 #3fa9f5 #3fa9f5 transparent;
position: absolute;
top: 50%;
left: -1em;
}
section.form nav.step ul li.now:after{
content: "";
margin-top: -1.5em;
border-top: 1.5em solid transparent;
border-bottom: 1.5em solid transparent;
border-left: 1em solid #3fa9f5;
position: absolute;
top: 50%;
right: -1em;
}
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 dt span.any{
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.any{
background: #666;
}
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=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 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 input[type="submit"],
section.form p input[type=button]{
width: 30%;
padding: 0.5em 0;
background: #fff;
color: #ff931e;
font-weight: bold;
text-align: center;
text-decoration: none;
vertical-align: middle;
border: 2px solid #ff931e;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 0 10px #feedd2;
}
section.form p input[type="submit"]:hover,
section.form p input[type=button]:hover{
color: #fff;
background: #ff931e;
}

/* 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-top: 20px;
border-top: 1px solid #eeeeee;
text-indent: 1em;
}
section.form dl#newline dt{
width: 40%;
}
section.form dl#newline dd{
width: 60%;
}

/* form kanryo
-------------------------------------*/
section.form2 p{
text-align: center;
margin-bottom: 20px;
}
section.form2 p.button01{
margin: 60px auto 0;
}