/*---------------------
common
----------------------*/
html {font-size: 62.5%;}
body {
  color: #2d334a;
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.1em;
  overflow-x: hidden;
  font-family: 'noto_sans_jp', sans-serif;
  font-weight: normal;
  padding-top: 12rem;
}
/* .rampart{font-family: 'rampart_one', cursive;font-weight: normal;} */

/* img */
img{max-width: 100%;display: block;}
/* display */
.pc,
.block{display: block;}
.sp{display: none;}

.d_in_block{display: inline-block;}

.flex{display: flex;}
.fl_w_w{flex-wrap: wrap;}
.fl_jfc_sb{justify-content: space-between;}
.fl_jfc_c{}
.fl_a_c{align-items: center;}
.fl_a_fs{align-items: flex-start;}

/* position */
.posi_rel{position: relative;}
.posi_ab{position: absolute;}

.col3{width: calc(100% / 3);}
.col5{width: calc(100% / 5);}

/* background */
.bg_w{background: #fff;}
.bg_y{background: #ffd803;}
.bg_l_y{background: #fffbe5;}
.bg_b{background: #bae8e8;}
.bg_g{background: #f7f7f7;}
.bg_d_b{background: #2d334a;}
.bg_l_b1{background: #eafcfc;}
.bg_l_b2{background: #f9fdfd;}

.outer{width: 1100px;margin: 0 auto;}
.inner{width: 1000px;margin: 0 auto;}

/* width */
.w95p{width: 95%;}
.w1100{width: 1100px;}
.w1000{width: 1000px;}
.w900{width: 900px;}
.w850{width: 850px;}
.w518{width: 518px;}
.w450{width: 450px;}
.w365{width: 365px;}
.w110{width: 110px;}

/* margin */
.mg_t_b_40{margin-top: 4rem;margin-bottom: 4rem;}
.mg_t_b_80{margin-top: 8rem;margin-bottom: 8rem;}

.mg_t_54{margin-top: 54px;}
.mg_t_80{margin-top: 80px;}

.mg_b_20{margin-bottom: 20px;}
.mg_b_54{margin-bottom: 54px;}
.mg_b_80{margin-bottom: 80px;}

.mg_l_r_a{margin-left: auto;margin-right: auto;}

/* padding */
.pd_13{padding: 1.3rem;}
.pd_20{padding: 2rem;}
.pd_24{padding: 2.4rem;}

/* font_style */
.bld{font-weight: bold;}

.fs12{font-size: 1.2rem;}
.fs13{font-size: 1.3rem;}
.fs14{font-size: 1.4rem;}
.fs16{font-size: 1.6rem;}
.fs19{font-size: 1.9rem;}
.fs20{font-size: 2rem;}
.fs22{font-size: 2.2rem;}
.fs24{font-size: 2.4rem;}
.fs25{font-size: 2.5rem;}
.fs26{font-size: 2.6rem;}
.fs27{font-size: 2.7rem;}
.fs28{font-size: 2.8rem;}
.fs30{font-size: 3rem;}
.fs32{font-size: 3.2rem;}
.fs34{font-size: 3.4rem;}
.fs36{font-size: 3.6rem;}
.fs40{font-size: 4rem;}
.fs52{font-size: 5.2rem;}
.fs53{font-size: 5.3rem;}
.fs57{font-size: 5.7rem;}

/* font_color */
.fc_w{color:#fff;}
.fc_b{color:#2d334a;}

.l_s__1{letter-spacing: -1px;}
.l_s_2{letter-spacing: 0.2em;}

.l_h_12{line-height:1.2;}
.l_h_14{line-height:1.4;}
.l_h_17{line-height:1.7;}

.marker_y1{background:#ffd803;}
.marker_y2{background:linear-gradient(transparent 60%, #ffd803 60%);}

/* text_style */
.t_left{text-align: left;}
.t_center{text-align: center;}
.t_right{text-align: right;}

/* border */
.bd_b_2{border-bottom:solid 2px #2D334A;}
.bd_s_3{border: solid 3px #2d334a;}
.bd_r_4{border-radius: 4px;}
.bd_r_7{border-radius: 7px;}

h2{font-weight: bold;text-align: center;font-size: 3rem;}
p{margin: 2.4rem 0;}

/* link */
a,button[type="submit"]{text-decoration: none;color:#2d334a;transition: all ease .3s;}
.txt_link > a:hover{opacity: .5;}

.btn > a,button[type="submit"]{font-weight: bold;font-size: 2.6rem;display: block;text-align: center;border-radius: 50rem;padding: 1.5rem;box-shadow: 0 5px 8px #00000016;line-height: 1.6;}
.btn_01 > a{background: #ffd803;border:solid 3px #ffd803;}
.btn_01 > a:hover{border:solid 3px #ffd803;background:#fff;color:#ffd803;}
.btn_02 > a,button[type="submit"]{background: #2d334a;color:#fff;border:solid 3px #2d334a;padding: 2.5rem 1.5rem !important;}
.btn_02 > a:hover,button[type="submit"]:hover{border:solid 3px #2d334a;background:#fff;color:#2d334a;}

.mail > a{
  background-image: url(../img/ico_mail.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5rem;
  background-size: 2.8rem;
  padding: 2.62rem 5rem 2.62rem 9rem;
}
.mail > a:hover{
  background-image: url(../img/ico_mail_on.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5rem;
  padding-left: 9rem;
  padding-right: 5rem;
  background-size: 2.8rem;
}
.tel > a{
  background-image: url(../img/ico_tel.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5rem;
  padding-left: 7rem;
  padding-right: 5rem;
  background-size: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding: 1.5rem 5rem 1.5rem 7rem !important;
}
.tel > a:hover{
  background-image: url(../img/ico_tel_on.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5rem;
  padding-left: 7rem;
  padding-right: 5rem;
  background-size: 2rem;
}

/* table */
table{width: 100%;border-collapse: separate;}
table,tbody,tbody tr:nth-child(2),tbody tr:nth-child(3),tbody tr:nth-child(2) td{position: relative;z-index: -1;}
th,td{padding: 2.4rem;text-align: center;font-weight: bold;border:solid 3px##2D334A;}
th{background: #2d334a;color:#fff; font-size: 2.2rem;}

/* acordion */
.q_a_acd dt{display:block;cursor:pointer;padding-left: 7rem;background: url(../img/ico_q.svg),url(../img/ico_open.svg);background-repeat: no-repeat;background-position: 3% center,97% center;padding: 2.4rem 8rem 2.4rem 10rem;}
.q_a_acd dd{display:none;}

/* form */
::placeholder {color:#a8a8a8;}
:focus {outline: none;}
textarea,input {background: #fff;border: solid 3px #2D334A;border-radius: 4px;padding: 1rem;font-size: 1.8rem;}

/*---------------------
common_sp
---------------------*/
@media screen and (max-width:599px) {
  html{overflow-x:hidden;}
  body{font-size:1.6rem;padding-top: 0;}
  img{height: auto}
  .pc{display: none;}
  .sp,.flex{display: block;}
  .sp_flex{display: flex;}

  /* width */
  .outer,.w518{max-width:100%;}
  .inner{max-width: 92%;}
  .w900,
  .w850,
  .col3,
  .col5{max-width: 100%;width: 100%;}
  .w450{width: 90%;}

 /*display*/
 .sp_fl_w_w{flex-wrap: wrap;}
 .sp_fl_jfc_sb{justify-content: space-between;}
 .sp_fl_a_c{align-items: center;}

  /*fontsize_sp*/
  .fs12{font-size: 1.2rem;}
  .fs13{font-size: 1.3rem;}
  .fs14{font-size: 1.4rem;}
  .fs16{font-size: 1.6rem;}
  .fs19{font-size: 1.9rem;}
  .fs20,
  .fs22,
  .fs24,
  .fs25,
  .fs26{font-size: 2rem;}
   h2,
  .fs27,
  .fs28,
  .fs30,
  .fs32,
  .fs34,
  .fs36,
  .fs40,
  .fs52,
  .fs53,
  .fs57{font-size: 2.4rem;}

 /*padding*/
 .pd_24{padding:1rem;}

 /*margin*/
 .mg_t_b_40{margin-top: 3rem;margin-bottom: 3rem;}

 /*btn*/
 .btn > a{font-size: 1.8rem;}
 .mail > a,
 .tel > a{padding: .8rem 2rem;}
 .tel > a{background-position: 6rem 1rem;background-size: 1.6rem;}
 .mail > a,
 .mail > a:hover{background-position: 3.5rem center;background-size: 2.5rem;padding: 1.68rem 2rem 1.68rem 6rem;}
 .tel > a > span{font-size:1.1rem;}
}

/*---------------------
Common(TBL)
---------------------*/
@media screen and (min-width:599px) and (max-width:1024px){
  html{overflow-x:hidden;}
  body{font-size:1.6rem;padding-top: 7.5rem;}
  /* width */
  .outer,.w518{max-width:100%;}
  .inner{max-width: 92%;}
  .w900,
  .w850,
  .col3,
  .col5{max-width: 100%;width: 100%;}
  .w450{width: 60%;}
  /*fontsize_tbl*/
  .fs12{font-size: 1.2rem;}
  .fs13{font-size: 1.3rem;}
  .fs14{font-size: 1.4rem;}
  .fs16{font-size: 1.6rem;}
  .fs19{font-size: 1.9rem;}
  .fs20,
  .fs22,
  .fs24,
  .fs25,
  .fs26{font-size: 2.4rem;}
   h2,
  .fs27,
  .fs28,
  .fs30,
  .fs32,
  .fs34,
  .fs36,
  .fs40{font-size: 2.8rem;}
  .fs52,
  .fs53,
  .fs57{font-size:3.8rem;}
}



/*---------------------
contents(PC)
---------------------*/
/*width*/
header,
.plan__terms .dl_col1,
input[type=text],input[type=email],input[type=tel],textarea{width: 100% !important;}

/* display */
input[type=text],input[type=email],input[type=tel],textarea{display: block;height: auto !important;}
/* header */
header{position: fixed;top: 0;left: 0;z-index: 999;background: #fff;padding: 2.5rem 0;box-shadow: 0 5px 10px #00000016;box-sizing: border-box;}
header .btn_01 a{padding: 1.4rem 8rem;}
header .btn_01 a:hover{padding: 1.4rem 8rem;}

/* footer */
footer{padding: 2rem 0;}
footer li a{font-size: 1.2rem;display: block;padding: 1rem 2rem;}

section{padding: 8rem 0;}
section h2{margin-bottom:4rem;}

/* main_visual */
.main_visual{padding: 12rem 0;}
.txt .w518 span{}
.txt .w518 span::after{
  content:"";
  position:absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 14px solid #2D334A;
  bottom:-14px;
  left:0;
  right:0;
  margin:0 auto;
}
.main_visual .txt{width: 620px;}
.main_visual .txt img{margin: 4rem 0 0;}
.mv_scroll{
  position: absolute;
  left: 0;
  right: 0;
  pointer-events: auto;
  bottom: 1.5rem;
  transition:all ease .3s;
}
.mv_scroll:hover{opacity:.5;}

/* intro */
.intro{padding-bottom: 0;/}
  .intro__q{padding-top: 3rem;}
  .intro__a{background-image: url(../img/contact01.svg);background-repeat: no-repeat;background-position: 85% 102%;padding: 13rem 0 7rem;}
  .intro__a::before,
  .plan::before,
  .plan::after{content:"";position:absolute;width: 227px;height: 78px;margin: 0 auto;left: 0;right: 0;}
  .intro__a::before,
  .plan::before{background: url(../img/big_arrow_w.svg) no-repeat;top: -4px;}
  .plan::after{background: url(../img/big_arrow_b.svg) no-repeat;bottom: -7rem;}

/* what_sublease */
.what_sublease{padding: 11rem 0 0rem;}
  .what_sublease__structure{margin-top: 8rem;}
  .what_sublease__structure > h3{margin: 4.8rem 0;}
  .what_sublease__structure img{margin: 5rem 0;}

/* merit_demerit */
.merit_demerit{}
  .merit_demerit h2{margin-bottom:5rem;}
  .summary::after{content:"";position:absolute;background:url(../img/merit_demerit.svg) no-repeat;right: -17rem;width: 22rem;height: 27rem;top: -4rem;}

  .table_scroll tbody{top:-3px;}
  .table_scroll tbody tr:nth-child(2){top: -3px;}
  .table_scroll tbody tr:nth-child(3){top:-5px;}

  .table_scroll thead th:nth-child(1){border: none;background:rgba(0,0,0,0);}
  .table_scroll thead th:nth-child(2),.table_scroll thead th:nth-child(3),.table_scroll thead th:nth-child(4){border-radius: 7px 7px 0 0;border-top:solid 3px #2D334A;border-left:solid 3px #2D334A;border-right:solid 3px #2D334A;}

  .table_scroll tbody{border-radius: 7px 0 7px 7px;}
  .table_scroll tbody th{padding:2.4rem 1rem;}

  .table_scroll tbody tr:nth-child(1) th{border-radius:7px 0 0 0;}
  .table_scroll tbody tr:nth-child(2) th{border-top:3px solid #fff;border-bottom:3px solid #fff;}
  .table_scroll tbody tr:nth-child(3) th{border-radius:0 0 0 7px;border-bottom: solid 3px #2d334a;}

  .table_scroll tbody tr:nth-child(2) td::before,
  .table_scroll tbody tr:nth-child(2) td::after{content:"";position:absolute;width: calc(100% - 0px);height:3px;background: #E0E0E0;left: 0;}
  .table_scroll tbody tr:nth-child(2) td::before{top:0;}
  .table_scroll tbody tr:nth-child(2) td::after{bottom:0;}
  .table_scroll tbody tr:nth-child(3) td{border-bottom:solid 3px #2D334A;border-radius:0 0 7px 7px;}
  .table_scroll tbody td{border-left:solid 3px #2D334A;border-right:solid 3px #2D334A;}

/* plan */
.plan{padding: 12rem 0 3rem;}
  .plan h2{font-size: 2.4rem;margin-bottom: 0rem;}
  .plan .ttl_wrap{}
  .plan .ttl_wrap img{width: 48rem;position: relative;}
.plan .ttl_wrap::after{content:"";position: absolute;width:48rem;height: 1rem;bottom: -1.6rem;background: #FFD803;left: 0;right: 0;margin: 0 auto;z-index: 3;}
  .plan .ttl_wrap+img{margin: 9rem 0;}
  .explanation{}
  .explanation .catch{margin: 5rem auto;}
  .explanation .catch span{padding: 1rem;}
  .plan__terms{margin: 9rem auto;padding: 4rem 5rem 2rem;}
  .plan__terms .ttl{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 13rem;
    border-radius: 4px;
    top: -2rem;
    line-height: 1.6;
  }
  .plan__terms dl{margin: .5rem 0;align-items:center;}
  .plan__terms .dl_col2{width: 48%;margin-right: 2%;}
  .plan__terms dt::after{content:":";margin:0 .5rem;}

/* charm */
.charm{padding-top: 14rem;}
  .charm .item_wrap{margin: 7rem auto 2rem;}
  .charm .item_wrap >.item.col3 h3{margin:3rem auto;}
  .charm .item_wrap >.item::before{content:"";position:absolute;width: 64px;height: 64px;}
  .charm .item_wrap >.item:first-child::before{background:url(../img/no01_y.svg)no-repeat;z-index:1;top:-1rem;left:5rem;}
  .charm .item_wrap >.item:nth-child(2)::before{background:url(../img/no02_y.svg)no-repeat;z-index:1;top:-1rem;left:5rem;}
  .charm .item_wrap >.item:nth-child(3)::before{background:url(../img/no03_y.svg)no-repeat;z-index:1;top:-1rem;left:5rem;}

/* case_study */
.case_study{padding: 12rem 0;}
  .case_study .case_item_wrap .case_item:first-child{}
  .case_study .case_item_wrap .case_item:last-child{margin-bottom:0;}
  .case_item{padding: 44px 50px;margin: 10rem 0;}
    .case_item__01 .pic{width:384px;}
    .case_item__01 .txt{width:470px;}
    .case_study .problem{padding: .3rem 3rem;}
    .case_study .problem + h3{margin:2rem 0;}
    .property_info > .ttl{margin: 3rem 0 1rem;padding: .5rem 0;}
      table.property {border-collapse: separate;}
      table.property th,table.property td{padding:.5rem;border:unset;}
      table.property th{width:110px;background:#F7F7F7;color:unset;font-size:1.8rem;text-align: center;}
      table.property td{font-weight: normal;}
    .case_item__02{padding: 5.4rem 3.2rem .5rem 3.2rem;margin-top: 7rem;}
    .suggestion{position: absolute;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);top: 0rem;width: 32rem;line-height: 1.7;}
    .suggestion::before{content:"";position:absolute;background:url(../img/kira.svg)no-repeat;width: 63px;height: 65px;left: -7rem;top: -2rem;}

/* reason */
.reason{padding: 12rem 0;}
  .reason_content__index{margin: 10rem auto;}
  .reason_content__index > .item{padding: 2.4rem;}
  .reason_content__index > .item:nth-child(1){border-radius:.7rem 0 0 .7rem;}
  .reason_content__index > .item:nth-child(3){border-radius:0 .7rem .7rem 0;}
  .reason_content__index > .item:nth-child(3)::after{content:none;}
  .reason_content__index > .item::after{content:"";position:absolute;background:url(../img/vertical_dot.svg) no-repeat;width: .8rem;height:25rem;transform:translateY(-50%);top:50%;right: -.5rem;z-index: 1;}
  .reason_content__index > .item img{margin: 0 auto 2rem;}
  .reason_content__index > .item:nth-child(2) img{
    /* margin: 0 auto; */
}
  .reason_content__main > .item{margin: 12rem 0;padding:4rem;}
  .reason_content__main > .item:last-child{margin-bottom: 1rem;}
  .reason_content__main > .item > .item_body .txt{width: 58rem;}
  .reason_content__main > .item > .item_body .pic{margin:0 auto;}
  .reason_content__main .item > .txt{width: 58rem;}
  .reason_content__main .item > .txt > h3{line-height: 1.6;font-size: 2.6rem;}
  .reason_content__main .item .notes{margin-top: 2rem;letter-spacing: 1px;}
  .reason_content__main .item .notes .ttl{padding-left: 4rem;background: url(../img/ico_info.svg) no-repeat left center;margin-bottom: 1rem;}
  .reason_content__main .item .notes p{margin:0;}

/* service */
.service{padding: 12rem 0 9rem;}
  .service_content > .item{width: calc((100% - 8rem ) /3);margin-bottom: 4rem;margin-right: 4rem;}
  .service_content > .item:nth-child(3n){margin-right:0;}
  .service_content > .item > h3{position:relative;padding: 1rem 1rem 1rem 7rem;}
  .service_content > .item:nth-child(4) > h3,
  .service_content > .item:nth-child(6) > h3{padding: 1.5rem 1rem 1.5rem 7rem;}
  .service_content > .item:nth-child(5) > h3{padding: 0 0 0 7rem;}
  .service_content > .item > h3::before{content:"";position:absolute;left:0;transform: translateY(-50%);top: 50%;}
  .service_content .item:first-child h3::before{background:url(../img/service01.svg) no-repeat;width:48px;height:48px;}
  .service_content .item:nth-child(2) h3::before{background:url(../img/service02.svg) no-repeat;width:45px;height:49px;}
  .service_content .item:nth-child(3) h3::before{background:url(../img/service03.svg) no-repeat;width:41px;height: 53px;left: 7px;}
  .service_content .item:nth-child(4) h3::before{background:url(../img/service04.svg) no-repeat;width: 36px;height: 44px;left: 10px;}
  .service_content .item:nth-child(5) h3::before{background:url(../img/service05.svg) no-repeat;width:52px;height:49px;}
  .service_content .item:nth-child(6) h3::before{background:url(../img/service06.svg) no-repeat;width: 54px;height: 43px;}
  .service_content > .item > h3 + p{margin-top:0;}

/* flow */
.flow{padding: 10rem 0;}
  .flow  .flow_content{margin: 9rem auto 0rem;}
  .flow  .flow_content > .item{width: calc((100% - 16rem ) /5);padding: 4rem 1rem 1rem;}
  .flow .flow_content > .item::before,
  .flow .flow_content > .item::after{content:"";position:absolute;}
  .flow .flow_content > .item::before{width: 56px;height: 56px;left: 0;right: 0;margin: 0 auto;transform: translateY(-50%);top: 0;}
  .flow .flow_content > .item::after{width:2rem;height:1.6rem;background: url(../img/ico_w_arrow_right.svg);transform: translateY(50%);top: 46%;right: -3.5rem;}
  .flow .flow_content > .item:last-child::after{content:none;}
  .flow .flow_content > .item:first-child::before{background: url(../img/no01.svg) no-repeat;}
  .flow .flow_content > .item:nth-child(2)::before{background: url(../img/no02.svg) no-repeat;}
  .flow .flow_content > .item:nth-child(3)::before{background: url(../img/no03.svg) no-repeat;}
  .flow .flow_content > .item:nth-child(4)::before{background: url(../img/no04.svg) no-repeat;}
  .flow .flow_content > .item:nth-child(5)::before{background: url(../img/no05.svg) no-repeat;}
  .flow .flow_content > .item .btn > a{font-size: 1.8rem;padding: .8rem;}

/* q_and_a */
.q_a p{margin:0;}
.q_a dd{position: relative;padding-top: 3rem;margin: 0 2.4rem 2.4rem;}
.q_a dd::before{content: "";top: 2rem;left: 3rem;background: url(../img/ico_answer.svg) no-repeat;width: 13rem;height: 2.1rem;position: absolute;z-index: 1;}
.q_a .bg_l_b1{padding: 4.5rem 5.3rem 3rem 5.3rem;}


.contact{padding: 10rem 0;}
  .contact h2{margin-bottom: 8rem;}
  .contact_in_wrap{margin: 3.2rem auto;}
  /* input[type=text],input[type=email],input[type=tel],textarea{width:100%;display: block;} */
  .contact_left{width: 26%;}
  .contact_left .type{padding: .5rem;line-height: 1.2;border-radius: 3px;margin-right: 1.6rem;}
  .contact_left .required{background: #FFD803;}
  .contact_left .any{background: #fff;}
  .contact_right{width: 72%;}
  .c_select_left {width: 61%;}
  .accept a{text-decoration: underline;transition: ease all .3s;}
  .accept a:hover{text-decoration: none;opacity: .5;}
  #mailformpro .accept label{margin: 2rem 0 5rem;}

  .checkbox-input{display: none;}
  .checkbox-parts{padding-left: 3.5rem;position:relative;}
  .checkbox-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 2.4rem;
    height: 2.4rem;
    border: 3px solid #2D334A;
    border-radius: 3px;
    background: #fff;
  }
  .checkbox-input:checked + .checkbox-parts::after,
  .mfp_checked .checkbox-parts::after{
    content: "" !important;
    display: block;
    position: absolute;
    top: -4px;
    left: 11px;
    width: 13px;
    height: 24px;
    transform: rotate(40deg);
    border-bottom: 5px solid #FFD803;
    border-right: 5px solid #FFD803;
    opacity:1;
  }

.contact_sub{}
  .contact_sub .ttl{margin: 1rem auto 4rem;}
  .contact_01{background-image: url(../img/contact01.svg);background-repeat: no-repeat;background-position: 86% 101%;}
  .contact_02{padding: 10rem 0 12rem;}

/*float_menu*/
.fixed{display: none ;}
.fixed_pc {
  position: fixed;
  bottom: 0;
  right:0;
  /* width: 100%; */
  z-index: 1;
  box-shadow: 0 -5px 10px #00000016;
}
#float_menu_pc > ul li{width: 12rem;height: 12rem;}
#float_menu_pc  ul li a{
  display: block;
  padding: 6.5rem 1rem 1.5rem 1rem;
  background-position: 2rem 30%;
  text-align: center;
  font-weight: bold;
  line-height: 1.6;
  height: 100%;
}
#float_menu_pc ul li.tel > a{
  background-position: 2rem 1.3rem;
  background-size: 1.2rem;
  padding-left: 1.5rem !important;
}
#float_menu_pc ul li.mail > a{
  background-size: 3.8rem;
  /* background-position: 2rem 45%; */
  background-position: center 2.5rem;
  /* padding: 3rem; */
}
#float_menu_pc ul li a >span{font-size:1rem;}

@media screen and (max-width: 599px) {
  .txt_link > a:hover{opacity: unset;}
  .btn_01 > a:hover{border:solid 3px #ffd803;background: #ffd803;color: #2d334a;background: url(../img/ico_mail.svg) #ffd803 no-repeat;background-position: 3.5rem center;background-size: 2.5rem;}
  .btn_02 > a:hover,button[type="submit"]:hover{/* pointer-events: none; */background-color: #2d334a;color: #fff;}
  /*width*/
  .case_item__01 .pic, .case_item__01 .txt, .suggestion, .service_content > .item, .flow .flow_content > .item, .plan__terms .dl_col2,.contact_left,.contact_right,.c_select_left,.t_fixed::before{width:100%;}
  .main_visual .txt{max-width:92%;margin:0 auto;}
  .main_visual .pic{max-width:85%;margin:0 auto;}

  /* table */
  .table_scroll{overflow: auto;width: 102%;}
  .table_scroll table{border-spacing:3px 0;}
  table {table-layout: fixed;}
  th.t_w1{width: 90px;}
  th.t_w2{width: 250px;}
  thead th{height:7rem;}
  tbody th{font-size:1.6rem;}
  .table_scroll tbody th{font-size:1.5rem;padding:1rem 0;}
  .t_fixed{position: sticky;left: 0;color: #fff;}
  .t_fixed::before{content: "";position: absolute;top: -1px;left: -1px;height: 100%;}
  th,td{padding: .5rem;}
  th{background: #2d334a;color:#fff; font-size: 2rem;}

  /*header*/
  header{margin: 0;padding: 1rem;position: static;}
  header > .outer{max-width: 100%;}
  header > .outer .logo{width: 35%;}
  header > .outer .btn{width: 50%;}
  header .btn_01 a,header .btn_01 a:hover{padding: 1rem 1rem 1rem 4rem;background-position: 1.5rem center;background-size: 2rem;}
  /* main_visual */
  .main_visual{padding: 4.8rem 0 8rem;}
  .main_visual .txt img{margin: 2.4rem 0;}
  .txt .w518 span::after{
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 10px solid #2D334A;
    bottom: -1rem;
  }

  /*content_none*/
  .plan__terms dt::after{content:none;}

  .main_visual .outer::after{width: 29rem;height: 22rem;right: 0;left: 0;background-size: 100%;margin: 0 auto;}
  /*.intro*/
  .intro{padding: 0;}
  .intro__q{padding-top: 6.4rem;}
  .intro__q img{margin: 2rem auto 4rem;}
  .intro__a{padding: 8rem 0 7rem;background-size: 10rem;background-position: 99% 100%;background-size: 8rem;}
  .intro__a::before, .intro__a::before, .plan::before,.plan::after{width: 12rem;background-size: 100%;}
  /*what_sublease*/
  .what_sublease{padding: 6.4rem 0 0;}
  .what_sublease__structure img{
    margin: 0 auto;
}

  /*merit_demerit*/
  .merit_demerit{padding: 6.4rem 0 11rem;}
  .summary{margin: 4.8rem auto;}
  .summary::after{
    width: 10rem;
    right: -1rem;
    bottom: -9rem;
    height: 12rem;
    background-size: 100%;
    top: unset;
  }
  /*plan*/
  .plan{padding: 8rem 0;}
  .plan .ttl_wrap::after{width:100%;}
    .plan__terms{padding: 2.4rem;margin-bottom: 0;}
    .plan__terms dl{padding: 1rem 0;}
    .plan__terms .dl_col2,.plan__terms .dl_col1{align-items:center;justify-content: space-between;}
    .plan__terms .dl_col2{border-bottom:dashed 1px #E0E0E0;}
    .plan__terms dt{width: 48%;line-height: 1.5;}
    .plan__terms dd{width: 45%;}
  /*charm*/
  .charm{padding: 8rem 0 5.6rem;}
  .charm .item_wrap >.item.col3{margin-bottom: 8rem;}
  .charm .item_wrap >.item.col3 img{max-width:50%;}
  .charm .item_wrap >.item.col3 h3{margin: 1rem auto;}
  .charm .item_wrap >.item:first-child::before{background:url(../img/no01_y.svg)no-repeat;z-index:1;top:-1rem;}
  .charm .item_wrap >.item:first-child::before,
  .charm .item_wrap >.item:nth-child(2)::before,
  .charm .item_wrap >.item:nth-child(3)::before{left:6rem;}
  /*case_study*/
  .case_study{padding: 8rem 0 4rem;}
  .case_item{padding: 2rem 1.6rem;}
  .case_study .case_item_wrap .case_item:first-child,
  .case_study .case_item_wrap .case_item:last-child{margin: 6.4rem 0;}
  .case_item__01 .txt{margin: 4rem 0;}
   table.property th,table.property td{width: 100%;display: grid;}
  .case_item__02{padding: 4.6rem 1.6rem 1.6rem;}
  .suggestion{transform: unset;width: 85%;top: -1rem;}
  .suggestion::before{width: 4rem;height: 5rem;left: -1rem;background-size: 100%;}
  /*reason*/
  .reason{padding: 8rem 0;}
  .reason_content__index{margin: 6.4rem auto;}
    .reason_content__index > .item{margin:3rem 0;padding: 1rem;min-height:10rem}
  .reason_content__index > .item,
  .reason_content__index > .item:nth-child(1),
  .reason_content__index > .item:nth-child(3){border-radius:.7rem;}
  .reason_content__index > .item::after{content:none;}
  .reason_content__index > .item .ttl{margin: 0 auto;/* text-align: center; */width: 100%;}
  .reason_content__index > .item img{margin: 1rem 2.5rem 1rem 3.5rem;max-width: 5rem;/* width: 7rem; */}
  .reason_content__index > .item:nth-child(3) img{/* margin: 1rem 2rem; */}
  .reason_content__main{margin: 0;}
  .reason_content__main > .item{margin:3rem 0;padding: 2.4rem;}
  .reason_content__main > .item > .item_body .txt{width: 100%;}
  .reason_content__main > .item > .item_body .txt h3{margin: 2.4rem 0;}
  .reason_content__main > .item .pic img{margin: 3rem auto;max-width: 85%;}

  /*service*/
  .service{padding: 8rem 0 4.8rem;}
    .service_content > .item > h3,
  .service_content > .item:nth-child(4) > h3,
  .service_content > .item:nth-child(5) > h3,
  .service_content > .item:nth-child(6) > h3{padding:1rem 1rem 1rem 7rem;}
    .service_content > .item > h3 + p{margin: 1.5rem 0;}

  /*flow*/
  .flow{padding: 6.4rem 0;}
  .flow .flow_content{margin: 6.4rem auto 0;}
  .flow .flow_content > .item{padding: 3rem 2rem;margin: 5rem 0 7rem;}
  .flow .flow_content > .item:last-child{margin-bottom:0;}
  .flow .flow_content > .item >h3{padding: 1.5rem;font-size: 2rem;}
  .flow .flow_content > .item >h3 + p{margin:0;text-align: center;}
  .flow .flow_content > .item .btn{width:90%;margin: 2rem auto 0;}
  .flow .flow_content > .item::after{
    top: unset;
    transform: unset;
    bottom: -3.5rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: rotate(90deg);
  }

  /*q_a*/
  .q_a{padding: 6.4rem 0;}
  .q_a dl{padding:0;}
  .q_a_acd dt{padding-left: 5.5rem;padding-right: 2.5rem;background-size: 4.4rem,1.2rem;line-height: 1.6;padding: 1.2rem 3rem 1.2rem 6.5rem;background-position: .8rem center,96% center;}
  .q_a .bg_l_b1{padding: 2rem;}
  .q_a dd::before{width: 10rem;height: 2rem;background-size: 100%;left: 2rem;}

  /*contact*/
  .contact{padding: 6.4rem 0;}
  .contact h2{margin-bottom: 5.6rem;}
  .contact_left{margin-bottom: 1rem;font-size: 1.8rem;}
  .btn_02 > a:hover{background: url(../img/ico_tel.svg) no-repeat #2d334a;background-size: 1.6rem;background-position: 6rem 1rem;}
  .btn_02 > a, button[type="submit"],
  .btn_02 > a:hover, button[type="submit"]:hover{padding: 1rem 2rem !important;}
  form#mailformpro label{padding-left: 0rem;}
  .checkbox-parts{white-space: normal;display: block;}
  .checkbox-parts::before{top: .5rem;}
  .checkbox-input:checked + .checkbox-parts::after{top: 0;}
  /*.contact_sub*/
  .contact_sub .btn{margin:2.4rem auto;}
  /*contact_01*/
  .contact_01{background-size: 10rem;background-position: right bottom;}
  /*.contact_02*/
  .contact_02{padding: 6.4rem 0;}

  /*footer*/
  footer{padding: 4.8rem 0 0;}
  footer .logo > img{margin:0 auto;}
  footer .logo +ul{margin:2rem auto;}
  footer .logo +ul li{width: 48%;}
  footer .logo +ul li a{padding: 1rem 0;text-align: center;}

  /*float_menu*/
  .fixed_pc{display: none !important;}
  .fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
  }
  #float_menu{box-shadow: 0 -5px 10px #00000016;}
  #float_menu > ul li{width: 50%;height: 7rem;}
  #float_menu  ul li a{
    display: block;
    padding: 1rem 1rem 2rem 1rem !important;
    background-position: 2rem 30%;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    height: 100%;
  }
  #float_menu ul li.tel > a{
    background-position: 2rem 1.3rem;
    background-size: 1.2rem;
    padding-left: 1.5rem !important;
  }
  #float_menu ul li.mail > a{
    background-size: 2.2rem;
    padding: 1.5rem 1rem 2rem 4rem !important;
    background-position: 2rem 45%;
  }
  #float_menu  ul li a >span{font-size:1rem;}
}

@media screen and (min-width: 599px) and (max-width: 1024px){
  /*width*/
  .case_item__01 .pic, .case_item__01 .txt,.flow, .plan__terms .dl_col2,.c_select_left,.t_fixed::before{width:100%;}
  header .outer,.main_visual .txt{max-width:92%;margin:0 auto;}
  .main_visual .pic{max-width: 75%;margin:0 auto;}

  /* display */
  .main_visual .flex{display:block;}

  /* table */
  .table_scroll{overflow: auto;width: 102%;}
  table {table-layout: fixed;}
  th.t_w1{width: 120px;}
  th.t_w2{width: 350px;}
  thead th{height:7rem;}
  tbody th{font-size:1.6rem;}
  .table_scroll tbody th{font-size:1.5rem;padding: 1rem;}
  .t_fixed{position: sticky;left: 0;color: #fff;}
  .t_fixed::before{content: "";position: absolute;top: -1px;left: -1px;height: 100%;}
  th,td{padding: .5rem;}
  th{background: #2d334a;color:#fff; font-size: 2rem;}

  .intro__a::before, .plan::before{width: 20%;background-size: 100%;}

  /*.intro*/
  .intro__a{
    background-size: 20rem;
    background-position: right bottom;
    padding: 10rem 0 7rem;
  }
  .summary{width: 70%;margin: 8rem 0 0;}
  .summary::after{
    right: -70%;
    transform: translate(-50%,-50%);
    top: 50%;
  }
  /*case_study*/
  .case_item{padding: 2.4rem;}
  .case_item__01{display: block;}
  .case_item__01 .pic img{margin: 2rem auto 4rem;}
  /*reason*/
  .reason_content__index{margin: 8rem auto;}
  .reason_content__main > .item{margin:4rem auto;}
  .reason_content__main > .item > .item_body{display: block;}
  .reason_content__main > .item > .item_body .pic{margin:3rem auto;}
  .reason_content__main > .item > .item_body .pic img{margin:0 auto;}
  /*service*/
  .service_content > .item{width: 48%;}
  /*flow*/
  .flow .flow_content{justify-content: flex-start;}
  .flow .flow_content > .item{width: calc((100% - 8rem)/3);margin-bottom: 6rem;margin-right: 4rem;}
  .flow .flow_content > .item:nth-child(3n){margin-right:0;}
  .flow .flow_content > .item:nth-child(3n)::after{content:none;}
  .flow .flow_content > .item:nth-child(4),.flow .flow_content > .item:nth-child(5){margin-bottom:1rem;}
  /*q_a*/
  .q_a{}
  /*contact*/
  .contact_left{width: 25%;display: flow-root;}
  .contact_right{width: 75%;}
  /*contact_01*/
  .contact_01{background-size: 18rem;background-position: right bottom;}
  /*.contact_02*/
  .contact_02{}
  .contact_02 .btn{width:46%;}
  .contact_02 .btn > a{padding: 2rem 2rem 2rem 5rem;font-size: 2.5rem;}
  .contact_02 .tel > a,.contact_02 .mail > a{background-position: 7%;font-size: 2.2rem;}
  .contact_02 .mail > a{padding: 3rem 2rem 3rem 6rem;}
  .contact_02 .tel > a span{font-size: 1.1rem;}
}

@font-face {
    font-family: 'noto_sans_jp';
    src: url('../font/noto_sans_jp-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'noto_sans_jp';
    src: url('../font/noto_sans_jp-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'noto_sans_jp';
    src: url('../font/noto_sans_jp-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}