@charset "utf-8";


/*
ミドリ：#006836;
アカ：#e43731;
*/
/*写真たくさん--------------------------------------*/
.mainWrapper{
	display:flex;
	flex-wrap:wrap;
	width:90%;
	margin:10px auto 0;
}
.mainWrapper .innerBox{
	width:calc(20% - 8px);
	min-width:208px;
	height:21vw;
	min-height:256px;
	margin:0 10px 10px 0;
	_background-color:#000;
	overflow:hidden;
}
.mainWrapper .innerBox:nth-child(5n){
	margin-right:0;
}
.mainWrapper .innerBox .pBox{
	position:relative;
	width:100%;
	height:21vw;
	min-height:256px;
	background-size:cover;
	background-position:center center;
	overflow:hidden;
	transition: all 0ms 0s ease;
	background-color:#000;
}
.mainWrapper a.innerBox:hover .pBox{
	_transform: rotateY(1turn);
	transition: all 400ms 0s ease;
	_opacity:0.7;
}
.mainWrapper a.innerBox .layerBlock{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0);
	transition: all 400ms 0s ease;
}
.mainWrapper a.innerBox:hover .layerBlock{
	background:rgba(255,255,255,0.4);
}
.slider{
	width:calc(20% - 8px);
	min-width:208px;
	margin:0 10px 10px 0;
}
/*
.mainWrapper a.innerBox:hover .pBox{
	transform: rotateY(1turn);
	transition: all 1500ms 0s ease;
}*/
/**/
.mainWrapper .innerBox .txtBlock{
	position:absolute;
	width:120%;
	padding:0px 0 14%;
	bottom:-10%;
	left:-10%;
	background:rgba(0,0,0,0.6);
	transform: rotate(-7deg) translate3d(0, 0, 0);
}
.mainWrapper .innerBox .txtBox{
	width:calc(19vw - 8px);
	min-width:225px;
	margin:0 0 0 1vw;
	padding:0px 15px 3px 10px;
	text-align:right;
	color:#fff;
	z-index:1;
	transform: rotate(7deg) translate3d(0, 0, 0);
}
.mainWrapper .innerBox .txtBox .titile{
	padding:0 0 10px 0;
}
.mainWrapper .innerBox .txtBox .titile span:nth-child(1){
	_font-size:28px;
	font-size:1.9vw;
	display:inline-block;
	font-family: 'Lato', sans-serif;
	line-height:1.2em;
	border-bottom:solid 2px #fff;
}
.mainWrapper .innerBox .txtBox .titile span:nth-child(2){
	_font-size:23px;
	font-size:1.1vw;
	display:block;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.1em;
	line-height:1.1em;
}
.mainWrapper .innerBox .txtBox .catch{
	_font-size:16px;
	font-size:1.05vw;
	font-weight:bold;
	letter-spacing:0.1em;
}
.mainWrapper .innerBox .txtBox .name{
	padding-left:6px;
	_font-size:12px;
	font-size:0.7vw;
	line-height:1.4em;
}
.mainWrapper .innerBox .txtBox .name span{
	padding-left:6px;
	font-size:1.2vw;
	font-weight:bold;
}

/*100Members-----------------------------------*/
.chuWrapper{
	_display:flex;
}
.profWrapper{

}
.memberBox{
	display:block;
	width:100%;
	position:relative;
	margin-top:20px;
	padding:50px 0;
	background:#e6e6e6;
	transition: all 600ms 0s ease;
}
.memberBox:hover{
	background:#000;
}
.memberBox .inner .ooMidashi p{
	transition: all 600ms 0s ease;
}
.memberBox:hover .inner .ooMidashi p{
	color:#fff;
}
.memberBox .inner .ooMidashi p:after{
	transition: all 600ms 0s ease;
}
.memberBox:hover .inner .ooMidashi p:after{
	background:#fff;
}
.memberBox .inner{
	width:270px;
	margin:0 auto;
}
.memberBox .koroBtn{
	margin:40px 0 0 0;
}
.memberBox .koroBtn:after{
	top:-20px;
}
.memberBox .txtBox{
	position:absolute;
	width:270px;
	top:50px;
	left:calc(50% + 260px);
	color:#fff;
	text-align:left;
}

