/* -------------- top mov --------------------- */

		.top_mov_m{
			height: 100vh;

		}


  

  
  /* ---------- top contents in mov ------- */
  
  .top_logo_m{
	 top: 25px;
  left: 25px;
  position: absolute;
  z-index: 999;
}
  
.top_back_m{
background: #b70004;
width:100%;
top:0px;
left:0px;
color:#000;
position: absolute;
}
  
  
  
  
  
.top_contents_left2_m{
			font-weight:400;
   font-family: 'Playfair Display', serif;
   color:#eda067;
   letter-spacing:1px;
   font-size:11px;
   z-index: 2;
		}

  .top_contents_left3_m{
   margin-top:-13px;
   width:120px;
			font-weight:400;
   font-family: 'Playfair Display', serif;
   background-color:#9a0004;
   padding:5px;
   line-height:1;
   font-size:15px;
   color:#eda067;
   border: 1px solid;
   border-color: #eda067;
   letter-spacing:1.6px;
   z-index: 2;

		}

  
.top_contents_center1_m{
			top: 49%;
			font-weight: 400;
			left: 50%;
			position: absolute;
			transform: translateX(-50%);
   font-family: 'Playfair Display', serif;
   font-size:6vh;
   color:#b70004;
		}

.top_contents_center2_m{
			top: 54%;
			font-weight: 400;
			left: 50%;
			position: absolute;
			transform: translateX(-50%);
   font-family: 'Playfair Display', serif;
   font-size:10vh;
   color:#b70004;
		}

.top_contents_center3_m{
   width:100%;
			top: 67.5%;
			font-weight:100;
			left: 50%;
			position: absolute;
			transform: translateX(-50%);
   font-family: 'Noto Sans JP', sans-serif;
   font-size:1.7vh;
   color:#666666;
   letter-spacing:1px;
		}









/* ----------------------- nav  --------------------------- */



.site-header{
    background: #be413d;
    display: flex;
    top:110px;
    position: absolute;
    justify-content: space-between;
    width: 100%;
    height:130px;
    z-index:999;

}
.site-header.fixed_m{
    position: fixed;
    top: 0;
}


.nab_box_m{
}
.nav_m{
padding-top:13px;
padding-bottom:7px;
width:23vw;
display:inline-block;
font-weight:100;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:1.5px;
font-size:12px;
z-index:999;
color:#fff;
vertical-align: middle;

}





/* --------------------------- concept --------------------------- */


/*  -- 1 -- */

.concept1_box_m{
 width:100%;
}



.concept_hr_m{
 width:230px;
 height:0px;
 background-color:#b70004;
 margin: auto; 
 
}





.concept_title1_m{
   font-weight:400;
   font-family: 'Playfair Display', serif;
   color:#b70004;
   letter-spacing:6px;
   line-height:0.7;
   font-size:25px;
		}

.concept_title2_m{
			font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#b70004;
   letter-spacing:6px;
   padding-top:7px;
   font-size:14px;
		}




.concept1_contents1_m{

   font-weight:600;
   font-family: 'Cormorant Garamond', serif;
   color:#231815;
   letter-spacing:2px;
   line-height:1.5;
   font-size:26px;

}

.concept1_contents2_m{
   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#231815;
   letter-spacing:0px;
   line-height:0;
   font-size:23px;
}

.concept1_contents3_m{
   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#231815;
   letter-spacing:0px;
   font-size:13px;
   line-height:2;
}




/* -- 2 -- */



.concept2_box_m{
width:100%;
background:#fff57f;
}
.concept2_contents1_m{
   font-weight:600;
   font-family: 'Cormorant Garamond', serif;
   color:#231815;
   letter-spacing:6px;
   font-size:30px;
   line-height:1.8;
}

.concept2_contents2_m{
   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#231815;
   letter-spacing:6px;
   font-size:28px;
   line-height:0.9;
}

