/* =======================================
    common
======================================= */
html { scroll-behavior: smooth;}
body{
font-size: 1.6rem;
  color: #333;
}
.contents.wrapper,
.container,
.qa .wrap-block,
.page-company .main .wrap-block,
.page-payroll .main .wrap-block,
.page-privacy .main .wrap-block,
.page-is-top .main .wrap-block,
.page-realone .main .wrap-block,
.page-consulting .main .wrap-block,
.page-roumu .main .wrap-block{
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0 2rem;
}
.contents,
.cms-block{
  padding: 0;
}
.design{
max-width: 960px;
margin: 0 auto;
}
.mp10 {margin-top:120px}
.br-sp{
  display: none;
}
/*  .btn  */
.block a.btn{
    border-radius: 5px;
    line-height: 1.4;
    padding: 2rem 0;
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}
.btn:hover{
    margin-top: 4px;
margin-bottom: -4px;
}
.btn.blue{
background-color: #07A7ED;
    box-shadow: 0 5px #0486BF;
}
.btn.blue:hover{
box-shadow: 0 1px #0486BF;
}
.btn.yellow{
background-color: #F4A60F;
    box-shadow: 0 5px #C2840B;
}
.btn.yellow:hover{
box-shadow: 0 1px #C2840B;
}
.btn.white{
background-color: #fff;
    box-shadow: 0 5px #ccc;
}
.btn.white:hover{
box-shadow: 0 1px #ccc;
}
.btn.blue02{
    background: #0185c4;
}
.btn.orange{
background: #f1451d;
    box-shadow: 0 5px #c63716;
}
.btn.orange:hover{
    box-shadow: 0 1px #c63716;
}
.header-contact .btn.orange,
.header-contact .btn.blue02{
box-shadow: none;
    font-size: 1.6rem;
    height: 4rem;
    line-height: 4rem;
}
.header-contact .btn.orange{
padding: 0 5rem;
}
.header-contact .btn.blue02{
padding: 0 3rem 0 1rem;
}
.header-contact .btn.blue02 img{
padding: 1rem 0.5rem 0 ;
}
.btn.aqua{
    background: #11b9a9;
box-shadow: 0 5px #0f9889;
}
.btn.aqua:hover{
box-shadow: 0 1px #0f9889;
}
.btn.green{
    background: #87d13d;
    box-shadow: 0 5px #72b331;
}
.btn.green:hover{
    box-shadow: 0 1px #72b331;
}
.wrap-two-btn{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
    justify-content: space-around;
}
.block .wrap-two-btn a.btn{
width: 45%;
    padding: 3.6rem 0 3.2rem;
    font-size: 3rem;
}
.wrap-two-btn .btn > span{
display: block;
}
.wrap-two-btn .btn span.first{
font-size: 1.4rem;
font-weight: 400;
}

.bg-blue{
  background-color: #009CE1;
}
.bg-gray,
.bg-border div:nth-of-type(2n){
background-color: #E3E8EC;
}
.bg-green{
  background-color: #87D13D;
}
.bg-green02{
  background-color: #E0F1D0;
}
.bg-aqua{
      background-color: #11b9a9;
}
.bg-aqua02{
  background-color: #d5ecea;
}

/*  font  */
 h1,h2,h3,h4,h5,h6{
color: #39454D;
font-weight: 700;
}
.title-bg-green h4,
.title-bg-green02 h4,
.title-bg-aqua h4,
.title-bg-gray h4{
      color: #fff;
    font-size: 3.4rem;
    padding: 2.3rem 0 2rem;
    text-align: center;
    background-color: #87d13d;
  border-left: none;
  margin-bottom: 0;
}
.title-bg-aqua h4{
   background-color: #11b9a9;
}
.title-bg-gray h4{
  font-size: 2.8rem;
   background-color: #3a454e;
  padding: 1rem 0 0.8rem;
}
.title-bg-green02 h4{
  font-size: 2.8rem;
  background-color: #063;
}
.title-border-green h4{
  font-size: 2.2rem;
  text-align: center;
  border-bottom: solid 1px #063;
  border-left: none;
  padding-bottom: 0.5rem;
  padding-left: 0;
}
.title-border-green02 h4{
  border-color: #063;
}

.fc-red{
  color: #900;
}
.fc-green{
  color: #063;
  font-weight: 700;
}
.fc-white{
  color: #fff;
  font-weight: 700;
}
.fc-blue{
color: #0172a8;
    font-weight: 700;
}
.fc-blue02{
color: #0e98d8;
    font-weight: 700;
}
.fc-blue03{
      color: #015d86;
  font-weight: 700;
}
.fc-orange{
color: #f23206;
    font-weight: 700;
}
.fc-pink{
  font-weight: 700;
  color: #ec5d98;
}
.fb{
font-weight: 700;
}
.fs14{	font-size: 1.4rem;	}
.fs16{  font-size: 1.6rem;	}
.fs18{  font-size: 1.8rem;	}
.fs20{  font-size: 2rem;	}
.fs26{	font-size: 2.6rem;	}
.fs34{  font-size: 3.4rem;	}
.fs36{  font-size: 3.6rem;	}
.fs56{  font-size: 5.6rem;	}
.fs60{	font-size: 6rem;	}
.fs80{  font-size: 8rem;	}

ul{
  list-style-type: none;
}
ul.disc li::before{
  content:"・";
}
ul.check li{
    padding-left: 4rem;
    line-height: 1.5;
    background-image: url(/uploads/icon_check02.png) ;
  background-position: left center;
  background-repeat: no-repeat;
}
.bnr_box a:first-child {
    margin-bottom: 10px;
}
.bnr_box {
    margin: 0 10px;
}
.scroll{
  font-size: 1.2rem;
  text-decoration: none;
  color: #fff;
  padding: 1rem 1rem 0;
}
.scroll::after{
  content: "";
  display: block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 1rem;
  height: 1rem;
  border: 0.1rem solid #fff;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  margin: 0 auto -1rem;
}
/* =======================================
    header
======================================= */
.header .block{
  padding: 1rem 0;
}
.header-top{
display: -webkit-flex;
display: flex;
  -webkit-align-items: center;
  align-items: center;
}
a.logo{
width: 100%;
max-width: 269px;
}
a.logo img{
height: auto;
}
.header-contact{
margin-left: auto;
}
.header-contact .sp{
display: none;
}
.header-contact img,
.header-contact a{
display: inline-block;
vertical-align: middle;
margin-left: 2rem;
}

