@charset "UTF-8";

/***************************************************

	company

***************************************************/

#page-anchor{
	width: 890px;
	margin: 0 auto 100px;
}

#page-anchor ul li{
	width: 150px;
	float: left;
	margin-right: 35px;
}

#page-anchor ul li:last-child{
	margin-right: 0;
}

#page-anchor ul li a{
	display: block;
	border: 1px solid #004EA2;
	box-sizing: border-box;
	font-size: 18px;
	color: #004EA2;
	font-weight: bold;
	line-height: 35px;
	border-left: 5px solid #004EA2;
	padding: 0 0 0 7px;
	position: relative;
}

#page-anchor ul li a:before {
	content: '';
	width: 20px;
	height: 20px;
	background: #004EA2;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
}

#page-anchor ul li a:after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -5px;
}


#page_wrapp h2{
	border-left: none;
	border-bottom: 1px solid #004EA2;
	margin: 0 0 20px;
	padding: 0;
}

#page_wrapp h2 span{
	display: inline-block;
	font-size: 23px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 9px 60px 4px 10px;
	position: relative;
	-webkit-background: linear-gradient(-135deg, rgba(0, 0, 0, 0) 1.5em, #004EA2 0%);
	background: linear-gradient(-135deg, rgba(0, 0, 0, 0) 1.5em, #004EA2 0%);
	-webkit-filter: drop-shadow(1px 0px 2px #949494);
}

#page_wrapp p {
    letter-spacing: -0.5px;
    line-height: 2.0;
}

#page_wrapp p strong{
	font-size: 18px;
	color: #004EA2;
	font-weight: bold;
	margin: 0 4px;
}

#greeting .text{
	float: left;
	width: 830px;
}

#greeting .text .name-box{
	float: right;
	display: table;
}

#greeting .text .name-box .name,
#greeting .text .name-box .post{
	display: table-cell;
	vertical-align: bottom;
}

#greeting .text .name-box .post{
	padding-right: 6px;
	font-size: 16px;
}

#greeting .image{
	float: right;
	width: 160px;
}


#history ul,
#summary ul{
	width: 830px;
	margin: 60px auto 0;
}

#history ul li,
#summary ul li{
	border-bottom: 1px solid #808080;
	display: table;
	width: 100%;
	padding: 10px 0;
	font-size: 16px;
}

#history ul li:last-child,
#summary ul li:last-child{
	border-bottom: none;
}

#history ul li .data,
#summary ul li .data,
#history ul li .item,
#summary ul li .item{
	display: table-cell;
	vertical-align: top;
}

#history ul li .item,
#summary ul li .item{
	color: #004EA2;
	font-weight: bold;
}

#summary ul li .item{
	width: 163px;
}

#history ul li .item{
	width: 235px;
}

#summary ul li .data dl dt{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#summary ul li .data dl dd{
	margin: -25px 0 3px 0;
	padding: 0 0 0 142px;
}



/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media screen and (max-width:767px){

#page-anchor{
	width: auto;
	margin: 0 auto 40px;
}

#page-anchor ul li{
	width: 48%;
	float: left;
	margin: 0 0 15px;
}

#page-anchor ul li:nth-child(even){
	float: right;
}

#page-anchor ul li a{
	font-size: 1.4rem;
	line-height: 30px;
}

#page-anchor ul li a:before {
	width: 16px;
	height: 16px;
	right: 7px;
	margin-top: -8px;
}

#page-anchor ul li a:after {
	content: '';
	width: 4px;
	height: 4px;
	right: 12px;
	margin-top: -4px;
}


#page_wrapp h2{
	margin: 0 0 15px;
}

#page_wrapp h2 span{
	font-size: 1.4rem;
	padding: 9px 39px 4px 10px;
}

#page_wrapp p {
    letter-spacing: 0px;
    line-height: 2.0;
}

#page_wrapp p strong{
	font-size: 1.8rem;
	margin: 0;
	display: block;
}

#greeting .text{
	float: none;
	width: auto;
}

#greeting .text .name-box{
	margin: 20px 0 0;
}

#greeting .text .name-box .name,
#greeting .text .name-box .post{
	display: table-cell;
	vertical-align: bottom;
}

#greeting .text .name-box .post{
	padding-right: 6px;
	font-size: 16px;
}

#greeting .text .name-box .name{
	width: 100px;
}

#greeting .image{
	float: none;
	width: 40%;
	margin: 0 auto 15px;
}


#history ul,
#summary ul{
	width: auto;
	margin: 20px auto 0;
}

#history ul li,
#summary ul li{
	display: block;
	padding: 8px 0;
	font-size: 1.4rem;
}

#history ul li .data,
#summary ul li .data,
#history ul li .item,
#summary ul li .item{
	display: block;
}

#history ul li .item,
#summary ul li .item{
	margin: 0 0 2px;
}

#summary ul li .item{
	width: auto;
}

#history ul li .item{
	width: auto;
}

#summary ul li .data dl dt{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#summary ul li .data dl dd{
	margin: -25px 0 6px 0;
	padding: 0 0 0 126px;
}



}