@charset "utf-8";


.p-Part {padding:6% 0}

@media all and (max-width:580px) {
	.p-Part {padding:15% 0}
}





#intro1 { text-align:center}
#intro1 h3 {padding-bottom:1.5em;  font-size: 3.0rem; font-family: 'ONE-Mobile-Title';  line-height:1.6em; color:#222; font-weight:normal}

.introWrap p.t1 {font-size:1.8rem; line-height:1.8em; text-align: justify;  }
.introWrap p + p {padding-top:2em}
.introWrap h4 { padding:0.8em 0; font-size: 2.6rem; font-family: 'ONE-Mobile-Title';  line-height:1.6em; color:#222; font-weight:normal}
.introWrap dl {padding-top:2.5em; }
.introWrap dl dt {font-size:2.6rem; color:#222; font-weight:800}
.introWrap dl dd {font-size:2.0rem; color:#222;  font-weight:700; line-height:1.6em}

#intro1-2 {padding:5% 0; display:flex; align-items: center; width:95%; max-width:1760px;  }
#intro1-2 .introImg {width:calc(100% - 800px);}
#intro1-2 .introImg img {width:89%}
#intro1-2 .introWrap {width:800px}

#intro1-3 {display:flex; align-items: center; }
#intro1-3 .introImg {width:50%;  order:2}
#intro1-3 .introImg img {width:100%}
#intro1-3 .introWrap {width:50%; padding-right:10%; order:1}

@media all and (max-width:1499px) { 
	#intro1-2 {width:90%;  margin:0 auto; display:block}
	#intro1-2 .introImg {width:50%; float: left;  clear: both;}
	#intro1-2 .introImg img {width:83%}
	#intro1-2 .introWrap {width:100%}

	#intro1-3 {display:block}
	#intro1-3 .introImg {padding-right:0;  padding-left:7%; width:57%; float: right;  clear: both;}
	#intro1-3 .introWrap {width:100%;}
}
@media all and (max-width:1060px) { 
	#intro1 h3 br {display:none}
}
@media all and (max-width:768px) {
	.introImg  {padding-bottom:5%}
	.introWrap p.t1,
	.introWrap h4,
	.introWrap dl {text-align:center}
	#intro1-2 .introImg {width:100%;}
	#intro1-2 .introImg img {width:100%}
	#intro1-3 .introImg { padding-left:0; width:100%;}
	#intro1-3 .introWrap { padding-right:0; width:100%; }
}
@media all and (max-width:480px) {
	.introWrap dl dt {font-size:2.4rem; letter-spacing:-0.05em}
	.introWrap dl dd {font-size:1.8rem;}
}






#intro2 {padding:5% 0; width:90%; max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap; border-top:1px solid #e3e3e3}
#intro2 #titWrap {width:30%}
#intro2 #titWrap  h3 {font-size: 3.0rem; font-family: 'ONE-Mobile-Title';  line-height:1.6em; color:#222; font-weight:normal}
#intro2 #contWrap {width:70%; }

#intro2 #contWrap {display:flex; flex-wrap:wrap; }
#intro2 #contWrap .img { padding:5% 0; width:100%; border:10px solid #f5f8fb; text-align:center;
								background:url('/images/sub/sb-bg.png') center center}
#intro2 #contWrap > dl {padding:30px 30px 0 0;  display:flex; font-size:1.8rem;  align-items: center;}
#intro2 #contWrap > dl dt {margin-right:1em; padding:0.5em 1em; color:#FFF; font-weight:700; text-align:center}
#intro2 #contWrap > dl dt.bg1 {background:#bb1516 }
#intro2 #contWrap > dl dt.bg2 {background:#0e3f82 }
#intro2 #contWrap > dl dt.bg3 {background:#192331 }
#intro2 #contWrap .t1 {font-size:2.0rem; padding-bottom:2em; line-height:1.8em}


#intro2 #contWrap.intro2-1 .img img { width:90%; max-width:546px} 


#intro2 #contWrap.intro2-2 .img img { width:50%; max-width:271px} 
#intro2 #contWrap.intro2-2 dl dt {width:100px; text-align:center}


#intro2 #contWrap.intro2-3 {display:block}
#intro2 #contWrap.intro2-3 .t1 { margin-bottom:2em; width:100%; color:#333; border:10px solid #e5e5e5; text-align:center; 
										padding:0.3em; position:relative}
#intro2 #contWrap.intro2-3 .t1 span { position:relative; z-index:3}
#intro2 #contWrap.intro2-3 .t1:before {content:''; width:calc(100% - 20px); height:calc(100% + 40px); background:#FFF;
												position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
#intro2 #contWrap.intro2-3 .t1 br.br1024 { display:none}


@media all and (max-width:1024px) {
	#intro2 #contWrap.intro2-3 .t1 br.br1024 { display:block}
}
@media all and (max-width:976px) {
	#intro2 #titWrap {width:100%; text-align:center; padding-bottom:5%}
	#intro2 #titWrap  h3 {font-size: 4.0rem; }
	#intro2 #contWrap {width:100%; }
	#intro2 #contWrap > dl {padding:15px 30px 0 0; width:100%}
	#intro2 #contWrap > dl dt { padding:0.5em 0}
	#intro2 #contWrap .t1 { line-height:1.6em}


	#intro2 #contWrap.intro2-1 dl dt {width:65px;}
	#intro2 #contWrap.intro2-1 dl dd {width:calc(100% - 65px) }

	#intro2 #contWrap.intro2-2 dl dt {width:100px;}
	#intro2 #contWrap.intro2-2 dl dd {width:calc(100% - 100px) }
}
@media all and (max-width:480px) {
	#intro2 {padding:15% 0;}
	#intro2 #titWrap  h3 {font-size: 3.2rem; }
	#intro2 #contWrap .t1 { line-height:1.4em}

	#intro2 #contWrap.intro2-1 dl dt {width:14vw;}
	#intro2 #contWrap.intro2-1 dl dd {width:calc(100% - 14vw) }

	#intro2 #contWrap.intro2-2 dl dt {width:20vw;}
	#intro2 #contWrap.intro2-2 dl dd {width:calc(100% - 20vw) }
}



.circleWrap {display:flex; justify-content:center; }
.circleWrap dl {margin:0 -10px; width:250px; height:250px; border-radius:100%; text-align:center;
				display:flex; flex-wrap:wrap; align-content: center; justify-content:center;}
.circleWrap dl dt {width:100%; font-size:3.2rem; font-weight:800; color:#FFF}
.circleWrap dl dd {padding-top:0.5em; color:#FFF; opacity:.2; text-transform:uppercase; font-size:1.6rem; font-family:'Montserrat';
						font-weight:700}

.circleWrap dl.bg1 {background:rgba(187,21,22,0.95)}
.circleWrap dl.bg2 {background:rgba(14,63,130,0.95)}
.circleWrap dl.bg3 {background:rgba(25,35,49,0.95)}

@media all and (max-width:1170px) {
	.circleWrap dl {margin:0 -1vw; width:22vw; height:22vw; }
}
@media all and (max-width:976px) {
	.circleWrap dl {margin:0 -10px; width:250px; height:250px; }
}
@media all and (max-width:799px) {
	.circleWrap dl {margin:0 -1.5vw; width:30vw; height:30vw; }
}
@media all and (max-width:480px) {
	.circleWrap dl {margin:0 -1vw; width:31vw; height:31vw; }
	.circleWrap dl dt {font-size:2.6rem;}
	.circleWrap dl dd {font-size:1.4rem;}
}







#intro3 {display:flex; flex-wrap:wrap;}
#intro3 a {padding:3%; width:48%; margin:1%; display:flex; flex-wrap:wrap;  align-items:start; border:10px solid #f5f8fb;  }
#intro3 a .img {width:150px; border-radius:100%; overflow:hidden}
#intro3 a .img img {width:100%}
#intro3 a .cont {width:calc(100% - 150px); padding-left:7%}
#intro3 a .cont dl {display:flex; flex-wrap:wrap; align-items: center}
#intro3 a .cont dl dt  {padding-right:10px; font-size: 2.8rem; font-family: 'ONE-Mobile-Title';  line-height:1.6em; 
							color:#222; font-weight:normal}
#intro3 a .cont dl dt span {font-weight:300}
#intro3 a .cont dl dd { font-size:1.8rem; color:#0757ad ; font-weight:700}
#intro3 a h3 {font-size:2.2rem; font-weight:700; color:#222; padding:0.7em 0 0.5em}
#intro3 a .c-table {padding:2em 0; width:100%}
#intro3 a .go {padding:0.8em 2em; text-align:Center; background:#FFF; color:#0e3f82; border:1px solid #0e3f82;
				transition: all 0.3s; margin:0 auto; font-weight:700}
#intro3 a:hover .go {background:#0e3f82;  color:#FFF}

#intro3.depart {justify-content:center;}

@media all and (max-width:1280px) {
	#intro3 a .img {width:130px;}
	#intro3 a .cont {width:calc(100% - 130px); padding-left:5%}
}
@media all and (max-width:1024px) {
	#intro3 a .img {width:100px;}
	#intro3 a .cont {width:calc(100% - 100px)}
}
@media all and (max-width:976px) {
	#intro3 a .img {width:50%;; max-width:200px; margin:0 auto }
	#intro3 a .cont {width:100%; padding:5% 0 0 0}
	#intro3 a .cont dl dt,
	#intro3 a .cont dl dd {text-align:center; width:100%}
}
@media all and (max-width:768px) {
	#intro3 a {padding:5%; width:100%; margin:5px 0;  border:5px solid #f5f8fb;  }
}






#dotList.intro3 {display:flex; flex-wrap:wrap}
#dotList.intro3 li {margin: 0 10px 3px 0}


.tb-style1 { width: 100%; border-top: 2px solid #375a93;  font-size:1.8rem}
.tb-style1 th, .tb-style1 td { padding: 0.8em 0; border-bottom: 1px solid #d7dde8; }
.tb-style1 thead th { background: #f5f8fb; color:#2d527c; font-weight: 700; line-height: 1.2em; border-left: 1px solid #d7dde8;  }
.tb-style1 thead th:first-child {border-left:0}
.tb-style1 th { color:#002453; line-height: 1.5em;  text-align: center; font-weight:700}
.tb-style1 td { border-left: 1px solid #d7dde8; padding: 0.8em 0; line-height: 1.5em;  text-align:center}

.tb-style1.intro3 { font-size:1.6rem}

#intro6 {display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between; }
#intro6 .in-box {width:calc(33.333% - 30px);  border:10px solid #f5f8fb}
#intro6 .in-box .imgWrap {}
#intro6 .in-box .imgWrap img {width:100%}
#intro6 .in-box .contWrap > dl {padding:2em; text-align:center}
#intro6 .in-box .contWrap > dl > dt {border-bottom:1px solid #f0f5f9; font-size:2.4rem; font-weight:800; color:#222; 
										margin-bottom:0.5em; padding-bottom:0.5em}
#intro6 .in-box .contWrap > dl > dd {font-size:1.7rem; line-height:1.6em;}


#intro6-2 dl {padding:40px; margin-top:30px; border:10px solid #f5f8fb; display:flex; flex-wrap:wrap  }
#intro6-2 dl dt {width:300px;  font-size:2.4rem; font-weight:800; color:#222; }
#intro6-2 dl dd {width:calc(100% - 300px); line-height:1.6em; font-size:1.7rem; }


@media all and (max-width:1599px) {
	#intro6 { gap:10px;}
	#intro6 .in-box {width:calc(33.333% - 10px);}
}
@media all and (max-width:1280px) {
	#intro6 .in-box {width:calc(50% - 10px);}
	#intro6-2 dl dt {width:180px; }
	#intro6-2 dl dd {width:calc(100% - 180px);padding-left:5% }	
}
@media all and (max-width:976px) {
	#intro6 .in-box {width:100%}
	#intro6-2 dl dt {width:100%; }
	#intro6-2 dl dd {width:100%;padding-left:0 }	
}




#intro7 {width:100%; max-width:1080px; margin:0 auto}
#intro7 #tabWrap { background:#f5f8fb}
#intro7 #tabWrap ul {display:flex; justify-content:space-between; flex-wrap:wrap; border:1px solid #e1e5e9 ; border-bottom:0}
#intro7 #tabWrap ul li { width:10%; border-left:1px solid #e1e5e9; padding:10px; }
#intro7 #tabWrap ul li:first-child {border-left:0}
#intro7 #tabWrap ul li.active { background:#0a1f40 }
#intro7 #tabWrap ul li.active .num { background:#0e3f82 }
#intro7 #tabWrap ul li.active .t1 {color:#FFF }
#intro7 #tabWrap ul li a {width:100%; display:flex; align-items: center;}
#intro7 #tabWrap ul li .num { margin:0 auto; width:80px; padding:0.8em 0; border-radius:5px; background:#a7b5c9; color:#FFF;
									text-align:center; font-size:1.8rem; font-weight:700}
#intro7 #tabWrap ul li .t1 {display:none}


#intro7 #intro7Tab { background:#f5f8fb}
#intro7 #intro7Tab ul {display:flex; justify-content:space-between; flex-wrap:wrap; border:1px solid #e1e5e9 ; border-bottom:0}
#intro7 #intro7Tab ul li { width:10%; border-left:1px solid #e1e5e9; padding:10px; }
#intro7 #intro7Tab ul li:first-child {border-left:0}
#intro7 #intro7Tab ul li.ON { background:#0a1f40 }
#intro7 #intro7Tab ul li.ON .num { background:#0e3f82 }
#intro7 #intro7Tab ul li.ON .t1 {color:#FFF }
#intro7 #intro7Tab ul li a {width:100%; display:flex; align-items: center;}
#intro7 #intro7Tab ul li .num { margin:0 auto; width:80px; padding:0.8em 0; border-radius:5px; background:#a7b5c9; color:#FFF;
									text-align:center; font-size:1.8rem; font-weight:700}
#intro7 #intro7Tab ul li .t1 {display:none}


#intro7 #contWrap {}
#intro7 .storeimg img {width:100%}
#intro7 #contWrap ul.cont {text-align:center}
#intro7 #contWrap ul.cont li { padding:0.5em; width:100%; background:#0a1f40 }
#intro7 #contWrap ul.cont li .t1 {display:inline-block; border:1px solid rgba(255,255,255,0.3); border-radius:5px; margin:5px; 
										padding:0.5em 1em; font-size:2.0rem; color:#FFF}


#intro7 .swiper-pagination-bullet { width:10px; height:10px; background:#FFF; opacity:.3; margin:0 2px}
#intro7 .swiper-pagination-bullet-active {opacity:1}

#intro7 #contWrap{ background:#f5f8fb; height:100%;}


@media all and (max-width:976px) {
	#intro7 #tabWrap ul li { width:20%; border-bottom:1px solid #e1e5e9}
}
@media all and (max-width:480px) {
	#intro7 #tabWrap ul li { padding:5px; }
	#intro7 #tabWrap ul li .num { font-size:1.7rem;}
	#intro7 #contWrap ul.cont li { padding:1.0em 0; }
	#intro7 #contWrap ul.cont li .t1 {font-size:1.8rem;  margin:2px; }
}




#sMap {width:100%;}
#sMap .root_daum_roughmap .wrap_map {height:600px;}


#sMapInfo {padding:3%; margin:-100px auto; width:90%; max-width:1400px; box-shadow:0 0 20px rgba(0,0,0,0.1); position:relative; z-index:3;
				background:#0e3f82 ;display:flex; align-items: center; }
#sMapInfo #img {padding-right:4em; border-right:1px solid rgba(255,255,255,0.1) }
#sMapInfo #cont {padding-left:4em; }
#sMapInfo h3 {padding-bottom:0.7em; font-size:2.4rem; font-weight:700; color:#FFF}
#sMapInfo h3 i { font-size:2.0rem;} 
#sMapInfo i {font-size:1.6rem; padding-right:0.3em; color:#00f6ff } 
#sMapInfo .t1 {padding-top:0.7em; opacity:.7}
#sMapInfo .tel { display:flex; justify-content:center; gap:10px 30px}
#sMapInfo .tel dt {font-size:1.8rem; padding-right:0.5em; display:inline; font-weight:700; color:#FFF; }
#sMapInfo .tel dd {font-size:1.8rem; display:inline; color:#FFF}
#sMapInfo .btn {margin-left: auto}
#sMapInfo .btn a {margin:3px 0; display:block; padding:0.8em 1.5em 0.8em 2em;  border-radius:60px; }
#sMapInfo .btn a p {padding-left:0.7em; font-size:1.6rem; font-weight:600} 
#sMapInfo .btn .bg1 { background:#f2da00 url('/images/main/mmap-icon1.png') no-repeat 10% center; color:#0079f7;
							background-size:auto 50%}
#sMapInfo .btn .bg2 { background:#03c75a url('/images/main/mmap-icon2.png') no-repeat 10% center; color:#FFF;
							background-size:auto 50%}

@media all and (max-width:1399px) {
	#sMapInfo #img {padding-right:2em;}
	#sMapInfo #cont {padding-left:2em; }
}
@media all and (max-width:1280px) {
	#sMapInfo #img img {height:48px }
}
@media all and (max-width:1199px) {
	#sMapInfo {justify-content:center; flex-wrap:wrap}
	#sMapInfo .btn {width:100%; display:flex; justify-content:center; gap:5px; padding-top:3%}
}
@media all and (max-width:976px) {
	#sMapInfo {padding:5% 0; margin:0 auto; width:100%; }
	#sMapInfo #img {width:100%; text-align:center; padding-right:0}
	#sMapInfo #cont { padding:1em 0; margin:1em 0; border-top:1px dashed rgba(255,255,255,0.1);  
							border-bottom:1px dashed rgba(255,255,255,0.1)}
	#sMapInfo .btn {padding-top:0; }
}
@media all and (max-width:480px) {
	#sMap .root_daum_roughmap .wrap_map {height:80vw;}

	#sMapInfo {padding:8% 0; }
	#sMapInfo #img img {height:35px }
	#sMapInfo h3 {font-size:2.0rem;padding-bottom:0.5em}
	#sMapInfo h3 i { font-size:1.8rem;} 
	#sMapInfo i {font-size:1.5rem;} 
	#sMapInfo .tel { gap:10px}
	#sMapInfo .tel dt {font-size:1.6rem; padding-right:0;}
	#sMapInfo .tel dd {font-size:1.6rem;}
}




