@charset "UTF-8";

/* ■ 目次
    link
    display
    RWD layout settings
    layout
    col_set
    width
    margin
    padding
    text
    list
    table_style
    個別の設定

■ ブレークポイント
    【sp】
        @media print, screen and (max-width: 639px) {}
    【sp + tab】
        @media print, screen and (max-width: 1024px) {}
    【tab】
        @media only screen and (min-width: 640px) and (max-width: 1024px) {}
    【tab + pc】
        @media only screen and (min-width: 640px) {}
    【pc】
        @media only screen and (min-width: 1025px) and (max-width: 1359px) {}
    【pc_l】
        @media only screen and (min-width: 1360px) {}
================================================== */
/* link
================================================== */
.tdn { text-decoration: none;}
.tdn:hover { text-decoration: underline;}
.hov { transition: all 0.3s ease;}
.hov:hover { opacity: 0.6;}
@media only screen and (min-width: 640px) {
  .a_tel {
    color: #555;
    text-decoration: none !important;
    pointer-events: none;}
}
@media print, screen and (max-width: 1023px) {
    .hov:hover { opacity: 1;}
}
/* display
================================================== */
.disp_b { display: block;}
.disp_ib { display: inline-block;}
.disp_n { display: none;}
/* RWD layout settings
================================================== */
.rw_xxo,.rw_xoo,.rw_xxo_ib,.rw_xoo_ib,.rw_xxo_f,.rw_xoo_f,.rw_xxo_if,.rw_xoo_if,.rw_xox,.rw_oox,.rw_xox_ib,.rw_oox_ib,.rw_xox_f,.rw_oox_f,.rw_xox_if,.rw_oox_if,.rw_oxx,.rw_oxo,.rw_oxx_ib,.rw_oxo_ib,.rw_oxx_f,.rw_oxo_f,.rw_oxx_if,.rw_oxo_if { display: none !important;}
    /* SP
    -------------------------------------------------- */
        @media only screen and (max-width: 639px) {
          .rw_xxo { display: block !important;}.rw_xxo_ib { display: inline-block!important;}.rw_xxo_f { display: flex!important;}.rw_xxo_if { display: inline-flex!important;}
        }
    /* TB
    -------------------------------------------------- */
        @media only screen and (min-width: 640px) and (max-width: 1023px) {
          .rw_xox { display: block !important;}.rw_xox_ib { display: inline-block!important;}.rw_xox_f { display: flex!important;}.rw_xox_if { display: inline-flex!important;}
        }
    /* PC
    -------------------------------------------------- */
        @media print, screen and (min-width: 1024px) {
          .rw_oxx { display: block !important;}.rw_oxx_ib { display: inline-block!important;}.rw_oxx_f { display: flex!important;}.rw_oxx_if { display: inline-flex!important;}
        }
    /* PC・TABのみ表示
    -------------------------------------------------- */
        .rw_oox { display: block !important;}.rw_oox_ib { display: inline-block!important;}.rw_oox_f { display: flex!important;}.rw_oox_if { display: inline-flex!important;}
        @media only screen and (max-width: 639px) {
          .rw_oox,.rw_oox_ib,.rw_oox_f,.rw_oox_if { display: none !important;}
        }
    /* PC・SPのみ表示
    -------------------------------------------------- */
        .rw_oxo { display: block !important;}.rw_oxo_ib { display: inline-block!important;}.rw_oxo_f { display: flex!important;}.rw_oxo_if { display: inline-flex!important;}
        @media only screen and (min-width: 640px) and (max-width: 1023px) {
          .rw_oxo,.rw_oxo_ib,.rw_oxo_f,.rw_oxo_if { display: none !important;}
        }
    /* TAB・SPのみ表示
    -------------------------------------------------- */
        .rw_xoo { display: block !important;}.rw_xoo_ib { display: inline-block!important;}.rw_xoo_f { display: flex!important;}.rw_xoo_if { display: inline-flex!important;}
        @media print, screen and (min-width: 1024px) {
          .rw_xoo,.rw_xoo_ib,.rw_xoo_f,.rw_xoo_if { display: none !important;}
        }
    /* SPのみ非表示
    -------------------------------------------------- */
        @media only screen and (max-width: 639px) {
            .sp_none { display: none !important;}
        }
    /* 印刷時のみ非表示
    -------------------------------------------------- */
        @media print {
            .print_none { display: none !important;}
        }
