@charset "utf-8";

   /* =====================
  slick
===================== */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: pointer;
  }
  .slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .slick-slide {
    display: none;
    height: 100%;
    min-height: 1px;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
  /*20201022ã€€ã‚¹ã‚¿ã‚¤ãƒ«è¿½åŠ ã“ã“ã‹ã‚‰*/
  .slick-slide .tbl-common {
    font-size: 90%;
  }
  .slick-slide .btn-details {
    padding: 15px 10px;
  }
  .slick-slide .tbl-common th, .tbl-common td {
    padding: 10px 15px;
  }
  .slide-box .box-common {
    padding: 40px !important;
  }
  @media screen and (max-width: 767px) {
    .slide-box .box-common {
      padding: 30px 15px !important;
    }
  }
  /*20201022ã€€ã‚¹ã‚¿ã‚¤ãƒ«è¿½åŠ ã“ã“ã¾ã§*/
  /* =====================
    slick prev
  ===================== */
  .slick-prev, .slick-next {
    font-family: 'icon';
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    /*20201022 数値変更*/
    display: block;
    height: 100%;
    padding: 0;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 10;
  }
  .slick-prev:before, .slick-next:before {
    font-size: 3.8rem;
    /*20201022 サイズ変更*/
    line-height: 1;
    color: #1d2c5b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slick-prev {
    left: -30px;
    /*20201022 数値変更*/
  }
  .slick-next {
    right: -30px;
    /*20201022 数値変更*/
  }

  @media screen and (max-width: 767px) {
    .slick-prev {
      margin-left: 15px;
    }
    .slick-next {
      margin-right: 15px;
    }
  }
  /* =====================
    slick dots
  ===================== */
  .slide-dots button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .slide-dots {
    text-align: center;
  }
  .slide-dots li {
    display: inline-block;
    margin: 0 15px;
    width: 100px;
    height: 15px;
  }
  .slide-dots li button {
    position: relative;
    text-indent: -9999px;
    width: 100px;
    height: 15px;
    cursor: pointer;
  }
  .slide-dots li button:before {
    content: '';
    font-size: 20px;
    text-indent: 0px;
    position: absolute;
    width: 100px;
    height: 15px;
    display: block;
    top: 0;
    left: 0;
    background: #8c95b1;
  }
  .slide-dots li.slick-active button:before {
    background: #fff;
  }


/* ---------- common ---------- */
.l-contents { margin-top: 0 !important; }
.inner { width: 1080px; margin: 0 auto; }

header { position: absolute; top: 0; left: 0; width: 100%; padding: 20px 0; }
header .flex { display: flex; justify-content: space-between; align-items: center; width: 1080px; margin: 0 auto; }
header h1 { width: 260px; }
header h1 img { width: 100%; height: auto; }
header .tel { font-size: 25px; color: #fff; font-weight: bold; }
header .tel em { font-size: 40px; }
header .tel span.PC { display: block; }
header .tel span.SP { display: none; }





footer { background: #333; padding: 38px 0; }
footer p { color: #fff; text-align: center; }

@media screen and (max-width: 767px) {
	.inner { width: 100%; }
	
	header { padding: 20px 0; }
	header .flex { width: 90%; }
	header h1 { width: 200px; }
	header .tel { color: #fff; }
	header .tel span.PC { display: none; }
	header .tel span.SP { display: block; }
	
	footer { padding: 18px 0; }
	footer p { font-size: 10px; }
}

/* ---------- FV ---------- */
#fv { background: url(../images/fv/fv.jpg) no-repeat center center/cover; }
#fv .fv_inner { width: 1080px; margin: 0 auto; background: url(../images/fv/fv_lion.png) no-repeat right bottom -64px / 489px; padding: 179px 0 0; }
#fv h2 { font-size: 82px; font-family: "YuGothic", "游ゴシック Medium", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, meiryo, sans-serif; color: #fff; line-height: 170%; margin-bottom: 84px; filter: drop-shadow(0px 0px 16px rgba(0,0,0,0.8)); }
#fv h2 span { font-size: 100px; letter-spacing: -0.02em;}
#fv .cm { display: block; margin-bottom: 156px; }
#fv .cm img { margin: 0; }
#fv nav,#pc_nav_menu_fixed nav { display: flex; }
#fv nav a,#pc_nav_menu_fixed a { position: relative; display: block; width: calc(100% / 6); text-align: center; padding: 14px 0 36px; font-size: 20px; border-radius: 10px 10px 0 0; }
#fv nav a:nth-child(odd),#pc_nav_menu_fixed a:nth-child(odd) { color: #333333; background: rgb(255 255 255 / .8); }
#fv nav a:nth-child(even),#pc_nav_menu_fixed a:nth-child(even) { color: #fff; background: #112b4d; }
#fv nav a::before,#pc_nav_menu_fixed a::before  { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%) rotate(-45deg); -webkit-transform: translateX(-50%) rotate(-45deg); display: block; content: ''; width: 13px; height: 13px; } 
#fv nav a:nth-child(odd)::before,#pc_nav_menu_fixed a:nth-child(odd)::before   { border-left: 2px solid #112b4d; border-bottom: 2px solid #112b4d; }
#fv nav a:nth-child(even)::before,#pc_nav_menu_fixed a:nth-child(even)::before  { border-left: 2px solid #fff; border-bottom: 2px solid #fff; }
#fv .PC { display: block; }
#fv .SP { display: none; }


@media screen and (max-width: 767px) {
	#fv { background: none; }
	#fv .fv_inner { width: 100%; background: none; padding: 0; }
	#fv .sp_bgarea { background: url(../images/fv/fv_sp.jpg) no-repeat center bottom/cover; padding: 20% 0 20px; }
	#fv h2 { font-size: 38px; line-height: 170%; margin: 0 1rem 230px; filter: drop-shadow(0px 0px 16px rgba(0,0,0,0.8)); }
	#fv h2 span { font-size: 50px; letter-spacing: -0.02em;}
	#fv .cm { display: block; width: 35%; margin-bottom: 0px; margin-left: 1rem; }
	#fv .cm img { margin: 0; }
	#fv nav { flex-wrap: wrap; background: #eaeae9; }
	#fv nav a { display: block; width: 50%; text-align: center; padding: 13px 0 13px 25px; font-size: 16px; border-radius: 0; text-align: left; }
	#fv nav a:nth-child(odd) { color: #333333; background: #eaeae9; }
	#fv nav a:nth-child(even) { color: #fff; background: rgb(17 43 77 / 0.8); }
	#fv nav a:nth-child(3) { color: #fff; background: rgb(17 43 77 / 0.8); }
	#fv nav a:nth-child(4) { color: #333333; background: #eaeae9; }
	#fv nav a::before { top: 50%; left: auto; right: 10%; transform: translate(0, -50%) rotate(-45deg); -webkit-transform: translate(0, -50%) rotate(-45deg); width: 12px; height: 12px; } 
	#fv nav a:nth-child(odd)::before  { border-left: 1px solid #112d5c; border-bottom: 1px solid #112d5c; }
	#fv nav a:nth-child(even)::before  { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
	#fv nav a:nth-child(3)::before  { border-left: 1px solid #fff; border-bottom: 1px solid #fff; }
	#fv nav a:nth-child(4)::before  { border-left: 1px solid #112d5c; border-bottom: 1px solid #112d5c; }
	#fv .PC { display: none; }
	#fv .SP { display: block; }
}



/* ---------- flip ---------- */

#flip { overflow: hidden; margin: 0; padding: 0;}
#flip .flip_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/flip/flip_bg.jpg) no-repeat center / cover; z-index: -1; }

#flip .PC { display: block; }
#flip .SP { display: none; }

#flip .flip { height: 100vh; padding: 8vh 0 0; }
#flip .flip .flip_img { position: relative; }
#flip .flip .flip_img .board { filter: drop-shadow(0px 0px 16px rgb(27 125 153 / 0.3)); }
#flip .flip .flip_img .board::before { position: absolute; display: block; content: ''; width: 1144px; height: 86px; bottom: -20%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: url(../images/flip/flip_shadow.png) no-repeat center / cover; }
#flip .flip .flip_img .lady { position: absolute; right: 0; bottom: 0; z-index: 3; }
#flip .flip .flip_img .lady01 { right: -22%; }
#flip .flip .flip_img .lady02 { right: -27%; bottom: 140px; }

#flip .flip .flip_img .slick { position: absolute; left: 10px; top: 10px; width: 1060px; height: 630px; z-index: 2; }
#flip .flip .flip_img .slick .slick-slide { position: relative; }
#flip .flip .flip_img .slick .slick-slide.simulator a,
#flip .flip .flip_img .slick .slick-slide.contact a { position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

.flip_btn {
    position: absolute;
    top: 1.2rem;
    left: 1rem;
    z-index: 3;
    width: /*6rem*/calc(100% - 2rem);
}

ul.flip_btn_list {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
ul.flip_btn_list li {
    box-sizing: border-box;
    width: /*100%*/fit-content;
    margin:0;
    padding:0;
    position: relative;
}
ul.flip_btn_list li button{
    box-sizing: border-box;
    width: 100%;
    font-size:2.8rem;
    font-weight:bold;
    margin:0;
    padding:1rem 6rem;
}
ul.flip_btn_list li button img{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    border: 1px solid rgba(17,43,77,.5);
    border-radius: 0 1.2rem 1.2rem 0;
    border-left: transparent;
}
li.prevBtnEx > button:before {
    content: '';
    display: block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    border: 1px solid #999;
    top: 52%;
    left: 2rem;
    transform: translate(0, -50%);
    border-radius: 100%;
    background: #ccc;
}
li.prevBtnEx > button:after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 52%;
    left: 3.2rem;
    border-top: 0.2rem solid #444;
    border-left: 0.2rem solid #444;
    transform: translate(0, -50%) rotate(-45deg);
}
li.prevBtnEx > button{color:#444;}
li.nextBtnEx > button:before {
    content: '';
    display: block;
    position: absolute;
    width: 3rem;
    height: 3rem;
    border: 1px solid #999;
    top: 52%;
    right: 2rem;
    transform: translate(0, -50%);
    border-radius: 100%;
    background: #112d5c;
}
li.nextBtnEx > button:after {
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    top: 52%;
    right: 3.2rem;
    border-top: 0.2rem solid #fff;
    border-right: 0.2rem solid #fff;
    transform: translate(0, -50%) rotate(45deg);
}
li.nextBtnEx > button{color:#112d5c;}
li.prevBtnEx > button[disabled],li.nextBtnEx > button[disabled]{
    opacity:.6;
}


@media screen and (max-width: 767px) {
	#flip { overflow: auto; background: #eaeae9; }
	#flip .PC { display: none; }
	#flip .SP { display: block;overflow-x: hidden; }
	#flip .flip { height: auto; padding: 0 1rem 50px; }
	#flip #flip01 { padding: 50px 1rem; }
	#flip .flip .scroll { overflow-x: scroll; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 94%; margin: 0 auto; z-index: 1; }
	#flip #flip05 .scroll { bottom: 8%; }
	#flip #flip06 .scroll { top: 11%; }
	#flip .flip .scroll .scroll_img {  padding: 0 5%; }
	#flip #flip05 .scroll .scroll_img { width: 140vw; }
	#flip #flip06 .scroll .scroll_img { width: 150vw; }
	#flip #flip08 .flip_img a,
	#flip #flip09 .flip_img a { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 80vw; z-index: 1; }
	#flip #flip08 .flip_img a { bottom: 10%; }
	#flip #flip09 .flip_img a { bottom: 6.5%; }

}


/* ---------- about ---------- */

#about { background: url(../images/about_bg.jpg) no-repeat center / cover; padding: 100px 0 0; }

#about .about_bg { background: url(../images/cc-thumb.png) no-repeat center top / 742px; margin-bottom: 90px; }
#about .about { display: flex; justify-content: space-between; align-items: center; margin-bottom: 90px; }
#about .h2-italic { font-size: 36px; color: #112b4d; font-style: italic; margin-bottom: 40px; }
#about .about .tables {  }
#about .about .tables dl { display: flex; margin-bottom: 20px; }
#about .about .tables dt,
#about .about .tables dd { border-bottom: 1px solid #c9c9c9; padding-left: 8px; }
#about .about .tables dt { width: 90px; margin-right: 10px; }
#about .about .tables dd { width: 310px; }
#about .about .tables .logo { width: 80px; margin-left: 100px; }
@media screen and (max-width: 767px) {
	#about { background: url(../images/about_bg_sp.jpg) repeat-y center / 100%; padding: 100px 0 0; }

	#about .h2-italic { font-size: 24px; margin-bottom: 20px; }
	#about .about_bg { background: url(../images/cc-thumb_sp.png) no-repeat right 4% / 195px; margin-bottom: 90px; }
	#about .about { flex-flow: column; align-items: flex-start; margin: 0 1rem 90px; }
	#about .about .tables dl { display: flex; margin-bottom: 20px; }
	#about .about .tables dt,
	#about .about .tables dd { font-size: 14px; padding-left: 5px; }
	#about .about .tables dt { width: 50px; margin-right: 1rem; }
	#about .about .tables dd { width: auto; }
	#about .about .tables .logo { width: 60px; margin-left: calc(50px + 1rem); }
	#about .about .about-l { margin-bottom: 42px; }	
	#about .about .about-r { width: 200px; margin: 0 auto; }
	#about .about .about-r img { width: 100%; height: auto; }
}
#about .record .top_p { font-size: 18px; margin-bottom: 50px; }
#about .record .top_p span { font-size: 24px; }

#about .record #ownerList { /*display: flex; justify-content: space-between;*/display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2rem; } 
#about .record #ownerList li { border-radius: 10px; background: #fff; padding-bottom: 20px; /*margin: 0 1rem;*/ } 
#about .record #ownerList li .ownerlist_ttl { display: block; height: auto !important; background: #1f2c5c; padding: 8px 0; color: #fff; text-align: center; border-radius: 10px 10px 0 0; } 
#about .record #ownerList li .ownerlist_detail_bloc { padding: 15px 10px 40px; } 
#about .record #ownerList li .fixtile { display: block; margin-bottom: 25px; } 
#about .record #ownerList li .fixtile2 {  } 
#about .record #ownerList li .fixtile2 .ownerlist_ttl3 { display: block; font-weight: bold; } 
#about .record #ownerList li .fixtile2 .ownerlist_name {  } 
#about .record #ownerList li .cta_btn_lead .lp-btn-common { position: relative; display: block; width: 210px; background: #fff; border: 1px solid #1f2c5c; border-radius: 50px; text-align: center; margin: 0 auto; color: #1f2c5c; letter-spacing: 0.05em; padding: 9px 0; }
#about .record #ownerList li .cta_btn_lead .icon-arrow-right-thin { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#about .record #ownerList li .cta_btn_lead .icon-arrow-right-thin::before { color: #1f2c5c; }

@media screen and (max-width: 767px) {
	
	#about .record .top_p { font-size: 16px; margin-bottom: 20px; }
	#about .record .top_p span { font-size: 18px; }
	#about .record #ownerList { display: block; grid-template-columns:1fr ;} 
	#about .record #ownerList li {  margin: 0 0 50px; }
	#about .record #ownerList li .ownerlist_detail_bloc { padding: 15px 1rem 15px; } 
	#about .record #ownerList li .fixtile { display: block; margin-bottom: 1rem; height: auto !important; } 
	#about .record #ownerList li .fixtile2 {  } 
	#about .record #ownerList li .fixtile2 .ownerlist_ttl3 { display: block; font-weight: bold; } 
	#about .record #ownerList li .fixtile2 .ownerlist_name {  } 
	#about .record #ownerList li .cta_btn_lead .lp-btn-common { position: relative; display: block; width: 210px; background: #fff; border: 1px solid #1f2c5c; border-radius: 50px; text-align: center; margin: 0 auto; color: #1f2c5c; letter-spacing: 0.05em; padding: 9px 0; }
	#about .record #ownerList li .cta_btn_lead .icon-arrow-right-thin { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
	#about .record #ownerList li .cta_btn_lead .icon-arrow-right-thin::before { color: #1f2c5c; }
}
#about .advisor .top_p { font-size: 18px; margin-bottom: 50px; }

#about .advisor .adviser_list_wrap { position: relative; margin: 0 0 90px; }
#about .advisor .adviser_list {  }


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

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

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

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

#about .advisor .slick-arrow {
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#about .advisor .slick-arrow svg { width: 100%; }

#about .advisor .svgicon-blue svg .nav-circle{
    fill:#112d5c;
}
#about .advisor .svgicon-blue svg .nav-arrow{
    fill:#fff;
}
@media screen and (max-width: 767px) {
	#about .advisor .adviser_list_wrap { margin: 0 1rem 50px; }
}

/* =========c_card_4========== */
#about .advisor .c_card_4 {
  position: relative;
  background: #fff;
  margin: 0 2rem;
  padding: 0 0 20px;
}
#about .advisor .c_card_4_box {
	padding: 0 2rem;
}
#about .advisor .c_card_4_job {
  font-weight: bold;
  margin-top: 24px;
}
#about .advisor .c_card_4_name {
  font-size: 22px;
  color: #1D2C5B;
  padding: 12px 0 8px;
  font-weight: bold;
}
#about .advisor .c_card_4_ruby {
  color: #666;
}
#about .advisor .c_card_4_txt {
  margin-top: 24px;
}

