.imgbox.manus-markting_kv{
  padding: 3%;
  background-image: url(../image/pc_header_manus.png);
  background-size: cover;
  background-position: center top;
}
.imgbox.manus-marktingcareer_kv{
  padding: 3%;
  background-image: url(../image/pc_header_manus-markting.png);
  background-size: cover;
  background-position: center top;
}
.kv_center_btn{
  padding: 2%;
}
@media screen and (max-width:767px){
  .imgbox.manus-markting_kv{
    background-position: 65% center;
    width: 100%;
    height: 90vh;
    padding: 30% 3% 5%;
  }
  .imgbox.manus-marktingcareer_kv{
    background-position: 70% center;
    width: 100%;
    height: 90vh;
    padding: 40% 3% 5%;
  }
  .kv_center_btn{
    text-align: center;
  }
}


/*-----------------------------


        c-key_box

------------------------------*/
.c-key_container{
  width: 100%;
  height: 100vh;
  background-image: url(../image/c-key_bg.png);
  background-size: cover;
  position: relative;
  display: flex;
}
.c-key_container_construction{
  padding: 3%;
  background-image: url(../image/c-key_construction_bg.png);
  /* background-position: 60%; */
  height: auto;
}
.c-key_box_construction{
  max-width: 1160px;
  width: 98%;
  margin: auto;
  position: relative;
}
.c-key_career_btn_container{
  margin: 24px auto;
}
.c-btn_career{
  font-size: 2.8rem;
  color: #FFFFFF;
  font-weight: 700;
  display: inline-flex;
  line-height: 1;
  align-items: center;
  justify-content: space-between;
  background: #FC4C34;
  border-radius: 42px;
  padding: .86em 2.36em;
  transition: all .3s;
}
@media screen and (max-width:767px){
  .c-key_container_construction{
    padding: 30% 3% 5%;
    background-position: 68% center;
    height:90vh;
  }
  .c-key_career_btn_container{
    text-align: center;
  }
  .c-btn_career{
    font-size: 2.0rem;
  }

}
.c-btn_career p{
  padding-right: 24px;
}
.c-key_box{
  max-width: 1160px;
  width: 100%;
  text-align: center;
  margin: auto;
}
.c-key_box h1{
  margin-bottom: 22px;
}
.c-key_box p{
  font-weight: 700;
}


/*スクロールダウン全体の場所*/
.scrolldown4{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom:10%;
  top:-100px;
	right:50%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 2s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }

/*Scrollテキストの描写*/
.scrolldown4 span{
    /*描画位置*/
	position: absolute;
	left:-20px;
	bottom:10px;
  bottom:10%;
    /*テキストの形状*/
	color: #0D0D0D;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    bottom:10%;

    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #0D0D0D;
    transform: skewX(-31deg);
}

.scrolldown4:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
  bottom:10%;

	right:0;
    /*矢印の形状*/
	width:1px;
	height: 50px;
	background:#0D0D0D;
}






.c-gmap_txt{
  font-size: 1.6rem;
  padding-top: 8px;
  font-family: "kozuka-gothic-pro",sans-serif;
  font-weight: 400;
}
@media screen and (max-width:767px){
  .c-gmap_txt{
    font-size: 1.2rem;
    padding-top: 0;
  }

}

/*-----------------------------


        c-heroImage

------------------------------*/
.c-heroImage{
  max-width: 1160px;
  width: 90%;
  height: 550px;
  margin: auto;
  background-image: url(../image/pc_top_header.png);
  background-size: cover;
}
.c-heroImage.c-heroImage__pos1{
  background-position: center center;
}

@media screen and (max-width:959px){
  .c-heroImage{
    height: 450px;
  }
}
@media screen and (max-width:600px){
  .c-heroImage{
    width: 100%;
    height: 350px;
  }
}

/*-----------------------------


        c-tie

------------------------------*/
.c-tie{
  width: 100%;
  height: 320px;
  background-image: url(../image/tie001.png);
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width:768px){
  .c-tie{
    width: 100%;
    height: 250px;
  }
}
@media screen and (max-width:600px){
  .c-tie{
    width: 100%;
    height: 150px;
  }
}

/*-----------------------------


        key

------------------------------*/
.sp_key_img{
  display: none;
}
@media screen and (max-width:767px){
  .sp_key_img{
    display: block;
  }
  .pc_key_img{
    display: none;
  }
}

