@charset "utf-8";
.n26_title_03 { font-size: 27px; font-weight: 400; line-height: 1.2; letter-spacing: 0.05em; text-transform: none; }
.n26_p_05 { font-size: 13px; font-weight: 400; line-height: 2.0; letter-spacing: 0.06em; }
.n26_p_06 { font-size: 13px; font-weight: 400; line-height: 2.0; letter-spacing: 0.06em; }
.n26_p_07 { font-size: 10px; font-weight: 400; line-height: 1.5; letter-spacing: 0.03em; }
.n26_p_btn { font-family: "Noto Sans JP", sans-serif!important; font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; }
.n26_mt_04 { margin-top: 5px; }
.n26_mtb_01 { margin-top: -10px; margin-bottom: 20px; }
.n26_pd_01 { padding: 63px 131px 43px 131px; }
.n26_w_363 {  }
.n26_w_1048 { max-width: 1048px; }
.n26_bg_01 { background: #eff1f4; }
@media (max-width: 1920px) {
.n26_title_03 { font-size: 27px; }
.n26_p_05 { font-size: 13px; }
.n26_p_06 { font-size: 13px; }
.n26_p_07 { font-size: 10px; }
}
@media (max-width: 1599.98px) {
.n26_title_03 { font-size: 27.5px; }
.n26_p_05 { font-size: 13.5px; }
.n26_p_06 { font-size: 14.16px; }
.n26_p_07 { font-size: 11px; }
}
@media (max-width: 1199px) {
.n26_title_03 { font-size: 28px; }
.n26_p_05 { font-size: 14px; }
.n26_p_06 { font-size: 15.33px; }
.n26_p_07 { font-size: 12px; }
.n26_w_1048 { max-width: 100%; }
}
@media (max-width: 991px) {
.n26_title_03 { font-size: 28.5px; }
.n26_p_05 { font-size: 14.5px; }
.n26_p_06 { font-size: 16.5px; }
.n26_p_07 { font-size: 13px; }
.n26_pd_01 { padding: 63px 0px 43px 0px; }
.n26_w_363 { max-width: 363px; margin-left: auto; margin-right: auto;  }
}
@media (max-width: 767px) {
.n26_title_03 { font-size: 29.75px; }
.n26_p_05 { font-size: 15.25px; }
.n26_p_06 { font-size: 18.25px; }
.n26_p_07 { font-size: 14.5px; }
}
@media (max-width: 575px) {
.n26_title_03 { font-size: 30px; }
.n26_p_05 { font-size: 16px; }
.n26_p_06 { font-size: 20px; }
.n26_p_07 { font-size: 16px; }
}



/** style 上書き **/
h2.custom-title {
	display: flex;
	letter-spacing: .001em;
}

h2.custom-title:before {
	content: "";
	position: relative;
	top: 0.7em;
	display: block;
	width: 20px;
	margin-right: 10px;
	flex-shrink: 0;
	border-top: 1px solid;
	color: inherit;
}

@media (min-width: 1200px) {
	h2.custom-title:before {
		top: 0.6em;
		width: 71px;
		margin-right: 33px;
	}
}



/** ヒーロー画像下部の流れるアウトラインテキスト（The Work of Professionals） **/
.n26_hero2_marquee_text {
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding-right: clamp(30px, 6vw, 120px);
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.00em;
	color: transparent;
	-webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.55);
	text-stroke: 1.5px rgba(255, 255, 255, 0.55);
	animation: n26_hero2_marquee_scroll 26s linear infinite !important;
	will-change: transform;
	font-size: var(--n26-marquee-fs, 260px);
}
.n26_hero2_marquee_text::after { content: attr(data-text); display: inline-block; padding-left: clamp(30px, 6vw, 120px); }
@keyframes n26_hero2_marquee_scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@media (max-width: 767px) and (min-width: 575.02px) {
.n26_hero2_marquee_text { animation-duration: 18s !important; }
}
@media (max-width: 575px) and (min-width: 390.02px) {
.n26_hero2_marquee_text { animation-duration: 18s !important; }
}
@media (max-width: 390px) {
.n26_hero2_marquee_text { animation-duration: 18s !important; }
}