#sMapLoca { padding:5% 0; margin-top:150px; background:#f5f8fb }
#sMapLoca .inner {display:flex; flex-wrap:wrap;gap:20px; }
#sMapLoca h3 {padding-bottom:0.5em;  width:100%; font-size: 3.0rem; font-family: 'ONE-Mobile-Title'; line-height: 1.6em; color: #222; 
					font-weight: normal; }
#sMapLoca .in-box {padding:30px; width:calc(50% - 10px); border:1px solid #e1e5e9; background:#FFF;
						display:flex; flex-wrap:wrap}
#sMapLoca .in-box .tit {width:150px; text-align:center}
#sMapLoca .in-box .tit img {background:#0e7382; border-radius:100%; overflow:hidden}
#sMapLoca .in-box .tit .t2 {padding-top:0.5em; font-size:2.0rem; font-weight:700; color:#222}
#sMapLoca .in-box .tit .t1 {font-size:1.8rem;}
#sMapLoca .in-box .cont {width:calc(100% - 150px); padding-left:5% }
#sMapLoca .in-box .cont .t2 {padding:1em 0 0.3em;; font-size:1.8rem; font-weight:700; color:#222}
#sMapLoca .in-box .cont .t1 {font-size:1.8rem; line-height:1.6em}
#sMapLoca .in-box .cont .t1 span {padding-right:1em; display:inline-block}


