@charset "UTF-8";
body{background: #ffffff;}
.content1-wrapper{padding:10px;box-sizing: border-box;}
.cnt1-wrapper,.cnt1-elems,.com-name-box{float: left;}
.cnt1-elems{align-items: center;justify-content: space-between;}
.com-name-box{display: block;float: left;height: 36px;width: 100%;font-weight: normal;font-size: 24px;line-height: 36px;text-align: center;margin-top:20px;padding-bottom: 16px;}
.btm-line{border-bottom: 1px solid #ddd;}
.com-info-content{margin-top:10px;}
.com-info-content > p{display: block;float: left;width: 100%;word-break: break-all;font-size: 15px;text-indent: 24px;line-height: 26px;color: #3a3a3a;}
.total-grid{display: grid;float: left;width:100%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;margin-top:30px;}
.total-box{float: left;width:100%;align-items: center;justify-content: center;}
.total-box > p{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.total-box > p > span{display: block;float: left;width:auto;height: auto;}
.total-box > p:first-child{height: 40px;line-height: 40px;}
.total-box > p:first-child > span{height: 40px;line-height: 40px;font-size: 32px;font-weight: bold;color:var(--theme-bg-color--);}
.total-box > p:first-child > span:last-child{font-size: 14px;font-weight: normal;margin-left: 3px;line-height: 52px;}
.total-box > p:last-child{font-size: 15px;color:#737373;}
.cnt1-wrapper > .cnt1-elems:last-child{margin-top:20px;}
.logo-design-img{width:100%;max-width:400px;height: auto;}
.content2-wrapper{padding:10px;box-sizing:border-box;background: #f1f1f1;}
.content2-wrapper{padding-bottom: 50px;}
.content2-wrapper > .com-name-box{border-bottom: none;}
.iness-grid-out{display: grid;float: left;width:100%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;margin-top:20px;cursor: pointer;}
.iness-elems-out{height: 220px;background: #fff;position: relative;overflow: hidden;}
.iness-elem-in{height: 100%;align-items: center;padding:20px 10px;box-sizing: border-box;position: absolute;z-index: 50;top: 0;left: 0;}
.iness-elem-in > span{display: block;float: left;width:100%;text-align: center;}
.iness-elem-in > span:nth-child(1){font-family: 'kk';font-size: 20px;}
.iness-elem-in > span:nth-child(2){height:40px;line-height: 40px;font-size: 36px;color: #363636;margin-top:30px;}
.iness-elem-in > span:nth-child(3){font-size: 20px;font-weight: bold;margin-top:30px;}
.iness-elem-layer{float: left;position: absolute;z-index: 51;left: 0;bottom:0;width: 100%;height: 100%;background: var(--theme-bg-color--);padding:20px;box-sizing: border-box;justify-content: center;align-items: center;overflow: hidden;transition: 0.3s ease-in-out 0s;opacity: 0;}
.iness-layer-content{display: block;float: left;width:100%;height: auto;color:#fff;font-size: 13px;line-height: 22px;}
.iness-elems-out:hover > .iness-elem-layer{opacity: 1;}
.content3-wrapper{padding:10px;box-sizing: border-box;}
.content3-wrapper{padding-bottom: 60px;}
.content3-wrapper > .com-name-box{border-bottom: none;color:#fff;}
.cnt3-grid{display: grid;float: left;width:100%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;}
.img-logo-box{aspect-ratio: 2 / 1;background: #fff;}
.custom-logo-img{width:100%;aspect-ratio: 2 / 1;}
.content4-wapper{padding:10px;box-sizing: border-box;background: #f1f1f1;}
.content4-wapper{padding-bottom: 60px;}
.cnt4-grid{display: grid;float: left;width: 100%;grid-template-columns: repeat(2,calc(50% - 5px));gap: 10px;}
.cnt4-elems{float: left;width:100%;padding:30px 10px;box-sizing: border-box;background: #fff;align-items: center;transition: 0.2s ease-in-out 0s;}
.cnt4-elems > span{display: block;float: left;width:100%;text-align: center;cursor: pointer;transition: 0.2s ease-in-out 0s;}
.cnt4-elems > span:first-child{font-size: 40px;}
.cnt4-elems > span:last-child{font-size: 15px;margin-top:20px;}
.cnt4-elems:hover{background: var(--theme-bg-color--);}
.cnt4-elems:hover > span{color:#fff;}
@media (min-width: 640px){
    .cnt3-grid{display: grid;float: left;width:100%;grid-template-columns: repeat(3,calc((100% - 20px) / 3));gap: 10px;}
}
@media (min-width: 768px){
    .cnt1-wrapper > .cnt1-elems:last-child{margin-top:0;}
    .cnt1-elems{width:calc(50% - 20px);}
    .cnt1-wrapper{flex-direction: row;justify-content: space-around;}
    .cnt1-wrapper > .cnt1-elems:last-child{align-items: center;justify-content: center;}
    .com-name-box{font-size: 24px;font-weight: bold;}
    .content2-wrapper{margin-top:40px;}
    .cnt3-grid{display: grid;float: left;width:100%;grid-template-columns: repeat(4,calc((100% - 30px) / 4));gap: 10px;margin-top:20px;}
    .cnt4-grid{grid-template-columns: repeat(4,calc((100% - 20px) / 3));gap: 10px;}
}
@media (min-width: 992px){
    .total-grid{grid-template-columns: repeat(4,calc((100% - 30px) / 4));gap: 10px;}
    .com-info-content > p{font-size: 17px;line-height: 34px;}
    .com-name-box{font-size: 32px;height: 40px;line-height: 40px;}
    .total-box > p:first-child > span:first-child{font-size: 40px;}
    .total-box > p:first-child > span:last-child{line-height: 56px;font-size: 16px;}
    .total-box > p:last-child{font-size: 16px;line-height: 30px;}
    .iness-grid-out{width:960px;grid-template-columns: repeat(3,calc((100% - 40px) / 3));gap: 20px;margin-left: calc(50% - 480px);}
    .content2-wrapper{padding:60px 0;}
    .content2-wrapper{padding-bottom: 80px;}
    .cnt3-grid{width:960px;margin-left: calc(50% - 480px);}
    .cnt4-grid{grid-template-columns: repeat(4,calc((100% - 40px) / 4));gap: 20px;margin-top:30px;}
}
@media (min-width: 1200px){
    .cnt1-wrapper{align-items: center;justify-content: center;}
    .cnt1-elems{width:40%;}
    .content1-wrapper{width:1380px;margin-left: calc(50% - 690px);}
    .com-info-content,.total-grid{margin-top:40px;}
    .iness-grid-out{width:1160px;grid-template-columns: repeat(3,calc((100% - 40px) / 3));gap: 20px;margin-left: calc(50% - 580px);}
    .cnt3-grid{width:1160px;grid-template-columns: repeat(4,calc((100% - 30px) / 4));gap: 10px;margin-left: calc(50% - 580px);}
    .cnt4-grid{width:1160px;margin-left: calc(50% - 580px);}
    .cnt4-elems > span:first-child{font-size: 48px;}
    .cnt4-elems > span:last-child{font-size: 18px;margin-top:30px;}
}
@media (min-width: 1440px){
    .content1-wrapper{width:1380px;margin-left: calc(50% - 690px);}
    .iness-grid-out{width:1380px;grid-template-columns: repeat(3,calc((100% - 80px) / 3));gap: 40px;margin-left: calc(50% - 690px);}
    .cnt3-grid{width:1380px;grid-template-columns: repeat(5,calc((100% - 40px) / 5));margin-left: calc(50% - 690px);}
    .cnt4-grid{width:1380px;margin-left: calc(50% - 690px);}
    .cnt4-elems > span:first-child{font-size: 48px;margin-top:20px;}
    .cnt4-elems > span:last-child{font-size: 22px;margin-top:20px;margin-bottom: 20px;}
}
@media (min-width: 1560px){
    .content1-wrapper,.iness-grid-out,.cnt3-grid,.cnt4-grid{width:1480px;margin-left: calc(50% - 740px);}
}