@charset "UTF-8";



/* =====  ===== */

#signboard{background:url("/base/mtl/cmn/img/initiative/metal-free/signboard-bg.jpg") no-repeat center center;background-size:cover;}



@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){}



/* =====  ===== */

.tmp-initiative-signboard{}
.tmp-initiative-signboard .section-header{color:#fff;}
.tmp-initiative-signboard .section-main{color:#fff;}

.tmp-initiative-signboard .section-header .category{}
.tmp-initiative-signboard .section-main .title{}
.tmp-initiative-signboard .section-main .cnt{width:60%;}



@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){
.tmp-initiative-signboard .section-header{color:#333;}
.tmp-initiative-signboard .section-main{color:#333;}
.tmp-initiative-signboard .section-main .cnt{width:auto;}
}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}



/* =====  ===== */

#initiative-metal-free-intro{}
#initiative-metal-free-intro .section-base{width:1440px;margin:0px auto;}
#initiative-metal-free-intro .section-frame{padding:120px 40px;}
#initiative-metal-free-intro .section-main{}

#initiative-metal-free-intro-main{}
#initiative-metal-free-intro-main .item-base{}
#initiative-metal-free-intro-main .item-frame{}
#initiative-metal-free-intro-main .item-header{margin-bottom:90px;text-align:center;}
#initiative-metal-free-intro-main .item-header .ads{margin-bottom:60px;font-size:350%;line-height:150%;}
#initiative-metal-free-intro-main .item-header .headline{margin-bottom:30px;font-size:250%;line-height:150%;}
#initiative-metal-free-intro-main .item-header .cnt{font-size:125%;line-height:150%;}
#initiative-metal-free-intro-main .item-main{text-align:center;}
#initiative-metal-free-intro-main .item-main .headline{margin-bottom:30px;color:#2B9098;font-size:200%;line-height:150%;}
#initiative-metal-free-intro-main .item-main .cnt{font-size:125%;line-height:150%;}
#initiative-metal-free-intro-main .item-main .list{margin-top:60px;}
#initiative-metal-free-intro-main .item-main .list ul{display:flex;justify-content:center;}
#initiative-metal-free-intro-main .item-main .list li{width:20%;}
#initiative-metal-free-intro-main .item-main .list dl{}
#initiative-metal-free-intro-main .item-main .list dt{margin-bottom:30px;}
#initiative-metal-free-intro-main .item-main .list dd{}
#initiative-metal-free-intro-main .item-main .list .icon{}
#initiative-metal-free-intro-main .item-main .list .icon img{width:120px;height:120px;padding:20px;border-radius:100px;border:2px solid #2B9098;}
#initiative-metal-free-intro-main .item-main .list .label{color:#2B9098;line-height:150%;}
#initiative-metal-free-intro-main .item-main .list .label span{font-size:125%;}


@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){
#initiative-metal-free-intro .section-base{width:auto;}

#initiative-metal-free-intro-main .item-header .ads{font-size:300%;}
#initiative-metal-free-intro-main .item-header .headline{font-size:200%;}
#initiative-metal-free-intro-main .item-header .cnt{font-size:100%;}
#initiative-metal-free-intro-main .item-main .headline{font-size:150%;}
#initiative-metal-free-intro-main .item-main .cnt{font-size:100%;}

#initiative-metal-free-intro-main .item-main .list li{width:30%;}
#initiative-metal-free-intro-main .item-main .list .icon img{width:100px;height:100px;}
}
@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){
#initiative-metal-free-intro .section-frame{padding:90px 40px;}

#initiative-metal-free-intro-main .item-header .ads{font-size:250%;}
#initiative-metal-free-intro-main .item-header .headline{font-size:150%;}
#initiative-metal-free-intro-main .item-main .headline{font-size:125%;}
#initiative-metal-free-intro-main .item-main .list .label{font-size:90%;}
}
@media screen and (max-width:767px){
#initiative-metal-free-intro .section-frame{padding:90px 20px;}

#initiative-metal-free-intro-main .item-header .ads{font-size:200%;}
#initiative-metal-free-intro-main .item-header .headline{font-size:125%;}
#initiative-metal-free-intro-main .item-main .headline{font-size:125%;}
#initiative-metal-free-intro-main .item-main .list .label{font-size:80%;}

#initiative-metal-free-intro-main .item-main .list .icon img{width:80px;height:80px;}

#initiative-metal-free-intro-main .item-header .cnt{text-align:left;}
#initiative-metal-free-intro-main .item-main .cnt{text-align:left;}
}
@media screen and (max-width:639px){
#initiative-metal-free-intro .section-frame{padding:60px 20px;}
#initiative-metal-free-intro-main .item-main .list dt{margin-bottom:15px;}
#initiative-metal-free-intro-main .item-main .list .icon img{width:60px;height:60px;padding:10px;}
}
@media screen and (max-width:479px){
#initiative-metal-free-intro-main .item-header .ads{font-size:150%;}
}



