/* TOPページ用CSS */

/* 雫からの波紋でオープン
================================================== */
.vision-opening2{
    position:fixed;
    inset:0;
    z-index:9999;
    pointer-events:none;
}
.vision-opening2 svg{
    width:100%;
    height:100%;
}
/* 落ちる水滴 */
.drop{
    fill:black;
    transform-origin:center;
    transform-box:fill-box;
    animation: drop 3.5s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes drop{
	0%{ transform: translateY(-60px) scale(1); opacity:0;}
	20%{ opacity:1; }
	70%{ transform: translateY(20px) scale(1);}
	/* 着水 */
	85%{transform: translateY(20px) scale(1.8,.5);}
	100%{transform: translateY(20px) scale(0); opacity:0;}
}
/*  波紋でオープン */
.ripple{
    fill:black;
    transform-origin:center;
    opacity:0;
}
.ripple1{ animation:ripple 8s ease-out 1.8s forwards;}
.ripple2{ animation:ripple 8s ease-out 2.3s forwards;}
.ripple3{ animation:ripple 8s ease-out 2.8s forwards;}

@keyframes ripple{
    0%{ transform:scale(.5); opacity:1;}
    100%{ transform:scale(250); opacity:1;}
}

/* =========================
赤いラインの波紋ループ 大
========================= */
.opening-ripple{
	position:absolute;
	top:45%;
	left:75%;
	transform:translate(-50%,-50%);
	width:700px;
	height:700px;
	z-index:101;
	pointer-events:none;
}
.opening-ripple svg{
	width:100%;
	height:100%;
}
.red-ripple{
	fill:none;
	stroke:#c01d25;
	stroke-width:2.5;
	stroke-dasharray:260 160;
	transform-origin:center;
	opacity:0;
}
/* 波紋ごとのズレ */
.r1{
	stroke-dashoffset:0;
	animation:redWave1 8s linear infinite;
	animation-delay:2.8s;
}
.r2{
	stroke-dashoffset:70;
	animation:redWave2 8s linear infinite;
	animation-delay:3.1s;
}
.r3{
	stroke-dashoffset:150;
	animation:redWave3 8s linear infinite;
	animation-delay:3.4s;
}
.r4{
	stroke-dashoffset:220;
	animation:redWave4 8s linear infinite;
	animation-delay:3.7s;
}
.r5{
	stroke-dashoffset:310;
	animation:redWave5 8s linear infinite;
	animation-delay:4s;
}
/* 外側から順番に消える */
@keyframes redWave1{
	0%{ transform:scale(.3); opacity:.35; }
	50%{ opacity:.22; }
	70%{ opacity:0; }
	100%{ transform:scale(2); opacity:0; }
}
@keyframes redWave2{
	0%{	transform:scale(.3); opacity:.35;}
	55%{ opacity:.22;}
	75%{ opacity:0; }
	100%{ transform:scale(2); opacity:0; }
}
@keyframes redWave3{
	0%{ transform:scale(.3); opacity:.35; }
	60%{ opacity:.22; }
	80%{ opacity:0; }
	100%{ transform:scale(2); opacity:0; }
}
@keyframes redWave4{
	0%{ transform:scale(.3); opacity:.35; }
	65%{ opacity:.22; }
	85%{ opacity:0;	}
	100%{ transform:scale(2); opacity:0; }
}
@keyframes redWave5{
	0%{ transform:scale(.3); opacity:.35; }
	70%{ opacity:.22; }
	90%{ opacity:0;	}
	100%{ transform:scale(2); opacity:0; }
}
@media screen and (max-width:980px){
	.opening-ripple{
		left:80%;
		top:40%;
		width:450px;
		height:450px;
	}
	.red-ripple{ stroke-width:2; }
	@keyframes redWave1{
		0%{ transform:scale(.3); opacity:.35; }
		50%{ opacity:.22; }
		70%{ opacity:0; }
		100%{ transform:scale(1.6); opacity:0; }
	}
	@keyframes redWave2{
		0%{ transform:scale(.3); opacity:.35; }
		55%{ opacity:.22; }
		75%{ opacity:0; }
		100%{ transform:scale(1.6); opacity:0; }
	}
	@keyframes redWave3{
		0%{ transform:scale(.3); opacity:.35; }
		60%{ opacity:.22; }
		80%{ opacity:0; }
		100%{ transform:scale(1.6); opacity:0; }
	}

	@keyframes redWave4{
		0%{ transform:scale(.3); opacity:.35; }
		65%{ opacity:.22; }
		85%{ opacity:0; }
		100%{ transform:scale(1.6); opacity:0; }
	}
	@keyframes redWave5{
		0%{ transform:scale(.3); opacity:.35; }
		70%{ opacity:.22;}
		90%{ opacity:0;}
		100%{ transform:scale(1.6); opacity:0; }
	}
}
/* =========================
赤いラインの波紋ループ 小
========================= */
.opening-ripple-small{
	position:absolute;
	top:20%;
	left:60%;
	transform:translate(-50%,-50%);
	width:450px;
	height:450px;
	z-index:100;
	pointer-events:none;
}
.red-ripple-small{
	fill:none;
	stroke:#c01d25;
	stroke-width:3.5;
	opacity:0;
	transform-origin:center;
}
.s1{
	stroke-dasharray:180 120;
	stroke-dashoffset:20;
	animation:redWaveSmall 8s linear 4.5s infinite;
}
.s2{
	stroke-dasharray:240 140;
	stroke-dashoffset:120;
	animation:redWaveSmall 8s linear 5s infinite;
}
.s3{
	stroke-dasharray:200 180;
	stroke-dashoffset:250;
	animation:redWaveSmall 8s linear 5.5s infinite;
}
@keyframes redWaveSmall{
	0%{	transform:scale(.3); opacity:.28; }
	70%{ opacity:.12; }
	100%{ transform:scale(1.7); opacity:0;}
}
@media screen and (max-width:980px){
	.opening-ripple-small{
		width:280px;
		height:280px;
		left:48%;
		top:25%;
	}
	.red-ripple-small{ stroke-width:5; }
	@keyframes redWaveSmall{
		0%{ transform:scale(.3); opacity:.28; }
		70%{ opacity:.12; }
		100%{ transform:scale(1); opacity:0; }
	}
}

/* メインビジュアル
================================================== */
.top_main{
	width:100%;
	background: linear-gradient(to bottom, transparent 90%, #c01d25 90%);
	padding-bottom:50px;
}
#viewer_wp{
	width:100%;
	margin: 0 auto;
	position: relative;
}
.circle_bk{
	background : url("../images/top/circle_img.png") no-repeat right top;
	background-size:40% auto;
}
.circle_effect{
	width:73%;
	position:absolute;
	left:15%;
	top:0;
	padding-top:430px;
	z-index:10;	
}
.slider_msg p.slider_title{
	font-size:85px;
	line-height:1;
	margin-bottom:40px;
	font-weight:600;
}
.slider_msg h1{
	font-size:42px;
	margin-bottom:0.7em;
	position: relative;
	display: inline-block;
	line-height: 1.2;
	font-weight: 700;
}
.line1, .line2 { display: block; }
.line2 { margin-left: 250px; }
/* 区切りの斜線 */
.slider_msg h1::after {
	content: "";
	position: absolute;
	width: 170px;      /* 線の長さ */
	height: 1px;
	background: #c01d25;
	top: 2.2em;
	left: 4.8em;
	transform: rotate(-37deg);
	transform-origin: left center;
}
.slider_msg .slider_text{max-width:500px;}
.slider_msg .slider_text p{font-size:16px;}
@media screen and (max-width: 1400px){ .slider_msg{left:5%;} }
.sliderwp{
	position: relative;
	width: 65%;
	margin: 0;
	padding: 0;
}
.flex_right {
	display: flex;
	justify-content: flex-end;
}
.sliderwp2{
	width:45%;
	margin-top:80px;
	padding-right:5%;
}
.sliderwp .fadeslider li{
	width: 100%;
	height: 480px;
	overflow: hidden;	
	position:absolute;
}
.sliderwp2 .fadeslider li{
	width: 100%;
	height: 400px;
	overflow: hidden;	
	position:absolute;
}
.fadeslider img.slider_img{
	width:100%;
	height: 100%;
	object-fit: cover;
	vertical-align:top;
	border-radius:0 50px 50px 0;
 }
.sliderwp .fadeslider li img{ border-radius:0 50px 50px 0; }
.sliderwp2 .fadeslider li img{ border-radius:50px 0 50px 0; }
@media screen and (max-width: 980px) {
	.circle_effect{
		width:80%;
		min-height:850px;
		left:5%;
		padding-top:200px;
	}
	.top_main{
		position:relative;
		overflow:hidden;
	}
	.slider_msg p.slider_title{
		font-size:70px;
		margin-bottom:20px;
	}
	.slider_msg h1{
		font-size:30px;
		margin-bottom:0.7em;
	}
	.line2 { margin-left: 180px;}
	/* 区切りの斜線 */
	.slider_msg h1::after {
		width: 130px;      /* 線の長さ */
		top: 2.5em;
		left: 4.3em;
	}
	.slider_msg .slider_text p
	.sliderwp{width: 80%;}
	.sliderwp2{	width:50%; margin-top:80px; padding-right:0; }
	.sliderwp .fadeslider li{ height: 400px; }
	.sliderwp2 .fadeslider li{ height: 250px; }
}
/* イベント情報
================================================== */
.top_event{
	max-width:950px;
	display:flex;
	align-items: flex-start;
	color:#fff;
	margin-left:auto;
	margin-right:5%;
	padding-bottom:25px;
}
.tpev_title{
	width:200px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.tpev_title h2{ font-size:20px; font-weight:500; margin-bottom:0.5em}
.tpev_list{
	flex:1;
	min-width:0;
	overflow:hidden;
}
p.tpev_listcat span{
	font-size:13px;
	padding:0.3em 0.7em;
	border:1px solid #fff;
}
p.tpev_listtl span.day{ margin-right:15px; }
/* slickの高さ崩れ防止 */
ul.event-slider{ margin:0; padding:0 10px 10px; height:78px; border-bottom:1px solid #a47474; }
ul.event-slider .slick-list,
ul.event-slider .slick-track{ height:78px; }
ul.event-slider li a{ opacity:0; color:#fff; }
ul.event-slider li a:hover{ color:#eee; }
.slick-dotted.slick-slider{margin-bottom:10px}
/* アニメーション */
.event-slider .slick-slide a{ opacity:0;}
.event-slider .slick-active a{ animation:eventFadeUp .6s ease forwards;}

@keyframes eventFadeUp{
  from{ opacity:0; transform:translateY(25px); }
  to{ opacity:1; transform:translateY(0); }
}
/* ドット */
.tpev-dots .slick-dots{
  display:flex;
  align-items:center;
  gap:13px;
  margin:0;
  padding:0;
  position:static;
  list-style:none;
}
.tpev-dots .slick-dots li{
  width:8px;
  height:8px;
  margin:0;
}
/* slick標準をリセット */
.tpev-dots .slick-dots li button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  outline:none;
  font-size:0;
}
.tpev-dots .slick-dots li button:before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(255,255,255,.3);
  opacity:1;
  position:static;
}
.tpev-dots .slick-dots li.slick-active button:before{ background:#fff;}

/* リンク */
.tpev_loglink{text-align:right;}
.tpev_loglink a{
	background : url("../images/arrow_c_gray.png") no-repeat right 0.6em center;
	background-size: 23px auto;
	font-size:14px;
	padding: 5px 45px 5px 0;
	color:#fff;
	transition: 0.4s ease;
}
.tpev_loglink a:hover{
	background : url("../images/arrow_c_gray.png") no-repeat right 0.3em center;
	background-size: 23px auto;
}
/* 流れる企業ロゴ
================================================== */
.top_logo_slider {
	width: 100%;
	background:#fff;
	padding:50px;
	overflow: hidden;
}
.logo-track {
	display: flex;
	align-items: center;
	width: max-content;
	animation: logoloop 60s linear infinite;
}
.logo-track img {
	flex-shrink: 0;
	height:100%;
	width:200px;
	margin-right:60px;
}
@keyframes logoloop {
	to { transform: translateX(-50%); }
}
/* アドバイザー紹介
================================================== */
.top_adviser_wp{
	width:85%;
	max-width:1550px;
	margin-left:auto;
	margin-top:50px;
	background: linear-gradient(to bottom, #e3e3e3 60%, #fff 60%);
	position:relative;
	padding:40px 0;
}
.adv_title{
	position:absolute;
	top:100px;
	left:-130px;
	text-align:center;
}
.adv_title h2{
	font-weight:600;
	font-size:30px;
	color:#c01d25;
	margin-bottom:1.3em;
}
.adv_list{width:95%; padding-left:150px; margin-top:25px;}
ul.adv-slider{
	margin:0;
	padding-left:50px;
}
ul.adv-slider .slick-slide{
	padding:0 25px;
	box-sizing:border-box;
}
ul.adv-slider li img{border-radius:10px}
.adv_namebox{
	position:relative;
	padding:20px;
	text-align:center;
}
.adv_no{
	position:absolute;
	top:-40px;
	left:-25px;
	width:65px;
	height:65px;
	border-radius:50%;
	background:#c01d25;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
}
.adv_no p{
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.5;
}
.adv_no .en{
  display:block;
  font-size:9px;
  font-weight:400;	
}
.adv_no .num{
  display:block;
  font-size:20px;
  line-height:1;
  font-weight:400;
}
.adv_namebox p.ps_title{font-size:14px; line-height:1.2}
.adv_namebox p.ps_name{font-size:18px; letter-spacing:0.1em}
.adv_namebox p.ps_name span{font-size:14px; margin-left:0.3em}
@media screen and (max-width: 1200px) {
	.adv_namebox{padding:15px}
	.adv_no{
		top:-40px;
		left:-25px;
		width:55px;
		height:55px;
	}
	.adv_no .en{ font-size:8px;}
	.adv_no .num{ font-size:18px;}
	.adv_namebox p.ps_title{font-size:12px; margin-bottom:0.5em}
	.adv_namebox p.ps_name{font-size:16px; line-height:1.4}
}
.adv_head{
  margin-right:10%;
  display:flex;
  justify-content:flex-end;
}
.adv_arrows{
  display:flex;
  gap:35px;
}
.adv-prev,
.adv-next{
  padding:0;
  border:none;
  background:none;
  cursor:pointer;
}
.adv-prev img,
.adv-next img{
  display:block;
  width:40px;
  height:auto;
}
/* 大経連とは～私たちの活動
================================================== */
.top_about_wp{
	width:100%;
	margin:100px auto 50px;
	display:flex;
	align-items: center;
	gap:100px;
}
.top_about_img{	flex:0 0 50%;}
.top_about_img img{
	width: 100%;
	height: 480px;
	object-fit: cover;
	border-radius:0 40px 40px 0;
}
.top_about_text{
	flex:1;
	max-width:430px;
	min-width:0;
}
@media screen and (max-width: 1200px) {
	.top_about_img{ flex:0 0 45%;}
	.top_about_text{padding-right:5%}
}
.inner_text{width:100%; margin:35px 0}
.inner_text p{margin-bottom:1.5em}
.top_element_wp{
	width:100%;
	background: linear-gradient(to bottom, #fff 30%, #f3f3f3 30%);
	padding-bottom:130px;
}
.top_contents{
	width:87%;
	max-width:1250px;
	margin:0 auto;
}
.element_tl{width:55%; padding-left:50px; padding-top:50px}
.element_img{width:40%; padding-right:5%}
.element_detail{
	width:100%;
	margin:30px auto;
	display:flex;
	justify-content: space-between;	
}
.detail_inner{
	width:32%;
	background:#fff;
	padding:60px 50px 25px;
	border-radius:10px;
	position:relative;
	text-align:center;
}
@media screen and (max-width: 1300px) {
	.detail_inner{padding:60px 40px 25px;}
}
.detail_inner img{
	width:65px;
	height:auto;
	position:absolute;
	top:-20px;
	left: 0;
	right: 0;
	margin: auto;
}
.detail_inner h3{font-size:20px; font-weight:700; margin-bottom:0.7em}
.detail_inner p{text-align:left; line-height:1.6em; margin-bottom:0.5em}
.detail_inner p span{
	background:#eee;
	padding:0.4em 0.8em;
	border-radius:15px;
	margin-right:0.7em;
	font-weight:600;
}
.fellow_wp{
	width:100%;
	max-width:1400px;
	min-height:630px;
	margin:0 auto;
	background: url("../images/top/about-bkimg.jpg") no-repeat right bottom;
	background-size: auto 100%;
	display:flex;
	align-items: center;
}
.fellow_text{ flex:0 0 55%; padding-left:10%; color:#fff;}
.fellow_text p.sub_tl{color:#eee;}
.fellow_slider{
	flex:1;
	min-width:0;
	height:630px;
	overflow:hidden;
	position:relative;
}
.fellow_slider_track{
	width:100%;
	max-width:300px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	animation:fellow 30s linear infinite;
}
.fellow_img{ margin-bottom:20px; }
.fellow_img img{
	width:100%;
	height:auto;
	display:block;
	border-radius:10px;
}
@keyframes fellow{
  from{ transform:translateY(0); }
  to{ transform:translateY(-50%); }
}
/* 会員の声
================================================== */
.top_voice_tl{
	width:87%;
	margin:0 auto 30px;
	padding-top:130px;
	text-align:center;
}

.top_voice_wp{
	width:87%;
	margin:0 auto;
	padding-bottom:100px;
}
ul.voice-slider{padding:0; margin:30px auto 50px;}
ul.voice-slider .slick-track{display:flex;}
ul.voice-slider .slick-list{ margin:0 -30px;}
ul.voice-slider .slick-slide{
	height:auto!important;
	margin:0 30px;
	box-sizing:border-box;
}
ul.voice-slider li{
	background:#fff;
	border-radius:10px;
	padding:20px 25px 30px 90px;
	position:relative;
}
ul.voice-slider li img.voice_img{
	width:100px;
	height:100px;
	border-radius:50%;
	position:absolute;
	top:50px;
	left:-30px;
}

ul.voice-slider li img.voice_img img{width: 100%;height: 100%;}

.voice_no{padding:0 0.3em 0.5em;}
.voice_no p{color:#c01d25}
.voice_no p span.en{font-size:15px;}
.voice_no p span.num{font-size:20px; margin-left:0.3em}
.voice_inner h3{
	font-size:16px;
	font-weight:600;
	line-height:1.6em;
	padding:0 0.3em;
}
.voice_name{
	margin-top:1.2em;
	padding:1em 0.5em 0;
	border-top:1px dotted #c01d25;
}
.voice_name p.company_name{font-size:13px; line-height:1.4em}
.voice_name p.name{font-size:15px; font-weight:600;}
.voice_name p.name span.name_tl{font-size:14px; font-weight:400; margin-right:1em}
.voice_name p.name span.hono{font-size:14px; margin-left:0.3em}
.voice_arrows{
	width:200px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px 35px;
}
.voice-prev,
.voice-next{
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
}
.voice-prev img,
.voice-next img{
	display:block;
	width:40px;
	height:auto;
}
/* 関わり方～会員について
================================================== */
.involve_wp{
	width:87%;
	max-width:1200px;
	margin:70px auto 40px;
	display:flex;
	align-items:flex-end;
	gap:30px;
}
.involve_title{	flex:0 0 400px;}
.involve_text{flex:1; min-width:0;}
.member_wp{
	width:87%;
	max-width:1250px;
	margin:130px auto 40px;
	border:3px solid #c01d25;
	border-radius:20px;
	position:relative;
	padding:70px 20px 60px;
}
.member_wp img.illust_01{
	width:55px;
	height:auto;
	position:absolute;
	bottom:20px;
	left:-25px;
}
.member_wp img.illust_02{
	width:60px;
	height:auto;
	position:absolute;
	top:40px;
	right:-15px;
}
.member_wp img.illust_03{
	width:100px;
	height:auto;
	position:absolute;
	bottom:-50px;
	right:28%;
}
.member_title{
	width:300px;
	position:absolute;
	top:-40px;
	left:0;
	right:0;
	margin:auto;
	background:#fff;
	padding:10px;
	text-align:center;
}
ul.member_list{
	width:100%;
	display:flex;
}
ul.member_list li{
	flex: 1;
	padding:15px 30px 25px;
	border-right:1px solid #c01d25;
	text-align:center;
}
ul.member_list li:last-child{border-right:none;}
ul.member_list img{width:70px; height:auto; margin-bottom:0.7em}
ul.member_list h3{
	font-size:23px;
	font-weight:700;
	letter-spacing:0.07em;
	margin-bottom:0.3em;
}
ul.member_list p{line-height:1.7em}
.member_price{
	margin-top:0.7em;
	padding-top:0.7em;
}
ul.member_list li.member_01{color:#a47e29}
ul.member_list li.member_02{color:#253773}
ul.member_list li.member_03{color: #c01d25}
ul.member_list li.member_01 .member_price{border-top:1px dotted #a47e29;}
ul.member_list li.member_02 .member_price{border-top:1px dotted #253773;}
ul.member_list li.member_03 .member_price{border-top:1px dotted #c01d25;}
.member_price span.fee{letter-spacing:0.08em}
.member_price span.price{font-size:18px;}

/* お知らせ
================================================== */
.top_news_contents{
	width:87%;
	max-width:1200px;
	margin:0 auto;
	padding:80px 0;
}
.top_news_wp{
	width:100%;
	padding:70px 0;
	display:flex;
	justify-content: space-between;
}
.top_news_tl{width:300px;}
.top_news_list{width:calc(100% - 350px);}
@media screen and (max-width: 980px) {
	.top_news_tl{width:200px;}
	.top_news_list{width:calc(100% - 250px);}
}
.top_news_tl h3{
	font-size:23px;
	font-weight: 600;
}
.top_news_tl p.entl_s{
	font-size:14px;
	color:#c01d25;
	letter-spacing:0.05em;
}
.top_news_btn{margin-top:20px}
.top_news_btn a{
	background : url("../images/arrow_c_red.png") #fff no-repeat right 23px center;
	background-size: 28px auto;
	border:1px solid #c01d25;
	font-size:14px;
	color:#c01d25;
	padding:1em 4.5em 1em 2em;
	border-radius:50px;
}
.top_news_btn a:hover{
	background : url("../images/arrow_c_wht.png") #c01d25 no-repeat right 20px center;
	background-size: 28px auto;
	color:#fff;
}
.event_flex{
	display: flex;
	gap: 5%;
}
.top_event_post{width: 30%;}
.top_event_post img{
	width:100%;
	height:auto;
	border-radius:5px;
	margin-bottom:0.7em;
}
p.news_meta span.news_date{
	font-size:15px;
	font-weight:400;
	letter-spacing:0;
	padding:0.6em 0;
	color:#c01d25;
}
p.news_meta span.news_cat{
	font-size:10px;
	font-weight:400;
	padding:0.6em 1.3em;
	border:1px solid #999;
	border-radius:3px;
	margin-left:15px;
	color:#666;
}
.top_event_post p.news_title{font-size:14px; line-height:1.7em; margin-top:0.5em}
ul.event_post{ border-top: 1px dotted #999;}
ul.event_post li{
  padding: 30px 0;
  border-bottom: 1px dotted #999;	
}
ul.event_post li h3.event_title{font-size:15px; font-weight:600; margin-bottom:0.5em}
ul.event_post li p.event_excerpt{font-size:14px; line-height:1.7em; color:#666}

/* ▼ スマホ(767px以下)の場合 */ 
@media screen and (max-width: 767px) {

	/* メインビジュアル */	
	.circle_bk{
		background : url("../images/top/circle_img.png") no-repeat right top 120px;
		background-size:60% auto;
	}
	.circle_effect{
		width:90%;
		min-height:850px;
		left:5%;
		padding-top:280px;
	}
	.arrow_effect{
		width:90%;
		min-height:850px;
		background : url("../images/top/arrow_img.png") no-repeat right top 127px;
		background-size:170px auto;
		left:5%;
		padding-top:280px;
	}
	.arrow-svg {right: 0; height: 500px;　z-index:0;}
	.slider_msg p.slider_title{
		font-size:46px;
		margin-bottom:20px;
	}
	.slider_msg h1{
		font-size:26px;
		line-height: 1.4;
		margin-bottom:0.7em;
		font-style:italic;
	}

	.line2 { margin-left: 130px;}

	/* 区切りの斜線 */
	.slider_msg h1::after {
	  width: 120px;      /* 線の長さ */
		height: 1px;
	  top: 3em;
		left: 4em;
		transform: rotate(-45deg);
	}
	.slider_msg p.slider_text{font-size:15px;}
	.sliderwp{width: 80%;}
	.sliderwp2{	width:85%;margin-top:330px;}
	.sliderwp .fadeslider li{
		height: 300px;
	}
	.sliderwp2 .fadeslider li{
		height: 150px;
	}
	.sliderwp .fadeslider li img{border-radius:0 30px 30px 0;}
	.sliderwp2 .fadeslider li img{border-radius:30px 0 0 30px;}

	/* イベント情報 */
	.top_event{
		width:90%;
		display:block;
		margin:0 auto;
		padding-bottom:35px;
	}
	.tpev_title{
		width:100%;
		display:flex;
		flex-direction:row;
		align-items:center;
		gap:0 20px;
		margin-bottom:15px;
	}
	p.tpev_listcat{margin:0.5em 0}
	.tpev_title h2{ font-size:18px; line-height:1; margin:0;}
	/* slickの高さ崩れ防止 */
	ul.event-slider{ height:110px}
	ul.event-slider .slick-list,
	ul.event-slider .slick-track{
	  height:110px;
	}
	ul.event-slider li { line-height:1.7em;}

	/* ドット */
	.tpev-dots .slick-dots li{
	  width:6px;
	  height:6px;
	}
	/* slick標準をリセット */
	.tpev-dots .slick-dots li button{
	  width:6px;
	  height:6px;
	}
	.tpev-dots .slick-dots li button:before{
	  width:6px;
	  height:6px;
	}

	/* 流れる企業ロゴ */
	.top_logo_slider {padding:25px;}
	.logo-track img {
		height:100%;
		width:100px;
		margin-right:40px;
	}
	/* アドバイザー紹介 */
	.top_adviser_wp{
		width:93%;
		margin-top:50px;
		background: linear-gradient(to bottom, #e3e3e3 50%, #fff 50%);
		padding:20px 0;
	}
	.adv_title{
		top:-15px;
		left:0;
		right:0;
		margin:auto;
	}
	.adv_title h2{font-size:24px;}
	.adv_list{
		width:100%;
		padding-left:0;
		margin:20px auto 25px;
	}
	ul.adv-slider{padding-left:0;}
	ul.adv-slider .slick-slide{ padding:0 15px;}
	ul.adv-slider li img{border-radius:7px}
	.adv_namebox{ padding:15px;}
	.adv_no{
		position:absolute;
		top:-35px;
		left:-15px;
		width:45px;
	  height:45px;
	}
	.adv_no .en{ font-size:6px;}
	.adv_no .num{ font-size:14px;}
	.adv_namebox p.ps_title{font-size:11px; margin-bottom:0.5em}
	.adv_namebox p.ps_name{font-size:14px; line-height:1.5em}
	.adv_namebox p.ps_name span{font-size:13px;}
	.adv_head{
		width:100%;
		margin:10px auto 20px;
		justify-content:center;
	}

	/* 大経連とは～私たちの活動 */
	.top_about_wp{
		margin:70px auto 70px;
		display:block;
		gap:0;
	}
	.top_about_img{
		flex: none;
		width: 90%;
	}
	.top_about_img img{
		height: 200px;
		object-fit: cover;
		border-radius:0 30px 30px 0;
	}
	.top_about_text{
		flex: none;
	  	max-width:85%;
	  	margin:25px auto;
		padding-right:0;
	}
	.inner_text{width:100%; margin:20px 0 30px}

	.top_element_wp{
		width:100%;
		background: #f3f3f3;
		padding-bottom:75px;
		padding-top:60px;
	}
	.top_contents{
		width:85%;
		margin:0 auto;
	}
	.element_tl{
		width:100%;
		padding-left:0;
		padding-top:0
	}
	.element_img{
		width:80%;
		max-width:350px;
		margin:0 auto;
	}
	.element_detail{
		margin:40px auto 20px;
		display:block;
	}
	.detail_inner{
		width:100%;
		background:#fff;
		padding:50px 25px 20px;
		border-radius:7px;
		margin-bottom:25px;
	}
	.detail_inner img{
		width:50px;
		top:-15px;
	}
	.detail_inner h3{font-size:20px; font-weight:600;}
	.detail_inner p span{font-weight:500;}
	.fellow_wp{
		width:100%;
		min-height:auto;
		margin:0 auto;
		padding:40px 0;
		background: url("../images/top/about_bkimg.jpg") no-repeat right bottom;
		background-size: auto 100%;
		display:block;
	}
	.fellow_text{
		flex:0;
		width:85%;
		margin:30px auto 0;
		padding-left:0;
	}
	.slide-img{
	  width:150px;
	  margin-right:20px;
	}
	.slide-img img{
	  width:100%;
		height:auto;
	  display:block;
	  border-radius:5px;
	}
	/* 会員の声 */
	.top_voice_tl{
		margin:0 auto 15px;
		padding-top:60px;
	}
	.top_voice_wp{
		width:87%;
		margin:0 auto;
		padding-bottom:50px;
	}
	ul.voice-slider{padding:0; margin:10px auto 20px;}
	ul.voice-slider .slick-track{display:flex;}
	ul.voice-slider .slick-list{ margin:0;}
	ul.voice-slider .slick-slide{ margin:30px 0 0;}
	ul.voice-slider li{
		background:#fff;
		border-radius:7px;
		padding:50px 20px 20px 20px;
		position:relative;
	}
	ul.voice-slider li img.voice_img{
		width:100px;
		height:100px;
		border-radius:50%;
		position:absolute;
		top:-30px;
		left:0;
		right:0;
		margin:auto;
	}
	.voice_inner h3{
		font-size:15px;
		font-weight:500;
	}
	.voice_name{margin-top:1em;}

	/* 関わり方～会員について */
	.involve_wp{
		width:87%;
		flex-direction: column;
		margin:60px auto 40px;
	}
	.involve_title,
	.involve_text{flex: none; width:100%}
	.member_wp{
		width:87%;
		margin:60px auto 40px;
		border:3px solid #c01d25;
		border-radius:10px;
		position:relative;
		padding:40px 15px 20px;
	}
	.member_wp img.illust_01{
		width:40px;
		bottom:50%;
		left:-15px;
	}
	.member_wp img.illust_02{
		width:55px;
		top:40px;
		right:-15px;
	}
	.member_wp img.illust_03{
		width:70px;
		bottom:-60px;
		right:3%;
	}
	.member_title{
		width:200px;
		top:-30px;
	}
		.member_title h2.top_title{font-size:18px}
	ul.member_list{
		flex-direction: column;
	}
	ul.member_list li{
		flex: 1;
		padding:25px 15px 30px;
		border-right:none;
		border-bottom:1px solid #c01d25;
	}
	ul.member_list li:last-child{border-bottom:none;}
	ul.member_list img{width:60px;}
	ul.member_list h3{
		font-size:20px;
		font-weight:600;
	}
	.member_price{
		margin-top:0;
		padding-top:0.5em;
	}
	ul.member_list li.member_01 .member_price,
	ul.member_list li.member_02 .member_price,
	ul.member_list li.member_03 .member_price{border-top:none;}
	.member_price span.fee{letter-spacing:0.08em}
	.member_price span.price{font-size:17px; font-weight:600}

	/* お知らせ */
	.top_news_contents{padding:30px 0;}
	.top_news_wp{
		width:100%;
		padding:40px 0;
		display:block;
	}
	.top_news_tl,
	.top_news_list{width:100%;}
	.top_news_tl{position:relative; margin-bottom:25px}
	.top_news_tl h3{
		font-size:18px;
		font-weight: 500;
	}
	.top_news_btn{
		margin-top:0;
		position:absolute;
		top:10px;
		right:0;
	}
	.top_news_btn a{
		background : url("../images/arrow_c_red.png") #fff no-repeat right 15px center;
			background-size: 20px auto;
			font-size:13px;
			padding:1em 3.3em 1em 1.7em;
	}
	.top_news_btn a:hover{
		background : url("../images/arrow_c_wht.png") #c01d25 no-repeat right 15px center;
			background-size: 20px auto;
	}
	.event_flex{
		display: block;
	}
	.top_event_post{width: 100%; max-width:500px; margin:0 auto 40px}

	p.news_meta span.news_date{font-size:14px;}
	.top_event_post p.news_title{font-size:14px; font-weight:500}
	ul.event_post li{ padding: 25px 0;}
	ul.event_post li h3.event_title{font-size:15px; font-weight:500;}

}