@charset "UTF-8";

/* RESET */
/* ----------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0 ;}
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; clear: both; }
q:before, q:after { content:''}
strong { font-weight:bold; }
em { font-style:italic; }
a img { border:none; } /* Gets rid of IE's blue borders */
hr {
    height:0;
    margin:5px 0;
    border:none;
    border-top:1px solid #ccc;
}
*{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
html { height: 100%; }

/* clearfix
------------------------------------------ */
.clearfix:after, .container:after, .power_point:after, .detail_box:after, .caution_box:after, .flow_box:after, .breadcrumb_list ol:after, .footer_navi ul:after
{content:" ";display:block;height:0;clear:both;visibility:hidden;}
/*IE7*/
.clearfix {min-height: 1px;}
/*IE6 MacIE*/
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.clearfix{display:block;}
.clear{clear:both;}


/* BASE */
/* ----------------------------------------- */
body {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ","メイリオ","ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"Meiryo","ＭＳ Ｐゴシック","MS PGothic","Osaka", "Helvetica","Verdana","Arial",sans-serif;
    font-size: 13pt;
    line-height: 1.4;
    color: #333;
    margin: 0;
    padding: 0;
    width: 100%;
}

img {
    border:0;
    vertical-align: top;
}
table {
    border-spacing: 0;
    empty-cells: show;
}
div, span {
    word-wrap: break-word;
}
h1, h2, h3, h4, h5 {
    margin:0;
    padding:0;
    border: 0;
    font-weight: normal;
    text-decoration:none;
}
a {
    color: #777;
    text-decoration: none;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.6s;
}
a:hover {
    opacity: 0.7;
}
a:visited {
    color: #777777;
}
p a { color: #333 !important;}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
#wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.container {
    position: relative;
    margin: 0 auto;
    width: 1200px;
}
#contents {
    position: relative;
    width: 100%;
}


/* HEADER */
/* ----------------------------------------- */

#header {
    position: relative;
    background: #fff;
    padding-top: 20px;
    width: 100%;
    height: 138px;
}
.logo_box {
    float: left;
    position: relative;
    width: 495px;
    height: 82px;
}
#header .logo_box h1,
#header .logo_box h3 {
    background: url("../images/logo.png") 0 0 no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 495px;
    height: 82px;
}
#header .logo_box h1 a,
#header .logo_box h3 a {
    display: block;
    width: 495px;
    height: 82px;
}
#header .logo_box h2 {
    position: absolute;
    top: 0;
    right: 1px;
    font-size: 0.9em;
    font-weight: bolder;
    color: #ed9700;
}
.head_bot {
    float: right;
    margin: 5px 5px 0 0;
    width: 300px;
}
.head_bot a {
    background: #e23c0d;
    font-size: 1.4em;
    font-weight: bolder;
    color: #fff;
    text-align: center;
    padding: 12px 20px;
    border-radius: 7px;
    border: 3px solid #fea389;
    width: 300px;
    display: block;
}
.head_bot a span {
    font-size: 0.6em;
    display: inline-block;
}

/* MAIN */
/* ----------------------------------------- */

#main {
    background: url("../images/main_img.jpg") center center no-repeat;
    background-size: cover;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 100%;
}
#main h2 {
    background: url("../images/main.png") center top no-repeat;
    background-size: contain;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 100%;
    min-height: 618px;
}
#contents_main {
    background: #0d4297;
    text-align: center;
    padding: 72px 0 0;
    width: 100%;
    height: 200px;
}
#contents_main h1 {
    font-size: 2.8em;
    color: #fff;
    width: 100%;
}

/* CONTENTS */
/* ----------------------------------------- */