.concept2_contents3_m{
   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#231815;
   letter-spacing:0.5px;
   font-size:18px;
   line-height:1.7;
}
.concept2_contents4_m{
   margin-top:-20px;
   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#231815;
   letter-spacing:1px;
   font-size:12px;
   line-height:2;
   text-align: justify;
   text-justify: inter-ideograph;
}

.concept2_hr_m{
 width:90%;
 height:3px;
 background-color:#fff;
 margin: auto;
 
 border: none
}





/* -- 3 -- */



.concept3_box_m{
 width:100%;
 background-color:#fae5ee;
}



.concept3_fukidashi_m{
 background:#e9bfd3;
 display:block;
 }

.concept3_contents0_m{			
   font-weight:500;
   font-family: 'Noto Serif JP', serif;   font-size:40px;color:#fae5ee
		}

.concept3_contents1_m{
   font-weight:600;
   font-family: 'Cormorant Garamond', serif;
   color:#231815;
   letter-spacing:6px;
   font-size:30px;
   line-height:1.8;
}

.concept3_contents2_m{
   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#231815;
   letter-spacing:6px;
   font-size:28px;
   line-height:0.9;
}

.concept3_contents3_m{
   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#231815;
   letter-spacing:0px;
   font-size:16px;
   line-height:1.7;
   margin-top:0px;
   margin-bottom:20px;
}

.concept3_contents4_m{
   margin-top:-20px;
   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#231815;
   letter-spacing:1px;
   font-size:12px;
   line-height:2;
   text-align: justify;
   text-justify: inter-ideograph;
}

.concept3_contents6_m{
   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#ea6b80;
   letter-spacing:1.6px;
   font-size:16px;
   line-height:2;
   padding-bottom: 5px;;
   border-bottom:dotted;
   border-color:#fff;
   border-width:3px;
}

.concept3_hr_m{
 width:90%;
 height:3px;
 background-color:#fff;
 margin: auto; 
 
 border: none
}






/* -------------- work menu ------------------- */


.work_menu_box_m{
 width:100%;

}

.works_menu_inbox_m{
padding-top:9px;
padding-bottom:1px;
height:48px;
 display:block;
 width:80vw;
 background:#83000c;
 position: relative;
}

.works_menu_inbox_m:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -40vw;
  border: 40vw solid transparent;
  border-top: 12px solid #83000c;
}


.works_menu_inbox2_m{
padding:20px 10px;
 display:block;
 width:80vw;
 background:#b70012;
}

.works_menu_inboxS_m{
  margin-left:10px;
 }



.work_menu_hr_m{
 width:230px;
 height:0px;
 background-color:#b70004;
 margin: auto; 
 
}





/* -- font -- */

.work_menu_title1_m{
   font-weight:400;
   font-family: 'Playfair Display', serif;
   color:#b70004;
   letter-spacing:6px;
   line-height:0.7;
   font-size:25px;
		}

.work_menu_title2_m{
			font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#b70004;
   letter-spacing:6px;
   padding-top:7px;
   font-size:14px;

		}

.work_menu_contents1_m{
   font-weight:700;
   font-family: 'Playfair Display', serif;
   color:#fff;
   letter-spacing:2.2px;
   font-size:26px;
}

.work_menu_contents2_m{
   font-weight:500;
   font-family: 'Noto Sans JP', sans-serif;
   color:#fff;
   letter-spacing:0.3px;
   line-height:1.8;
   font-size:14px;
}

.work_menu_contents3_m{
padding:10px;
margin-bottom:-5px;

   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#fff;
   letter-spacing:1px;
   line-height:1.7;
   font-size:12px;
   text-align: justify;
   text-justify: inter-ideograph;
}



.work_menu_contents4_m{
  position: relative;
  display: inline-block;
  color: #fff;
  background: #fff;
	
padding-top:6px;
padding-bottom:6px;
padding-left:8px;
padding-right:8px;

margin-top:10px;
margin-bottom:12px;
margin-left:20px;
margin-right:18px;

   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#b70012;
   letter-spacing:1px;
   line-height:1.7;
   font-size:12px;
   text-align: justify;

  z-index:997;
  border: 2px solid;
  border-color: #b70004;
  background:#fff;
}

