@charset "utf-8";


/**/
.d_width{position:relative;width:1240px;margin:0 auto;transition:all 0.5s;}
#wrap	{padding:0;margin:0;min-width:1240px;}
#header	{position:absolute;left:0;top:0;width:100%;height:120px;padding:40px 0;z-index:99;}
#logo	{position:absolute;left:calc(50% - 100px);top:30px;}
#logo img	{vertical-align:middle;height:60px;}
#logo p		{display:inline-block;font-size:16px;vertical-align:middle;margin-left:15px;line-height:1.1;color:#fff;}
#logo span	{display:block;font-size:20px;font-weight:900}
#header .left,
#header .right	{width:50%;padding:0 40px}
#header .pre-btn a{position:relative;display:inline-block;width:130px;height:45px;line-height:43px;color:#fff;border:1px solid rgba(255,255,255,0.4);font-size:14px;padding:0 15px;}
#header .pre-btn i{position:absolute;right:15px;top:0;line-height:43px;}
#header .pre-btn a:hover{background:#fff;color:#333}
#header #topmn		{text-align:right;}
#header #topmn a	{display:inline-block;width:45px;height:45px;line-height:45px;color:#fff;font-size:1.6rem;}
#header .logo1	{display:inline-block}
#header .logo2	{display:none}

#header.fix		{position:fixed;height:80px;background:#fff;padding:16px 0;/*box-shadow:0 2px 3px rgba(0,0,0,0.2);*/border-bottom:1px solid rgba(0,0,0,0.05)}
#header.fix #logo	{top:20px;left:calc(50% - 80px);}
#header.fix #logo p	{color:#000}
#header.fix #logo img	{height:40px;}
#header.fix .logo1	{display:none}
#header.fix .logo2	{display:inline-block}
#header.fix .pre-btn a{color:#999;border:1px solid #eee}
#header.fix #topmn a	{color:#999;}

#footer	{position:relative;padding:40px 0;border-top:1px solid #eee;font-size:16px;}
#footer .fcont .left a	{display:inline-block;margin-right:20px}
#footer .fcont .right a	{display:inline-block;border:1px solid #ddd;font-size:14px;color:#999;padding:0 20px;line-height:39px;}
#footer .fcont .right a:nth-child(1){border-color:#ff9900;color:#ff9900;}
#footer .fcont .right a:hover{border-color:#ff9900;color:#ff9900}
#footer .fcont .right a:nth-child(1):hover{background:#ff9900;color:#fff;}
#footer .fcont i	{margin-right:5px;}
#footer address		{margin-top:20px;line-height:1.4}
#footer .sns		{position:absolute;right:0;top:70px;}
#footer .sns a		{display:inline-block;border-radius:50%;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:75%}
#footer .sns a:nth-child(1){background:#3F5C9A}
#footer .sns a:nth-child(2){background:#D85156}

#prevnext	{border-top:1px solid #eee;text-align:center}
#prevnext a.prev,
#prevnext a.next	{display:inline-block;line-height:60px;font-size:14px;color:#999}
#prevnext a.prev	{float:left;text-align:left}
#prevnext a.next	{float:right;text-align:right}
#prevnext a.prev i	{margin-right:10px;}
#prevnext a.next i	{margin-left:10px;}
#prevnext a.btn-d	{border:1px solid #333;background:none;color:#333;margin:20px 0 40px;}

