@charset "UTF-8";

/** Common Setting**/

body {
    position: relative;
    box-sizing: border-box;
}
.comment{
    font-size:75%;
    opacity:.7;
}
#page img {
    width: initial;
    height: auto;
    max-width: 100%;
}

.copyright {
    padding: 1rem 0;
    text-align: center;
    font-size: 1.6rem;
    background: #000;
    color: #fff;
}

.font-min {
    font-family: 游明朝, 'Yu Mincho', YuMincho, 'メイリオ', 'Meiryo', 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}

.ttl-h1,
.ttl-h2,
.ttl-h3 {
    font-family: 游明朝, 'Yu Mincho', YuMincho, 'メイリオ', 'Meiryo', 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}

.ttl-h1,
.ttl-h2,
.ttl-h3,
.ttl-h4,
.ttl-h5 {
    position: relative;
    box-sizing: border-box;
    display: block;
    letter-spacing: 0.5rem;
    line-height: 125%;
    font-weight: bold;
}

.ttl-h1 .txt_bloc,
.ttl-h2 .txt_bloc {
    display: block;
    min-width: fit-content;
    margin: auto;
    padding: 0 1.6rem;
    box-sizing: border-box;
}

.ttl-h1 .side-bar,
.ttl-h2 .side-bar {
    display: block;
    height: 2px;
    background: #fff;
    content: '';
}

.abs_pos-l {
    left: 0;
}

.abs_pos-r {
    right: 0;
}

.ttl-h1 {
    font-size: 3.8rem;
    padding: 9.2rem 1.6rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.ttl-h2 {
    font-size: 3.8rem;
    padding: 9.2rem 1.6rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.ttl-h1>.em,
.ttl-h2>.em {
    font-size: 120%;
    color: #F2D980;
}

.ttl-h3 {
    width: 100%;
    display: block;
}

.ttl-h3-style01 {
    font-size: 2.0rem;
    padding: 1.0rem;
    background: #AAC8ED;
    color: #112D5C;
}

.ttl-h3-style02 {
    font-size: 2.5rem;
    padding: 1.5rem 2rem;
    background: #112D5C;
    color: #fff;
}

.ttl-h3-style02:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%, -1px);
    border: 3rem solid transparent;
    border-top: 3rem solid #112D5C;
}

.ttl-h3-style02>span {
    width: fit-content;
    box-sizing: border-box;
    position: relative;
    margin: auto;
    display: block;
    padding: 0 6rem;
}

.ttl-h3-style02>span:before {
    content: '1';
    font-size: 200%;
    position: absolute;
    font-style: italic;
    opacity: .5;
    left: 0%;
    top: 50%;
    transform: translate(-1.5rem, -50%);
}

#sec03-2 .ttl-h3-style02>span:before {
    content: '2';
}

#sec03-3 .ttl-h3-style02>span:before {
    content: '3';
}

#sec03-4 .ttl-h3-style02>span:before {
    content: '4';
}

#sec03-5 .ttl-h3-style02>span:before {
    content: '5';
}

#sec03-6 .ttl-h3-style02>span:before {
    content: '6';
}

#sec03-7 .ttl-h3-style02>span:before {
    content: '7';
}

#sec03-8 .ttl-h3-style02>span:before {
    content: '8';
}

#sec03-9 .ttl-h3-style02>span:before {
    content: '9';
}

.ttl-h4 {
    font-size: 1.8rem;
}

.ttl-h4-style01 {
    padding: 1.0rem;
    background: #AAC8ED;
    color: #112D5C;
    font-weight: bold;
}

.ttl-h4-style02 {
    font-size: 2rem;
    padding: 1.0rem;
    color: #112D5C;
    font-weight: bold;
}

.ttl-h5 {
    font-size: 1.6rem;
}

.txtBox {
    display: block;
}

.txt_ali_l {
    text-align: left;
}

.txt_ali_c {
    text-align: center;
}

.txt_ali_r {
    text-align: right;
}

/** FONT **/
.txt-white {
    color: #fff;
}

.txt-yellow {
    color: #F2D980;
}

.txt-blue {
    color: #112D5C;
}

.font-b {
    font-weight: bold;
}

.sub_txt {
    font-size: 80%;
    display: block;
}
.txt-yellow.font-b, .txt-blue.font-b{
    font-size: 115%;
}
.txt-blue.font-b{
    background: linear-gradient(to top, rgba(242, 217, 128, .6) 0%, rgba(242, 217, 128, .6) 50%, transparent 50%, transparent 100%);
}

/** MARGIN **/
.mt0 {
    margin-top: 0;
}

.mt10 {
    margin-top: 1rem;
}

.mt15 {
    margin-top: 1.5rem;
}

.mt20 {
    margin-top: 2rem;
}

.mt25 {
    margin-top: 2.5rem;
}

.mt30 {
    margin-top: 3rem;
}

.mt35 {
    margin-top: 3.5rem;
}

.mt40 {
    margin-top: 4rem;
}

.mt45 {
    margin-top: 4.5rem;
}

