@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% - 160px);top:30px;}
#logo img	{vertical-align:middle;}
#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}
#logo img.shape1 {margin-left:13px;}
#header .left,
#header .right	{width:50%;padding:0 40px ;}
#header .left .logo {position:relative;display:inline-block; background:url(../img/selena_logo_w.png)no-repeat center top;width:178px; height:44px;}
#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 a span {float:left;}
#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 .logo1	{display:inline-block}
#header .logo2	{display:none}
#header .shape1	{display:inline-block}
#header .shape2 {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% - 125px);}
#header.fix #logo p	{color:#000}
#header.fix #logo img	{}
#header.fix #logo img.shape2 {margin-left:13px;}
#header.fix .left {margin-top:10px;}
#header.fix .left .logo {position:relative;display:inline-block; background:url(../img/selena_logo.png)no-repeat center top;width:133px; height:33px;}
#header.fix .logo1	{display:none}
#header.fix .logo2	{display:inline-block}
#header.fix .shape1	{display:none}
#header.fix .shape2	{display:inline-block}
#header.fix .pre-btn a{color:#999;border:1px solid #eee}
#header.fix #topmn a	{color:#999;}

#footer	{position:relative;display:inline-block; padding:40px 0;font-size:16px;background:#222;width:100%;}

#footer .flogo {float:left; background:#222; margin-right:50px; }
#footer address.m {display:none;}
#footer address		{line-height:1.4;color:#fff; float:left;}

#footer .sns		{position:absolute;right:0;top:0; float:right;}
#footer .sns a		{display:inline-block; margin-left:3px;}

#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;}

