@charset "UTF-8";
/* CSS Document */

html {scroll-behavior:smooth;}

body,header,footer,section,div,img,p,ul,li,h1,h2,h3 {
    margin: 0;
    padding: 0;
	font-feature-settings: "palt" 1;}

.p_eng {font-family: 'Libre Caslon Text', serif;}
/* font-weight: 500; */
.p_ja_A {font-family: 'Noto Sans JP', sans-serif;}
/* font-weight: 400; */
.p_ja_B {font-family: 'Noto Serif JP', serif;}
/* font-weight: 500, 600; */


img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    line-height:0;
	margin:0 auto;}

#contents {
    width: auto;
    overflow: hidden;
    padding: 0;}


.clearfix:after {
    display: block;
    clear: both;
    content: "";}


.pc{display: block;}
.sp{display: none !important;}
@media screen and (max-width: 768px){
    .pc{display: none !important;}
    .sp{display: block !important;}
}


ul {list-style: none;
    margin-left: 0;
    padding-left: 0;}
li {list-style: none;}

a {text-decoration:none;color:inherit;}



/* script用 */
.wrap {
    opacity: 0;
    -webkit-transform: translateY(20px);
	transform: translateY(20px);
	transition:0.8s;
}
.wrap.on {
	opacity: 1;
    -webkit-transform: translateY(0);
	transform: translateY(0);
}
.para {
	opacity: 0;
    -webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	transition:0.8s ease-out;
}
.para.on {
	opacity: 1;
    -webkit-transform: translateY(0);
	transform: translateY(0);
}
.para2 {
	opacity: 0;
    -webkit-transform: translateY(40px);
	transform: translateY(40px);
	transition: 0.8s ease-out;
}
.para2.on {
	opacity: 1;
    -webkit-transform: translateY(0);
	transform: translateY(0);
}
.delay1 {transition-delay: 0.2s;}
.delay2 {transition-delay: 0.4s;}

/* script用 END */




/* フレーム */
.sec_frame_A {max-width:1296px;margin:0 auto;}
.sec_frame_B {max-width:1152px;margin:0 auto;}
@media screen and (max-width: 768px){
	.sec_frame_A {width:80.46vw;margin:0 auto;}
	.sec_frame_B {width:80.46vw;margin:0 auto;}
}
/* フレーム */


/* totop */
.totop {position:fixed;width:40px;
	right:20px;bottom:50px;
	z-index:-1;opacity:0;
	transition:0.2s;}
.totop a:hover {opacity:0.3;}
@media screen and (max-width: 768px){
	.totop {position:fixed;width:5.20vw;
		right:3.90vw;bottom:6.51vw;}
	.totop a:hover {opacity:1;}
}
/* totop */



/* トップメニュー */
.openbtn{position:fixed;z-index:9999;
	top:20px;right:20px;cursor:pointer;
    width:40px;height:40px;
	background:#fff;border-radius:5px;
	transition:0.8s;}
@media screen and (max-width: 768px){
	.openbtn{position:fixed;
	top:3.90vw;right:3.90vw;
    width:10.41vw;height:10.41vw;}
}
	
/* ×に変化 */	
.openbtn span{display:inline-block;
    transition:all 0.2s;width:50%;
    position:absolute;left:10px;
    height:1px;border-radius:1px;
	background-color:#000;}
@media screen and (max-width: 768px){
	.openbtn span{position:absolute;left:2.60vw;}
}

.openbtn span:nth-of-type(1) {top:15px;}
.openbtn span:nth-of-type(2) {top:20px;}
.openbtn span:nth-of-type(3) {top:25px;}
@media screen and (max-width: 768px){
	.openbtn span:nth-of-type(1) {top:3.25vw;}
	.openbtn span:nth-of-type(2) {top:5.20vw;}
	.openbtn span:nth-of-type(3) {top:7.16vw;}
}

.openbtn.active {background:#7e8387;}
.openbtn.active span {background-color:#fff;}
.openbtn.active span:nth-of-type(1) {
    top:10px;left:10px;
    transform:translateY(10px) rotate(-45deg);
    width:50%;}
.openbtn.active span:nth-of-type(2) {opacity:0;}
.openbtn.active span:nth-of-type(3){
    top:30px;left:10px;
    transform:translateY(-10px) rotate(45deg);
    width:50%;}
@media screen and (max-width: 768px){
	.openbtn.active span:nth-of-type(1) {
    top:2.60vw;left:2.60vw;
    transform:translateY(2.60vw) rotate(-45deg);
    width:50%;}
	.openbtn.active span:nth-of-type(2) {opacity:0;}
	.openbtn.active span:nth-of-type(3){
    top:7.81vw;left:2.60vw;
    transform:translateY(-2.60vw) rotate(45deg);
    width:50%;}
}

#g-nav{
    /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;z-index:-1;
	opacity:0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top:80px;right:0;
	width:210px;height:240px;padding:40px;
	background:#7e8387;
    /*動き*/
	transition:all 0.8s;}
@media screen and (max-width: 768px){
	#g-nav{
    /*ナビの位置と形状*/
	top:0;width:100%;height:100vh;}
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive {opacity:1;z-index:999;}

/*ナビゲーション*/
#g-nav .g-nav_inner {display:none;
    /*ナビゲーション天地中央揃え*/
    position:absolute;
    z-index:999;top:50%;left:50%;
    transform:translate(-50%,-50%);
	width:100%;}

#g-nav.panelactive .g-nav_inner {display:flex;}
#g-nav.panelactive ul {color:#fff;
    margin:0 auto;display:block;text-align:left;
	font-size:25px;line-height:1;
	letter-spacing:0.1em;}
@media screen and (max-width: 768px){
	#g-nav.panelactive .g-nav_inner
		{display:block;text-align:center;}
	.g-nav_logo {width:40.10vw;margin:0 auto 13.02vw;}
	#g-nav.panelactive ul
		{display:block;text-align:center;
		font-size:6.51vw;}
}

