/* CSS Document */
@import url(../images.pc.0b41aa011e589ac18c2aea4a431c3a25/css.8adfc473fc5e0ad6678236f764766580._);
/*------------------------

背景

------------------------*/
html {
    font-size: 62.5%;
    overflow: -moz-scrollbars-vertical
    }
body {
    background: url(../images.43965df240a95f0e6ec3cd25f37f1081/back.png) repeat;
    word-wrap: break-word;
    font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, " ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 1.4rem;
    line-height: 18px
    }
.wrap {
    width: 990px;
    height: auto;
    min-height: 100%;
    margin: auto;
    padding: 0
    }
ul {
    display: block;
    list-style: none;
    margin: 0
    }
/*------------------------

ヘッダー

------------------------*/
.top-back {
    background: url(../images.43965df240a95f0e6ec3cd25f37f1081/top-head.png) center top repeat-x;
    background-color: #fff;
    width: 100%;
    min-width: 990px;
    height: 685px;
    padding: 0 0.1em
    }
.in-back {
    background: url(../images.43965df240a95f0e6ec3cd25f37f1081/in-head.png) center top repeat-x;
    background-color: #fff;
    width: 100%;
    min-width: 990px;
    height: 301px;
    padding: 0 0.1em
    }
.head-box {
    margin: 0 0 1.65em;
    padding-top: 6em
    }
.head-box ul {
    float: right
    }
.head-box li {
    display: block;
    float: left;
    margin: 2.5em 0 0 0;
    height: 87px
    }
.head-box li + li {
    margin: 1.7em 0 0 1em
    }
/*------------------------

フッター

------------------------*/
.copy {
    display: block;
    text-align: center;
    height: 38px;
    padding: 0.85em 0;
    color: rgba(0, 0, 0, 0.2);
    margin-top: 3em
    }
/*------------------------

中面

------------------------*/
.main {
    display: block;
    margin: 2.5em auto 5em
    }
.top-box {
    display: block;
    width: 820px;
    margin: 2.8em auto
    }
.end-box {
    display: block;
    width: 990px;
    margin: 2.8em auto
    }
.in-box {
    display: block;
    width: 830px;
    margin: 0 auto
    }
.box01 {
    background: url(../images.43965df240a95f0e6ec3cd25f37f1081/back-paper01.png) no-repeat left top;
    width: 990px;
    height: 578px;
    margin-left: auto;
    margin-right: auto;
    padding: 2.8em 6.5em
    }
.box02 {
    background: url(../images.43965df240a95f0e6ec3cd25f37f1081/back-paper02.png) no-repeat left top;
    width: 990px;
    height: 694px;
    margin-left: auto;
    margin-right: auto;
    padding: 3.2em 6.5em 2.8em
    }
.box03 {
    background: url(../images.43965df240a95f0e6ec3cd25f37f1081/back-paper03.png) no-repeat left top;
    width: 990px;
    height: 491px;
    margin: 1em auto 0;
    padding: 2.8em 0 2.8em 6.5em
    }
h1.heading-green {
    display: block;
    font-size: 2.4rem;
    color: #804e21;
    line-height: 1.5
    }
h1.heading-red {
    display: block;
    font-size: 2.4rem;
    color: #c30d23;
    line-height: 1.5;
    margin-top: 1em
    }
h1.heading-green em {
    font-size: 2.6rem;
    font-style: normal
    }
.step-list, .cheak-list {
    display: block;
    position: relative
    }
.step-list {
    margin-top: 0
    }
.illust01 {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0.8em
    }
.illust02 {
    display: block;
    position: absolute;
    right: 0;
    top: 0
    }
.cheak-list ul {
    margin-top: 1.7em
    }
.cheak-list li {
    display: block;
    clear: both;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4
    }
.cheak-list li em {
    font-size: 2.4rem;
    color: #c30d23
    }
.cheak-list-text {
    display: block;
    float: left;
    margin: 0.4em 0 0
    }
.cheak-list-text-b {
    display: block;
    float: left;
    margin: 1.2em 0 0
    }
.cheak-list li img {
    display: block;
    float: left;
    margin-right: 0.7em;
    margin-bottom: 0.8em
    }
.step-list ul {
    margin: 2em 0 4em
    }
