@charset "utf-8";

:root {
    --esa : 'esamanru', sans-serif;
    --navy : #183770;
    --red : #ff0000;
}

#content{margin-top: 70rem;}
#content h4 { display:flex; align-items:center; flex-wrap:wrap; font-family:var(--esa); font-size:30rem; color:var(--navy); margin:40rem 0 30rem;}
h4::before {content:''; display:block; width:10rem; height:10rem; background:var(--navy); border-radius:50%; margin-right:10rem; }
#content .depth1 {margin:40rem 0 20rem; }
#content .depth1 li { position:relative; padding:5rem 0 5rem 18rem;}
#content .depth1 li::before { content:''; position:absolute; left:0; top:16rem; width:6rem; height:6rem; background:var(--navy); border-radius:50%; }
#content .depth2 li { position:relative; padding:3rem 0 3rem 18rem; font-size:17rem;  }
#content .depth2 li::before { content:''; position:absolute; left:0; top:17rem; width:6rem; height:1px; background:var(--navy); }
#content .box { background:#f1f1f1; padding:30rem; border-radius:5rem; }
#content .down a { display:flex; align-items:center; justify-content:space-between; border:1px solid #e1e5f1; border-radius:5rem; padding:5rem 20rem; margin:5rem 0;  transition:0.2s; }
#content .down span { display:flex; align-items:center; background:#e1e5f1; font-size:16rem; padding:5rem 15rem; border-radius:5rem; }
#content .down span::before { content:''; display:block; width:17px; height:15px; background:url('/design/cell/img/content/down_icon.png') no-repeat ; margin-right:8px; }
#content .down a:hover { color:#fff; background:var(--navy); }
#content .down a:hover span { background:var(--navy); color:#fff;}
#content .down a:hover span::before {background-position:-17px 0;}
#content .table {overflow-y:auto; margin:30rem 0;}
#content .table table { width:100%; text-align:center; border-top:2px solid #222; margin-left:-1px; }
#content .table table th,
#content .table table td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10rem; }
#content .point {display:flex; color:var(--red); }
#content .point::before {content:'※'; margin-right:10rem;}