a.btn-top				{position:fixed;right:40px;bottom:100px;display:block;width:20px;height:30px;border-left:3px solid #333}
a.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)}
a.btn-top:hover			{height:35px}
a.btn-top:hover,
a.btn-top:hover:before	{border-color:#ff9900;}

#main-visual		{position:relative;height:700px;}
#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 .mvimg2			{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 .mvimg2:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .mvimg3			{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 .mvimg3:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .mvimg4			{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 .mvimg4:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .mvimg5			{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 .mvimg5:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .mvimg6			{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 .mvimg6:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .mvimg7			{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 .mvimg7:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .mvimg8			{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 .mvimg8:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .mvimg9			{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 .mvimg9:before	{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/dotbg.png) repeat;}
#main-visual .mvimg10			{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 .mvimg10: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:#000;word-break:keep-all}
#main-visual .mvtit	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit span {font-size:50px; line-height:1.3;}
#main-visual .mvtit	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;}
/*#main-visual .mvtit	p:nth-child(2){font-size:40px;font-weight:700;}*/
#main-visual .mvtit2	{position:relative;transform:translateY(-50%);top:calc(30% + 30px);color:#000;text-align:center;}
#main-visual .mvtit2	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit2	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;color:#fc2d95;}

#main-visual .mvtit3	{position:relative;transform:translateY(-50%);top:calc(50% + 40px);color:#000;word-break:keep-all}
#main-visual .mvtit3	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit3	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;}
#main-visual .mvtit3 span {font-size:50px; line-height:2;}

#main-visual .mvtit4	{position:relative;transform:translateY(-50%);top:calc(50% + 40px);color:#000;word-break:keep-all;color:#fff;}
#main-visual .mvtit4	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit4	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;}
#main-visual .mvtit4 span {font-size:50px; line-height:2;}

#main-visual .mvtit5	{position:relative;transform:translateY(-50%);top:calc(50% - 30px);color:#000;word-break:keep-all;}
#main-visual .mvtit5	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit5	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;}
#main-visual .mvtit5 span {font-size:50px; line-height:2;}

#main-visual .mvtit6	{position:relative;transform:translateY(-50%);top:calc(50% + 60px);color:#000;text-align:center;}
#main-visual .mvtit6	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit6	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;color:#fc2d95;}

#main-visual .mvtit7	{position:relative;transform:translateY(-50%);top:calc(50% + 40px);color:#000;word-break:keep-all}
#main-visual .mvtit7	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit7	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;}

#main-visual .mvtit8	{position:relative;transform:translateY(-50%);top:calc(50% + 40px);color:#000;word-break:keep-all;color:#fff;}
#main-visual .mvtit8	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit8	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;}
#main-visual .mvtit8 span {font-size:50px; line-height:2;}

#main-visual .mvtit9	{position:relative;transform:translateY(-50%);top:calc(30% + 160px);color:#fff;text-align:center;}
#main-visual .mvtit9	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit9	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;}

#main-visual .mvtit10	{position:relative;transform:translateY(-50%);top:calc(30% + 140px);color:#000;text-align:center;}
#main-visual .mvtit10	p:nth-child(1){font-size:80px;font-weight:400;line-height:1.1;}
#main-visual .mvtit10	p:nth-child(2){font-size:18px;font-weight:400;line-height:1.4;margin-top:20px;}

.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}
	#footer .flogo {float:left; background:#222; margin-right:40px; }
	#footer address		{display:none;}
	#footer address.m		{display:block;}
}
@media only screen and (max-width:1023px){ /* 720px */
	#wrap{min-width:auto}
	.d_width{width:auto;padding:0 40px}	

	#footer				{text-align:center; padding:30px 0 50px;}
	#footer .flogo {float:none; margin:0;}
	#footer address  {float:none; margin-top:20px;}
	#footer .sns		{display:block; position:relative; right:calc(50% - 90px); top:20px;}
	
	
	#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 span {font-size:35px;}
	#main-visual .mvtit	p:nth-child(2){font-size:16px;}

	#main-visual .mvtit2	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit2	p:nth-child(2){font-size:16px;}

	#main-visual .mvtit4	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit4	p:nth-child(2){font-size:16px;}
	#main-visual .mvtit4 span {font-size:35px;}

	#main-visual .mvtit5	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit5	p:nth-child(2){font-size:16px;}
	#main-visual .mvtit5 span {font-size:35px;}

	#main-visual .mvtit6	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit6	p:nth-child(2){font-size:16px;}

	#main-visual .mvtit7	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit7	p:nth-child(2){font-size:16px;}

	#main-visual .mvtit8	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit8	p:nth-child(2){font-size:16px;}
	#main-visual .mvtit8 span {font-size:35px;}

	#main-visual .mvtit9 {top:calc(30% + 120px);}
	#main-visual .mvtit9	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit9	p:nth-child(2){font-size:16px;}

	#main-visual .mvtit10 {top:calc(30% + 120px);}
	#main-visual .mvtit10	p:nth-child(1){font-size:52px;}
	#main-visual .mvtit10	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% - 137px);}
	#header .left .logo {position:relative;display:inline-block; background:url(../img/selena_logo_mini_w.png)no-repeat center top;width:34px; height:34px;}
	#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.fix .left {margin-top:2px;}
	#header.fix .left .logo {position:relative;display:inline-block; background:url(../img/selena_logo_mini.png)no-repeat center top;width:34px; height:34px;}
	#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 70px;}
	#footer .sns		{display:block; position:relative; margin-top:13px;}
	
	#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;}
	
	a.btn-top			{right:20px;bottom:30px;}
	

	#main-visual .mvimg {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 63% 60%;}
	#main-visual .mvimg2 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 43% 60%;}
	#main-visual .mvimg3 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 50% 50%;}
	#main-visual .mvimg4 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 40% 30%;}
	#main-visual .mvimg5 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 52.5% 50%;}
	#main-visual .mvimg6 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 65% 50%;}
	#main-visual .mvimg7 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 60% 60%;}
	#main-visual .mvimg8 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 16% 60%;}
	#main-visual .mvimg9 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 84% 60%;}
	#main-visual .mvimg10 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 95% 50%;}

	#main-visual .mvtit	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit span {font-size:28px;}	
	#main-visual .mvtit	p:nth-child(2){font-size:16px;margin-top:10px}
	#main-visual .mvtit	p:nth-child(3){font-size:14px;}
	 
	#main-visual .mvtit2	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit2	p:nth-child(2){font-size:14px;margin-top:10px}
	#main-visual .mvtit2	p:nth-child(3){font-size:14px;}

	#main-visual .mvtit3	p {padding-top:150px;}
	#main-visual .mvtit3	p:nth-child(1){font-size:36px; }
	#main-visual .mvtit3	p:nth-child(2){font-size:14px;margin-top:10px}
	#main-visual .mvtit3	p:nth-child(3){font-size:14px;}
	#main-visual .mvtit3 span {font-size:28px;}

	#main-visual .mvtit4	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit4	p:nth-child(2){font-size:16px;margin-top:10px}
	#main-visual .mvtit4	p:nth-child(3){font-size:14px;}
	#main-visual .mvtit4 span {font-size:28px;}

	#main-visual .mvtit5	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit5	p:nth-child(2){font-size:16px;margin-top:10px}
	#main-visual .mvtit5	p:nth-child(3){font-size:14px;}
	#main-visual .mvtit5 span {font-size:24px;}

	#main-visual .mvtit6	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit6	p:nth-child(2){font-size:14px;margin-top:10px}
	#main-visual .mvtit6	p:nth-child(3){font-size:14px;}

	#main-visual .mvtit7	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit7	p:nth-child(2){font-size:14px;margin-top:10px}
	#main-visual .mvtit7	p:nth-child(3){font-size:14px;}

	#main-visual .mvtit8	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit8	p:nth-child(2){font-size:16px;margin-top:10px}
	#main-visual .mvtit8	p:nth-child(3){font-size:14px;}
	#main-visual .mvtit8 span {font-size:28px;}

	#main-visual .mvtit9 {top:calc(30% + 110px);}
	#main-visual .mvtit9	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit9	p:nth-child(2){font-size:16px;margin-top:10px}
	#main-visual .mvtit9	p:nth-child(3){font-size:14px;}

	#main-visual .mvtit10 {top:calc(30% + 110px);}
	#main-visual .mvtit10	p:nth-child(1){font-size:36px;}
	#main-visual .mvtit10	p:nth-child(2){font-size:16px;margin-top:10px}
	#main-visual .mvtit10	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}
	

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

	#main-visual .mvtit	p.mots {font-size:30px;}

	#main-visual .mvtit3	p {padding-top:120px;}
	#main-visual .mvtit3	p:nth-child(1){font-size:30px; }
	#main-visual .mvtit3 span {font-size:18px;}

	#main-visual .mvtit4	{position:relative;transform:translateY(-50%);top:calc(40% + 40px);color:#000;word-break:keep-all;color:#fff;}
	#main-visual .mvtit4 span {font-size:18px;}

	#main-visual .mvtit6	p.mots {font-size:30px;}

	#main-visual .mvtit7	{top:calc(50% - 50px);}

	#main-visual .mvtit8	{padding-top:120px;}
	#main-visual .mvtit8 span {font-size:18px;}

	#main-visual .mvtit9 {top:calc(30% + 50px);}
	#main-visual .mvtit9	{padding-top:120px;}

	#main-visual .mvtit10 {top:calc(30% + 50px);}
	#main-visual .mvtit10	{padding-top:120px;}

	#main-visual .mvimg10 {position: absolute;  left: 0;  top: 0; height: 100%; width: 100%;z-index: 1; background-size: cover; background-position: 84% 60%;}
}