/*100人会について-----------------------------------*/
.gaiyoWrapper{
	margin:0 auto;
	padding:50px 10px;
	width:46%;
	text-align:center;
}
.gaiyoWrapper p:nth-of-type(1){
	margin:0px 0 0 0;
	font-size:22px;
	font-weight:bold;
}
.gaiyoWrapper p:nth-of-type(2){
	margin:20px 0 0 0;
	font-size:30px;
	line-height:1.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/**/
.gaiyoWrapper .inner span{
	display:inline-block;
	margin:30px auto 10px;
	font-size:16px;
	font-weight:bold;
}
.gaiyoWrapper .inner .koroBtn{
	margin:0 auto;
}
/*.interviewBox-----------------------------------*/
/*.interviewBox{
	position:relative;
	width:27%;
	padding:130px 0 56px;
	background:#e6e6e6;
	transition: all 600ms 0s ease;
}
.interviewBox:hover{
	background:#000;
}
.interviewBox .inner .ooMidashi p{
	transition: all 600ms 0s ease;
}
.interviewBox:hover .inner .ooMidashi p{
	color:#fff;
}
.interviewBox .inner .ooMidashi p:after{
	transition: all 600ms 0s ease;
}
.interviewBox:hover .inner .ooMidashi p:after{
	background:#fff;
}
.interviewBox .inner{
	width:270px;
	margin:0 auto;
}
.interviewBox .koroBtn{
	margin:40px 0 0 0;
}
.interviewBox .koroBtn:after{
	top:-20px;
}
.interviewBox .txtBox{
	position:absolute;
	width:270px;
	top:50px;
	left:calc(50% + 260px);
	color:#fff;
	text-align:left;
}*/
/**/
.ooMidashi p:nth-child(1) {
	color: #000;
}
.ooMidashi p:nth-child(2) {
	color: #000;
}
.ooMidashi p:nth-child(1)::after {
	background: #000;
}

/*.report-----------------------------------*/
.reportWrapper{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	width:100%;
	_height:400px;
	margin:10px 0 0 0;
	background:url(../images/share/report_back.jpg) repeat-x;
}
.reportWrapper .reportBox{
	_position:absolute;
	_top:70px;
	_left:calc(50% - 590px);
	width:580px;
	margin:70px 10px 0 0;
	padding:36px 50px 40px;
	text-align:left;
	background:#fbfff2;
	border:solid 1px #afafaf;
	z-index:0;
}
.reportWrapper .ooMidashi{
	position:relative;
}
.reportWrapper .ooMidashi p{
	color:#000;
}
.reportWrapper .ooMidashi p:nth-child(1){
	font-size:28px;
}
.reportWrapper .ooMidashi p:nth-child(2){
	font-size:16px;
	font-weight:normal;
	letter-spacing:0.1em;
}
.reportWrapper .ooMidashi p::after{
	background:#000;
}
.reportWrapper .ooMidashi .koroBtn{
	position:absolute;
	top:0;
	right:0;
	width:auto;
	padding:8px 40px;
	font-size:13px;
}
/**/
.reportWrapper .newsBox{
	_position:absolute;
	_top:200px;
	_left:calc(50% + 10px);
	width:580px;
	margin:200px 0 0 10px;
	padding:36px 50px 40px;
	text-align:left;
	background:#f3fdfc;
	border:solid 1px #afafaf;
	z-index:0;
}
.reportWrapper .pora{
	position:absolute;
	top:-40px;
	left:calc(50% - 40px);
	z-index:0;
}
/**/
.reportWrapper dl{
	margin:30px 0 0 0;
}
.reportWrapper dl dt{
	padding:0;
	color:#69390e;
	font-weight:bold;
	font-size:16px;
	line-height:1.6em;
}
.reportWrapper dl dd{
	line-height:1.3em;
	margin:0;
	padding:0 0 8px 0;
}
.reportWrapper dl dd a{
	color:#000;
	transition: all 400ms 0s ease;
}
.reportWrapper dl dd a:link,
.reportWrapper dl dd a:visited{
	color:#000;
}
.reportWrapper dl dd a:hover{
	color:#c00;
}

















/*responsive---------------------------------------------------------------------------------------*/
.ip5{
	display:none;
}
.img100per{
	width:100%;
	height: auto;
}
.img-sp100per{
}
.img-max100per{
	display: block;
	max-width: 100%;
	height: auto;
}
/*############################################*/
/*  */
/*############################################*/
.sp{
	display:none;
}
@media only screen and (max-width: 1200px) {
	.mainWrapper .innerBox .txtBox .titile span:nth-child(1){
		font-size:23px;
	}
	.mainWrapper .innerBox .txtBox .titile span:nth-child(2){
		font-size:13px;
	}
	.mainWrapper .innerBox .txtBox .catch{
		font-size:13px;
	}
	.mainWrapper .innerBox .txtBox .name{
		font-size:9.5px;
	}
	.mainWrapper .innerBox .txtBox .name span{
		font-size:14px;
	}
}
@media (max-width: 992px) {

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

	/*写真たくさん--------------------------------------*/
	.mainWrapper{
		width:100%;
		margin-top:10px;
		justify-content:space-between;
	}
	.mainWrapper .innerBox{
		width:calc(50% - 5px);
		min-width:0;
		height:60vw;
		min-height:0;
		margin:0 0px 10px 0;
	}
	.mainWrapper .innerBox:nth-child(5n){
		margin-right:0px;
	}
	.mainWrapper .innerBox:nth-child(2n){
		margin-right:0;
	}
	.mainWrapper .innerBox .pBox{
		height:60vw;
		min-height:0;
	}
	.mainWrapper a.innerBox:hover .pBox{
		transform: none;
	}
	/**/
	.mainWrapper .innerBox .txtBlock{
		width:120%;
	}
	.mainWrapper .innerBox .txtBox{
		width:calc(50vw - 5px);
		min-width:0;
		margin:0 0 0 5vw;
		padding:0px 10px 6px 10px;
	}
	.mainWrapper .innerBox .txtBox .titile{
		padding:0 0 6px 0;
	}
	.mainWrapper .innerBox .txtBox .titile span:nth-child(1){
	}
	.mainWrapper .innerBox .txtBox .titile span:nth-child(2){
	}
	.mainWrapper .innerBox .txtBox .catch{
		display:none;
	}
	.mainWrapper .innerBox .txtBox .name{
	}
	.mainWrapper .innerBox .txtBox .name span{
		display:block;
		padding:0;
		font-size:15px;
	}
	/*スマホ文字サイズ-追加*/
	.mainWrapper .innerBox .txtBox .titile span:nth-child(1){
		font-size:22px;
	}
	.mainWrapper .innerBox .txtBox .titile span:nth-child(2){
		font-size:13px;
	}
	/*.mainWrapper .innerBox .txtBox .catch{
		font-size:13px;
	}
	.mainWrapper .innerBox .txtBox .name{
		font-size:11px;
	}*/
	/**/
	.mainWrapper .innerBox:nth-child(1){
		order:1;
	}
	.mainWrapper .innerBox:nth-child(2){
		order:2;
	}
	.mainWrapper .innerBox:nth-child(3){
		order:4;
	}
	.mainWrapper .innerBox:nth-child(4){
		order:3;
	}
	.mainWrapper .innerBox:nth-child(5){
		order:5;
	}
	.mainWrapper .innerBox:nth-child(6){
		order:6;
	}
	.mainWrapper .innerBox:nth-child(7){
		order:8;
	}
	.mainWrapper .innerBox:nth-child(8){
		order:7;
	}
	.mainWrapper .innerBox:nth-child(9){
		order:9;
	}
	.mainWrapper .innerBox:nth-child(10){
		order:10;
	}
	.slick-track::before, .slick-track::after{
		display:none;
	}
	/*
	.mainWrapper .innerBox:nth-child(4),
	.mainWrapper .innerBox:nth-child(7),
	.mainWrapper .innerBox:nth-child(8),
	.mainWrapper .innerBox:nth-child(9){
		display:none;
	}*/
	/*100Members-----------------------------------*/
	.chuWrapper{
		display:flex;
		flex-wrap:wrap;
	}
	.memberBox{
		width:100%;
		padding:40px 0;
	}
	.memberBox .inner{
		width:270px;
		margin:0 auto;
	}
	.memberBox .koroBtn{
	}
	.memberBox .koroBtn:after{
	}
	/*100人会について-----------------------------------*/
	.gaiyoWrapper{
		width:100%;
	}
	.gaiyoWrapper p:nth-of-type(1){
	}
	.gaiyoWrapper p:nth-of-type(2){
	}
	/**/
	.gaiyoWrapper .inner span{
	}
	.gaiyoWrapper .inner .koroBtn{
	}
	/*.interviewBox-----------------------------------*/
	.interviewBox{
		width:100%;
		padding:40px 0;
	}
	.interviewBox .inner{
	}
	.interviewBox .koroBtn{
	}
	.interviewBox .koroBtn:after{
	}
	/**/
	.ooMidashi p:nth-child(1) {
	}
	.ooMidashi p:nth-child(2) {
	}
	/*report-----------------------------------*/
	.reportWrapper{
		display:flex;
		flex-wrap:wrap;
		width:100%;
		height:auto;
		margin:10px 0 0 0;
		background:none;
	}
	.reportWrapper .reportBox{
		position:static;
		top:auto;
		left:auto;
		width:100%;
		margin:0;
		padding:30px 30px 30px;
		border-width:1px 0;
	}
	.reportWrapper .ooMidashi p{
	}
	.reportWrapper .ooMidashi p:nth-child(1){
	}
	.reportWrapper .ooMidashi p:nth-child(2){
	}
	.reportWrapper .ooMidashi p::after{
	}
	/**/
	.reportWrapper .newsBox{
		position:static;
		top:auto;
		left:auto;
		width:100%;
		margin:0;
		padding:30px 30px 30px;
		border-width:0 0 0px 0;
	}
	.reportWrapper .poraBox{
		width:100%;
		height:40vw;
		overflow:none;
	}
	.reportWrapper .pora{
		position:static;
		width:110%;
		margin:-30px 0 0 -5%;
		top:auto;
		left:0;
	}
	/**/
	.reportWrapper dl{
		margin: 0px 0 0 0;
	}
	.reportWrapper dl dt{
	}
	.reportWrapper dl dd{
	}
	.reportWrapper .ooMidashi .koroBtn{
		position:static;
		top:auto;
		right:auto;
		width:auto;
		margin:10px 0 20px;
		padding:8px 0;
		font-size:13px;
	}











} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/


	/*なぜかdrawer内の文字サイズがおかしくなるので*/
	/*
	と思ったけど、以下をhtmlに指定することで解決
	-webkit-text-size-adjust: none;
	どうもiPhoneの文字サイズ自動調整機能みたい
	
	.firstBtnBox a{
		font-size:8px;
		line-height:1.8em;
	}
	.drawer-nav .drawer-menu li a{
		font-size:10px;
		line-height:2.2em;
	}
	.spNavSita p:nth-child(1){
		font-size:8px;
	}
	*/


} /* /@media */