/*====================================================================================*/
/* Common
/*====================================================================================*/

@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


/* ===========================================
* MAIN
* ======================================== */
#wpadminbar{
	display:none;
}
#colophon{
	display:none;
}
.sbi_header_img_hover{
	display:none;
}
#sbi_load{
	display:none;
}
/*====================================================================================*/
/* PC 
/*====================================================================================*/
html,body {
    text-align:center;
}
/*__ Common   ____________________________*/
.PageWrapper{
	padding-left:270px;
	padding-right:45px;
	padding-top:80px;
}

.PageWrapper > .title{
	font-size: 400%;
	margin-bottom: 30px;
}
.PageWrapper > .contentsWrapper{
	margin-bottom: 80px;
	text-align: left;
}
.PageWrapper > .contentsWrapper > .title{
    font-size: 180%;
	width: 200px;
/*	display: inline-block;
	position: sticky;
	top: 80px;*/
	 
    margin-bottom: 50px;
	vertical-align: top;
	border-bottom:solid 1px black;
    margin-right: 10px;
}
.PageWrapper > .contentsWrapper > .caption{
    position: relative;
    width: calc(100%);
	display: inline-block;
/*    min-height: 100vh;	*/
}
.PageWrapper > .contentsWrapper > .caption > .text{
	font-size:200%;
    margin-bottom: 15px;
/*	
	position: absolute;
    writing-mode: vertical-rl;
    text-orientation: upright;*/
}

.PageWrapper > .contentsWrapper > .caption > .parts1{
	top: 0;
    left: 20%;
}
.PageWrapper > .contentsWrapper > .caption > .parts2{
	top: 50px;
    left: 50%;
}
.PageWrapper > .contentsWrapper > .caption > .parts3{
	top: 100px;
    left: 80%;
}

.PageWrapper > .contentsWrapper > .caption > .subscript{
	padding-top: 50px;
	font-size:150%;
}
.PageWrapper > .contentsWrapper > .contents{
	/*	width: calc(100% - 400px);*/ */
    padding: 0 30px;
    text-align: center;
	display: inline-block;
}
.PageWrapper > .contentsWrapper > .contents > .image{
	margin-bottom: 20px;
    position: relative;

}
.PageWrapper > .contentsWrapper > .contents > .image img{
}
.PageWrapper > .contentsWrapper > .contents > .member{
	text-align: left;
	display:inline-block;
	width: 100%;
}
.PageWrapper > .contentsWrapper > .contents > .image > #standard{
}
.PageWrapper > .contentsWrapper > .contents > .image > #hoverPict{
	position:absolute;
	opacity:0;
	top:0;
	left:0;
		
	/* animation */	
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.PageWrapper > .contentsWrapper > .contents > .image > #hoverPict:hover{
	opacity:1;
	width:100vw;
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts{
	display:inline-block;
	vertical-align:top;
    margin: 0 10px;
	width: calc(50% - 40px);
	padding: 0px 55px;
    margin-bottom: 50px;
	
}
.mem1{
	
}
.mem2{
	
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption{
	text-align: left;
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption > .article{
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption > .pName{
	font-size:130%;
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption > .history{
	border-top: solid 1px #888888;
	padding-top: 10px;
	margin-top: 12px;
}

.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption > .history > .birth{
    margin-bottom: 10px;
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption > .history > .parts{
	margin-bottom: 5px;
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption > .history > .parts > .year{
	display: inline-block;
	width: 65px;
	vertical-align: top;
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption > .history > .parts > .year > .until{
	padding-left:8px;
}
.PageWrapper > .contentsWrapper > .contents > .member > .parts > .caption > .history > .parts > .article{
    display: inline-block;
    width: calc(100% - 75px););
}
#concept{
    padding-right: 220px;
}
#company > .contents{
	width:100%;
	text-align:left;
}
#company > .contents > .parts{
}
#company > .contents > .parts > .title{
}
#company > .contents > .parts > .data{
}

/*====================================================================================*/
/* スマフォ　横表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:portrait){
	.PageWrapper{
		padding-left:30px;
		padding-right:30px;
	}
	#concept {
		padding-right: 0px;
	}
	.PageWrapper > .contentsWrapper > .caption{
		width: 100%;
	}
	.PageWrapper > .contentsWrapper > .caption > .text {
		font-size: 180%;
		margin-bottom: 16px;
	}
	.PageWrapper > .contentsWrapper > .caption > .text:before{
		/*  content: " ";*/
        width: 15px;
        height: 1px;
        background-color: black;
        display: inline-block;
        transform: translate(-24px, -10px);
        margin-right: -27px;
	}
	.PageWrapper > .contentsWrapper > .contents > .member > .parts{
	
		width: calc(100%);
		padding: 0px;
		margin: 0px;
        margin-bottom: 40px;
	}
	.PageWrapper > .contentsWrapper > .caption > .subscript{
		padding-top: 50px;
		font-size:130%;
	}
	.PageWrapper > .contentsWrapper > .caption > .subscript p{
		margin-bottom:5px;
	}
}