@media all and (max-width:1280px) {
	#sMapLoca .in-box {padding:20px}
	#sMapLoca .in-box .tit {width:120px; }
	#sMapLoca .in-box .tit img {width:80%}
	#sMapLoca .in-box .cont {width:calc(100% - 120px); }
	#sMapLoca .in-box .cont .t2 {padding:0.7em 0 0.3em;}
}
@media all and (max-width:976px) {
	#sMapLoca { margin-top:50px;} 
	#sMapLoca .in-box {width:100%;}
}
@media all and (max-width:480px) {
	#sMapLoca .in-box .tit {margin:0 auto; padding-bottom:3%}
	#sMapLoca .in-box .tit img {width:22vw}
	#sMapLoca .in-box .cont {width:100%; padding:0}
}






#guide1 {padding:5% 0;display:flex; flex-wrap:wrap;  border-top:1px solid #e3e3e3}
#guide1 #titWrap {width:25%}
#guide1 #titWrap h3 { font-size: 3.0rem; font-family: 'ONE-Mobile-Title'; line-height: 1.6em; color: #222; font-weight: normal; }
#guide1 #contWrap { width:75%; }

.guide1-1 .in-box {  display:flex; flex-wrap:wrap; border-bottom:1px solid #d7dde8;	}
.guide1-1 dl {width:50%; display:flex; flex-wrap:wrap; align-items: center; font-size:1.8rem;}
.guide1-1 dl dt {width:35%; padding:1em 0; background:#f5f8fb; text-align:center; font-weight:600; color:#002453; 	border-top:1px solid #d7dde8}
.guide1-1 dl dd {width:65%; padding:1em; border-top:1px solid #d7dde8;}
.guide1-1 .t1 {width:100%; padding-top:1.5em; }


.guide1-3 dl {margin-bottom:10px;  padding:20px ; background:#f5f8fb;
				display:flex; flex-wrap:wrap;align-items: center; }
.guide1-3 dl .num {font-family:'Oswald'; font-size:2.0rem;	font-weight:500; width:50px; line-height:50px;  color:#FFF; 
						 text-align:center; background:#0e3f82; border-radius:100%}
.guide1-3 dl dt {padding:0 1em; font-size:2.0rem; font-weight:700; color:#333}
.guide1-3 dl dd {border-left:1px solid #e9e9e9; padding-left:1em;  font-size:1.8rem; }


.guide1-4 {display:flex; align-items: center;}
.guide1-4 img {width:90px; background:#0e3f82; border-radius:100%;}
.guide1-4 dl {padding-left:3%}
.guide1-4 dl dt {font-size:3.2rem; color:#222; font-weight:600; font-family:'Oswald', 'SUIT'; }
.guide1-4 dl dt span {font-size:2.2rem;  font-weight:800; }
.guide1-4 dl dd {padding-top:0.5em;}


@media all and (max-width:1080px) {
	.guide1-3 dl {margin-bottom:5px; }
	.guide1-3 dl .num {width:40px; line-height:40px; font-size:1.8rem}
	.guide1-3 dl dt {padding:0 0.5em; }
	.guide1-3 dl dd {border-left:0; padding-left:0.5em;  }
}
@media all and (max-width:976px) {
	#guide1 #titWrap {width:100%; text-align:center; padding-bottom:5%}
	#guide1 #titWrap  h3 {font-size: 4.0rem; }
	#guide1 #contWrap { width:100%; }
}
@media all and (max-width:768px) {
	.guide1-3 {padding-top:20px}
	.guide1-3 dl {position:relative; text-align:center; padding:30px 10px }
	.guide1-3 dl .num {position:absolute; left:50%; top:0; transform:translateX(-50%); margin-top:-20px;}
	.guide1-3 dl dt {padding-bottom:5px; width:100%;}
	.guide1-3 dl dd {width:100%; padding:0}

	.guide1-4 img {width:70px;}
}
@media all and (max-width:640px) {
	.guide1-1 dl {width:100%}
}
@media all and (max-width:480px) {
	#guide1 {padding:15% 0;}
	#guide1 #titWrap  h3 {font-size: 3.5rem; line-height:1.3em }

	.guide1-3 dl { padding:8vw 5vw }
	.guide1-3 dl .num {width:10vw; line-height:10vw;  margin-top:-5vw}

	.guide1-4 img {width:17vw;}
}






#sDotList li {position:relative; margin-bottom:0.4em}
#sDotList li:before {content:''; width:3px; height:3px; border-radius:100%; background:rgba(0,0,0,0.3);
					position:absolute; left:0; top:0.65em;}
#sDotList li p {padding-left:10px; font-size:1.8rem}
#sDotList li p span {display:inline-block; width:110px}


#sDotList.guide1 { padding-top:20px}
#sDotList.guide1 li:before { top:0.55em;}
#sDotList.guide1 li p {padding-left:8px; font-size:1.6rem}




#boxNum {display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between;}
#boxNum > li {padding:3%; width:100%; background:#f5f8fb; counter-increment: number;
					display:flex;  align-items: start; flex-wrap:wrap}
#boxNum > li .tit {width:230px; font-size:2.6rem; color:#222; font-weight:700; padding-left:50px; 
						position:relative}
#boxNum > li .tit.fs-2 { font-size:2.4rem; }
#boxNum > li .tit:before { content: counter(number, decimal-leading-zero);    font-family: 'Oswald'; font-size: 1.6rem; 
								font-weight: 500; width: 40px; line-height: 40px;  color: #FFF;  text-align: center; background: #0e3f82; 
								border-radius: 100%; position:absolute; left:0; top:50%; transform:translateY(-50%) }
#boxNum > li > ul {width:calc(100% - 230px)}
#boxNum > li .st1 {width:100%; border-top:1px dashed #e9e9e9; padding-top:1em; margin-top:2em}

#boxNum.guide5 > li .tit {width:380px;}
#boxNum.guide5 > li > ul {width:calc(100% - 380px)}

@media all and (max-width:1399px) {
	#boxNum.guide5 > li .tit {width:360px;}
	#boxNum.guide5 > li > ul {width:calc(100% - 360px)}
}
@media all and (max-width:1280px) {
	#boxNum > li .tit {width:200px}
	#boxNum > li > ul {width:calc(100% - 200px)}

	#boxNum.guide5 > li .tit {width:100%; margin-bottom:1em}
	#boxNum.guide5 > li .tit br {display:none}
	#boxNum.guide5 > li > ul {width:100%}
}
@media all and (max-width:768px) {
	#boxNum > li {padding:5%;}
	#boxNum > li .tit {width:100%; margin-bottom:0.7em;  padding-left:45px; }
	#boxNum > li .tit:before { width: 34px; line-height: 34px;  }
	#boxNum > li > ul {width:100%}
}
@media all and (max-width:480px) {
	#boxNum > li .tit {padding-left:10vw; } 
	#boxNum > li .tit:before { width: 8vw; line-height: 8vw;  }

	#boxNum.guide5 > li .tit br {display:block}
}



#boxNum.guide3 { gap:20px; }
#boxNum.guide3 > li {width:calc(50% - 10px); align-content: start}
#boxNum.guide3 > li .tit {width:100%; margin-bottom:1em; }
#boxNum.guide3 > li > ul {width:100%}

@media all and (max-width:976px) {
	#boxNum.guide3 { gap:10px 0; }
	#boxNum.guide3 > li {width:100%; }
}




#boxNum.depart3 { gap:20px; }
#boxNum.depart3 > li {width:calc(33.333% - 15px); align-content: start}
#boxNum.depart3 > li .tit {width:100%; margin-bottom:1em; }
#boxNum.depart3 > li > ul {width:100%}

@media all and (max-width:1280px) {
	#boxNum.depart3 { gap:10px 0; }
	#boxNum.depart3 > li {width:calc(33.333% - 7px);}
}
@media all and (max-width:976px) {
	#boxNum.depart3 > li {width:calc(50% - 7px);}
}
@media all and (max-width:580px) {
	#boxNum.depart3 > li {width:100%}
}




.guide5-st1 {width:100%; border-top:1px dashed #e9e9e9; padding-top:1em; margin-top:2em}



#clinicBg {position:relative}
#clinicBg:before {content:''; width:100%; height:70%; background:#f5f8fb; position:absolute; left:0; bottom:0; z-index:-1 }

#clinicTop {background-position:left top; background-repeat:no-repeat; background-size:auto 125%}
#clinicTop #in-box {margin-left: auto; width:450px; height:450px; background:#0e3f82; color:#FFF; padding:4em;
						display:flex; flex-wrap:wrap; justify-content:center; align-content: space-between;}
#clinicTop #in-box img {margin-left: auto; height:30px}
#clinicTop #in-box dl dt { font-size: 3.6rem; font-family: 'ONE-Mobile-Title'; font-weight: normal; }
#clinicTop #in-box dl dd {padding-top:1em; font-size:1.8rem; line-height:1.6em;}

#clinicTop.depart1 {background-image:url('/images/sub/clinictop-depart1.png')}
#clinicTop.depart2 {background-image:url('/images/sub/clinictop-depart2.png')}
#clinicTop.depart3 {background-image:url('/images/sub/clinictop-depart3.png')}
#clinicTop.depart4 {background-image:url('/images/sub/clinictop-depart4.png')}
#clinicTop.depart5 {background-image:url('/images/sub/clinictop-depart5.png')}
#clinicTop.review1 {background-image:url('/images/sub/clinictop-review1.png')}


#clinicCont {padding:5% 0; text-align:center; width:90%; max-width:1024px;  margin:0 auto; }
#clinicCont h3 {font-size:2.4rem; padding-bottom:1em; line-height:1.4em  }
#clinicCont .t1 {font-size:1.8rem; line-height:1.8em; }

@media all and (max-width:1599px) {
	#clinicTop.depart1 {background-position:-70% top}
	#clinicTop.depart3 {background-position:-70% top}
}
@media all and (max-width:1399px) {
	#clinicTop #in-box {height:400px; }
}
@media all and (max-width:1280px) {
	#clinicTop #in-box {width:420px; height:350px; }
	#clinicCont {padding:8% 0; }
}
@media all and (max-width:1180px) {
	#clinicTop { padding-top:30vw; background-size:95% auto;}
	#clinicTop #in-box {width:80%; height:auto; }
	#clinicTop #in-box img {display:none}

	#clinicTop.depart1,
	#clinicTop.depart3 {background-position:0 top}
}
@media all and (max-width:976px) {
	#clinicTop { padding-top:35vw; background-size:100% auto;}
	#clinicTop #in-box {width:100%; padding:5%} 
}




#depart1-h3 {font-size:4.0rem;  font-family: 'ONE-Mobile-Title'; font-weight: normal; color:#222; padding:3em 0 1em;
				text-align:center}
#depart1-h3 .st1 {font-size:1.6rem; padding-top:1.3em; color:#777; font-family:'SUIT'; line-height:1.0em; }
#depart1-h3 .st1.c1 {color:#d493a2}

@media all and (max-width:1280px) {
	#depart1-h3 {font-size:3.5rem;}
}
@media all and (max-width:480px) {
	#depart1-h3 {line-height:1.4em}
}




#depart1 {padding:5% 0;display:flex; flex-wrap:wrap;  border-top:1px solid #e3e3e3}
#depart1 #titWrap {width:25%}
#depart1 #titWrap h3 { font-size: 3.0rem; font-family: 'ONE-Mobile-Title'; line-height: 1.6em; color: #222; font-weight: normal; }
#depart1 #contWrap { width:75%; }
#depart1 #contWrap .t1 { font-size:1.8rem; line-height:1.8em}



#imgList {display:flex; flex-wrap:wrap; gap:30px; justify-content:space-between;}
#imgList.w3 .in-box {width:calc(33.333% - 20px); }
#imgList .in-box {border:10px solid #f5f8fb}
#imgList .in-box img {width:100%} 
#imgList .in-box dl {margin-top:-30px; text-align:center}
#imgList .in-box dl dt { font-size:2.2rem; font-weight:700; color:#FFF; background:#0e3f82; padding:0 2em; line-height:60px;
							display:inline-block; } 
#imgList .in-box dl dd {padding:1em; font-size:1.8rem; line-height:1.4em}

@media all and (max-width:1280px) {
	#imgList {gap:20px}	
	#imgList .in-box {border:7px solid #f5f8fb} 
	#imgList.w3 .in-box {width:calc(33.333% - 15px); }
}
@media all and (max-width:1024px) {
	#imgList { justify-content:center;}
	#imgList.w3 .in-box {width:calc(50% - 15px); }
}
@media all and (max-width:768px) {
	#imgList { justify-content:center; gap:10px 0}
	#imgList.w3 .in-box {width:100%;  }
	#imgList .in-box dl {margin-top:-25px}
	#imgList .in-box dl dt { line-height:50px;}
}







#infoTop {background-size:50% auto; background-repeat:left top; background-repeat:no-repeat;
			display: flex; align-items: stretch;}
#infoTop > div { width: 50%; } 
#infoTop .img img {width: 100%; }
#infoTop .cont { position: relative; display: flex; align-items: center; color:#fff; padding: 0 5%;
                      background: #0e3f82; /* Old browsers */
                      background: -moz-linear-gradient(left,  #0e3f82 0%, #08326c 100%); /* FF3.6-15 */
                      background: -webkit-linear-gradient(left,  #0e3f82 0%,#08326c 100%); /* Chrome10-25,Safari5.1-6 */
                      background: linear-gradient(to right,  #0e3f82 0%,#08326c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3f82', endColorstr='#08326c',GradientType=1 ); /* IE6-9 */ }
#infoTop .cont::before { content: ''; width: 100%; height: 100%; position: absolute; left:0; top:0;
                                  background: url("/images/sub/clinic_topBG.png") no-repeat 95% 15% }
#infoTop .cont { width:50%; margin-left: auto; }
#infoTop .cont .eng {line-height:0.8em; font-size:1.4rem; font-family:'Montserrat'; font-weight:700; color:#1c92ce; 
							padding-bottom:0.5em;}
#infoTop .cont h3 {font-size:5.0rem;  font-family: 'ONE-Mobile-Title'; font-weight: normal; color:#FFF; line-height:1.6em;}
#infoTop .cont dl dt { padding:1.5em 0 0.7em; font-size:2.4rem; line-height:1.6em; font-weight:700 }
#infoTop .cont dl dd { font-size:1.8rem; line-height:1.6em }


@media all and (max-width:1280px) {
  #infoTop { margin-bottom: 5%;  }
  #infoTop .img { width: 55%; }
  #infoTop .img img { max-width: 110%; }
  #infoTop .cont { width: 45%; transform: translate(0, 10%); }
  #infoTop .cont .eng { font-size: 1.2rem; }
  #infoTop .cont h3 { font-size: 3.6rem;  }
  #infoTop .cont dl dd br {display:none}
  #infoTop .cont dl dt { padding:1.3em 0 0.5em; font-size:2.2rem;  }
  #infoTop .cont dl dd { font-size:1.7rem; line-height:1.4em }
}
@media all and (max-width:976px) {
	#infoTop {flex-wrap:wrap}
	#infoTop .cont { width: 100%}
	#infoTop .img { width: 100%; }
	#infoTop .cont { width: 100%; transform: none; padding: 4em 3em; }
	#infoTop .cont::before { background-size: auto 40%; }
}





#clinicWrap {max-width:1024px; margin:0 auto; text-align:Center}
#clinicWrap dl dt {margin:0.5em 0 1em; font-size:2.6rem; font-weight:700; color:#1c92ce; text-decoration:underline;   text-decoration-thickness: 1px;}
#clinicWrap dl dd {padding-top:1em; font-size:1.8rem; line-height:1.6em}




#clinicTab #tabWrap {padding:10px; margin:30px 0 50px; background:#f5f8fb}
#clinicTab #tabWrap ul {display: flex; flex-wrap:wrap;text-align: center;}
#clinicTab #tabWrap ul li { background:#FFF; border:1px solid #ebedf4;  border-radius:5px; margin:2px ;}
#clinicTab #tabWrap ul.w8 li {width:calc(12.5% - 4px); }
#clinicTab #tabWrap ul.w7 li {width:calc(14.28% - 4px);}
#clinicTab #tabWrap ul.w5 li {width:calc(20% - 4px);}
#clinicTab #tabWrap ul.w4 li {width:calc(25% - 4px);}

#clinicTab #tabWrap ul li a { display: block; padding: 1.5em 0;  font-size: 1.8rem; font-weight: 600; color:#0e3f82}
#clinicTab #tabWrap ul li.active { background:#0e3f82; }
#clinicTab #tabWrap ul li.active a { color:#fff;  font-weight: 600;  }

#clinicTab #tabWrap ul.w1 {justify-content:center;}
#clinicTab #tabWrap ul.w1 li {width:calc(14.28% - 4px);}
#clinicTab #tabWrap ul.w3 {justify-content:center;}
#clinicTab #tabWrap ul.w3 li {width:calc(20% - 4px);}
@media all and (max-width:1399px) {
	#clinicTab #tabWrap ul.w8 li {width:calc(16.6666% - 10px); }
  #clinicTab #tabWrap ul.w7 li {width:calc(25% - 10px);}
}
@media all and (max-width:1024px) {
	#clinicTab #tabWrap ul li { margin:2.5px ;}
	#clinicTab #tabWrap ul.w8 li {width:calc(25% - 5px); }
	#clinicTab #tabWrap ul.w7 li {width:calc(25% - 5px);}
	#clinicTab #tabWrap ul.w5 li {width:calc(33.33% - 5px);}
	
	#clinicTab #tabWrap ul li a { padding: 1.2em 0; } 
}
@media all and (max-width:768px) {
  #clinicTab #tabWrap ul.w7 li {width:calc(33.333% - 5px);}
	#clinicTab #tabWrap ul li a { padding: 1.0em 0; } 
	#clinicTab #tabWrap ul.w1 li {width:calc(50% - 5px);}
	#clinicTab #tabWrap ul.w3 li {width:calc(33.3333% - 5px);}
}
@media all and (max-width:640px) {
	#clinicTab #tabWrap ul.w8 li {width:calc(50% - 5px); }
	#clinicTab #tabWrap ul.w5 li {width:calc(50% - 5px);}
}
@media all and (max-width:580px) {
  #clinicTab #tabWrap ul.w7 li {width:calc(50% - 5px);}
  #clinicTab #tabWrap ul li a { padding: 1.0em 0; } 
}



#clinicTab #contWrap .info {border:10px solid #f5f8fb; padding:5%; display:flex;}
#clinicTab #contWrap .info h4 {width:350px; font-size:3.0rem;  font-family: 'ONE-Mobile-Title'; font-weight: normal; color:#222; line-height:1.6em;}
#clinicTab #contWrap .info h4 .eng {line-height:0.8em; font-size:1.6rem; font-family:'Montserrat'; font-weight:700; color:#1c92ce;
										padding-bottom:0.5em;}
#clinicTab #contWrap .info ul {width:calc(100% - 350px)}
#clinicTab #contWrap .info .line {display:none; width:100%; margin:1em 0;  height:5px; background: url('/images/common/slsline.png') repeat-x left bottom; }

#clinicTab #contWrap .case {padding-top:2%; display:flex; flex-wrap:wrap; justify-content:space-between;}
#clinicTab #contWrap .case li {padding:10px; width:49%; margin:0.5%; margin-top:50px;  border:1px solid #d7dde8; 
									position:relative; text-align:center}