/* =======================================
    gmenu　グローバルメニュー
======================================= */
.gmenu .logo,
.gmenu .logo img{
  display: none;
}
.gmenu{
  background: #015d86;
}
@media (min-width: 960px){
  .drawer-nav{
    display: block;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
  }
  .drawer-menu{
        border-right: #6793a8 1px solid;
  }
  .drawer-menu li{
        border-left: #6793a8 1px solid;
  }
  .drawer-menu > li.top-level{
  }
  .drawer-menu li a{
    color: #fff;
    font-weight: normal;
    text-decoration: none;
  }
  .drawer-menu > li.top-level > a{
    padding: 0;
  }
  .drawer-menu li a:hover {
    color: #fff;
    background-color: #0070a4;
}
  .drawer-menu > li ul *{
	z-index: 101;
}
  .drawer-menu li.menu-multi li{
    border-bottom: #6793a8 1px solid;
  }
  .drawer-menu li.menu-multi li.second-level a {
    background-color: #0070a4;
}
  .init-bottom:after{
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .init-right:after {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}
}
/* =======================================
    submenu　サブメニュー
======================================= */
.submenu{
  background: #07a7ed;
}
.submenu .block{
  padding: 0;
}
.submenu ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.submenu li a{
  color: #fff;
  padding: 2rem;
}

/* =======================================
    footer
======================================= */
#site-footer .block{
padding: 0;
}
.footer-top{
text-align: center;
    background: #48bef2;
    padding: 5rem 0 7rem;
}
.footer-top h2{
color: #fff;
font-size: 3rem;
    font-weight: 700;
    margin-bottom: 2rem;
}
.footer-top .pc{
margin-bottom: 40px;
}
.footer-top .sp{
display: none;
}
.footer-top .btn.yellow{
max-width: 520px;
margin: 0 auto;
}
.footer-top .btn.yellow:hover{
	margin-top: 3px;
	margin-bottom: -3px;
}
.footer-bottom{
    padding: 7rem 0;
    background: #015d86;
    text-align: center;
}
.logo-footer{
width: 155px;
margin: 0 auto 4rem;
}
.fot-nav{
text-align: center;
}
.fot-nav li{
display: inline-block;
}
.fot-nav li a{
color: #fff;
    padding-left: 1rem;
}
.fot-nav li a::after{
content: "|";
    padding-left: 1.5rem;
}
address{
color: #fff;
font-style: normal;
font-size: 1.4rem;
padding: 3rem 1.5rem 5rem;
}
.footer-bottom small{
color: #022433;
}

/* =======================================
    pagetop
======================================= */
.bid-3626 a:hover img{
  opacity: 1;
}

/* =======================================
    テンプレートの追加 template
======================================= */
.template.contents.wrapper{
  margin-bottom: 3rem;
}
.template .blo-col-2 section{
  width: 100%;
}
.template .block{
  -webkit-align-items: center;
    align-items: center;
  border: #e3e8ec solid 2px;
}
.template section::after{
  content: "";
  display: block;
  width: 0;
    height: 0;
    margin-left: 125px;
    border: 12px solid transparent;
    border-top: 12px solid #e3e8ec;
}
.template .design:last-child .design-block{
  width: 100%;
}
.template .design:last-child .design-block section:last-child,
.template .design:last-child section::after{
  display: none;
}

/* =======================================
    会社案内　事業案内　company
======================================= */
.page-company .main .block-body{
  background-color: #fff;
  margin-bottom: 4rem;
  padding: 2rem;
}
.page-company dl{
      display: table;
    width: 100%;
  border-bottom: #e3e8ec 1px solid;
}
.page-company dt,
.page-company dd{
  display: table-cell;
  vertical-align: top;
    padding: 1.5rem;
}
.page-company dt{
  font-weight: 700;
    width: 150px;
}
.page-company h5{
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.page-company .idea h5{
  font-size: 2.2rem;
  text-align: center;
      margin-top: 1rem;
}
.idea p{
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
}
.page-company h6{
    font-size: 2rem;
    padding: 0.5rem 1.5rem 0.3rem 1.5rem;
    margin-bottom: 1.5rem;
    background: #e3e8ec;
}
.page-company p.fc-blue03{
  margin-bottom: 1rem;
}
.company-text{
  display: table;
  width: 100%;
  margin-bottom: 4rem;
}
.company-text p,
.company-btn{
  display: table-cell;
  vertical-align: top;
}
.company-btn{
  width: 30rem;
  padding-left: 4rem;
}
.block .company-text a.btn{
    font-size: 1.8rem;
    padding: 1.5rem;
}

/* =======================================
    payroll　アウトソーシングサービス
======================================= */
.mainview-payroll-2023{
  background: url(/uploads/mainview_payroll2023.jpg) center center no-repeat;
  background-size: cover;
  padding: 6rem 1rem;
}
.mainview-payroll-2023 h1{
  width: 100%;
  max-width: 1000px;
  font-size: 3.6rem;
  text-align: center;
  color: #232b7e;
  background-color: rgba(255, 255, 255, .5);
  padding: 5rem 1rem;
  margin: 0 auto;
}
.about-bpo{
  max-width: 80rem;
  padding: 6rem 1rem;
  margin: 0 auto;
}
.about-bpo h2{
  font-size: 3.2rem;
  text-align: center;
  color: #1b1464;
  margin-bottom: 3rem;
}
.bpo-contents h2,
.wrap-bpo-merit h2{
  font-size: 3.2rem;
  text-align: center;
  color: #fff;
  background-color: #232b7e;
  padding: 4rem 1rem;
  margin-bottom: 6rem;
}
.bpo-box{
  display: flex;
  justify-content: space-between; 
  flex-wrap: wrap;
}
.bpo-box section{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 48%;
  margin-bottom: 8rem;
}
.bpo-box-title{
  position: relative;
  width: 18rem;
  text-align: center;
}
.bpo-box-title::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17rem;
  height: 17rem;
  background-color: #f2f2f2;
  border-radius: 50%;
  margin: -8.5rem 0 0 -8.5rem;
  z-index: -1;
}
.bpo-box h3{
  font-size: 3rem;
  color: #1b1464;
}
.bpo-box h3 img{
  display: block;
  width: 3rem;
  margin: 0 auto 1rem;
}
.bpo-box p{
  flex: 1;
  line-height: 2;
  padding-left: 3rem;
}
.bpo-merit01{
  text-align: center;
  margin-bottom: 4rem;
}
.bpo-merit-box01{
  text-align: center;
  margin-bottom: 10rem;
}
.wrap-bpo-merit-box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.bpo-merit-box02{
  width: 49%;
  text-align: center;
  background-color: #f7f8f8;
  padding: 1.5rem;
  margin-bottom: 4rem;
}
.bpo-merit-title{
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  margin-bottom: 4rem;
}
.bpo-merit-num{
  width: 7.2rem;
  height: 7.2rem;
  font-size: 4rem;
  line-height: 1;
  text-align: center;
  border-right: solid 3px #f15a24;
  border-bottom: solid 3px #f15a24;
}
.bpo-merit-num span{
  display: block;
  font-size: 1.4rem;
}
.bpo-merit-title p{
  font-size: 2.8rem;
  text-align: left;
  color: #1b1464;
  padding-left: 2rem;
}
.bpo-merit-box02 .bpo-merit-title p{
}
.bpo-merit-box02 img{
  max-width: 150px;
}
/* =======================================
    policy プライバシーポリシー
======================================= */
.policy h4{
  margin-bottom: 4rem;
}
.policy article{
  background-color: #fff;
  margin-bottom: 6rem;
}
.policy .block{
max-width: 720px;
    margin: 0 auto;
}
.policy .aut{
  text-align: right;
  margin-top: 2rem;
}
.policy h5{
      font-size: 1.6rem;
    margin-bottom: 1rem;
}
.policy-text{
  padding-bottom: 1.5rem;
}
.policy-text p,
.policy-text ol,
.policy-text dl{
  margin-bottom: 1.5rem;
}
.policy-text ol{
  counter-reset: number 0; 
  list-style-type: none;
}
.policy-text li:before {
  counter-increment: number 1;      /* number カウンタを増加 */
content: "("counter(number)")";
}