.work_menu_contents4_m:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 10%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-bottom: 15px solid #fff;
}

.work_menu_contents4_m p {
  margin: 0;
  padding: 0;
}







/* ----------------------------------- work flow ------------------------------- */

.work_flow_m_box{

background:#fff57f;

}

.work_flow_hr_m{
 width:230px;
 height:0px;
 background-color:#b70004;
 margin: auto; 
 
}



/* --- box -- */

.flow_comment_box1_m{
 width:90%;
padding:1px 8px;
margin-top:15px;
margin-bottom:25px;
  display:inline-block;
  z-index:997;
  border-radius: 8px; 
  border: 2px solid;
  border-color: #b70004;
  background:#fff;
}



/* -- font -- */


.work_flow_title1_m{
   
   font-weight:400;
   font-family: 'Playfair Display', serif;
   color:#b70004;
   letter-spacing:6px;
   line-height:0.7;
   font-size:25px;
		}

.work_flow_title2_m{
			font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#b70004;
   letter-spacing:6px;
   padding-top:7px;
   font-size:14px;
		}
  
  .work_flow_contents1_m{
   margin-top:15px;
   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#231815;
   letter-spacing:-1px;
   line-height:1.7;
   font-size:19px;
}

  
.work_flow_contents2_m{
   margin-top:10px;
   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#231815;
   letter-spacing:-0.3px;
   line-height:1.8;
   font-size:12px;
   text-align: justify;
   text-justify: inter-ideograph;
   display:inline-block;
}


.work_flow_contents3_m{
   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#b70004;
   letter-spacing:0px;
   line-height:1.9;
   font-size:11px;
   text-align: justify;
   text-justify: inter-ideograph;
   display:inline-block;
}




/* ----------------------------------- works ------------------------------- */


.works_top_box_m{
width:100%;

}

.works_top_box2_m{
 width:100%;
 height:100px;
 background-color:#f6921e;
 }

.works_hr_m{
 width:200px;
 height:0px;
 background-color:#fff;
 margin: auto; 
 
}


.sampe1_m img{
width: 100%;
  }

.sample1_m {
 padding:3%;
 width:49%;
 display:inline-block;

}






/* -- font -- */


.works_title1_m{
			font-weight:400;
   font-family: 'Playfair Display', serif;
   color:#fff;
   letter-spacing:6px;
   line-height:0.7;
   font-size:25px;
		}

.works_title2_m{
			font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#fff;
   letter-spacing:6px;
   padding-top:7px;
   font-size:14px;
		}
  



.works_contents1_m{

   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#b70004;
   font-size:12px;
}

.works_contents2_m{
	margin-top:10px;
   }
   
.works_contentsAdd1_m{

   font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#b70004;
   font-size:12px;
}

.works_contentsAdd2_m{
	margin-bottom:10px;
   }



/* -- works other page -- */

#works_page_m{
 display:none;
 z-index:9999;
 }
 .works_contentsAdd_box_m{
 display:block;
 width:100%;

}



/* ----------------------------------- about ------------------------------- */

.about_top_m{
 margin-top:100px;
 width:100%;
 background-color:#b70004;
 display:block;
}

.about_hr_m{
 width:230px;
 height:0px;
 background-color:#fff;
 margin: auto; 
 
}

.about_box_m{
  margin-left:4%;
  width:16%;
  display:inline-block;
  vertical-align:top;
}
.about_box2_m{
  width:75%;
  display:inline-block;vertical-align:top;}




/*  -- font -- */

.about_title1_m{
			font-weight:400;
   font-family: 'Playfair Display', serif;
   color:#fff;
   letter-spacing:6px;
   line-height:0.7;
   font-size:25px;
		}

.about_title2_m{
			font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#fff;
   letter-spacing:6px;
   padding-top:7px;
   font-size:14px;
		}
  