#clinicTab #contWrap .case li .tit {border-radius:60px; background:#a00c14;  font-size:2.0rem; color:#FFF; 
										line-height:60px; padding:0 1.5em; font-weight:600; display:inline-block;
										position:absolute; left:30px; top:-30px; }
#clinicTab #contWrap .case li img {padding-top:50px; width:100%;}
#clinicTab #contWrap .case li img.img1-4-2 {width:50%; max-width:265px}
#clinicTab #contWrap .case li img.img1-5-1 {width:65%; max-width:441px}
#clinicTab #contWrap .case li img.img1-6-1 {width:100%; max-width:377px}
#clinicTab #contWrap .case li img.img1-6-2 {width:100%; max-width:551px}
#clinicTab #contWrap .case li img.img1-7-2 {width:50%; max-width:416px}

@media all and (max-width:1280px) {
	#clinicTab #contWrap .case {padding-top:3%}
	#clinicTab #contWrap .case li .tit { font-size:1.8rem; position:unset; line-height:1.4em; padding:1em 1.3em; border-radius:10px}
	#clinicTab #contWrap .case li img {padding-top:10px;}
}
@media all and (max-width:1024px) {
	#clinicTab #contWrap .info {flex-wrap:wrap}
	#clinicTab #contWrap .info h4 { width:100%}
	#clinicTab #contWrap .info .line {display:block}
	#clinicTab #contWrap .info ul {width:100%}
	#clinicTab #contWrap .case li .tit { padding:0.7em 1.0em;}
}
@media all and (max-width:976px) {
	#clinicTab #contWrap .case li .tit {display:block}
	#clinicTab #contWrap .case li {margin:10px 0; width:100%}
}
@media all and (max-width:768px) {
	#clinicTab #contWrap .info {border:5px solid #f5f8fb; }
}