/* =====  ===== */

#initiative-metal-free-outline{}
#initiative-metal-free-outline .section-base{width:1440px;margin:0px auto;}
#initiative-metal-free-outline .section-frame{padding:0px 40px;}
#initiative-metal-free-outline .section-main{}

#initiative-metal-free-outline-main{}
#initiative-metal-free-outline-main .item-base{}
#initiative-metal-free-outline-main .item-frame{}
#initiative-metal-free-outline-main .item-main{}
#initiative-metal-free-outline-main .item-main .part{}
#initiative-metal-free-outline-main .item-main .part:not(:last-child){margin-bottom:60px;}
#initiative-metal-free-outline-main .item-main .part-frame{display:table;}
#initiative-metal-free-outline-main .item-main .part-header{display:table-cell;vertical-align:middle;width:400px;padding-right:60px;}
#initiative-metal-free-outline-main .item-main .part-header .image{}
#initiative-metal-free-outline-main .item-main .part-header .image img{width:100%;height:auto;box-shadow:3px 3px 6px 0px rgba(0,0,0,0.2);}
#initiative-metal-free-outline-main .item-main .part-main{display:table-cell;vertical-align:middle;}
#initiative-metal-free-outline-main .item-main .part-main .headline{display:inline-block;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #5AC5CE;font-size:150%;line-height:150%;}
#initiative-metal-free-outline-main .item-main .part-main .cnt{line-height:150%;}
#initiative-metal-free-outline-main .item-footer{margin-top:60px;}
#initiative-metal-free-outline-main .item-footer .frame{padding:40px;border:1px solid #5AC5CE;}
#initiative-metal-free-outline-main .item-footer .headline{margin-bottom:15px;color:#2B9098;font-size:125%;line-height:150%;}
#initiative-metal-free-outline-main .item-footer .cnt{line-height:150%;}


@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){
#initiative-metal-free-outline .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){
#initiative-metal-free-outline-main .item-main .part-frame{display:block;}
#initiative-metal-free-outline-main .item-main .part-header{display:block;width:auto;margin-bottom:30px;padding-right:0px;}
#initiative-metal-free-outline-main .item-main .part-main{display:block;}
}
@media screen and (max-width:767px){
#initiative-metal-free-outline .section-frame{padding:0px 20px;}

#initiative-metal-free-outline-main .item-main .part-main .headline{font-size:125%;}
#initiative-metal-free-outline-main .item-footer .frame{padding:20px;}
}
@media screen and (max-width:639px){}
@media screen and (max-width:479px){}



/* =====  ===== */

#initiative-metal-free-message{}
#initiative-metal-free-message .section-base{width:1440px;margin:0px auto;}
#initiative-metal-free-message .section-frame{padding:180px 40px;}
#initiative-metal-free-message .section-main{text-align:center;}
#initiative-metal-free-message .section-main .message{font-size:200%;line-height:150%;}


@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){
#initiative-metal-free-message .section-base{width:auto;}
#initiative-metal-free-message .section-frame{padding:120px 40px;}
#initiative-metal-free-message .section-main .message{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){
#initiative-metal-free-message .section-frame{padding:90px 40px;}
#initiative-metal-free-message .section-main .message{font-size:125%;}
}
@media screen and (max-width:767px){
#initiative-metal-free-message .section-frame{padding:90px 20px;}
#initiative-metal-free-message .section-main .message{text-align:left;}
#initiative-metal-free-message .section-main .message br{display:none;}
}
@media screen and (max-width:639px){
#initiative-metal-free-message .section-frame{padding:60px 20px;}
}
@media screen and (max-width:479px){}



/* =====  ===== */

.sec-image{background:url("/base/mtl/cmn/img/initiative/metal-free/image.jpg") no-repeat center center;background-size:cover;}


@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){}



/* =====  ===== */


@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){}