.btn-top				{position:fixed;right:40px;bottom:100px;display:block;width:20px;height:30px;border-left:3px solid #333}
.btn-top:before			{content:"";position:absolute;left:-8px;top:0;width:13px;height:13px;border:3px solid #333;border-right:none;border-bottom:none;transform:rotate(45deg)}
.btn-top:hover			{height:35px}
.btn-top:hover,
.btn-top:hover:before	{border-color:#ff9900;}

#main-visual		{position:relative;height:700px;}
#main-visual:before	{content:"Industrial Skills Council";position:absolute;left:-160px;top:50%;transform:rotate(-90deg);transform-origin:50% 0;color:rgba(255,255,255,0.6);font-size:10px;width:380px;height:20px;line-height:20px;letter-spacing:10px;text-align:center;z-index:3}
#main-visual .mvwrap		{position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden;z-index:2;}
#main-visual .mvimg			{position:absolute;left:0;top:0;height:100%;width:100%;animation:zoomout 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-webkit-animation:zoomout 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;z-index:1;background-size:cover;background-position:50% 50%}
#main-visual .mvimg:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .d_width{position:relative;height:100%;z-index:9}
#main-visual .mvtit	{position:relative;transform:translateY(-50%);top:calc(50% + 40px);color:#fff;word-break:keep-all}
#main-visual .mvtit	p:nth-child(1){font-size:80px;font-weight:900;line-height:1.1;}
#main-visual .mvtit	p:nth-child(2){font-size:18px;font-weight:500;line-height:1.4;margin-top:20px;}
/*#main-visual .mvtit	p:nth-child(2){font-size:40px;font-weight:700;}*/
.btn-subscribe			{position:relative;float:right;margin-top:-50px;padding:0 50px;width:40%;height:100px;line-height:100px;background:#79644D url(../img/bnr_subscribe.png) no-repeat 100% 50%;box-shadow:0 10px 10px rgba(0,0,0,0.2);transition:all ease-out 0.2s;z-index:8;}
.btn-subscribe a		{position:relative;display:block;color:#fff;font-size:20px;letter-spacing:2px;background:url(../img/ico_subscribe.png) no-repeat 0 50%;padding-left:70px}
.btn-subscribe span		{position:absolute;right:0;top:50%;width:30px;border-bottom:1px solid #fff;transition:all ease-out 0.2s}
.btn-subscribe span:after{content:"";position:absolute;right:2px;top:-5px;width:10px;height:10px;border-left:1px solid #fff;transform:rotate(135deg)}
.btn-subscribe:hover	{transform:translateY(5px);box-shadow:0 5px 5px rgba(0,0,0,0.4);}
.btn-subscribe:hover span	{transform:translateX(5px);}

@media only screen and (max-width:1240px){ /* 960px */
	#wrap{min-width:960px;}
	.d_width{width:960px;}
	#main-visual		{height:580px;padding:0 60px}
}
@media only screen and (max-width:1023px){ /* 720px */
	#wrap{min-width:auto}
	.d_width{width:auto;padding:0 40px}	

	#footer				{text-align:center;}
	#footer .fcont .left,
	#footer .fcont .right 	{float:none !important;}
	#footer .fcont .right 	{margin-top:20px;}
	#footer .sns		{top:0px;right:40px;}
	
	#main-visual		{padding:0 20px;height:50vh;min-height:auto;}
	#main-visual:before	{content:"";display:none;}
	#main-visual .mvtit	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit	p:nth-child(2){font-size:16px;}
	.main-container section{padding:60px 0;}
	.main-title	{font-size:32px}
	.btn-subscribe-wrap		{padding:0 !important;}
	.btn-subscribe			{float:none;margin:0;padding:0 25px;width:100%;height:60px;line-height:60px;}
	.btn-subscribe a		{font-size:16px;letter-spacing:0;background-size:auto 45%;padding-left:50px}
}
@media only screen and (max-width:778px){/* mobile-l */
	body{font-size:16px}
	.d_width{padding:0 30px;}
	#logo, 
	#header.fix #logo		{top:15px;left:calc(50% - 60px);}
	#logo img,
	#header.fix #logo img	{height:30px;}		
	#header				{padding:20px 0;height:70px;}
	#header.fix			{height:70px;}
	#header .left,
	#header .right		{padding:0 30px}
	#header .pre-btn a		{width:35px;height:35px;line-height:33px;text-align:center}
	#header .pre-btn i		{position:relative;right:auto;top:auto;line-height:33px;}
	#header .pre-btn span	{display:none;}
	#header #topmn a		{width:35px;height:35px;line-height:35px;font-size:1rem;}	
	
	#footer				{padding:30px 0;}
	#footer .sns		{right:30px;}
	#footer .fcont .left a	{display:block;margin:0 0 10px 0}
	#footer .fcont .right a	{padding:0 10px;line-height:33px;font-size:13px;}
	#footer address		{font-size:13px;}
	.btn-top			{right:20px;bottom:30px;}

	#main-visual .mvtit	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit	p:nth-child(2){font-size:20px;margin-top:10px}
	#main-visual .mvtit	p:nth-child(3){font-size:14px;}
}
@media only screen and (max-width:414px){ /* auto */
	.d_width{padding:0 20px;}
	
	#header .left,
	#header .right		{padding:0 20px}
	#footer .sns		{right:20px;}

	#main-visual .mvtit	p:nth-child(1){font-size:24px;}
	#main-visual .mvtit	p:nth-child(2){font-size:14px;}

}

.main-container section{padding:50px 0 100px 0;}
.main-title	{margin-bottom:40px;font-size:50px;font-weight:700;color:#111}
#main-trend	{background:#ffffff;}
/*#main-trend .trend-wrap		{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}*/
#main-trend article					{position:relative;display:block;float:left}
#main-trend article:nth-child(2)	{float:right}
#main-trend article:before	{content:"";color:#ccc;font-size:14px;transform:rotate(-90deg);position:absolute;left:-120px;top:80px;letter-spacing:2px;text-align:right;width:180px;height:20px;line-height:20px;}
#main-trend .trend01:before	{content:"트렌드+ 포커스 업(業)"}
#main-trend .trend02:before	{content:"트렌드+ 리포트 리뷰";}
#main-trend .trend03:before	{content:"트렌드+ 이달의 기업";top:auto;bottom:80px;text-align:left;}
#main-trend .trend04:before	{content:"트렌드+ 의식의 흐름"}

#main-trend .trend01, #main-trend .trend03	{margin-left:40px}/**/
#main-trend .trend02	{margin-top:120px}
#main-trend .trend03	{margin-top:100px}
#main-trend .trend04	{margin-top:240px}
#main-trend .subject	{position:absolute;left:0;bottom:0;width:65%;padding:30px 30px 0 0;font-size:28px;font-weight:500;letter-spacing:-1px;background:#fff;color:#111;word-break:keep-all;line-height:1.2;transition: all 0.2s ease-out;}
#main-trend .trend03 .subject	{bottom:auto;top:0;padding:0 30px 30px 0}
#main-trend .thumb		{position:relative;overflow:hidden;}
#main-trend .thumb img	{width:100%;min-height:100%;object-fit:cover;object-position:center ;font-family: 'object-fit: cover; object-position: center;';}
#main-trend .trend01 .thumb	{width:600px;height:410px;}
#main-trend .trend02 .thumb	{width:450px;height:390px;}
#main-trend .trend03 .thumb	{width:450px;height:470px;}
#main-trend .trend04 .thumb	{width:630px;height:330px;}
#main-trend a:hover .subject{padding-bottom:30px}
#main-trend .trend03 a:hover .subject	{margin-top:-30px}
#main-trend .trend03 .thumb:after{content:"\f04b";position:absolute;right:20px;bottom:20px;font-family:FontAwesome;display:block;width:50px;height:50px;line-height:50px;background:rgba(0,0,0,0.8);color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.2);border-radius:12px;text-align:center;font-size:1rem;}

@media only screen and (max-width:1240px){ /* 960px */
	.main-container section{padding:80px 0;}
	.main-title	{margin-bottom:20px;font-size:40px}
	#main-trend .subject	{font-size:22px;padding:20px 20px 0 0}
	#main-trend .trend03 .subject{padding:0 20px 20px 0}
	
	#main-trend .trend01 .thumb	{width:480px;height:290px;}
	#main-trend .trend02 .thumb	{width:330px;height:270px;}
	#main-trend .trend03 .thumb	{width:330px;height:350px;}
	#main-trend .trend04 .thumb	{width:480px;height:210px;}
}
@media only screen and (max-width:1023px){ /* 720px */
	.main-container section{padding:60px 0;}
	.main-title				{font-size:32px}
	.btn-subscribe			{float:none;margin:0;padding:0 25px;width:100%;height:60px;line-height:60px;}
	.btn-subscribe a		{font-size:16px;letter-spacing:0;background-size:auto 45%;padding-left:50px}
	#main-trend article			{float:none !important;margin:0 0 20px 0 !important;}
	#main-trend article:before	{display:none;}
	#main-trend article:after	{content:"";display:block;float:none;clear:both;}
	#main-trend .thumb,
	#main-trend .subject	{float:left;position:relative;left:auto;bottom:auto;}
	#main-trend .thumb		{width:280px !important;height:120px !important;padding-right:40px;}
	#main-trend .trend03 .thumb img	{transform:translateY(-20%)}
	#main-trend .subject		{width:calc(100% - 280px);padding:0 !important;}
	#main-trend .subject:before	{content:"";color:#ccc;font-size:14px;display:block;font-weight:normal;margin-bottom:10px;}
	#main-trend .trend01 .subject:before	{content:"트렌드+ 포커스 업(業)"}
	#main-trend .trend02 .subject:before	{content:"트렌드+ 리포트 리뷰";}
	#main-trend .trend03 .subject:before	{content:"트렌드+ 이달의 기업";}
	#main-trend .trend04 .subject:before	{content:"트렌드+ 의식의 흐름"}
	#main-trend .trend03 .thumb:after		{left:10px;right:auto;bottom:10px;width:30px;height:30px;line-height:30px;border-radius:3px;font-size:0.5rem;}

}
@media only screen and (max-width:778px){/* mobile-l */
	.main-container section{padding:40px 0;}
	.main-title	{margin-bottom:10px;font-size:30px}
	#main-trend .thumb		{width:180px !important;height:120px !important;padding-right:30px;}
	#main-trend .subject	{width:calc(100% - 180px);font-size:20px;}
	
}
@media only screen and (max-width:414px){ /* auto */
	.main-container section{padding:20px 0;}
	.main-title	{font-size:26px}
	#main-trend .thumb,
	#main-trend .subject	{float:none;}
	#main-trend .thumb		{width:auto !important;height:160px !important;padding:0;margin-bottom:10px;}
	#main-trend .subject	{width:auto;font-size:18px;}
}

#main-rest				{background:#F4F4F4}
#main-rest .rest01 ul	{margin:0 -20px}
#main-rest .rest01 li	{float:left;width:calc(50% - 40px);margin:0 20px 20px 20px;height:300px;background:#fff;outline:1px solid rgba(0,0,0,0.1)}
#main-rest .rest01 .thumb			{float:left;width:50%;height:100%;display:block;overflow:hidden;}
#main-rest .rest01 .thumb img		{width:100%;object-fit:cover;object-position:center;font-family: 'object-fit: cover; object-position: center;';transition:all ease-out 0.2s}
#main-rest .rest01 .cont			{float:left;width:50%;padding:30px;}
#main-rest .rest01 .cont .tit		{font-size:14px;color:#999}
#main-rest .rest01 .cont .subject	{font-size:22px;color:#111;font-weight:500;word-break:keep-all;line-height:1.4;margin:45px 0;height:90px;overflow:hidden;}
#main-rest .rest01 .cont .more		{font-size:14px;color:#ff9900;}
#main-rest .rest01 a:hover img		{transform:scale(1.1)}
#main-rest .rest01 .more:hover	{text-decoration:underline}

/*
#main-ctf			{position:relative;margin:20px 0 40px 0;}
#main-ctf a			{display:block;height:260px;background-position:50% 50%;background-size:cover;text-align:center;background-color:#0070C0;color:#fff}
#main-ctf .cont		{position:relative;transform:translateY(-50%);top:50%;z-index:2}
#main-ctf .tit		{font-size:14px;margin-bottom:30px}
#main-ctf .subject	{font-size:30px;font-weight:700;letter-spacing:-1px;padding:0 30%;word-break:keep-all;line-height:1.2}
#main-ctf a:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:none;transition:all ease-out 0.2s}
#main-ctf a:hover	{transform:translateY(-5px)}
*/

.main-ctf-co		{position:relative;margin:20px 0;}
.main-ctf-co a		{display:block;height:260px;background-position:50% 50%;background-size:cover;text-align:center;background-color:#0070C0;color:#fff}
.main-ctf-co .cont	{position:relative;transform:translateY(-50%);top:50%;z-index:2}
.main-ctf-co .tit		{font-size:14px;margin-bottom:30px}
.main-ctf-co .subject	{font-size:30px;font-weight:700;letter-spacing:-1px;padding:0 30%;word-break:keep-all;line-height:1.2}
.main-ctf-co a:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:none;transition:all ease-out 0.2s}
.main-ctf-co a:hover	{transform:translateY(-5px)}

#main-bnr		{position:relative;float:right;width:50%;margin-top:20px}
#main-bnr img	{width:100%;}
#main-comm		{position:relative;float:left;width:calc(50% - 40px);margin-top:20px}
#main-comm .tit	{color:#061C48;font-size:22px;font-weight:700;margin-bottom:10px;}
#main-comm .more{position:absolute;right:0;top:0;}
#main-comm .more:hover{transform:rotate(90deg)}
#main-comm ul	{border-top:1px solid #111;}
#main-comm li	{position:relative;border-bottom:1px solid #ccc;}
#main-comm li a	{display:inline-block;width:calc(100% - 80px);line-height:59px;height:59px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111;}
#main-comm li a:hover	{color:#ff9900;}
#main-comm li span		{position:absolute;right:0;color:#999;width:80px;font-size:13px;line-height:59px;text-align:right;}
#main-comm i	{margin-right:5px;}

@media only screen and (max-width:1240px){ /* 960px */
	#main-rest .rest01 li	{height:230px;}
	#main-rest .rest01 .cont .subject	{font-size:20px;margin:20px 0;}
	.main-ctf-co a			{height:200px;}
	.main-ctf-co .subject	{font-size:24px;}
	#main-comm li a			{height:44px;}
	#main-comm li a,
	#main-comm li span		{line-height:44px;}

}
@media only screen and (max-width:1023px){ /* 720px */
	#main-rest .rest01 ul	{margin:0 -5px;}
	#main-rest .rest01 li	{width:calc(25% - 10px);margin:0 5px 20px 5px;height:auto;}
	#main-rest .rest01 .thumb,
	#main-rest .rest01 .cont	{float:none;width:auto;height:auto;}
	#main-rest .rest01 .cont	{padding:20px;}
	#main-rest .rest01 .cont .subject	{font-size:18px;margin:5px 0;}
	.main-ctf-co a			{height:140px;}
	.main-ctf-co .subject	{font-size:20px;padding:0 10%;}
	.main-ctf-co .tit		{margin-bottom:10px}
	.main-ctf-co img{height:20px;}
	#main-bnr		{margin-top:20px;}
	#main-bnr,
	#main-comm		{float:none;width:auto;}
}
@media only screen and (max-width:778px){/* mobile-l */
	#main-rest .rest01 li	{width:calc(50% - 10px);}
	
}
@media only screen and (max-width:414px){ /* auto */
	#main-rest .rest01 ul	{margin:0}
	#main-rest .rest01 li	{width:100%;margin:0 0 5px 0}
	#main-rest .rest01 .cont .subject{height:auto;}
}


#main-plus{background:#fff;}

#comm-visual			{position:relative;min-height:240px;height:30vh;overflow:hidden;word-break:keep-all;z-index:2}
#comm-visual:before		{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;z-index:2}
#comm-visual .cvimg		{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;animation:zoomout 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-webkit-animation:zoomout 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;background:url(../img/cvimg.jpg) no-repeat 50% 50% / cover}
#comm-visual .cvimg:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:1}
#comm-visual .d_width{position:relative;height:100%;z-index:9}
#comm-visual .cvtit	{position:relative;transform:translateY(-50%);top:calc(50% + 40px);color:#fff;text-align:center;line-height:1.2}
#comm-visual .cvtit p:nth-child(1){font-size:34px;letter-spacing:-3px;font-weight:600;font-family:scoreb;}
#comm-visual .cvtit p:nth-child(2){font-size:18px;font-weight:400;margin-top:10px;}

#last-list ul	{margin:0 40px;}
#last-list li	{float:left;width:calc(25% - 40px);margin:0 20px 40px 20px;text-align:center;}
#last-list li:nth-child(4n+1){clear:both;}
#last-list .thumb:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);z-index:2}
#last-list .thumb			{position:relative;display:inline-block;transition:all ease-out 0.2s;z-index:1;overflow:hidden;height:220px;}
#last-list .txt				{display:block;margin-top:10px;}
#last-list a:hover .thumb 	{transform:translateY(-5px);box-shadow:0 10px 10px rgba(0,0,0,0.4)}

#sub-visual			{position:relative;min-height:360px;height:50vh;overflow:hidden;z-index:2;word-break:keep-all}
#sub-visual:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;z-index:2}
#sub-visual .svimg	{position:absolute;left:0;top:0;width:100%;height:100%;animation:zoomout 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-webkit-animation:zoomout 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;z-index:1;background-size:cover;background-position:50% 50%}
#sub-visual .svimg:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.65);z-index:1}
#sub-visual .d_width{position:relative;height:100%;z-index:9}
#sub-visual .svtit	{position:relative;transform:translateY(-50%);top:calc(50% + 40px);color:#fff;text-align:center;}
#sub-visual .svtit p:nth-child(1){font-size:18px;font-weight:500;display:inline-block;height:32px;line-height:32px;}
#sub-visual .svtit p:nth-child(1):after{content:"";border-top:1px solid #fff;display:inline-block;width:100%;vertical-align:top}
#sub-visual .svtit p:nth-child(2){font-size:56px;letter-spacing:-3px;font-weight:600;font-family:scoreb;line-height:1.2;}

#sub-visual.fix	.svtit	{position:fixed;left:0;top:70px;transform:translateY(0);width:100%;height:100px;background:rgba(255,255,255,0.95);box-shadow:0 2px 3px rgba(0,0,0,0.2);}
#sub-visual.fix .svtit p:nth-child(1)	{display:none}
#sub-visual.fix .svtit p:nth-child(2)	{font-size:28px;letter-spacing:-2px;color:#111;line-height:100px;}
#sub-visual.fix .svtit p:nth-child(2) .va-pc{display:inline-block !important;}

.sub-container	{padding:80px 0;text-align:justify;word-break:keep-all}
.sub-container img		{max-width:100%}
.sub-container h1, .sub-container h2, .sub-container h3,.sub-container h4,.sub-container h5, .sub-container h6{line-height:1.3}
.sub-container h1		{margin:60px 0 40px 0;font-size:40px;font-weight:900;font-family:scoreeb;color:#111;letter-spacing:-1px;}
.sub-container h1:before{content:"";border-top:3px solid #111;width:20px;display:block;vertical-align:top;margin-bottom:20px}
.sub-container h2		{margin:40px 0 20px 0;font-size:32px;font-weight:500;color:#333;letter-spacing:-1px}
.sub-container h3		{margin:30px 0 20px 0;font-size:24px;font-weight:700;color:#333;letter-spacing:-1px}
.sub-container .img		{margin:20px 0;}
.sub-container .img img	{max-width:100%}
.sub-container .comment	{margin:5px 0 20px;font-size:85%;color:#aaa}
.sub-container .btn-d	{margin:20px 0}

#sub02_02_wrap	{position:relative;z-index:1;margin: 40px 0;}
#sub02_02_wrap .c_width	{margin:0;}
#sub02_02_wrap .control	{position:absolute;left:0;top:calc(50% - 40px);width:100%;z-index:99999999999;}
#sub02_02_wrap .control a	{position:absolute;display:block;width:80px;height:80px;line-height:80px;text-align:center;background:rgba(0,0,0,0.4);color:#fff;}
#sub02_02_wrap .control a span	{display:none;}
#sub02_02_wrap .control a.prev	{left:0;}
#sub02_02_wrap .control a.next	{right:0;}
#sub02_02_wrap .control a:before		{content:"";font-family:FontAwesome;}
#sub02_02_wrap .control a.prev:before	{content:"\f053";}
#sub02_02_wrap .control a.next:before	{content:"\f054";}

#sub03_02_wrap	{position:relative;z-index:1;margin: 40px 0;}
#sub03_02_wrap .c_width	{margin:0;}
#sub03_02_wrap .control	{position:absolute;left:0;top:calc(50% - 40px);width:100%;z-index:99999999999;}
#sub03_02_wrap .control a	{position:absolute;display:block;width:80px;height:80px;line-height:80px;text-align:center;background:rgba(0,0,0,0.4);color:#fff;}
#sub03_02_wrap .control a span	{display:none;}
#sub03_02_wrap .control a.prev	{left:0;}
#sub03_02_wrap .control a.next	{right:0;}
#sub03_02_wrap .control a:before		{content:"";font-family:FontAwesome;}
#sub03_02_wrap .control a.prev:before	{content:"\f053";}
#sub03_02_wrap .control a.next:before	{content:"\f054";}

@media only screen and (max-width:1240px){ /* 960px */
	#sub-visual			{min-height:auto;height:35vh;}
	#sub-visual .svtit p:nth-child(2)	{font-size:48px;}
	.sub-container h1	{font-size:26px;}
	.sub-container h2	{font-size:22px;}
}
@media only screen and (max-width:1023px){ /* 720px */	
	#last-list ul	{margin:0;}
	#last-list li	{width:calc(33.3333% - 40px);}
	#last-list li:nth-child(3n+1){clear:both;}
	#last-list li:nth-child(4n+1){clear:none;}
	#last-list .thumb	{height:240px;}
	#sub-visual .svtit p:nth-child(2)		{font-size:34px;}
	#sub-visual.fix .svtit p:nth-child(2)	{font-size:22px;letter-spacing:-1px;line-height:1.2;}
	#sub-visual.fix	.svtit	{height:auto;padding:20px;}
	.sub-container		{padding:40px 0;}
	.sub-container h1	{font-size:24px;}
	.sub-container h2	{font-size:20px;}
}
@media only screen and (max-width:778px){/* mobile-l */	
	#last-list .thumb	{height:220px;}
	#last-list li	{width:calc(50% - 20px);margin:0 10px 20px 10px;}
	#last-list li:nth-child(2n+1){clear:both;}
	#last-list li:nth-child(3n+1){clear:none;}
	#sub-visual,
	#comm-visual		{height:50vh;}
	#sub-visual .svtit p:nth-child(2)		{font-size:24px;}
	#sub-visual.fix .svtit p:nth-child(2)	{font-size:18px;}
	#comm-visual .cvtit p:nth-child(1){font-size:28px;letter-spacing:-1px;}
	#comm-visual .cvtit p:nth-child(2){font-size:14px;}
	.sub-container		{padding:20px 0;}
	.sub-container h1	{font-size:22px;}
	.sub-container h2	{font-size:18px;}
}	
@media only screen and (max-width:414px){ /* auto */
	#last-list .thumb	{height:180px;}
}


.quotes-wrap		{line-height:1.4}
.quotes-wrap:before,
.quotes-wrap:after	{content:"";display:block;font-family:FontAwesome;font-size:20px;color:#ccc;}
.quotes-wrap:before	{content:"\f10d";margin-bottom:10px;}
.quotes-wrap:after	{content:"\f10e";margin-top:10px;}

#interview .tit		{font-size:20px;text-decoration:underline}
#interview .name	{font-size:30px;color:#333;font-weight:700;letter-spacing:-2px;margin-bottom:20px;}
#interview .cont p	{padding-left:40px;text-align:justify}
#interview .q		{color:#333;font-weight:500;margin:30px 0 5px;}
#interview .q span, #interview .a span	{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;margin:0 10px 0 -40px;}
#interview .q span	{background:#ccc;color:#fff}
#interview .a span	{background:#ccc;color:#fff}


#sub02_01 h1:before{content:"";border-left:2px solid #111;width:2px;height:40px;display:block;margin:0 auto 20px}
#sub02_01 h1	{}
#sub02_01 h1,	
#sub02_01 h2	{text-align:center;}



@media print {
	a[href]::after {
	content: none !important;
	}
	@page {size:29.7cm 21cm; /*A4*/ margin:0;}
	#wrap	{min-width:100%;}
	.d_width{width:100%;padding:40px;}
	#header{display:none;}
	#footer{display:none;}
	#prevnext{display:none;}
	.sns_bottom{display:none;}
}