.itroduce .top .intro_img img{width: 987rem; height: 387rem; border-radius: 20rem;}
.itroduce .intro_txt{ z-index: 1; text-align: right;}
.itroduce .intro_txt p{display: inline-block; text-align: left; font-size: 25rem; font-weight: 300; line-height: 1.5; background: linear-gradient(90deg, #194474, #0e5c85); padding: 36rem 60rem 36rem 42rem; color: #fff; font-family:var(--esa); border-radius: 20rem 60rem 20rem 20rem; box-shadow: 3px 3px 20px rgba(0,0,0,0.2); margin-top: -100rem;}
.itroduce .intro_txt p span{font-size: 30rem; font-weight: 400;}
.itroduce .txt{font-size: 40rem; font-weight: 700; color: #f4f4f4; text-align: left; line-height: 1.4; padding-top: 30rem;}

.itroduce .bottom{margin: 60rem 0 10rem 33rem; display: flex;}
.itroduce .bottom > span{display: inline-block; color: var(--navy); font-size: 30rem; font-family:var(--esa); padding-right: 20rem; position: relative; margin-right: 36rem;}
.itroduce .bottom > span::before{position: absolute; content: ""; width: 4rem; height: 16rem; right: 0; top: 14rem; background: var(--navy);}
.itroduce .bottom .dep1{margin-top: 10rem;}
.itroduce .bottom .dep1 > li{margin-bottom: 15rem; padding-bottom: 15rem; border-bottom: 1px dashed #dfdfdf;}

@media all and (max-width: 750px){
    .itroduce .txt{display: none;}
    .itroduce .intro_txt p{width: 100%; padding: 24rem 60rem 24rem 42rem; font-size: 20rem;}
    .itroduce .intro_txt p span{font-size: 27rem;}
    .itroduce .bottom > span{font-size: 25rem;}
}
@media all and (max-width: 520px){
    .itroduce .top .intro_img img{height: auto; border-radius: 20rem 20rem 0 0;}
    .itroduce .intro_txt p{margin-top: 0; border-radius: 0 0 20rem 20rem;}
    .itroduce .bottom{display: block;}
}

.facility > div { display:grid; grid-template-columns:repeat(4, 1fr); gap:30rem; }
.facility dl::before { content:''; display:block; width:160px; height:120px; background:url('/design/cell/img/content/facility.png') no-repeat 0 0; margin:0 auto; transform:scale(0.7); }
.facility dl.icon2::before { background-position:-160px 0; }
.facility dl.icon3::before { background-position:0 -120px; }
.facility dl.icon4::before { background-position:-160px -120px; }
.facility dt { font-family:var(--esa); color:var(--navy); font-size:22rem; margin:10rem 0 10rem; text-align:center; }
.facility dd { position:relative; padding-left:13rem; }
.facility dd::before {content:''; position:absolute; left:0; top:12rem; width:4rem; height:4rem; border-radius:50%; background:#333; }
.history > div { display:flex; }
.history .year { flex-shrink:0; width:300rem; font-size:45rem; font-weight:300;  }
.history li { display:flex; border-bottom:1px dashed #dfdfdf; padding:20rem; }
.history span.date { flex-shrink:0; width:100rem; color:var(--navy); font-weight:600; }
.history ul,
.history span:not(.date) { flex-grow:0; }
@media all and (max-width:768px){
    .facility > div {grid-template-columns:repeat(2, 1fr); gap:20rem; }
    .history > div  { flex-direction:column; }
}

.daummap .hide,
.daummap .map_border {display:none; }
.daummap { width:100% !important; border-radius:10rem; box-shadow:2rem 2rem 10rem rgba(0,0,0,0.1); border:1px solid #e1e5f1;  }
.daummap .wrap_map { height:400rem !important; }


.business dl { border-top:2px solid #222; margin-bottom:50rem;  }
.business dt { font-size:20rem; padding:15rem 30rem; font-weight:600; }
.business dd { background:#f1f1f1; padding:30rem; border-radius:5rem; }
.business li { display:flex; flex-wrap:wrap; font-size:16rem; padding:5rem 0; }
.business li strong { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; width:120rem; }
.business li strong::after { content:''; display:block; width:1px; height:10rem; background:#000; margin-right:20rem; opacity:0.3; }

.move_in .box dt {font-size:23rem; font-weight:800; margin-bottom:10rem; }
.move_in .box p { display:flex; align-items:center; color:var(--red); font-weight:600; margin:40rem 0 10rem; }
.move_in .box p::before {content:'!'; display:block; width:22rem; height:22rem; border:1px solid var(--red); border-radius:50%; color:var(--red); text-align:center; font-weight:800; font-size:13rem; margin-right:10rem;  }
.move_in .step { display:flex; flex-wrap:wrap; row-gap:20rem; }
.move_in .step li { position:relative; width:20%; text-align:center;  }
.move_in .step li::before { content:''; display:block; width:60px; height:60px; background:url('/design/cell/img/content/move_in.png') no-repeat 0 0; margin:0 auto; margin:20rem auto 40rem; }
.move_in .step li:nth-of-type(2)::before { background-position:-60px 0; }
.move_in .step li:nth-of-type(3)::before { background-position:-120px 0; }
.move_in .step li:nth-of-type(4)::before { background-position:0 -60px; }
.move_in .step li:nth-of-type(5)::before { background-position:-60px -60px; }
.move_in .step li::after { content:''; position:absolute; left:50%; top:0; width:100px; height:100px; background:#f5f7fb; border-radius:50%; transform:translateX(-50%); z-index:-1; }
.move_in .step li strong { position:absolute; left:calc(50% - 60rem); top:0; background:var(--navy); color:#fff; width:30rem; height:30rem; line-height:30rem; border-radius:50%; font-size:15rem;  }
.move_in .step li span { display:block; font-size:15rem; font-weight:600; }
.move_in table span.small {font-size:14rem;}
.move_in table th { line-height:1.3; }
@media all and (max-width:768px){
    .move_in .step li { width:33.33%;}
}
@media all and (max-width:480px){
    .move_in .step li { width:50%;}
}

/*
.equipment .list { display:grid; grid-template-columns:repeat(3, 1fr); gap:50rem;}
.equipment .list ul { margin-top:20rem; }
.equipment .list li { display:flex; flex-wrap:wrap; }
.equipment .list li strong { display:inline-flex; align-items:center; flex-wrap:wrap; }
.equipment .list li strong::before {content:''; display:block; width:5rem; height:5rem; background:var(--navy); border-radius:50%; margin-right:7rem; }
.equipment .list li strong::after {content:':'; font-weight:800; padding:0 10rem; }
@media all and (max-width:768px){
    .equipment .list { grid-template-columns:repeat(2, 1fr); gap:30rem; }
}
@media all and (max-width:480px){
    .equipment .list { grid-template-columns:repeat(1, 1fr); }
    .equipment .list div { display:flex; }
    .equipment .list .img { width:150rem; flex-shrink:0; }
    .equipment .list ul { margin:0 0 0 20rem; }
}
*/
#sitemap_content .depth1 li { padding:0; }
#sitemap_content .depth1 li::before {display:none;}