#clinic8 {display:flex; justify-content:space-between; flex-wrap:wrap  }
#clinic8 .accWrap {width:calc(50% - 10px); margin:0 5px; }


.accBtn {width:100%; text-align:center; padding: 1.3em 0.5em;  font-size: 1.8rem; font-weight: 500; background: #f5f8fb; color: #0e3f82; 
			border: none; cursor: pointer; border-radius: 5px; transition: background-color 0.3s; margin:5px 0;}
.accBtn:hover { background: #0e3f82; color:#FFF}
.accBtn.active { background: #0e3f82; color:#FFF}
.accCont { display: none;  padding: 0 10px; border: 1px solid #DDD;  margin-top: 5px; text-align:center; cursor: pointer;}
.accCont h3 {margin:10px 0; border-radius:60px; background:#a00c14;  font-size:2.0rem; color:#FFF; 
				 line-height:50px; padding:0 1.5em; font-weight:600; display:inline-block; }
.accCont .t1 {padding:0.5em 3% 2em;}
.accCont img { width: 100%; display: block; }

@media all and (max-width:1280px) {
	#clinic8 .accWrap {w }
}
@media all and (max-width:1024px) {
	#clinic8 {max-width:640px; margin:0 auto}
	#clinic8 .accWrap {width:100%}
	.accBtn { padding: 1.0em}
}





#tabTitle { margin:2em 0 30px; font-size:3.0rem;  font-family: 'ONE-Mobile-Title'; font-weight: normal; color:#222; line-height:1.6em;
			text-align:center}
#tabTitle .lt1 {font-size:3.5rem;}


@media all and (max-width:768px) {
	#tabTitle { margin:10% 0 30px;}
}




#circleList {display:flex; justify-content:center; flex-wrap:wrap; margin:0 auto }
#circleList.w4 li {margin: -10px; width:250px; height:250px; border-radius:100%; text-align:center;
				display:flex; flex-wrap:wrap; align-content: center; justify-content:center;}
#circleList li p {width:100%; font-size:2.2rem; font-weight:600; color:#FFF}

#circleList li:nth-child(odd) {background:rgba(28,146,206,0.95)}
#circleList li:nth-child(even) {background:rgba(14,63,130,0.95)}

@media all and (max-width:1280px) {
	#circleList.w4 li {margin:-5px; width:230px; height:230px; }
}
@media all and (max-width:1170px) {
	#circleList.w4 li {margin:-1vw; width:22vw; height:22vw; }
}
@media all and (max-width:976px) {
	#circleList.w4 {max-width:620px;}
	#circleList.w4 li  {margin:-10px; width:230px; height:230px; }
	#circleList li:nth-child(1),
	#circleList li:nth-child(4) {background:rgba(28,146,206,0.95)}
	#circleList li:nth-child(2),
	#circleList li:nth-child(3) {background:rgba(14,63,130,0.95)}
}
@media all and (max-width:640px) {
	#circleList.w4 {max-width:100%;}
	#circleList.w4 li {margin:-2vw; width:45vw; height:45vw; }
}
@media all and (max-width:480px) {
	#circleList.w4 li p {font-size:2.0rem;}
}






#imgHalf {background-position:left center; background-size:auto 100%; background-repeat:no-repeat}
#imgHalf .in-box {width:50%; margin-left:auto; background:#f5f8fb; padding:3%; }

#imgHalf.clinic2 {background-image:url('/images/sub/imghalf-clinic2.png')}
#imgHalf.clinic3 {background-image:url('/images/sub/imghalf-clinic3.png')}
#imgHalf.clinic3-2 {background-image:url('/images/sub/imghalf-clinic3-2.png')}
#imgHalf.clinic4 {background-image:url('/images/sub/imghalf-clinic4.png')}
#imgHalf.clinic5 {background-image:url('/images/sub/imghalf-clinic5.png')}
#imgHalf.clinic6 {background-image:url('/images/sub/imghalf-clinic6.png')}
#imgHalf.clinic7 {background-image:url('/images/sub/imghalf-clinic7.png')}

#numList li {position:relative; counter-increment: number; position:relative; margin-bottom:10px;
				background:#FFF; padding:1.5em }
#numList li:before { content: counter(number, decimal-leading-zero);    font-family: 'Oswald'; font-size: 1.6rem; 
						font-weight: 500; width: 40px; line-height: 40px;  color: #FFF;  text-align: center; background: #0e3f82; 
						border-radius: 100%; position:absolute; left:1.5em; top:50%; transform:translateY(-50%) }