/*----------------------------

  brのレスポンシブ対応

-----------------------------------*/
.c-pc_inline{
  display: none;
}
@media screen and (max-width:767px){
  .c-pc_inline{
    display: block;
  }
  .c-sp_inline{
    display: none;
  }
}



/*---------------------------------

             textbox

-------------------------------------*/
.c-center_txt_box{
  font-family: "kozuka-gothic-pro",sans-serif;
  text-align: center;
}

.c-center_txt_box p{
  margin-bottom: 2.8em;
  line-height: 2;
}
.c-center_txt_box p:last-child{
  margin-bottom: 0;
}

.c-textBox{
  /* text-align: center; */
}
.c-textBox p{
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.1em;
  /* margin-bottom: 24px; */
}
.c-textBox p:last-child{
  margin-bottom: 0;
}
.c-textBox span{
  font-size: 1.3rem;
}
@media screen and (max-width:767px){
  .c-textBox{
    width: 100%;
    margin: auto;
    /* text-align: left; */
  }
  .c-textBox p{
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .c-center_txt_box p{
    font-size: 1.6rem;
  }
}
@media screen and (max-width:600px){
  .c-textBox{
    width: 100%;
  }
  .c-textBox p{
    font-size: 1.3rem;
  }
  .c-center_txt_box p{
    font-size: 1.3rem;
  }
}


/*-----------------------------------

      各サービスでの共通部分

---------------------------------------*/

/* サービスの概念 */
.c-service_tit{
  font-family: "kozuka-gothic-pro",sans-serif;
  font-size: 4.0rem;
  margin-bottom: 2em;
  text-align: center;
}
.c-service_gainen_box{
  max-width: 800px;
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-service_gainen_txt{
  flex:1;
  font-size: 1.8rem;
  padding-left:32px;
  font-family: "kozuka-gothic-pro",sans-serif;
  line-height: 2;
}

@media screen and (max-width:959px){
  .c-service_tit{
    font-size: 3.0rem;
  }
}
@media screen and (max-width:767px){
  .c-service_gainen_box{
    flex-direction: column;
  }
  .c-service_gainen_box figure{
    margin-bottom: 24px;
  }
  .c-service_gainen_txt{
    text-align: center;
    font-size: 1.6rem;
    padding-left:0;
  }

}
@media screen and (max-width:600px){
  .c-service_tit{
    font-size: 2.0rem;
  }
  .c-service_gainen_txt{
    font-size: 1.3rem;
  }

}


/* サービスの流れ */
.c-flow_border_blue{
  border: 3px solid #0041C1;
}
.c-flow_border_green{
  border: 3px solid #2D8C3C;
}
.c-flow_border_red{
  border: 3px solid #F5423C;
}
.c-flow_list{
  max-width: 960px;
  width: 100%;
  margin:0 auto 64px;
  font-family: "kozuka-gothic-pro",sans-serif;
  padding: 46px 45px 46px 40px;
  border-radius: 30px;
  cursor: pointer;
  box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
	transition: .3s;
}
.c-flow_list:hover{
  box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);

}
.c-flow_list:last-child{
  margin: 0 auto;
}
.c-flow_list_tit_box{
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.c-flow_list_tit_box p{
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.c-step{
  margin-right: 16px;
}
.c-step_eg{
  font-family: "oswald",sans-serif;
  font-size: 2.0rem;
}
.c-step_number{
  font-size: 4.5rem;
  font-weight: bold;
}
.c-flow_list_content{
  display: flex;
  justify-content: space-between;
}
.c-flow_list_txt{
  max-width: 600px;
  width: 100%;
  font-size: 1.6rem;
  line-height: 2;
  flex:1;
  margin-right: 24px;
}
@media screen and (max-width:650px){
  .c-flow_border_blue{
    border: 2px solid #0041C1;
  }
  .c-flow_border_green{
    border: 2px solid #2D8C3C;
  }
  .c-flow_border_red{
    border: 2px solid #F5423C;
  }
  .c-flow_list{
    margin:0 auto 32px;
    padding: 32px 16px;
  }
  .c-flow_list_tit_box{
    display: block;
    margin-bottom:0;
  }
  .c-flow_list_tit_box p{
    font-size: 1.8rem;
  }
  .c-step{
    margin-right: 8px;
  }
  .c-step_eg{
    text-align: center;
    font-size: 1.8rem;
  }
  .c-step_number{
    font-size: 4.0rem;
  }
  .c-flow_list_content{
    flex-direction: column-reverse;
  }
  .c-flow_list_content figure img{
    max-width: 55%;
  }
  .c-flow_list_txt{
    font-size: 1.3rem;
    /* margin-top: 24px; */
    margin-right:0;
  }

}

/* サービスの特徴 */
.c-service_feature_box{
  font-family: "kozuka-gothic-pro",sans-serif;
  background: #FFFFFF;
  box-shadow: 0 3px 6px #E8E1E1;
  margin-bottom: 48px;
  padding: 48px 100px 48px 48px;
  border-radius: 35px;
}
.c-service_feature_box_tit{
  font-size: 2.8rem;
  margin-bottom: 1.5em;
}
.c-service_feature_box_block{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-service_feature_txt{
  max-width: 690px;
  width: 100%;
  font-size: 1.8rem;
  line-height: 2;
  padding-right: 32px;
}
@media screen and (max-width:959px){
  .c-service_feature_box{
    padding: 48px;
  }
  .c-service_feature_box_block{
    flex-direction: column-reverse;
  }
  .c-service_feature_txt{
    padding-right: 0;
    padding-top: 24px;
  }
  .c-service_feature_box_tit{
    font-size: 1.8rem;
  }
}
@media screen and (max-width:650px){
  .c-service_feature_box{
    padding: 48px 18px;
  }
  .c-service_feature_box_tit{
    font-size: 1.3rem;
  }
  .c-service_feature_txt{
    font-size: 1.3rem;
    padding-right:0;
  }
}
.consulting_list{
  display: flex;
  justify-content: space-between;
  counter-reset: number 0;
}
.consulting_item{
  position:relative;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  border: 3px solid #0D0D0D;
  display: flex;
  background: #FFFFFF;
  justify-content: center;
  align-items: center;
}
.consulting_item::before{
  position: absolute;
  width: 15px;
  top:-20px;
  left: 50%;
  margin-left: -7.5px;
  counter-increment: number 1;
  content: counter(number);
  font-size: 2.375rem;
  font-size: 3.0rem;
  color: #0D0D0D;
  background: #FFFFFF;
}
.consulting_item::after{
  content: "";
    background-color: #0D0D0D;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 4px;
    z-index: -1;
}
.consulting_item:last-child::after{
  display: none;
}
.consulting_txt{
  text-align: center;
  font-family: "kozuka-gothic-pro",sans-serif;

}
.consulting_txt_tit{
  font-size: 1.8rem;
  margin-bottom: 1.33em;
}
.consulting_txt p{
  font-size: 1.3rem;
  line-height: 2;
}

@media screen and (max-width:1060px){
  .consulting_list{
    display:block;
  }
  .consulting_item{
    width: 100%;
    height: 180px;
    border-radius:0;
    border: 3px solid #0D0D0D;
    margin-bottom: 64px;
  }
  .consulting_item::before{
    top:-25px;
  }
  .consulting_item::after{
    content: "";
    width: 100px;
    background-color: #0D0D0D;
    transform:rotate(90deg);
    display: block;
    position: absolute;
    top: auto;
    bottom: -35px;
    left: 50%;
    margin-left: -50px;
    z-index: -1;
  }
}




/*------------------------------------

           imageBox

-------------------------------------*/
.c-imageBox figure{
  text-align:center;
}



/*------------------------------------------

            alternating_block

-----------------------------------------*/

.c-alternating_container{
  font-family: "kozuka-gothic-pro",sans-serif;
}
.c-alternating_block{
  max-width: 1058px;
  width: 100%;
  margin: 0 auto 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c-alternating_block:last-child{
  margin-bottom: 0;
}

.c-alternating_block:nth-of-type(even){
  flex-direction: row-reverse;
}
.c-alternating_block_txt{
  max-width: 580px;
  width: 100%;
  flex:1;
  font-size: 1.8rem;
  padding: 0 2%;
  line-height: 2.2;
}
.c-alternating_block figure{

}
@media screen and (max-width:959px){
  .c-alternating_block_txt{
    font-size: 1.3rem;
  }
  .c-alternating_block figure img{
    width: 300px;
    height: auto;
  }
}
@media screen and (max-width:600px){
  .c-alternating_block figure img{
    width: 250px;
    height: auto;
    margin-bottom: 16px;
  }
  .c-alternating_block{
    flex-direction: column-reverse;
  }
  .c-alternating_block:nth-of-type(even){
    flex-direction:column-reverse;
  }

}



/*------------------------------------------

            遷移ボタン

-----------------------------------------*/


a.c-btn{
  font-size: 1.8rem;
  position:relative;
  top:0;
  display: inline-block;
  color: #fff;
  padding: 0.6em 1.33em;
  border: 2px solid #0D0D0D;
  border-radius: 24px;
  background: #0D0D0D;
  transition: all .3s;
}

a.c-btn.c-btn-header{
  background: #fc4c34;
  border: 2px solid #fc4c34;
  padding: 16px 25px;
}
a.c-btn.c-btn-service{
  background: #fc4c34;
  border: 2px solid #fc4c34;
  padding: 16px 45px;
}
a.c-btn.c-btn-footer{
  background: #FFFFFF;
  border: 2px solid #fc4c34;
  padding: 10px 25px;
  color: #fc4c34;
  font-size: 1.4rem;
}
a.c-btn:hover {
  top:-3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  color: #0D0D0D;
  background: #FFFFFF;
}
a.c-btn_career:hover {
  background:#0D0D0D;

}
a.c-btn.c-btn-header:hover{
  color:#fc4c34;
}
a.c-btn.c-btn-service:hover{
  color:#fc4c34;
}
a.c-btn.c-btn-footer:hover{
  background: #fc4c34;
  color:#FFFFFF;
}

/*矢印が右に移動する*/
.arrow{
  position: relative;
  display: inline-block;
  padding: 0 20px;
}

/*矢印と下線の形状*/
.arrow::before{
  content: '';
  position: absolute;
  left:15%;
  width: 85%;
  height: 1px;
  background:#FFFFFF;
  transition: all .3s;
}

.arrow::after{
  content: '';
  position: absolute;
  bottom:4px;
  right:-1px;
  width: 15px;
  height:1px;
  background:#FFFFFF;
  transform: rotate(35deg);
  transition: all .3s;
}
a.c-btn:hover .arrow::before,
a.c-btn:hover .arrow::after {
  background: #0D0D0D;
}
@media screen and (max-width:767px){
  a.c-btn{
    font-size: 1.3rem;
  }
  .arrow::before{
    width: 55%;
  }
  .arrow::after{
    bottom:2px;
    right:11px;
    width: 10px;
  }

}
/*------------------------------------------

            button中央配置

-----------------------------------------*/
.c-btn_container{
  text-align: center;
}

.c-btnCenter{
  margin: 48px auto;
  text-align: center;
}
.c-btnCenter_service{
  margin: 48px auto 0;
}
@media screen and (max-width:959px){
  .c-btnCenter{
    margin: 32px auto;
  }
  .c-btnCenter_service{
    margin: 32px auto 0;
  }
}

/*----------------------------------------------


                  見出し

-----------------------------------------------*/
/* sectionのタイトル */

.c-secTit{
  margin-bottom: 64px;
}
.c-secTit_center{
  text-align: center;
}


.c-secTit__eg{
  font-size: 5.5rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 6px;
}
.c-secTit__ja{
  font-size: 2.0rem;
  line-height: 1;
  padding-left: 4px;
}

@media screen and (max-width:767px){
  .c-secTit{
    margin-bottom: 24px;
  }
  .c-secTit__eg{
    font-size: 3.5rem;
  }
  .c-secTit__ja{
    font-size: 1.6rem;
  }
}
@media screen and (max-width:600px){
  .c-secTit__eg{
    font-size: 2.2rem;
  }
  .c-secTit__ja{
    font-size: 1.3rem;
    padding-left: 0;
  }
}


/*-------------------------

   c-card__container

-------------------------*/

.c-card__container{
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  padding-bottom: 64px;
}
.c-card{
  width: calc(32% - 6px);
  margin: 3px;
  display: block;
}
.c-card:hover{
  transition: all 0.5s;
}

@media screen and (max-width: 650px) {
  .c-card__container{
    padding-bottom: 0;
  }
  .c-card{
    width: calc(50% - 12px);
    margin: 0 6px 16px;
    display: block;
  }
}