/*リストのレイアウト設定*/
#g-nav li:not(:last-child) {margin-bottom:25px;}
#g-nav li:last-child span1 {opacity:0.4;}
#g-nav li:last-child span2 {border:solid 0.5px #fff;
	font-size:14px;letter-spacing:0;text-align:center;
	padding:2px 5px;line-height:25px;
	vertical-align:middle;}
@media screen and (max-width: 768px){
	#g-nav li:not(:last-child) {margin-bottom:7.81vw;}
	#g-nav li:last-child span2 {font-size:3.51vw;
		border:solid 1px #fff;margin-left:0;
		padding:0.65vw 1.30vw;line-height:5.20vw;}
}

/* トップmenuテキスト下線アニメーション */
#g-nav p a {display:inline-block;
	position:relative;overflow:hidden;}
#g-nav p a::after {position:absolute;bottom:0;left:0;
	width:100%;height:1px;background-color:#fff;
	transform:translate(-100%, 0);
	transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	content:"";}
#g-nav p a:hover::after {transform:translate(0, 0);}
@media screen and (max-width: 768px){
	#g-nav p a:hover::after {display:none;}}
/* トップmenuテキスト下線アニメーション */

/* トップメニュー */




/* トップ・ビジュアル */
.header_top_bg {margin-bottom:50px;position:relative;}


/* トップ・ロゴ */
.top_logo {position:absolute;z-index:300;top:0;left:0;
	width:224px;padding:40px;background:#fff;}
.top_logo:hover img {opacity:0.3;transition:0.2s;}
@media screen and (max-width: 768px){
	.top_logo {width:34.89vw;padding:5.20vw;}
	.top_logo:hover img {opacity:1;}
}

.top_logo2 {position:absolute;z-index:300;top:0;left:0;
	width:144px;padding:25px;background:#fff;}
.top_logo2:hover img {opacity:0.3;transition:0.2s;}
@media screen and (max-width: 768px){
	.top_logo2 {width:27.34vw;padding:3.90vw;}
	.top_logo2:hover img {opacity:1;}
}
/* トップ・ロゴ */


/* スライダー */
.slider {position:relative;z-index:1;
	height:678px;}
@media screen and (max-width: 768px){
	.slider {height:158.59vw;}
}

/*　背景画像設定　*/

/*　vol1　*/
.slider-item01
	{background:url("../img/top/top_vol1_01_pc.jpg");}
@media screen and (max-width: 768px){
	.slider-item01
		{background:url("../img/top/top_vol1_01_sp.jpg");}
}

.slider-item02
	{background:url("../img/top/top_vol1_02_pc.jpg");}
@media screen and (max-width: 768px){
	.slider-item02
		{background:url("../img/top/top_vol1_02_sp.jpg");}
}

.slider-item03
	{background:url("../img/top/top_vol1_03_pc.jpg");}
@media screen and (max-width: 768px){
	.slider-item03
		{background:url("../img/top/top_vol1_03_sp.jpg");}
}
/*　vol1　*/

/*　vol2　*/
.slider-item04
	{background:url("../img/top/top_vol2_01_pc.jpg");}
@media screen and (max-width: 768px){
	.slider-item04
		{background:url("../img/top/top_vol2_01_sp.jpg");}
}

.slider-item05
	{background:url("../img/top/top_vol2_02_pc.jpg");}
@media screen and (max-width: 768px){
	.slider-item05
		{background:url("../img/top/top_vol2_02_sp.jpg");}
}

.slider-item06
	{background:url("../img/top/top_vol2_03_pc.jpg");}
@media screen and (max-width: 768px){
	.slider-item06
		{background:url("../img/top/top_vol2_03_sp.jpg");}
}
/*　vol2　*/

.slider-item {width:100%;height:678px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;}
@media screen and (max-width: 768px){
	.slider-item {width:100%;height:158.59vw;}
}


/*ドットナビゲーション*/
.slick-dots {position:relative;z-index:10;
	text-align:center;margin:30px 0 0 0;}
.slick-dots li {display:inline-block;margin:0 10px;}
.slick-dots button {color:transparent;outline:none;
    width:10px;height:10px;
    display:block;border-radius:50%;
    background:#d2d9e0;/*ドットボタンの色*/}
.slick-dots .slick-active button {
    background:#323232;/*ドットボタンの現在地表示の色*/}
@media screen and (max-width: 768px){
	.slick-dots {margin:30px 0 0 0;}
	.slick-dots li {margin:0 15px;}
	.slick-dots button {width:15px;height:15px;}
}
/*ドットナビゲーション*/


/* スライダー・テキスト */
.slider .sec_frame_A {padding:460px 0 65px;}
.sldr_info_box {width:88.88%;margin:0 auto;
	display:flex;justify-content:space-between;
	align-items:flex-end;}
@media screen and (max-width: 768px){
	.slider .sec_frame_A {padding:95.05vw 0 9.76vw;}
	.sldr_info_box {width:100%;
		text-align:left;display:block;}
}

.ppl_info {color:#fff;display:block;
	text-align:left;letter-spacing:0.05em;}
.ppl_info ul:first-child {display:flex;
	align-items:baseline;margin-bottom:15px;}
.ppl_info ul:first-child li:first-child
	{font-size:30px;margin-right:30px;}
.ppl_i_ctgr {display:flex;align-items:baseline;
	font-size:20px;}
.ppl_i_ctgr p:first-child
	{font-weight:600;margin-right:10px;}
.ppl_info ul:last-child {display:block;}
.ppl_info ul:last-child li:first-child
	{font-weight:600;font-size:45px;margin-bottom:5px;}
/* 氏名読み */.ppl_info ul:last-child li:first-child span
	{font-weight:600;font-size:18px;margin-bottom:5px;}
.ppl_info ul:last-child li:last-child
	{font-weight:500;font-size:24px;}
@media screen and (max-width: 768px){
	.ppl_info {margin-bottom:9.11vw;letter-spacing:0.05em;}
	.ppl_info ul:first-child
		{display:block;margin-bottom:1.95vw;}
	.ppl_info ul:first-child li:first-child
		{font-size:6.51vw;margin-right:0;}
	.ppl_i_ctgr {font-size:3.90vw;}
	.ppl_i_ctgr p:first-child {margin-right:2.60vw;}
	.ppl_info ul:last-child li:first-child
		{font-size:8.46vw;margin-bottom:0.65vw;}
	/* 氏名読み */.ppl_info ul:last-child li:first-child span
		{font-size:2.60vw;margin-bottom:0.65vw;}
	.ppl_info ul:last-child li:last-child
		{font-size:4.55vw;}
}
/* スライダー・テキスト */


/* viewボタン */
.btn_view {width:200px;height:50px;line-height:50px;
	border-radius:100vh;font-size:20px;color:#000;
	text-align:left;padding-left:30px;
	background:#fff;
	background-image:url("../img/common/btn_open_bk.png");
	background-repeat:no-repeat;
	background-position:87.5% 50%;
	background-size:30px 21px;
	vertical-align:middle;transition:0.2s;}
.btn_view:hover {color:#fff;
	text-align:left;padding-left:30px;
	background:#7e8387;
	background-image:url("../img/common/btn_open_wh.png");
	background-repeat:no-repeat;
	background-position:87.5% 50%;
	background-size:30px 21px;
	vertical-align:middle;}
@media screen and (max-width: 768px){
	.btn_view {width:39.06vw;
		height:9.76vw;line-height:9.76vw;
		border-radius:100vh;font-size:3.38vw;color:#000;
		text-align:left;padding-left:6.51vw;
		background:#fff;
		background-image:url("../img/common/btn_open_bk.png");
		background-repeat:no-repeat;
		background-position:85% 50%;
		background-size:3.90vw 2.73vw;
		vertical-align:middle;}
	.btn_view:hover {color:#000;
		text-align:left;padding-left:6.51vw;
		background:#fff;
		background-image:url("../img/common/btn_open_bk.png");
		background-repeat:no-repeat;
		background-position:85% 50%;
		background-size:3.90vw 2.73vw;
		vertical-align:middle;}
}
/* viewボタン */

/*矢印の設定
.slick-prev, 
.slick-next {
    position: absolute;
	z-index: 3;
    top: 42%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    height: 25px;
    width: 25px;}
.slick-prev {
    left:2.5%;
    transform: rotate(-135deg);}
.slick-next {
    right:2.5%;
    transform: rotate(45deg);}
*/

/* スライダー */
/* トップ・ビジュアル */






/* people */
.ppl_bg {padding:100px 0 150px;}
.ppl_contents {width:87.5%;margin:0 auto;text-align:left;
	display:flex;align-items:flex-start;
	color:#000;letter-spacing:0.1em;}
@media screen and (max-width: 1152px){
	.ppl_contents {letter-spacing:0.05em;}
}
@media screen and (max-width: 880px){
	.ppl_contents {display:block;letter-spacing:0.05em;}
}
@media screen and (max-width: 768px){
	.ppl_bg {padding:19.53vw 0 26.04vw;}
	.ppl_contents {width:100%;margin:0 auto;
		display:block;letter-spacing:0.1em;}
}

.ppl_c_A {display:flex;flex-flow:column;
	text-align:left;margin-right:70px;}
.ppl_c_A .ppl_c_A_title {font-size:25px;margin-bottom:15px;}
.ppl_c_A .p_ja_B {font-weight:600;font-size:16px;}
.ppl_c_A .btn_view_B {margin-top:84px;}
@media screen and (max-width: 1152px){
	.ppl_c_A {margin-right:4.34vw;}
	.ppl_c_A .ppl_c_A_title {font-size:2.17vw;
		margin-bottom:1.30vw;}
	.ppl_c_A .p_ja_B {font-size:1.38vw;}
	.ppl_c_A .btn_view_B {margin-top:6.94vw;}
}
@media screen and (max-width: 880px){
	.ppl_c_A {display:flex;flex-flow:row;
		align-items:baseline;
		margin-right:0;margin-bottom:5.68vw;}
	.ppl_c_A .ppl_c_A_title {font-size:2.84vw;
		margin-bottom:0;margin-right:2.84vw;}
	.ppl_c_A .p_ja_B {font-size:1.81vw}
	.ppl_c_A .btn_view_B {margin-top:0;margin-left:4.34vw;}
}
@media screen and (max-width: 768px){
	.ppl_c_A {display:flex;align-items:baseline;
		margin-right:0;margin-bottom:13.02vw;}
	.ppl_c_A .ppl_c_A_title {font-size:4.55vw;
		margin-bottom:0;margin-right:5.20vw;}
	.ppl_c_A .p_ja_B {font-size:3.12vw;}
}

.ppl_c_B {display:block;}
.ppl_list {display:flex;align-items:baseline;}
.ppl_list:not(:last-child) {margin-bottom:50px;}
.ppl_list ul {width:350px;margin-right:20px;
	display:flex;align-items:baseline;}
.ppl_list ul li:nth-child(1)
	{text-align:center;width:65px;
	font-size:16px;line-height:25px;
	border-radius:100vh;height:25px;
	border:solid 0.5px #000;
	padding:0 10px;margin-right:20px;
	vertical-align:middle;transition:0.2s;}
.ppl_list ul li:nth-child(2) {font-weight:600;
	font-size:18px;margin-right:20px;}
.ppl_list ul li:nth-child(3) {font-weight:500;
	font-size:14px;}
.list_title {font-weight:600;font-size:18px;}
@media screen and (max-width: 1152px){
	.ppl_list:not(:last-child) {margin-bottom:4.34vw;}
	.ppl_list ul {width:30.38vw;margin-right:1.73vw;}
	.ppl_list ul li:nth-child(1)
		{text-align:center;width:5.64vw;
		font-size:1.38vw;line-height:2.17vw;
		border-radius:100vh;height:2.17vw;
		border:solid 0.5px #000;
		padding:0 0.86vw;margin-right:1.73vw;
		vertical-align:middle;transition:0.2s;}
	.ppl_list ul li:nth-child(2)
		{font-size:1.56vw;margin-right:1.73vw;}
	.ppl_list ul li:nth-child(3) {font-size:1.21vw;}
	.list_title {font-size:1.56vw;}
}
@media screen and (max-width: 880px){
	.ppl_list:not(:last-child) {margin-bottom:5.68vw;}
	.ppl_list ul {width:38.63vw;margin-right:1.70vw;}
	.ppl_list ul li:nth-child(1)
		{text-align:center;width:7.38vw;
		font-size:1.81vw;line-height:2.84vw;
		border-radius:100vh;height:2.84vw;
		border:solid 0.5px #000;
		padding:0 1.13vw;margin-right:2.27vw;
		vertical-align:middle;transition:0.2s;}
	.ppl_list ul li:nth-child(2)
		{font-size:2.04vw;margin-right:2.27vw;}
	.ppl_list ul li:nth-child(3){font-size:1.59vw;}
	.list_title {font-size:2.04vw;}
}
@media screen and (max-width: 768px){
	.ppl_list {display:block;}
	.ppl_list:not(:last-child) {margin-bottom:13.02vw;}
	.ppl_list ul {width:100%;margin-right:0;}
	.ppl_list ul li:nth-child(1)
		{text-align:center;width:13.02vw;
		font-size:3.12vw;line-height:5.20vw;
		border-radius:100vh;height:5.20vw;
		border:solid 0.5px #000;
		padding:0 1.95vw;margin-right:5.20vw;
		vertical-align:middle;}
	.ppl_list ul li:nth-child(2)
		{font-size:3.90vw;margin-right:3.90vw;}
	.ppl_list ul li:nth-child(3)
		{font-size:3.12vw;}
	.list_title {font-size:3.90vw;margin-top:4.55vw;}
}

/* peopleホバーアニメーション */
.ppl_c_B a li:not(:first-child), .list_title 
	{display:inline-block;
	position:relative;overflow:hidden;}
.ppl_c_B a li:not(:first-child)::after,
.list_title::after
	{position:absolute;bottom:0;left:0;
	width:100%;height:1px;background-color:#000;
	transform:translate(-100%, 0);
	transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	content:"";}
.ppl_c_B a:hover li:not(:first-child)::after,
.ppl_c_B a:hover .list_title::after
	{transform:translate(0, 0);}
.ppl_c_B a:hover li:first-child
	{border:none;background:#323232;color:#fff;}
@media screen and (max-width: 768px){
	.ppl_c_B a li:not(:first-child)::after,
	.list_title::after {display:none;}
	.ppl_c_B a:hover li:first-child
	{border:solid 0.5px #000;background:none;color:#000;}
}
/* peopleホバーアニメーション */
/* people */


/* viewボタン｜people_movie */
.btn_view_B {width:125px;height:32px;line-height:32px;
	font-size:14px;letter-spacing:0;color:#000;
	text-align:left;padding-left:15px;
	border-radius:100vh;
	border:1px solid #000;
	background:#fff;
	background-image:url("../img/common/btn_open_bk.png");
	background-repeat:no-repeat;
	background-position:87.5% 50%;
	background-size:18px 12px;
	vertical-align:middle;transition:0.2s;}
.btn_view_B:hover {color:#fff;
	text-align:left;padding-left:15px;
	border:1px solid #7e8387;
	background:#7e8387;
	background-image:url("../img/common/btn_open_wh.png");
	background-repeat:no-repeat;
	background-position:87.5% 50%;
	background-size:18px 12px;
	vertical-align:middle;}
@media screen and (max-width: 768px){
	.btn_view_B {width:39.06vw;
		height:9.76vw;line-height:9.76vw;
		border-radius:100vh;font-size:3.38vw;color:#000;
		text-align:left;padding-left:6.51vw;
		border:1px solid #CDD4DB;
		background:#CDD4DB;
		background-image:url("../img/common/btn_open_bk.png");
		background-repeat:no-repeat;
		background-position:85% 50%;
		background-size:3.90vw 2.73vw;
		vertical-align:middle;}
	.btn_view_B:hover {color:#000;
		text-align:left;padding-left:6.51vw;
		border:1px solid #CDD4DB;
		background:#CDD4DB;
		background-image:url("../img/common/btn_open_bk.png");
		background-repeat:no-repeat;
		background-position:85% 50%;
		background-size:3.90vw 2.73vw;
		vertical-align:middle;}
}
/* viewボタン｜people_movie */



/* book */
.book_bg {padding:150px 0 200px;background:#cdd4db;}
.book_contents {width:87.5%;margin:0 auto;}
@media screen and (max-width: 768px){
	.book_bg {padding:26.04vw 0;}
	.book_contents {width:100%;margin:0 auto;}
}

.book_ctgr {color:#000;text-align:left;letter-spacing:0.1em;}
.book_ctgr .p_eng {font-size:40px;margin-bottom:30px;}
.book_ctgr .p_ja_A {font-size:16px;line-height:2;}
@media screen and (max-width: 768px){
	.book_ctgr .p_eng
		{font-size:7.81vw;margin-bottom:6.51vw;}
	.book_ctgr .p_ja_A
		{font-size:3.25vw;letter-spacing:0.03em;}
}

.flx_bx {width:100%;display:flex;
	justify-content:flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	gap:3.13%;margin:9.92% auto 0;}
.flx_bx_item {width:22.65%;text-align:left;
	margin-bottom:3.13%;}
.cover {width:100%;transition:0.2s;}
.book_txt {color:#000;font-size:14px;line-height:1;
	width:100%;padding-left:6.75%;
	display:flex;justify-content:space-between;
	align-items:center;margin-top:9%;}
.btn_read {display:flex;padding:5px;}
.btn_read span {width:20px;margin-left:5px;
	background:url("../img/common/btn_open_bk.png") no-repeat;
	background-position:center center;
	background-size:cover;}
@media screen and (max-width: 1152px){
	.book_txt {font-size:1.21vw;}
	.btn_read {padding:0.43vw;}
	.btn_read span {width:1.73vw;margin-left:0.43vw;}}
@media screen and (max-width: 880px){
	.flx_bx {gap:8.25%;margin:12.98% auto 0;}
	.flx_bx_item {width:45.87%;margin-bottom:8.25%;}
	.book_txt {font-size:2.5vw;margin-top:5%;}
	.btn_read {padding:0.89vw;}
	.btn_read span {width:3.52vw;margin-left:0.89vw;}
}
@media screen and (max-width: 768px){
	.flx_bx {gap:5.20vw;margin:19.53vw auto 0;}
	.flx_bx_item {width:37.63vw;margin-bottom:5.20vw;}
	.book_txt {font-size:2.60vw;margin-top:3.90vw;}
	.btn_read {padding:0.65vw;}
	.btn_read span {width:3.90vw;margin-left:1.30vw;}
}

/* bookホバーアニメーション */
.btn_read
	{overflow:hidden;
	background-image:linear-gradient(to right, rgba(50, 50, 50, 1) 50%, rgba(50, 50, 50, 0) 50%);
	background-position:100% 0;
	background-size:200% auto;transition:0.3s;}
.flx_bx_item a:hover .btn_read
	{background-position:0 0;color:#fff;}
.flx_bx_item a:hover .btn_read span
	{background:url("../img/common/btn_open_wh.png") no-repeat;
	background-position:center center;
	background-size:cover;}
.flx_bx_item a:hover .cover {transform:translate(0, -3%);}
@media screen and (max-width: 768px){
	.btn_read {background-image:none;}
	.flx_bx_item a:hover .btn_read {color:#000;}
	.flx_bx_item a:hover .btn_read span
		{background:url("../img/common/btn_open_bk.png") no-repeat;
		background-position:center center;
		background-size:cover;}
	.flx_bx_item a:hover .cover {transform:none;}
}
/* bookホバーアニメーション */

/* comingsoon */
.flx_bx_item:nth-of-type(n+3) .btn_read {display:none;}
.flx_bx_item:nth-of-type(n+3) {pointer-events:none;}
/* comingsoon */

/* book */




/* ステートメント */
.stmnt_img_A {padding-bottom:630px;
	background:url("../img/top/stmnt_bg_A_pc.jpg") no-repeat;
	background-position:center center;
	background-size:cover;}
.stmnt_img_B {padding-bottom:500px;
	background:url("../img/top/stmnt_bg_B_pc.jpg") no-repeat;
	background-position:center center;
	background-size:cover;}
@media screen and (max-width: 1008px){
	.stmnt_img_A {padding-bottom:62.5vw;}
	.stmnt_img_B {padding-bottom:49.60vw;}
}
@media screen and (max-width: 768px){
	.stmnt_img_A {width:100%;margin:0 auto;
		background:none;padding-bottom:0;}
	.stmnt_img_B {width:100%;margin:0 auto;
		background:none;padding-bottom:0;}
}
.stmnt_bg {padding:100px 0;background:#323232;}
.stmnt_title {width:400px;margin:0 auto 50px;}
.stmnt_txt {color:#fff;text-align:center;
	font-size:18px;line-height:2.6;letter-spacing:0.1em;}
@media screen and (max-width: 768px){
	.stmnt_bg {padding:15.62vw 0;}
	.stmnt_title {width:65.10vw;margin:0 auto 9.11vw;}
	.stmnt_txt {font-size:3.38vw;letter-spacing:0.05em;}
}

/* ステートメント */





/* related */
.rltd_bg {background:#cdd4db;padding:120px 0 150px;}
.rltd_contents {width:87.5%;margin:0 auto;}
.rltd_bx {width:100%;color:#000;display:flex;
	justify-content:space-between;align-items:flex-start;}
@media screen and (max-width: 768px){
	.rltd_bg {padding:19.53vw 0;}
	.rltd_contents {width:100%;margin:0 auto;}
	.rltd_bx {display:block;}
}

.rltd_bx_item_A {width:46%;}
.rltd_bx_item_B_box {width:49%;display:flex;
	justify-content:space-between;align-items:flex-start;}
.rltd_bx_item_B {width:44.95%;}
@media screen and (max-width: 768px){
	.rltd_bx_item_A {width:100%;}
	.rltd_bx_item_B_box {width:100%;margin-top:10.41vw;}
	.rltd_bx_item_B {width:46.76%;}
}


.rltd_ctgr p {font-size:20px;letter-spacing:0.05em;
	margin-bottom:20px;}
@media screen and (max-width: 1152px){
	.rltd_ctgr p {font-size:1.73vw;margin-bottom:1.73vw;}
}
@media screen and (max-width: 768px){
	.rltd_ctgr p {font-size:3.25vw;margin-bottom:3.90vw;}
}


.rltd_ppl {display:flex;justify-content:space-between;
	align-items:flex-start;}
.rltd_ppl_item {width:47.84%;}
@media screen and (max-width: 768px){
	.rltd_ppl_item {width:46.76%;}
}


.r_ppl_i_txt {letter-spacing:0.05em;
	text-align:left;margin-top:20px;}
.r_ppl_i_txt p:first-child {text-align:center;
	font-size:16px;width:65px;height:25px;line-height:25px;
	border-radius:100vh;border:solid 0.5px #000;
	padding:0 12px;vertical-align:middle;}
.r_ppl_i_txt p:nth-child(2)
	{font-size:18px;text-align:justify;margin-top:15px;}
.r_ppl_i_txt p:nth-child(3) {font-size:16px;margin-top:20px;}
.r_ppl_i_txt p:nth-child(3) span {font-size:14px;}
@media screen and (max-width: 1152px){
	.r_ppl_i_txt {margin-top:1.73vw;}
	.r_ppl_i_txt p:first-child
		{font-size:1.38vw;width:5.64vw;height:2.17vw;
		line-height:2.17vw;padding:0 1.04vw;}
	.r_ppl_i_txt p:nth-child(2)
		{font-size:1.56vw;margin-top:1.30vw;}
	.r_ppl_i_txt p:nth-child(3)
		{font-size:1.38vw;margin-top:1.73vw;}
	.r_ppl_i_txt p:nth-child(3) span {font-size:1.21vw;}
}
@media screen and (max-width: 768px){
	.r_ppl_i_txt {margin-top:3.25vw;}
	.r_ppl_i_txt p:first-child
		{font-size:2.86vw;width:10.41vw;height:5.20vw;
		line-height:5.20vw;padding:0 1.5vw;}
	.r_ppl_i_txt p:nth-child(2)
		{font-size:3.12vw;margin-top:3.25vw;}
	.r_ppl_i_txt p:nth-child(3)
		{font-size:2.86vw;margin-top:3.90vw;}
	.r_ppl_i_txt p:nth-child(3) span {font-size:2.60vw;}
}


.rltd_bx .btn_read
	{padding:3px 0;margin-top:30px;
	width:70px;font-size:14px;}
.rltd_bx .btn_read span
	{width:30px;margin-left:5px;
	background:url("../img/common/btn_open_bk.png") no-repeat;
	background-position:center center;
	background-size:cover;}
@media screen and (max-width: 1152px){
	.rltd_bx .btn_read
		{padding:0.26vw 0;margin-top:2.60vw;
		width:6.07vw;font-size:1.21vw;}
	.rltd_bx .btn_read span
		{width:2.60vw;margin-left:0.43vw;
		background:url("../img/common/btn_open_bk.png") no-repeat;
		background-position:center center;
		background-size:cover;}
}
@media screen and (max-width: 768px){
	.rltd_bx .btn_read
		{padding:0.65vw 0;margin-top:5.20vw;
		width:19.53vw;font-size:3.12vw;}
	.rltd_bx .btn_read span
		{width:5.20vw;margin-left:1.30vw;
		background:url("../img/common/btn_open_bk.png") no-repeat;
		background-position:center center;
		background-size:cover;}
}


.rltd_bx_txt {font-size:14px;margin-top:20px;
	letter-spacing:0.1em;}
.rltd_bx_txt2 {font-size:18px;margin-top:20px;
	letter-spacing:0.05em;}
@media screen and (max-width: 1152px){
	.rltd_bx_txt {font-size:1.21vw;margin-top:1.73vw;}
	.rltd_bx_txt2 {font-size:1.56vw;margin-top:1.73vw;}
}
@media screen and (max-width: 768px){
	.rltd_bx_txt {font-size:2.86vw;margin-top:3.25vw;}
	.rltd_bx_txt2 {font-size:3.12vw;margin-top:3.90vw;}
}


.rltd_bx .btn_view_detail
	{padding:5px 0;margin-top:30px;width:100px;display:flex;
	font-size:14px;line-height:1;}
.rltd_bx .btn_view_detail span
	{width:14px;height:14px;margin-left:10px;
	background:url("../img/common/new_window_bk.png") no-repeat;
	background-position:center center;
	background-size:cover;
	vertical-align:baseline;}
@media screen and (max-width: 1152px){
	.rltd_bx .btn_view_detail
		{padding:0.43vw 0;margin-top:2.60vw;
		width:8.68vw;font-size:1.21vw;}
	.rltd_bx .btn_view_detail span
		{width:1.21vw;height:1.21vw;margin-left:0.86vw;
		background:url("../img/common/new_window_bk.png") no-repeat;
		background-position:center center;
		background-size:cover;
		vertical-align:baseline;}
}
@media screen and (max-width: 768px){
	.rltd_bx .btn_view_detail
		{padding:1.04vw 0;margin-top:5.20vw;width:23.43vw;
		font-size:3.12vw;}
	.rltd_bx .btn_view_detail span
		{width:3.12vw;height:3.12vw;margin-left:1.95vw;
		background:url("../img/common/new_window_bk.png") no-repeat;
		background-position:center center;
		background-size:cover;
		vertical-align:baseline;}
}



/* 画像拡大アニメーション */
.rltd_bx .cover_img {overflow:hidden;transition:0.3s;}
.rltd_bx a img {transition:0.3s;}
.rltd_bx a:hover img {transform:scale(1.18,1.18);}
@media screen and (max-width: 768px){
	.rltd_bx a:hover img {transform:none;}
}

/* 画像下テキストアニメーション */
.rltd_bx a:hover .r_ppl_i_txt,
.rltd_bx a:hover .rltd_bx_txt,
.rltd_bx a:hover .rltd_bx_txt2
{opacity:0.3;transition:0.2s;}
@media screen and (max-width: 768px){
	.rltd_bx a:hover .r_ppl_i_txt,
	.rltd_bx a:hover .rltd_bx_txt,
	.rltd_bx a:hover .rltd_bx_txt2
		{opacity:1;}
}

/* readボタン・ホバーアニメーション */
.rltd_bx .btn_read,
.rltd_bx .btn_view_detail
	{overflow:hidden;
	background-image:linear-gradient(to right, rgba(50, 50, 50, 1) 50%, rgba(50, 50, 50, 0) 50%);
	background-position:100% 0;
	background-size:200% auto;transition:0.3s;}
.rltd_bx a:hover .btn_read,
.rltd_bx a:hover .btn_view_detail
	{background-position:0 0;color:#fff;}
.rltd_bx a:hover .btn_read span
	{background:url("../img/common/btn_open_wh.png") no-repeat;
	background-position:center center;
	background-size:cover;}
.rltd_bx a:hover .btn_view_detail span
	{background:url("../img/common/new_window_wh.png") no-repeat;
	background-position:center center;
	background-size:cover;}
@media screen and (max-width: 768px){
	.rltd_bx .btn_read,
	.rltd_bx .btn_view_detail {background-image:none;}
	.rltd_bx a:hover .btn_read,
	.rltd_bx a:hover .btn_view_detail {color:#000;}
	.rltd_bx a:hover .btn_read span
		{background:url("../img/common/btn_open_bk.png") no-repeat;
		background-position:center center;
		background-size:cover;}
	.rltd_bx a:hover .btn_view_detail span
		{background:url("../img/common/new_window_bk.png") no-repeat;
		background-position:center center;
		background-size:cover;}
}
/* related */



/* articleトップ */
.article_top_contents {width:88.88%;height:900px;
	margin:0 auto;position:relative;}
.a_t_ctgr {position:absolute;z-index:200;width:40.15%;}
.a_t_ctgr_A {right:0;top:12.41%;}
.a_t_ctgr_B {right:0;bottom:-8.68%;}
.a_t_ctgr_C {left:0;top:12.41%;}
@media screen and (max-width: 1296px){
	.article_top_contents {height:69.44vw;}
}
@media screen and (max-width: 768px){	
	.article_top_contents {width:100%;height:118.22vw;}
	.a_t_ctgr {width:44.14%;}
	.a_t_ctgr_A {right:0;top:19.53vw;}
	.a_t_ctgr_B {right:0;bottom:-13.02vw;}
	.a_t_ctgr_C {left:0;top:24.73vw;}
}

/* vol1背景画像 */
.article_top_bg
{background:url("../img/article/vol1/01_1/top_01_1_A_pc.jpg") no-repeat;
background-position:center center;
background-size:cover;}
.article_top_bg_2
{background:url("../img/article/vol1/01_2/top_01_2_A_pc.jpg") no-repeat;
background-position:center center;
background-size:cover;}
.article_top_bg_3
{background:url("../img/article/vol1/01_3/top_01_3_A_pc.jpg") no-repeat;
background-position:center center;
background-size:cover;}
@media screen and (max-width: 768px){
	.article_top_bg {
background:url("../img/article/vol1/01_1/top_01_1_A_sp.jpg") no-repeat;
		background-position:center center;
		background-size:cover;}
	.article_top_bg_2 {
background:url("../img/article/vol1/01_2/top_01_2_A_sp.jpg") no-repeat;
		background-position:center center;
		background-size:cover;}
	.article_top_bg_3 {
background:url("../img/article/vol1/01_3/top_01_3_A_sp.jpg") no-repeat;
		background-position:center center;
		background-size:cover;}
	.article_top_bg .sec_frame_A {width:100%;}
	.article_top_bg_2 .sec_frame_A {width:100%;}
	.article_top_bg_3 .sec_frame_A {width:100%;}

}
/* vol1背景画像 */

/* vol2背景画像 */
.article_top_bg_v2_1 {background:url("../img/article/vol2/02_1/top_02_1_A_pc.jpg") no-repeat;
background-position:center center;
background-size:cover;}
.article_top_bg_v2_2 {background:url("../img/article/vol2/02_2/top_02_2_A_pc.jpg") no-repeat;
background-position:center center;
background-size:cover;}
.article_top_bg_v2_3 {background:url("../img/article/vol2/02_3/top_02_3_A_pc.jpg") no-repeat;
background-position:center center;
background-size:cover;}
@media screen and (max-width: 768px){
	.article_top_bg_v2_1 {
background:url("../img/article/vol2/02_1/top_02_1_A_sp.jpg") no-repeat;
		background-position:center center;
		background-size:cover;}
	.article_top_bg_v2_2 {
background:url("../img/article/vol2/02_2/top_02_2_A_sp.jpg") no-repeat;
		background-position:center center;
		background-size:cover;}
	.article_top_bg_v2_3 {
background:url("../img/article/vol2/02_3/top_02_3_A_sp.jpg") no-repeat;
		background-position:center center;
		background-size:cover;}
	.article_top_bg_v2_1 .sec_frame_A {width:100%;}
	.article_top_bg_v2_2 .sec_frame_A {width:100%;}
	.article_top_bg_v2_3 .sec_frame_A {width:100%;}
}
/* vol2背景画像 */

/* articleトップ */


/* article・取材記事 */
.article_bg {padding:150px 0 200px;background:#323232;}
.article_contents {width:87.5%;margin:0 auto;color:#fff;}
.article_title {font-weight:600;font-size:40px;
	line-height:2;letter-spacing:0.1em;
	margin-bottom:100px;}
@media screen and (max-width: 1152px){
	.article_title {font-size:3.47vw;margin-bottom:8.68vw;}
}
@media screen and (max-width: 768px){
	.article_bg {padding:19.53vw 0 0;}
	.article_contents {width:100%;margin:0 auto;}
	.article_title {font-size:5.85vw;margin-bottom:13.02vw;}
}


.article_box {width:100%;display:flex;
	justify-content:space-between;align-items:flex-start;}
.a_bx_clm_A {width:50%;}
.a_bx_clm_B {width:42.85%;}
@media screen and (max-width: 768px){
	.article_box {width:100%;display:block;}
	.a_bx_clm_A {width:100%;}
	.a_bx_clm_B {width:100%;}
}

.a_bx_clm_C {width:50%;
	position:relative;background:#000;}
.article_img_C {position:absolute;top:0;right:0;
	width:190%;}
@media screen and (max-width: 768px){
	.a_bx_clm_C {display:none;}
}

.a_bx_clm_C_2 {width:50%;
	position:relative;background:#000;}
.article_img_C_2 {position:absolute;top:0;left:0;
	width:190%;}
@media screen and (max-width: 768px){
	.a_bx_clm_C_2 {display:none;}
}

.article_box p {font-size:20px;text-align:justify;
	line-height:2;letter-spacing:0.05em;}
.a_b_bottom {margin-bottom:120px;}
.a_img_bottom {margin-bottom:15px;}
@media screen and (max-width: 1152px){
	.article_box p {font-size:1.73vw;}
	.a_b_bottom {margin-bottom:10.41vw;}
	.a_img_bottom {margin-bottom:1.30vw;}
}
@media screen and (max-width: 768px){
	.article_box p {font-size:3.25vw;}
	.a_b_bottom {margin-bottom:13.02vw;}
	.a_img_bottom {margin-bottom:1.95vw;}
}

@media screen and (max-width: 768px){
	.sp_img_D {width:100%;margin:0 auto;margin-top:13.02vw;}}
/* article・取材記事 */



/* リスト｜people_movie */
.list_bg {background:#cdd4db;padding:120px 0 70px;}
@media screen and (max-width: 768px){
	.list_bg {padding:19.53vw 0 9.11vw;}
}

.list_top_contents {width:88.88%;height:200px;
	margin:0 auto;}
@media screen and (max-width: 1296px){
	.list_top_contents {height:15.43vw;}
}
@media screen and (max-width: 768px){	
	.list_top_contents {width:100%;height:26.04vw;}
}

.list_top_bg_A {background:url("../img/common/list_bg_A_pc.jpg") no-repeat;
background-position:center center;
background-size:cover;}
@media screen and (max-width: 768px){
	.list_top_bg_A
	{background:url("../img/common/list_bg_A_sp.jpg") no-repeat;
		background-position:center center;
		background-size:cover;}
}

.list_ppl_title p {font-size:40px;font-weight:400;
	letter-spacing:0.05em;
	margin-bottom:100px;}
@media screen and (max-width: 1152px){
	.list_ppl_title p {font-size:3.47vw;margin-bottom:8.68vw;}
}
@media screen and (max-width: 768px){
	.list_ppl_title p {font-size:4.55vw;
		margin-bottom:13.02vw;}
}

.rltd_ppl_item_list {width:29.39%;margin-bottom:80px;}
@media screen and (max-width: 768px){
	.rltd_ppl_item_list {width:100%;
	margin-bottom:9.11vw;}
}
/* リスト｜people_movie */


/* フッター */
.ft_bg {background:#7e8387;padding:100px 0;}
@media screen and (max-width: 768px){
	.ft_bg {padding:19.53vw 0 6.51vw;}
}

.btn_store {width:484px;margin:0 auto;text-align:center;
	border-radius:100vh;height:67px;line-height:67px;
	font-size:20px;letter-spacing:0.1em;color:#000;
	background:#fff;
	background-image:url("../img/common/new_window_bk.png");
	background-repeat:no-repeat;
	background-position:94% 50%;
	background-size:15px 15px;
	vertical-align:middle;transition:0.2s;}
.btn_store:hover {color:#fff;
	background:#323232;
	background-image:url("../img/common/new_window_wh.png");
	background-repeat:no-repeat;
	background-position:94% 50%;
	background-size:15px 15px;
	vertical-align:middle;}
@media screen and (max-width: 768px){
	.btn_store {width:100%;margin:0 auto;text-align:center;
		border-radius:100vh;
		height:15.88vw;line-height:15.88vw;
		font-size:3.38vw;letter-spacing:0.1em;color:#000;
		background:#fff;
		background-image:url("../img/common/new_window_bk.png");
		background-repeat:no-repeat;
		background-position:94% 50%;
		background-size:2.60vw 2.60vw;
		vertical-align:middle;transition:0.2s;}
	.btn_store:hover {color:#000;background:#fff;
		background-image:url("../img/common/new_window_bk.png");
		background-repeat:no-repeat;
		background-position:94% 50%;
		background-size:2.60vw 2.60vw;
		vertical-align:middle;}
}


.ft_contents {width:88.88%;margin:0 auto;
	display:flex;justify-content: space-between;
	align-items:flex-end;color:#fff;
	margin-top:140px;}
.ft_c_inner_A {display:flex;align-items:flex-start;
	margin-right:80px;}
.ft_c_inner_B {display:block;}
.ft_logo {width:247px;margin-right:80px;}
.ft_menu {display:block;font-size:25px;line-height:1;
	letter-spacing:0.1em;}
.ft_menu li:not(:last-child) {margin-bottom:25px;}
.ft_menu li:last-child span1 {opacity:0.4;}
.ft_menu li:last-child span2 {border:solid 0.5px #fff;
	font-size:14px;letter-spacing:0;text-align:center;
	padding:2px 5px;line-height:25px;
	vertical-align:middle;margin-left:10px;}
.ft_c_inner_B a img {width:133px;}
.ft_c_inner_B p {font-size:12px;letter-spacing:0.02em;
	margin-top:30px;}

.ft_logo a:hover,
.ft_c_inner_B a:hover {opacity:0.3;transition:0.2s;}

@media screen and (max-width: 880px){
	.ft_contents {margin-top:15.90vw;}
	.ft_c_inner_A {margin-right:9.09vw;}
	.ft_logo {width:28.06vw;margin-right:9.09vw;}
	.ft_menu {font-size:2.84vw;}
	.ft_menu li:not(:last-child) {margin-bottom:2.84vw;}
	.ft_menu li:last-child span2 {font-size:1.59vw;
		padding:0.22vw 0.56vw;line-height:2.84vw;
		margin-left:1.13vw;}
	.ft_c_inner_B a img {width:15.11vw;}
	.ft_c_inner_B p {font-size:1.36vw;margin-top:3.40vw;}
}
@media screen and (max-width: 768px){
	.ft_contents {width:100%;margin:26.04vw auto 0;
		display:block;}
	.ft_c_inner_A {width:100%;margin:0 auto;display:block;
		text-align:center;}
	.ft_c_inner_B {text-align:center;margin-top:16.92vw;}
	.ft_logo {width:40.10vw;margin:0 auto 13.02vw;}
	.ft_menu {font-size:6.51vw;}
	.ft_menu li:not(:last-child) {margin-bottom:7.81vw;}
	.ft_menu li:last-child span2 {font-size:3.51vw;
		border:solid 1px #fff;margin-left:0;
		padding:0.65vw 1.30vw;line-height:5.20vw;}
	.ft_c_inner_B a img {width:24.21vw;}
	.ft_c_inner_B p {font-size:2.08vw;margin-top:5.20vw;}
	.ft_logo a:hover,
	.ft_c_inner_B a:hover {opacity:1;}
}

/* フッターmenuテキスト下線アニメーション */
.ft_menu p a {display:inline-block;
	position:relative;overflow:hidden;}
.ft_menu p a::after {position:absolute;bottom:0;left:0;
	width:100%;height:1px;background-color:#fff;
	transform:translate(-100%, 0);
	transition:transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	content:"";}
.ft_menu p a:hover::after {transform:translate(0, 0);}
@media screen and (max-width: 768px){
	.ft_menu p a:hover::after {display:none;}}
/* フッターmenuテキスト下線アニメーション */

/* フッター */