@charset "utf-8";
@import url("common.css?v=211117_2");


/* visual */
.visual h2{font-size:0;}
.visual ul li{background-repeat:no-repeat;background-position:center top;}
.visual ul li.v1{background-image:url(../images/main/main-visual1.png);}
.visual ul li.v2{background-image:url(../images/main/main-visual2.png);}
.visual ul li.v3{background-image:url(../images/main/main-visual3.png);}
.visual ul li.v4{background-image:url(../images/main/main-visual4.png);}
.visual ul li.v5{background-image:url(../images/main/main-visual5.png);}
.visual ul li a{display:block;position:relative;max-width:1280px;margin:0 auto;padding-bottom:27.6041666%;font-size:0;}
.visual ul .owl-dots{display:flex;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);}
.visual ul .owl-dots .owl-dot{margin-left:10px;}
.visual ul .owl-dots .owl-dot:first-child{margin-left:0;}
.visual ul .owl-dots .owl-dot span{display:block;width:13px;height:13px;border-radius:6.5px;border:1px solid #fff;}
.visual ul .owl-dots .owl-dot.active span{background-color:#fff;}
.visual ul .owl-nav > div{position:absolute;top:50%;width:42px;height:64px;background:url(../images/common/ico-set-1x.png) no-repeat;font-size:0;transform:translateY(-50%);}
.visual ul .owl-nav .owl-prev{left:50%;margin-left:-721px;background-position:-40px 0;}
.visual ul .owl-nav .owl-prev.disabled{background-position-y:-84px;}
.visual ul .owl-nav .owl-next{right:50%;margin-right:-721px;background-position:-102px 0;}
.visual ul .owl-nav .owl-next.disabled{background-position-y:-84px;}


/* quicklink */
.quicklink{background-color:#dfecf2;}
.quicklink h2{font-size:0;}
.quicklink ul{display:flex;}
.quicklink ul li{width:33.3333333%;}
.quicklink ul li a{display:block;padding:28px 0 22px;font-size:1.2rem/*@24px*/;font-weight:300;color:#2f2f2f;text-align:center;}
.quicklink ul li a i{display:block;margin:0 auto 12px;background:url(../images/common/ico-set-1x.png) no-repeat;}
.quicklink ul li.lk1 a i{width:88px;height:71px;margin-top:13px;background-position:0 -168px;}
.quicklink ul li.lk2 a i{width:81px;height:86px;background-position:-108px -168px;}
.quicklink ul li.lk3 a i{width:89px;height:85px;background-position:-209px -168px;}


/* post */
.post{padding:52px 0 82px;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f7f7f7;}
.post .grid{display:flex;flex-wrap:wrap;justify-content:space-between;}
.post .grid > div{width:calc(33.3333333% - 34.6666666px);}
.post .grid > div h2{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;padding-bottom:15px;border-bottom:2px solid #191919;font-size:1.3rem/*@26px*/;font-weight:400;color:#1a1a1a;}
.post .grid > div h2 .more{display:block;width:18px;height:18px;margin-bottom:5px;background:url(../images/common/ico-set-1x.png) no-repeat;background-position:0 -75px;font-size:0;}
.post .grid > div h2 + ul{margin-bottom:48px;}
.post .grid > div h2 + ul li{display:flex;justify-content:space-between;align-items:center;margin-top:15px;}
.post .grid > div h2 + ul li:first-child{margin-top:0;}
.post .grid > div h2 + ul li a{display:block;position:relative;padding-left:13px;font-size:0.85rem/*@17px*/;font-weight:300;color:#252525;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post .grid > div h2 + ul li a:hover{background:linear-gradient(90deg, #176f9d 0%, #00d0e4 50%, #176f9d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.post .grid > div h2 + ul li a:before{position:absolute;top:-4px;left:0;font-size:1.5rem/*@30px*/;line-height:1;content:"·";}
.post .grid > div h2 + ul li .date{flex:none;margin-left:15px;font-size:0.75rem/*@15px*/;font-weight:300;color:#bdbdbd;}
.post .thumb a{display:block;position:relative;}
.post .thumb a img{position:absolute;top:0;left:0;width:100%;height:100%;}
.post .library2 .thumb a, .post .campaign .thumb a{padding-bottom:57.3979591%;}
.post .webzine .link-and-subscribe{display:flex;/*align-items:center;*/}
.post .webzine .link-and-subscribe .thumb{flex:1;margin-right:24.5px;}
.post .webzine .link-and-subscribe .thumb a{padding-bottom:133.33333333%;}
.post .webzine .link-and-subscribe ul li{margin-top:10px;}
.post .webzine .link-and-subscribe ul li:first-child{margin-top:0;}
.post .webzine .link-and-subscribe ul li strong{display:block;margin-bottom:14px;font-size:0.85rem/*@17px*/;font-weight:500;color:#191919;line-height:1.18;}
.post .webzine .link-and-subscribe ul li.agreement{margin:13px 0 19px;}
.post .webzine .link-and-subscribe ul li input[type=text]{width:100%;padding:0 16px;border-radius:18px;border:1px solid #d1d1d1;font-size:0.65rem/*@13px*/;font-weight:300;outline:none;-webkit-appearance:none;}
.post .webzine .link-and-subscribe ul li input[type=text]:focus{border-color:#00d0e4;}
.post .webzine .link-and-subscribe ul li input[type=checkbox]{display:none;}
.post .webzine .link-and-subscribe ul li input[type=checkbox] + label{display:flex;font-size:0.55rem/*@11px*/;cursor:pointer;}
.post .webzine .link-and-subscribe ul li input[type=checkbox] + label i{flex:none;display:block;width:12px;height:12px;margin:3px 8px 0 0;background:url(../images/common/ico-set-1x.png) no-repeat;background-position:-272px 0;}
.post .webzine .link-and-subscribe ul li input[type=checkbox]:checked + label i{background-position:-272px -32px;}
.post .webzine .link-and-subscribe ul li input[type=checkbox] + label em{text-decoration:underline;}
.post .webzine .link-and-subscribe ul li .btn{justify-content:center;width:94px;height:36px;margin:0 auto;border-radius:18px;background-color:#f8971d;font-size:0.8rem/*@16px*/;font-weight:500;color:#fff;}


/* partner */
.partner{padding:13px 0;border-bottom:1px solid #dcdcdc;}
.partner .grid{display:flex;}
.partner .grid > div{display:flex;align-items:center;width:50%;padding:10px 0;}
.partner .grid > div:last-child{padding-left:30px;border-left:1px solid #dcdcdc;}
.partner .grid > div h3{flex:none;margin:0 40px 24px 0;font-size:0.7rem/*@14px*/;font-weight:500;}
.partner .grid > div ul{width:calc(100% - 91px);max-width:521px;margin:0 -14px;}
.partner .grid > div ul li{max-width:141px;margin:0 14px;}
.partner .grid > div ul .owl-nav > div{position:absolute;bottom:0;width:16px;height:16px;background:url(../images/common/ico-set-1x.png) no-repeat;font-size:0;}
.partner .grid > div ul .owl-nav .owl-prev{left:-77px;background-position:-164px -54px;}
.partner .grid > div ul .owl-nav .owl-next{left:-62px;background-position:-200px -54px;}


/* media query */
@media all and (min-width:1920px){
	.visual ul li a{padding-bottom:530px;}
}

@media all and (max-width:1319px){
	.visual ul li{background-size:auto 100%;}
	.visual ul li a{padding-bottom:41.40625%;}
	.quicklink ul{align-items:flex-end;}
	.quicklink ul li a{padding-top:22px;font-size:17px;letter-spacing:-0.5px;}
	.quicklink ul li a i{background-size:266.6666666px;}
	.quicklink ul li.lk1 a i{width:58.6666666px;height:47.3333333px;background-position:0 -112px;}
	.quicklink ul li.lk2 a i{width:54px;height:57.3333333px;background-position:-72px -112px;}
	.quicklink ul li.lk3 a i{width:59.3333333px;height:56.6666666px;background-position:-139.3333333px -112px;}
	.post .grid > div{width:calc(33.3333333% - 13.3333333px);}
	.post .grid > div h2 .more{width:12px;height:12px;background-position:0 -50px;background-size:266.6666666px;}
	.post .webzine .link-and-subscribe .thumb{margin-right:20px;}
	.partner .grid{flex-direction:column;margin:0;}
	.partner .grid > div{width:auto;}
	.partner .grid > div:first-child{padding-left:20px;padding-right:0;}
	.partner .grid > div:last-child{padding-left:20px;border-top:1px solid #dcdcdc;border-left:none;}
}

@media all and (max-width:1023px){
	.post .grid > div{width:calc(50% - 10px);}
	.post .grid > div h2 + ul{margin-bottom:40px;}
	.post .grid .campaign{margin-top:40px;}
	.post .grid .webzine{margin-top:40px;}
}

@media all and (max-width:640px){
	.visual ul li a{padding-bottom:94.6666666%;}
	.visual ul li.v1{background-image:url(../images/main/m-main-visual1.png);}
	.visual ul li.v2{background-image:url(../images/main/m-main-visual2.png);}
	.visual ul li.v3{background-image:url(../images/main/m-main-visual3.png);}
	.visual ul li.v4{background-image:url(../images/main/m-main-visual4.png);}
	.visual ul li.v5{background-image:url(../images/main/m-main-visual5.png);}
	.post .grid > div{width:100%;}
	.partner .grid > div h3{margin-right:20px;}
	.partner .grid > div ul{width:calc(100% - 65px);margin:0 -10px;}
	.partner .grid > div ul li{margin:0 10px;}
	.partner .grid > div ul .owl-nav .owl-prev{left:-55px;}
	.partner .grid > div ul .owl-nav .owl-next{left:-39px;}
}