#numList li p { padding-left:50px; font-size:1.8rem; }

@media all and (max-width:1024px) {
	#imgHalf {background-size:100% auto; background-position:top center; padding-top:47vw}
	#imgHalf .in-box {width:100%;}
}
@media all and (max-width:768px) {
	#numList li:before {left:1em; width:30px; line-height:30px; }
	#numList li p { padding-left:30px;  }
}
@media all and (max-width:480px) {
	#numList li { padding:1.0em }
	#numList li:before {left:1em; width:8vw; line-height:8vw; }
	#numList li p { padding-left:10vw;  }
}









#tabcont {max-width:1100px; margin:0 auto; padding-bottom:8%;  text-align:center}
#tabcont.w100 {max-width:100%}
#tabcont .t1 {font-size:1.8rem; line-height:2.0em;}
#tabcont #circleList {padding-top:8%}

@media all and (max-width:768px) {
	#tabcont .t1 { line-height:1.6em;}
}
@media all and (max-width:480px) {
	#tabcont .t1 { line-height:1.4em;}
}




#dl-cont {width:100%; margin:3% auto 0; display:flex; flex-wrap:wrap}
#dl-cont.w2 { max-width:1280px;}
#dl-cont.w50 { max-width:100%;}
#dl-cont dl {width:49%; margin:0.5%; border:1px solid #d7dde8}
#dl-cont dl dt {width:100%; padding:0.7em 0; color:#FFF; background:#0e3f82; font-size:2.2rem; font-weight:700}
#dl-cont dl dd {font-size:1.8rem; line-height:1.4em; padding:1em}

