@charset "UTF-8";

/*================
HOME
================*/
/* MV */
#HOME .mv{
	padding-bottom: 77px;
}
#HOME .mv .splide img{
	height: auto;
}
#HOME .mv .splide__pagination{
	position: static;
	margin-top: 57px;
}
#HOME .mv .splide__pagination__page{
	background-color: #D9D9D9;
	width: 20px;
	height: 20px;
	margin-inline: 15px;
}
#HOME .mv .splide__pagination__page.is-active{
	/* background-color: #b6b6b6; */
	transform: none;
	background-color: #fff;
	border: solid 4px #ac1a10;
}

/* message */
#HOME .section-message{
	padding-bottom: 160px;
}
#HOME .section-message .message-txt{
	font-family: "BIZ UDPGothic", 'Noto Sans JP', sans-serif;
	color: #000;
	text-align: center;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 2.4; 
}
#HOME .message-copy{
	color: #000;
	text-align: center;
	font-size: 36px;
	font-weight: 400;
	line-height: 88.889%;
	margin-top: 60px;
}
#HOME .message-copy img {
	width: 470px;
}

/* innovation */
#HOME .section-innovation{
	padding: 49px 0 104px;
	background-color: #4E4E4E;
}
#HOME .innovation-ttl{
	color: #FFF;
	text-align: center;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 94px;
}
#HOME .section-innovation .flex-cnt-01{
	/* padding-top: 120px; */
	/* padding: 120px 16px 42px 26px; */
	color: #FFF;
}
#HOME .section-innovation .flex-cnt-01 .cnt-ttl{
	padding-left: 26px;
	font-size: 1.25em;
	font-weight: 900;
	line-height: 1.6;
	margin-bottom: 12px;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt{
	display: flex;
	gap: 34px;
	padding-left: 26px;
	padding-right: 16px;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt-01{
	color: #FFF;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
	min-width: 140px;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt-02 {
	color: #FFF;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	font-feature-settings: "halt";
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt-02 > span{
	font-weight: 900;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt.impact{
	/* margin-top: 18px; */
	background: #2F2F2F;
	padding-top: 30px;
	padding-bottom: 42px;
	position: relative;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt.impact::before{
	content: "";
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjUxIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgNTEgMTgiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiM3RDdEN0QiIGQ9Ik0yNS4xMTQ3IDE3LjI1TDUwLjIyOTUgMEg5LjUzNjc0ZS0wNkwyNS4xMTQ3IDE3LjI1WiIvPjwvc3ZnPg==") no-repeat top center;
	width: 58px;
	height: 23px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
#HOME .section-innovation .bg-wrap {
	position: relative;
	/* padding-top: 120px; */
	min-height: 254px;
}
#HOME .section-innovation .cnt-wrap{
	position: absolute;
	bottom: 18px;
}
#HOME .section-innovation .cnt-01 .bg-wrap {
	background: url(/brand/imgs/home/innovation_bg01.jpg?v2) no-repeat top left/cover;
}
#HOME .section-innovation .cnt-02 .bg-wrap {
	background: url(/brand/imgs/home/innovation_bg02.jpg?v2) no-repeat top left/cover;
}
#HOME .section-innovation .cnt-03 .bg-wrap {
	background: url(/brand/imgs/home/innovation_bg03.jpg?v2) no-repeat top left/cover;
}
#HOME .section-innovation .cnt-04 .bg-wrap {
	background: url(/brand/imgs/home/innovation_bg04.jpg?v2) no-repeat top left/cover;
}
/* philosophy */
#HOME .section-philosophy{
	padding: 97px 0 116px;
	background: #EEEBEB;
}

/* bnr */
.section-bnr{
	padding: 100px 0 116px;
}
.section-bnr .bnr+.bnr{
	margin-top: 100px;
}
.section-bnr .bnr .bnr-txt{
	margin-top: 16px;
	text-align: center;
}
.section-bnr .bnr.in-txt{
	position: relative;
}
.section-bnr .bnr.in-txt a:hover{
	text-decoration: none;
}
.section-bnr .bnr.in-txt .in-txt-wrap{
	display: contents;
}
.section-bnr .bnr.in-txt .in-txt-wrap .in-txt-01{
	color: #000;
	font-size: 1.875em;
	font-weight: 900;
	line-height: 1.8;
	position: absolute;
	top: 41px;
	left: 42px;
}
.section-bnr .bnr.in-txt .in-txt-wrap .in-txt-02{
	color: #000;
	font-size: 16px;
	font-weight: 900;
	line-height: 3.375;
	position: absolute;
	bottom: 50px;
	left: 42px;
}
.section-bnr .bnr.in-txt .in-txt-wrap .in-txt-02 .arw{
	display: inline-block;
	width: 7px;
	height: 12px;
	padding-right: 15px;
}



