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



.m_topKv__image {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
}
.m_topKv__contents {
	left: 20px;
	right: 20px;
	width: auto;
}
.m_topKv__box {
	max-width: 100%;
	margin-left: 0;
	padding-left: 0;
	background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(47, 47, 47, 0) 100%);
	border-radius: 0 0 10px 10px;
	display: block;
}
.m_topKv__boxInner {
	/* padding-left: 120px; */
	padding-left: 0;
	max-width: 1160px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
.m_topKv__inner {
	max-width: 1440px;
	width: 100%;
}
@media print, screen and (min-width: 768px) {
	.m_topKv__image img {
		height: auto;
		max-width: 100%;
	}
	.m_topKv__container {
		height: auto;
	}
}
@media print, screen and (max-width: 1440px) {
	.m_topKv__contents {
	}
}
@media screen and (max-width: 767px) {
	.m_topKv__image {
		height: auto;
	}
	.m_topKv__image img {
		min-width: 0;
	}
	.m_topKv__container {
		height: auto;
	}
}
.gra01 {
	background: conic-gradient(
		from 135deg, 
		rgba(235, 72, 118, 0.85) 0%, 
		#6D90B7 5%, 
		#242B35 50%, 
		#273C5E 90%, 
		rgba(235, 72, 118, 0.85) 100%);
		padding: 17px 12px;
		border-radius: 10px;
}

.section01Wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

.section01Item01 { grid-area: 1 / 1 / 3 / 3; }
.section01Item02 { 
	grid-area: 1 / 3 / 2 / 4; 
	max-height: 314px;
	height: 100%;
}
.section01Item02 > a {
	height: 100%;
	display: block;
}
.section01Item03 { 
	max-height: 314px;
	height: 100%;
	grid-area: 2 / 3 / 3 / 4; 
}
.section01Item03 iframe {
	/* opacity: 0; */
	height: 100%;
}
@media screen and (max-width: 767px) {
	.section01Wrap {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	.section01Item01,
	.section01Item02,
	.section01Item03 {
		margin-bottom: 0;
		height: auto;
		max-height: none;
	}
	.section01Item03 {
		min-height: 370px;
	}
	.section01Item03 iframe {
		width: 100% !important;
		height: 100% !important;
		min-height: 370px;
	}
}

.hasBtnWrap {
	margin-top: 100px;
}
.hasBtnWrap > div {
	display: flex;
	justify-content: space-between;
}
.hasBtnWrap > div::after {
	display: none;
}
@media screen and (max-width: 767px){
	.hasBtnWrap {
		margin-top: 80px;
	}
}
.section02Wrap {
	/* width: 100%;
	overflow-x: scroll; */
	overflow: visible;
	margin-top: 55px;
}
.section02List {
	margin-right: -20%;
	padding-right: 10px;
	/* display: flex;;
	gap: 16px; */
}
.js_slick01 .section02Item {
	width: 280px;
	text-align: center;
}
.js_slick01 .section02Item img {
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1440px) {
	.section02List {
		margin-right: -20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 767px) {
	.section02Wrap {
		margin-top: 20px;
	}
	.section02List {
		margin-right: 0;
		padding-right: 0;
	}
	.js_slick01 .section02Item {
		width: 100% ;
	}
}
.section02Item + .section02Item  {
	margin-left: 16px;
}
.section02Item iframe {
	height: 100%;
}
.slick-arrow {
	border: 1px solid #5795BB;
	border-radius: 50%;
	width: 55px;
	height: 55px;
	background-color: #fff;

}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
	display: none !important;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {}
.slick-arrow:hover,
.slick-arrow:focus {
	background-color: #fff;
}
@media screen and (min-width: 768px),print {
	
}
.slick-arrow::before {
	content: "";
	display: block;
	width: 15px;;
	height: 15px;
	border: none;
	border-top: 3px solid #5795BB;
	border-right: 3px solid #5795BB;
	position: absolute;
	inset: 0;
	margin: auto;
}
.js_slick01 .slick-next {
	right: 190px;
}
.js_slick02 .slick-next {
	
	right: 170px;
}
@media screen and (max-width: 1440px) {
	.js_slick01 .slick-next {
		right: 20px;
	}
}
@media screen and (max-width: 767px) {
	.js_slick01 .slick-next {
		right: 0;
	}
	.js_slick02 .slick-next {
		
		right: 0;
	}
	
}
.slick-prev:before {
	rotate: 175deg;

}
.section03 {
	margin-top: 55px;
}
@media screen and (max-width: 767px) {
	.section03 {
		margin-top: 20px;
	}
}
/* .section03List {
	display: flex;;
	gap: 16px;
	margin-top: 20px;
}
.section03Item {
	flex: 1;
} */
.section03List {
	margin-top: 20px;
}
.section03Item + .section03Item  {
	margin-left: 16px;
}
.section03Item iframe {
	height: 100%;
}
@media screen and (max-width: 767px) {
	/* .section03List {
		flex-direction: column;
	} */
	.section03Item iframe {
		width: 100% !important;
		height: 100% !important;
		min-height: 370px;
}
}
/* .section04Wrap {
	margin-top: 55px;
	display: flex;;
	gap: 15px;
}
.section04Item {
}
.section04Item blockquote {
	height: 100%;
} */

.section04Wrap {
	margin-top: 55px;
    display: flex;
    align-items: stretch;
    gap: 20px;
}

/* 各アイテムの基本設定 */
.section04Item {
    min-width: 0;
}
.section04Item:first-child {
	width: 66%;
}

.instagram-scroll-container {
    height: 100%;
    max-height: 494px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
}

.instagram-scroll-container iframe,
.instagram-scroll-container blockquote {
    min-width: 100% !important;
    width: 100% !important;
    margin: 0 !important; 
}
@media screen and (max-width: 767px) {
	.section04Wrap {
		flex-direction: column;
		margin-top: 20px;
	}
	.section04Item:first-child {
		width: 100%;
	}
}

.section05Wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}

.section05Item01 { grid-area: 1 / 1 / 3 / 3; }
.section05Item02 { 
	grid-area: 1 / 3 / 2 / 4; 
}
.section05Item02 > a {
	display: block;
}
.section05Item03 { 
	grid-area: 2 / 3 / 3 / 4; 
}
@media screen and (max-width: 767px) {
	.section05Wrap {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
}

.section06Wrap {
	background-image: url(/JP/STORIES/ASSETS/IMG/story_section06_01.png);
	background-repeat: no-repeat;
	background-position: right center;
}
@media screen and (max-width: 1440px) {
	.section06Wrap {
		background-size: calc(860 / 1440* 100vw);
	}
}
@media screen and (max-width: 767px) {
	.section06Wrap {
		padding: 40px 0;
			background-image: url(/JP/STORIES/ASSETS/IMG/story_section06_01_sp.png);
			background-position: right bottom;
			background-size: 100% 100%;

	}
}
.section06Text01 {
	margin-top: 24px;
}
.section06BtnWrap {
	margin-top: 35px;
}
.pbAreaWrapper1 a.section06Btn {
	max-width: 386px;
	text-decoration: none;
	display: flex;
	justify-content: center;;
	align-items: center;
	min-height: 50px;
	background-color: #fff;
	border: 1px solid #D3D3D3;
	border-radius: 30px;
	color: #003F65;
	font-weight: bold;
	transition: 0.3s;
	text-align: center
}
body:not(.s_touchDevice) .pbAreaWrapper1 a.section06Btn:hover {
	background: #003F65 linear-gradient(90deg, #003F65 0%, #5795bb 100%);
	background-clip: padding-box;
	border-color: transparent;
	color: #FFF;
}
@media screen and (max-width: 767px) {
	.pbAreaWrapper1 a.section06Btn {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}

.storyListWrap {
	margin-top: 55px;
	overflow: visible;;
}
@media screen and (max-width: 767px) {
	.storyListWrap {
		margin-top: 20px;
	}
}
.storyList {
	margin-right: -20%;
}
.storyListItem {
	width: 375px !important;
}
@media screen and (max-width: 767px) {
	.storyList {
		margin-right: 0;
	}
	.storyListItem {
		width: 100% !important;
	}
}
.storyListItem + .storyListItem {
	margin-left: 16px;
}
.storyListLink {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}
.storyListTextWrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: linear-gradient(180deg,rgba(36, 43, 53, 0) 0%, rgba(169, 81, 129, 1) 30%, rgba(0, 63, 101, 1) 100%);
	padding: 0 30px 7px;
}
.storyListTag {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	min-height: 32px;
	border-radius: 20px;
	padding: 2px 18px;
}
.storyListTitle {
	font-size: 2.6rem;
	line-height: 1.5;
}
.storyListText {
	display: inline-block;
	position: relative;
	padding-right: 14px;
	margin-top: 15px;
}
.storyListText::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	rotate: 45deg;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.storyListCoutry {
	text-align: right;
}
.storyListCoutryText {
	display: inline-block;
	background: url(/JP/STORIES/ASSETS/IMG/story_icon_01.png) no-repeat left center;
	padding-left: 20px;
}

.storyBottomArea {
	background: url(/JP/STORIES/ASSETS/IMG/story_bg_bottom01.png) no-repeat center center ;
	padding: 40px 0;
	margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
	.storyBottomArea  {
		background: url(/JP/STORIES/ASSETS/IMG/story_bg_bottom01_sp.png) no-repeat center top;
		background-size: cover;
		padding-top: calc(60 / 390* 100vw);
		padding-bottom: calc(50 / 390* 100vw);
	}
}
.c_section.storyBottomArea:not(.white):last-child:after {
	display: none;
}
.storyBottomArea  > div {
	padding: 0;
}
.storyBottomAreaTitle {
	color: #fff;
}
.storyBottomAreaText {
	margin-bottom: 35px;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.storyBottomArea  .m_contentsBtn__btn {
		margin-top: calc(120 / 390* 100vw);
	}
}
@media print, screen and (min-width: 768px) {
	.c_media > div.s_center {
		align-items: center;;
	}
}

.textShadow01 {
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.85);
}
.m_categorys ul li a,
.m_category {
	display: inline-flex;
	/* min-width: 140px; */
	height: 28px;
	justify-content: center;
	align-items: center;
	font-size: 1.3rem;
}
.m_categorys ul li a.s_brand01,
.m_category.s_brand01 {
	background: linear-gradient(90deg,rgba(37, 79, 127, 1) 0%, rgba(106, 141, 180, 1) 100%);
}
.m_categorys ul li a.s_people01,
.m_category.s_people01 {
	background: linear-gradient(90deg,rgba(76, 131, 113, 1) 0%, rgba(35, 58, 55, 1) 100%);
}
.m_categorys ul li a.s_beyond01,
.m_category.s_beyond01 {
	background: linear-gradient(90deg,rgba(243, 98, 111, 1) 0%, rgba(167, 56, 83, 1) 100%);
}

.c_indexTitle.loacl.s_listTop:before {
	display: none;
}
.c_indexTitle.loacl.s_listTop {
	padding-top: 110px;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}
.c_indexTitle.loacl.s_listTop .title {
	font-size: 5.6rem;
}
.c_indexTitle.s_listTop .inner {
	padding-left: 20px;
	top: 59%;
}

@media screen and (max-width: 1439px) {
	.c_indexTitle.loacl.s_listTop .image img {
		height: auto;
		width: auto;
		max-width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.c_indexTitle.loacl.s_listTop {
		padding-top: 45px;
		padding-left: 0;
		padding-right: 0;
	}
	.c_indexTitle.s_listTop .inner {
		padding-left: 0;
		top: 40%;
	}
}

@media (hover: hover) and (pointer: fine){
	.link_zoom {
		overflow: hidden;
		display: block;
		border-radius: 10px;
		backface-visibility: hidden;
	}
	.link_zoom img {
		transition: 0.2s;
		vertical-align: bottom;
		will-change: transform;
	}
	.link_zoom:hover img {
		transform: scale(1.05);
	}
}

/* #onetrust-banner-sdk {
	display: none;
} */