@charset "shift_jis";


/*====================================================================================
 heading
====================================================================================*/

/* heading2
============================================ */
#exWrap #diversity_inclusion .heading2{
font-size: 18px;
font-weight: bold;
padding-bottom: 15px;
border-bottom: 1px solid #0071bc;
margin-bottom: 30px;
position: relative;
}
#exWrap #diversity_inclusion .heading2:before{
content: '';
display: block;
width: 211px;
height: 3px;
background-color: #0071bc;
position: absolute;
bottom: 0;
left: 0;
}


/* heading3
============================================ */
#exWrap #diversity_inclusion .heading3{
font-size: 16px;
font-weight: bold;
color: #002d6c;
padding-bottom: 7px;
border-bottom: 2px solid #074b9b;
margin-bottom: 1em;
}


/*====================================================================================
 navigation
====================================================================================*/
#exWrap #diversity_inclusion nav{
height: 70px;
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
position: relative;
}
#exWrap #diversity_inclusion .page-navigation{
display: table;
width: 740px;
border-collapse: collapse;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
}

#exWrap #diversity_inclusion .page-navigation .item{
display: table-cell;
width: 180px;
vertical-align: middle;
box-sizing: border-box;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#exWrap #diversity_inclusion .page-navigation .nav{
display: block;
text-align: center;
padding: 8.5px 0 8.5px;
}

#exWrap #diversity_inclusion .page-navigation .nav:hover{
background-color: #e5f0f7;
border-bottom: 1px solid #ccc;
}

#exWrap #diversity_inclusion .page-navigation .nav.current{
background-color: #e5f0f7;
border-bottom: 1px solid #e5f0f7;
}



/*====================================================================================
 top
====================================================================================*/

/* main-visual
===========================================*/
.main-visual-area{
margin-bottom: 30px;
}

/* box-wrap
===========================================*/
.box-list .box{
float: left;
}

.box-heading,.box-link{
display: block;
box-sizing: border-box;
}

.border-box{
border: 3px solid #d9d9d9;
box-shadow: inset 0px 0px 0px 1px #bfbfbf;
}

.box-link{
margin: 15px 10px;
}
.box-link:hover{
opacity: .7;
}

.box-heading{
margin-bottom: 10px;
}

.box-description{
font-size: 14px;
color: #333;
line-height: 1.5;
}

/* column-3 */
.box-list.column-3 .box{
width: 240px;
}
#exWrap .box-list.column-3 .box:not(:last-child){
margin-right: 11px;
}

/* news-area
===========================================*/
.news-area{
margin-top: 30px;
}

/* heading */
#exWrap .news-heading-wrap{
position: relative;
border-bottom: 1px solid #ccc;
margin-bottom: 18px;
}

#exWrap .news-heading{
font-size: 14px;
font-weight: bold;
}

/* arrow01-list */
#exWrap #diversity_inclusion .arrow01-list{
position: absolute;
top: 0;
right: 0;
}
#exWrap #diversity_inclusion .arrow01-list li{
background-position: left center;
padding-left: 10px;
}
#exWrap #diversity_inclusion .arrow01-list li a:hover{
text-decoration: underline;
}

/* news item */
#exWrap .news-item{
margin-bottom: .5em;
}

#exWrap .news-date, #exWrap .news-txt{
display: inline;
line-height: 1.5;
}
#exWrap .news-date{
margin-right: 26px;
}

#exWrap .news-txt:hover{
text-decoration: underline;
}



/*====================================================================================
 purpose
====================================================================================*/

/* section
===========================================*/
#exWrap #diversity_inclusion .section-wrap{
margin-bottom: 70px;
}

#exWrap #diversity_inclusion .section{
margin-bottom: 40px;
}

/* top-message
===========================================*/
#exWrap #diversity_inclusion .top-message{
margin-bottom: 30px;
}
#exWrap #diversity_inclusion .top-message .message{
font-size: 18px;
font-weight: bold;
line-height: 1.66;
}
#exWrap #diversity_inclusion .top-message .name{
font-size: 14px;
line-height: 1.75;
}

/* text-wrap
===========================================*/
#exWrap #diversity_inclusion .text-wrap p{
font-size: 14px;
line-height: 1.75;
}

/* figure
===========================================*/
figure{
padding: 0;
margin: 0;
}

.figure{
margin: 30px 0;
}



/*====================================================================================
 person
====================================================================================*/

/* heading
===========================================*/
#exWrap #diversity_inclusion .person-wrap-heading{
font-size: 18px;
font-weight: bold;
background-color: #f2f2f2;
padding: .5em 0;
}

#exWrap #diversity_inclusion .person-wrap-heading .number{
font-size: 20px;
font-weight: bold;
color: #fff;
text-align: center;
background-color: #0071bc;
padding: .4em 1em;
margin-right: 1em;
}

/* person-message
===========================================*/
#exWrap #diversity_inclusion .person-message{
display: table;
margin: 30px 0;
}
#exWrap #diversity_inclusion .person-message .text-wrap,
#exWrap #diversity_inclusion .person-message figure{
display: table-cell;
vertical-align: middle;
}

#exWrap #diversity_inclusion .person-message .message{
font-size: 20px;
}
#exWrap #diversity_inclusion .person-message .name{
font-size: 18px;
text-align: right;
}

#exWrap #diversity_inclusion .person-message figure{
padding-left: 36px;
}