/**** top 2023 renewal ****/

/**** PC ****/
#main_top {padding-bottom: 5px;}
/*main img*/
.catch_top_inner .catch04 {
  position: absolute;
  top: 20px;
  right: 0;
}
.home-item{
  width: 1000px;
  margin:0 auto ;
}
.home-item .black-b{
  font-size: 54px;
  font-weight: bold;
  color: #000;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 25px;
}
/*base*/
.base_list{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.base_list .base-item{
  background-size: 200PX;
  flex-basis: 220px;
  margin: 20px 12px;
  height: 175px;
  position: relative;
  border-radius: 10px;
}
.base_list a{display: block;}
.base_list .b-t{ background: url(../images/2023/01_tokyo.jpg) no-repeat 50% 0;}
.base_list .b-c{ background: url(../images/2023/02_chiba.jpg) no-repeat 50% 0;}
.base_list .b-y{ background: url(../images/2023/03_yokohama.jpg) no-repeat 50% 0;}
.base_list .b-s{ background: url(../images/2023/04_saitama.jpg) no-repeat 50% 0;}
.base_list .b-n{ background: url(../images/2023/05_nagoya.jpg) no-repeat 50% 0;}
.base_list .b-o{ background: url(../images/2023/06_oosaka.jpg) no-repeat 50% 0;}
.base_list .b-k{ background: url(../images/2023/07_koube.jpg) no-repeat 50% 0;}
.base_list .base-item .title{
  background: #1E5CDC;
  width: 220px;
  height: 53px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 0.7em;
  padding-top: 17px;
  border-radius: 0 0 10px 10px;
  position: absolute;
  bottom: 0;
}
.base_list .base-item .title-sub{padding-top: 10px;}
.base_list .base-item .title span{
  display: block;
  font-size: 12px;
}
/*online*/
.top_case { padding-bottom: 25px !important;}
p.m_xll.topOnly {
  margin-top: 35px;
  margin-bottom: 25px!important;
}
.top_response{
  width: 1000px;
  margin: 35px auto 0;
  max-width: 100%;
  margin-bottom: 0px!important;
}
/*reason*/
.zeirishi-furuoya-promise {width: 1000px!important;}
.home-p p{
  line-height: 1.65em;
  margin-bottom: 22px;
}
/*group*/
.over-item img{
  width: 100%;
  margin-bottom: 25px;
}
/*book*/
.h-book{
  margin-top: 0px;
  margin-bottom: 20px;
}
.h-book h2{
  background: #0E51CF;
  font-size:40px;
  font-weight: bold;
  padding: 25px 0;
  margin-top: 10px;
  margin-bottom: 45px;
  color: #fff;
  text-align:center;
}
.book-box{
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.book-box .bookimg{
  flex-basis: 200px;
  width: 200px;
  margin: 0 20px;
}
.book-box .bookimg img{width: 100%;}
.book-box .book-link a{
  background: #1A2888;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  width: 450px;
  padding: 14px;
  margin: 28px 0 5px 0;
  display: block;
  border-radius: 20px;
}
/*kokuzei*/
/*review*/
.g-review{
  background: -moz-linear-gradient(top, #ddd, #f2f2f2);
  background: -webkit-linear-gradient(top, #ddd, #f2f2f2);
  background: linear-gradient(to bottom, #ddd, #f2f2f2);
  border: 1px solid #999;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
  border-radius: 15px;
  display: flex;
  text-align: center;
  margin-bottom: 50px;
}
.g-review .g-title{
  flex-basis: 28%;
  font-size: 34px;
  margin-left: 4%;
  padding-top: 36px;
  padding-bottom: 0px;
  text-align: left;
}
.g-review .g-star{
  background: url(../images/2023/ashirai001.png) no-repeat 50% -10px;
  color: #000;
  flex-basis: 35%;
  font-size: 68px;
  font-weight: bold;
  padding-top: 38px;
  padding-bottom: 15px;
  line-height: 0.9em;
}
.g-review .g-star span{display: block;}
.g-review .g-star img{width: 170px;}
.g-review .g-date{
  flex-basis: 32%;
  font-size: 28px;
  line-height: 1.2em;
  margin-top: 43px;
}
.g-review .g-date span{
  display: block;
  font-size: 16px;
}
.g-r-item{
  width: 88%;
  padding: 20px;
  margin: 0 auto 25px auto;
  border: 1px solid #999;
  display: flex;
}
.g-r-item .g-r-icon{
  background: #69C292;
  color: #fff;
  font-size: 80px;
  flex-basis: 140px;
  height: 140px;
  text-align: center;
  line-height: 1.8em;
  margin-top: 10px;
  margin-left: 25px;
  border-radius: 50%;
}
.g-r-item .g-2{ background: #DE5F3F;}
.g-r-item .g-3{ background: #DE9348;}
.g-r-item .g-r-text{
  flex-basis: 70%;
  font-size: 15px;
  margin-left: 50px;
}
.g-r-item .g-r-text img{ width: 180px; margin-bottom: 15px;}
/*price*/
.home-p h2.black-b{ margin-top: 40px;}
.home-p h3{
  font-size: 34px;
  font-weight: bold;
  color: #000;
  padding-bottom: 10px;
  margin: 35px 0 35px 0;
  border-bottom: solid 4px #cce4ff;
  position: relative;
}
.home-p h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 4px #5472cd;
  bottom: -4px;
  width: 30%;
}
.plan-box{ font-size: 18px;}
.plan-li{
  border: 1px solid #aaa;
  font-size: 19px;
  margin-bottom: 20px;
}
.plan-li li{padding: 12px;}
.plan-li li:nth-child(1){
  background: #efefef;
  border-bottom: 1px solid #aaa;
}
.home-p h4{
  font-size: 24px;
  font-weight: bold;
  color: #0D40B5;
  margin-bottom: 15px;
}
.home-p table.price-list{
  width: 100%;
  font-size: 19px;
  text-align: center;
  margin-bottom:40px;
}
.home-p table.price-list th{
  width: 50%;
  background: #0D40B5;
  color: #fff;
  padding: 12px;
  text-align: center;
  border-right: 1px solid #fff;
}
.home-p table.price-list td{
  padding: 12px;
  border: 1px solid #aaa;
}
table.add-list{
  width: 100%;
  font-size: 19px;
  text-align: center;
  margin-bottom:25px;
}
table.add-list th{
  width: 50%;
  background: #f0eada;
  color: #000;
  padding: 12px;
  text-align: center;
  border: 1px solid #aaa;
}
table.add-list td{
  padding: 12px;
  color: #000;
  border: 1px solid #aaa;
}
table.add-list th span,table.add-list td span{font-size: 14px;}
.calc-box{
  display: flex;
  margin-bottom: 30px;
  justify-content:space-between;
}
.calc-box .ca-2col{
  flex-basis: 48%;
  border: 3px solid #777;
  border-radius: 12px;
  padding: 15px;
}
.calc-box .ca-2col img{ width: 100%;}
.calc-box .ca-2col .b-title{
  display: block;
  color: #4B99AF;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 1.2em;
}
.calc-box .ca-2col .b-font{
  font-size: 40px;
  margin-top: 2px;
  margin-bottom: 14px;
}
.calc-box .ca-2col .b-des{
  font-size: 13px;
  display: block;
  text-align: center;
  margin-bottom: 13px;
}
.top_case_in { margin-bottom: 0px!important; }
.top-site-width .qa_ttl { margin-top: 50px; }
/*channel_banner*/
.channel_banner{
  text-align: center;
  margin: 50px 0;
}
.channel_banner img{ width: 1000px; }
.channel_banner:hover{opacity: 0.8;}
/*qaa*/
.qaa{
  text-align: right;
}
.qaa .qaa-detail{
  background-image: linear-gradient(180deg, rgba(255,255,255, 1), rgba(200,200,200, 1));
  font-weight: bold;
  font-size: 21px;
  color: #CC275A;
  text-align: center;
  width: 300px;
  display: block;
  padding: 15px 0;
  margin: 10px 0px 10px auto;
  border-radius: 12px;
  border: #CC275A 2px solid;
  text-decoration: none;
}
.qaa .qaa-detail:hover{ opacity: 0.7;}
/*topics*/
.h-topics h2 {
  background: #0E51CF;
  font-size: 40px;
  font-weight: bold;
  padding: 25px 0;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #fff;
  text-align: center;
}
.topic_link{
  display: flex;
  justify-content:right;
}
.topic_link a{
  width: 160px;
  background: #0E51CF;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  display: block;
  padding: 12px;
  margin: 10px 0;
  text-align: center;
}
/*header*/
.s20-menulist ul.menu-list li:nth-child(9){ display: none; }
/*footer2023*/
.fl-box{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
footer .s20-flexbox .fl-box .fl-item{
  margin-left: 1%;
  margin-right: 1%;
}
footer .s20-flexbox .fl-box .fl-item:nth-child(1){
  flex-basis: 23%;
}
footer .s20-flexbox .fl-box .fl-item:nth-child(2){
  flex-basis: 22%;
}
footer .s20-flexbox .fl-box .fl-item:nth-child(3){
  flex-basis: 14%;
}
footer .s20-flexbox .fl-box .fl-item:nth-child(4){
  flex-basis: 31%;
  margin-right: 0;
}
.fl-box .fl-item h3{
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 30px;
}
.fl-box .fl-item a{color: #fff;}
/*fix pc footer*/
.pagetop{
  z-index: 18000;
  bottom: 64px;
}
.pc-fix-2023{
  font-weight: bold;
  width: 100%;
  background: #add7fcec;
  position: fixed;
  bottom: 3px;
  padding: 8px 5px 7px 5px;
  z-index: 1000;
  display: flex;
  justify-content:center;
  border-top:3px solid #000000;
  border-bottom:3px solid #000000;
}
.pc-fix-2023 .ft-copy{
  color: #1E305F;
  font-size: 19px;
  padding-top: 6px;
  padding-right: 15px;
}
.pc-fix-2023 .ft-telbt{
  background: #fff;
  color: #000;
  font-size: 22px;
  padding: 0 25px;
  display: block;
  border: 2px solid #111;
  text-decoration: none;
}
.pc-fix-2023 .ft-contact{
  background: #006CFE url(../images/2023/sp_mail_ft_w.png) 92% 50% no-repeat;
  background-size: 20px;
  color: #fff;
  font-size: 18px;
  padding: 3px 45px 0px 13px;
  margin-left: 15px;
  display: block;
  border: 2px solid #000;
  text-decoration: none;
}
.pc-fix-2023 .ft-contact:hover{opacity: 0.7;}
.form-sp-plus{display: none;}
/*20231130*/
.y23-menu ul.menu-list li:nth-child(1) { flex-basis: 190px; }
.y23-menu ul.menu-list li:nth-child(2) { flex-basis: 135px; }
.y23-menu ul.menu-list li:nth-child(3) { flex-basis: 150px; }
.y23-menu ul.menu-list li:nth-child(5) { flex-basis: 200px; padding-top: 18px;}
.y23-menu ul.menu-list li:nth-child(6) { flex-basis: 150px; padding-top: 18px; padding-left: 24px;}
.y23-menu ul.menu-list li:nth-child(7) { flex-basis: 190px; }
.list-s-top h3{margin-top: 5px;}
.s20-bt a.pc-nodisp{display: none;}
/*cat list*/
.topics20-category ul{
  display:flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 30px;
}
.topics20-category ul li{
  flex-basis: 18%;
  margin:15px 1% ;
}
.topics20-category ul li a{
  background: url(../images/list_icon.png) no-repeat 10px 50%;
  display: block;
  color: #555;
  text-align: center;
  border: 1px solid #0D51CE;
  padding: 20px;
  text-decoration: none;
}
.topics20-category ul li a:hover{
  background: #0d51ce31  url(../images/list_icon.png) no-repeat 10px 50%;
}
/**** SP ****/
@media screen and (max-width: 768px) {
/**** SP ****/
  .s20-menulist ul.menu-list li:nth-child(5),
  .s20-menulist ul.menu-list li:nth-child(6){ display: none; }
  .s20-menulist ul.menu-list li:nth-child(2),
  .s20-menulist ul.menu-list li:nth-child(3),
  .s20-menulist ul.menu-list li:nth-child(9){ display:block; }
  .s20-menulist ul.menu-list li:nth-child(2),
  .s20-menulist ul.menu-list li:nth-child(9){
  flex-basis: 32%;
  }
  .s20-menulist ul.menu-list li:nth-child(3){
  flex-basis: 35%;
  }
  .s20-menulist ul.menu-list li:nth-child(2) a,
  .s20-menulist ul.menu-list li:nth-child(3) a,
  .s20-menulist ul.menu-list li:nth-child(9) a{
  padding-top: 14px;
  padding-bottom: 11px;
  }
  .catch_contact {
    width: 94%;
    margin: 0px auto;
  }
  .catch_contact .catch_contact_inner {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .home-item { width: 100%;}
  .home-item .black-b {
    font-size: 24px;
    padding: 0 20px;
    margin-top: 25px;
    margin-bottom: 12px;
  }
  .home-item .black-b br{ display: none;}
  .base_list .base-item {
    flex-basis: 40%;
    margin: 15px 10PX;
    height: 150px;
  }
  .base_list .base-item .title {
    width: 100%;
    height: 53px;
    font-size: 26px;
    padding-top: 17px;
  }
  .base_list .base-item .title {}
  .base_list .b-t a .title,.base_list .b-o a .title{ padding-top: 17px; }
  p.m_xll.topOnly {
    margin-top: 20px;
    margin-bottom: 10px!important;
  }
  p.m_xs.topOnly { margin-top: 9px!important; }
  .top_case { padding: 1px 5px 5px!important;}
  .h-book h2 {
    font-size: 24px;
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 25px;
    line-height: 1.2em;
  }
  .book-box {
    width: 100%;
    justify-content:center;
  }
  .book-box .bookimg {
    flex-basis: 38%;
    width: 38%;
    margin: 10px 5%;
  }
  .book-box .book-link{ width: 100%;}
  .book-box .book-link a {
    font-size: 23px;
    width: 80%;
    padding: 15px 0;
    margin: 15px auto 10px auto;
  }
  /*review*/
  .g-review{
    width: 90%;
    margin: 22px auto;
    flex-wrap: wrap;
    line-height: 1.9em;
  }
  .g-review .g-title{
    flex-basis: 100%;
    font-size: 26px;
    font-weight: bold;
    margin-left: 4%;
    padding-top: 12px;
    padding-bottom: 0px;
    text-align:center;
  }
  .g-review .g-star{
    background: url(../images/2023/ashirai001.png) no-repeat 50% -15px;
    flex-basis: 100%;
    font-size: 60px;
    padding-top: 36px;
    padding-bottom: 12px;
    line-height: 0.9em;
  }
  .g-review .g-star img{
    width: 150px;
    padding-top: 5px;
  }
  .g-review .g-date{
    flex-basis: 100%;
    font-size: 20px;
    margin-top: 23px;
    margin-bottom: 12px;
  }
  .g-review .g-date span{font-size: 15px;}
  .g-r-item{
    width: 88%;
    padding: 12px;
    margin: 0 auto 25px auto;
  }
  .g-r-item .g-r-icon{
    font-size: 55px;
    flex-basis: 100px;
    height: 100px;
    text-align: center;
    line-height: 1.85em;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 50%;
  }
  .g-r-item .g-r-text{
    flex-basis: 70%;
    font-size: 15px;
    margin-left: 20px;
  }
  .g-r-item .g-r-text img{ width: 180px; margin-bottom: 15px;}
  .home-p h3 {
    font-size: 24px;
    padding-bottom: 10px;
    margin: 30px 7px;
  }
  .home-p h4 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .plan-box{
    width: 94%;
    margin: 0 auto;
  }
  .home-p h4 {
    font-size: 21px;
    margin-bottom: 15px;
  }
  .home-p table.price-list{ 
    width: 96%;
    font-size: 18px;
  }
  .home-p table.price-list th { padding: 7px; }
  .home-p table.price-list td { padding: 7px; }
  table.add-list {
    width: 96%;
    font-size: 18px;
    margin-bottom: 15px;
  }
  .calc-box{
    margin-bottom: 10px;
    justify-content:space-around;
    flex-wrap: wrap;
  }
  .calc-box .ca-2col{
    flex-basis: 90%;
    padding: 12px;
    margin-bottom: 12px;
  }
  .calc-box .ca-2col .b-title {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.2em;
  }
  .calc-box .ca-2col .b-title br{ display: none;}
  .top_case_in {
    width: 96%;
    margin: 0 auto 40px auto;
    max-width: 100%;
  }
  .channel_banner { margin: 20px 0;}
  .h-topics h2 {
    font-size: 23px;
    padding: 15px 0;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  /*cat list*/
  .topics20-category ul{
    margin-top: 12px;
    margin-bottom: 15px;
  }
  .topics20-category ul li{
    flex-basis: 96%;
    margin:5px 2% ;
  }
  .topics20-category ul li a{
    color: #444;
    font-weight: normal;
    padding: 15px;
  }
   /*footer2023*/
  footer .s20-flexbox .fl-box .fl-item{ margin: 0;}
  footer .s20-flexbox .fl-box .fl-item:nth-child(1),
  footer .s20-flexbox .fl-box .fl-item:nth-child(2),
  footer .s20-flexbox .fl-box .fl-item:nth-child(3),
  footer .s20-flexbox .fl-box .fl-item:nth-child(4){
    flex-basis: 100%;
  }
  .fl-box .fl-item ul{}
  .fl-box .fl-item h3{
    font-size: 17px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .fl-box .fl-item a{
    font-size: 16px;
    display: block;
    padding: 12px 5px;
    color: #fff;
    border-bottom: 1px solid #fff;
  }
  .pc-fix-2023{display: none;}
  .form-sp-plus{
    width: 90%;
    display:block;
    padding: 5px 5px 18px 5px;
    margin: 0px auto 18px auto;
    border-bottom: 1px solid #D8D8D8;
  }
  .form-sp-plus .form_flex{
    display: flex;
    margin-bottom: 10px;
  }
  .form-sp-plus .form_flex .form_l{
    flex-basis: 60px;
    margin-right: 15px;
  }
  .form-sp-plus .form_flex .form_r{
    font-size:26px;
    font-weight: bold;
    line-height:1.1em;
    margin-top: 2px;
  }
  .form-sp-plus .form_txt{
    line-height: 1.3em;
    margin-bottom: 12px;
  }
  .form-sp-plus .form_tel .form_r{
    color: #024eae;
  }
  .form-sp-plus .form_line .form_r{
    margin-top: 14px;
    color: #06c755;
  }
  .form-sp-plus .form_form .form_r{
    color: #46cbc8;
    margin-top: 14px;
  }
  .form-sp-form{ border-bottom: 0px; }
  .sp-form1 .form_btn01 input[type=submit] {
    background: #024eae;
    color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.27);
    padding: 10px 8px;
    margin-bottom: 5px;
  }
  .top_response_btn{
    display: flex;
    flex-wrap: wrap;
  }
	.top_response_btn a.tel{
    flex-basis: 98%;
    margin-bottom: 15px;
		display: block;
	}
	.top_response_btn a.line{
    flex-basis: 47%;
    margin-right: 2%;
    display: block;
	}
	.top_response_btn a.form{
    flex-basis: 47%;
    display: block;
	}
  .qaa{
    clear:both;
    margin-right: 10px;
  }
  /**202311**/
  .dr-sp-ftmenu {
    justify-content: left;
    margin-left: 10px;
    margin-top: 15px;
  }
  .s20-bt a.pc-nodisp{display: block;}
  .sp-dw-menu-2023 .dr-sp-menu li.li-icon{
    background-image: url(../images/2020/new2020_head_home.png);
    background-position: 5% 47%;
    background-repeat: no-repeat;
  }
  .sp-dw-menu-2023 .dr-sp-menu li.li-icon a{
    padding-left: 40px;
  }
  .sp-dw-menu-2023 .dr-sp-menu li a{
    background-image: url(../images/2023/chevron-right-solid.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 25px;
  }
  .sp-dw-menu-2023 .dr-sp-menu li#menu-service-sp span,
  .sp-dw-menu-2023 .dr-sp-menu li#menu-column-sp span{
    background-image: url(../images/2023/plus-solid.png);
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 27px;
  }
  .sp-dw-menu-2023 .dr-sp-menu li.on span,
  .sp-dw-menu-2023 .dr-sp-menu li.on span{
    background-image: url(../images/2023/minus-solid.png) !important;
    background-position: 97% 50%;
    background-repeat: no-repeat;
    background-size: 27px  !important;
  }
  .sp-dw-menu-2023 li#menu-service-sp ul.serv-sp,
  .sp-dw-menu-2023 li#menu-column-sp ul.column-sp{
    background: #e7f2ff;
  }
  .sp-dw-menu-2023 li#menu-service-sp ul.serv-sp li a,
  .sp-dw-menu-2023 li#menu-column-sp ul.column-sp li a{
    background-size: 22px;
    background-position: 96% 50%;
  }
/**** SP ****/
}
/**** SP @media screen and (max-width: 768px) { ****/