@charset "UTF-8";

.main {
	padding-bottom: 80px;
}

.main .idxTitleArea {
	position: relative;
	width: 100%;
	height: 360px;
	background: url(../images/person_title.jpg) center 0 no-repeat;
	background-size: cover;
	text-shadow: 0px 0px 8px #000,  0px 0px 8px #000;
}

.main .idxTitleArea .idxTitle {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 1080px;
	margin: 0 auto;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #fff;
}

.main .idxTitleArea .idxTitle span {
	display: block;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
}

.main .idxLead {
	width: auto;
	max-width: 980px;
	margin: 80px auto;
	letter-spacing: 0.05em;
}

.main .idxPersonList {
	width: auto;
	max-width: 980px;
	margin: 80px auto 0;
}

.main .idxPersonList li {
	width: calc( 50% - 20px );
	margin: 0 40px 40px 0; 
	float: left;
}

.main .idxPersonList li:nth-child(even) {
	margin-right: 0;
}

.main .idxPersonList li .idxPerson {
	position: relative;
	display: block;
	box-sizing: border-box;
}

.main .idxPersonList li .idxPerson .arw {
	display: block;
	position: absolute;
	top: 140px;
	right: 20px;
	width: 40px;
	height: 40px;
	z-index: 2;
}

.main .idxPersonList li .idxPerson .idxPersonImg {
	position: relative;
	width: 100%;
	height: 210px;
}

.main .idxPersonList li .idxPerson .idxPersonImg1 {
	background: url(../images/idx_person1.jpg) center center no-repeat;
	background-size: cover;
}

.main .idxPersonList li .idxPerson .idxPersonImg2 {
	background: url(../images/idx_person2.jpg) center center no-repeat;
	background-size: cover;
}

.main .idxPersonList li .idxPerson .idxPersonImg3 {
	background: url(../images/idx_person3.jpg) center center no-repeat;
	background-size: cover;
}

/*.main .idxPersonList li .idxPerson .idxPersonImg4 {
	background: url(../images/idx_person4.jpg) center center no-repeat;
	background-size: cover;
}*/

.main .idxPersonList li .idxPerson .idxPersonImg5 {
	background: url(../images/idx_person5.jpg) center center no-repeat;
	background-size: cover;
}

.main .idxPersonList li .idxPerson .idxPersonImg6 {
	background: url(../images/idx_person6.jpg) center center no-repeat;
	background-size: cover;
}

.main .idxPersonList li .idxPerson .idxPersonImg7 {
	background: url(../images/idx_person7.jpg) center center no-repeat;
	background-size: cover;
}

.main .idxPersonList li .idxPerson .idxPersonImg8 {
	background: url(../images/idx_person8.jpg) center center no-repeat;
	background-size: cover;
}


.main .idxPersonList li .idxPerson .idxPersonImg9 {
	background: url(../images/idx_person9.jpg) center center no-repeat;
	background-size: cover;
}

.main .idxPersonList li .idxPerson .idxPersonImg10 {
	background: url(../images/idx_person10.jpg) center center no-repeat;
	background-size: cover;
}

.main .idxPersonList li .idxPerson .idxPersonImg11 {
	background: url(../images/idx_person11.jpg) center center no-repeat;
	background-size: cover;
}

