@charset "utf-8";

/* reset */
#contents *{box-sizing:border-box;}

.collapse:not(.show) {
    display: none;
}

.jcs{justify-content:flex-start;}
.jcc{justify-content:center;}
.jce{justify-content:flex-end;}
.jcb{justify-content:space-between;}
.jca{justify-content:space-around;}

.ai{align-items:stretch;}
.ais{align-items:flex-start;}
.aic{align-items:center;}
.aie{align-items:flex-end;}
.aib{align-items:baseline;}

.ac{align-content:stretch;}
.acs{align-content:flex-start;}
.acc{align-content:center;}
.ace{align-content:flex-end;}
.acb{align-content:space-between;}
.aca{align-content:space-around;}

.category-list{border: 2px solid #212121;background: #FFF;}

.category-list h3 a{display: block;font-size: 14px;line-height: 1.25;padding: 8px;position: relative;text-decoration: none;color:#212121 !important;}

.category-list-icon{width: 14px;height: 14px;position: absolute;top: 50%;right: 8px;bottom: 50%;margin: -8px 0;display: flex;justify-content:center;align-items:center;}

.category-list-icon .hr,.category-list-icon .vt{background:#212121;display: block;position: absolute;}

.category-list-icon .hr{width: 14px;height: 2px;}

.category-list-icon .vt{width: 2px;height: 14px;}


.category-list h3 a[aria-expanded="false"] .category-list-icon .vt{animation-name:collapseClose;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards;}

.category-list h3 a[aria-expanded="true"] .category-list-icon .vt{animation-name:collapseOpen;animation-duration:.3s;animation-timing-function:ease-out;animation-fill-mode:forwards;}



.category-list ul{list-style: none;}

.category-list li{border-top: 1px solid #212121;}

.category-list li a{display: block;font-size: 14px;padding: 8px;line-height: 1.25;text-decoration: none;color:#212121 !important;}

.category-list li a:hover,.category-list li.active a{background: #EFEFEF;}


@keyframes collapseOpen{
	  0%{opacity:1;transform:rotate(0deg);}
	100%{opacity:0;transform:rotate(90deg);}
}

@keyframes collapseClose{
	  0%{opacity:0;transform:rotate(90deg);}
	100%{opacity:1;transform:rotate(0deg);}
}

.before-img,.after-img{position: relative;}

.before-img h5,.after-img h5{background: #376BC0;color:#FFF;padding: 10px 15px;position: absolute;top: 0;left: 0;z-index: 1;}

.after-img{margin-top: 30px;}


.img-fluid{max-width: 100%;height: auto;}
.mx-auto{margin: 0 auto;}

.row{display: flex;margin:0 -15px;}

[class*="col-"]{padding:0 15px;}

.col-4{flex:0 0 33.3333333333%;max-width: 33.3333333333%;}
.col-6{flex:0 0 50%;max-width: 50%;}
.col-8{flex:0 0 66.6666666666%;max-width: 66.6666666666%;}



/* ofi commons */
.bg-cover{display:block;overflow:hidden;position:relative;width:100%;}

.bg-cover > img,.bg-cover a > img {
	max-width:inherit;max-height:inherit;
	width:100%;height:100%;
	object-fit:cover;font-family:'object-fit:cover';
	position:absolute;
	top:0;left:0;right:0;bottom:0;
}

.bg-all{position:absolute;top:0;left:0;right:0;bottom:0;}


.bg-contain{display:block;overflow:hidden;position:relative;width:100%;}

.bg-contain > img,.bg-contain a > img {
	max-width:inherit;max-height:inherit;
	width:100%;height:100%;
	object-fit:contain;font-family:'object-fit:contain';
	position:absolute;
	top:0;left:0;right:0;bottom:0;
}


.bg-5by1{padding-bottom:20%;}
.bg-4by1{padding-bottom:25%;}
.bg-3by1{padding-bottom:33.3333333333%;}
.bg-2by1{padding-bottom:50%;}
.bg-3by2{padding-bottom:66.6666666666%;}
.bg-4by3{padding-bottom:75%;}
.bg-5by4{padding-bottom:80%;}
.bg-1by1{padding-bottom:100%;}
.bg-4by5{padding-bottom:120%;}
.bg-3by4{padding-bottom:133.3333333333%;}
.bg-2by3{padding-bottom:150%;}
.bg-3by5{padding-bottom:166.6666666666%;}
.bg-1by2{padding-bottom:200%;}


/* .box */




/* margin / padding */
.mt-xxl-{margin-top:-75px !important;}
.mt-xl-{margin-top:-60px !important;}
.mt-lg-{margin-top:-45px !important;}
.mt-md-{margin-top:-30px !important;}
.mt-sm-{margin-top:-20px !important;}
.mt-xs-{margin-top:-10px !important;}

.mt0{margin-top:0 !important;}

.mt-xxl{margin-top:75px !important;}
.mt-xl{margin-top:60px !important;}
.mt-lg{margin-top:45px !important;}
.mt-md{margin-top:30px !important;}
.mt-sm{margin-top:20px !important;}
.mt-xs{margin-top:10px !important;}

.mb-xxl-{margin-bottom:-75px !important;}
.mb-xl-{margin-bottom:-60px !important;}
.mb-lg-{margin-bottom:-45px !important;}
.mb-md-{margin-bottom:-30px !important;}
.mb-sm-{margin-bottom:-20px !important;}
.mb-xs-{margin-bottom:-10px !important;}

.mb0{margin-bottom:0 !important;}

.mb-xxl{margin-bottom:75px !important;}
.mb-xl{margin-bottom:60px !important;}
.mb-lg{margin-bottom:45px !important;}
.mb-md{margin-bottom:30px !important;}
.mb-sm{margin-bottom:20px !important;}
.mb-xs{margin-bottom:10px !important;}
.mb-xxs{margin-bottom:5px !important;}