.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 .d_width .pre-btn a{position:relative;display:inline-block;width:170px;height:45px;margin-top:20px;line-height:43px;color:#999;border:1px solid #eee;font-size:14px;padding:0 15px;}
#main-trend .d_width .pre-btn a span {float:left;}
#main-trend .d_width .pre-btn i{position:absolute;right:15px;top:0;line-height:43px;}
#main-trend .d_width .pre-btn a:hover{background:#012e69;color:#fff}
#main-trend .d_width #topmn		{text-align:right;}

#main-trend .trend01, #main-trend .trend03	{}/**/
#main-trend .trend02	{}
#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 .txt {font-size: 14px; color: #999;word-break:keep-all; font-weight:normal;margin-top:10px;line-height:1.5;}
#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:480px;}
#main-trend .trend02 .thumb	{width:600px;height:480px;}
#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:460px;height:300px;}
	#main-trend .trend02 .thumb	{width:460px;height:300px;}
}
@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 .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;}
	#main-trend .d_width .pre-btn a{margin-top:0;}
	
}
@media only screen and (max-width:414px){ /* auto */
	.main-container section{padding:20px 0;}
	#main-trend .main-title	{font-size:26px; width:150px;line-height:1.2;}
	#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-trend .d_width .pre-btn a{margin-top:5px;}
}

#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:700;word-break:keep-all;line-height:1.4;margin:45px 0;height:90px;overflow:hidden;}
#main-rest .rest01 .cont .more		{font-size:14px;color:#f06680;}
#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 {height:250px;;}
	#main-rest .rest01 .thumb,
	#main-rest .rest01 .cont	{float:none;width: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-rest .main-title	{font-size:26px; }
}