/** 座談会 **/
.za26_name_00 { font-size: 162.5px; font-weight: 500; letter-spacing: 0.00em; text-transform: none; font-family: "Poppins", sans-serif!important; margin-bottom: -69px; color: #fff; }
.za26_name_01 { font-size: 24px; font-weight: 400; line-height: 1.5; letter-spacing: 0.05em; text-transform: none; font-family: "Noto Sans JP", sans-serif; }
.za26_name_02 { font-size: 32px; font-weight: 500; line-height: 1.5; letter-spacing: 0.05em; text-transform: none; font-family: "Noto Sans JP", sans-serif; color: #fff; margin-top: 16px; }
.za26_ta_01 { text-align: center; }
.za26_ta_02 { text-align: center; }
.za26_mtblr_01 { margin: 0px!important; }
.za26_ptblr_01 { padding: 0px!important; }
.za26_ptb_01 { padding-top: 180px!important; padding-bottom: 96px!important; }
.za26_ptb_02 { padding-top: 0px!important; padding-bottom: 0px!important; }

.za26_ptb_03 { padding-top: 0px!important; padding-bottom: 0px!important; background-color: #eff1f4; min-width: 100%; }
.za26_ptb_04 { padding-top: 30px!important; padding-bottom: 40px!important;}

.za26_plf_01 { padding-left: 0px!important; padding-right: 0px!important; }
.za26_mt_01 { margin-top: 16px; }
.za26_mw_01 { max-width: 1600px; }
.za26_mw_02 { max-width: 800px; }
.za26_mw_03 { max-width: 100%; }
.za26_fs_01 { font-size: 200px!important; }
.za26_fs_02 { font-size: 100px!important; }
.za26_fc_fff { color: #fff!important; }
.za26_fc_000 { color: #000!important; }
.za26_ds_1199_on { display: none; }
.za26_ds_1199_off { display: inline; }
.za26_kurowaku { width: 400px; height: 240px; background-color: #000; padding: 0px 32px 0px 32px; }
.za26_zenpen { width: 114px; height: 44px; background-color: #fff; padding: 4px 0px 4px 0px; text-align: center; }
.za26_shirowaku { width: 400px; height: 240px; background-color: #fff; padding: 0px 32px 0px 32px; }
.za26_kouhen { width: 114px; height: 44px; background-color: #000; padding: 4px 0px 4px 0px; text-align: center; }
@media (max-width: 1920px) {
}
@media (max-width: 1600px) {
.za26_mw_01 { max-width: 100%; }
}
@media (max-width: 1599.98px) {
.za26_name_01 { font-size: 23.25px; }
}
@media (max-width: 1399.98px) {
.za26_name_01 { font-size: 22.5px; }
.za26_ta_01 { text-align: left; }
.za26_ta_02 { text-align: right; }
}
@media (max-width: 1199px) {
.za26_name_00 { font-size: 65px; margin-left: -2px; margin-bottom: -28px; color: #fff; }
.za26_name_01 { font-size: 18px; }
.za26_name_02 { font-size: 18px; margin-top: 8px; }
.za26_ta_01 { text-align: center; }
.za26_ta_02 { text-align: center; }
.za26_ptb_01 { padding-top: 120px!important; padding-bottom: 96px!important; }
.za26_ptb_02 { padding-top: 0px!important; padding-bottom: 0px!important; }	

.za26_ptb_04 { padding-top: 0px!important; padding-bottom: 0px!important;}

.za26_mt_01 { margin-top: 8px; }
.za26_ds_1199_on { display: inline; }
.za26_ds_1199_off { display: none; }
.za26_kurowaku { width: 320px; height: 120px; background-color: #000; padding: 0px 16px 0px 16px; }
.za26_zenpen { width: 101px; height: 35px; background-color: #fff; padding: 4px 0px 4px 0px; text-align: center; }
.za26_shirowaku { width: 320px; height: 120px; background-color: #fff; padding: 0px 16px 0px 16px; }
.za26_kouhen { width: 101px; height: 35px; background-color: #000; padding: 4px 0px 4px 0px; text-align: center; }
}
@media (max-width: 991px) {
.za26_ptb_01 { padding-top: 60px!important; padding-bottom: 60px!important; }
.za26_ptb_02 { padding-top: 0px!important; padding-bottom: 0px!important; }
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
.za26_ptb_01 { padding-top: 48px!important; padding-bottom: 48px!important; }
.za26_ptb_02 { padding-top: 0px!important; padding-bottom: 0px!important; }	
}
@media (max-width: 390px) {
}



/** 座談会トップ 写真2枚に重ねる流れるテキスト（The Work of Professionals） **/
.za26_photos_wrap { position: relative; }
.za26_photos_marquee {
	position: absolute;
	left: 0;
	bottom: -58px;
	width: 100%;
	overflow: hidden;
	pointer-events: none;
	z-index: 1;
	--n26-marquee-fs: clamp(40px, 8vw, 220px);
}
@media (min-width: 1200px) {
.za26_photos_marquee { bottom: -58px; }
}
@media (max-width: 991px) {
.za26_photos_marquee { bottom: 60px; --n26-marquee-fs: clamp(28px, 10vw, 120px); }
}
@media (max-width: 575px) {
.za26_photos_marquee { bottom: 40px; --n26-marquee-fs: clamp(20px, 12vw, 90px); }
}

/** 電光掲示板の修正：za26_ds_1199_on / za26_ds_1199_off の display:inline(none) が
 *  .n26_hero2_marquee_text の display:inline-block を上書きしてしまい、
 *  transform（アニメーション本体）が効かなくなっていたための個別上書き
 *  ※ inline要素には transform が適用されないため、動いて見えなくなっていた
 *  PC版（za26_ds_1199_off）＝1200px以上でのみ表示 **/
@media (min-width: 1200px) {
.za26_photos_marquee .n26_hero2_marquee_text.za26_ds_1199_off { display: inline-block; }
}
@media (max-width: 1199px) {
.za26_photos_marquee .n26_hero2_marquee_text.za26_ds_1199_off { display: none; }
}
/** SP/タブレット版（za26_ds_1199_on）＝1199px以下でのみ表示 **/
@media (max-width: 1199px) {
.za26_photos_marquee .n26_hero2_marquee_text.za26_ds_1199_on { display: inline-block; }
}
@media (min-width: 1200px) {
.za26_photos_marquee .n26_hero2_marquee_text.za26_ds_1199_on { display: none; }
}



/** 座談会トップ 1199px以下：写真の上下カラムそれぞれに重ねる流れるテキスト
 *  （PC版は写真2枚をまとめた行の下端基準、SP/タブレット版は各カラムの上端から50px） **/
.za26_photos_col { position: relative; }
@media (max-width: 1199px) {
.za26_photos_col .za26_photos_marquee { top: -10px; bottom: auto; }
}



/** 座談会トップ CrossTalkブロックを写真の行に重ねる
 *  行（.za26_photos_wrap）の下端から80px上に、中央揃えでこのブロックの下端がくるように配置
 *  1199px以下では非表示（.row は display:flex 前提のため za26_ds_1199_off は使わず個別に制御） **/
.za26_crosstalk_overlay {
	position: absolute;
	left: 50%;
	bottom: 65px;
	transform: translateX(-50%);
	z-index: 2;
}
@media (max-width: 1199px) {
.za26_crosstalk_overlay { display: none; }
}



/** 座談会トップ 1199px以下：CrossTalkの前編/後編ブロックを各写真の下部に重ねる
 *  前編＝写真1の下端に左揃え、後編＝写真2の下端に右揃え。1200px以上では非表示
 *  → カラム幅ではなく「画像自体の表示領域」を基準にするため、画像専用の位置基準ラッパーを使用 **/
.za26_img_box { position: relative; display: inline-block; max-width: 100%; }
.za26_crosstalk_col {
	position: absolute;
	bottom: 0;
	z-index: 2;
	display: none;
}
@media (max-width: 1199px) {
.za26_crosstalk_col { display: block; }
}
.za26_crosstalk_col_l { left: 0; }
.za26_crosstalk_col_r { right: 0; }



/** 座談会トップ 1200px以上：写真を左右カラム幅いっぱいに、隙間なく表示 **/
@media (min-width: 1200px) {
.za26_photos_wrap.row {
	margin-right: 0;
	margin-left: 0;
}
.za26_photos_wrap > .za26_photos_col.za26_plf_01 {
	padding-right: 0;
	padding-left: 0;
}
.za26_photos_col .za26_img_box {
	display: block;
	width: 100%;
}
.za26_photos_col .za26_img_box img {
	width: 100%;
	height: auto;
	display: block;
}
}



/** 座談会トップ 1199px以下：写真を上下カラム幅いっぱいに表示（縦並びは col-12 で対応済み） **/
@media (max-width: 1199px) {
.za26_photos_col .za26_img_box {
	display: block;
	width: 100%;
}
.za26_photos_col .za26_img_box img {
	width: 100%;
	height: auto;
	display: block;
}
}



/** 20260819 ボタン **/
.n_crosstalk-btn_01 { width: 336px; height: 40px; display: inline-flex; align-items: center; gap: 14px; background-color: #fff; border: none;  padding: 0px 10px; cursor: pointer; text-decoration: none; transition: background-color 0.2s ease; color: #000; }
.n_crosstalk-btn_01:hover,
.n_crosstalk-btn_01:focus { background-color: #0169B8; color: #fff; }

.n_crosstalk-btn_02 { width: 336px; height: 40px; display: inline-flex; align-items: center; gap: 14px; background-color: #000; border: none;  padding: 0px 10px; cursor: pointer; text-decoration: none; transition: background-color 0.2s ease; color: #fff; }
.n_crosstalk-btn_02:hover,
.n_crosstalk-btn_02:focus { background-color: #00A483; color: #fff; }

@media (max-width: 1199px) {
.n_crosstalk-btn_01 { width: 288px; height: 40px; }
.n_crosstalk-btn_02 { width: 288px; height: 40px; }
}