.about_contents1_m{
display:inline-block;
width:200px;
  font-size:22px;
  font-weight:400;
  font-family: 'Playfair Display', serif;
  background-color:#eda067;
  color:#b70004;
  letter-spacing:2px;
  padding: 2px 0;
  }
  
.about_contents2_m{
  margin-top:10px;
  line-height:1.6;
  font-size:12px;
  font-weight:500;
  font-family: 'Noto Serif JP', serif;
  color:#eda067;
  }

.about_contents3_m{
  top:30px;
  left:400px;
  font-size:16px;
  letter-spacing:2.5px;
  font-weight:400;
  font-family: 'Playfair Display', serif;
  color:#fff;

  }

.about_contents4_m{
  font-size:12px;
  letter-spacing:0.5px;
  line-height:2.5;
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
  color:#fff;
  }
  
.about_contents5_m{
margin-top:30px;
width:200px;
  letter-spacing:3px;
  font-size:13px;
  font-weight:400;
  font-family: 'Playfair Display', serif;
  color:#fff;
  border: solid 1px #e9b0b1;  

  }

.about_contents5_m:hover{
opacity:0.7;
}



/* ----------------------------- voice ----------------------------------- */


.voice_top_m{

}
.voice_hr_m{
 width:85%;
 height:1px;

 background-color:#b70004;
 margin: auto; 
 
}

.voice_hr2_m{
margin-top:18px;
margin-bottom:18px;
border:none;
border-top:dashed 1px #aaa;
height:1px;
color:#fff;
width:100%;
}

/* -- font -- */

.voice_title1_m{
   padding-top:45px;
			font-weight:400;
   font-family: 'Playfair Display', serif;
   color:#b70004;
   letter-spacing:5px;
   line-height:0.7;
   font-size:25px;
		}

.voice_title2_m{
			font-weight:600;
   font-family: 'Noto Serif JP', serif;
   color:#b70004;
   letter-spacing:6px;
   padding-top:7px;
   font-size:14px;
		}



.voice_contents1_m{

   font-weight:700;
   font-family: 'Noto Sans JP', sans-serif;
   color:#000;
   font-size:12px;
}


.voice_contents2_y_m{
   margin-top:4px;
   margin-bottom:10px;
   font-weight:700;
   font-family: 'Noto Sans JP', sans-serif;
   color:#ffcb4b;
   font-size:15px;
   }
   
.voice_contents2_b_m{
   margin-top:4px;
   margin-bottom:10px;
   font-weight:700;
   font-family: 'Noto Sans JP', sans-serif;
   color:#88cfd2;
   font-size:15px;
   }
   

.voice_contents3_m{
   font-weight:400;
   font-family: 'Noto Sans JP', sans-serif;
   color:#000;
   font-size:12px;
   text-align: justify;
   text-justify: inter-ideograph;

   letter-spacing:0px;
   line-height:1.8;
   }
/* --------------------------- about other  ------------------------------ */


.other_top_m{
 margin-top:85px;
 width:100%;
}
.other_top2_m{
 margin-top:70px;
 width:100%;
}


.other_box1_m{
  width:90%;
  height:340px;
  display:inline-block;
  position:relative;
  }

.other_box2_m{
  width:90%;
  display:inline-block;
  }


.other_box3_m{
  margin-top:30px;
  width:165px;
 
  display:block;
  position:relative;
  }

  .other_box4_m{
  margin-left:190px;
  margin-top:30px;
  display:inline-block;  }

.other_hr_m{
 width:100%;
 height:1px;
 background-color:#999;
 margin:5px 0px;
}



/* -- about other img -- */

.other_img1_m{
position: absolute;
top: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
 width:200px;
}

.other_img2_m{
position: absolute;
top: 0px;
left: 15px;
 width:150px;
}

 .other_img4_m{
  border:solid 1px #333;
  padding:5px;
  width:49%;
 }





/*-- about other font -- */


.about_other1_m{
  font-family: 'Playfair Display', serif;
  letter-spacing:2.5px;
  line-height:1;
  font-weight:400;
  color:#b70004;
}