.mt50 {
    margin-top: 5rem;
}

.mt55 {
    margin-top: 5.5rem;
}

.mt60 {
    margin-top: 6rem;
}

.mb0 {
    margin-bottom: 0;
}

.mb10 {
    margin-bottom: 1rem;
}

.mb15 {
    margin-bottom: 1.5rem;
}

.mb20 {
    margin-bottom: 2rem;
}

.mb25 {
    margin-bottom: 2.5rem;
}

.mb30 {
    margin-bottom: 3rem;
}

.mb35 {
    margin-bottom: 3.5rem;
}

.mb40 {
    margin-bottom: 4rem;
}

.mb45 {
    margin-bottom: 4.5rem;
}

.mb50 {
    margin-bottom: 5rem;
}

.mb55 {
    margin-bottom: 5.5rem;
}

.mb60 {
    margin-bottom: 6rem;
}

.pt0 {
    padding-top: 0;
}

.pt10 {
    padding-top: 1rem;
}

.pt15 {
    padding-top: 1.5rem;
}

.pt20 {
    padding-top: 2rem;
}

.pt25 {
    padding-top: 2.5rem;
}

.pt30 {
    padding-top: 3rem;
}

.pt35 {
    padding-top: 3.5rem;
}

.pt40 {
    padding-top: 4rem;
}

.pt45 {
    padding-top: 4.5rem;
}

.pt50 {
    padding-top: 5rem;
}

.pt55 {
    padding-top: 5.5rem;
}

.pt60 {
    padding-top: 6rem;
}

.pb0 {
    padding-bottom: 0;
}

.pb10 {
    padding-bottom: 1rem;
}

.pb15 {
    padding-bottom: 1.5rem;
}

.pb20 {
    padding-bottom: 2rem;
}

.pb25 {
    padding-bottom: 2.5rem;
}

.pb30 {
    padding-bottom: 3rem;
}

.pb35 {
    padding-bottom: 3.5rem;
}

.pb40 {
    padding-bottom: 4rem;
}

.pb45 {
    padding-bottom: 4.5rem;
}

.pb50 {
    padding-bottom: 5rem;
}

.pb55 {
    padding-bottom: 5.5rem;
}

.pb60 {
    padding-bottom: 6rem;
}