/* layout
================================================== */
.flr { float: right;}
.fll { float: left;}
.clearfix::after {content: "";display: block;clear: both;}
.ofh { overflow: hidden;}
.colum {border: 1px solid #2abd70;}
    .colum dt {background: -webkit-linear-gradient(left, #009246, #2abd70);background: -moz-linear-gradient(left, #009246, #2abd70);background: -o-linear-gradient(left, #009246, #2abd70);background: -ms-linear-gradient(left, #009246, #2abd70);color: #fff;font-size: 2.2rem;font-weight: bold;line-height: 1.2;padding: 10px 20px 8px;}
    .colum dd {padding: 20px 20px 30px;}
        .colum dd p {margin-top: 10px;}
        .colum dd p:first-child {margin-top: 0;}
@media print, screen and (max-width: 639px) {
    .colum dt {font-size: 2.0rem;padding: 10px 2%;}
}
.colum.index {background: url(../img/common_img/index_bg.gif) ;}
    .colum.index dt {background: none;color: #8e8e8e;font-size: 2.0rem;text-align: center;padding-top: 20px;padding-bottom: 0;}
    .colum.index dd {background: none;padding-top: 0;}
        .colum.index dd li {margin-top: 3px;}.colum.index dd li a {font-size: 1.3rem;}.colum.index dd .li_big {margin-top: 20px;}.colum.index dd .li_mid {margin-left: 10px;}
.layout01 .layout01_img {width: 30%;float: left;margin-right: 2%;margin-bottom: 5px;}
    .layout01 .layout01_img img {width: 100%;}
    .layout01 * {clear: right;}
    .layout01 > p {width: 67%;float: right;clear: none;}
@media print, screen and (min-width: 1025px) {
    .layout01 > .sale_price {width: 67%;display: flex;float: right;clear: none;}
        .layout01 > .sale_price > dl {width: 48%;margin-left: 4%;}
        .layout01 > .sale_price > dl:nth-child(odd) {margin-left: 0;}
}
@media print, screen and (max-width: 639px) {
    .layout01 .layout01_img {width: 100%;float: none;margin-left: 0;margin-bottom: 10px;}
    .layout01 > p {width: 100%;float: none;}
}
/* col_set
================================================== */
.col_pc2_sp1 > * {width: 100%;margin-top: 10px;box-sizing: border-box;}
    .col_pc2_sp1 > *:first-child { margin-top: 0;}
@media print, screen and (min-width: 640px) {
    .col_pc2_sp1 > * {width: 49%;margin-left: 2%;margin-top: 15px;float: left;}
    .col_pc2_sp1 > *:nth-child(2n+1) { margin-left: 0;}
    .col_pc2_sp1 > *:nth-child(-n+2) { margin-top: 0;}
}
.col_pc3_sp1 > * {width: 100%;margin-top: 10px;box-sizing: border-box;}
.col_pc3_sp1 > *:first-child { margin-top: 0;}
@media print, screen and (min-width: 640px) {
    .col_pc3_sp1 > * {width: 32%;margin-left: 2%;margin-top: 15px;float: left;}
    .col_pc3_sp1 > *:nth-child(3n+1) { margin-left: 0;}
    .col_pc3_sp1 > *:nth-child(-n+3) { margin-top: 0;}
}
.col_pc3_sp2 > * {width: 49%;float: left;box-sizing: border-box;margin-top: 10px;}
.col_pc3_sp2 > *:nth-child(-n+2) { margin-top: 0;}
@media print, screen and (max-width: 639px) {
    .col_pc3_sp2 > *:nth-child(even) { float: right;}
}
@media print, screen and (min-width: 640px) {
    .col_pc3_sp2 > * {width: 32%;margin-left: 2%;margin-top: 15px;float: left;}
    .col_pc3_sp2 > *:nth-child(3n+1) { margin-left: 0;}
    .col_pc3_sp2 > *:nth-child(-n+3) { margin-top: 0;}
}
.col_pc4_sp1 > * {width: 100%;margin-top: 10px;box-sizing: border-box;}
.col_pc4_sp1 > *:first-child { margin-top: 0;}
@media print, screen and (min-width: 640px) {.col_pc4_sp1 > * {width: 23.5%;margin-top: 15px;box-sizing: border-box;margin-left: 2%;float: left;}
    .col_pc4_sp1 > *:nth-child(4n+1) { margin-left: 0;}
    .col_pc4_sp1 > *:nth-child(-n+4) { margin-top: 0;}
}
.col_pc4_sp2 > * {width: 49%;margin-left: 2%;margin-top: 15px;float: left;box-sizing: border-box;}
.col_pc4_sp2 > *:nth-child(2n+1) { margin-left: 0;}
@media print, screen and (min-width: 640px) {
    .col_pc4_sp2 > * {width: 24.25%;margin-left: 1%;margin-top: 10px;}
    .col_pc4_sp2 > *:nth-child(2n+1) { margin-left: 1%;}
    .col_pc4_sp2 > *:nth-child(4n+1) { margin-left: 0; }
}
/* width
================================================== */
.w10p { width: 10% !important;}.w20p { width: 20% !important;}.w25p { width: 25% !important;}.w30p { width: 30% !important;}.w40p { width: 40% !important;}.w50p { width: 50% !important;}.w60p { width: 60% !important;}.w70p { width: 70% !important;}.w80p { width: 80% !important;}.w90p { width: 90% !important;}.w100p { width: 100% !important;}
@media only screen and (max-width: 1023px) {
    .w10p_sp { width: 10% !important;}.w20p_sp { width: 20% !important;}.w25p_sp { width: 25% !important;}.w30p_sp { width: 30% !important;}.w40p_sp { width: 40% !important;}.w50p_sp { width: 50% !important;}.w60p_sp { width: 60% !important;}.w70p_sp { width: 70% !important;}.w80p_sp { width: 80% !important;}.w90p_sp { width: 90% !important;}.w100p_sp { width: 100% !important;}
}
/* margin
================================================== */
.mt00 { margin-top: 0px !important;}.mt05 { margin-top: 5px !important;}.mt10 { margin-top: 10px !important;}.mt15 { margin-top: 15px !important;}.mt20 { margin-top: 20px !important;}.mt25 { margin-top: 25px !important;}.mt30 { margin-top: 30px !important;}.mt35 { margin-top: 35px !important;}.mt40 { margin-top: 40px !important;}.mt45 { margin-top: 45px !important;}.mt50 { margin-top: 50px !important;}.mt55 { margin-top: 55px !important;}.mt60 { margin-top: 60px !important;}.mt65 { margin-top: 65px !important;}
.mb05 { margin-bottom: 5px !important;}.mb10 { margin-bottom: 10px !important;}.mb15 { margin-bottom: 15px !important;}.mb20 { margin-bottom: 20px !important;}.mb30 { margin-bottom: 30px !important;}.mb40 { margin-bottom: 40px !important;}.mb50 { margin-bottom: 50px !important;}.mb60 { margin-bottom: 60px !important;}
.mra { margin-right: auto !important;}.mr05 { margin-right: 5px !important;}.mr10 { margin-right: 10px !important;}.mr20 { margin-right: 20px !important;}.mr30 { margin-right: 30px !important;}
.mla { margin-left: auto !important;}.ml05 { margin-left: 5px !important;}.ml10 { margin-left: 10px !important;}.ml20 { margin-left: 20px !important;}.ml30 { margin-left: 30px !important;}
@media only screen and (max-width: 1023px) {
    .mt05_sp { margin-top: 5px !important;}.mt10_sp { margin-top: 10px !important;}.mt15_sp { margin-top: 15px !important;}.mt20_sp { margin-top: 20px !important;}.mt25_sp { margin-top: 25px !important;}.mt30_sp { margin-top: 30px !important;}.mt35_sp { margin-top: 35px !important;}.mt40_sp { margin-top: 40px !important;}.mt45_sp { margin-top: 45px !important;}.mt50_sp { margin-top: 50px !important;}.mt55_sp { margin-top: 55px !important;}.mt60_sp { margin-top: 60px !important;}.mt65_sp { margin-top: 65px !important;}
    .mb05_sp { margin-bottom: 5px !important;}.mb10_sp { margin-bottom: 10px !important;}.mb20_sp { margin-bottom: 20px !important;}.mb30_sp { margin-bottom: 30px !important;}.mb40_sp { margin-bottom: 40px !important;}.mb50_sp { margin-bottom: 50px !important;}
}
/* text
================================================== */
.fw_n { font-weight: normal;}
.bold,.fw_b { font-weight: bold !important;}
.color_red { color: #d01a3f !important;}
.color_green { color: #4cd964 !important;}
.color_blue { color: #007aff !important;}
.fs10 { font-size: 1rem !important;}.fs11 { font-size: 1.1rem !important;}.fs12 { font-size: 1.2rem !important;}.fs13 { font-size: 1.3rem !important;}.fs14 { font-size: 1.4rem !important;}.fs15 { font-size: 1.5rem !important;}.fs16 { font-size: 1.6rem !important;}.fs18 { font-size: 1.8rem !important;}.fs20 { font-size: 2rem !important;}.fs22 { font-size: 2.2rem !important;}.fs24 { font-size: 2.4rem !important;}.fs26 { font-size: 2.6rem !important;}.fs28 { font-size: 2.8rem !important;}.fs30 { font-size: 3rem !important;}.fs32 { font-size: 3.2rem !important;}.fs34 { font-size: 3.4rem !important;}.fs36 { font-size: 3.6rem !important;}.fs38 { font-size: 3.8rem !important;}
.tac { text-align: center !important;}
.tar { text-align: right !important;}
.tal { text-align: left !important;}
.indent {display: block;padding-left: 1em !important;text-indent: -1em !important;}
@media only screen and (max-width: 1023px) {
    .fs12_sp { font-size: 1.2rem !important;}.fs13_sp { font-size: 1.3rem !important;}.fs14_sp { font-size: 1.4rem !important;}.fs15_sp { font-size: 1.5rem !important;}.fs16_sp { font-size: 1.6rem !important;}.fs18_sp { font-size: 1.8rem !important;}.fs20_sp { font-size: 2rem !important;}.fs22_sp { font-size: 2.2rem !important;}.fs24_sp { font-size: 2.4rem !important;}.fs26_sp { font-size: 2.6rem !important;}.fs28_sp { font-size: 2.8rem !important;}.fs30_sp { font-size: 3rem !important;}.fs32_sp { font-size: 3.2rem !important;}.fs34_sp { font-size: 3.4rem !important;}.fs36_sp { font-size: 3.6rem !important;}.fs38_sp { font-size: 3.8rem !important;}
}
/* list
================================================== */
.list_indent li {padding-left: 1em;text-indent: -1em;}
.aside_list_indent li {padding-left: 0.5em;text-indent: -0.5em;}
/* table_style
================================================== */
.table_style {display: table;width: 100%;border-spacing: 0;word-wrap: break-word;word-break: break-all;border-top: 1px solid #333;border-bottom: 1px solid #333;}
    .table_style > dl {position: relative;display: table-row;}
        .table_style > dl > dt,.table_style > dl > dd {display: table-cell;vertical-align: top;box-sizing: border-box;line-height: 1.4 !important;font-size: 1.4rem;padding: 20px 20px;}
        .table_style > dl > dt {width: 240px;font-weight: normal;position: relative;}
            .table_style > dl > dt:after {width: 1px;height: calc(100% - 20px);content: "";display: block;background: #111;background: #cecece;position: absolute;top: 10px;right: 0;}
        .table_style > dl > dd {background: rgba(255,255,255,0.4);}
            .table_style > dl > dd label {cursor: pointer;}
    .table_style.mode02 dt {background: -webkit-linear-gradient(left, #fff 0%, #f6e7ff 100%);background: -moz-linear-gradient(left, #fff 0%, #f6e7ff 100%);background: -o-linear-gradient(left, #fff 0%, #f6e7ff 100%);background: -ms-linear-gradient(left, #fff 0%, #f6e7ff 100%);background: linear-gradient(left, #fff 0%, #f6e7ff 100%);}
    .table_style.mode03 dt {background: -webkit-linear-gradient(left, #fff 0%, #ffe7e7 100%);background: -moz-linear-gradient(left, #fff 0%, #ffe7e7 100%);background: -o-linear-gradient(left, #fff 0%, #ffe7e7 100%);background: -ms-linear-gradient(left, #fff 0%, #ffe7e7 100%);background: linear-gradient(left, #fff 0%, #ffe7e7 100%);}
@media print, screen and (min-width: 1024px) {
    .table_style > dd {margin-left: 1em;}
}
@media only screen and (max-width: 639px) {
    .table_style > dl > dt,.table_style > dl > dd {width: 100%;display: block;padding: 15px 2%;}
    .table_style > dl > dt {border-top: 1px dashed #b1b1b1;}
    .table_style > dl:first-child > dt {border-top: none;}
        .table_style > dl > dt:after {content: "";display: block;width: 30px;height: 1px;top: auto;bottom: 0;left: 50%;margin-left: -20px;}
}
/* pager
================================================== */
.pager {display: flex;justify-content: center;margin-top: 20px;}
    .pager a {padding: 5px;text-decoration: none;border: 1px solid #edc2c4;font-size: 1.2rem;margin: 0 5px;}
    .pager .next a,.pager .most_next a {padding-right: 0;padding-left: 8px;}
    .pager .prev a,.pager .most_prev a {padding-left: 0;padding-right: 8px;}
    .pager .next {margin-left: auto;}
    .pager .prev {margin-right: auto;}
    .pager .next {margin-left: auto;}
    .pager a.active {border: 1px solid transparent;pointer-events: none;}
    .pager a.active:hover {cursor: alias;opacity: 1;}
    .pager.mode_detail {margin-top: 40px;}
/* .step_li
================================================== */
.step_li {display: flex;font-weight: bold;align-items: center;justify-content: center;padding-top: 30px;margin-bottom: 60px;}
    .step_li li {width: 130px;height: 130px;background: #f5f5f5;box-sizing: border-box;color: #b5b5b5;display: inline-flex;font-size: 1.8rem;font-weight: bold;align-items: center;justify-content: center;position: relative;border: 1px solid rgba(0,0,0,0.2);border-radius: 50%;margin: 0 20px;}
    .step_li li.active {background: url(../img/common_img/page_tit.jpg) center top no-repeat;color: #fff;text-shadow: 1px 1px 5px rgba(0,0,0,0.8);border: 1px solid #f09183;}
        .step_li li::after {content: "›";color: #b5b5b5;display: block;text-shadow: none;position: absolute;top: 50px;left: 145px;}
        .step_li li:last-child::after {content: none;}
@media print, screen and (max-width: 639px){
    .step_li {margin-bottom: 40px;}
    .step_li li {width: 90px;height: 90px;box-sizing: border-box;font-size: 1.6rem;text-align: center;padding: 5px;margin: 0 2%;}
    .step_li li::after {top: 32px;left: 93px;}
}
/* .area_dl
================================================== */
.area_dl {margin-bottom: 60px;}
    .area_dl > dt {border-radius: 10px 10px 0 0;background: #f5f5f5;color: #b5b5b5;display: inline-block;font-size: 2.2rem;font-weight: bold;padding: 3px 30px;border: 1px solid rgba(0,0,0,0.2);border-bottom: none;}
    .area_dl > dd {background: rgba(255,255,255,0.4);padding: 20px;border: 1px solid rgba(0,0,0,0.2);}
.area_li > li {margin-top: 10px;}
    .area_li > li:first-child {margin-top: 0;}
.area_detail_dl{display: flex;}
.area_detail_dl > dt {color: #3e57a8;text-align: left;font-size: 1.5rem;font-weight: bold;margin: 10px 15px 0 0;}
.area_detail_li:after {content: "";display: block;clear: both;}
    .area_detail_li li {background: #7290b0;float: left;font-size: 1.5rem;color: #fff;padding: 1px 5px;border: 1px solid #7290b0;margin: 7px 3px 0;}
@media print, screen and (max-width: 639px) {
    .area_dl {margin-bottom: 30px;}
    .area_dl > dt {font-size: 1.8rem;margin: 0 0 10px 0;}
    .area_dl > dd {padding: 10px 2% 20px;}
    .area_detail_dl{display: block;}
    .area_detail_li li {padding: 2px 5px;margin: 5px 2px 0;}
    .area_detail_dl > dt {font-size: 1.5rem;}
    .area_li > li {margin-top: 0;}
}
/* 個別の設定
================================================== */
.txt_box p {margin-top: 15px;}
.txt_box p:first-child {margin-top: 0;}