/* =======================================
    contact apply お問い合わせ・申込みフォーム
======================================= */
.page-contact .main,
.page-apply .main{
  margin-bottom: 6rem;
}
.page-apply p{
  margin-bottom: 1.5rem;
}
.form-label{
  font-weight: 700;
}
.form-input{
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form-input.block-address .zip .btn-search,
.form-input.block-address .zip input{
  height: 34px;
}
.form-input.block-address .zip .btn-search{
  vertical-align: top;
  line-height: 34px;
  padding: 0;
}
textarea{
  font-family: Meiryo;
  font-size: 1.6rem;
}
.error-message{
  color: #900;
}

/* =======================================
    realone　従業員満足度調査
======================================= */
.mainview-realone{
background-image: url(/uploads/mainview_realone.jpg);
background-position: left top;
background-repeat: no-repeat;
      background-size: cover;
  padding: 4rem 0;
}
.mainview-realone p{
  text-align: center;
  background-color: rgba(255,255,255,0.7);
    padding: 2rem 1rem;
}
.mainview-realone p.cap {
    padding: 0 0 1.5rem 0;
    color: #f1451d;
    font-size: 0.9em;
}
.mainview-realone span{
  display: block;
}
.mainview-realone .fc-green{
  font-size: 4rem;
}
.mainview-realone .fb{
  font-size: 2rem;
}
.real01{
  text-align: center;
  margin-bottom: 3rem;
}
.real01:last-child{
  margin-bottom: 0;
}
.real01 p:first-child span,
.real01 p:last-child{
  padding: 1rem;
}
.real01 p:first-child span{
  display: block;
  border: solid 1px #063;
}
.real01 p:first-child::after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 12px solid #ccc;
  margin-top: 5px;
  margin-bottom: -8px;
  margin-left: 50%;
}
.real01 p:last-child{
  color: #fff;
  background-color: #063;
}
.btn-real .block a.btn{
    max-width: 300px;
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0 auto;
    padding: 1rem;
}
.btn-real .block a.btn:hover{
  margin-top: 4px;
  margin-bottom: -4px;
}
.realone-menu ul{
      display: -webkit-flex;
  display: flex;
   -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
    -webkit-justify-content: space-around;
  justify-content: space-around;
	background-color: #ededed;
  margin-bottom: 4rem;
  padding: 1rem 0 0 0;
}
.realone-menu li{
  width: 23%;
    margin-bottom: 1rem;
}
.realone-menu li a{
  position: relative;
  font-size: 1.4rem;
  background-color: #fff;
  padding: 1rem 1rem 1rem 3rem;
}
.realone-menu a::before{
      content: '';
  position: absolute;
  top: 50%;
  left: 1rem;
    display: block;
    width: 6px;
    height: 6px;
  margin-top: -4px;
    border-right: 1px solid #063;
    border-top: 1px solid #063;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*ES調査とは？*/
.real02 p:first-child{
      border: solid 10px #ccc;
    border-radius: 10px;
    margin-bottom: 2rem;
    padding: 2rem;
}
.real02 p:last-child{
  background-color: #ededed;
    padding: 3rem;
}
.real03-img{
  text-align: center;
}
.real03::after{
  content: "※上記は、科学的に調査・実証 された関係性の一部です";
  display: block;
  color: #900;
  text-align: right;
  margin-bottom: 4rem;
}
.real03 .block{
  -webkit-align-items: center;
  align-items: center;
      border: solid 4px #063;
  border-radius: 5px;
  margin-bottom: 1.5rem;
    padding: 1.5rem;
}
.real03 .design.design03 .block-img{
  max-width: 60px;
}
.real03 p{
  display: none;
}
/*よくあるケース*/
.real04.contents.wrapper{
  margin-bottom: 4rem;
}
.real04 .design.design05 .block-img{
  max-width: 75px;
}
.real04 .block{
  -webkit-align-items: center;
  align-items: center;
}
.real04 h3{
  color: #078F9D;
  margin-bottom: 0.5rem;
}
/*こんな基準で間違ったッール選びをしていませんか？*/
.real05.contents.wrapper{
  margin-bottom: 2rem;
}
.real05 span{
  display: block;
}
/*よくある失敗*/
.real06 ul{
  margin-bottom: 4rem;
}
.real06 li{
  background-color: #ededed;
  background-image:  url(/uploads/icon_arrow-gray.png);
  background-position: left 1rem center;
  background-repeat: no-repeat;
      background-size: 2rem;
  padding: 2rem 2rem 2rem 3.5rem;
}
.real06 li:nth-of-type(2n){
  background-color: #fff;
}
/*リアルワンの従業員満足度(ES)調査*/
.real07 h5{
  font-size: 2rem;
  color: #fff;
  background-color: #063;
  background-image: url(/uploads/icon_check03_white.png);
  background-position: left 1rem center;
  background-repeat: no-repeat;
      background-size: 2rem;
      padding: 1rem 1rem 1rem 4rem;
}
.realone07{
  border: solid 1px #ccc;
  margin-bottom: 2rem;
  padding: 2rem;
}
.real07 p{
  margin-bottom: 1.5rem;
}
.real07 p:last-child{
  margin-bottom: 0;
}
.real07 .fc-red{
  font-size: 1.4rem;
}
/*特長と内容*/
.real08 h5,
.real10 h5,
.real11 h5{
  font-size: 2rem;
  text-align: center;
  color: #900;
  margin-bottom: 1.5rem;
}
.real08 p{
  background-color: #ededed;
  margin-bottom: 2rem;
  padding: 2rem;
}
.real08 img{
  display: block;
  width: 100%;
  max-width: 867px;
  margin: 0 auto;
}
/*特長と内容 内容*/
.real09 h4{
  margin-top: 4rem;
  margin-bottom: 0;
}
.real09 h5{
  font-size: 1.8rem;
    color: #900;
    margin-bottom: 1rem;
}
.real09 h6{
  font-size: 1.6rem;
    background-color: #ededed;
  margin-bottom: 1rem;
    padding: 1rem;
}
.real09-chart{
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.real09-1{
    color: #fff;
    font-weight: 700;
  padding: 1rem;
}
.real-blue .real09-1{
  background-color: #4AACC5;
}
.real-green .real09-1{
  background-color: #9BBB58;
}
.real-orange .real09-1{
  background-color: #F79647;
}
.real-khaki .real09-1{
  background-color: #948B54;
}
.real09-2{
      border: solid 1px #ccc;
    border-top: none;
  margin-bottom: 2rem;
    padding: 1.5rem;
}
.real09-2 dl{
    padding: 1rem;
    margin-top: 1rem;
}
.real-blue .real09-2 dl{
  background-color: #DCEEF3;
}
.real-green .real09-2 dl{
  background-color: #E7EED5;
}
.real-orange .real09-2 dl{
  background-color: #FDE1CA;
}
.real-khaki .real09-2 dl{
  background-color: #E3E0CE;
}
.real09-2 dt{
  font-weight: 700;
}
.real09-2 span{
  font-size: 1.4rem;
  padding-left: 1rem;
}
.real09-3{
  margin-bottom: 2rem;
}
.real09-3 dl{
  margin-bottom: 1rem;
}
.real09-3 dt{
  display: inline-block;
  color: #fff;
  background-color: #9BBB58;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
}
.real09-3 .fc-blue{
  font-weight: normal;
}
.real09-3 table{
	width: 100%;
  border-collapse: collapse;
      border-top: solid 1px #0172a8;
  border-left: solid 1px #0172a8;
  margin-bottom: 1rem;
}
.real09-3.last table{
  margin-top: 1.5rem;
}
.real09-3 th,
.real09-3 td{
  text-align: left;
    font-weight: normal;
    border-right: solid 1px #0172a8;
    border-bottom: solid 1px #0172a8;
  padding: 0.5rem 2rem;
}
.real09-3 thead th{
      background-color: #48bef2;
}
.real09-4{
  margin-bottom: 2rem;
}
.real09-4 p{
  margin-bottom: 1rem;
}
.real09-4 dt{
      color: #fff;
    background-color: #7D9BD1;
    padding: 1rem;
}
.real09-4 dd{
  background-color: #D3EEF9;
    padding: 1rem 1.5rem 1.5rem 1.5rem;
}
/*従業員満足度調査(ES調査)の実施方針*/
.real10-1 .design:nth-of-type(2n-1){
  background-color: #E4F0F0;
}
.real10-1 .block{
      -webkit-align-items: center;
      align-items: center;
  padding: 2rem;
}
.real10-1 h3{
      color: #063;
    margin-bottom: 1.5rem;
}
/*回答方法と実施*/
.real11 p{
  text-align: center;
}
.real11-bottom .block{
  padding-top: 0;
}
.real11-1{
  border: solid 1px #ccc;
  margin-bottom: 1.5rem;
}
.real11-1-top{
  background-color: #ededed;
  padding: 2rem;
}
.real11-1 h5{
  font-size: 1.8rem;
  color: #063;
  background-image: url(/uploads/icon_arrow-gray.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  margin-bottom: 0.5rem;
  padding-left: 2.5rem;
}
.real11-1 img{
  display: block;
    width: 100%;
    max-width: 266px;
    margin: 1rem auto 2rem;
}
.real11-bottom article:nth-of-type(2) .real11-1 img{
  max-width: 314px;
}
.real11-2 h6{
  font-size: 1.6rem;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
}
/*従業員満足度調査(ES調査)のご報告*/
.real12 h4{
  margin-top: 4rem;
  margin-bottom: 0;
}
.real12 p{
  margin-bottom: 1rem;
}
.real12 ul{
  border: solid 5px #063;
  border-radius: 10px;
  padding: 2rem;
}
.real12-1 h4{
  font-size: 2rem;
    text-align: center;
    border-left: none;
    background-color: #ededed;
  margin-bottom: 1rem;
    padding: 1rem;
}
.real12-1 .block{
  -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.real12-1 h3{
  width: 230px;
  text-align: center;
  background-color: #E7E2CF;
    margin: 0 auto 1rem;
    padding: 1rem;
}
.real12-1 .block-img img{
  width: 230px;
  margin: 0 auto;
}
/*費用*/
.real14 h4{
  margin-top: 4rem;
  margin-bottom: 0;
}
.real14 img{
  display: block;
  width: 100%;
  max-width: 756px;
  margin: 0 auto;
}
.real14 p{
  max-width: 756px;
  margin: 0 auto;
}
/*御採用実績*/
.real15 h4{
  margin-bottom: 0;
}
.real15 ul{
display: -webkit-flex;
display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.real15 li{
  width: 32%;
    background-color: #ededed;
  margin-bottom: 1.5rem;
    padding: 1.5rem;
}
.real15 p:first-child{
	font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
/*インタビュー*/
.real16 h4,
.real17 h4{
      margin-bottom: 3rem;
}
.real16 .block,
.real17 .block{
    border: solid 1px #063;
    border-radius: 10px;
    padding: 2rem;
}
.real17 .block{
  -webkit-align-items: center;
  align-items: center;
}
.real17 .block-body{
  text-align: left;
  font-size: 2rem;
    padding: 2rem;
}
.real16 h5{
  font-size: 1.8rem;
  border-bottom: dotted 1px #063;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}
.real16-img{
      width: 25%;
    float: left;
    margin-right: 2rem;
}
.real17 .block-body{
  font-weight: 700;
  padding-left: 0;
}
.real17 .block-body span{
  border-left: solid 5px #063;
  margin-left: 2rem;
    padding-left: 1rem;
}
.interview{
  margin-bottom: 2rem;
}
.int-top,
.int-bottom{
    background-position: left top 0.2rem;
  background-repeat: no-repeat;
  background-size: 2rem;
  padding-left: 3rem;
}
.int-top{
  color: #2E7267;
  background-image: url(/uploads/interview_green.png);
  margin-bottom: 1rem;
}
.int-bottom{
  background-image: url(/uploads/interview_blue.png);
}
.int-bottom span{
  color: #2D72A9;
}
.real18 p{
  margin-bottom: 2rem;
}
/*誤解・質問*/
.real19{
  border: solid 1pX #CCC;
  margin-bottom: 2rem;
}
.que dt{
  color: #063;
  background-color: #E6F1EB;
    padding: 1rem 1.5rem;
}
.que dd{
  font-weight: 700;
  background-color: #ededed;
    padding: 1.5rem;
}
.ans{
  padding: 1.5rem;
}
.ans dt{
      display: inline-block;
    background-color: #F4E6E6;
    padding: 0.5rem 1rem 0.2rem;
}
.ans dd{
border-top: solid 3px #F4E6E6;
    padding: 1rem;
}
.ans dd span.fc-green{
  display: block;
  padding-top: 1rem;
}

/* =======================================
    index
======================================= */
.mainview-index{
background-image: url(/uploads/mainview_top03.jpg);
background-position: center top;
background-repeat: no-repeat;
  padding: 2rem 0;
}
.mainview-index p{
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 7px 14px black;
  color: #fff;
  margin-bottom: 4rem;
}
.mainview-index ul{
  display: flex;
  justify-content: space-between;
  max-width: 74rem;
  margin: 0 auto;
}
.mainview-index li{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 22rem;
  height: 22rem;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin-bottom: 3rem;
  padding-top: 2rem;
}
.mainview-index li > *{
  position: relative;
  z-index: 10;
}
.mainview-index li::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22rem;
  height: 22rem;
  background-color: rgba(0, 0, 0, .2);
  border: solid 1px #fff;
  border-radius: 50%;
  margin-top: -11rem;
  margin-left: -11rem;
  z-index: 1;
}
.mainview-index img{
  width: 3.5rem;
}
.title-3service{
  color: #fff;
  background-color: #3a454e;
  text-align: center;
  padding: 1.4rem 1rem 0;
  margin-bottom: 4rem;  
}
.title-3service h1{
  font-size: 2.5rem;
  font-weight: 700;
  color: #fff;
}
.wrap-index-service{
  max-width: 1200px;
  margin: 0 auto;
}
.index-service{
  display: flex;
  align-items: center;
  margin-bottom: 10rem;
}
.index-service.index-service-right{
  justify-content: flex-end;
}
.index-service > img{
  width: 40%;
  max-width: 54rem; 
}
.index-service-text{
  max-width: 64rem;
}
.index-service h1{
  text-align: center;
  border-bottom: solid 1px #000;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.index-service h1 img{
  display: block;
  width: 5.6rem;
  margin: 0 auto 2rem;
}
.index-service p{
  padding: 0 2rem 2rem;
}
.index-service .fc-pink{
  text-align: center;
}
.index-service a{
  display: block;
  width: 96%;
  max-width: 30rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #015d86;
  border-radius: 1rem;
  padding: 1.2rem 1rem;
  margin: 2rem auto 0;
}
.index-service a:hover{
  background-color: #05709f;
}
.index-service-btn{
  display: flex;
  justify-content: space-around;
  padding: 0 1rem;
}
.index-service .index-service-btn a{
  width: 49%;
}
/* =======================================
    consulting　人事コンサルティング
======================================= */
.page-consulting p{
  line-height: 2;
  color: #4a4747;
}
.mainview-consulting{
background-image: url(/uploads/mainview_consulting.jpg);
background-position: center center;
background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0;
}
.mainview-consulting .container{
  text-align: center;
        background-color: rgba(255,255,255,0.7);
    padding: 4rem 1rem;
}
.mainview-consulting h2{
  font-size: 4rem;
color: #232b7e;
    margin-bottom: 1rem;
}
.mainview-consulting p{
  font-size: 2rem;
}
.consul01{
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  color: #4a4747;
  background-color: #A5C3DF;
}
.consul02{
      padding: 2rem 0 0;
}
.page-consulting h4,
.page-consulting h5{
  width: 100%;
        max-width: 960px;
        margin: 0 auto;
}
.page-consulting h4{
  font-size: 1.6rem;
    color: #087dbb;
          background: #fff;
    	border-left: none;
	padding: 0 2rem 3rem;
}
.page-consulting h4 span{
  	display: block;
        background: #f1f2f4;
    padding: 1rem 1rem 1rem 2rem;
    border-left: #989da8 3px solid;  
}
.page-consulting .consul02 h4{
    font-size: 2rem;
    color: #232b7e;
    border-top: #232b7e 3px solid;
      border-bottom: #a5a7a8 1px solid;
    padding: 2rem 1.5rem;
}

.consul02 article{
  background-color: #fff;
    padding: 0 2rem;
}
.consul02 .block-body{
        border-bottom: #afb5bc 1px dotted;
  padding-bottom: 2rem;
}
.consul02 p{
  margin-bottom: 2rem;
}
.consul03 section {
      position: relative;
    padding: 0 10px;
}
.consul03 section::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(/uploads/bg_arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
        right: -15px;
    top: 50%;
      margin-top: -10px;
}
.consul03 section:last-child::after{
  background-image: none;
}
.consul03 h5{
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 2;
  padding: 0 2rem;
}
.consul03 .design{
  background-color: #fff;
    padding: 0 1.5rem;
}
.consul03 .design-block{
        border-bottom: #afb5bc 1px dotted;
    margin-bottom: 3rem;
    align-items: center;
}
.page-consulting .consul03 p{
  background-color: #E3E0CF;
    padding: 2rem;
    line-height: 1.5;
}
.consul04.last{
  padding-bottom: 8rem;
}
.consul04 article{
      background-color: #fff;
    padding: 0 2rem;
}
.consul04 .block2000 .block{
  border-bottom: #afb5bc 1px dotted;
    margin-bottom: 3rem;
    padding: 0 0 3rem;
}
.consul04.last .block2000 .block{
  border-bottom: 0;
}
.consul04 p{
  margin-bottom: 2rem;
}
.consul04 p:first-child{
  margin-bottom: 4rem;
}
.consul04 p.con-flow{
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom: 0;
}
.consul04 p.con-flow.last{
  margin-top: 2rem;
  margin-bottom: 6rem;
}
.con-flow span{
      position: relative;
  display: inline-block;
      width: 30%;
      text-align: center;
    background-color: #F8B943;
    padding: 1rem;
}
.con-flow span.arrow{
  width: 3%;
  background-color: transparent;
  padding: 0;
}

/* =======================================
    roumu　カスタマイズ型アウトソーシング
======================================= */
.mainview-roumu{
background-image: url(/uploads/mainview_roumu.jpg);
background-position: center center;
background-repeat: no-repeat;
  background-size: cover;
  padding: 4rem 0;
}
.mainview-roumu .container{
  text-align: center;
        background-color: rgba(255,255,255,0.7);
    padding: 4rem 1rem;
}
.mainview-roumu h2{
  font-size: 4rem;
color: #232b7e;
    margin-bottom: 1rem;
}
.mainview-roumu p{
  font-size: 2rem;
}
.roumu01 .block{
  padding: 4rem 0;
}
.roumu02{
  padding-top: 4rem;
}
.roumu02 p{
  padding-bottom: 4rem;
}
.roumu02 p.pb-none{
  padding-bottom: 0;
}
.roumu02 .fb{
  text-align: center;
}
.block a.roumu-link{
  text-decoration: underline;
  padding-bottom: 2rem;
}
.roumu02 .wrap-btn{
  margin-bottom: 8rem;
  padding-top: 4rem;
}
.roumu02 .block a.btn{
  font-size: 2rem;
  padding: 1rem;
}
.roumu02  .out_b {
    margin: 30px 0 80px 0;
}
.roumu02  .bnr li:first-child {
    font-size: 1.6rem;
    color: #0172a8;
    font-weight: bold;
}
.roumu02  .bnr {
    margin-bottom: 3rem;
}
.roumu02  .bnr  li span {
    display: inline-block;
    background: #dcdde1;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 1.5rem;
    margin-right: 0.8em;
}
.roumu02  .bnr li {
    margin-bottom: 0.6rem;
}
.roumu02  .special h3 {
    font-size: 2.6rem;
    font-size: 2rem;
    padding: 1rem 1.5rem 0.6em 1.5rem;
    margin-bottom: 3rem;
    background: #e3e8ec;
    display: block;
    background: #f1f2f4;
    padding: 1rem 1rem 1rem 2rem;
    border-left: #989da8 3px solid;
    color: #232b7e;
}
.roumu02  .special {
    margin-top: 50px;
}
.roumu02  .special li span {
    margin-bottom: 1.5rem;
    display: inline-block;
    color: #0172a8;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 1.7rem;
    margin-right: 0.8em;
}
.roumu02  .special ul li {
    text-indent: -1em;
    line-height: 1.2rem;
    margin-bottom: 2rem;
}
.roumu02  .special ul {
    padding-left: 3.2rem;
}
.roumu02 .out_b .wrap-btn {
    margin-bottom: 1rem;
}

/* =======================================
    responsive
======================================= */
@media only screen and (max-width: 959px) {
  .br-pc{
    display: none;
  }
  .br-sp{
    display: block;
  }
body{
font-size: 1.4rem;
}
.contents.wrapper,
.container,
  .page-payroll .main .wrap-block,
  .page-privacy .main .wrap-block,
  .page-is-top .main .wrap-block,
  .page-realone .main .wrap-block,
    .page-roumu .main .wrap-block{
padding: 0 1.5rem;
}
  .block a.btn{
    padding: 1.5rem;
  }  
  .btn:hover{
    margin-top: 0px;
margin-bottom: 0px;
}
.btn.blue:hover{
box-shadow: 0 5px #0486BF;
}
.btn.yellow:hover{
box-shadow: 0 5px #C2840B;
}
.btn.white:hover{
box-shadow: 0 5px #ccc;
}
.btn.orange:hover{
    box-shadow: 0 5px #c63716;
}
.btn.aqua:hover{
box-shadow: 0 5px #0f9889;
}
.btn.green:hover{
    box-shadow: 0 5px #72b331;
}
  .block .wrap-two-btn a.btn:hover{
margin-top: 0;
    margin-bottom: 2rem;
  }
.block .wrap-two-btn .btn.aqua:hover{
box-shadow: 0 5px #0f9889;
}
.block .wrap-two-btn .btn.green:hover{
box-shadow: 0 5px #72b331;
}
  .title-bg-green h4,
  .title-bg-green02 h4,
  .title-bg-aqua h4{
    font-size: 2.2rem;
    padding: 1.5rem 1.5rem 1.3rem;
  margin-bottom: 0;
}
  .title-bg-green02 h4{
    font-size: 2rem;
    font-weight: normal;
  }
  .title-bg-aqua h4{
   background-color: #11b9a9;
}
  .title-bg-gray h4{
  font-size: 2rem;
}
  .title-border-green h4{
    font-size: 2rem;
  }
a.logo{
  margin: 0 auto 1rem;
  }
  .drawer-menu li a {
    border-bottom: dotted 1px #999;
    padding: 15px;
  }
  .drawer-menu li li a {
    padding-left: 25px;
  }
  .drawer-menu li li li a{
    padding-left: 35px;
  }
  .drawer-menu li a.menu-pc{
    display: block;
  }
  .drawer-menu li span.menu-toggle{
    position: absolute;
        width: 30px;
    top: 8px;
    right: 10px;
    font-size: 0;
    background-color: #666;
    border-bottom: none;
    border-radius: 15px;
  }
  .menu-toggle::after{
    content: '';
    position: absolute;
    top: 14px;
    right: 12px;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .menu-toggle.active::after{
    top: 16px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .drawer-hamburger.hamburger-circle{
    background-color: transparent;
    background-image: url(/uploads/burger.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 37px;
    border-radius: 0;
    margin-right: 1.5rem;
  }
  .drawer-open .drawer-hamburger.hamburger-circle{
    background-image: url(/uploads/close.png);
  }
  .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after{
    display: none;
  }
  
.header-top{
display: block;
}
.header-contact{
display: -webkit-flex;
display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
margin-left: 0;
}
.header-contact .pc{
display: none;
}
.header-contact .sp{
display: flex;
  justify-content: center;
  align-items: center;
  width: 49%;
  text-align: center;
      background-color: #036;
  border-radius: 5px;
  padding: 0.5rem 0;
}
  .header-contact .sp:last-child{
    background-color: #D90000;
    margin-right: 0;
  }
  .header-contact img{
    margin-left: 0;
  }
.header-contact a{
display: block;
vertical-align: top;
margin-left: 0;
}  
.header-contact .btn.orange,
.header-contact .btn.blue02{
padding: 0;
}  
.submenu ul{
  -webkit-justify-content: start;
  justify-content: start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
  .submenu li{
    width: 50%;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
  }
  .submenu li:nth-of-type(2n){
    border-right: none;
  }
  .submenu li:nth-of-type(5),
  .submenu li:last-child{
    border-bottom: none;
  }
.submenu li a{
  text-align: center;
  padding: 1rem;
}
  .footer-top{
    padding: 2rem 1.5rem 4rem;
}
.footer-top h2{
font-size: 2rem;
    margin-bottom: 1.5rem;
}
.footer-top .pc{
display: none;
}
.footer-top .sp{
display: block;
  margin-bottom: 2rem;
}
  .block .footer-top a.btn.sp{
    padding: 2rem 2rem 1rem;
  }
  .footer-top .sp img{
    width: 100%;
    max-width: 308px;
  }
  .footer-top .btn.yellow{
    font-size: 2rem;
  }
  .footer-top .btn.yellow:hover{
	margin-top: 0;
	margin-bottom: 0;
}
.footer-bottom{
    padding: 0 0 2rem;
}
.logo-footer{
margin: 0 auto 2rem;
}
.fot-nav{
display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
  .fot-nav{
    border-bottom: solid 1px #033951;
  }
.fot-nav li{
width: 50%;
  border-top: solid 1px #033951;
  border-right: solid 1px #033951;
}
  .fot-nav li:nth-of-type(2n){
    border-right: 0;
  }
.fot-nav li a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  line-height: 1.2;
    padding: 1.2rem 0;
}
.fot-nav li a::after{
display: none;
}
address{
padding: 2rem 1.5rem;
}
  /* =======================================
    index
======================================= */
.mainview-index{
  padding: 1.5rem 0;
}
  .mainview-index .container{
    padding: 0;
  }
  .mainview-index p{
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
.mainview-index ul{
  justify-content: space-around;
  flex-flow: row wrap;
}
.mainview-index li{
  flex: 0 0 40%;
  width: 16rem;
  height: 16rem;
  font-size: 1.6rem;
  margin: 0;
}
  .mainview-index li:first-child{
    flex: 0 0 100%;
  }
  .mainview-index li::before{
  width: 15rem;
  height: 15rem;
    margin-top: -7.5rem;
    margin-left: -7.5rem;
  }
.mainview-index img{
  margin: .5rem auto 0;
}
  .index-service{
    flex-direction: column;
    margin-bottom: 5rem;
  }
  .index-service.index-service-right{
    flex-direction: column-reverse;
  }
  .index-service > img{
    width: 100%;
    margin-bottom: 1rem;
  }
  .index-service a{
    font-size: 1.6rem;
  }
  
  /* =======================================
    テンプレートの追加 template
======================================= */
  .template.contents.wrapper{
  margin-bottom: 1rem;
}
  .template .design03 .block-body{
    padding-left: 1rem;
  }
  .template .block-body p a{
    display: block;
    padding-bottom: 0;
  }
  .template section::after{
    margin-left: 50px;
  }
/* =======================================
    会社案内 company
======================================= */
.page-company .main .block-body{
  padding: 1.5rem;
}
.page-company dt{
    width: 10rem;
  padding: 1.5rem 0;
}
  .page-company dd{
padding: 1.5rem 1rem 1.5rem 0;
}
  .page-company h5{
  font-size: 1.6rem;
    margin-bottom: 1rem;
}
  .page-company .idea h5{
  font-size: 1.6rem;
      margin-top: 0;
}
.idea p{
  padding: 0;
}
.page-company h6{
    font-size: 1.6rem;
}
  .company-text{
    display: block;
  }
  .company-btn{
    display: block;
  width: 100%;
    margin-top: 1rem;
  padding-left: 0;
}
 .block .company-text a.btn {
    font-size: 1.6rem;
    padding: 1rem;
} 
  
  /* =======================================
    payroll　アウトソーシングサービス
======================================= */
  .mainview-payroll-2023{
    padding: 4rem 1rem;
  }
  .mainview-payroll-2023 h1{
    font-size: 2.4rem;
    padding: 3rem 1rem;
  }
  .about-bpo{
    padding: 2rem 1rem 4rem;
  }
  .about-bpo h2{
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .bpo-contents h2,
  .wrap-bpo-merit h2{
    font-size: 2.2rem;
    padding: 2.5rem;
    margin-bottom: 2rem;
  }
  .bpo-box section{
    width: 100%;
    margin-bottom: 3rem;
  }
  .bpo-box-title{
    width: 14rem;
  }
  .bpo-box-title::before{
    width: 12rem;
    height: 12rem;
    margin: -6rem 0 0 -6rem; 
  }
  .bpo-box h3{
    font-size: 2rem;
  }
  .bpo-box h3 img{
    width: 2.2rem;
  }
  .bpo-box p{
    line-height: 1.8;
    padding-left: 1rem;
  }
  .bpo-merit01{
    text-align: left;
  }
  .bpo-merit-box02{
    width: 100%;
  }
  .bpo-merit-num{
    width: 5.5rem;
    height: 5rem;
    font-size: 2.6rem;
  }
  .bpo-merit-num span{
    font-size: .8rem;
  }
  .bpo-merit-title p{
    flex: 1;
    font-size: 1.8rem;
    padding-left: 1.5rem;
  }
  /*policy*/
.policy h4{
  margin-bottom: 2rem;
}
.policy article{
  margin-bottom: 4rem;
}
.policy .block{
	padding: 1.5rem;
}
.policy .aut{
  margin-top: 0;
}

  .page-contact .main{
  margin-bottom: 4rem;
}
 /* =======================================
    realone 従業員満足度調査
======================================= */ 
.mainview-realone{
  padding: 2rem 0;
}
.mainview-realone p{
    padding: 1.5rem 1rem;
}
.mainview-realone .fc-green{
  font-size: 2rem;
}
.mainview-realone .fb{
  font-size: 1.6rem;
}
.real01 p:first-child::after{
  margin-left: 47%;
}
  .btn-real{
    margin-bottom: 1rem;
  }
  .realone-menu{
    background-color: #ededed;
  }
.realone-menu ul{
      margin-bottom: 1rem;
    padding: 1rem 0 0;
}
.realone-menu li{
  width: 49%;
      border-bottom: solid 1px #ccc;
    margin-bottom:0;
  padding: 0;
}
  .realone-menu li a{
        font-size: 1.2rem;
    height: 100%;
    padding: 1rem;
  }
  .realone-menu a::before{
    display: none;
  }
  .real02 p:first-child{
      border: solid 5px #ccc;
    padding: 1rem;
}
.real02 p:last-child{
    padding: 1.5rem;
}
.real03::after{
  text-align: left;
  margin-bottom: 2rem;
}
  .real03 .blo-col-2 section{
    width: 100%;
  }
  .real03 .block{
    margin-bottom: 1rem;
    padding: 1rem;
}
  .real04.contents.wrapper{
  margin-bottom: 2rem;
}
  .real04 h3{
    font-size: 1.8rem;
  }
  /*こんな基準で間違ったッール選びをしていませんか？*/
.real05 .block-img{
  display: none;
}
  .real05 .design05 .block-body{
    padding-left: 0;
  }
  .real05 .fs18{
    font-size: 1.4rem;
  }
  .real05 .fs26{
    font-size: 1.8rem;
  }
/*よくある失敗*/
  .real06 ul{
  margin-bottom: 2rem;
}
  .page-realone .main .contents.wrapper .wrap-block{
    padding: 0;
  }
.real06 li{
      background-size: 1.5rem;
  padding: 1.5rem 1.5rem 1.5rem 3rem;
}
/*リアルワンの従業員満足度(ES)調査*/
.real07 .bg-gray{
  padding: 1.5rem;
}
.real07 h5{
  font-size: 1.6rem;
  font-weight: normal;
}
  .realone07{
  padding: 1.5rem;
}
  /*特長と内容*/
  .real08 h5,
  .real10 h5,
  .real11 h5{
  font-size: 1.8rem;
  text-align: left;
  margin-bottom: 1rem;
}
.real08 p{
  padding: 1.5rem;
}
  /*特長と内容 内容*/
.real09 h4{
  margin-top: 2rem;
}
  .real09 h5{
  font-size: 1.6rem;
}
.real09-2{
    padding: 1rem;
}
  .real09-2 span{
  font-size: 1.2rem;
}
  /*従業員満足度調査(ES調査)の実施方針*/
.real10-1 .block{
  padding: 1.5rem;
}
.real10-1 .block-img{
    display: none;
}
  .real10-1 .design04 .block-body{
    padding-left: 0;
  }
  .real10-1 h3{
    margin-bottom: 0.5rem;
}
  /*回答方法と実施*/
.real11 p{
  text-align: left;
}
  .real11-1-top{
  padding: 1.5rem 1rem;
}
.real11-1 h5{
  font-size: 1.6rem;
}
  .real11-2{
    margin-bottom: 2rem;
  }
  /*従業員満足度調査(ES調査)のご報告*/
.real12 p{
  margin-bottom: 0.5rem;
}
.real12 ul{
  padding: 1rem;
}
  .real12 li{
    margin-bottom: 1rem;
  }
  .real12-1 .block{
        border: solid 1px #ccc;
    margin-bottom: 1rem;
    padding: 1rem;
  }
  .real12-1 h3{
  width: 100%;
}
.real12-1 .block-img img{
  width: 100%;
}
  /*御採用実績*/
.real15 h4{
  margin-top: 2rem;
}
.real15 li{
  width: 49%;
  margin-bottom: 1rem;
  padding: 1rem;
}
.real15 p:first-child{
	font-size: 1.6rem;
  margin-bottom: 0;
}
  /*インタビュー*/
.real16 h4,
  .real17 h4{
      margin-bottom: 2rem;
}
  .real17 .design{
    padding: 0 1.5rem;
  }
.real16 .block,
  .real17 .block{
    padding: 1rem;
}
  .real17 .block-body{
    font-size: 1.6rem;
    background-color: #fff;
    padding: 0 1rem 0 0;
  }
  .real17 .block-body span{
  margin-left: 0;
}
  .real17 .design.design04 .block-body {
    width: 75%;
}
  .real17 .design.design04 .block-img{
    width: 25%;
  }
.real16 h5{
	font-size: 1.6rem;
}
.real16-img{
    margin-right: 1.5rem;
}
  /*誤解質問*/

.que dt{
    padding: 1rem;
}
.que dd{
    padding: 1rem;
}
.ans{
  padding: 1rem;
}
.ans dd{
    padding: 1rem 0;
}

  /* =======================================
    consulting 人事コンサルティング
======================================= */
  .mainview-consulting{
    padding: 2rem 0;
  }
  .mainview-consulting .container{
    padding: 2rem 1rem;
  }
  .mainview-consulting h2{
  font-size: 2rem;
    margin-bottom: 0.5rem;
}
  .mainview-consulting p{
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .page-consulting .main .wrap-block{
    padding: 0;
  }
  .page-consulting h4{
    padding-bottom: 1.5rem;
}
  .consul02 .block-body{
      margin-bottom: 2rem;
    padding-bottom: 1.5rem;
}
  .consul02 p{
  margin-bottom: 1rem;
}
  .page-consulting .consul03 p{
  font-size: 1.4rem;
    font-weight: normal;
}
  .consul03 .blo-col-4 section {
    width: 100%;
    padding-bottom: 20px;
}
.consul03 section::after {
    content: "";
    right: 50%;
    top: auto;
    bottom: 0;
    transform: rotate(90deg);
  margin-top: 0;
}
  .consul01{
        font-size: 1.6rem;
    padding: 1rem 1.5rem;
  }
  .page-consulting .consul01 p{
    line-height: 1.5;
  }
  .consul03 h5{
    font-size: 1.4rem;
    font-weight: normal;
  }
  .page-consulting .consul03 p{
        padding: 1.5rem;
    text-align: center;
  }
  .consul04 .block2000 .block{
    padding-bottom: 1rem;
  }
  .consul04 p:first-child{
    margin-bottom: 2.5rem;
  }
  .consul04 p.con-flow.last{
  margin-top: 0;
}
  .con-flow span{
      width: 100%;
}
.con-flow span.arrow{
  width: 100%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
  
/* =======================================
    roumu カスタマイズ型アウトソーシング
======================================= */
  .mainview-roumu{
  padding: 2rem 0;
}
  .mainview-roumu .container{
    padding: 2rem 1rem;
}
  .mainview-roumu h2{
  font-size: 2rem;
    margin-bottom: 0.5rem;
}
  .mainview-roumu p{
  font-size: 1.6rem;
}
  .roumu01 .block{
  padding: 2rem 0;
}
  .roumu02 .wrap-btn {
    margin-bottom: 4rem;
    padding-top: 2rem;
}
  .roumu02 .block a.btn{
  font-size: 1.8rem;
}
  
}