@charset "UTF-8";


/* ===== mdl-faq Style ===== */

.mdl-faq{}
.mdl-faq .section-base{width:960px;margin:0px auto;}
.mdl-faq .section-frame{padding:120px 40px;}
.mdl-faq .section-header{margin-bottom:30px;text-align:center;}
.mdl-faq .section-main{}
.mdl-faq .section-footer{margin-top:60px;text-align:center;}

.mdl-faq .section-header .label{color:#2B9098;font-size:200%;}

.mdl-faq .section-main .item{}
.mdl-faq .section-main .item-base{}
.mdl-faq .section-main .item-frame{border-bottom:1px solid #5AC5CE;}
.mdl-faq .section-main .item-header{padding:20px 0px;cursor:pointer;}
.mdl-faq .section-main .item-header .question{}
.mdl-faq .section-main .item-header .question dl{display:table;}
.mdl-faq .section-main .item-header .question dt{display:table-cell;vertical-align:top;padding-right:20px;}
.mdl-faq .section-main .item-header .question dd{display:table-cell;vertical-align:middle;}
.mdl-faq .section-main .item-header .icon{}
.mdl-faq .section-main .item-header .icon img{width:60px;height:60px;}
.mdl-faq .section-main .item-header .headline{font-size:125%;line-height:150%;}

.mdl-faq .section-main .item-main{display:none;padding:0px 0px 20px 60px;}
.mdl-faq .section-main .item-main .answer{}
.mdl-faq .section-main .item-main .answer dl{display:table;}
.mdl-faq .section-main .item-main .answer dt{display:table-cell;vertical-align:top;padding-right:20px;}
.mdl-faq .section-main .item-main .answer dd{display:table-cell;vertical-align:middle;}
.mdl-faq .section-main .item-main .icon{}
.mdl-faq .section-main .item-main .icon img{width:60px;height:60px;}
.mdl-faq .section-main .item-main .headline{font-size:125%;line-height:150%;}
.mdl-faq .section-main .item-main .cnt{margin-top:10px;line-height:150%;}
.mdl-faq .section-main .item-main .link{margin-top:15px;}
.mdl-faq .section-main .item-main .link ul{}
.mdl-faq .section-main .item-main .link li{display:inline-block;padding:5px 20px 5px 0px;}
.mdl-faq .section-main .item-main .link li a{text-decoration:underline;}

.mdl-faq .btn{}
.mdl-faq .btn .btn-frame{display:inline-block;padding:15px 40px;background:linear-gradient(90deg,rgb(90,197,206),rgb(39,181,234));box-shadow:3px 3px 6px 0px rgba(0,0,0,0.2);border-radius:30px;color:#fff;text-decoration:none;}
.mdl-faq .btn .btn-frame:hover{background:#5AC5CE;text-decoration:none;}
.mdl-faq .btn .btn-label{color:#fff;font-weight:bold;}


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
.mdl-faq .section-header .label{font-size:150%;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
.mdl-faq .section-base{width:auto;}
.mdl-faq .section-frame{padding:90px 40px;}
.mdl-faq .btn .btn-frame{padding:10px 20px;}
}
@media screen and (max-width:767px){
.mdl-faq .section-frame{padding:60px 40px;}
.mdl-faq .section-main .item-header .icon img{width:40px;height:40px;}
.mdl-faq .section-main .item-header .cnt{font-size:100%;}
.mdl-faq .section-main .item-main{padding:0px 0px 20px 40px;}
.mdl-faq .section-main .item-main .icon img{width:40px;height:40px;}
.mdl-faq .section-main .item-main .cnt{font-size:90%;}

.mdl-faq .section-main .item-header .headline{font-size:100%;}
.mdl-faq .section-main .item-main .headline{font-size:100%;}
}
@media screen and (max-width:639px){
.mdl-faq .section-frame{padding:60px 20px;}
}
@media screen and (max-width:479px){}




/* ===== mdl-category-index Style ===== */

.mdl-category-index{}
.mdl-category-index .section-base{width:1440px;margin:0px auto;}
.mdl-category-index .section-frame{padding:90px 40px;}
.mdl-category-index .section-header{margin-bottom:30px;padding:0px 20px;}
.mdl-category-index .section-main{}

.mdl-category-index .section-header .label-sub{margin-bottom:10px;font-size:150%;color:#999;}
.mdl-category-index .section-header .label{font-size:350%;line-height:150%;}

.mdl-category-index .section-main .list{display:flex;flex-wrap:wrap;}

.mdl-category-index .section-main .item{width:33.33%;margin-bottom:40px;}
.mdl-category-index .section-main .item-base{height:100%;margin:0px 20px;}
.mdl-category-index .section-main .item-frame{position:relative;height:100%;box-shadow:3px 3px 6px 1px rgba(0, 0, 0, 0.2);}
.mdl-category-index .section-main .item-header{}
.mdl-category-index .section-main .item-header .image{}
.mdl-category-index .section-main .item-header .image img{width:100%;height:auto;}
.mdl-category-index .section-main .item-main{padding:20px;}
.mdl-category-index .section-main .item-main .frame{padding-bottom:70px;}
.mdl-category-index .section-main .item-main .label{color:#2B9098;font-size:125%;line-height:150%;}
.mdl-category-index .section-main .item-main .btn{position:absolute;right:20px;bottom:20px;}
.mdl-category-index .section-main .item-main .btn .btn-frame{display:flex;align-items:center;}
.mdl-category-index .section-main .item-main .btn .btn-frame::after{display:inline-block;content:url("/base/mtl/cmn/img/icon-link.svg");}
.mdl-category-index .section-main .item-main .btn .btn-frame:hover{}
.mdl-category-index .section-main .item-main .btn .btn-label{display:inline-block;padding-right:20px;color:#2B9098;text-decoration:none;}
.mdl-category-index .section-main .item-main .btn .btn-frame:hover .btn-label{color:#2B9098;text-decoration:underline;}


@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
.mdl-category-index .section-base{width:auto;}

.mdl-category-index .section-main .item-base{margin:0px 10px;}
.mdl-category-index .section-main .item-main{padding:20px;}

.mdl-category-index .section-header .label-sub{font-size:125%;}
.mdl-category-index .section-header .label{font-size:250%;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
.mdl-category-index .section-main .item{width:50%;margin-bottom:40px;}
.mdl-category-index .section-main .item-main .btn .btn-frame::after{transform:scale(0.75);}
.mdl-category-index .section-main .item-main .btn .btn-label{padding-right:10px;}
}
@media screen and (max-width:767px){
.mdl-category-index .section-frame{padding:60px 20px;}

.mdl-category-index .section-main .item{margin-bottom:20px;}
.mdl-category-index .section-main .item-frame{box-shadow:2px 2px 4px 1px rgba(0, 0, 0, 0.2);}

.mdl-category-index .section-header .label-sub{font-size:100%;}
.mdl-category-index .section-header .label{font-size:150%;}
.mdl-category-index .section-main .item-main .label{font-size:100%;}
}
@media screen and (max-width:639px){
.mdl-category-index .section-frame{padding:60px 10px;}
.mdl-category-index .section-main .item-base{height:100%;margin:0px 5px;}
.mdl-category-index .section-main .item-main{padding:15px 10px;}
.mdl-category-index .section-main .item-main .btn{position:absolute;right:10px;bottom:10px;}
.mdl-category-index .section-main .item-main .btn .btn-label{display:none;}
.mdl-category-index .section-main .item-main .frame{padding-bottom:40px;}
}




/* ===== mdl-column Style ===== */

.mdl-column{}
.mdl-column .section-base{width:1440px;margin:0px auto;}
.mdl-column .section-frame{padding:60px 40px;}
.mdl-column .section-main{}

.mdl-column .section-main .banner{width:800px;margin:0px auto;}
.mdl-column .section-main .banner img{width:100%;height:auto;}

.mdl-column .section-main .item{position:relative;}
.mdl-column .section-main .item .item-base{position:relative;margin-left:200px;}
.mdl-column .section-main .item .item-frame{padding:30px 40px;}
.mdl-column .section-main .item .item-header{margin-bottom:10px;}
.mdl-column .section-main .item .item-header .label{color:#2B9098;font-weight:bold;line-height:130%;}
.mdl-column .section-main .item .item-main{}
.mdl-column .section-main .item .item-main .list{}
.mdl-column .section-main .item .item-main .list ul{}
.mdl-column .section-main .item .item-main .list li{padding:5px 0px;}
.mdl-column .section-main .item .item-main .list li{background:url("/base/mtl/cmn/img/icon-arrow-circle.svg") no-repeat left center;}
.mdl-column .section-main .item .item-main .list li .list-label{padding-left:30px;line-height:130%;}
.mdl-column .section-main .item .item-main .list li a:hover .list-label{color:#2B9098;text-decoration:underline;}
.mdl-column .section-main .item .item-main .link{margin-top:15px;background:url("/base/mtl/cmn/img/icon-arrow.svg") no-repeat left center;}
.mdl-column .section-main .item .item-main .link .link-label{padding-left:30px;line-height:130%;}
.mdl-column .section-main .item .item-main .link a:hover .link-label{color:#2B9098;text-decoration:underline;}
.mdl-column .section-main .item .item-image{position:absolute;left:40px;bottom:0;}
.mdl-column .section-main .item .item-image img{width:120px;height:auto;}

@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){
.mdl-column .section-base{width:auto;}
}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){
.mdl-column .section-main .banner{width:100%;margin:0px auto;}
}
@media screen and (max-width:767px){
.mdl-column .section-main .item .item-base{margin-left:0px;}
.mdl-column .section-main .item .item-frame{padding:30px 20px;}
.mdl-column .section-main .item .item-image{display:none;}
.mdl-column .section-frame{padding:30px 20px;}
}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}




/* ===== mdl- Style ===== */




@media screen and (max-width:2559px){}
@media screen and (max-width:2047px){}
@media screen and (max-width:1919px){}
@media screen and (max-width:1599px){}
@media screen and (max-width:1439px){}
@media screen and (max-width:1399px){}
@media screen and (max-width:1343px){}
@media screen and (max-width:1279px){}
@media screen and (max-width:1199px){}
@media screen and (max-width:1135px){}
@media screen and (max-width:1023px){}
@media screen and (max-width:959px){}
@media screen and (max-width:767px){}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}