#dl-cont.w3 dl {width:32.333%}
@media all and (max-width:768px) {
	#tabcont {padding-bottom:20%; }
	#dl-cont dl {width:100%; margin:1% 0}
}





#bfatImg ul {padding-top:5%; display:flex; flex-wrap:wrap;justify-content:center; align-items: center;}
#bfatImg ul + ul {padding-top:30px;}
#bfatImg li p {font-size:1.8rem; font-weight:700; color:#FFF; padding:0.7em 0; }
#bfatImg li.bf {background:#192331}
#bfatImg li.arrow {margin:10px; width:50px; height:50px; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,0.1)}
#bfatImg li.arrow img {width:100%}
#bfatImg li.at {background:#a00c14}

@media all and (max-width:1024px) {
	#bfatImg li.arrow { width:40px; height:40px;}
	#bfatImg li.img {width:calc(50% - 40px)}
	#bfatImg li.img img {width:100%}
}
@media all and (max-width:768px) {
	#bfatImg li.arrow { width:30px; height:30px;}
	#bfatImg li.arrow img {transform: rotate(90deg);}
	#bfatImg li.img {width:100%}
}



#clinic2-16 {display:flex; flex-wrap:wrap; }
#clinic2-16 li {width:49%; margin:0.5%; text-align:left; border:10px solid #f5f8fb; padding:3%;
				display:flex; flex-wrap:wrap; align-items: start; }
