@charset "utf-8";

html{font-size:62.5%;/*pxだと10px;*/}

body{margin:0;
font-size:1.6rem;/*16px*/
}

.wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

div.header{  position: sticky;
  top: 0;
  z-index: 999;
background-color:#ffffff;
}

div.contents{
padding-left:10%;
padding-right:10%;
background-color:#ffffff;
font-size:1.6rem;/*16px*/
line-height:1.5em;
 clear:both;}

div.title{
padding-top:10pt;
padding-left:10pt;
clear:both;}

@media ( max-width : 480px ){
div.title{
display: flex;
justify-content:center;
}
div.title img{width:60%;
}
}




/*メニュー*/
nav.pc ul{
display: table;
margin: 0 auto;
padding: 0 ;
width: 80%;
text-align: center;
}
nav.pc li{
display: table-cell;
min-width: 50px;
}
nav.pc a{
display: block;
width: 100%;
text-decoration: none;
color: #555;
padding-bottom: 5px;
}
nav.pc li.current{
border-bottom: 3px solid #92D050;
}
nav.pc li:hover{
color: #E7DA66;
border-bottom: 3px solid #F0E475;
}

@media ( max-width : 480px ){
nav.pc{display:none;}
}


div.footer{
 width:100%;
 padding-top:10pt;
 padding-bottom:10pt;
 font-size:1.6rem;/*16px*/
 background-color:#0086D1;
 color:#ffffff;
 font-weight:bold;
 text-align:center;
 position: absolute;/*絶対位置*/
 bottom: 0; /*下に固定*/}



/*コンテンツ*/
  .image {
    width: 100%;
    background-image: url('./img/top01.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: calc((420 / 1920) * 100%);
  }

  .image-company {
    width: 100%;
    height: 0;
    background-image: url('./img/top01.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: calc((420 / 1920) * 100%);
  }




.box {
	display: flex;
	width:100%
	flex-direction: row;/**/
}


.item {
	width: 100%;
	margin:20pt;
}

/*モバイル表示*/
@media screen and (max-width: 480px){
  .box{
    flex-direction: column;/*flexアイテムを縦並びに変更*/
  }

}


/*ページ設定*/
h1{color:#0086D1;}

h1 a{color:#0086D1;
text-decoration:none;}


span.underline{
color:#999999;
background: linear-gradient(transparent 95%, #0086D1 95%);}

h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}


p{padding-left:10pt;
padding-bottom:10pt;
line-height:2;}

p.top{line-height:2;}

p.right{text-align:right;}

/*会社概要*/
dl {
  display: flex;
  justify-content: space-between;
  padding-left:10pt;
  padding-right:10%;
  padding-top:5pt;
  padding-bottom:5pt;
border-bottom:1px solid #ccc;
}

dt {
font-weight:bold;
  width: 150px;
}

dd {
  width: calc(100% - 150px);
line-height:2;
}

@media (max-width: 1000px) {
  dl {
    flex-direction: column;
  }
  dt,dd {
    width: 100%;
  }
}

/*タイムライン*/
.timeline {
  list-style: none;
padding:0;
}
.timeline > li {
  margin-bottom: 10px;
}

  .timeline-date {
  font-weight:bold;
}

  .timeline-content {
    padding-left: 35px;
  }


/* for Desktop */
@media ( min-width : 1000px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 150px;
    float: left;
    margin-top: 15px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 159px;
    top: 24px;
    border-radius: 100%;
  }
}