@charset "utf-8";
/* =================== debug ==================== */
.scrollV{display:block;margin:0;position:fixed;right:50px;top:10px;z-index:9999;font-size:12px}

body{background: #fff}
.headcont-container img{width:100%;height:auto}
.topfirst{top:100px;z-index:10}
.crcl{width:10rem;height:10rem;border:1px solid #bcbcbc;border-radius:50%;right:2.3rem;top:10rem}
.crcl2{width:6rem;height:6rem;border:1px solid #bcbcbc;border-radius:50%;ight:2.5rem;top:20rem}

/* =================== floating navigation ==================== */

#float-nav {right:18px;width:7.5em;height:7.5em;z-index:100;transition:0.2s ease-in-out}
#float-nav a{
    display:block;
    width:100%;
    height:100%;
    background:#c3232a;
    border:#fff 2px solid;
    border-radius:50%;
    text-align:center;
    display:grid;
    place-items:center;
    font-size:16px;
    font-weight:bold;
    color:#fff
}
#float-nav a:hover{opacity:1;background:#b95c61}


/* =================== special navigation ==================== */
.sp-nav ul{display:flex;flex-wrap:wrap;height: 2rem}
.sp-nav li{flex:1;width:calc(25% - 22px);margin-top:100px;margin-right:0;padding:0 10px}
.sp-nav li:last-child{margin-right:0}
.sp-nav li a{
    display:inline-block;
    width:100%;
    height:100%;
    padding:1rem 0.5rem;
    background:#c34050;
    border-radius:3px;
    text-align:center;
    font-size:1rem;
    white-space:nowrap;
    color:#fff;
}
.sp-nav li.the a{display:flex;justify-content:center;align-items:center}
.pc_video{
    width:100%;
    margin-top:-1.3rem;
}

/* =================== top ==================== */
#top .top-inner{
    display: flex;
    width:100%;
    height:auto;
    background-color: #ffffff;
}
#top .top-inner .cont_top{
    
}
#top .top-inner .cont_top:first-child{
    padding: 0 10%;
    align-content: center;
    background-color: #b11929;
}
#top .top-inner .cont_top:nth-child(2){
    padding: 0 3%;
}
#top .top-inner .cont_top:nth-child(2) li{
    margin:0 0 4% 0;
    font: 1.5em bold;

}
#top .top-inner img{
    display:block;
    width:100%;
    margin:auto 0;
    background-color: #b11929;
}
.c4 p{
    background-color: #eff6f9;
    padding:1rem 8rem;
    margin:0;
}
.c4 p span{
    display:block;
    text-align: center;
    font-weight: bold;
}
.onetxt::first-letter{
    color: #c3232a;
}
.onetxt span{
    font-size:1rem;
    margin-left:1rem;
}
.redtxt{
    color: #c3232a; 
}

/* =================== recruit =================== */
#recruit h5{margin:2rem 0 1rem 0;text-align:center}
.recruit_bnner{display:flex;}
.recruit_bnner img{width:auto}
.recruit_bnner li{text-align:center;flex:1;}
.recruit_bnner li:first-child{margin-bottom:1rem}

