@charset "utf-8";

.doc-tit {position:relative; font-size:30px; color:#2c2c2c; font-weight:500; letter-spacing:-.04em; line-height:1.400em; padding-bottom:25px; text-align:center; margin-bottom:30px;}
.doc-tit:before {position:absolute; content:""; left:50%; margin-left:-15px; bottom:0; width:30px; height:2px; background:#2c2c2c;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #00a6ea; font-size:17px; font-weight:500; margin-top:30px; text-align:center;}
.table01 .color {color:#000;}
.table01.pd th {padding:15px 20px;}
.table01.bg {border-top:2px solid #00a6ea; margin-bottom:30px; margin-top:0;}
.table01.bg .cnt {margin:0; font-size:16px; padding-left:0; line-height:1.625em;}
.table01.bg th{background:#f7fdff; padding:20px; font-weight:500;}
.table01.bg th .color {color:#000;}
.table01.bg td {padding:20px 10px; font-size:16px; font-weight:300;}
.bg-color {background:#f7fdff;}
.table01 th {padding:12px 20px; border:1px solid #dfdfdf; background:#f8f8f8; font-weight:500; color:#505050; line-height:1.556em;}
.table01 td .left {display:inline-flex; text-align:left; flex-direction:column; justify-content:center; width:100%; padding-left:25px;}
.table01 td {padding:23px 25px; border:1px solid #dfdfdf; line-height:1.556em; color:#505050;}
.table01 td p {line-height:1.3em;}
.table01 td p:first-child {margin-bottom:25px;}
.table01 td img {vertical-align:middle;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.pack-wrap .img {margin-bottom:80px;}
.pack-box {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #ddd;}
.pack-box.none {padding-bottom:0; margin-bottom:0; border-bottom:none;}
.pack-box .pack-img {width:34%;}
.pack-box .pack-img img {width:100%;}
.pack-box .pack-txts {width:66%; padding-left:50px;}
.pack-box .pack-txts .tit {font-size:30px; color:#fc7d3f; font-weight:500; letter-spacing:-.04em; line-height:1.400em; margin-bottom:15px; text-align:left;} 
.pack-box .pack-txts .tit.color {color:#4aca53;}
.pack-box .pack-txts .tit.colors {color:#36bdef;} 
.pack-box .pack-txts ol li {font-size:18px; color:#505050; font-weight:300; letter-spacing:-.04em; line-height:1.3em; margin-bottom:15px;}

.greeting-wrap {display:flex; justify-content:center; flex-wrap:wrap; margin-bottom:25px;}
.greeting-wrap .img {width:50%; z-index:50;}
.greeting-wrap .greetings-box {position:relative; width:50%; background:#0d688e; text-align:center; padding:100px 10px;}
.greeting-wrap .greetings-box .tit {font-size:32px; color:#fff; font-weight:700; letter-spacing:-.04em; line-height:1.500em; text-align:center;}
.greeting-wrap .greetings-box .bg-txt {position:absolute; bottom:30px; left:-20px; font-size:120px; color:rgba(255, 255, 255, 0.15); font-weight:700; letter-spacing:-.04em;}
.greetings-txts {text-align:center;}
.greetings-txts .txt {font-size:18px; color:#505050; font-weight:300; letter-spacing:-.04em; line-height:1.889em; padding-top:25px;}
.greetings-txts .txt span {color:#00a6ea; font-weight:500;}
.greetings-txts .sign {margin-top:30px;}
.greetings-txts .sign .sign-img img {margin-top:-5px; padding-left:30px;}

.vision .tit {font-size:26px; letter-spacing:-.04em; line-height:1.615em; text-align:center; margin-bottom:40px;}
.vision .tit span {color:#36bdef; font-weight:700;}
.vision .img {text-align:center;}

.history {position:relative; background:url("../images/sub/history.jpg") 100% 0 no-repeat;}
.history:first-child {padding-top:0; border-top:2px solid #00a6ea;}
.history .content {position:relative;}
.history:before {content:""; position:absolute; left:412px; top:2px; width:1px; height:100%; background:#dfdfdf;}
.history .tit {font-size:20px; font-weight:500; line-height:1.1em; color:#dfdfdf; text-align:center;}
.history .group h3 {position:relative; float:left; font-size:40px; color:#36bdef; font-weight:700;}
.history .group h3:after {position:absolute; content:''; top:18px; right:-320px; width:320px; height:1px; background:#dfdfdf; margin-top:-7px;}
.history .group .cnt {position:relative; margin-left:320px; padding-left:42px; position:relative; padding-bottom:0;}
.history .group .cnt ul {margin-left:50px; padding-bottom:50px; border-bottom:1px solid #ddd;}
.history .group .cnt ul li {font-size:18px; position:relative; padding-left:35px; font-weight:400; color:#505050; line-height:1.375em; padding-bottom:27px; text-align:left;}
.history .group .cnt ul li:before {content:""; position:absolute; top:0; left:-10px; width:20px; height:20px; background:url("../images/sub/dot-ico.png")50% 50% no-repeat; background-size:contain;}
.history .group .cnt ul li:last-child {position:relative; padding-bottom:0;}
.history .group .cnt ul li.pl {padding-left:140px;}
.history .group .cnt .img {float:right;}
.history .group:first-child {padding-top:60px;}
.history .group:last-child {padding-bottom:0;}
.history .group .border-none {position:relative;}
.history .group .border-none:after {position:absolute; content:""; top:-60px; left:0; width:1px; height:60px; background:#fff;}

.account ul {display:flex; justify-content:flex-start; flex-wrap:wrap; margin:0 -20px; margin-bottom:-40px;}
.account ul li {width:25%; padding:0 20px; margin-bottom:40px;}

.product .gallery-list {padding:25px 0 0 0; border-bottom:none; border-top:none;}
.product .gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -15px;}
.product .gallery-list ul li {width:25%; padding:0 15px; margin-bottom:35px; text-align:center;}
.product .gallery-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.product .gallery-list ul li a {display:block;}
.product .gallery-list ul li .thumb {position:relative; padding-bottom: 97%; margin-bottom:12px; overflow:hidden; border:1px solid #dfdfdf;}
.product .gallery-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.product .gallery-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.product .gallery-list ul li:hover .thumb:after {position:absolute; content:""; width:100%; height:100%; background:rgba(0, 0, 0, 0.4);}
.product .gallery-list ul li:hover .thumb:before {position:absolute; content:""; width:72px; height:73px; top:50%; left:50%; margin-left:-31.5px; margin-top:-31.5px; background:url("../images/sub/detail.png") 50% 50% no-repeat; background-size:contain; z-index:500;} 
.product .gallery-list ul li .tit {color:#333; font-size:16px; line-height:1.4em;}
.product .gallery-list ul li .date {color:#767676; font-size:14px; line-height:1.3em; margin-top:6px;}

.port-list ul {display:flex; flex-wrap:wrap; margin:0 -5px; margin-top:10px;}
.port-list ul li {width:24.7%; padding:0 5px; margin-bottom:10px;}
.port-list .items .thumb {position:relative; padding-bottom:100%; margin-bottom:12px;overflow:hidden;}
.port-list .items .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; border:1px solid #ddd;}
.txt-inner .item .thumb {position:relative; padding-bottom:100%; margin-bottom:12px;overflow:hidden;}
.txt-inner .item .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.txts-box .tit {font-size:32px; color:#2c2c2c; font-weight:700; line-height:1.313em; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.txt-inner {width:42%;}
.txt-inner ul li {position:relative; opacity:0.6;}
.txt-inner ul li.active {opacity:1;}
.txt-inner ul li.active .thumb:after {position:absolute; content:""; top:0; left:0; width:100%; height:100%; border:2px solid #00a6ea;}
.btn-flex {display:flex; justfy-content:center; margin-left:-20px;}
.btn-flex .btns {width:calc(50% - 20px); margin-left:20px; display:inline-block; width:290px; line-height:60px; background:#878787; color:#fff; font-weight:500; text-align:center;}
.btn-flex .btns.color {background:#00a6ea;}
.port-lists {display:flex; flex-wrap:wrap;}
.port-lists .txts-box {width:58%; padding-left:100px;}

.cnt {text-align:center; padding-bottom:100px;}
.cnt.center {text-align:left;}
.surgery .tit {font-size:20px; color:#00a6ea; letter-spacing:-.04em; line-height:1.3em; margin-bottom:5px;}
.share-wrap {background:#f9f9f9; padding-top:100px;}
.share-wrap .tits {font-size:24px; color:#2c2c2c; letter-spacing:-.04em; margin:30px 0 25px 0;}	
.share-wrap ul {display:flex; flex-wrap:wrap; justfy-content:center; margin:0 -30px; margin-bottom:-70px;}
.share-wrap ul li {width:33.3333%; padding:0 30px; margin-bottom:70px;}
.share-wrap ul li:nth-child(4) {order:6;}
.share-wrap ul li:nth-child(5) {order:5;} 
.share-wrap ul li .img {position:relative;}
.share-wrap ul li .img:after {position:absolute; content:""; top:50%; right:-35px; width:12px; height:20px; background:url("../images/sub/next-ico.png") 50% 50% no-repeat; background-size:contain;}
.share-wrap ul li:nth-child(3) .img:after {display:none;}
.share-wrap ul li:nth-child(4) .img:after {top:-50px; right:50%; margin-right:-6px; transform: rotate(0.25turn);}
.share-wrap ul li:nth-child(5) .img:after,
.share-wrap ul li:nth-child(6) .img:after {transform: rotate(0.5turn);}
.share-wrap ul li .num {font-size:18px; color:#36bdef; font-weight:700; letter-spacing:-.04em; line-height:1.3em; padding:20px 0 10px 0;}
.share-wrap ul li .txt {color:#2c2c2c; font-weight:500; letter-spacing:-.04em; line-height:1.500em;}
.share-wrap ul li .txt span {font-size:14px; color:#878787; font-weight:300; letter-spacing:-.04em; line-height:1.571em;}

.img-flex {display:flex; justify-content:center; margin:0 -10px; margin-top:30px; flex-wrap:wrap; margin-bottom:-20px;}
.img-flex .img {width:50%; padding:0 10px; margin-bottom:20px;}

.contribution-wrap h3 {font-size:30px; color:#fc7d3f; font-weight:500; letter-spacing:-.04em; line-height:1.400em;}
.contribution-wrap .color {color:#4aca53;}
.contribution-wrap .colors {color:#36bdef;}
.contribution-wrap .txt {font-size:18px; font-weight:300; letter-spacing:-.04em; line-height:1.667em; padding-left:100px;}
.contribution-wrap .imgs img {padding-right:10px;}

.information h3 {background:#d9312b; text-align:center; font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.500em; padding:10px 0;}
.information .info-flex {color:#000;}
.information .infos {background:#fff; padding:0 25px 10px 25px; height:100%; max-height:calc(100% - 96px);}
.information .info-group {padding-top:25px;}
.information .info-group p {padding-left:17px; font-weight:300;}
.information .ico-flex {display:flex; padding-left:15px; margin:0 -20px; margin-top:15px;}
.information .ico-flex .ico {padding:0 20px;}

.introduce .slider-nav .img {padding-left:3px; padding-right:3px;}
.introduce .slider-nav .img:first-child {padding-left:0;}
.introduce .thumb-img {position:relative; width:100%;}
.introduce .slick-arrow {position:absolute; top:50%; z-index:20; width:21px; height:34px; margin-top:-17px; background-color:transparent; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em; transition:.2s;}
.introduce .slick-next {right:0; background-image:url("../images/sub/next.png");}
.introduce .slick-prev {left:0; background-image:url("../images/sub/prev.png");}
.information-flex {display:flex;}
.information-flex .introduce {width:42%;}
.txts-box {width:58%; padding-left:100px;}
.introduce .item {max-width:500px; flex:1 500px; max-height:500px;}
.introduce .item .img {position:relative; padding-bottom:100%; margin-bottom:12px;overflow:hidden;}
.introduce .item .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.introduce .item.wd {position:relative; padding-bottom:100%; margin-bottom:12px;overflow:hidden; max-width:117px !important; flex:1 117px; max-height:90px; opacity:0.6;}
.introduce .item.wd img {border:1px solid #ddd; position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; padding:0 5px;}
.introduce .slider-nav .slick-current .img {position:relative;}
.introduce .slider-nav .slick-current .img:after {position:absolute; content:""; top:0; left:0; width:100%; height:100%; border:2px solid #00a6ea; opacity:1; z-index:50;}
.introduce .slider-nav .slick-current .img:after .item .img img {opacity:1;}