@media screen and (max-width: 767px) {
  #about .advisor .c_card_4_job {
    font-size: 14px;
    margin-top: 8px;
  }
  #about .advisor .c_card_4_name {
    font-size: 18px;
    padding: 8px 0 4px;
  }
  #about .advisor .c_card_4_ruby {
    font-size: 12px;
  }
  #about .advisor .c_card_4_txt {
    margin-top: 16px;
  }
}

/* =========#top_cm_libraly========== */
#top_cm_libraly {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#top_cm_libraly li {
    width: 25%;
    margin: 0;
    padding: 0 /*0.5rem*/;
    list-style: none;
    position: relative;
}

#top_cm_libraly li button:before {
content: '';
position: absolute;
display: block;
width: 6rem;
height: 6rem;
top: 50%;
left: 50%;
border-radius: 100%;
background: rgba(0, 0, 0, .6);
transform: translate(-50%, -50%);
z-index: 1;
}
#top_cm_libraly li button picture:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 2;
    transition: background .5s;
}
#top_cm_libraly li img {
    width: 100%;
    aspect-ratio: 375 / 211;
}
#top_cm_libraly li>button{margin:0;}
#top_cm_libraly li button:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 1.4rem solid transparent;
    border-bottom: 1.4rem solid transparent;
    border-left: 2.0rem solid #fff;
    border-right: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
