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



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

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

}

.about_box{
  width:1024px;
  height:530px;
  display:inline-block;
  padding:40px;
  position: relative;
}




/* -- contents -- */


.about_fot{
 top:300px;
 
 position:absolute;
 border: solid 1px #eda067;
 padding:9px;
}

.about_data1{
 top:100px;
 left:380px;
 position:absolute;
}

.about_data2{
 top:100px;
 left:470px;
 position:absolute;
}
.about_data3{
  margin:0;
  top:170px;
  left:40px;
  position:absolute;
  border: solid 1px #fff;
  background:#a00004;
  padding-left:28px;
  padding-right:28px;
  padding-top:3px;
  padding-bottom:3px;
}





/* -- img -- */


.about_img{
 top:30px;
 position:absolute;
 }




/*  -- font -- */

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

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

.about_contents1{
  font-size:22px;
  font-weight:400;
  font-family: 'Playfair Display', serif;
  background-color:#eda067;
  color:#b70004;
  letter-spacing:2px;
  padding:10px 20px;
  }
  
.about_contents2{
  margin-top:10px;
  line-height:1.6;
  font-size:11px;
  font-weight:500;
  font-family: 'Noto Serif JP', serif;
  color:#eda067;
  }

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

  }

.about_contents4{
  font-size:12px;
  letter-spacing:1.5px;
  line-height:2.5;
  font-weight:400;
  font-family: 'Noto Sans JP', sans-serif;
  color:#fff;
  }
  
.about_contents5{
  padding: 1px 54px;
  letter-spacing:3px;
  font-size:14px;
  font-weight:400;
  font-family: 'Playfair Display', serif;
  color:#fff;
  border: solid 1px #e9b0b1;
  position:absolute;
  top:425px;
  left:415px;
  }
.about_contents5:hover{
opacity:0.7;
}

.about_contents6{
  font-weight:600;
  font-family: 'Noto Serif JP', serif;
  color:#fff;
  letter-spacing:4px;
  font-size:14px;
}


/* ---------------------------------------- */
/* -------------- ohter ------------------- */




.other_top{
 margin-top:85px;
 width:100%;
}

.other_hr{
 width:100%;
 height:0px;
 background-color:#000;
 margin:5px 0px;
}

.other_box1{
  width:1024px;
  height:510px;
  display:inline-block;
  position: relative;
}

.other_box2{
  width:1024px;
  height:670px;
  display:inline-block;
  position: relative;
}
.other_box3{
  width:1024px;
  height:800px;
  display:inline-block;
  position: relative;
}



/* -- name position -- */

/* - 1 - */
.other1_name1{
  position:absolute; 
  top:323px;
  left:132px;
  font-size:41px;
}
.other1_name2{
  position:absolute; 
  top:50px;
  left:435px;
  width:450px;
}

/* - 2 - */

.other2_name1{
  position:absolute; 
  top:273px;
  left:10px;
  font-size:26px;
}
.other2_name2{
  position:absolute; 
  top:170px;
  left:240px;
  width:210px;
}
.other2_profile{
  position:absolute; 
  top:340px;
  left:25px;
}


/* - 3 - */

.other3_name1{
  position:absolute; 
  top:273px;
  left:559px;
  font-size:26px;
}
.other3_name2{
  position:absolute; 
  top:170px;
  right:25px;
  width:210px;
}
.other3_profile{
  position:absolute; 
  top:340px;
  left:574px;
}




/* other font */

.about_a:hover{
opacity:0.7 ;
}


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

.about_other2{  
  font-family: 'Noto Serif JP', serif;

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

  letter-spacing:0.5px;
  line-height:2.1;
  font-weight:400;
  color:#000;
   text-align: justify;
   text-justify: inter-ideograph;
   font-size:10px;
  
  }
  
  .about_other4{
  font-family: 'Noto Sans JP', sans-serif;

  letter-spacing:0px;
  line-height:1.8;
  font-weight:400;
  color:#000;
   text-align: justify;
   text-justify: inter-ideograph;
   font-size:10px;
  
  }
  
   .about_other5{

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

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

    background: #fff;
    border: solid 1px #b70004;
    border-radius: 10px;
    border-radius: 10px;
    position:absolute;
    padding-left:45px;
    padding-right:45px;
    padding-bottom:2px;
    padding-top:1px;

}
.about_other5:hover{
opacity:0.7;
}


  /*  other img  */

.other_img1{
 top:50px;
 left:150px;
 width:250px;
 position:absolute;
 }

.other_img2{
 top:55px;
 left:25px;
 width:190px;
 position:absolute;
 }

.other_img3{
 top:55px;
 left:574px;
 width:190px;
 position:absolute;
 }
 
 .other_img4{
  border:solid 1px #333;
  padding:5px;
  width:125px;
 }