#clinic2-16 li img {width:117px}
#clinic2-16 li dl {width:calc(100% - 117px); padding-left:5%}
#clinic2-16 li dl dt {font-size:2.6rem; color:#222; font-weight:700;}
#clinic2-16 li dl dd {padding-top:1em;font-size:1.8rem; line-height:1.6em; }

@media all and (max-width:1280px) {
	#clinic2-16 li {width:100%; margin:0.5% 0; }
}
@media all and (max-width:480px) {
	#clinic2-16 li { border:5px solid #f5f8fb}
	#clinic2-16 li img {width:40%; margin:0 auto}
	#clinic2-16 li dl {width:100%; padding-left:0; padding-top:5%}
}





#memWrap .topwrap {margin-bottom:30px; background:#f5f8fb ; padding:3%; font-size:1.8rem; line-height:1.8em; color:#222;
							text-align:center}
#memWrap .cont {border:10px solid #f5f8fb; padding:3%;}
#memWrap .cont h3 {padding-bottom:0.7em; font-size:2.2rem; color:#222; padding-top:5%;}
#memWrap .cont .t1 {font-size:1.8rem; line-height:1.6em; }
#memWrap .cont .numList {padding-left:1em; margin:1% 0 2%}
#memWrap .cont .numList li {margin:5px 0}
#memWrap .cont .numList li p {font-size:1.8rem; }

@media all and (max-width:768px) {
	#memWrap .topwrap { padding:5%; line-height:1.6em;}
	#memWrap .cont {padding:5%; border:5px solid #f5f8fb; }
	#memWrap .cont .t1 {line-height:1.4em; }
	#memWrap .cont .numList { margin:3% 0 4%}
}



.bgp{margin-top: 4rem; background: #0e3f82; display:inline-block; color: #fff; padding: 1.5rem 3rem; font-size: 2rem; border-radius: 100px;}
br.mo{display: none;}

@media all and (max-width:768px) {
    br.mo{display: block !important;}
    .bgp{margin-top: 3rem;font-size: 1.8rem;}
}