@charset "UTF-8";
/* CSS Document */

* {
margin: 0;
padding:0+
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.mt20 {
margin-top: 20px;
}

.mt40 {
margin-top: 40px;
}

.mt60 {
margin-top: 60px;
}

img {
vertical-align: bottom;
}

a img:hover{
opacity:0.6;
}

#logo {
padding:30px 0;
background:#323232;
}

#logo img {
display:block;
margin: 0 auto;
}

.lite_green {
padding:10px 0;
background:#73be1e;
}

.lite_green img {
display:block;
margin: 0 auto;
}

.green {
padding:20px 0;
background:#01ad4e;
}

.green img {
display:block;
margin: 0 auto;
}

#main img {
width:100%;
height:auto;
}

.inner1020 {
width:1020px;
margin: 0 auto;
}

.inner1020 hr {
margin: 10px 0;
width:100%;
border:#ffffff 2px solid;
}

.white {
padding: 20px 0;
}

.white img {
display:block;
margin: 0 auto;
}

.contact {
padding:40px;
}

.contact img {
display:block;
margin: 0 auto;
}

#flow img{
display:block;
margin:0 auto;
}

.inner1000 {
width:1000px;
margin: 0 auto;
}

#title_01 {
background:url(../images/title_bg_03.jpg)repeat-x;
}

.detail_area {
padding:30px 0;
}

.detail_area img {
display:block;
margin: 0 auto;
}

.detail_area p {
font-size:19.5px;
font-weight:bold;
}

#title_02 {
background:url(../images/title_bg_01.jpg)repeat-x;
}

#title_03 {
background:url(../images/title_bg_02.jpg)repeat-x;
}

#title_04 {
background:#01ad4e;
}

#title_05 {
background:url(../images/title_bg_04.jpg)repeat-x;
}

#title_06 {
background:url(../images/title_bg_05.jpg)repeat-x;
}

#red {
background:#ba0000;
padding:20px;
}

#red hr {
margin:10px 0;
}

#red p {
color:#ffffff;
font-weight:normal;
}

#no_list ul {
list-style-type: none;
padding:0;
margin-top: 20px;
}

#no_list li {
width:1000px;
margin: 10px auto 0;
}

#no_list li .no_icon {
float:left;
margin-right: 10px;
}

#no_list li p {
font-size:20px;
padding:5px 0;
}

#voice ul {
list-style-type: none;
padding:0;
}

#voice li {
margin-top: 40px;
}

.icon {
float:left;
margin-right: 10px;
}

#voice h2 {
color:#005447;
font-size:30px;
}

.voice_detail {
float:left;
width:845px;
}

.voice_prof {
display: inline-block;
background:#005447;
padding:2px 10px;
font-size:12px;
color:#ffffff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

.voice_detail p {
font-size:20.5px;
}

#point img {
margin-top: 30px;
padding-left:20px;
}

.yellow {
background:#fede58;
margin-top: 40px;
padding:20px 0;
}

.yellow img {
display:block;
margin: 0 auto;
}

.red {
background:#ba0000;
padding:20px 0;
}

.red img {
display:block;
margin: 0 auto;
}

.deep_red {
background:#970f00;
padding:20px 0;
}

.deep_red img {
display:block;
margin: 0 auto;
}

.gray {
background:#323232;
padding:20px 0;
}

.gray img {
display: block;
margin: 0 auto;
}

table {
border-collapse: collapse;
width:1000px;
margin: 20px auto 0;
}

table th,
table td {
border-top:#c8c8c8 solid 1px;
border-bottom:#c8c8c8 solid 1px;
text-align: left;
padding:10px 0;
}

#privacy {
width:1000px;
margin: 0 auto;
padding:20px 0 40px;
}

#privacy p {
font-size:15px;
}

#copyright {
text-align: center;
font-size:16px;
border-top:#c8c8c8 solid 2px;
padding:40px;
}

#border_line {
border-top :#76B666 solid 6px;
}

#form_area {
width:900px;
margin: 0 auto;
}

#form_head {
margin-top: 60px;
}

#form_head h1 {
font-size:24px;
text-align: center;
}

#form_head p {
text-align: center;
color:#666666;
}

form table {
border-collapse: collapse;
}

form th {
position: relative;
text-align: left;
width:30%;
vertical-align: top;
border-bottom: #f2f2f2 solid 1px;
padding : 10px 50px 10px 0;
}

form th::after {
position: absolute;
top: 18px;
right: 4px;
content: "必須";
color: rgb(255, 0, 0);
font-size: 0.8em;
font-weight: 100;
}

form .noh::after {
content: "";
}

form td {
width:70%;
line-height:1.6;
padding:10px 0 10px 20px;
border-bottom: #f2f2f2 solid 1px;
}

form td p {
font-size:12px;
color:#666666;
}

form label {
white-space: nowrap;
margin-right: 30px;
}

form label input[type="radio"],
form label input[type="checkbox"]{
margin-right: 10px;
}

form select {
margin-right: 10px;
}

.width1 {
width:200px;
padding:5px;
}

.width2 {
width:300px;
padding:5px;
}

.width3 {
width:100px;
padding:5px;
}

.width4 {
width:560px;
padding:5px;
}

.width5 {
width:60px;
padding:5px;
margin:0 10px 0 0;
}

.width6 {
width:140px;
padding:5px;
}

#attention {
margin-top: 20px;
}

#attention h2 {
color:#003282;
}

.detail {
font-size:14px;
margin: 10px;
padding:5px;
height:200px;
background:#FEE3FA;
overflow: auto;
}

.detail h3 {
font-size:16px;
}

#form_bottom {
text-align: center;
}

#submit {
text-align: center;
margin-bottom: 60px;
}

#retrun {
border: #000000 1px solid;
padding:5px;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
font-size:12px;
text-decoration: none;
color:#000000;
}

@media screen and (max-width: 900px) {

#form_area {
width:100%;
}

#form_area form table {
width:100%;
margin: 0 auto;
}

#form_area form th,
#form_area form td {
display:block;
width: 96%;
}

#form_area form tr {
width:100%;
}

#form_area form th {
background:#f2f2f2;
padding:5px;
}

#form_area form td {
padding:5px;
}

.width1 {
width:100%;
padding:5px 0 5px 5px;
}

.width2 {
width:100%;
padding:5px 0 5px 5px;
}

.width3 {
width:100px;
padding:5px 0 5px 5px;
}

.width4 {
width:100%;
padding:5px 0 5px 5px;
}

.width5 {
width:60px;
padding:5px;
margin:0 10px 0 0;
}

.width6 {
width:140px;
padding:5px 0 5px 5px;
}

form label {
white-space:normal;
}

input {
font-size:16px;
}


}