.cont-inner_wrap {
    width: 100%;
    max-width: 1140px;
    display: block;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.flex_bloc {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}

.flex_nowrap {
    flex-wrap: nowrap;
}

.jc-sa {
    justify-content: space-around;
}

.jc-sb {
    justify-content: space-between;
}

.jc-se {
    justify-content: space-evenly;
}

.jc-fs {
    justify-content: flex-start;
}

.jc-c {
    justify-content: center;
}

.jc-fe {
    justify-content: flex-end;
}

.alit-fs {
    align-items: flex-start;
}

.alit-c {
    align-items: center;
}

.alit-fe {
    align-items: flex-end;
}

.setheit100 {
    height: 100%;
}


/** KV Area **/
header.h-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.mainVisual_wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 400px;
    background-image: url('/lp/transfer/03/assets/images/kv_pc.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
}

.kv_catch_wrap {
    width: 60%;
    margin: auto;
    display: block;
    box-sizing: border-box;
    position: relative;
    transition: width .3s;
}

.rank_icon_img {
    width: 62%;
    display: block;
    box-sizing: border-box;
    position: relative;
    transition: width .3s;
}

.mv_cta {
    width: 68%;
    display: block;
    transition: width .3s;
}

.rank_icon_img img,
.mv_cta img {
    width: 100%;
    height: auto;
    display: block;
}

.bg-type01,
.bg-type02,
.bg-type03,
.bg-type04,
.bg-type05,
.bg-type06,
.bg-type07,
.bg-type08,
.bg-type09,
.bg-type10 {
    position: relative;
    box-sizing: border-box;
    display: block;

}

.bg-type01 {
    clip-path: inset(-1px);
}

.bg-type01_img {
    position: fixed;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-image: url('/lp/transfer/03/assets/images/bk01.webp');
    z-index: -1;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-type02_img {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-image: url('/lp/transfer/03/assets/images/bk02.webp');
    z-index: -1;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg_clr-tp01 {
    background: #112D5C;
}

.bg_clr-tp02 {
    background: linear-gradient(to bottom, #364F5C, #042333);
    -webkit-background: linear-gradient(to bottom, #364F5C, #042333);
    -moz-background: linear-gradient(to bottom, #364F5C, #042333);
    -ms-background: linear-gradient(to bottom, #364F5C, #042333);
    -o-background: linear-gradient(to bottom, #364F5C, #042333);
}

.bg_clr-tp03 {
    background: linear-gradient(to top, #364F5C, #042333);
    -webkit-background: linear-gradient(to top, #364F5C, #042333);
    -moz-background: linear-gradient(to top, #364F5C, #042333);
    -ms-background: linear-gradient(to top, #364F5C, #042333);
    -o-background: linear-gradient(to top, #364F5C, #042333);
}

#feature_list li {
    width: 30%;
}

.inner_navi_col3w {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.6rem 6rem;
}

.inner_navi_col3w li {
    width: 32%;
}

.btn-common:hover,
.btn-common:hover * {
    opacity: .7;
    transition: opacity .3s;
}

.point_bloc_ttl {
    background: #112D5C;
    font-size: 2rem;
    padding: 0.8rem 0 0.4rem;
    color: #fff;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
}

.point_bloc_txt {
    background: #eee;
    color: #1d2c5b;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    font-size: 1.8rem;
    font-weight: 700;
    padding: 20px;
}

.point_bloc_txt:after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    content: '';
    border: 2rem solid transparent;
    border-top: 1.6rem solid #eee;
}


.cont-inner_bloc_content {
    background: #fff;
    width: 100%;
    max-width: 1140px;
    margin: auto;
    box-sizing: border-box;
    position: relative;
}

.cont-inner_bloc_content_inner {
    position: relative;
    box-sizing: border-box;
    padding: 0 4rem 6rem;
}

.cont-inner_wrap_outer {
    display: block;
    padding: 4rem 0;
}

.content_catch {
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    margin: 6rem auto 4rem;
    width: fit-content;
    display: block;
}

.ownerList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
}

.ownerList>li {
    padding: 0;
    position: relative;
    box-sizing: border-box;
    width: calc((100% - 6rem)/4);
    background: #fff;
}

a.modal_open {
    display: block;
    transition: opacity .3s;
}

a.modal_open:hover {
    opacity: .7;
}

.ownerlist_thumb {
    display: block;
    width: 100%;
    overflow: hidden;
}

a.modal_open img {
    transition: transform .5s;
}

a.modal_open:hover img {
    transform: scale(1.1);

}

.btn-common .icon-arrow-right-thin {
    margin-left: 0;
    margin-right: 3.2rem;
    position: absolute;
    right: 1.6rem;
    left: unset;
    top: 50%;
    transform: translate(0, -50%);
}

#ownerList .ownerlist_ttl {
    font-weight: bold;
    color: #1d2c5b;
    padding: 1rem;
    font-size: 1.4rem;
    background: #F2D980;
    width: 100%;
    display: block;
    text-align: center;
}

#ownerList .ownerlist_detail_bloc {
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
}

#ownerList .ownerlist_detail_bloc .ownerlist_ttl2 {
    font-weight: bold;
    color: #1d2c5b;
    font-size: 1.6rem;
    line-height: 120%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
}

#ownerList .ownerlist_detail_bloc .ownerlist_ttl3 {
    font-weight: bold;
    font-size: 1.2rem;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    margin: 1.6rem 0 0;
}

#ownerList .ownerlist_detail_bloc .ownerlist_name {
    font-size: 1.4rem;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
}

#ownerList .btn-common {
    color: #fff;
    font-size: 1.8rem;
    min-width: unset;
    width: 70%;
    border-radius: 100px;
    display: block;
    padding: 0.5rem 2rem 0rem;
    margin: 1rem auto 2rem;
    text-align: center;
    position: relative;
    z-index: unset;
    background: linear-gradient(to right, #8E1C31, #000000);
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.5);
}

#ownerList .btn-common .icon-arrow-right-thin {
    margin-left: 0;
    margin-right: 3.2rem;
    position: absolute;
    left: 1.6rem;
    right: unset;
    top: 50%;
    transform: translate(0, -50%);
}

.ajax_bloc_wrap,.nml_bloc_wrap {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 6rem 3rem 3rem;
    background: #F2D980;
    margin: 4rem auto 0;
}

.ajax_bloc_wrap:before,.nml_bloc_wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%, -1px);
    border: 3rem solid transparent;
    border-top: 3rem solid #fff;
}

.case_detail_area_full {
    display: block;
    width: 100%;
    margin: 2rem 0 0;
}

.case_detail_area {
    display: flex;
    width: 100%;
    margin: 2rem 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.case_thumb_area {
    width: 28%;
    margin-right:2%;
}
.case_detail_info {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #ccc;
}

.case_detail_info dt {
    background: #8C95B1;
    width: 30%;
    color: #fff;
    padding: 1rem;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:90%;
}

.case_detail_info dd {
    background: #fff;
    width: 70%;
    padding: 1rem 2rem;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #ccc;
    font-size:90%;
}

.case_detail_info dt:last-child,
.case_detail_info dd:last-child {
    border-bottom: transparent;
}

.case_detail_area_full .case_detail_info {
    width: 100%;
}
.cdi_cmpname  {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
}
.cdi_cmpname > .mini_txt{
    font-size:1.2rem;
    padding-left:0.8rem;
}
.cdi_industry {
    display: block;
    font-weight: bold;
    box-sizing: border-box;
    position: relative;
}

.labelList {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.idty-p {
    width: 100%;
    max-width: fit-content;
    display: block;
    box-sizing: border-box;
    position: relative;
    margin: 1rem 0;
}

.idty-p>span {
    display: block;
    font-size: 75%;
}

.idty-p_miniwrap {
    width: 100%;
    max-width: fit-content;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    align-items: center;
}

.idty-p_miniwrap>.idty-p {
    width: 100%;
    max-width: calc(100% - 6rem);
    display: block;
    box-sizing: border-box;
    position: relative;
}

.idty-arrow {
    content: '';
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 4rem;
    height: 4rem;
    margin: 0 1rem;
}

.idty-arrow:before {
    content: '';
    display: block;
    right: 0.8rem;
    top: 50%;
    width: 0;
    height: 0;
    position: absolute;
    box-sizing: border-box;
    transform: translate(0, -50%);
    border: 1rem solid transparent;
    border-left: 1rem solid #1d2c5b;
    border-right: none;
}

.idty-arrow:after {
    content: '';
    display: block;
    left: 0.5rem;
    top: 50%;
    height: 0.5rem;
    width: 2.05rem;
    background: #1d2c5b;
    position: absolute;
    box-sizing: border-box;
    transform: translate(0, -50%);
}

.contact_catch_area {
    padding: 0 4rem;
    font-size: 1.6rem;
}

.contact_catch_area>div {
    width: 50%;
}

.contact_catch_txt {
    color: #fff;
}

.contact_catch_tel {
    border: 1px solid #fff;
    box-sizing: border-box;
    position: relative;
    padding: 1rem 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.num {
    color: #F2D980;
    font-size: 3.2rem;
    width: fit-content;
    position: relative;
    box-sizing: border-box;
    padding: 0 3.2rem;
    margin: auto;
}
.num .svgicon{
    width:3.2rem;
    height:3.2rem;
    display: block;
    margin: 0 1.6rem 0 0;
}
.form_box {
    background: #fff;
    padding: 6rem 6rem 4rem;
}

.contact-phase li {
    width: 30%;
    display: block;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

/** PC4middle-Display **/
@media screen and (max-width:1140px) {

    .kv_catch_wrap {
        width: 75%;
    }

    .rank_icon_img {
        width: 50%;
    }

    .mv_cta {
        width: 50%;
    }

}

/** PC4small-Display **/
@media screen and (max-width:900px) {

    .kv_catch_wrap {
        width: 92%;
    }

}

/** SmartDevice-Display **/




/*** MODALSetting ***/
/* =====================
  ■modal
  ===================== */
@keyframes modalwindow_body_in {
    0% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes modalwindow_body_out {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-20px);
    }
}

.modalwindow {
    /* オーバーレイ＆スクロール領域になるレイヤー */
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: -3;
    width: 100%;
    /* スマホでスワイプして指を離すまでの間下部の背景が無くなるため余分に指定 */
    height: calc(100% + 100px);
    background: rgba(0, 0, 0, 0.5);
    border-bottom: 100px solid transparent;
    cursor: pointer;
}

.modalwindow.is_visible {
    opacity: 1;
    z-index: 101;
}

.modal-content {
    position: relative;
    background: #fff;
}

.modal-content .ttl {
    border: 0;
    border-radius: 8px 8px 0 0 / 8px 8px 0 0;
    background-image: linear-gradient(to top, #3337b1, #101381);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-box {
    padding: 20px;
}

.modal-box-txt {
    margin-bottom: 10px;
}

.modalwindow.no_overlay_close {
    cursor: default;
}

.btn-mdl-closeTop {
    position: absolute;
    top: 0;
    top: 30px;
    right: 30px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    text-align: center;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(/lp/transfer/03/assets/images/Icon_modal_close.svg);
    position: absolute;
}

.modalwindow.lock .btn-mdl-closeTop {
    background: #ccc;
}

.modalwindow .mdl-body {
    /* ウィンドウ自体 アニメーションなどで装飾 */
    position: relative;
    top: 100px;
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    background: transparent;
    border-radius: 8px;
    cursor: default;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    transform: translateY(-20px);
    animation: 200ms modalwindow_body_out;
    margin-bottom: 400px;
}

.modalwindow.is_visible .mdl-body {
    transform: translateY(0px);
    animation: 400ms modalwindow_body_in;
}

.c_btn_1.modal_open {
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .modalwindow .mdl-body {
        width: 800px;
    }
}

@media screen and (max-width: 900px) {
    .modalwindow .mdl-body {
        width: 600px;
    }
}

@media screen and (max-width: 767px) {
    .modalwindow .mdl-body {
        top: 20px;
        width: 330px;
    }

    .modal-box {
        padding-bottom: 60px;
    }

    .btn-mdl-closeTop {
        top: 20px;
        right: 20px;
        width: 18px;
        height: 18px;
    }
}

/* =====================
    ■modal_success
    ===================== */
.modal_success {
    position: relative;
    margin-top: 32px;
}

.modal_success_item {
    width: 1000px;
}

.slick-initialized .slick-slide {
    display: block;
}

.modal_success {
    display: none;
}

.modal_success.slick-initialized {
    display: block;
}

@media screen and (max-width: 1200px) {
    .modal_success_item {
        width: 800px;
    }
}

@media screen and (max-width: 900px) {
    .modal_success_item {
        width: 600px;
    }
}

@media screen and (max-width: 767px) {
    .modal_success_item {
        width: 330px;
    }
}


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

/* =====================
  ■modal
  ===================== */
@keyframes modalwindow_body_in {
    0% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes modalwindow_body_out {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(-20px);
    }
}

.modalwindow {
    /* オーバーレイ＆スクロール領域になるレイヤー */
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    z-index: -3;
    width: 100%;
    /* スマホでスワイプして指を離すまでの間下部の背景が無くなるため余分に指定 */
    height: calc(100% + 100px);
    background: rgba(0, 0, 0, 0.5);
    border-bottom: 100px solid transparent;
    cursor: pointer;
}

.modalwindow.active {
    opacity: 1;
    z-index: 101;
}

.modal-content {
    position: relative;
    background: #fff;
}

.modal-content .ttl {
    border: 0;
    border-radius: 8px 8px 0 0 / 8px 8px 0 0;
    background-image: linear-gradient(to top, #3337b1, #101381);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.modal-box {
    padding: 20px;
}

.modal-box-txt {
    margin-bottom: 10px;
}

.modalwindow.no_overlay_close {
    cursor: default;
}

.btn-mdl-closeTop {
    position: absolute;
    top: 0;
    top: 30px;
    right: 30px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    text-align: center;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(/lp/transfer/03/assets/images/Icon_modal_close.svg);
    position: absolute;
}

.modalwindow.lock .btn-mdl-closeTop {
    background: #ccc;
}

.modalwindow .mdl-body {
    /* ウィンドウ自体 アニメーションなどで装飾 */
    position: relative;
    top: 100px;
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    background: transparent;
    border-radius: 8px;
    cursor: default;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    transform: translateY(-20px);
    animation: 200ms modalwindow_body_out;
    margin-bottom: 400px;
}

.modalwindow.is_visible .mdl-body {
    transform: translateY(0px);
    animation: 400ms modalwindow_body_in;
}

.c_btn_1.modal_open {
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .modalwindow .mdl-body {
        width: 800px;
    }
}

@media screen and (max-width: 900px) {
    .modalwindow .mdl-body {
        width: 600px;
    }
}

@media screen and (max-width: 767px) {
    .modalwindow .mdl-body {
        top: 20px;
        width: 330px;
    }

    .modal-box {
        padding-bottom: 60px;
    }

    .btn-mdl-closeTop {
        top: 20px;
        right: 20px;
        width: 18px;
        height: 18px;
    }
}

/* =====================
  ■modal_success
  ===================== */
.modal_success {
    position: relative;
    margin-top: 32px;
}

.modal_success_item {
    width: 1000px;
}

.slick-initialized .slick-slide {
    display: block;
}

.modal_success {
    display: none;
}

.modal_success.slick-initialized {
    display: block;
}

/**** Tbl *****/
.device_fixed_tbl{
    width:100%;
    box-sizing:border-box;
    position:relative;
    display: block;
    margin-bottom:4rem;
}
.oveflow_wrap{
    overflow:hidden;
    width:100%;
    display:block;
}
.tbl_rel_wrapper {
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding:0 0 2rem;
    overflow:scroll hidden;
    transform: translate(0, 2rem);
}
table.tbl4compare {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #999;
    margin: 0 0 0.5rem;
    font-weight: bold;
    font-size: 2rem;
}
table.tbl4compare td{
    border: 1px solid #999;
    padding: 2rem 1rem;
    text-align: center;
    vertical-align: middle;
    width:30%;
}
table.tbl4compare td.tbl_other_cell {
    width:10%;
}
table.tbl4compare tr:nth-child(2) td{
    background:#ccc;
    box-sizing: border-box;
}
table.tbl4compare tr:first-child td:nth-child(2){
    color:#fff;
    background:#1d2d5c;
    border:5px solid #1d2d5c;
}
table.tbl4compare tr:nth-child(2) td:nth-child(2){
    color:#1d2d5c;
    border:5px solid #1d2d5c; 
}
table.tbl4compare tr:nth-child(2) td:nth-child(3){
    color:#219693;
}
table.tbl4compare tr:nth-child(2) td:nth-child(4){
    color:#397191;
}
.em_wred_font{
    font-size:120%;
    color:#86122a;
}
table.tbl4compare tr:last-child td:nth-child(2){
    border:5px solid #1d2d5c; 
}
a#modal_cta_type01 {
    position: absolute;
    left: 10%;
    top: 100%;
    width: fit-content;
    box-sizing: border-box;
    padding: 1rem 6rem;
    background: linear-gradient(to right, #8E1C31, #000000);
    color: #fff;
    font-weight: bold;
}
a#modal_cta_type01:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 2rem;
    top: -1.9rem;
    left: 0;
    background: linear-gradient(to right, #8E1C31, #000000);
    clip-path: polygon( 50% 0 , 45% 100% , 55% 100%);
}
a#modal_cta_type01 .svg_icon{
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    right: 2rem;
    width: 2rem;
    height: 2rem;
    transform: translate(0, -50%);
}
a#modal_cta_type01 .svg_icon svg .loope-des{
    stroke:#fff;
}
a#modal_cta_type01:hover {
    opacity: .7;
    background: linear-gradient(to left, #8E1C31, #000000);
    transition: opacity .3s , background .8s , transform .8s;
    transform: scale(1.05);
}


@media screen and (max-width:1140px){
    table.tbl4compare {
        width:1060px;
    }
}

/**MODAL INNER STTING **/
.c_card_5 {
    padding: 3.2rem 10%;
    position: relative;
}

.c_card_5_top {
    margin-top: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.c_card_5_pic {
    width: 50%;
    overflow: hidden;
}

.c_card_5_pic img {
    width: 100%;
    height: auto;
    display: block;
}

p.c_card_5_txt {
    font-weight: bold;
    margin: 2.4rem 0;
}

.c_card_5_label_1 {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background: #1D2C5B;
    padding: 6px 10px;
    text-align: center;
}

.c_card_5_catch {
    margin-top: 14px;
    font-size: 32px;
    line-height: 1.3;
    color: #1F2C5C;
    font-weight: bold;
}

.c_card_5_label_2 {
    display: inline-block;
    border: 1px solid #333;
    line-height: 1;
    padding: 4px;
}

.c_card_5_name_company {
    font-weight: bold;
    margin-top: 12px;
}

.c_card_5_name_owner {
    margin-top: 8px;
    font-size: 18px;
}

.slick-nav-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

.slick-nav-arrows .slick-next_ex {
    right: -23px;
}

.slick-nav-arrows .slick-prev_ex {
    left: -23px;
}

.slick-nav-arrows .slick-arrow {
    position: absolute;
}

.slick-arrow {
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.pos-rel{position:relative;}
/* =========adviser_list========== */
.adviser_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    padding: 4rem 4rem 0;
}
.adviser_list_item {
    width: calc((100% / 3) - 4rem);
    margin:0 2rem;
}
.slick-prev{left:-1.5rem;}
.slick-next{right:-1.5rem;}
.slick-prev:before,.slick-next:before{
    display:none;
    content:unset;
    opacity:0;
    visibility: hidden;
}
.bloc_w50 {width:50%;}
p.catch_message {
    font-size: 2.4rem;
    color:#1d2c5b;
    font-weight:bold;
}
.catch_pointlist {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.catch_pointlist li {
    display: flex;
    flex-wrap: wrap;
    color:#1d2c5b;
    width: 100%;
    padding: 0.5rem 0.5rem 0.25rem 2.4rem;
    background: #fff;
    margin: 1.6rem 0;
    font-weight: bold;
    box-sizing:border-box;
    position:relative;
}
.catch_pointlist li:first-child,.catch_pointlist li:last-child {
    margin: 0;
}
.catch_pointlist li .svgicon{
    width:1.6rem;
    height:1.6rem;
}
.catch_pointlist li .inner_txt{
    font-size:1.8rem;
    width:calc(100% - 1.6rem);
    box-sizing: border-box;
    padding: 0 0 0 2rem;
}



/*
セルフモーダル
*/
div#wmodal {
    background: rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    z-index:101;
}
.wmodal_wrap {
    display: block;
    background: #fff;
    width: 96%;
    max-width: 980px;
    position: absolute;
    box-sizing: border-box;
    padding: 2rem 4rem 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.wmodal_ttl {
    font-size: 3.2rem;
    font-weight: bold;
    width: fit-content;
    border-bottom: 3px solid;
    color: #444;
    line-height: 100%;
}
.wmodal_exp {
    padding: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    display: block;
    margin:2rem 0;
    font-size:1.6rem;
}
.wmodal_cta {
    margin: 4rem auto 2rem;
    display: block;
    box-sizing: border-box;
    position: relative;
    width: 80%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 2rem;
}
.wmodal_cta a{
    padding: 1rem 0;
    width: 100%;
    display: block;
    border-radius: 50px;
    background: linear-gradient(to left, #8E1C31, #000000);
    height: 100%;
    padding: 1rem 0;
}
.wmodal_cta a:hover{
    opacity:0.7;
    background: linear-gradient(to right, #8E1C31, #000000);
    transition:opacity .3s , background .3s;
}

table.innermodal_tbl {
    margin: 2rem auto 0;
    width: 80%;
    border:1px solid #ccc;
}
table.innermodal_tbl th{
    background:#1d2d5c;
    color:#fff;
    font-weight:bold;
    border:1px solid #ccc;
    text-align:center;
}
table.innermodal_tbl td{
    border:1px solid #ccc;
    text-align:center;
}

.wmodal_minittl{
    font-weight:bold;
    display:block;
}
.wmodal_cta_minittl{
    font-weight:bold;
    text-align:center;
    display:block;
}

@media screen and (max-width:767px){
    .wmodal_wrap {
        padding: 4rem 2rem;
        overflow: hidden scroll;
        max-height:80vh;
    }
    table.innermodal_tbl{
        width:100%;
        font-size:1.4rem;
    }
    a#modal_cta_type01:before{
        visibility: hidden;
        opacity:0;
        display: none;
    }

}


/* =======================================
   sd-Step-list
 ======================================= */
 .sd-Step-list {
    position: relative;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 2.4rem 2.4rem 0;
  }
  .sd-Step-list .ttl {
    color: #D1D1D1;
    position: relative;
    text-align: center;
  }
  .sd-Step-list > li.current .ttl {
    color: #1d2c5b;
    font-weight: bold;
    font-size:1.6rem;
  }
  .sd-Step-list > li:before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #D1D1D1;
    border: 2px solid #fff;
    box-sizing: content-box;
    z-index: 2;
  }
  .sd-Step-list > li.current:before {
    background: #1d2c5b;
  }
  .sd-Step-list > li {
    position: relative;
    width: 33.3333%;
  }
  .sd-Step-list > li:after {
    position: absolute;
    z-index: -1;
    top: -16px;
    left: -51%;
    width: 100%;
    height: 2px;
    content: '';
    background-image: url('../images/bg_dashed.png');
    background-repeat: repeat;
    z-index: 1;
  }
  .sd-Step-list > li.current:after {
    background-color: #1d2c5b;
  }
  .sd-Step-list > li:first-child:after {
    content: none;
  }


@media screen and (max-width: 767px) {
    .cont-inner_wrap_outer{
        padding:6rem 2rem;
    }
    .ajax_bloc_wrap{
        padding:6rem 2rem 2rem;
    }
    .idty-p_miniwrap{
        justify-content: center;
    }
    .idty-arrow {
        transform: rotate(90deg);
    }
    .idty-p{
        display:flex;
        flex-wrap:wrap;
    }
    .idty-p_miniwrap>.idty-p{
        max-width:100%;
        display:flex;
        flex-wrap:wrap;
    }
    .adviser_list{
        padding:4rem 1rem;
    }
    .adviser_list_item {
      width: 100%;
    }
    .form_box{
        padding:6rem 2rem 4rem;
    }
    .sd-Step-list {
      padding:2.4rem 0 0;
    }
    .sd-Step-list .ttl {
      font-size: 1.2rem;
      line-height: 1.2;
    }
    .sd-Step-list > li:before {
      width: 14px;
      height: 14px;
    }
    .sd-Step-list > li:after {
      top: -20px;
    }
    .bloc_w50 {width:100%;}
    p.catch_message {
        font-size: 1.8rem;
    }
    .catch_pointlist {margin:2rem 0;}
    .catch_pointlist li .svgicon{margin-top:0.5rem;}
    .bg-type02_img {
        background-image: url('/lp/transfer/03/assets/images/sp_bk02.webp');
    }
    .num {
        font-size: 2.4rem;
    }
    .num .svgicon{
        width:2.4rem;
        height:2.4rem;
    }
}
/* =========c_card_4========== */
.c_card_4 {
  position: relative;
  background: transparent;
  max-width: 350px;
  padding: 0 0 20px;
}
.c_card_4_job {
  font-weight: bold;
  margin-top: 24px;
}
.c_card_4_name {
  font-size: 22px;
  color: #1D2C5B;
  padding: 12px 0 8px;
  font-weight: bold;
}
.c_card_4_txt {
  margin-top: 24px;
  font-weight:bold;
}
@media screen and (max-width: 767px) {
  .c_card_4_job {
    font-size: 14px;
    margin-top: 8px;
  }
  .c_card_4_name {
    font-size: 18px;
    padding: 8px 0 4px;
  }
  .c_card_4_ruby {
    font-size: 12px;
  }
  .c_card_4_txt {
    margin-top: 16px;
  }
}



@media screen and (max-width: 1200px) {
    .modal_success_item {
        width: 800px;
    }
}

@media screen and (max-width: 900px) {
    .modal_success_item {
        width: 600px;
    }
}

@media screen and (max-width: 767px) {
    .ttl-h1 {
        padding: 4rem 0;
    }

    .ttl-h1 .txt_bloc,
    .ttl-h2 .txt_bloc {
        padding: 0;
    }

    .cont-inner_wrap,
    .cont-inner_bloc_content_inner {
        padding: 2rem;
    }

    #feature_list li {
        width: 100%;
        margin: 2rem 0;
    }

    .ttl-h2 {
        font-size: 2.8rem;
        padding: 4rem 0;
    }

    .ttl-h3-style01 {
        font-size: 1.6rem;
    }

    .ownerList>li {
        width: 100%;
        margin: 2rem 0;
    }

    .inner_navi_col3w li {
        width: 100%;
        margin: 2rem 0;
    }

    .ttl-h3-style02>span {
        padding: 0 0 0 3rem;
    }

    .content_catch {
        font-size: 1.4rem;
        text-align: left;
    }
       .case_thumb_area {
            width: 100%;
            margin:1.6rem 0;
        }
    .case_detail_info{width:100%;}
    .case_detail_info dt,
    .case_detail_info dd {
        width: 100%;
    }

    .contact_catch_area>div {
        width: 100%;
        margin: 2rem 0;
    }

    .contact_catch_area {
        padding: 0;
        font-size: 1.6rem;
    }

    .c_card_5_pic {
        width: 100%;
    }

    .c_card_5_top {
        flex-wrap: wrap;
        display: flex;
        flex-direction: column-reverse;
    }

    .c_card_5_nameWrap {
        display: block;
        width: 100%;
    }

    .modal_success_item {
        width: 330px;
    }

    .mainVisual_wrap {
        position: relative;
        display: block;
        width: 100%;
        height: 590px;
        background-image: url('/lp/transfer/03/assets/images/kv_sp.webp');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .kv_catch_wrap {
        width: 95%;
    }

    .rank_icon_img {
        position: absolute;
        top: 10%;
        width: 100%;
        left: 50%;
        transform: translate(-50%, -150%);
    }

    .mv_cta {
        position: absolute;
        top: -10%;
        width: 53%;
        margin-left: -3%;
    }

    .sp-telArea .telbtn  {
        width: 45px;
    }

    .adviser img{
        width: 80%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px) and (orientation:landscape){
    .rank_icon_img {
        position: absolute;
        top: 0;
        width: 55%;
        left: 0;
        transform: translate(-10%,-130%);
    }
    .mainVisual_wrap{
        height:160vw;
    }
}



/**** SVG Setting ****/
.svgicon-white svg .nav-circle{
    fill:#fff;
    stroke:#1f2c5c;
}
.svgicon-white svg .nav-arrow{
    fill:#1f2c5c;
}
.svgicon-gray svg .nav-circle{
    fill:#DEDCDC;
}
.svgicon-gray svg .nav-arrow{
    fill:#655D5B;
}
.svgicon-blue svg .chkicon_path{
    fill:#112d5c;
}
.svgicon-yellow svg .telimg{
    fill:#f2d980;
}
/*** Animation Keyframes ***/
.animation-fadeUp {
    opacity: 0;
}

.ani-delay2 {
    animation-delay: .15s;
}

.ani-delay3 {
    animation-delay: .30s;
}

.ani-delay4 {
    animation-delay: .45s;
}

.fadeUp {
    animation-name: fadeUp;
    animation-timing-function: ease-out;
    animation-duration: .3s;
}

.animated {
    opacity: 1;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate(0, 50%)
    }

    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

/**** add style 20240402 ****/
nav {
    background: rgba(17, 45, 92, 1);
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 2rem;
}
nav ul.nav_menu {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    position: relative;
}
nav ul.nav_menu a {
    width: 25%;
    display:block;
    box-sizing: border-box;
    position: relative;
    font-weight: bold;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color:#fff;
    transition:opacity .3s;
}
nav ul.nav_menu a:hover {opacity:.7;}
nav ul.nav_menu a li{width:100%;text-align:center;}
nav ul.nav_menu a:nth-child(2) , ul.nav_menu a:nth-child(3) , ul.nav_menu a:nth-child(4) {
    border-left: 1px solid transparent;
}
.modal_cta_comment{
    display: block;
    font-size: 60%;
    text-align: center;
}
.prittl{
    margin-top:2.4rem;
    display:block;
    padding: 2.4rem 0 0;
    border-top: 1px solid #DDDDDD;
    font-weight:bold;
}
.cont-inner-overflow {
    width: 100%;
    height: 200px;
    margin: 1.6rem auto 3.2rem;
    overflow: hidden scroll;
    padding:2rem 4rem;
    border: 1px solid #ccc;
    background:#fff;
    font-size:80%;
}
.cont-inner-overflow h2{
    font-weight:bold;
    margin:1.6rem 0 0.8rem;
}

.cont-inner-overflow .sectionBody{padding:0;}
.cont-inner-overflow .tar{text-align:right;display:block;width:100%;}
.formList{border-bottom:none;}
.agree-box {
    margin: 16px auto;
    width:100%;
    max-width:440px;
}
.agree-box > .label_wrap{
    position:relative;
    width:100%;
    box-sizing:border-box;
    display:block;
    padding:0;
}
.agree-box > .label_wrap label{
    cursor:pointer;
    display:flex;
}
.agree-box > .label_wrap .checkbox,.agree-box > .label_wrap .prich,.agree-box > .label_wrap .checkbox01-parts{
    margin-top:0;
    margin-right:0.8rem;
}
nav#navmenu.fixedMenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    border-bottom: 1px solid #fff;
}
@media screen and (max-width:768px){
    nav{
        padding:0.8rem 2%;
    }
    nav ul.nav_menu a:nth-child(3) li{
        border-left: 1px solid #fff;
    }
    nav ul.nav_menu a {
        width:50%;
        margin:0.8rem 0;
    }
    #contact .num {
        color: #F2D980;
        text-decoration: underline;
    }
    #contact .num .svgicon{
        text-decoration: none;
    }
}