.step-list li {
    display: block;
    clear: both;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4
    }
.step-list li span {
    display: block;
    float: left;
    margin: 1.2em 0 0
    }
.step-list li img {
    display: block;
    float: left;
    margin-right: 0.7em;
    margin-bottom: 0.4em
    }
.point-box {
    display: block;
    margin: 0.8em 0 0;
    padding: 0;
    color: #e94b07;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
    font-size: 2.4rem;
    line-height: 1.5
    }
.consultation {
    display: block;
    position: relative;
    height: 135px;
    width: 750px;
    margin: 0 auto
    }
.consultation-dai {
    display: block;
    position: relative;
    height: 178px;
    width: 990px;
    margin: 0 auto
    }
.consultation-dai .right, .consultation .right {
    position: absolute;
    top: 0;
    right: 0
    }
.foot-btn {
    display: block;
    position: absolute;
    bottom: 5px;
    left: -15px
    }
.consultation p {
    display: block;
    float: left;
    width: 275px;
    font-size: 1.4em;
    font-weight: bold;
    color: #804e21;
    padding: 0.8em 0 0 0.1em;
    margin: 0 0 1.2em -15px
    }
.consultation-dai p {
    display: block;
    float: left;
    width: 362px;
    font-size: 1.8em;
    font-weight: bold;
    color: #804e21;
    padding: 0.8em 0 0 0.1em;
    margin: 0 0 1.2em -15px
    }
.foot-tel {
    display: block;
    float: left
    }
.caution {
    font-size: 1.1rem;
    margin: 0 0.2em 0.5em -15px
    }
.caution p {
    margin-bottom: 0
    }
.flow-list {
    display: block;
    margin-top: 1.5em
    }
.flow-list li {
    display: block;
    position: relative;
    background: url(../images.43965df240a95f0e6ec3cd25f37f1081/flow-back.png) no-repeat left top;
    width: 218px;
    height: 181px;
    float: left;
    padding: 1.65em 2.75em
    }
.flow-list li.flow-end {
    display: block;
    position: relative;
    background-image: none;
    background-color: #efe2cf;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    width: 95%;
    height: 120px;
    float: left;
    margin: 1.2em 0 0;
    padding: 1.65em 2.75em
    }
.flow-list li img {
    display: block;
    position: absolute;
    top: 12px;
    left: -20px
    }
h2.flow-heading {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    color: #c30d23;
    line-height: 1.35;
    margin-bottom: 0.5em
    }
/*------------------------

テーブル

------------------------*/
table td {
    word-break: break-all
    }
/*------------------------

フォーム

------------------------*/
input[type="text"], select {
    background-color: #fff9dd
    }
select {
    border-radius: 3px;
    border: 1px solid #b6bdba;
    padding: 0.15em 0.5em
    }
textarea, input[type="text"].blue-back {
    background-color: #eefde9
    }
input[type="text"].name {
    margin: 0 3em 0 0.8em
    }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="phone"], input[type="tel"], input[type="number"], input[type="datetime"], input[type="date"], input[type="month"], input[type="color"], input[type="time"], input[type="search"], input[type="datetime-local"] {
    border: 1px solid #b6bdba;
    padding: 0.35em 0.5em
    }
label, select {
    cursor: pointer
    }
input[type="submit"], input[type="reset"], input[type="button"] {
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Lucida Sans Unicode", "ＭＳ Ｐゴシック", Arial, Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: button
    }
.form02, .form {
    width: 100%;
    margin-bottom: 3em;
    background-color: #fff
    }
.form02 .label, .form .label {
    float: right
    }
.form02 th, .form02 td, .form th, .form td {
    padding: 1em;
    border: 1px solid #b3b4b5;
    text-align: left
    }
.form02 th.red, .form02 td.red, .form th.red, .form td.red {
    background-color: #fff000
    }
.form th {
    width: 200px;
    background-color: #f3f3f3;
    vertical-align: middle
    }
.form02 th {
    width: 150px;
    background-color: #f3f3f3;
    vertical-align: middle
    }
.form02 td.green-back, .form td.green-back {
    background-color: #fff9dd
    }
.form02 td.line-dot, .form td.line-dot {
    border-bottom: 1px dotted #ccc
    }