.main .idxPersonList li .idxPerson .idxPersonImg .catch1 {
	position: absolute;
	bottom: 34px;
	left: 20px;
	width: 100%;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing: 0.05em;
	color: #000;
	text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main .idxPersonList li .idxPerson .idxPersonImg .catch2 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 100%;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing: 0.05em;
	color: #000;
	text-shadow: 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main .idxPersonList li a:hover .idxPersonImg .catch1, 
.main .idxPersonList li a:hover .idxPersonImg .catch2 {
	color: #003;
}

.main .idxPersonList li .idxPerson .idxPersonDetails {
	width: 100%;
	height: 130px;
	padding: 20px 0;
	background: #f1f1f1;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main .idxPersonList li .idxPerson:hover .idxPersonDetails {
	background: #003;
}

.main .idxPersonList li .idxPerson .idxPersonDetails .job {
	font-size: 14px;
	line-height: 1.75;
	margin: 0 20px;
}

.main .idxPersonList li .idxPerson .idxPersonDetails .name {
	font-weight: bold;;
	line-height: 1.75;
	margin: 5px 0 0 20px;
}

.main .idxPersonList li .idxPerson .idxPersonDetails .profile {
	font-size: 14px;
	color: #666;
	line-height: 1.75;
	margin: 5px 0 0 20px;
}

.main .idxPersonList li .idxPerson:hover .idxPersonDetails .job, 
.main .idxPersonList li .idxPerson:hover .idxPersonDetails .name, 
.main .idxPersonList li .idxPerson:hover .idxPersonDetails .profile {
	color: #fff;
}

.main .pastArticlesTitle {
	max-width: 980px;
	margin: 40px auto;
}

.main .pastArticlesTitle a {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 10px;
	background: #39f;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main .pastArticlesTitle a:hover {
	background: #003;
}

.main .pastArticlesTitle.open a {
	background: #003;
}

.main .pastArticlesTitle a::before{
	position: absolute;
	bottom: 14px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: "";
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.main .pastArticlesTitle.open a::before{
	position: absolute;
	bottom: 12px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: "";
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



.main .pastArticles {
	margin: 0 auto;
	display: none;;
}




.main .personTitleArea {
	position: relative;
	width: 100%;
	height: 600px;
	text-shadow: 0px 0px 8px #fff,  0px 0px 8px #fff;
}

.main .personTitleAreaKatano {
	background: url(../images/kr_2015_main.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaAraki {
	background: url(../images/ah_2015_main.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaImai {
	background: url(../images/ie_2014_main.jpg) center 0 no-repeat;
	background-size: cover;
}

/*.main .personTitleAreaKonaka {
	background: url(../images/konaka_main.jpg) center 0 no-repeat;
	background-size: cover;
}*/

.main .personTitleAreaRyu {
	background: url(../images/rm_2012_main.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaYuuki {
	background: url(../images/yr_2011_main.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaIkeda {
	background: url(../images/ia_2004_main.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaYamada {
	background: url(../images/yr_2002_main.jpg) center 0 no-repeat;
	background-size: cover;
}


.main .personTitleAreaImahama {
	background: url(../images/ih_2006_main.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaKoto {
	background: url(../images/kt_2008_main.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaNakajima {
	background: url(../images/ny_2012_main.jpg) center 0 no-repeat;
	background-size: cover;
}


.main .personTitleArea .personTitle {
	position: absolute;
	bottom: 1.5em;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 1080px;
	padding: 0 20px;
	font-size: 42px;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing: 0.05em;
}

.main .profileArea {
	width: 100%;
	padding: 20px 0;
	background: #39f;
}

.main .profileArea .profileAreaInner {
	display: table;
	width: auto;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 20px;
	color: #fff;
}

.main .profileArea .profileAreaInner .leftArea, 
.main .profileArea .profileAreaInner .rightArea {
	display: table-cell;
	width: 50%;
	letter-spacing: 0.05em;
}

.main .profileArea .profileAreaInner .leftArea {
	padding-right: 20px;
}

.main .profileArea .profileAreaInner .rightArea {
	padding-left: 20px;
}

.main .profileArea .profileAreaInner .leftArea .name {
	margin: 0 0 5px 0;
	font-size: 24px;
}

.main .profileArea .profileAreaInner .leftArea .name span {
	font-size: 14px;
}

.main .profileArea .profileAreaInner .leftArea .details {
	font-size: 14px;
	line-height: 1.75;
}

.main .profileArea .profileAreaInner .rightArea {
	font-size: 14px;
	line-height: 2;
}

.main .personBodyArea {
	width: auto;
	max-width: 700px;
	margin: 0 auto;
	padding: 100px 0;
}

.main .personBodyArea .subtitle {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2;
}

.main .personBodyArea .subtitle.ls005  {
	letter-spacing: 0.05em;
}

.main .personBodyArea p + p {
	margin: 60px 0 0 0;
}

.main .personBodyArea p + .subtitle {
	margin: 100px 0 0 0;
}

.main .personBodyArea .pic {
	width: 100%;
	height: auto;
	margin: 60px 0;
}

.main .personBodyArea .pic img {
	display: block;
	width: 100%;
	height: auto;
}

.main .personBodyArea .pastArticles {
	text-align: right;
	font-size: 12px;
	color: #999;
}

.main .personBodyArea p + .pastArticles {
	margin: 0 0 0 0;
}


.main .scheduleArea {
	width: 100%;
	padding: 40px 0;
	background: #f4f5f6;
	border-bottom: 2px solid #39f;
}

.main .scheduleArea .scheduleTitle {
	width: auto;
	max-width: 700px;
	margin: 0 auto 30px;
	font-size: 24px;
	font-weight: bold;
	color: #39f;
}

.main .scheduleArea dl {
	width: auto;
	max-width: 700px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}

.main .scheduleArea dl:last-child {
	border-bottom: 1px solid #ccc;
}

.main .scheduleArea dl dt {
	width: 100px;
	padding: 8px 0;
	font-weight: bold;
	color: #959fa9;
	float: left;
}

.main .scheduleArea dl dd {
	width: 600px;
	padding: 8px 0;
	font-weight: bold;
	float: left;
}


.main .personPrev {
	display: block;
	width: auto;
	max-width: 700px;
	height: 100px;
	margin: 120px auto;
}

.main .personPrev a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	background: #39f;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main .personPrev a:hover {
	background: #003;
}

.main .personPrev p {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto 50px;
	width: auto;
	height: 48px;
	font-size: 24px;
	line-height: 1;
	letter-spacing: 0.1em;
}

.main .personPrev p span {
	display: block;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0;
}

.main .personPrev a .arw {
	position: absolute;
	top: 15px;
	left: -30px;
	width: 12px;
	height: 20px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}




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

@media screen and (max-width: 1100px) {

.main .idxTitleArea .idxTitle {
	width: auto;
	margin: 0 20px;
}

.main .personTitleArea {
	position: relative;
	width: 100%;
	height: 540px;
	text-shadow: 0px 0px 8px #fff,  0px 0px 8px #fff;
}

}



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

@media screen and (max-width: 1000px) {

.main .idxTitleArea {
	height: 260px;
}

.main .idxLead {
	margin: 40px 20px;
	font-size: 14px;
}

.main .idxPersonList {
	width: auto;
	max-width: 980px;
	margin: 40px 20px;
}

.main .idxPersonList li {
	width: calc( 50% - 10px );
	margin: 0 20px 20px 0; 
	float: left;
}

.main .idxPersonList li .idxPerson .arw {
	position: absolute;
	top: 310px;
	right: 0;
}

.main .idxPersonList li .idxPerson .idxPersonImg .catch1,
.main .idxPersonList li .idxPerson .idxPersonImg .catch2 {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: calc( 100% - 20px );
	font-size: 15px;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing: 0;
}

.main .idxPersonList li .idxPerson .idxPersonDetails {
	width: 100%;
	height: 120px;
	padding: 10px 0;
	background: #f1f1f1;
	letter-spacing: 0;
}

.main .idxPersonList li .idxPerson .idxPersonDetails .job {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 10px;
}

.main .idxPersonList li .idxPerson .idxPersonDetails .job br {
	display: none;
}

.main .idxPersonList li .idxPerson .idxPersonDetails .name {
	font-weight: bold;;
	line-height: 1.75;
	margin: 2px 10px 0;
}

.main .idxPersonList li .idxPerson .idxPersonDetails .profile {
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	margin: 2px 10px 0;
}

.main .pastArticlesTitle {
	max-width: 980px;
	margin: 40px 20px;
}




.main .personTitleArea .personTitle {
	position: absolute;
	bottom: 0.5em;
	right: 0;
	left: 0;
	width: auto;
	font-size: 32px;
	line-height: 1.75;
	letter-spacing: 0.05em;
}

.main .profileArea .profileAreaInner .leftArea .name {
	margin: 0 0 5px 0;
	font-size: 20px;
}

.main .profileArea .profileAreaInner .leftArea .name span {
	font-size: 12px;
}

.main .profileArea .profileAreaInner .leftArea .details {
	font-size: 12px;
	line-height: 1.75;
}

.main .profileArea .profileAreaInner .rightArea {
	font-size: 12px;
	line-height: 2;
}

.main .personBodyArea {
	width: auto;
	max-width: 700px;
	margin: 0 auto;
	padding: 60px 0;
	font-size: 14px;
}

.main .personBodyArea .subtitle {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2;
}

.main .personBodyArea p + p {
	margin: 40px 0 0 0;
}

.main .personBodyArea p + .subtitle {
	margin: 60px 0 0 0;
}




}


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

@media screen and (max-width: 767px) {

.main .idxTitleArea {
	height: 180px;
}

.main .idxTitleArea .idxTitle {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: auto;
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.1em;
}

.main .idxTitleArea .idxTitle span {
	display: block;
	margin: 10px 0 0 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0.05em;
}

.main .idxLead {
	margin: 40px 20px;
	line-height: 2;
}

.main .idxPersonList li .idxPerson .idxPersonImg .catch1 br,
.main .idxPersonList li .idxPerson .idxPersonImg .catch2 br {
	display: none;
}



.main .personTitleArea .personTitle {
	position: absolute;
	bottom: 0.5em;
	right: 0;
	left: 0;
	width: auto;
	font-size: 28px;
	line-height: 1.75;
	letter-spacing: 0.05em;
}

.main .personTitleArea .personTitle br {
	display: none;
}

.main .profileArea .profileAreaInner .leftArea, 
.main .profileArea .profileAreaInner .rightArea {
	display: block;
	width: 100%;
	letter-spacing: 0.05em;
}

.main .profileArea .profileAreaInner .leftArea {
	padding-right: 0;
}

.main .profileArea .profileAreaInner .rightArea {
	margin-top: 10px;
	padding-left: 0;
}

.main .personBodyArea {
	width: auto;
	margin: 0 20px;
	line-height: 2.5;
}

.main .scheduleArea {
	width: 100%;
	padding: 30px 0 40px;
	background: #f4f5f6;
	border-bottom: 2px solid #39f;
}

.main .scheduleArea .scheduleTitle {
	width: auto;
	margin: 0 20px 20px;
	font-size: 20px;
	font-weight: bold;
	color: #39f;
}

.main .scheduleArea dl {
	position: relative;
	width: auto;
	margin: 0 20px;
	font-size: 14px;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}

.main .scheduleArea dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 5em;
	padding: 8px 0;
	font-weight: bold;
	color: #959fa9;
	border-bottom: none;
	float: left;
}

.main .scheduleArea dl dd {
	position: relative;
	left: 5em;
	width: 75%;
	padding: 8px 0;
	font-weight: bold;
	border-bottom: none;
	float: left;
}




.main .personPrev {
	display: block;
	width: auto;
	height: 72px;
	margin: 80px 20px;
}

.main .personPrev p {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto 50px;
	width: auto;
	height: 36px;
	font-size: 18px;
	line-height: 1;
	letter-spacing: 0.05em;
}

.main .personPrev p span {
	display: block;
	margin: 8px 0 0 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 0;
}

.main .personPrev a .arw {
	position: absolute;
	top: 8px;
	left: -30px;
	width: 12px;
	height: 20px;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}




}

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

@media screen and (max-width: 600px) {

.main .idxPersonList li {
	width: 100%;
	margin: 0 0 20px 0; 
	float: none;
}

.main .idxPersonList li .idxPerson .arw {
	position: absolute;
	top: 248px;
	right: 0;
}

.main .idxPersonList li .idxPersonL .arw {
	position: absolute;
	top: 278px;
	right: 0;
}

.main .idxPersonList li .idxPerson .idxPersonImg {
	height: 168px;
}

.main .idxPersonList li .idxPerson .idxPersonImg .catch1,
.main .idxPersonList li .idxPerson .idxPersonImg .catch2 {
	position: absolute;
	bottom:5px;
	left: 10px;
	width: calc( 100% - 20px );
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0;
}

.main .idxPersonList li .idxPerson .idxPersonDetails {
	height: 100px;
}

.main .idxPersonList li .idxPersonL .idxPersonDetails {
	height: 130px;
}

.main .idxPersonList li .idxPerson .idxPersonDetails .job {
	font-size: 12px;
	line-height: 1.5;
	margin: 0 10px;
}



.main .personTitleAreaKatano {
	background: url(../images/kr_2015_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaAraki {
	background: url(../images/ah_2015_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaImai {
	background: url(../images/ie_2014_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}

/*.main .personTitleAreaKonaka {
	background: url(../images/konaka_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}*/

.main .personTitleAreaRyu {
	background: url(../images/rm_2012_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaYuuki {
	background: url(../images/yr_2011_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaIkeda {
	background: url(../images/ia_2004_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaYamada {
	background: url(../images/yr_2002_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}


.main .personTitleAreaImahama {
	background: url(../images/ih_2006_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaKoto {
	background: url(../images/kt_2008_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}

.main .personTitleAreaNakajima {
	background: url(../images/ny_2012_main_sp.jpg) center 0 no-repeat;
	background-size: cover;
}


}



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

@media screen and (max-width: 420px) {

}

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

@media screen and (max-width: 330px) {


.main .idxPersonList li .idxPerson .idxPersonDetails .profile br {
	display: none;
}

}