#outline .rec_wrap{display:block;}
#outline .txt_inn{display:block; width:100%;text-align:center;color:#009fe6;}
#outline .txt_inn h3{font-size:3rem;margin-bottom:1.5rem;}
#outline .txt_inn h3 span{display:block;font-size:1.5rem;}
#outline .txt_inn li{margin-bottom:1rem;}
#outline .txt_inn li:last-child{margin-bottom:1.5rem;}
.info{width:100%;padding:0;}
.info ul{padding:0;}
.info li {margin: 0 0 10px 0;padding: 5px 10px;border-bottom: #bfe7f9 1px solid;}
.info dl {display:flex;}
.info dl dt{width:30%;}
.info dl dd{width:70%;}

/* =================== h1-h4 =================== */
h1.wf-sawarabimincho{font-size:1.7rem;margin-bottom:10rem}
h1.wf-sawarabimincho span{display:block;font-size:1rem}
h1.wf-sawarabimincho,
h2.wf-sawarabimincho,
h3.wf-sawarabimincho,
h4.wf-sawarabimincho{font-family: "Sawarabi Mincho"}
#top h3.wf-sawarabimincho{margin:10rem 0}
#top h3.wf-sawarabimincho object{height:3.5rem}

#s02 h1.wf-sawarabimincho,
#s03 h1.wf-sawarabimincho,
#s04 h1.wf-sawarabimincho,
#s05 h1.wf-sawarabimincho,
#s06 h1.wf-sawarabimincho,
#s07 h1.wf-sawarabimincho{margin:6.3rem 0 10rem 0;color:#fff;text-shadow: 3px 0px 3px rgb(61 70 70)}

#s02 h1.wf-sawarabimincho span,
#s03 h1.wf-sawarabimincho span,
#s04 h1.wf-sawarabimincho span,
#s05 h1.wf-sawarabimincho span,
#s06 h1.wf-sawarabimincho span,
#s07 h1.wf-sawarabimincho span{color:#fff}

#s02 h3.wf-sawarabimincho,
#s03 h3.wf-sawarabimincho,
#s04 h3.wf-sawarabimincho,
#s05 h3.wf-sawarabimincho,
#s06 h3.wf-sawarabimincho{
    position:absolute;
    top: 0;
    left: 50%;
   transform: translateX(-50%);
    text-align:center
}
#s07 h3.wf-sawarabimincho{text-align:center}
#s02 h3.wf-sawarabimincho object,
#s03 h3.wf-sawarabimincho object,
#s04 h3.wf-sawarabimincho object,
#s05 h3.wf-sawarabimincho object,
#s06 h3.wf-sawarabimincho object,
#s07 h3.wf-sawarabimincho object{padding:2rem 2rem;background:#fff}

#s04 h3.wf-sawarabimincho object{height:7rem}
#s02 h3.wf-sawarabimincho object,
#s03 h3.wf-sawarabimincho object,
#s05 h3.wf-sawarabimincho object,
#s06 h3.wf-sawarabimincho object,
#s07 h3.wf-sawarabimincho object{height:11rem}

#s03 h4.wf-sawarabimincho object{height:1.5rem;}
#s02 h4.wf-sawarabimincho object{height:1.5rem}
#s02 h4.wf-sawarabimincho{font-size:1.7rem;margin-top:7.5rem}
#s03 h4.wf-sawarabimincho{font-size:1.7rem;margin-top:7.5rem;text-align:center}
#s03 h4:last-child.wf-sawarabimincho{font-size:1.7rem;margin-top:7.5rem;text-align:left}
#s04 h4.wf-sawarabimincho{font-size:1.7rem;margin-top:7.5rem}
#s04 h4.tetote{height:4rem;text-align:center;margin:1rem 0 3rem 0}
#s05 h4.wf-sawarabimincho{font-size:1.7rem;margin-top:7.5rem}
#s07 h4.wf-sawarabimincho{font-size:1.7rem;margin-top:0}
#s07 h1.wf-sawarabimincho{text-align: left}
#s07 h3.senpai{padding-top:100px}
#s07 h3.senpai span{display:block;margin:4rem 0;font-family:"Sawarabi Mincho";font-size:30px}
#s07 h5{margin-bottom:1rem;font-family:"Sawarabi Mincho";font-size:1.5rem;text-align:center}