#contents_main1,
#contents_main3,
#contents_main5 {
    padding: 50px 0;
}
#contents_main1 h2,
#contents_main3 h2,
#contents_main5 h2,
#form_area h2 {
    font-size: 2.6em;
    font-weight: bolder;
    text-align: center;
    padding-bottom: 30px;
}
.power_point {
    margin: 0 auto;
}
.power_point h3 {
    font-size: 1.5em;
    font-weight: bolder;
    text-align: center;
    padding-bottom: 15px;
}
.point {
    float: left;
    text-align: center;
    margin: 0 1.5%;
    width: 30%;
}
.point img {
    margin: 0 auto 10px;
    width: 100%;
    max-width: 300px;
}
.point p {
    text-align: left;
}
#contents_main2,
#contents_main4 {
    background: #f0f0f0;
    padding: 0 0 50px 0;
}
#contents_main4 {
    padding: 50px 0;
}
.pcatch {
    background: #94803c;
    text-align: center;
    margin-bottom: 50px;
    padding: 10px;
}
.pcatch h2 {
    font-size: 1.4em;
    font-weight: bolder;
    color: #fff;
}
.detail_img {
    float: left;
    text-align: center;
    width: 52%;
}
.detail_img img {
    width: 100%;
    max-width: 603px;
}
.detail_txt {
    float: left;
    padding: 30px 10px 0;
    width: 48%;
}
.detail_txt img {
    margin-bottom: 35px;
    width: 100%;
    max-width: 533px;
}
.detail_txt P {
    padding: 0 15px;
    width: 100%;
    max-width: 533px;
}
.go_form {
    margin: 40px auto 0;
    width: 90%;
}
.go_form a {
    background: #e23c0d url("../images/bot_arrow.png") 15px center no-repeat;
    font-size: 1.8em;
    font-weight: bolder;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 7px;
    border: 3px solid #fea389;
    width: 100%;
    display: block;
}
.voice_box {
    margin: 15px auto 0;
}
.voice_box h3 {
    font-size: 1.3em;
    font-weight: bolder;
    text-align: center;
    padding-bottom: 15px;
}
.voice_box h4 {
    font-size: 1.15em;
    text-align: center;
    color: #0d6fb8;
    padding: 10px 0;
}
.voice {
    float: left;
    background: #f0f0f0;
    text-align: center;
    margin: 0 1.5%;
    padding: 20px 15px;
    width: 30%;
    min-height: 500px;
}
.voice img {
    margin: 0 auto;
    width: 100%;
    max-width: 162px;
}
.voice p {
    font-size: 0.9em;
    text-align: left;
}
.caution_img {
    float: left;
    text-align: center;
    margin: 0 0.5%;
    width: 46%;
}
.caution_txt {
    float: left;
    margin: 0 0.5%;
    width: 52%;
}
.caution_img img {
    width: 100%;
    max-width: 530px;
}
.caution_txt img {
    margin-bottom: 25px;
    width: 100%;
    max-width: 614px;
}
.caution_txt p {
    font-size: 0.95em;
    padding: 0 10px;
    max-width: 614px;
}
.flow_box {
    margin: 20px 1% 0;
}
.flow1, .flow2, .flow3 {
    background: #f0f0f0;
    float: left;
    text-align: center;
    width: 33.5%;
}
.flow3 {
    width: 33%;
}
.flow1 .step_contents,
.flow2 .step_contents {
    border-right: 1px solid #fff;
}
.flow1 .step_contents,
.flow2 .step_contents,
.flow3 .step_contents {
    padding: 20px 10px;
}
.flow1 .step, .flow2 .step, .flow3 .step {
    background: #8d94c7;
    font-size: 1.5em;
    letter-spacing: 0.2em;
    color: #fff;
    text-align: center;
    padding: 6px;
    height: 49px;
}
.flow2 .step, .flow3 .step {
    background: #8d94c7 url("../images/flow_arrow.png") 0 center no-repeat;
}
.flow1 .step_contents img,
.flow2 .step_contents img,
.flow3 .step_contents img {
    width: 100%;
    max-width: 300px;
}
.flow1 .step_contents h3,
.flow2 .step_contents h3,
.flow3 .step_contents h3 {
    font-size: 1.3em;
    padding: 10px 0;
}
.flow1 .step_contents p,
.flow2 .step_contents p,
.flow3 .step_contents p {
    font-size: 0.9em;
}
.flow1 .step_contents a {
    color: #8d94c7 !important;
}
h4.flow_coment {
    background: #b5b5b5;
    font-size: 1.5em;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
    padding: 6px 10px;
    margin: 5px 1% 50px;
}
#contents_main5 h5 {
    font-size: 2em;
    text-align: center;
    padding: 0 20px 50px;
    width: 100%;
}

/* FORM */
/* ----------------------------------------- */

#form_area {
    background: #f2f1e9;
    padding: 50px 0;
}
.form_cont {
    margin: 0 5%;
    width: 90%;
}
.form_box {
    width: 100%;
}
.form_box dl {
    width: 100%;
    display: table;
}
.form_cont p {
    padding: 20px 0;
}
.form_box dt {
    position: relative;
    background: #aaa;
    color: #fff;
    padding: 15px 10px;
    border-right: 1px solid #e8e9f6;
    border-bottom: 1px solid #e8e9f6;
    vertical-align: middle;
    width: 35%;
    display: table-cell;
}
.form_box dt div {
    font-size: 0.85em;
}
.form_box dd {
    background: #fff;
    color: #555;
    padding: 15px 10px;
    border-bottom: 1px solid #e8e9f6;
    vertical-align: middle;
    width: 65%;
    display: table-cell;
}
.form_box dl.lastdl {
    margin-bottom: 20px;
    border-bottom: 1px solid #777;
}
.form_box dd input[type="text"] {
    background: #fff;
    font-size: 1em;
    color: #333;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #ccc;
}
.form_box dt span {
    background: #8d94c7;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.85em;
    color: #fff;
    margin-right: 5px;
    padding: 1px 5px;
}
.form_box dt i {
    font-size: 0.75em;
    font-style: normal;
}
.form_box dd input.size1 {width: 80%}
.form_box dd input.size2 {width: 35%}
.form_box dd input.size3 {width: 90%}
.form_box dd input.size4 {width: 20%}

