@charset "UTF-8";

/*===================================
　SPここから
===================================*/
@media (max-width: 798px ){

/*--- memder css上部 ---*/
/*  member_ceo
===================================*/
.member_ceo{
	width: 100%;
    height: 700px;
    position: relative;
    background: #241513;
    color: #fff;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: left 0px bottom;
    background-size: auto 430px;
}
.member_ceo .memberName{
	position: absolute;
	top: 110px;
	display: inline-block;
	top: 35px;
	left: 35px;
	padding-right: 20px;
}
.member_ceo .memberName.en{
    bottom: 35px;
    top: auto;
    width: 170px;
}
.member_ceo .memberName .name_e{
    font-size: 25px;
    line-height: 1.1;
    letter-spacing: 3px;
}
.member_ceo .memberName .position_e{
	margin-top: 10px;
	font-size: 22px;
}
.member_ceo .memberName .nameJa{
    margin-top: 0px;
    font-size: 24px;
}
.member_ceo .memberName .nameJa>.name{
    font-size: 23px;
    letter-spacing: 3px;
    display: inline-block;;
}
.member_ceo .memberName .nameJa>.position{
    font-size: 12px;
    display: inline-block;
    margin-left: 6px;
    padding: 1px 12px;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;;;;;
}
.member_ceo .memberName .txt p{
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.9;;;;
}
.oneContent .member_ceo .txtLinkArrow{text-align: left;margin-top: 37px;font-size: 13px;}
.oneContent .member_ceo .txtLinkArrow>a{color: #fff;background: url(../img/okawa_arrow_wh.png) right center no-repeat;background-size: 75px auto;}
/*  memberPickupList
===================================*/
.memberPickupList{
    margin-top: 60px;
    overflow: hidden;
    max-width: 350px;
    margin: auto;
}
.memberPickupList>li{
	display: block;
    width: 100%;
    max-width: 350px;
    padding-bottom: 10px;
    border-bottom: dotted 2px #000;
    float: left;
    margin-bottom: 40px;
}
/*.memberPickupList>li:nth-child(3n+1){
    margin-left: 0;
}*/
.memberPickupList .img{
	height: 0;
	padding-top: 85%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.memberPickupList .img .memberName{
    bottom: 10px;
    left: 20px;
}
.memberPickupList .img .pickupLabel{
    position: absolute;
    width: 260px;
    line-height: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    left: 0;
    top: 0;
    vertical-align: middle;
    font-size: 14px;
    transform: rotate(-45deg) translate(-80px,-50px);
}

.memberRegularList{
    overflow: hidden;
}
.memberRegularList>li{
	display: inline-block;
	width: 49%;
	padding-bottom: 15px;
	border-bottom: dotted 2px #000;
	float: left;
	margin-right: 2%;
	margin-bottom: 40px;
}
.memberRegularList>li:nth-child(2n){margin-right: 0;}
.memberRegularList>li:nth-last-child(2),.memberRegularList>li:last-child{margin-bottom: 0;}
.memberRegularList .img{
	height: 0;
	padding-top: 88%;
	width: 100%;
	position: relative;
}
.memberRegularList .img .memberName{bottom: 10px;left: 10px;}
.memberRegularList .memberName .name{font-size: 13px;}
.memberRegularList .memberName .position{font-size: 13px;}
/* nameJa
-------------------------------*/
.nameJa{margin-top: 15px;}
.nameJa>.name{
    font-size: 16px;
    letter-spacing: 3px;
    display: inline-block;;
    margin-bottom: 5px;
}
.memberRegularList .nameJa>.name{display: block;}
.nameJa>.position{
    font-size: 11px;
    margin-left: 0px;
    padding: 0px 0.4em;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    letter-spacing: 0px;
    display: inline-block;
}
/*  underMemberList
===================================*/
.underMemberList{
    margin-top: 50px;
    overflow: hidden;;
}
.underMemberList>li{
/*    display: inline-block;
    width: 24%;
    padding-bottom: 24px;
    border-bottom: dotted 2px #000;
    margin: 0 1.3% 80px 0;
    float: left;*/
    display: inline-block;
    width: 49%;
    padding-bottom: 15px;
    border-bottom: dotted 2px #000;
    float: left;
    margin-right: 2%;
    margin-bottom: 40px;
}
.underMemberList>li:nth-child(2n){margin-right: 0;}
.underMemberList>li:nth-last-child(1),.underMemberList>li:nth-last-child(2){margin-bottom: 0;}
.underMemberList .img{
	height: 0;
	padding-top: 88%;
	width: 100%;
	position: relative;
}
.underMemberList .img>.memberName{
	bottom: 10px;
	left: 10px;
}
.underMemberList .memberName>.name {font-size: 13px;}
.underMemberList .memberName>.position {font-size: 13px;}
/*--- //memder css上部 ---*/

/*--- //memder下部 ---*/
/*  base
===================================*/

.page_detail_tit .leftTitInner1 {
/*    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-top: 8px;
    text-align: center;
    padding: 5px 13px;
    margin-right: 5px;
    line-height: 17px;
    color: #000000;*/
    display: none;
}
.page_detail_tit .leftTitInner2 {
/*    font-size: 10px;
    font-weight: bold;
    color: #000000;*/
    display: none;
}
.memberCenterTit {
	width: 97%;
	height: 100%;
	text-align: center;
	padding: 20px 0 20px;
	margin: auto;
}
.page_detail_tit .centerTit .mbdTit1 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 31px;
    letter-spacing: 12px;
    font-weight: bold;
}
.page_detail_tit .centerTit .mbdTit2 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 15px;
    line-height: 51px;
    letter-spacing: 1px;
    font-weight: bold;
}
.page_detail_tit .rightTitInner {
/*    display: inline-block;
    font-size: 19px;
    letter-spacing: 0px;
    font-weight: bold;
    margin-top: 35px;
    padding: 5px 13px;
    margin-right: 5px;
    color: #000000;*/
    display: none;
}
.spPosition{
	border-bottom: dotted 2px #000;
	padding-bottom: 10px;
	width: 90%;
	margin: 0 auto 30px;
	text-align: center;
	max-width: 350px;
}
.spPosition>.leftTxt{
	display: block;
	margin-bottom: 5px;
	font-size: 17px;
	letter-spacing: 1px;
}
.spPosition>.rightTxt{
	font-size: 13px;
}

.memberlistPage {

}
.member_mainImage {
/*    width: 110%;
    height: 550px;
    margin: 0 -56px;
    margin-bottom: 130px;
    background-color: #00aaaa;*/
    width: 100%;
    height: 250px;
    margin: auto;
    margin-bottom: 50px;
    background-color: #00aaaa;
}
/*  catchTxt catchDetailRight
===================================*/
.catchTxt.catchDetailRight{
	width: 90%;
	margin: 0 auto 50px;
	text-align: center;
}
.catchTxt.catchDetailRight>.catchEn,.catchTxt.catchDetailRight>.catchEn p{
	font-size: 17px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.catchTxt.catchDetailRight>.catchJa,.catchTxt.catchDetailRight>.catchJa p{
	font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0px;
}
.catchTxt.catchDetailRight .colors .color,.catchTxt.catchDetailRight .colors .colorBorder{ width: 10px; height: 10px; border-radius: 5px; content: " "; display: inline-block; margin-left: 15px; margin-right: 4px;}
/*.catchTxt.catchDetailRight .colors .colorBorder{ width: 10px; height: 10px; border-radius: 5px; border: 1px solid #ffffff; content: " "; display: inline-block; margin-left: 30px; margin-right: 4px;}*/
/*.content .contentTit {
    text-align: left;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 26px 0;
    font-size: 20px;
    margin-bottom: 32px;
    letter-spacing: 1px;
    font-weight: bold;
}

.content .contentBody {
    text-align: left;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 10px;
    font-weight: bold;
    margin-bottom: 83px;
}*/

/*.content .subImage {
	width: 100%;
	height: 0;
	padding-top: 60%;
	background-position: center center;
	margin-bottom: 83px;
	background-color: #000000;
}*/

/*.content .contentBody p {
    line-height: 40px;
}*/

.back {
    font-size: 12px;
    font-weight: bold;
}
.back::after {
    content: url("../img/okawa_arrow_bl.png");
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
/*--- //memder下部 ---*/


}