@media screen and (max-width: 767px) {
    #top_cm_libraly li {
        width: 50%;
		padding: 0;
    }
    #top_cm_libraly li button:before {
        width: 4rem;
        height: 4rem;
    }
    #top_cm_libraly li button:after {
        border-top: 1.0rem solid transparent;
        border-bottom: 1.0rem solid transparent;
        border-left: 1.5rem solid #fff;
    }
}

#about .cm_notion {
	text-align: center; font-size: 30px; color: #112b4d;
}
@media screen and (max-width: 767px) {
#about .cm_notion {
	font-size: 16px;
}
}

/* =========contact========== */
#contact { background: #fbfbfb url(../images/contact_bg.png) repeat-x center top; ; position: relative; }
#contact .contact-info-area {
    display: grid;
    grid-template-columns: 1fr 35%;
    grid-gap: 4rem;
    align-items:center;
    grid-template-areas:"cctxt cctel";
}
#contact .flex_nowrap {
    flex-wrap: nowrap;
}
#contact .flex_bloc {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
}#contact .contact_catch_txt{
    grid-area:"cctxt";
}
#contact .contact_catch_tel{
    grid-area:"cctel";
    border: 0.1rem solid var(--navy);
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    padding: 1.6rem 0;
    text-align: center;
    color: var(--navy);
    font-weight: bold;
}
#contact .num {
    color: var(--navy);
    font-size: 3.2rem;
    width: fit-content;
    position: relative;
    box-sizing: border-box;
    padding: 0 3.2rem;
    margin: auto;
}
#contact .num .svgicon {
    width: 3.2rem;
    height: 3.2rem;
    display: block;
    margin: 0 1.6rem 0 0;
}
#contact .fortop { position: absolute; bottom: 0; right: 5%; }
@media screen and (max-width:750px){
	#contact { padding-bottom: 182px;}
    #contact .contact-info-area {
        grid-template-columns: 1fr;
        grid-template-areas:
            "cctxt"
            "cctel"
        ;
    }
    #contact .u-fw-bd { color: #004bb1; }
    #contact .fortop { width: 122px; left: 50%; right: auto; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
    #contact .fortop img { width: 100%; height: auto;}
}


