@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/



.h3 {
  position: relative;
  color: #E94709;
}
.h3 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em 0 0;
  padding: 0 1em 0 0;
  background-color: #fff;
  text-align: left;
}
.h3::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #E94709;
  background: -webkit-linear-gradient(-45deg, transparent, #E94709 100%, #E94709 50%, transparent);
  background: linear-gradient(-45deg, #fff, #E94709 100%, #E94709 50%, #fff);
}




/* pc =============================================================================================*/
@media screen and (min-width: 801px), print {

.intro{
	font-size:16px;
	line-height:2em;
	margin-bottom:60px;
	}
	
.h3{
	font-size:22px;
	margin-bottom:20px;
	}

.logo{
	font-size:14px;
	line-height:2em;
}
	
	.logo h3{
		text-align: center;
	}
	.logo h3 span{
		padding: 0 1em;
		margin: 0;
	}
	.logo h3::before {
	  position: absolute;
	  top: 50%;
	  z-index: 1;
	  content: '';
	  display: block;
	  width: 50%;
	  height: 1px;
	  background: #E94709;
	  background: -webkit-linear-gradient(-45deg, transparent, #E94709 100%, #E94709 50%, transparent);
	  background: linear-gradient(45deg, #fff, #E94709 100%, #E94709 50%, #fff);
	}
	.logo h3::after {
	  position: absolute;
	  top: 50%;
	  z-index: 1;
	  content: '';
	  display: block;
	  width: 50%;
	  height: 1px;
		right: 0;
	  background: #E94709;
	  background: -webkit-linear-gradient(-45deg, transparent, #E94709 100%, #E94709 50%, transparent);
	  background: linear-gradient(-45deg, #fff, #E94709 100%, #E94709 50%, #fff);
	}
	.logo .flex{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.logo .img{
		width: 160px;
		height: 160px;
		margin-top: 0.4em;
		margin-right: 30px;
		flex-shrink: 0;
	}
	.logo .img img{
		width: 100%;
	}
	
	
.enkaku{
	font-size:14px;
	line-height:2em;
	}
	
.enkaku,.history,.shozaichi{
	margin-top:60px;
	}

.history table,
.shozaichi table{
	width:100%;
	}

.history table th,
.history table td,
.shozaichi table th,
.shozaichi table td{
	padding-bottom:15px;
	}

.history table th,
.shozaichi table th{
	text-align:left;
	width:250px;
	}
	
.history table td,
.shozaichi table td{
	padding-left:2em;
	}

.history table tr:not(:first-child) th,
.history table tr:not(:first-child) td,
.shozaichi table tr:not(:first-child) th,
.shozaichi table tr:not(:first-child) td{
	border-top:1px dotted #ccc;
	padding-top:15px;
	}
	
	
	
.history li:not(:first-child),
.shozaichi li:not(:first-child){
	}
	

}



/* sp =============================================================================================*/
@media only screen and (max-width: 800px) {
.intro{
	font-size:15px;
	line-height:2em;
	margin-bottom:60px;
	}
	
.h3{
	font-size:20px;
	margin-bottom:20px;
	}

.logo{
	font-size:14px;
	line-height:2em;
}
	.logo .img{
		width: 120px;
		margin: 0 auto 30px;
	}
	.logo .img img{
		width: 100%;
	}

	
.enkaku{
	font-size:14px;
	line-height:2em;
	}
	
.enkaku,.history,.shozaichi{
	margin-top:60px;
	}

.history table,
.shozaichi table{
	width:100%;
	display:block;
	}

.history table tbody,
.shozaichi table tbody,
.history table tr,
.shozaichi table tr{
	width:100%;
	display:block;
	}

.history table th,
.history table td,
.shozaichi table th,
.shozaichi table td{
	display:block;
	width:100%;
	}

.history table th,
.shozaichi table th{
	text-align:left;
	}
	
.history table td,
.shozaichi table td{
	padding-bottom:15px;
	margin-top:5px;
	}

.history table tr:not(:first-child) th,
.shozaichi table tr:not(:first-child) th{
	border-top:1px dotted #ccc;
	padding-top:15px;
	}
	
	
	
.history li:not(:first-child),
.shozaichi li:not(:first-child){
	}

	
}