/*================
対談
================*/
#DIALOGUE .mv-wrap{
	background: url(/brand/imgs/dialogue/mv_pc.jpg) no-repeat top center/1600px auto ,linear-gradient(90deg, #ffeeda, #ffeeda 27%, #ffffff 80% 100%);
	height: 500px;
	position: relative;
	margin-bottom: 74px;
}
#DIALOGUE .mv-wrap-sp{
	display: contents;
}
#DIALOGUE .mv-wrap .ttl-wrap-01{
	padding-top: 70px;
}
#DIALOGUE .mv-wrap .ttl-wrap-01 .mv-ttl{
	display: inline-block;
	background: #D80C1E;
	color: #FFF;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 1.6;
	padding: 3px 7px 4px;
}
#DIALOGUE .mv-wrap .ttl-wrap-01 .mv-txt{
	margin-top: 18px;
	color: #000;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.625;
}
#DIALOGUE .mv-wrap .ttl-wrap-02{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.46);
	padding: 22px 0 36px;
	color: #FFF;
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap{
	display: flex;
	gap: 40px;
	/* align-items: center; */
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap .mv-name{
	display: flex;
    flex-direction: column;
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap .mv-name-01{
	font-weight: 400;
	line-height: 1.6;
	flex-grow: 1;
	display: flex;
    align-items: center;
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap .mv-name-02{
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
    margin-top: 3px;
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-cross{
	display: flex;
    align-items: center;
	justify-content: center;
}
/* 縦書き版 */
#DIALOGUE .mv-wrap .ttl-wrap-03{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name{
	background: rgba(0, 0, 0, 0.60);
	writing-mode: vertical-rl;
	padding: 7px 2px;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name-wrap{
	position: relative;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name .mv-name-01{
	color: #FFF;
	line-height: 1.6;
	letter-spacing: 0.15em;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name .mv-name-02{
	margin-top: 0;
	color: #FFF;
	font-size: 1.5em;
	letter-spacing: 0.3em;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name-01-wrap{
	position: absolute;
	top: 219px;
	right: 8px;
	/* height: 152px; */
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name-02-wrap {
	position: absolute;
	top: 219px;
	right: 583px;
	/* height: 259px; */
}

#DIALOGUE .section-01+.section-01{
	margin-top: 92px;
}

#DIALOGUE .ttl-01{
	color: #D80C1E;
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.6;
	display: flex;
    align-items: center;
	margin-bottom: 34px;
}
#DIALOGUE .ttl-01::before{
	content: "";
	width: 1em;
	height: 1em;
	display: inline-block;
	background-color: #D80C1E;
	margin-right: 14px;
}
#DIALOGUE .ttl-02{
	color: #000;
	font-weight: 700;
	line-height: 3;
	display: flex;
    align-items: center;
	margin-bottom: 20px;
}
#DIALOGUE .ttl-02::before{
	content: "";
	width: 61px;
	height: 1px;
	display: inline-block;
	background-color: #000;
	margin-right: 14px;
}
#DIALOGUE .name{
	color: #000;
	font-weight: 700;
	line-height: 2.125;
	width: 3.1em;
	margin-top: 0;
}
#DIALOGUE .img-01 + .name {
    width: auto;
}
#DIALOGUE .cnt-01{
	display: flex;
	gap: 26px;
}
#DIALOGUE .cnt-01+.cnt-01{
	margin-top: 30px;
}
#DIALOGUE .cnt-01:has(+.ttl-02){
	margin-bottom: 60px;
}
#DIALOGUE .cnt-txt{
	flex: 1;
	line-height: 2.125;
}
#DIALOGUE .cnt-01 .img-01{
	width: 579px;
	margin-left: 22px;
}
#DIALOGUE .cnt-01 .img-01:has(+ .name){
	margin-left: 0;
	margin-right: 17px;
}
#DIALOGUE .section-bnr .bnr.in-txt .in-txt-wrap .in-txt-01,
#DIALOGUE .section-bnr .bnr.in-txt .in-txt-wrap .in-txt-02{
	color: #fff;
}
#DIALOGUE .section-bnr .bnr.in-txt .in-txt-wrap .in-txt-01{
	top: 72px;
}
#DIALOGUE .section-bnr .bnr.in-txt .in-txt-wrap .in-txt-02{
	bottom: 73px;
}

@media only screen and (max-width: 768px){
/*================
HOME
================*/
/* MV */
#HOME .mv{
	padding-bottom: 12.5vw;
}
#HOME .mv .splide img{
	/* height: auto; */
}
#HOME .mv .splide__pagination{
	margin-top: 7.422vw;
}
#HOME .mv .splide__pagination__page{
	width: 2.605vw;
	height: 2.605vw;
	margin-inline: 1.954vw;
}
#HOME .mv .splide__pagination__page.is-active{
	border-width: 0.521vw;
}
/* message */
#HOME .section-message{
	padding-bottom: 16.146vw;
}
#HOME .section-message .message-txt{
	text-align: left;
	font-size: 3.646vw;
	line-height: 2; 
}
#HOME .message-copy{
	font-size: 7.032vw;
	line-height: 1.6;
	margin-top: 10.417vw;
}
#HOME .message-copy img {
	width: 100%;
}