/** MODAL CONTENTS **/
#modal_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, .7);
    box-sizing: border-box;
}
#modal_wrapper .modal_inner {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    display: block;
    width: 80%;
    max-width:108rem;
    max-height: 80%;
    box-sizing: border-box;
    transform:translate(-50%,-50%);
    padding:4rem;
    z-index:+1;
}
#modal_wrapper .close-modalbtn{
    position: absolute;
    right: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    content: '';
    display: block;
}
#modal_wrapper .modal_list {
    width: 100%;
    display: grid;
    grid-template-columns: 35% 1fr;
    margin: 0.8rem 0;
}
#modal_wrapper .modal_list > dt{
    font-weight:bold;
    font-size:2rem;
    display:block;
}
#modal_wrapper .modal_list_tbl{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.8rem;
    margin-bottom: 0.8rem;
}
#modal_wrapper .modal_list_tbl dt,#modal_wrapper .modal_list_tbl dd{
    display:block;
    width:100%;
    text-align:center;
    padding:2rem 1rem;
    color:var(--navy);
    background:#efefef;
}
#modal_wrapper .modal_list_tbl .ttl_bk_nv{
    background:var(--navy);
    color:#fff;
    font-weight:bold;
}
#modal_wrapper button.close-modalbtn:before,#modal_wrapper button.close-modalbtn:after {
    position: absolute;
    content: '';
    display: block;
    height: 0.2rem;
    width: 100%;
    background: var(--navy);
}
#modal_wrapper button.close-modalbtn:before{
    transform: rotate(45deg);
}
#modal_wrapper button.close-modalbtn:after {
    transform: rotate(-45deg);
}
#modal_wrapper .modal_inner_wrap {
    overflow-y: scroll;
    max-height: 70vh;
}
#modal_wrapper ::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
}
#modal_wrapper ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
#modal_wrapper ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
#modal_wrapper ::-webkit-scrollbar-thumb:hover {
    background: #555;
}
@media screen and (max-width:750px){

    #modal_wrapper .modal_inner {
        width: 90%;
        max-height: 90%;
        padding: 4rem 2rem;
    }
    #modal_wrapper .modal_list{
        grid-template-columns: 1fr;
        grid-gap: 0.8rem;
    }

}