.about_other2_m{
  font-family: 'Noto Serif JP', serif;
  letter-spacing:2.5px;
  line-height:1;
  font-weight:600;
  color:#000;

  }
  
   .about_other3_m{
  font-family: 'Noto Sans JP', sans-serif;

  letter-spacing:0.2px;
  line-height:1.4;
  font-weight:400;
  color:#000;
   text-align: justify;
   text-justify: inter-ideograph;
   font-size:12px;
  }
  
.about_other4_m{
  margin-top:5px;
  padding:4px 0px;
  border-radius:7px;
  width:100px;
  font-family: 'Playfair Display', serif;
  letter-spacing:1px;
  line-height:1;
  font-weight:400;
  color:#555;
  background:#eee;
  font-size:12px;
  display:inline-block;
}

.about_other5_m{
margin-top:24px;

  font-family: 'Noto Serif JP', serif;
  letter-spacing:2.5px;
  line-height:1.6;
  font-size:13px;
  font-weight:500;
  color:#b70004;
  }
  
    
   .about_other6_m{

   font-family: 'Noto Sans JP', sans-serif;

   letter-spacing:0px;
   font-weight:400;
   color:#b70004;
   font-size:11px;

    background: #fff;
    border: solid 1px #b70004;
    border-radius: 10px;
    border-radius: 10px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:1px;
    padding-top:1px;

}

  
  /* -- name position -- */

/* - 1 - */
.other1_name1_m{
  position:absolute; 
  top:234px;
  left:70px;
  font-size:31px;
}
.other2_name1_m{
  position:absolute; 
  top:155px;
  left:0px;
  font-size:27px;
}


/* -- view box --*/

#view_profile1_box{
 display:none;
 z-index:9999;
 }

 #view_profile2_box{
 display:none;
 z-index:9999;
 }

 #view_profile3_box{
 display:none;
 z-index:9999;
 }

 #view_profile4_box{
 display:none;
 z-index:9999;
 }

 #view_profile5_box{
 display:none;
 z-index:9999;
 }


 
.fadeInUp_proflie1_m {
  display:inline-block;

  opacity : 0;
  transform : translate(0, 20px);
  transition :  1s;
}
.fadeInUp_proflie1_m.in{
  opacity : 1;
  transform : translate(0, 0);
}



.fadeInUp_proflie2_m {
  display:inline-block;

  opacity : 0;
  transform : translate(0, 20px);
  transition :  1s;
}
.fadeInUp_proflie2_m.in{
  opacity : 1;
  transform : translate(0, 0);
}


.fadeInUp_proflie3_m {
  display:inline-block;

  opacity : 0;
  transform : translate(0, 20px);
  transition :  1s;
}
.fadeInUp_proflie3_m.in{
  opacity : 1;
  transform : translate(0, 0);
}


.fadeInUp_proflie4_m {
  display:inline-block;

  opacity : 0;
  transform : translate(0, 20px);
  transition :  1s;
}
.fadeInUp_proflie4_m.in{
  opacity : 1;
  transform : translate(0, 0);
}


.fadeInUp_proflie5_m {
  display:inline-block;

  opacity : 0;
  transform : translate(0, 20px);
  transition :  1s;
}
.fadeInUp_proflie5_m.in{
  opacity : 1;
  transform : translate(0, 0);
}


/* ---------------------------- footer ------------------------- */

		.footer_m{
			font-weight:400;
			background: #b70004;
			color: #fff;
   letter-spacing:1px;
			padding-top: 6px;
   padding-bottom: 10px;
			text-align: center;
   font-family: 'Noto Sans JP', sans-serif;
   font-size:8px;
		}
  
  
  
  

/* ------------- loading ---------------- */



#wrap_top_m{
opacity:0;
}


/* -- animation --*/

#load_box_m{

  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity:0;
  transition :  1s;
}

#load_box_m.in{
opacity:1;
}


#load_m {
  position:absolute;
  width:100px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}