/* 인덱스 */

.pc {display:block;}
.mo {display:none !important;}

@media (min-width:240px) and (max-width:990px) {
.mo {display:block !important;}
.pc {display:none !important;}
}
li {list-style:none;}
#wrap {width:100%}
.koridepa-all {width:100%;height:auto;margin:0 auto;;text-align:center;font-family: Meiryo,  "Hiragino Kaku Gothic Pro",  "メイリオ", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


.koridepa {width:1000px;height:auto;margin:0 auto;text-align:center;font-family: Meiryo,  "Hiragino Kaku Gothic Pro",  "メイリオ", "ヒラギノ角ゴ Pro W3", Helvetica, Arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.koridepa .toplogo {text-align:center;}
.koridepa .toplogo h1 {display:inline-block;font-size:50px;margin:50px 0 0 0;color:#282828}
.koridepa .menubar {width:100%;overflow:hidden; }
.koridepa .menubar-content {height:36px;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;}
.koridepa .menubar ul {width:100%;overflow:hidden;padding:0;}
.koridepa .menubar ul li {width:33.3%;height:36px;display:inline-block;float:left;}
.koridepa .menubar ul li a {height:30px;padding-top:6px;text-decoration:none;display:block;}
.koridepa .menubar ul li a.menu-on {background-color:#f6f6f6;}
.koridepa .menubar .title-jp {font-size:18px;color:#494949;font-weight:bold;}
.koridepa .menubar .title-en {font-size:14px;color:#494949;}


.koridepa h3 {font-size:24px;color:#494949;text-align:left;padding:50px 0 6px 10px;margin:0;}
.koridepa h3 span {font-size:14px;color:#494949;font-weight:normal;margin-left:6px;}

.koridepa .navi {padding:10px 0;float:left;}
.koridepa .navi a.home {font-size:14px;color:#898a8b;text-decoration:none;border:0;}

.koridepa .navi a.onpage {font-size:14px;color:#494949;text-decoration:none;}


/* 라운지 */
.koridepa .free-lounge {overflow:hidden;}
.koridepa .free-lounge .detail01 {width:480px;height:515px;display:inline-block;float:left;margin-right:40px;background:url('/img/main-detail1.jpg') no-repeat 0 0;}
.koridepa .free-lounge .detail02 {width:480px;height:515px;display:inline-block;float:left;background:url('/img/main-detail2.jpg') no-repeat 0 0;}
.koridepa .free-lounge  img {padding:50px 0 0 0;display:inline-block;}

.koridepa .free-lounge .content01 {clear:both;display:block;color:#494949;text-align:left;margin:10px 0 10px 80px;}
.koridepa .free-lounge .content02 {clear:both;display:block;color:#494949;text-align:left;margin:10px 0 10px 50px;}



/* 시스템 */
.koridepa .system {width:100%;margin:40px 0;}
.koridepa .system-time {width:96%;height:300px;border:solid 20px #f1f7f8;background:url('/img/time.png') no-repeat 770px 14px;}
.koridepa .system-time .title {width:86%;text-align:left;margin:50px 0 0 60px;font-size:30px;color:#2e484e;border-bottom:2px solid #2e484e;}
.koridepa .system-time .time-notice-01 {margin:30px 0 0 60px;font-size:22px;color:#4c4c4c;text-align:left;}
.koridepa .system-time .time-notice-02 {margin:20px 0 0 60px;font-size:16px;color:#808080;text-align:left;}
.koridepa .system-time .red {color:#dc0000;}
.koridepa .system-free {width:96%;height:300px;border:solid 20px #fdf6f3;background:url('/img/free.png') no-repeat 774px 3px;}
.koridepa .system-free .title {width:86%;text-align:left;margin:50px 0 0 60px;font-size:30px;color:#502828;border-bottom:2px solid #502828;}
.koridepa .system-free .free-notice {margin:30px 0 0 60px;font-size:16px;color:#808080;text-align:left;}
.koridepa .system-free .google-notice {margin:30px 0 0 60px;font-size:16px;color:#4c4c4c;text-align:left;}


/* 지도 */
.koridepa .access-map {width:100%;margin:40px 0;}
.koridepa .access-num {width:96%;height:260px;border:solid 20px #fefbe8;background:url('/img/tel.png') no-repeat 740px 30px;}
.koridepa .access-num .title {width:86%;text-align:left;margin:50px 0 0 60px;font-size:30px;color:#b79301;border-bottom:2px solid #cda400;}
.koridepa .access-num .map-num {margin:30px 0 0 60px;font-size:16px;font-size:20px;color:#4c4c4c;text-align:left;}

.koridepa .google-map {width:100%;margin:40px 0;position:relative;}
.koridepa .google {width:96%;height:auto;border:solid 20px #f1f7f8;}
.koridepa .google .title {width:86%;text-align:left;margin:50px 0 0 60px;font-size:30px;color:#2e484e;border-bottom:2px solid #2e484e;}
.koridepa .google .map-num {margin:30px 0 0 60px;font-size:16px;font-size:20px;color:#4c4c4c;text-align:left;}
.koridepa .google a {text-decoration:none;}
.koridepa .google span {display:inline-block;font-size:14px;text-decoration:none;color:#4b4b4b;margin-left:460px;padding-top:10px}
.koridepa .google-map img {padding:50px 0 0 0;display:inline-block;}
.koridepa .google-map .google-app {position:absolute;padding:0;top:70px;right:50px;x-position:-10;border:none;}


/* 내부사진 */
.koridepa .google-map .map-photo {padding:10px 0 30px 0;}
.koridepa .inside-map {width:100%;margin:40px 0;position:relative;clear:both;}
.koridepa .inside-photo {width:900px;height:auto;margin:0 auto;padding:30px;border:solid 20px #fdf6f3;}
.koridepa .inside-photo img {}

.koridepa .arrow-left {position:absolute;x-position:-1000;width:65px;height:65px;top:260px;left:60px;background:url('/img/arrow-left.png') no-repeat 0 0px;}
.koridepa a.arrow-left:hover {position:absolute;x-position:-1000;width:65px;height:65px;top:260px;left:60px;background:url('/img/arrow-left-on.png') no-repeat 0 0px;}
.koridepa .arrow-right {position:absolute;x-position:-1000;width:65px;height:65px;top:260px;right:50px;background:url('/img/arrow-right.png') no-repeat 0 0;}
.koridepa a.arrow-right:hover {position:absolute;x-position:-1000;width:65px;height:65px;top:260px;right:50px;background:url('/img/arrow-right-on.png') no-repeat 0 0;}
.koridepa .photo-small {width:100%;height:400px;margin:40px 0;}
.koridepa .photo-small img {padding:4px;border:none;}


/* 회사아웃라인 */
.outline_type {margin-bottom:10px;}
.outline_type table {clear:both;margin:8% 10% 8% 10%;border-collapse:collapse;border-spacing:0;width:80%;color:#666; font-size:15px; background:#fff; text-align:left; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.outline_type table th {background:#fafafa;font-weight:normal;text-align:center}
.outline_type table th, .outline_type table td {border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:14px 10px;word-break:normal;}



/* 푸더 */
.koridepa-all .footer {margin-top:80px;width:100%;height:150px;background-color:#343434;}
.koridepa-all .footer p {width:700px;color:#d9d9d9;font-size:14px;line-height:26px;text-align:center;margin:0 auto;padding:50px 0;}
.koridepa-all .footer a {color:#d9d9d9;font-size:13px;text-decoration:none;}
.koridepa-all .footer a:hover {color:#fff;text-decoration:underline;}


.click {cursor: pointer;}
.banner_wrap {
  width: 100%;
  max-width: 100%; /* 사이트 레이아웃에 따라 조정 */
  margin: 0 auto;
}

/* 그리드 컨테이너 */
.banner_grid {
	display: grid;
	grid-template-columns: 70% 30%; /* 왼쪽 30%, 오른쪽 70% */
}

/* 개별 아이템 */
.banner_item img {
	display: block;       /* 가운데 정렬/줄바꿈 이슈 방지 */
	max-width: 100%;      /* 부모 범위를 넘지 않도록 */
	height: 180px;
	margin: 0 auto;       /* 가로 중앙 정렬 */
	padding:0px !important;
}

/* 화면이 작아지면 1열로 배치 */
@media (max-width: 768px) {
  .banner_grid {
    grid-template-columns: 1fr; /* 한 줄에 하나씩 */
  }
}

@media (min-width:240px) and (max-width:990px) {

.koridepa {width:100%;}
.koridepa-all .footer p {width: 100%;}
.koridepa .menubar ul {
    width: 100% !important;
    overflow: hidden;
    height: 50px !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    justify-items: center !important;
}

.koridepa .menubar ul li {
    width: 100%;
    height: 35px !important;
    display: flex !important;
    float: none !important;
    text-align: center !important;
    list-style: none !important;
}


.koridepa h3 {
    font-size: 24px;
    color: #494949;
    text-align: left;
    margin: 20px 0 !important;
    /* margin: 0; */
    display: flex !important;
    flex-wrap: wrap !important;
}

.koridepa h3 {
    font-size: 24px;
    color: #494949;
    text-align: left;
    margin: 20px 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

.koridepa h3 span {
    font-size: 14px;
    color: #494949;
    font-weight: normal;
    margin-left: 0px !important
    margin-top: 5px;
}


.koridepa .free-lounge .detail01 {
    width: 100% !important;
    height: 515px;
    display: inline-block;
    float: none !important;
    background: url(/img/main-detail1.jpg) no-repeat 0 0;
    background-position: right center;
}

.koridepa .free-lounge .content01 {
    clear: both;
    display: block;
    color: #494949;
    margin: 20px 0 !important;
    padding: 0px 10px !important;
    text-align: center;
}


.koridepa .free-lounge .detail02 {
    width: 100% !important;
    height: 515px;
    display: inline-block;
    float: none !important;
    background: url(/img/main-detail2.jpg) no-repeat 0 0;
    background-position: right center;
}
.koridepa .free-lounge .content02 {
    clear: both;
    display: block;
    color: #494949;
    margin: 20px 0 !important;
    padding: 0px 10px !important;
    text-align: center;
}



.koridepa .system-time {
    width: 100% !important;
    height: 290px !important;
    border: 2px solid #f1f7f8;
    background: url(/img/time.png) no-repeat 250px 220px !important;
}


.koridepa .system-time .title {
    width: 100% !important;
    padding: 15px 0px 20px 0px !important;
    margin: 10px 0 !important;
    font-size: 30px;
    color: #2e484e;
    border-bottom: 2px solid #2e484e !important;
    display: inline-block;
}

.koridepa .system-time .time-notice-01 {
    margin: 10px 0 !important;
    padding: 0 15px !important; 
    font-size: 16px !important;
    color: #4c4c4c;
    text-align: left;
}
.koridepa .system-time .time-notice-02 {
    margin: 10px 0 !important;
    padding: 0 15px !important;
    font-size: 16px !important;
    color: #808080;
    text-align: left;
}



.koridepa .system-free {
    width: 100% !important;
    height: 290px !important;
    border: 2px solid #f1f7f8;
    background: url(/img/free.png) no-repeat 250px 220px !important;
}

.koridepa .system-free .title {
    width: 100% !important;
    padding: 15px 0px 20px 0px !important;
    margin: 10px 0 !important;
    font-size: 30px;
    color: #502828;
    border-bottom: 2px solid #502828 !important;
    display: inline-block;
}

.koridepa .system-free .free-notice {
    margin: 10px 0 !important;
    padding: 0 15px !important;
    font-size: 16px !important;
    color: #808080;
    text-align: left;
}

	
.koridepa-all .footer {margin-top: 0px; width: 100%; height: auto;}
.koridepa .menubar ul li a {height:50px;}


.koridepa .arrow-right {
    position: absolute;
    z-index: 1;
    width: 35px;
    height: 35px;
    top: 130px;
    right: 10px;
    background: url(/img/arrow-right.png) no-repeat 0 0;
    background-size: contain;
}

.koridepa .arrow-left {
    position: absolute;
    z-index: 1;
    width: 35px;
    height: 35px;
    top: 130px;
    left: 60px;
    background: url(/img/arrow-left.png) no-repeat 0 0px;
	background-size: contain;
}
.cycle-slideshow {width: 100% !important; height: 180px !important;}
.koridepa .photo-small {height:auto !important}
.koridepa .inside-photo {
    width: 100% !important;
    height: auto;
    margin: 0 auto;
    padding: 30px;
    border: solid 10px #fdf6f3 !important;
}
.koridepa .inside-photo img { width: 280px !important;}


.koridepa .access-map {
    width: 100% !important;
    margin: 40px 0 !important;
}

.koridepa .access-num {
    width: 100% !important;
    height: 260px !important;
    border: solid 5px #fefbe8 !important;
    background: url(/img/tel.png) no-repeat 230px 192px !important;
}

.koridepa .access-num .title {
    width: 100% !important;
    font-size: 30px;
	text-align:center;
	margin:0 !important;
    padding: 20px 0 !important;
    color: #b79301;
    border-bottom: 2px solid #cda400;
}

.koridepa .access-num .map-num {
    font-size: 16px !important;
    padding: 20px 20px !important;
	margin:0 !important;
    color: #4c4c4c;
    text-align: left;
}


.koridepa .google { width: 100% !important;}
	
.koridepa .google-map {
    width: 90% !important;
}

.koridepa .google-map img {width:100%;}

.koridepa .google-map .google-app {
    position: absolute;
    padding: 0;
	top: 30px !important;
	right: 110px !important;
    width: 60px;
    border: none;
}

.koridepa .google span {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #4b4b4b;
    margin-left: 0px !important;
    padding-top: 10px !important;
}

.koridepa .google .title {
    width: 100% !important;
    text-align: center;
	padding: 60px 5px !important;
	margin:0 !important;
    font-size: 30px;
    color: #2e484e;
    border-bottom: 2px solid #2e484e;
}

.map-photo {font-size: 12px;}


.banner_wrap {width:100% !important; padding:0px !important;}
.banner_item img {width:100%;}
body {margin:0 !important}
}