/*** 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;
}

.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;
}
/**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;}
.c_card_5_nameWrap {
    box-sizing: border-box;
    display: block;
    padding: 1.6rem;
}
.btn-mdl-closeTop {
    position: absolute !important;
    top: 0;
    top: 3rem;
    right: 3rem;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    text-align: center;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(/lp/transfer/04/assets/images/Icon_modal_close.svg);
    position: absolute;
}
/* =====================
    ■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: 750px) {
        .modal_success_item {
            width: 330px;
        }
    }
    
    @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: 750px) {
        .modalwindow .mdl-body {
            top: 20px;
            width: 330px;
        }
    
        .modal-box {
            padding-bottom: 60px;
        }
    
        .btn-mdl-closeTop {
            top: 20px;
            right: 20px;
            width: 18px;
            height: 18px;
        }
    }


    @media screen and (max-width: 750px) {
        .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;
        }
        .modalwindow .mdl-body {
            top: 20px;
            width: 330px;
        }
    }
    @media screen and (max-width: 750px) and (orientation:landscape){
        .rank_icon_img {
            position: absolute;
            top: 0;
            width: 55%;
            left: 0;
            transform: translate(-10%,-130%);
        }
        .mainVisual_wrap{
            height:160vw;
        }
    }
/*------------------ #mdl_1 ------------------*/
#mdl_1 .c_card_5_txt{color: #000; text-align: left;}
#mdl_1 .btn-mdl-closeTop {  background: url(../images/Icon_modal_close.svg) no-repeat center center  ;z-index: 1000;padding: 10px; background-size:18px; width: 50px; height: 50px; }

