@charset "utf-8";

/* pageTitle ////////////////////////////////////////////////////////// */

#pageTitle {
background		: url(../img/company/pageTitle_bg.jpg) center no-repeat;
background-size	: cover;
}


/* pageLink */
.pageLink {
overflow		: hidden;
margin			: -10px 0 0;
}

.pageLink li {
width			: 49%;
float			: left;
margin-top		: 10px;
}

.pageLink li:nth-child(even) {
float			: right;
}

.pageLink li a {
display			: block;
color			: #004983;
line-height		: 60px;
font-weight		: bold;
text-align		: center;
text-decoration	: none;
background		: #D3DEEB;
border-radius	: 5px;
position		: relative;
}

.pageLink li a:hover {
color			: #fff;
background		: #004983;
}

.pageLink li a::after {
content			: '';
display			: block;
width			: 10px;
aspect-ratio	: 1;
clip-path		: polygon(0 100%,100% 0,100% 100%);
background		: #004983;
position		: absolute;
bottom			: 5px;
right			: 5px;
}




/* contents_top /////////////////////////////////////////////////////// */

#contents_top dt {
color			: #004983;
font-size		: 20px;
font-weight		: bold;
line-height		: 1.3;
text-align		: center;
margin-bottom	: 25px;
}

#contents_top dd {
margin-bottom	: 25px;
}




/* message //////////////////////////////////////////////////////////// */

/* mes_prof */
#mes_prof {
text-align		: center;
margin-bottom	: 25px;
}

#mes_prof span {
display			: block;
margin-bottom	: 25px;
}

#mes_prof span img {
width			: 200px;
height			: auto;
}

#mes_prof p {
font-size		: 15px;
line-height		: 1.5;
}


/* mes_text */
#mes_text {
}

#mes_text p:first-of-type {
margin-bottom	: 25px;
}




/* valueway /////////////////////////////////////////////////////////// */

#valueway p {
text-align		: center;
margin-bottom	: 25px;
}

#valueway p img {
width			: 300px;
height			: auto;
}


#valueway dl {
}

#valueway dt {
color			: #004983;
font-size		: 18px;
font-weight		: bold;
line-height		: 1.5;
text-align		: center;
}

#valueway dt span {
display			: block;
}


#valueway dd {
margin-top		: 25px;
}





/* outline //////////////////////////////////////////////////////////// */

#outline dl {
margin-bottom	: 0;
}




/* executives ///////////////////////////////////////////////////////// */

#executives ul {
overflow		: hidden;
margin-top		: -25px;
display			: flex;
flex-wrap		: wrap;
}

#executives li {
width			: 50%;
font-size		: 15px;
line-height		: 1.5;
text-align		: center;
margin-top		: 25px;
}

#executives li:nth-child(even) {
}


#executives li span {
display			: block;
}

#executives li img {
width			: 160px;
height			: auto;
}


#executives li p {
font-size		: 18px;
font-weight		: bold;
line-height		: 1;
margin			: 15px 0;
}




/* history //////////////////////////////////////////////////////////// */

#history li {
position		: relative;
padding			: 0 0 50px;
}

#history li:last-child {
padding-bottom	: 0;
}


#history li::before {
content			: '';
display			: block;
width			: 3px;
height			: 100%;
background-image: linear-gradient(to bottom, #004983 3px, transparent 3px);
background-size	: 3px 12px;
background-repeat: repeat-y; 
background-position: left bottom;
position		: absolute;
top				: 0;
left			: 22px;
}

#history li:last-child::before {
display			: none;
}


#history li strong,
#history li p span {
color			: #004983;
}


#history li strong {
display			: inline-block;
font-size		: 22px;
font-family		: "Share Tech Mono", monospace;
font-optical-sizing: auto;
font-weight		: 500;
line-height		: 1;
position		: absolute;
top				: 0;
left			: 0;
background		: #fff;
}


#history li p {
font-size		: 15px;
line-height		: 1.5;
padding-left	: 70px;
margin-left		: 70px;
position		: relative;
margin-bottom	: 15px;
}

#history li p:last-of-type {
margin-bottom	: 0;
}


#history li p span {
position		: absolute;
top				: 0;
left			: 0;
}




/* baseList /////////////////////////////////////////////////////////// */

#baseList h4 {
color			: #004983;
font-size		: 20px;
font-weight		: bold;
line-height		: 1;
padding-bottom	: 20px;
border-bottom	: 1px solid #004983;
}


/* baseArea */
#baseArea {
margin-bottom	: 50px;
}


/* base_box */
.base_box {
margin-bottom	: 50px;
}

.base_box:last-of-type {
margin-bottom	: 0;
}


.base_box ul {
overflow		: hidden;
margin-bottom	: 20px;
}

.base_box ul li {
margin-top		: 20px;
}


.base_box ul dl {
font-size		: 15px;
line-height		: 1.5;
padding			: 10px;
border			: 1px solid #ccc;
box-sizing		: border-box;
position		: relative;
}


.base_box ul dt {
color			: #004983;
font-size		: 17px;
font-weight		: bold;
}


.base_box ul dd {
margin-top		: 6px;
}


.base_add span {
display			: inline-block;
position		: absolute;
top				: 10px;
right			: 5px;
}

.base_add span a {
color			: #004983;
}

.president {
  text-align: right;
}

.base_tel {
  font-family: "Noto Sans JP", sans-serif;
}