.p-last{margin-bottom:0}
#top .topfirst,
#s02 .topfirst,
#s03 .topfirst,
#s04 .topfirst,
#s05 .topfirst,
#s06 .topfirst{
    position: relative;
    margin-bottom:7rem;
}
#mtop .topfirst .cover_img,
#s02 .topfirst .cover_img,
#s03 .topfirst .cover_img,
#s04 .topfirst .cover_img,
#s05 .topfirst .cover_img,
#s06 .topfirst .cover_img,
#s07 .topfirst .cover_img{
    position: initial;
    display: block;
    width: 100%;
    max-width: 1100px;
    height: auto;
    margin:0 auto
}
#s02 p{font-size:1.1rem;line-height:2.5rem}
#s03 .top-inner{background:url(../img/support/support.jpg)no-repeat;background-position:50%;background-size:contain;}
#s04 .top-inner{background:url(../img/realestate/realestate.jpg)no-repeat;background-position:50%;background-size:contain;}
#s04 .tetote img{height:100%;width:auto}
#s04 .sh_list{display:flex;flex-wrap: wrap}
#s04 .sh_list li{width:27%;margin:0 70px 60px 0;text-align:center}
#s04 .sh_list li:nth-child(4){margin-left:170px}
#s04 .sh_list li:nth-child(3n){margin-right:0}
#s04 .sh_list li:last-child{margin-right:0}
#s04 .sh_list li img{width:100%;height:auto;padding-bottom:1rem}

#s05 .c4 h4{
    font-weight: bold;
    font-size:1.1rem;line-height:2.5rem;
    margin-bottom: 0;
}
#s05 .c4 h4::first-letter {
    color:#c3232a;
  }
  #s05 .c4 .lr{
    display:flex;
  }
  #s05 .c4 .left{width:70%;}
  #s05 .c4 .right{width: 30%; padding-left:10px!important;}
  #s05 .c4 .right img{width:100%; height:auto;}
#s05 .c4 ul{
    background-color: #eff6f9;
    border: #eff6f9; 1px solid;
    border-radius: 4px;
    padding:10px;
    margin-bottom:1rem;
}
#s05 .c4 li{
    margin:1rem 1rem;
}
#s05 .c4 p{
    background-color: #eff6f9;
}

#s07 .wrap:nth-child(2){text-align:center;background:url(../img/team/teambg.png);background-position: center;background-size:contain;margin-top:4rem}
#s07 .wrap:nth-child(3){margin-top:0}
#s07 .top-team{
padding-top:2rem;
margin:0 auto;
width: 100%;
}
#s07 .top-team ul{display:flex;}
#s07 .top-team li{background: #ffffff;}

#s07 .team-navi{display:flex;-webkit-justify-content:space-around;justify-content:space-around}
#s07 .team-navi .left ul,
#s07 .team-navi .right ul{display:flex;}
#s07 .team-navi li{margin-right:10px}
#s07 .team-navi li:last-child{margin-right:0}

#s03 .point .wf-sawarabimincho object{
    height:6rem
}
#s03 .point dl{
    display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom:60px;
}
#s03 .point dt{
    width: 30%;
    padding:1rem 2rem;
    margin-bottom: 10px;
    background-color: #e4eaed;  
}
#s03 .point dd{
    width: 70%;
    padding:1rem 2rem;
    background-color: #eff6f9;
    margin-bottom: 10px;
}
#s03 .point dd ul{
    display:flex;
    flex-direction: row-reverse;
}
#s03 .point dd li{
    text-align:right;
}
#s03 .point dd li img{
    width:80%;
    padding-top:20px;
}
#s03 .point dd li span{
    display: block;
    font-size:80%;
    text-align:right;
}
#s04 .c4 dl{
    display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom:60px;
  background-color: #eff6f9;
}
#s04 .c4 dt{
    width: 30%;
    padding:1rem 2rem;
    margin-bottom: 10px;
    background-color: #e4eaed;  
}
#s04 .c4 dd{
    width: 70%;
    padding:1rem 2rem;
    background-color: #fff;
    margin-bottom: 10px;
}
#s04 .btn{
    display: table;
    margin:0 auto;
    background-color: #c34050;
    color:#ffffff;
}


*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}