/*#mdl_1 .svgicon-white .slick-arrow{border: none;  background: no-repeat;}*/
#mdl_1 .svgicon-white svg .nav-arrow {  fill: #1f2c5c;}
#mdl_1 .svgicon-white svg .nav-circle { fill: #fff; stroke: #1f2c5c;}

/** add style EX **/
@media screen and (min-width: 751px){ 
    #pc_nav_menu_fixed {
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        z-index:30;
        width:100%;
        max-width:108rem;
        display:none;
    }
    #pc_nav_menu_fixed.active{
        display:block;
        animation-name:fadeInUp;
        animation-timing-function:ease-in;
        animation-duration:.5s;
    }
}
@keyframes fadeInUp {
    0% {display:none;opacity:0;transform: translate(-50%, 100%);}
    100% {display:block;opacity:1;transform: translate(-50%, 0);}
}
#add-lp .slick-prev, #add-lp .slick-next, #add-lp .compare-prev, #add-lp .compare-next, #add-lp .slick-prev_ex, #add-lp .slick-next_ex {
    font-family: 'icon';
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 4rem;
    height: 4rem;
    padding: 0;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: transparent;
    border: none;
    outline: none;
    background: #fff;
    z-index: 10;
    border: 1px solid var(--navy);
    border-radius: 100%;
}


#add-lp .slick-prev_ex:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-60%, -50%);
    color: var(--navy);
    display: block;
    content: '\e906';
    font-size: 2rem;
}
#add-lp .slick-next_ex:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-40%, -50%);
    color: var(--navy);
    display: block;
    content: '\e90b';
    font-size: 2rem;
}
.inner{position:relative;}
.PC a.abs_lead-cvbtn {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
    width: fit-content;
    display: none;
}
.PC a.abs_lead-cvbtn img {
    width: 80%;
    margin: auto;
    display: block;
}
.SP a.abs_lead-cvbtn {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 3;
    width: 55%;
    display: none;
}
.SP a.abs_lead-cvbtn img {
    width: 100%;
    margin: auto;
    display: block;
}
.PC a.abs_lead-cvbtn.active,.SP a.abs_lead-cvbtn.active {
    display:block;
}