.page-members .contents,
.page-individual-member .contents{width:100%; max-width: 1160px; letter-spacing: .08em; padding:0px 40px; margin:0px auto}




.page-members p{line-height:28px; }
.page-members{background-image: linear-gradient(#fff,#37b3ff); padding-bottom:100px; font-family: Hiragino Mincho ProN}

.page-members .contents{color:#000; font-size: 16px; margin:0px auto}

.page-members h1 {
	font-size: 100px;
	color: #005092;
	margin-left: -40px;
	margin-top: 30px;
	opacity: .2;
	font-family: "EB Garamond", serif;
	font-weight: normal;
	animation: none;
	text-align: left;
	letter-spacing: .0em;
	line-height: 32px;
  	margin-bottom: 0px;
}

.page-members .members-head-block{margin-bottom:130px;}
.page-members .members-head-block .members-block{ margin-bottom:69px}
.page-members .members-head-block h3{font-size: 36px; line-height: 72px; font-weight: normal; font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif; text-align:left; }
.page-members .members-head-block span.maincopy{ font: normal normal bold 20px/2em 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif; }
@media (min-width:768px){
	.page-members .members-head-block span.maincopy { font-size:36px; font-weight:600; }
	.page-members h1 {
		font-size: 100px;
		color: #005092;
		margin-left: -40px;
		margin-top: 30px;
		opacity: .2;
		font-family: "EB Garamond", serif;
		font-weight: normal;
		animation: none;
		text-align: left;
		letter-spacing: .0em;
		line-height: 32px;
  		margin-bottom: 0px;
	  }
}

h1 {color:#fff}
.head-subtext {color:#fff}
h3 {padding-bottom: 40px;margin: -10px 0 0 0; line-height: 1.5;}
@media (min-width:768px){
	h3 {padding-bottom: 80px;margin: 80px 0 0px 0;}
}
.page-members .smalltext{font-size:14px}
.page-members .members-head-block .smalltext-content{margin-top:20px; padding-top:20px; border-top:1px #000 solid; font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;
}
.page-members .staffname {font-size:24px; font-weight: normal; line-height: 100%; margin-top:13px}
.page-members .staffname span {white-space: nowrap; font-size:14px; font-family: "EB Garamond", serif;}
.page-members .members-info-block .members-block .number{margin-top:15px; position: relative;color: #005092;font-size: 20px;}
.page-members .members-info-block .members-block .number::after{
	content: '';
	width: 20px;
	height: 2px;
	display: inline-block;
	background-color: #005092;
	position: absolute;
	bottom: -20px;
	left: 0;
}
.page-members .members-info-block .members-block .number.number_::after{
	content: '';
	width: 20px;
	height: 2px;
	display: inline-block;
	background-color: #005092;
	position: absolute;
	top: 76px;
	left: 0;
}
@media (min-width:768px){
	.page-members .members-info-block .members-block .number{margin-top:0px; position: relative;color: #005092;font-size: 24px;}
	.page-members .members-info-block .members-block .number.number_::after{
		content: '';
		width: 20px;
		height: 2px;
		display: inline-block;
		background-color: #005092;
		position: absolute;
		top: 56px;
		left: 0;
	}
}
.page-members .members-info-block .members-block{margin-bottom:135px}
.page-members .members-info-block .members-block:last-child{margin-bottom:0px}
.page-members .members-info-block .members-block p{margin-top:30px; line-height:32px; font-family: Hiragino Sans; font-weight:300}
.page-members .members-info-block .members-block .col-text{margin-top:60px}
.page-members .members-info-block .members-block .number span{color:#005092; font-size:89px;  font-family: "EB Garamond", serif; opacity:.2}
.nextbackbtn{position: relative; font-weight: bold; font-family: "EB Garamond", serif;  display: flex; text-transform: uppercase; justify-content: space-between}
.nextbackbtn a{position: relative; width:212px; height:45px; line-height:25px; background-color:#000; color:#fff; text-align: center; padding:9px 5px 9px; font-weight:normal; }
/*.nextbackbtn a:before{width:27px; height:27px; line-height:27px; position: absolute; content:''; background-image:url('../img/backbtn.png'); background-size: cover}*/
.nextbackbtn a.backbtn:before{left:25px; }
.nextbackbtn a.nextbtn:before{right:25px; transform: rotate(180deg)}

.nextbackbtn a.backbtn:hover {background: #000000;color: #fff;box-shadow: 0 12px 20px rgba(30, 125, 251, 0.4), 0 6px 10px rgba(30, 125, 251, 0.2); /* ホバー時の影を調整 */}
.nextbackbtn a.nextbtn:hover {background: #000000;color: #fff;box-shadow: 0 12px 20px rgba(30, 125, 251, 0.4), 0 6px 10px rgba(30, 125, 251, 0.2); /* ホバー時の影を調整 */}

.page-members .nextbackbtn{margin-top:100px;}

/* 個別 member */
.page-individual-member{font-family: Hiragino Mincho ProN; font-weight:500; }
.page-individual-member .page-individual-member-inner{background-image: linear-gradient(#fff,#37b3ff); padding-bottom:100px; }
.page-individual-member .members-header{position: relative}
.page-individual-member .members-header .members-header-content{text-align: center; color:#fff; position: absolute; width:100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index:1;}
.page-individual-member .members-header .members-header-content{width: 100%; background: url(../img/bg_pc.jpg); background-repeat: repeat;background-size: auto;background-size: cover;background-repeat: no-repeat;}
.page-individual-member .members-header .members-header-content h1{line-height: 100%; margin-bottom: 20px; font-size:90px; font-family: "EB Garamond", serif; font-weight: normal}
.page-individual-member .member-head-subtext{font-size: 18px; font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif}
.page-individual-member .members-header .members-header-content h3{font-size:36px; color:#000; font-weight: normal; /*margin-top:80px;*/ font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;
}

.page-individual-member .individual-member-content{margin-top:0px}
.page-individual-member .page-individual-member-inner{background-image: linear-gradient(#fff,#37b3ff); padding-bottom:120px; }
@media (min-width:768px){
	.page-individual-member .individual-member-content{margin-top:113px}
	.page-individual-member .page-individual-member-inner{padding-bottom:100px; }
	.page-members .members-info-block .members-block .number::after{
		content: '';
		width: 28px;
		height: 2px;
		display: inline-block;
		background-color: #005092;
		position: absolute;
		bottom: -30px;
		left: 0;
	}
}

.page-individual-member .contents{color:#000; font-size: 16px; margin:0px auto}
.page-individual-member .individual-member-content{}
.page-individual-member .members-info-block .members-block h2{line-height:70%; color:#005092;  font-size:89px; font-weight:normal; font-family: "EB Garamond", serif; opacity:.2}
.page-individual-member .members-info-block .members-block{margin-top:120px}
.page-individual-member .members-info-block .members-block:first-child{margin-top:0px}
.page-individual-member .members-info-block .members-block:last-child{margin-bottom:0px; font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;
}
.page-individual-member .members-info-block .members-block p{font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;
}
.page-individual-member .members-info-block .members-block h3{font-size:28px; line-height:56px; font-weight: normal;font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;
}
.page-individual-member .members-info-block .members-block h4{font-size:24px; margin-top: 5px; font-weight: normal;font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;
}
.page-individual-member .members-info-block .members-block h4 span{font-size: 14px; font-family: "EB Garamond", serif; white-space: nowrap;font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;
}
.page-individual-member .members-info-block .members-block .nextbackbtn{margin-top:30px}
.page-individual-member .members-info-block .members-block .personal-info{border-top:1px #000 solid; margin-top: 30px; padding-top:20px}
@media (min-width:768px){
	.page-individual-member .members-info-block .members-block .personal-info { padding-top:30px; }
}

/* 個別 member */

.contents_wrap_bg {
        width: 100%;
        background: url(../img/bg_sp.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }

.members-index .logo_black{display:none; }
.members-index .logo_white{display:block; }
.members-index .openbtn span{background-color: #fff;}

.logo_white{display:none;}
.openbtn span{background-color: #000;}

.contents_wrap.footer{border-top:none}


@media(min-width:768px){
	.d-desktop{display: block}
	.d-mobile{display: none}
    .contents_wrap_bg {width:100%;  background: url(../img/bg_pc.jpg);background-size: cover;background-repeat: no-repeat;}

	.page-members .members-block{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center}

	.page-members .members-info-block .members-block .number span{ /*margin-right: -27px;*/ margin-top: -14px;font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;}
	.page-members .members-info-block .members-block .number{display: flex; color:#005092; align-items: center; font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;}
	.page-members .members-info-block .members-block .col-text{padding-left:0px}
	.page-members .members-head-block .members-block .col:first-child{width:66%}
	.page-members .members-head-block .members-block .col:last-child{width:34%; padding-left:70px;font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;}

	.page-members .members-info-block .members-block .col:first-child{width:64%; padding-right:30px}
	.page-members .members-info-block .members-block .col:nth-child(2){width:36%;}

	.page-members .members-info-block .members-block:nth-child(3){align-items: flex-start}
	.page-members .members-info-block .members-block:nth-child(3) .col:first-child{width:37%; padding-right:0px;}
	.page-members .members-info-block .members-block:nth-child(3) .col:nth-child(2){width:63%; padding-left:60px;  }

	.page-individual-member .individual-member-content{margin-top:126px;}

	.page-individual-member .members-info-block .members-block{margin-top:198px; display: flex; flex-wrap: wrap; justify-content: space-between}
	.page-individual-member .members-info-block .members-block:nth-child(even){flex-direction: row-reverse;}
	.page-individual-member .members-info-block .members-block .number {font-family: 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'MS PMincho', 'MS Mincho', serif;}
	.page-individual-member .members-info-block .members-block .col-text h3 {text-align:left; padding-bottom:0; }
	.page-individual-member .members-info-block .members-block h2{margin-top: -17px; margin-left:-36px;}
	.page-individual-member .members-info-block .members-block .col{width:50%;}
	.page-individual-member .members-info-block .members-block:nth-child(even) .col:first-child{padding-left:25px}


	.page-individual-member .members-info-block .members-block:nth-child(even) .member-img{margin:0px 30px 0px 0px}
	.page-individual-member .members-info-block .members-block:nth-child(odd) .member-img{margin:0px 0px 0px 30px}

	.page-individual-member .members-info-block .members-block .member-img{max-width: 489px;}
	.page-individual-member .members-info-block .members-block .member-img img{}

	.member-img:hover.d-desktop {box-shadow: 0 12px 20px rgba(30, 125, 251, 0.4), 0 6px 10px rgba(30, 125, 251, 0.2); opacity: 0.8;}

}

@media(min-width:768px) and (max-width:992px)
{
	

	.page-members h1,
	.page-individual-member .members-header .members-header-content h1{font-size:80px}
	.page-members .members-head-block h3{font-size:24px; line-height:52px}
	.page-members .members-head-block .members-block .col:last-child{padding-left:35px;}
	
	
	.page-individual-member .members-header .members-header-content h3{font-size:28px; margin-top:70px}
	.page-individual-member .members-info-block .members-block h3{font-size:20px; line-height:40px}
	
	.page-individual-member .members-info-block .members-block h2{font-size:70px}
	.page-individual-member .members-info-block .members-block:nth-child(even) .col:first-child{padding-left:20px}
	.page-individual-member .members-info-block .members-block{margin-top:125px}
	.page-members .members-head-block{margin-bottom:100px}
	
}

@media(max-width:767px)
{
	.d-desktop{display: none}
	.d-mobile{display: block}
	
	.page-members .contents, 
	.page-individual-member .contents{padding:0px 30px;}
	
	.page-members h1{font-size:44px; margin-bottom: -11px; margin-left:-18px}
	.page-members .members-head-block .members-block{margin-bottom:80px}

	.page-members .members-head-block .members-block .col:first-child{margin-bottom:20px}
	.page-members .members-head-block {margin-bottom:68px;}
	.page-members .members-head-block h3 {font-size:22px; line-height:40px; font-weight:600; text-align: justify; padding-bottom:0; }
	.page-members .members-info-block .members-block .number span{display: block; font-size:50px; margin-bottom:30px}
	.page-members .members-info-block .members-block .col-text{margin-top:32px}
	.page-members .members-info-block .members-block p{margin-top: 20px; text-align:justify;}
	.page-members .members-info-block .members-block{margin-bottom:30px}
	.page-members .members-info-block .members-block .col:nth-child(2){margin-top:50px}
	.page-members .nextbackbtn a{width:136px;}
	
	.page-members .nextbackbtn a.backbtn{height:45px; text-align:right; padding-right:30px; line-height:27px; padding:9px 0; text-align:center; }
	.page-members .nextbackbtn a.nextbtn{height:45px; text-align:left; padding-left:30px; line-height:27px; padding:9px 0; text-align:center; }
	
	
	.page-individual-member .members-header .members-header-content h1{font-size:50px; margin-bottom:10px}
	.page-individual-member .members-header .members-header-content h3{font-size:24px}
	.page-individual-member .members-info-block .members-block h2{font-size:50px; margin-bottom:10px}
	.page-individual-member .members-info-block .members-block h3{font-size:19px; line-height:40px; font-weight:600; text-align:left; margin-top:0; margin-bottom:0; padding-bottom:0; letter-spacing:0.03em;}	
	.page-individual-member .members-info-block .members-block .personal-info{border:none; margin-top:30px; padding-top:0px;}
	.page-individual-member .members-info-block .members-block .member-img{margin-top:10px}	
	.page-individual-member .members-info-block .members-block{padding-top:40px;margin-top:110px;border-top: 1px solid rgba(0, 80, 146)}
	.page-individual-member .members-info-block .members-block:first-child{border-top:none}	
	
	.page-members .nextbackbtn{margin-top:118px}
}






/*ボタン*/
.button_wrap { margin-top:15px; }

.button {background: #000000;color: #ffffff;line-height: 45px;float: left;text-align: center;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Helvetica", sans-serif;position: relative;}
.button:hover {background: #000000;color: #fff;box-shadow: 0 12px 20px rgba(30, 125, 251, 0.4), 0 6px 10px rgba(30, 125, 251, 0.2); /* ホバー時の影を調整 */}
.button span {width:95%; text-align:left; font-size:16px; font-family: "Cormorant Garamond", serif;font-weight: 400;font-style: normal; margin-left:5%; display:inline-block; padding: 0 5%; margin-top:2px; }
.button.link { width:180px; position:relative; }
.button.link .circle { position:absolute; right:10px; top:10px; }
@media (min-width:768px){
	.button.link .circle { right:15px; top:10px; }
	.button_wrap { margin-top:15px; }
	.button { width:212px; display:flex; align-items: center;}
  }
  .button span {margin-top: 0;}
  .button .circle {position: relative;width:27px;height:27px;border-radius: 50%; overflow: hidden;display: flex;align-items: center;justify-content: center;background:#fff; color:#000; float:right; position:absolute;right:10px; }  
@media (min-width:768px){
.button .circle {right:25px; }
}
.button .arrow {position: absolute;font-size:13px; line-height:27px; width:27px; height:27px; animation: none;transition: transform 0.3s ease;color:#000;left:3.5px; margin-top:1px; }


.message li a.button:hover .circle { background:#fff; color:#000; }
.message li a.button:hover .arrow {animation: slideArrow 0.7s linear infinite;}
.button:hover .arrow {animation: slideArrow 0.7s linear infinite;}
@keyframes slideArrow {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(100%);
    opacity: 0;
  }
  51% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.button.back .circle {position: relative;width:27px;height:27px;border-radius: 50%; overflow: hidden;display: flex;align-items: center;justify-content: center;background:#fff; color:#000; float:right; position:absolute;left:10px; }
@media (min-width:768px){
	.button.back .circle {left:25px;  }
}


.button.back .arrow.back {position: absolute;font-size:13px; line-height:27px; width:27px; height:27px; animation: none;transition: transform 0.3s ease;color:#000;left:3.5px; margin-top:1px; }
.button.back:hover .arrow {animation: slideArrowback 0.7s linear infinite;}
@keyframes slideArrowback {
	0% {
	  transform: translateX(0);
	  opacity: 1;
	}
	50% {
	  transform: translateX(-100%);
	  opacity: 0;
	}
	51% {
	  transform: translateX(100%);
	  opacity: 0;
	}
	100% {
	  transform: translateX(0);
	  opacity: 1;
	}
  }

  .button span.sp_back { padding-right:20px; text-align: right;}
  .button span.sp_next { padding-right:40px; }
@media(min-width:767px){
  .button span.sp_back { padding-left:70px; }
  .button span.sp_next { padding-right:70px; }
}




.members-header { height:320px; overflow: hidden;}
@media(min-width:767px){
	.members-header { height:500px; overflow: hidden;}

}

/*
.page-individual-member .members-header .members-header-content h3 { margin-top:30px; }
@media (min-width:768px){
	.page-individual-member .members-header .members-header-content h3 { margin-top:80px; }
}
*/



.page-members .staffname {font-size: 24px;font-weight: normal;line-height: 100%;margin-top: 13px; animation:initial; opacity:1; text-align:left; margin-left:0; }
.page-members .staffname span {white-space: nowrap;font-size: 14px;font-family: "EB Garamond", serif;}


.page-members .number {
    font-size: 24px;
    font-weight: normal;
    line-height: 100%;
    margin-top: 13px
}

.page-members .number span {
	color: #005092;
    font-size: 89px;
    font-family: "EB Garamond", serif;
    opacity: .2
}