@charset "utf-8";
/* Common */
.box-cnt {padding: 56px 30px; font-size: 20px; color: #333; text-align: center; border: 2px solid #ddd; margin-bottom: 60px;}
.large {font-size: 24px; line-height: 1.417em;}

/* sub01 */
.introduce .items .item {padding: 60px 0; display: flex; border-bottom: 1px solid #ddd;}
.introduce .items .item .item-tit {width: 34.17%;}
.introduce .items .item .item-tit span {font-size: 16px; color: #555;}
.introduce .items .item h3 {font-weight: 600; font-size: 30px; color: #333; margin-top: 5px;}
.introduce .items .item .item-cnt {flex: 1; padding-top: 13px; padding-left: 33px; position: relative;}
.introduce .items .item .item-cnt:before {position: absolute; content: ''; width: 20px; height: 4px; background: #dd5e17; top: 0; left: 0;}
.introduce .effects {margin-top: 80px; display: flex;}
.introduce .effects .tit {width: 160px; display: flex; align-items: center; justify-content: center; background: #a48e81; color: #fff; font-weight: 600; font-size: 30px;}
.introduce .effects .txt {flex: 1; padding: 40px; background: #f8f8f8;}
.introduce .effects .txt li {line-height: 2.222em; display: flex;}
.introduce .effects .txt .num {color: #cecece; font-weight: 700; font-style: italic; display: inline-block; width: 40px;}

/* sub03_detail */
.usecase-view .name {padding: 22px 0; gap: 10px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd;}
.usecase-view .name h2 {font-size: 26px; font-weight: 600; color: #333;}
.usecase-view .name .btn-down {display: flex; background: #dd5e17; color: #fff; min-width: 177px; height: 50px; justify-content: center; align-items: center; gap: 10px;}
.usecase-view .name .btn-down img {vertical-align: middle; filter: brightness(3); margin-top: -.05em;}
.usecase-view .doc-cnt {margin-bottom: 60px;}
.usecase-view .add-cnt {margin-bottom: 60px;}
.usecase-view .item {padding-left: 40px; margin-top: 65px;}
.usecase-view .item-tit {position: relative; font-weight: 600; font-size: 24px; color: #333; margin-bottom: 20px;}
.usecase-view .item-tit:before {position: absolute; content:''; width: 20px; height: 20px; background: url('../images/sub/tit_deco.png') no-repeat center center; background-size: contain; left: -40px; top: 2px;}
.usecase-view .btn-more {display: flex; align-items: center; justify-content: center; width: 150px; height: 48px; font-weight: 600; border: 1px solid #ddd; margin: 0 auto;}

/* sub04 */
.alliance .txt {text-align: center; margin: 45px 0 80px;}
.alliance .txt .large {margin-bottom: 24px;}
.alliance .items {display: flex; justify-content: space-between; gap: 21px; margin-bottom: 73px;}
.alliance .items .item {width: calc((100% - 61px) / 4); text-align: center; border: 1px solid #ddd; padding: 50px 0;}
.alliance .items .item .large {margin: 50px 0 25px; }
.alliance .items .item p {font-size: 16px;}
.alliance .items .item p strong {font-weight: 600;}
.alliance .form-cnt .inner {border-top: 1px solid #000; border-bottom: 1px solid #ddd; padding: 20px 28px;}
.alliance .form-cnt .inner label {display: inline-block; width: 100px;}
.alliance .form-agree .check {margin-bottom: 50px;}
.alliance .btn-sumit {display: flex; width: 200px; height: 44px; align-items: center; justify-content: center; border-radius: 22px; color: #fff; background: #dd5e17; border: none; margin: 0 auto;}