#main-plus {background:#fff;}
#main-plus .d_width .pre-btn a{position:relative;display:inline-block;width:130px;height:45px;margin-top:20px;line-height:43px;color:#999;border:1px solid #eee;font-size:14px;padding:0 15px;}
#main-plus .d_width .pre-btn a span {float:left;}
#main-plus .d_width .pre-btn i{position:absolute;right:15px;top:0;line-height:43px;}
#main-plus .d_width .pre-btn a:hover{background:#012e69;color:#fff}
#main-plus .d_width #topmn		{text-align:right;}

#main-plus .M_con_bn {}
#main-plus .M_con_bn ul {margin:0 -20px}
#main-plus .M_con_bn ul li {float:left;width:calc(30% + 2px);margin:0 20px 20px 20px;background:#000;}
#main-plus .M_con_bn ul li .Pic {position: relative; height:0; padding-bottom: 56.25%;}
#main-plus .M_con_bn ul li .Pic iframe {}
#main-plus .M_con_bn ul li .title {padding:8px 0;}
#main-plus .M_con_bn ul li .title .txt {font-size:16px; color:#fff; text-align:center;}

@media only screen and (max-width:1240px){ /* 960px */
	#main-plus .M_con_bn ul li {width:calc(29% + 3px);}
}
@media only screen and (max-width:1023px){ /* 720px */	
	#main-plus .M_con_bn ul li {width:calc(28% + 12px);}
	#main-plus .d_width .pre-btn a{margin-top:0;}
}
@media only screen and (max-width:778px){/* mobile-l */	
	#main-plus .M_con_bn ul li {width:calc(94% + 5px);}
}	
@media only screen and (max-width:414px){ /* auto */
	#main-plus .M_con_bn ul li {width:calc(89% + 6px);}
	#main-plus .main-title	{font-size:26px; width:200px; line-height:1.2;}
	#main-plus .d_width .pre-btn a{margin-top:5px;}
}


#main-banner {position:relative; padding:0;height:150px;background:url(../img/banner01_back.png) repeat; }
#main-banner .main-title {font-size:40px; line-height:1.2; margin-bottom:20px;}
#main-banner .d_width {}
#main-banner .d_width p {float:left; width:290px;margin-top:30px;}
#main-banner .d_width article a img {float:right;right:0;top:0;position:absolute;}

#main-banner_n {position:relative; padding:0;height:150px;background:url(../img/banner01_n_back.png) repeat; }
#main-banner_n .main-title {font-size:40px; line-height:1.2; margin-bottom:20px;}
#main-banner_n .d_width {}
#main-banner_n .d_width p {float:left; width:290px;margin-top:30px;}
#main-banner_n .d_width article a img {float:right;right:0;top:0;position:absolute;}

@media only screen and (max-width:1240px){ /* 960px */
	#main-banner {height:121px;}
	#main-banner .main-title {font-size:25px; line-height:1.2; margin-bottom:0;}
	#main-banner .d_width p {width:10%; margin-top:15px;}
	#main-banner .d_width article a img {width:80%;}

	#main-banner_n {height:121px;}
	#main-banner_n .main-title {font-size:25px; line-height:1.2; margin-bottom:0;}
	#main-banner_n .d_width p {width:10%; margin-top:15px;}
	#main-banner_n .d_width article a img {width:80%;}
}
@media only screen and (max-width:1023px){ /* 720px */	
	#main-banner {height:130px;}
	#main-banner .d_width p {margin-top:20px;}

	#main-banner_n {height:130px;}
	#main-banner_n .d_width p {margin-top:20px;}
}
@media only screen and (max-width:778px){/* mobile-l */	
	#main-banner {height:120px;background:none; }
	#main-banner .d_width p {display:none;}
	#main-banner .d_width article a img {width:100%;}

	#main-banner_n {height:120px;background:none; }
	#main-banner_n .d_width p {display:none;}
	#main-banner_n .d_width article a img {width:100%;}
}	
@media only screen and (max-width:414px){ /* auto */
	#main-banner {height:65px;background:none; }

	#main-banner_n {height:65px;background:none; }
}