.form02 td.line-topn-no, .form td.line-topn-no {
    border-top: 0
    }
.radio-list li {
    display: block;
    float: left;
    margin-right: 4em
    }
.btn-area {
    margin: 0 auto;
    text-align: center
    }
.label-red {
    position: relative;
    display: inline-block;
    width: auto;
    text-align: center;
    background: #c30d23;
    z-index: 0
    }
.label-red:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -5px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #c30d23;
    z-index: 0
    }
.form-text01 {
    display: block;
    float: left;
    width: 85px;
    padding-top: 0.35em;
    font-weight: bold
    }
.form-text02 {
    display: block;
    font-size: 1.2rem;
    color: #515050;
    margin: 0.2em 0 0
    }
.form-text02 em {
    color: #342b28;
    font-style: normal
    }
.form-text03 {
    display: block;
    font-size: 1.2rem;
    color: #515050;
    margin: 1.2em 0 0
    }
.form-left {
    display: block;
    float: left;
    width: 150px;
    font-weight: bold;
    padding-top: 0.2em
    }
.form-right {
    display: block;
    float: right;
    width: 440px
    }
.form-box {
    display: block;
    margin-bottom: 0.5em
    }
.text-area {
    display: block;
    margin-top: 1em
    }
.text-area p {
    font-size: 1.5rem;
    color: #211924;
    margin-bottom: 0.5em
    }
.form-text04, .text-area li {
    display: block;
    font-size: 1.1rem;
    color: #515050;
    margin-bottom: 0
    }
.text-area ul {
    display: block;
    margin: 0.5em
    }
.form-heading {
    font-size: 1.45rem;
    margin: 0.3em 0 0.3em;
    color: #09050e
    }
.black-heading {
    display: block;
    font-size: 2rem;
    margin: 0.3em 0 0.3em;
    color: #09050e
    }
.form-cheak-box {
    display: block;
    overflow: scroll;
    background-color: #fff;
    border: 2px solid #7e7c7c;
    padding: 1.35em;
    margin: 0.35em 0 3em;
    height: 280px
    }
.form-cheak-box h1, .form-cheak-box h2, .form-cheak-box p {
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
    color: #666363;
    line-height: normal
    }
.form-cheak-box h1 {
    margin-bottom: 1em
    }
.red-list {
    list-style: disc;
    color: #C50000;
    font-weight: bold;
    margin: 0 0 2em 1.2em
    }
/*------------------------

リスト

------------------------*/
.list-flat {
    margin-bottom: 0
    }
.list-flat li {
    margin-bottom: 1em
    }
.list-flat li:last-child {
    margin-bottom: 0
    }
.list-left li {
    margin-right: 1em;
    float: left
    }
.list-left li:last-child {
    margin-right: 0
    }
.link {
    margin: 0
    }
.link li {
    list-style: none;
    line-height: 1.35
    }
.link li a {
    margin-left: 1em;
    display: block;
    text-decoration: none;
    text-indent: -1em
    }
.link li a:before {
    margin-right: 0.5em;
    content: "";
    color: #e60013;
    font: normal normal normal 14px/1 FontAwesome
    }
.list-center {
    display: inline-block;
    zoom: 1
    }
.list-before li {
    padding-left: 1em;
    display: block
    }
.list-before li:before {
    width: 1em;
    margin-left: -1em;
    padding: 0.5em 0;
    display: block;
    float: left;
    content: "";
    color: #007f2d;
    font-family: "FontAwesome";
    text-align: center
    }
.list-before li.second:before {
    width: 1em;
    margin-left: 0;
    padding: 0.5em 0;
    display: block;
    float: left;
    content: "";
    color: #007f2d;
    font-family: "FontAwesome";
    text-align: center
    }
.list-after li {
    padding-right: 15px;
    position: relative
    }
.list-after li:after {
    margin-top: -12px;
    position: absolute;
    top: 50%;
    right: 10px;
    content: "";
    color: #007f2d;
    font-family: "FontAwesome"
    }
.list-centered {
    text-align: center
    }
.list-centered ul {
    display: inline-block;
    zoom: 1
    }
/*------------------------

画像

------------------------*/
a:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6
    }
img.left {
    margin-right: 1em
    }
img.right {
    margin-left: 1em
    }
