@charset "utf-8";


/* 全体のコンテンツ */
.contents {
    clear: both;
    overflow: hidden;
    padding-top: 0px;    /*上に空けるボックス内の余白*/
	padding-bottom: 40px;    /*下に空けるボックス内の余白*/
	margin:0 auto;
    width:100%;
}

/*---------------------画面トップ------------------------------*/
.top_wrapper {
    position: relative;
    width:100%;
    margin-bottom: 20%;
}
.img-frame{
    position: relative;
    width: 90%;
    height: 32vh;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 25px;
 }
 .img-frame::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
 }
 .buil01{
    position: absolute;
    top:0;
    right:0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
 }
 .buil01{
    background-image: url('../images/honsya3.JPG');
	'clip-path: polygon(0% 100%, 17.5% 0%, 100% 0%, 100% 100%);
 }

 @media screen and (max-width: 767px){
    .img-frame{
       width: 100%;
       height: 250px;
    }
}

@media screen and (max-width: 468px){
    .img-frame{
       width: 100%;
       height: 150px;
       border-radius: 0;
    }
}

/* ------------------代表メッセージ-------------------- */
.wrapper {
    position:relative;
    width:90%;
    margin: 10% auto 0;
}
.box_ttl {
    text-align:left;
    margin-left: 5%;
    font-size:4vw;
    font-family: HGｺﾞｼｯｸM;
    color: #6e6e6e;
    vertical-align: top;
    line-height: 2;
    z-index:999;
}
.box_ttl2 {
    text-align:left;
    margin-left: 5%;
    font-size:1vw;
    font-family: HGｺﾞｼｯｸE;
    color: #5c5c5c;
    vertical-align: top;
    line-height: .5;
    z-index:999;
    padding-bottom: 2%;
    border-bottom: solid 2px #5c5c5c;;
}
.box_subttl {
    margin-top: 5%;
    text-align: center;
    font-size:1.5vw;
    font-weight: bold;
}

.greet {
    width:80%;
    margin: 3% auto 0;
}
.message{
    font-size:1.3vw;
    margin-bottom: 3%;
}
.name {
    text-align:right;
    font-size:1.3vw;
}

@media screen and (max-width:768px) {
  .greet {
		width:100%;
  }
	.message {
		width:90%;
		margin:auto;
    font-size:1.8vw;
	}
	.name {
		width:100%;
    text-align:right;
    font-size:1.8vw;
	}
}


/*-------------------- Profile ------------------------*/

.ta1 tr:nth-child(2n-1) 
{
  'background-color:#ddd;
}

/*2nは2行め、4行め、6行め……。*/
.ta1 tr:nth-child(2n) 
{
  'background-color:#5b696d;
}

.ta1 {
	width:80%;
  margin:2% auto;
	text-align:left;
}
.ta1 tr {
	font-size:1.3vw;
	word-break: break-all;
    vertical-align:top;
    border-bottom:1px solid #bbb;
}
.ta1 tr a {
    text-decoration:none;
    color:#000;
    word-break: break-all;
}
.ta1 tr:last-child {
    border-bottom:none;
}
.ta1 th {
    width:18%;		/*幅*/
	text-align-last: justify;       /* Chrome・Firefox用 */
    text-justify: inter-ideograph;  /* IE・Edge用 */
    padding:2% 0 2% 2%;
    letter-spacing: 5px;
    color:#000;
    font-weight:bold;
}
.ta1 td {
    padding: 2% 0 2% 5%;
}
.ta1 dd {
	padding-left:5%;	/*ボックス内の余白*/
}

@media screen and (max-width:767px) {
	.ta1 {
		width:90%;
	}
	.ta1 tr {
		font-size:1.8vw;
	}
}


/*--------------------組織図----------------*/
 .kaisozu {
    font-size: 1.8vw;
    width:50%;
    margin: 3% auto;
    padding: 50px 50px 50px 150px;
    'box-shadow:0 0 15px rgba(11, 17, 36, 0.5);
    border-radius: 25px;
    border: 5px solid #37388896;
 }
 
.daihyou {
    color:#000;
    text-align: left;
    'font-weight: bold;
}
.jomu {
    border-left:3px solid #000000;
    line-height: 20px;
    color:#ffffff;
    margin-left: 6%;
}

 .tree,
 .tree ul {
   margin-left: 6%; /* indentation */
   padding:0;
   list-style:none;
   color:#000;
   position:relative;
 }
 
 .tree ul {margin-left:.5em;} /* (indentation/2) */
 
 .tree:before,
 .tree ul:before {
   content:"";
   display:block;
   width:0;
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   border-left:3px solid;
 }
 

 .tree li {
   margin:0;
   padding:0 1.5em; /
   line-height:2em; /* default list item's `line-height` */
   position:relative;
 }
 
 .tree li:before {
   content:"";
   display:block;
   width:25px; /* same with indentation */
   height:0;
   border-top:3px solid;
   margin-top:-1px; /* border top width */
   position:absolute;
   top:1em; /* (line-height/2) */
   left:0;
 }
 
 .tree li:last-child:before {
   background:white; /* same with body background */
   height:auto;
   top:1em; /* (line-height/2) */
   bottom:0;
 }