#main-rest2				{background:#fff}
#main-rest2 .d_width .pre-btn a{position:relative;display:inline-block;width:150px;height:45px;margin-top:20px;line-height:43px;color:#999;border:1px solid #eee;font-size:14px;padding:0 15px;}
#main-rest2 .d_width .pre-btn a span {float:left;}
#main-rest2 .d_width .pre-btn i{position:absolute;right:15px;top:0;line-height:43px;}
#main-rest2 .d_width .pre-btn a:hover{background:#012e69;color:#fff}
#main-rest2 .d_width #topmn		{text-align:right;}

#main-rest2 .rest01 ul	{margin:0 -20px}
#main-rest2 .rest01 li	{float:left;width:calc(50% - 40px);margin:0 20px 20px 20px;background:#fff;outline:1px solid rgba(0,0,0,0.1)}

#main-rest2 .rest01 .cont			{float:left;width:100%;padding:30px;}
#main-rest2 .rest01 .cont .subject	{font-size:26px;color:#111;font-weight:800;word-break:keep-all;line-height:1.4;margin:0 0 20px;height:50px;overflow:hidden;border-bottom:2px solid #222;}
#main-rest2 .rest01 .cont .subject span.pink {color:#f06680;}
#main-rest2 .rest01 .cont .subject span.blue {color:#28347c;}
#main-rest2 .rest01 .cont .tit		{font-size:18px;color:#666}
#main-rest2 .rest01 .cont .tit img {vertical-align:baseline;}
#main-rest2 .rest01 .cont .tit img.cip {vertical-align:sub;}


@media only screen and (max-width:1240px){ /* 960px */
	
	#main-rest2 .rest01 li	{}
	#main-rest2 .rest01 .cont .subject	{font-size:20px;}
	#main-rest2 .rest01 .cont .tit		{font-size:16px;}
}
@media only screen and (max-width:1023px){ /* 720px */
	
	#main-rest2.rest01 li	{width:calc(25% - 10px);margin:0 5px 20px 5px;height:auto;}
	#main-rest2 .rest01 .thumb,
	#main-rest2 .rest01 .cont	{float:none;width:auto;height:auto;}
	#main-rest2 .rest01 .cont	{padding:25px;}
	#main-rest2 .rest01 .cont .subject	{font-size:18px;margin:0 0 15px;height:40px;}
	#main-rest2 .rest01 .cont .tit		{font-size:15px;}
	#main-rest2 .d_width .pre-btn a{margin-top:0px;}
}
@media only screen and (max-width:778px){/* mobile-l */
	
	#main-rest2 .rest01 li	{width:calc(46% - 11px);}
	#main-rest2 .rest01 .cont .subject {font-size:15px;margin:0 0 15px;height:35px;}
	#main-rest2 .rest01 .cont .tit		{font-size:12px;}
	#main-rest2 .rest01 .cont .tit img {vertical-align:sub;}
}
@media only screen and (max-width:414px){ /* auto */
	#main-rest2 .rest01 ul	{margin:0}
	#main-rest2 .rest01 li	{width:100%;margin:0 0 5px 0}
	#main-rest2 .rest01 .cont .subject{height:30px;}
	#main-rest2 .main-title	{font-size:26px; }
}

#main-banner2 {position:relative; padding:0;height:150px;background:url(../img/banner02_back.png) repeat; }
#main-banner2 .main-title {font-size:40px; line-height:1.2; margin-bottom:20px;}
#main-banner2 .d_width {}
#main-banner2 .d_width p {float:left; width:290px;margin-top:30px;}
#main-banner2 .d_width article a img {float:right;right:0;top:0;position:absolute;}

#main-banner2_n {position:relative; padding:0;height:150px;background:url(../img/banner02_n_back.png) repeat; }
#main-banner2_n .main-title {font-size:40px; line-height:1.2; margin-bottom:20px;}
#main-banner2_n .d_width {}
#main-banner2_n .d_width p {float:left; width:290px;margin-top:30px;}
#main-banner2_n .d_width article a img {float:right;right:0;top:0;position:absolute;}

#main-banner2_n2 {position:relative; padding:0;height:150px;background:url(../img/banner02_n2_back.png) repeat; }
#main-banner2_n2 .main-title {font-size:40px; line-height:1.2; margin-bottom:20px;}
#main-banner2_n2 .d_width {}
#main-banner2_n2 .d_width p {float:left; width:290px;margin-top:30px;}
#main-banner2_n2 .d_width article a img {float:right;right:0;top:0;position:absolute;}