/* innovation */
#HOME .section-innovation{
	padding: 10.027vw 0 13.021vw;
}
#HOME .innovation-ttl{
	font-size: 6.25vw;
	margin-bottom: 10.287vw;
}
#HOME .section-innovation .flex-cnt-01{
	/* color: #FFF; */
}
#HOME .section-innovation .flex-cnt-01 .cnt-ttl{
	padding-left: 3.907vw;
	font-size: 3.907vw;
	margin-bottom: 1.563vw;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt{
	gap: 5.209vw;
	padding-left: 3.907vw;
	padding-right: 3.907vw;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt-01{
	font-size: 3.907vw;
	white-space: initial;
	min-width: 18.23vw;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt-02 {
	font-size: 3.125vw;
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt.impact{
	padding-top: 7.813vw;
	padding-bottom: 5.209vw;
	/* position: relative; */
}
#HOME .section-innovation .flex-cnt-01 .cnt-txt.impact::before{
	background-size: contain;
	width: 11.329vw;
	height: 4.428vw;
}
#HOME .section-innovation .bg-wrap {
	min-height: 48.959vw;
}
#HOME .section-innovation .cnt-wrap{
	bottom: 2.605vw;
}
#HOME .section-innovation .cnt-01 .bg-wrap {
	/* background: url(/brand/imgs/home/innovation_bg01.jpg) no-repeat top left/cover; */
}
#HOME .section-innovation .cnt-02 .bg-wrap {
	/* background: url(/brand/imgs/home/innovation_bg02.jpg) no-repeat top left/cover; */
}
#HOME .section-innovation .cnt-03 .bg-wrap {
	/* background: url(/brand/imgs/home/innovation_bg03.jpg) no-repeat top left/cover; */
}
#HOME .section-innovation .cnt-04 .bg-wrap {
	/* background: url(/brand/imgs/home/innovation_bg04.jpg) no-repeat top left/cover; */
}
/* philosophy */
#HOME .section-philosophy{
	padding: 13.021vw 0 12.11vw;
}

/* bnr */
.section-bnr{
	padding: 19.532vw 0 13.021vw;
}
.section-bnr .bnr+.bnr{
	margin-top: 10.417vw;
}
.section-bnr .bnr .bnr-txt{
	margin-top: 2.605vw;
	font-size: 3.646vw;
	line-height: 1.6;
}
.section-bnr .bnr.in-txt .in-txt-wrap{
	display: block;
	background: #EEEBEB;
	box-sizing: border-box;
	padding: 2.344vw 3.907vw 2.605vw;
}
.section-bnr .bnr.in-txt .in-txt-wrap .in-txt-01{
	font-size: 3.907vw;
	position: static;
}
.section-bnr .bnr.in-txt .in-txt-wrap .in-txt-02{
	font-size: 3.125vw;
	margin-top: 1.303vw;
	line-height: 2.25;
	position: static;
}
.section-bnr .bnr.in-txt .in-txt-wrap .in-txt-02 .arw{
    width: 3.125vw;
    height: 2.474vw;
	padding-right: 1.042vw;
}
.section-bnr .bnr.in-txt .in-txt-wrap .in-txt-02 .arw svg {
    width: 100%;
    height: 100%;
}


