@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {



/*--------hed_img------------*/

#hedImg {
background: url(../images/company/hed_img.jpg) center center no-repeat;
background-size: cover;
}


/**************************
president
***************************/
.president_imgbox {
width: 100%;
margin: 0 auto 70px;
position: relative;
}
.president_img {
width: 100%;
margin: auto;
}
.president_img img {
width: 100%;
height: auto;
}
.president_tit {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding: 50px 50px;
background: #fff;
font-size: 33px;
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
line-height:1.6;
position: absolute;
bottom: -250px;
left: 30px;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, .president_tit { left: -65px;}

.president_txtbox {
width: 700px;
margin: auto 0px auto auto;
}
.president_txt {
font-size: 16px;
line-height: 2em;
}
.president_name {
font-size: 16px;
text-align: right;
font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
margin-top: 50px;
}
.president_box {
margin: 0 auto 30px;
}

.president_wrap {
	width:100%;
	margin:0 auto 70px;
	position:relative;
	padding:60px 0;
}

.president_wrap::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:#f7f5f2;
	width:75%;
	height:400px;
	z-index:-10;
}

.president_img2 { width:400px; float:right; margin:-30px 0 4% 6%;}

.president_bg_img { background:url(../images/company/greeting/bg_img01.jpg) center center no-repeat; width:100%; background-size:cover; padding:60px 0;} 


.president_box3 { width:1000px; margin:0 auto; padding:45px; background:#FFFFFF;}
.president_box3 h4{ font-size:28px; color:#cd4a38; text-align:center; margin:0 0 30px; font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}
.president_box3 h5{font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size:20px; margin:0 0 40px; text-align:center;}
.president_box3 p{ text-align:center; font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; line-height: 2.5;}


/**************************
history
***************************/
.tableWrap,
.timelineWrap {
width: 80%;
margin-left: auto;
margin-right: auto;
}

.timeline > li {
overflow: hidden;
margin: 0;
position: relative;
}

.timeline-date {
width: 150px;
float: left;
text-align: right;
padding-right: 30px;
}

.timeline-content {
width: 75%;
float: left;
border-left: 1px #000000 solid;
padding-left: 30px;
padding-bottom: 30px;
}

.timeline-content:before {
content: '';
width: 12px;
height: 12px;
background:  #ff0048;
position: absolute;
left: 175px;
top: 5px;
border-radius: 100%;
}

.timeline-content h3 {
font-weight: 500;
}

.btn01 {
max-width: 250px;
margin: 50px auto;
}
.btn01 a {
display: block;
text-align: center;
font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
border: 1px solid #333;
padding: 10px;
position: relative;
}
.btn01 a:before {
content: "";
position: absolute;
background: #333;
left: -40px;
top: 50%;
width: 80px;
height: 1px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.btn01 a:hover:before {
left: -20px
}

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {



/*--------------------*/

#hedImg {
background: url(../images/company/hed_img.jpg) center center no-repeat;
background-size: cover;
}



/**************************
president
***************************/
.president_imgbox {
width: 100%;
margin: 0 auto 50px;
position: relative;
}
.president_img {
width: 100%;
margin: auto;
}
.president_img img {
width: 100%;
height: auto;
}
.president_tit {
width: 80%;
padding: 20px 15px;
background: #fff;
font-size: 23px;
font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
margin: 0 auto;
margin-top: -30px;
position: relative;
z-index: 10;
}
.president_txtbox {
width: 98%;
margin: 0 auto;
padding: 1%;
}
.president_txt {
font-size: 16px;
line-height: 2em;
}
.president_name {
font-size: 16px;
text-align: right;
font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
margin-top: 50px;
}
.president_box {
margin: 0 auto 40px;
}

.president_wrap {
	width:100%;
	margin:0 auto 30px;
	position:relative;
	padding:30px 0;
}

.president_wrap::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:#f7f5f2;
	width:75%;
	height:1000px;
	z-index:-10;
}

.president_img2 { width:80%; margin:0 auto 30px;}

.president_bg_img { background:url(../images/company/greeting/bg_img01.jpg) center center no-repeat; width:100%; background-size:cover; padding:30px 0;} 


.president_box3 { width:84%; margin:0 auto; padding:5%; background:#FFFFFF;}
.president_box3 h4{ font-size:20px; color:#cd4a38; text-align:center; margin:0 0 20px; font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}
.president_box3 h5{font-family:"游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif; font-size:16px; margin:0 0 20px; text-align:center;}
.president_box3 p{ text-align:left;}


/**************************
history
***************************/
/*---overview---------*/
.tableWrap,
.timelineWrap {
width: 100%;
margin-left: auto;
margin-right: auto;
}

.timeline {
list-style: none;
}

.timeline > li {
}       

.timeline li {
border-left: 3px solid #000000;
padding-left: 20px;
padding-bottom: 20px;
}

.timeline li {
position: relative;
}

.timeline-date {
font-weight: bold;
}

.timeline-date::before {
content: '';
width: 12px;
height: 12px;
background:  #ff0048;
position: absolute;
left: -7px;
top: 5px;
border-radius: 100%;
}

.timeline-content h3 {
font-weight: 500;
}

.btn01 {
max-width: 250px;
margin: 30px auto;
}
.btn01 a {
display: block;
text-align: center;
font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
border: 1px solid #333;
padding: 10px;
position: relative;
}
.btn01 a:before {
content: "";
position: absolute;
background: #333;
left: -40px;
top: 50%;
width: 80px;
height: 1px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.btn01 a:hover:before {
left: -20px
}

}