/*------------------------

レイアウト

------------------------*/
.v-bottom {
    position: absolute !important;
    right: 0;
    bottom: 0
    }
.v-center {
    width: 100%;
    display: table
    }
.v-center p, .v-center > div, .v-center img {
    padding: 0 0.5em;
    display: table-cell;
    vertical-align: middle
    }
img {
    vertical-align: bottom
    }
.img-centered img {
    margin: 0 auto;
    display: block
    }
.btn-centered {
    text-align: center
    }
/*------------------------

Typography

------------------------*/
i {
    margin: 0 0.5em;
    color: #005eae
    }
em, i {
    font-style: normal
    }
.red {
    color: #c3000f
    }
/*------------------------

フォントサイズ

------------------------*/
html {
    font-size: 62.5%;
    /*10px reset*/
    }
body {
    color: #000;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Lucida Sans Unicode", "ＭＳ Ｐゴシック", Arial, Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    /*13px* base*/
    line-height: 18px
    }
.font06 {
    font-size: 0.6rem
    }
.font07 {
    font-size: 0.7rem
    }
.font08 {
    font-size: 0.8rem
    }
.font09 {
    font-size: 0.9rem
    }
.font10 {
    font-size: 1rem
    }
.font11 {
    font-size: 1.1rem
    }
.font12 {
    font-size: 1.2rem
    }
.font13 {
    font-size: 1.3rem
    }
.font14 {
    font-size: 1.4rem
    }
.font15 {
    font-size: 1.5rem
    }
.font16 {
    font-size: 1.6rem
    }
.font17 {
    font-size: 1.7rem
    }
.font18 {
    font-size: 1.8rem
    }
.font19 {
    font-size: 1.9rem
    }
.font20 {
    font-size: 2rem
    }
.font21 {
    font-size: 2.1rem
    }
.font22 {
    font-size: 2.2rem
    }
.font23 {
    font-size: 2.3rem
    }
.font24 {
    font-size: 2.4rem
    }
.font25 {
    font-size: 2.5rem
    }
.font26 {
    font-size: 2.6rem
    }
.font27 {
    font-size: 2.7rem
    }
.font28 {
    font-size: 2.8rem
    }
.font29 {
    font-size: 2.9rem
    }
.font30 {
    font-size: 3rem
    }
.font31 {
    font-size: 3.1rem
    }
.font32 {
    font-size: 3.2rem
    }
/*------------------------

余白

------------------------*/
.mt-05 {
    margin-top: -5px
    }
.mt05 {
    margin-top: 5px
    }
.mt10 {
    margin-top: 10px
    }
.mt20 {
    margin-top: 20px
    }
.mt30 {
    margin-top: 30px
    }
.mt70 {
    margin-top: 70px
    }
.mt100 {
    margin-top: 100px
    }
.mt_20 {
    margin-top: -20px
    }
.mtb05 {
    margin-top: 5px;
    margin-bottom: 5px
    }
.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
    }
.mtb15 {
    margin-top: 15px;
    margin-bottom: 15px
    }
.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px
    }
.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px
    }
.mb05 {
    margin-bottom: 5px
    }
.mb10 {
    margin-bottom: 10px
    }
.mb20 {
    margin-bottom: 20px
    }
.mb30 {
    margin-bottom: 30px
    }
.ml05 {
    margin-left: 5px
    }
.ml10 {
    margin-left: 10px
    }
.ml20 {
    margin-left: 20px
    }
.ml30 {
    margin-left: 30px
    }
.mr05 {
    margin-right: 5px
    }
.mr10 {
    margin-right: 10px
    }
.pt40 {
    padding-top: 40px
    }
/*------------------------

表示・非表示

------------------------*/
br.sp_only {
    display: none
    }
.hidden {
    display: none;
    visibility: hidden
    }
.visible-phone {
    display: none !important
    }
.visible-tablet {
    display: none !important
    }
.hidden-desktop {
    display: none !important
    }
.visible-desktop {
    display: inline-block !important
    }
/*------------------------

clearfix

------------------------*/
.clearfix:before, .clearfix:after {
    height: 0;
    display: block;
    overflow: hidden;
    content: "."
    }
.clearfix:after {
    clear: both
    }
.clearfix {
    zoom: 1
    }
/* IE < 8 */