/*================
対談
================*/
#DIALOGUE .mv-wrap{
	background: none;
	height: auto;
	/* position: relative; */
	margin-bottom: 10.417vw;
}
#DIALOGUE .mv-wrap-sp{
	display: block;
	background: url(/brand/imgs/dialogue/mv_sp.jpg) no-repeat top center/cover;
	height: 65.105vw;
	position: relative;
}
#DIALOGUE .mv-wrap .ttl-wrap-01{
	padding-top: 2.605vw;
	padding-bottom: 2.344vw;
}
#DIALOGUE .mv-wrap .ttl-wrap-01 .mv-ttl{
	/* display: inline-block; */
	/* background: #D80C1E; */
	/* color: #FFF; */
	font-size: 3.646vw;
	/* font-weight: 500; */
	line-height: 1;
	padding: 1.303vw;
}
#DIALOGUE .mv-wrap .ttl-wrap-01 .mv-txt{
	margin-top: 1.303vw;
	/* color: #000; */
	font-size: 5.209vw;
	/* font-weight: 500; */
	line-height: 1.6;
}
#DIALOGUE .mv-wrap .ttl-wrap-02{

	position: absolute;
	/* bottom: 0; */
	/* width: 100%; */
	/* background-color: rgba(0, 0, 0, 0.46); */
	padding: 1.563vw 0 2.735vw;
	/* color: #FFF; */
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap{
	/* display: flex; */
	gap: 5.209vw;
	justify-content: center;
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap .mv-name{
	/* display: flex; */
    /* flex-direction: column; */
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap .mv-name:nth-of-type(1){
	text-align: right;
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap .mv-name-01{
	font-size: 3.125vw;
	/* font-weight: 400; */
	/* line-height: 1.6; */
	/* flex-grow: 1; */
	/* display: flex; */
    /* align-items: center; */
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-name-wrap .mv-name-02{
	font-size: 3.907vw;
	/* font-weight: 700; */
	/* line-height: 1; */
    margin-top: 1.563vw;
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-cross{
	/* display: flex; */
    /* align-items: center; */
	/* justify-content: center; */
}
#DIALOGUE .mv-wrap .ttl-wrap-02 .mv-cross svg {
	width: 5.99vw;
	height: 5.99vw;
}

/* 縦書き版 */
#DIALOGUE .mv-wrap .ttl-wrap-03{
	/* position: absolute; */
	/* top: 0; */
	/* width: 100%; */
	/* height: 100%; */
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name{
	/* background: rgba(0, 0, 0, 0.60); */
	/* writing-mode: vertical-rl; */
	padding: 1.563vw 0.782vw 0.782vw;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name-wrap{
	/* position: relative; */
	height: 65.105vw;
	width: 100%;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name .mv-name-01{
	/* color: #FFF; */
	font-size: 2.605vw;
	line-height: 1.3;
	/* letter-spacing: 0.15em; */
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name .mv-name-02{
	/* margin-top: 0; */
	/* color: #FFF; */
	font-size: 3.646vw;
	/* letter-spacing: 0.3em; */
	line-height: 1;
	margin-right: 2.214vw;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name-01-wrap{
	/* position: absolute; */
	top: 25vw;
	right: initial;
	left: 81.381vw;
}
#DIALOGUE .mv-wrap .ttl-wrap-03 .mv-name-02-wrap {
	/* position: absolute; */
	top: initial;
	right: initial;
	left: 0.131vw;
	bottom: 0;
}

#DIALOGUE .section-01+.section-01{
	margin-top: 23.438vw;
}

#DIALOGUE .ttl-01{
	/* color: #D80C1E; */
	font-size: 3.907vw;
	/* font-weight: 700; */
	/* line-height: 1.6; */
	/* display: flex; */
    align-items: flex-start;
	margin-bottom: 7.813vw;
}
#DIALOGUE .ttl-01::before{
	/* content: ""; */
	/* width: 1em; */
	/* height: 1em; */
	/* display: inline-block; */
	/* background-color: #D80C1E; */
	margin-right: 2.605vw;
	margin-top: 1.4vw;
}
#DIALOGUE .ttl-02{
	/* color: #000; */
	/* font-weight: 700; */
	font-size: 3.646vw;
	line-height: 2;
	display: block;
    /* align-items: center; */
	margin-bottom: 5.209vw;
	padding-left: 9.766vw;
	position: relative;
}
#DIALOGUE .ttl-02::before{
	/* content: ""; */
	width: 7.943vw;
	/* height: 1px; */
	/* display: inline-block; */
	/* background-color: #000; */
	margin-right: 1.823vw;
	position: absolute;
    left: 0;
    top: 1em;
}
#DIALOGUE .name{
	/* color: #000; */
	font-size: 3.646vw;
	/* font-weight: 700; */
	/* line-height: 2.125; */
	width: initial;
	/* margin-top: 0; */
}
#DIALOGUE .img-01 + .name {
    /* width: auto; */
	margin-top: 6.511vw;
}
#DIALOGUE .cnt-01{
	/* display: flex; */
	gap: 0.912vw;
	flex-direction: column;
}
#DIALOGUE .cnt-01+.cnt-01{
	margin-top: 7.422vw;
}
#DIALOGUE .cnt-01:has(+.ttl-02){
	margin-bottom: 12.37vw;
}
#DIALOGUE .cnt-txt{
	/* flex: 1; */
	font-size: 3.646vw;
	line-height: 2;
}
#DIALOGUE .cnt-01 .img-01{
	width: 100%;
}
#DIALOGUE .cnt-txt + .img-01{
	margin-top: 4.428vw;
	margin-left: 0;
}
#DIALOGUE .cnt-01 .img-01:has(+ .name){
	margin-right: 0;
}
#DIALOGUE .section-bnr .bnr.in-txt .in-txt-wrap .in-txt-01,
#DIALOGUE .section-bnr .bnr.in-txt .in-txt-wrap .in-txt-02 {
	color: #000;
}


}