@charset "utf-8";

/* 基本レイアウト ここから↓ */
/*点線*/
.line2{
  border: none;
  padding-bottom:1%;
  border-bottom: 1px dotted #999;
  text-align: left;
  padding-left:10%;
}

.line3{ 
  padding-bottom:0;
  border-bottom: 1px dotted #999;
  text-align: left;
  padding-left:1em;
}


/*フォント*/
body{
	border: 0;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	margin: 0;
	word-break: break-all;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2em;
	
}

/*フッター*/
footer small {
  color: #000000;
  font-size: 11px;
  text-align: center;
  height:30px;
  width:100%;
}

/*会社概要ページ*/

 .border_b , .history li  { border-bottom: dotted 1px; padding: 20px 0; margin: 0 20px; display: -webkit-flex; display: flex;}
 .border_b dt , .border_b dd { display: inline-block; font-size: 12px; vertical-align: top;}
 .border_b dt  { width: 8.5em;}
 .border_b dt.space_two { letter-spacing: 1.1em; }
 .border_b dt.space_three { letter-spacing: 0.6em; }
 .border_b dd { letter-spacing: 0; -webkit-flex: 1; flex: 1; }
 .space dd { letter-spacing: 1px; font-size: 12px; }
 .under { margin-bottom: 10px!important; }
 .under h4 { padding-bottom: 20px; font-weight: normal;}
 .under h4:last-of-type {padding: 20px 0;}
 .border_b .overview_under dt { width: auto; }
 .overview_under dd { margin-bottom: 10px;width: 100%; }
 .overview_under:first-of-type dt:last-of-type { letter-spacing: -1px; }
 .overview_under:first-of-type dd:last-of-type { vertical-align: bottom; margin-bottom: 0; }
 .history { letter-spacing: 0; font-size: 12px; }
 .history p { display: inline-block; vertical-align: top;}
 .history p.year { width: 6em;}
 .history p.history_contents { -webkit-flex: 1; flex: 1; }

/*事業紹介ページ*/
.border_c , .history li  { border-bottom: dotted 1px; padding: 10px 0 10px 50px; margin: 0 20px; display: -webkit-flex; display: flex;}
 .border_c dt , .border_b dd { display: inline-block; font-size: 12px; vertical-align: top;}
 .border_c dt  { width: 50em;}
 .border_c dd { letter-spacing: 0; -webkit-flex: 1; flex: 1; }
 
 /*代表挨拶ページ*/
 .table line4 {
 text-decoration: underline double black
 }
  /*TOPへ*/
  html{
    scroll-behavior: smooth;
}
.gotop{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 85%;
    text-decoration: none;
    color: #333;
    opacity: 0.5;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10000;
}
.gotop::before{
    content: "";
    display: block;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-45deg);
}
.gotop:hover{
    opacity: 1;
}
@media(max-width:750px){
    .gotop{
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        opacity: 1;
        border: none;
        background: none;
        bottom: 10px;
        right: 10px;
    }
    .gotop::before{
        bottom: 0;
    }
}