.form_box input[type="radio"],
.form_box input[type="checkbox"] {
    margin-right: 5px;
    vertical-align:middle;
}
.form_box select {
    background: #fff;
    font-size: 0.9em;
    color: #555;
    margin-right: 10px;
    padding: 3px;
    border: 1px solid #ccc;
}
.form_box label {
    margin-right: 10px;
}
.form_box textarea {
    background: #fff;
    color: #555;
    padding: 5px;
    border: 1px solid #ccc;
    width: 90%;
    height: 5em;
}
.kiyaku {
    background: #fff;
    padding: 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.kiyaku_txt h4 {
    font-size: 1.2em;
    font-weight: bolder;
    text-align: center;
    padding-bottom: 15px;
}
.kiyaku_txt {
    font-size: 0.85em;
    color: #555;
    padding: 20px 10px;
    border: 1px solid #ccc;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
}
.check, .cyutxt {
    font-size: 0.9em;
    color: #333;
    text-align: center;
    padding: 10px 10px 0;
    width: 100%;
}
.submit {
    margin: 30px auto 50px;
}
.submit button {
    background: #0d4297 url("../images/bot_arrow.png") 15px center no-repeat;
    font-size: 1.8em;
    font-weight: bolder;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 7px;
    width: 100%;
    display: block;
}
.thanks_txt {
    text-align: center;
    margin: 25px auto 40px;
    width: 90%;
}
.sub_bot {
    margin-bottom: 100px;
}

/* Breadcrumb */
/* ----------------------------------------- */

#breadcrumb {
    background: #efefef;
    padding: 5px 0;
}
.breadcrumb_list {
    font-size: 0.85em;
    width: 100%;
}
.breadcrumb_list ol {
    padding: 0 5px;
    display: table;
}
.breadcrumb_list li {
    color : #4e6a96;
    padding: 0 4px;
    vertical-align: middle;
    height: 23px;
    display: table-cell;
}
.breadcrumb_list li a {
    text-decoration: none;
    color : #4e6a96;
}

/* CONTENTS */
/* ----------------------------------------- */

.cont_tit h2 {
    font-size: 2.6em;
    font-weight: bolder;
    text-align: center;
    padding: 0 0 30px;
}
.contents_txt1 {
    padding: 15px 30px;
}
.contents_txt1 dd {
    margin-bottom: 40px;
}
.contents_txt1 dt {
    font-size: 1.5em;
    padding: 5px 10px;
    border-bottom: 1px dotted #ccc;
    display: inline-block;
    width: 100%;
}
.contents_txt1 dt span {
    font-size: 1.4em;
    margin-right: 12px;
}
.contents_txt1 dd span {
    font-size: 2em;
    margin-right: 12px;
}
.contents_txt1 dd {
    padding: 10px;
}

/* FOOTER */
/* ----------------------------------------- */

.footer_navi {
    background: #8d94c7;
    padding: 5px 0;
    width: 100%;
}
.footer_navi ul {
    width: 100%;
}
.footer_navi li {
    float: left;
    font-size: 0.85em;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    width: 20%;
}
.footer_navi li a {
    color: #fff;
    text-decoration: none;
}
.footer_navi li.home {
    display: none;
}
.copy_area {
    font-size: 0.85em;
    text-align: center;
    padding: 18px 10px;
}

/* GO TOP */
/* ----------------------------------------- */

.pagetop {
    position: fixed;
    bottom: -50px;
    right: 20px;
}
.pagetop a {
    display: block;
    width: 44px;
    height: 44px;
}
.pagetop a:hover {
    opacity: 0.5;
}

/* COLOR */
/* ----------------------------------------- */

.red { color: #ff4040 }
.orange { color: #f8b62b }
.orange2 { color: #fcf038 }
.navy { color: #0d4297 }
.purple { color: #8d94c7 }

/* Boreder */
/* ----------------------------------------- */

.bdt1 {
    border-top: 1px solid #777;
}

/* Margin */
/* ----------------------------------------- */
.mgb0 { margin-bottom: 0 !important; }
.mgr10 { margin-right: 10px !important;}
.mgr20 { margin-right: 20px !important;}
.mgb40 { margin-bottom: 40px !important; }

.pdt50 { padding-top: 50px !important; }