@media only screen and (max-width:1240px){ /* 960px */
	#main-banner2 {height:121px;}
	#main-banner2 .main-title {font-size:25px; line-height:1.2;}
	#main-banner2 .d_width p {width:10%; margin-top:15px;}
	#main-banner2 .d_width article a img {width:80%;}

	#main-banner2_n {height:121px;}
	#main-banner2_n .main-title {font-size:25px; line-height:1.2;}
	#main-banner2_n .d_width p {width:10%; margin-top:15px;}
	#main-banner2_n .d_width article a img {width:80%;}

	#main-banner2_n2 {height:121px;}
	#main-banner2_n2 .main-title {font-size:25px; line-height:1.2;}
	#main-banner2_n2 .d_width p {width:10%; margin-top:15px;}
	#main-banner2_n2 .d_width article a img {width:80%;}
}
@media only screen and (max-width:1023px){ /* 720px */	
	#main-banner2 {height:129px;}
	#main-banner2 .d_width p {margin-top:20px;}

	#main-banner2_n {height:129px;}
	#main-banner2_n .d_width p {margin-top:20px;}

	#main-banner2_n2 {height:129px;}
	#main-banner2_n2 .d_width p {margin-top:20px;}
}
@media only screen and (max-width:778px){/* mobile-l */	
	#main-banner2 {height:120px;background:none; }
	#main-banner2 .d_width p {display:none;}
	#main-banner2 .d_width article a img {width:100%;}

	#main-banner2_n {height:120px;background:none; }
	#main-banner2_n .d_width p {display:none;}
	#main-banner2_n .d_width article a img {width:100%;}

	#main-banner2_n2 {height:120px;background:none; }
	#main-banner2_n2 .d_width p {display:none;}
	#main-banner2_n2 .d_width article a img {width:100%;}
}	
@media only screen and (max-width:414px){ /* auto */
	#main-banner2 {height:65px;background:#222; }

	#main-banner2_n {height:65px;background:#222; }

	#main-banner2_n2 {height:65px;background:#222; }
}


#main-banner3 {position:relative; padding:0;height:150px;background:url(../img/banner03_back.png) repeat; }
#main-banner3 .main-title {font-size:40px; line-height:1.2; margin-bottom:20px;}
#main-banner3 .d_width {}
#main-banner3 .d_width p {float:left; width:290px;margin-top:30px;}
#main-banner3 .d_width article a img {float:right;right:0;top:0;position:absolute;}

#main-banner4 {position:relative; padding:0;height:150px;background:url(../img/banner04_back.png) repeat; }
#main-banner4 .main-title {font-size:40px; line-height:1.2; margin-bottom:20px;}
#main-banner4 .d_width {}
#main-banner4 .d_width p {float:left; width:290px;margin-top:30px;}
#main-banner4 .d_width article a img {float:right;right:0;top:0;position:absolute;}

@media only screen and (max-width:1240px){ /* 960px */
	#main-banner3 {height:121px;}
	#main-banner3 .main-title {font-size:25px; line-height:1.2;}
	#main-banner3 .d_width p {width:10%; margin-top:15px;}
	#main-banner3 .d_width article a img {width:80%;}

	#main-banner4 {height:121px;}
	#main-banner4 .main-title {font-size:25px; line-height:1.2;}
	#main-banner4 .d_width p {width:10%; margin-top:15px;}
	#main-banner4 .d_width article a img {width:80%;}
}
@media only screen and (max-width:1023px){ /* 720px */	
	#main-banner3 {height:129px;}
	#main-banner3 .d_width p {margin-top:20px;}

	#main-banner4 {height:129px;}
	#main-banner4 .d_width p {margin-top:20px;}
}
@media only screen and (max-width:778px){/* mobile-l */	
	#main-banner3 {height:120px;background:none; }
	#main-banner3 .d_width p {display:none;}
	#main-banner3 .d_width article a img {width:100%;}

	#main-banner4 {height:120px;background:none; }
	#main-banner4 .d_width p {display:none;}
	#main-banner4 .d_width article a img {width:100%;}
}	
@media only screen and (max-width:414px){ /* auto */
	#main-banner3 {height:65px;background:#222; }

	#main-banner4 {height:65px;background:#222; }
}

.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;}
}