@charset 'UTF-8';

/*----------
CEO、CFO 紹介ページ
----------*/

/*----------
CEOメイン
----------*/
.ceo-main{
	display: block;
	position: relative;
	width: 100%;
	height: 460px;
	background-image: url("../../images/ceo/ceo_main.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.w1000_top{
	display: block;
	position: relative;
	width: 1000px;
	height: 450px;
	margin: 0 auto;
}
	
.ceo-main h2{
	display: block;
	position: absolute;
	font-size: 34px;
	letter-spacing: 0.02em;
	top:110px;
	left: 40px;
	line-height: 1.2em;
	font-weight: 700;
	color: #24AA64;
}

.ceo-main .copy{
	display: block;
	position: absolute;
	font-size: 16px;
	letter-spacing: 0.03em;
	top:176px;
	left: 40px;
	line-height: 1.67em;
	font-weight: 600;
	color: #202020;
}

.ceo-main .yaku{
	display: block;
	position: absolute;
	font-size: 17px;
	letter-spacing: 0.12em;
	top:330px;
	left: 40px;
	line-height: 1.64em;
	color: #202020;
	font-weight: 600;
}
.ceo-main .yaku span{
	letter-spacing: 0.05em!important;
	font-size: 14px!important;
	font-weight: 400!important;
}

/*----------
CFOメイン
----------*/
.cfo-main{
	display: block;
	position: relative;
	width: 100%;
	height: 460px;
	background-image: url("../../images/ceo/cfo_main.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
	
.cfo-main h2{
	display: block;
	position: absolute;
	font-size: 34px;
	letter-spacing: 0.02em;
	top:110px;
	left: 40px;
	line-height: 1.2em;
	font-weight: 700;
	color: #24AA64;
}

.cfo-main .copy{
	display: block;
	position: absolute;
	font-size: 16px;
	letter-spacing: 0.03em;
	top:176px;
	left: 40px;
	line-height: 1.67em;
	font-weight: 600;
	color: #202020;
}

.cfo-main .yaku{
	display: block;
	position: absolute;
	font-size: 17px;
	letter-spacing: 0.12em;
	top:310px;
	left: 40px;
	line-height: 1.64em;
	color: #202020;
	font-weight: 600;
}
.cfo-main .yaku span{
	letter-spacing: 0.05em!important;
	font-size: 14px!important;
	font-weight: 400!important;
}


.mawari_l_img {
  float: left;
  margin: 8px 25px 15px 0;
  width: 45%;
}
.mawari_l_img img {
  max-width: 100%;
}

.mawari_r_img {
  float: right;
  margin: 8px 0 15px 25px;
  width: 30%;
}
.mawari_r_img img {
  max-width: 100%;
}

.p_spc{
	padding: 18px 0 18px 0;
}
.gray_ceo{
	display: block;
	width: 100%;
	height: 632px;
	padding: 70px 0 25px 0;
	background-color:#F7F7F7;
	margin: 50px 0 0 0;
}
.list_ceo{
	display: block;
	clear: both;
	margin: 0 0 0 0;
}
.list_ceo_block01{
	display: block;
	position: relative;
	width: 45%;
	float: left;
}
.list_ceo_block01 .csr_title{
	padding: 0 0 21px 0;
}

.list_ceo_block02{
	display: block;
	position: relative;
	width: 45%;
	float: right;
}
.list_img{
	display: block;
	clear: both!important;
}
.list_txt{
	display: block;
	clear: both!important;
	line-height: 2.2em;
	margin: 20px 0 0px 0;
	text-align: center!important;
}
.list_txt span{
	display: block;
	clear: both!important;
	line-height: 2.2em;
	margin: 15px 0 0 0;
	text-align: center!important;
}
.list_ceo_block01 .csr_title{
	letter-spacing: 0.1em;
	font-weight: 600;
}
.list_ceo_block02 .csr_title{
	letter-spacing: 0.1em;
	font-weight: 600;
}
.list_ceo_block01 .maru01{
	position: absolute;
	display: block;
	width: 60px;
	height: auto;
	top:-12px;
	left: 410px;
	z-index: 999;
}
.list_ceo_block02 .maru02{
	position: absolute;
	display: block;
	width: 60px;
	height: auto;
	top:250px;
	left: -20px;
	z-index: 999;
}

@media screen and (max-width: 768px){
.ceo-main{
	display: block;
	position: relative;
	width: 100%;
	height: 320px;
	background-image: url("../../images/ceo/ceo_main_sp.jpg");
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}

.w1000_top{
	display: block;
	position: relative;
	width: 100%;
	height: 320px;
	margin: 0 auto;
}
	
.ceo-main h2{
	display: block;
	position: absolute;
	font-size: 24px;
	letter-spacing: 0.04em;
	top:48px;
	left: 20px;
	line-height: 1.2em;
	font-weight: 700;
	color: #24AA64;
	 text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}

.ceo-main .copy{
	display: block;
	position: absolute;
	font-size: 13px;
	letter-spacing: 0em;
	top:100px;
	left: 20px;
	line-height: 1.4em;
	font-weight: 500;
	color: #131313;
	text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}
.ceo-main .yaku{
	display: block;
	position: absolute;
	font-size: 14px;
	letter-spacing: 0.02em!important;
	top:255px;
	left: 20px;
	line-height: 1.34em;
	font-weight: 500;
	color: #202020;
	text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}
.ceo-main .yaku span{
	letter-spacing: 0.05em!important;
	font-size: 12px!important;
}
	
.cfo-main{
	display: block;
	position: relative;
	width: 100%;
	height: 320px;
	background-image: url("../../images/ceo/cfo_main_sp.jpg");
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}

.cfo-main h2{
	display: block;
	position: absolute;
	font-size: 24px;
	letter-spacing: 0.04em;
	top:52px;
	left: 20px;
	line-height: 1.2em;
	font-weight: 700;
	color: #24AA64;
	text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}

.cfo-main .copy{
	display: block;
	position: absolute;
	font-size: 14px;
	letter-spacing: 0em;
	top:105px;
	left: 20px;
	line-height: 1.46em;
	font-weight: 500;
	color: #131313;
	text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}
.cfo-main .yaku{
	display: block;
	position: absolute;
	font-size: 14px;
	letter-spacing: 0.02em!important;
	top:220px;
	left: 20px;
	line-height: 1.3em;
	font-weight: 500;
	color: #202020;
	text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    -1px -1px 0 #fff,
    1px -1px 0 #fff;
}
.cfo-main .yaku span{
	letter-spacing: 0.05em!important;
	font-size: 12px!important;
}
	
	
.gray_ceo{
	display: block;
	width: 100%;
	height: auto;
	padding: 70px 0 25px 0;
	background-color:#F7F7F7;
	margin: 50px 0 0 0;
}
	
.list_ceo{
	display: block;
	clear: both;
	margin: 0 auto 40px auto;
	width: 100%;
	height: auto;
	
}
.list_ceo_block01{
	display: block;
	position: relative;
	width: 100%;
	clear: both;
	margin: 0 auto 40px auto;
}
.list_ceo_block01 .csr_title{
	padding: 0 0 10px 0;
}
.list_ceo_block02{
	display: block;
	position: relative;
	width: 100%;
	clear: both;
	margin: 0 auto 0px auto;
}
.list_img{
	display: block;
	clear: both!important;
}
.list_txt{
	display: block;
	clear: both!important;
	line-height: 2.2em;
	margin: 20px 0 0px 0;
	text-align: center!important;
}
.list_txt span{
	display: block;
	clear: both!important;
	line-height: 2.2em;
	margin: 15px 0 0 0;
	text-align: center!important;
}
.list_ceo_block01 .csr_title{
	letter-spacing: 0.1em;
	font-weight: 600;
}
.list_ceo_block02 .csr_title{
	letter-spacing: 0.1em;
	font-weight: 600;
}
.list_ceo_block01 .maru01{
	position: absolute;
	display: block;
	width: 30px;
	height: auto;
	top:-12px;
	left: 320px;
	z-index: 999;
}
.list_ceo_block02 .maru02{
	position: absolute;
	display: block;
	width: 30px;
	height: auto;
	top:160px;
	left: 0px;
	z-index: 999;
}
	
}


/*----------
ceo一覧：pdf：ボタン
----------*/
.l_pdf-btn{
    display: block;
	clear: both;
	padding: 15px 0 0 0;
	margin: auto;
}
.l_pdf-btn .each{
    position: relative;
    display: block;
    align-items: center;
    padding: 13px 20px 13px 30px;
    width: 42%;
    border: 1px solid #ddd;
    margin:25px auto!important;
    transition: color .5s;
	letter-spacing: 0.04em;
	background-color: #fff;
}
.l_pdf-btn .each:nth-child(3n){
    margin-right: 0;
}
.l_pdf-btn .each:nth-child(n+4){
    margin-top: 35px;
}
.l_pdf-btn .each:before{
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 2px;
    height: calc(100% + 2px);
    background: #00b681;
    transition: width .3s;
}
.l_pdf-btn .each:after{
    content: "";
    position: absolute;
    right: 20px;
    top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background: url(../../images/common/pdf.png) no-repeat center center;
    background-size: contain;
    z-index: 2;
}
.l_pdf-btn .each p{
    position: relative;
    z-index: 2;
    line-height: 1.5;
}
.l_pdf-btn .each:hover,
.l_pdf-btn .each.current{
    color: #fff;
}
.l_pdf-btn .each:hover:before,
.l_pdf-btn .each.current:before{
    width: calc(100% + 2px);
}
.l_pdf-btn .each:hover:after,
.l_pdf-btn .each.current:after{
    background: url(../../images/common/pdf.png) no-repeat center center;
    background-size: contain;
}

@media screen and (max-width: 768px){
.l_pdf-btn{
	display: block;
	clear: both;
	height: auto;
	position: relative;
    margin-top: 0px;
}
.l_pdf-btn .each{
    padding: 16px 20px 10px 15px;
    width: 100%;
	height: 54px;
    margin-right: calc(10 / 650 * 100%);
}
.l_pdf-btn .each:nth-child(3n){
    margin-right: calc(10 / 650 * 100%);
}
.l_pdf-btn .each:nth-child(even){
    /* margin-right: calc(10 / 650 * 100%); */
    margin-right: 0;
}
.l_pdf-btn .each:nth-child(n+3){
    /* margin-top: 13px; */
    margin-top: calc(10 / 650 * 100%);
}
.l_pdf-btn .each:after{
    right: 10px;
    top: calc(50% - 4px);
    width: 9px;
    height: 9px;
}
.l_pdf-btn .each p{
    font-size: 14px;
}

}