@media screen and (max-width:767px) {
  .kaisozu {
    font-size: 2vw;
    width:80%;
    margin: 3% auto;
    padding: 40px 0px 40px 40px;
    border-radius: 25px;
     border: 1px solid #37388896;
 	}
	.tree li {
   		margin:0;
   		padding:0 0 0 2em; /
   		line-height:2em; /* default list item's `line-height` */
	}
}



/*------------------------ 沿革 -----------------------------*/
.timeline04 {
	position: relative;
  width: 80%;
	margin: 5% auto 0;
	padding-bottom: 2em;
}
.timeline04:before {
	position: absolute;
	top: 0px;
	left: 45px;
	width: 3px;
	height: 100%;
	content: '';
	background: #bbb;
}
.timeline04 .timeline_item {
	margin: 0px 0px 0px 80px;
}
.timeline04 .timeline_item .time_date .time {
	font-size: 3vw;
	font-weight: bold;
	position: relative;
	margin: 0;
	letter-spacing: 3px;
	color: rgba(255, 255, 255, 1);
  text-align: left;
  text-shadow: 0 0 3px rgb(80, 75, 73), 0 0 10px rgb(255, 139, 131);
}
.timeline04 .timeline_item .time_date .time:before {
	position: absolute;
	top: 40%;
	left: -46px;
	width: 15px;
	height: 15px;
	content: '';
	-webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  border: 5px solid #2a477c;
  background: #fff;
}
.timeline04 .timeline_item .time_date .flag {
	font-size: 2vw;
	font-weight: bold;
	margin: 0;
  padding: 0;
	color: #0b5d8d;
  text-align: left;
  text-shadow: 2px 2px 2px #ddd;
}
.timeline04 .timeline_item .desc {
	font-size: 1.3vw;
	line-height: 40px;
	margin-top: 10px;
	padding-left: 20px;
	border-left: 5px solid #294ef0;
  text-align: left;
}
@media only screen and (max-width: 1126px) {
    .timeline04 {
        width:80%;
    }
}
@media only screen and (max-width: 767px) {
  .timeline04 {
    width:90%;
  }
	.timeline04:before {
		left: 15px;
    width: 2px;
    height: 100%;
    content: '';
    background: #bbb;
  }
	.timeline04 .timeline_item .time_date .time:before {
		left: -31px;
    width: 10px;
	  height: 10px;
    content: '';
	  -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	  border: 2px solid #2a477c;
    background: #fff;
	}
	.timeline04 .timeline_item {
		margin: 0px 0px 0px 40px;
	}
  .timeline04 .timeline_item .time_date .time {
    letter-spacing: 3px;
  }
  .timeline04 .timeline_item .time_date .flag {
    font-size: 2.5vw;
    font-weight: bold;
    margin: 0;
    padding: 0;
  }
	.timeline04 .timeline_item .desc {
    font-size: 2vw;
	  line-height: 30px;
		padding-left: 10px;
		border-left: 2px solid #294ef0;
	}
}

@media screen and (max-width:767px){
  .box_ttl {
    font-size: 7vw;
  }
  .box_ttl2 {
    font-size: 1.8vw;
  }
  .box_subttl {
    font-size: 2.5vw;
  }
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
  .box_ttl {
    font-size: 1.8rem;
  }
  .box_ttl2 {
    font-size: .6rem;
  }
  .box_subttl {
    font-size: .7rem;
  }
  
  .message, .name {
    font-size: .7rem;
  }

  .ta1 {
	width:90%;
  }
  .ta1 tr {
	font-size:.7rem;
  }

  .kaisozu {
    font-size: .7rem;
    width:70%;
    margin: 3% auto;
    padding: 30px;
    border: 2px solid #37388896;
  }
  
  .jomu {
    border-left:2px solid #000000;
    line-height: 20px;
    color:#ffffff;
    margin-left: 10%;
  }

 .tree,
 .tree ul {
   margin-left: 10%; /* indentation */
   padding:0;
   list-style:none;
   color:#000;
   position:relative;
 }
 
 .tree ul {margin-left:.5em;} /* (indentation/2) */
 
 .tree:before,
 .tree ul:before {
   content:"";
   display:block;
   width:0;
   position:absolute;
   top:0;
   bottom:0;
   left:0;
   border-left:2px solid #000000;
 }
 

 .tree li {
   margin:0;
   padding:0 0 0 2em; /
   line-height:2em; /* default list item's `line-height` */
   position:relative;
 }
 
 .tree li:before {
   content:"";
   display:block;
   width:20px; /* same with indentation */
   height:0;
   border-top:2px solid;
   margin-top:-1px; /* border top width */
   position:absolute;
   top:1em; /* (line-height/2) */
   left:0;
 }
 
 .tree li:last-child:before {
   background:white; /* same with body background */
   height:auto;
   top:1em; /* (line-height/2) */
   bottom:0;
 }


  .timeline04 {
    width: 90%;
  }
  .timeline04 .timeline_item {
    margin-bottom: 5%;
  }
  .timeline04 .timeline_item .time_date .flag {
	font-size: .8rem;
  }
  .timeline04 .timeline_item .desc {
    font-size: .7rem;
	line-height: 20px;
  }
}