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

* {
margin:0;
padding:0;
}

img {
vertical-align: bottom;
}

.mt10 {
margin-top: 10px;
}

.mt20 {
margin-top: 20px;
}

.mt25 {
margin-top: 25px;
}

.mt30 {
margin-top: 30px;
}

.mt35 {
margin-top: 35px;
}

.mt40 {
margin-top: 40px;
}

.mt60 {
margin-top: 60px;
}

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.f_l {
float:left;
}

.f_r {
float:right;
}

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

#header {
background: #323232;
}

#header img {
display: block;
margin: 0 auto;
padding:25px 0;
}

#bg_skyblue img,
#bg_blue img,
.contact img,
.wide img,
.top_title_bg img {
display: block;
margin: 0 auto;
}

.top_title_bg {
background:url(../images/top_catch_bg.jpg)repeat-x;
}

#bg_skyblue {
margin-top: 25px;
background: #78caef;
}

#bg_blue {
background:#027abb;
}

.contact {
margin-top: 25px;
}

.contact a:hover {
position: relative;
top:2px;
left: 2px;
opacity: 0.8;
}

.title_bg_blue {
background:url(../images/title_bg_blue.jpg)repeat-x;
}

.voice_list {
margin-top: 30px;
}

.voice_list .photo {
float:left;
margin-right: 40px;
}

.person {
font-size:13px;
font-weight: bold;
margin-top: 10px;
}

.voice {
margin-top: 10px;
font-size:13px;
}

.voice_text {
width:830px;
float:right;
}

.border_bottom {
padding-bottom: 40px;
border-bottom: #c8c8c8 2px solid;
}

.title_bg_gray {
background:#323232;
margin-top: 90px;
}

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

#company dl {
padding:20px 0;
}

#company dt {
float:left;
width:150px;
}

#company_logo img {
display: block;
margin: 35px auto 0;
}

#privacy {
margin-top: 40px;
}

#privacy .privacy_title {
margin-top: 25px;
}

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

#copyright {
text-align: center;
padding:30px 0;
}

#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;
}


}