@charset "utf-8";
/* Common */
.table-cnt th {background: rgba(94,79,162,.06); line-height: 1em; font-weight: 500; padding: 18px 30px;}
.doc-tit {font-size: 22px; font-weight: 600; color: #242424; margin-bottom: 40px; line-height: 1em; text-align: center;}
.doc-tit.large {font-size: 24px; position: relative; padding-bottom: 25px; margin-bottom: 60px;}
.doc-tit.large:before {content: ''; position: absolute; width: 62px; height: 2px; bottom: 0; left: 50%; transform: translateX(-50%); background: #5e4fa2;}
strong {font-weight: 600;}

/* sub01_01 */
.info.company .items {position: relative; display: flex; width: 100%; align-items: center; justify-content: space-between;}
.info.company .items:before {position: absolute; content: ''; z-index:1; top: 0; left: 0; width: 100%; height: 400px; border-radius: 200px; border: 2px dashed #ddd;}
.info.company .item .img {position: relative; gap:20px ;border-radius: 100%; background: #4d4185; color: #fff; font-size: 22px; font-weight: 600;  width: 400px; height: 400px; border: 70px solid #f8f8f8; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.info.company .item:nth-child(1) .img:before {position: absolute; content: ''; bottom: -76px; right: -76px; background: #6e7ba1; width: 14px; height: 14px; border-radius: 100%; z-index:1;}
.info.company .item:nth-child(2) .img:before {position: absolute; content: ''; top: -76px; right: 40%; background: #5140a1; width: 14px; height: 14px; border-radius: 100%; z-index:1;}
.info.company .item:nth-child(2) .img {background: #5140a1;}
.info.company .item:nth-child(3) .img {background: #6e7ba1;}
.info.company .txt {text-align: center; margin-top: 40px; font-family: "poppins", sans-serif; letter-spacing: -.02em}

/* sub01_02 */
.greetings {background: #f8f8f8; margin-top: 70px;}
.greetings .contain {display: flex; gap: 110px;}
.greetings .img {margin-top: -70px;}
.greetings .txt {padding: 80px 0; font-size: 20px;}
.greetings .txt p {font-size: 20px; margin-bottom: 30px;}
.greetings .sign {padding-top: 20px; font-weight: 500;}

/* sub02_detail */
.info-detail {display: flex; align-items: center; gap: 90px;}
.info-detail .img {position: relative; width: 43%; max-width: 600px; padding-bottom: 43%; overflow: hidden; display: block; border: 1px solid #ddd;}
.info-detail .img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; object-fit: contain; top: 50%; transform: translateY(-50%); left: 0;}
.info-detail .info {padding-right: 130px; flex: 1;}
.info-detail .info .tit {font-weight: 600; font-size: 30px; line-height: 1.133em;}
.info-detail .info .desc {color: #686868; font-size: 20px; margin-top: 20px; margin-bottom: 55px;}
.info-detail .table-cnt {margin-bottom: 110px; width: 100%;}
.info-detail .table-cnt table {width: 100%; border-spacing: 11px 4px;}
.info-detail .table-cnt th {font-size: 16px; max-width: 170px; width: 30%; text-align: left;}
.info-detail .table-cnt td {background: #fafafa; padding: 0 20px; font-size: 16px;}
.info-detail .info-btns {display: flex; gap: 10px; align-items: center; justify-content: space-between;}
.info-detail .info-btns .btn-pack.m-inquiry {width: 50%; font-weight: 400;}
.info-detail .info-btns .btn-pack:last-child {color: #454545; border: none;}
.info-detail .info-btns .ico img {vertical-align: middle; margin-right: 10px;}

/* sub03 */
.howto .process {padding: 60px 0; background: #f8f8f8;}
.howto .process .items {display: flex;}
.howto .process .item {flex: 1; text-align: center; position: relative;}
.howto .process .item:not(:last-child):before {position: absolute; content:''; background: url('../images/sub/ico_next.png') no-repeat center center; }
.howto .process .item .img {width: 340px; height: 340px; border-radius: 100%; background: #fff; border: 20px solid #f2f2f2; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 24px; font-weight: 600; color: #242424; gap: 35px;}
.howto .process .item .txt {padding-top: 20px; border-top: 1px solid #ddd; width: 340px; margin: 40px auto 0;}
.howto .process .item .txt .ico {margin-bottom: 10px;}

.howto .criterion {padding-top: 60px;}
.howto .criterion .doc-desc {text-align: center;}
.howto .criterion .section {padding: 60px 0; border-bottom: 1px solid #ddd;}
.howto .criterion .section:last-child {border-bottom: none;}

.howto .table-cnt th {text-align: left;}
.howto .table-cnt td {border-bottom: 1px solid #ddd; padding: 12px 30px;}
.howto .price .items {display: flex; align-items: flex-start;justify-content: space-between; gap: 80px; margin-bottom: 30px;}
.howto .price .item {width: calc((100% - 80px) / 2);}
.howto .item .item-tit {margin: 0 auto 25px; width: fit-content; text-align: center; color: #5e4fa2; font-weight: 600; position: relative; padding-left: 20px;}
.howto .item .item-tit:before {position: absolute; content: ''; width: 8px; height: 8px; border-radius: 100%; background: #5e4fa2; top: 11px; left: 0;}

.howto .price .item .table-cnt {display: flex; align-itmes: flex-start; justify-content: space-between; gap: 16px;}
.howto .price .item .table-cnt table {flex: 1;}
.howto .price .item .table-cnt table:last-child tr td {color: #5e4fa2; font-weight: 600;}
.howto .price .info {background: #f8f8f8; padding: 30px; font-size: 16px;}
.howto .price .info .tit {font-weight: 500; margin-bottom: 5px;}
.howto .price .info ul li {position: relative; padding-left: 10px;}
.howto .price .info ul li:before {position: absolute; content: '·'; left: 0;}

.howto .prescript .items {display: flex; align-items: center; justify-content: center; gap: 20px;}
.howto .prescript .item {width: calc((100% - 20px) / 2); border-radius: 10px; padding: 34px 20px; font-size: 20px; text-align: center; border: 1px solid #ddd;}
.howto .prescript .item-tit {font-weight: 600; color: #242424; margin: 0; min-width: 100px}
.howto .prescript li {display: flex; justify-content: center; gap: 4px;}

.howto .disease {max-width: 884px; margin: 0 auto;}
.howto .disease .table-cnt {display: flex; align-items: flex-start; justify-content: center; gap: 16px; }
.howto .disease .table-cnt table:first-child {width: 240px;}
.howto .disease .table-cnt table:last-child {width: 630px; text-align: center;}
.howto .disease .table-cnt table:last-child th {text-align: center;}
.howto .disease .add-cnt {padding-left: 20px; padding-right: 25px; position: relative; padding-top: 20px; color: #686868;}
.howto .disease .add-cnt:before {position: absolute; content: '※'; left: 0;}

/* sub04 */
.inquiry .doc-cnt {background: #f8f8f8; padding: 50px; margin-bottom: 40px;}
.inquiry .doc-cnt .inquiry-list .list:last-child {width: 100%;}
.inquiry .doc-cnt ~ .agree {position: unset; margin: 0 auto;}
.inquiry .doc-cnt ~ .agree .btn-pack.m-inquiry {margin: 0 auto;}