.main {position:relative;}

/*visual*/
.visual {position:relative; width:100%; margin:auto; height:760px; transition:all 0.4s;}
.visual01 {position:relative; width:100%;}
.visual01 .vwrap {position:absolute; top:0; width:100%;}
.visual01 .vtit01 {position:relative; width:640px; left:50%;}
.visual01 .vtit01 .vtit01m p {display: inline-block; font-size: 7.1rem; color: #fff; font-family:'gmarketsans', sans-serif; padding-top: 20px;}
.visual01 .vtit01 .vtit01m span {font-weight: 800; font-size: 7.1rem; color: #fff; font-family: 'gmarketsans', sans-serif;}
.visual01 .vtit01 .vtit01t p {display:inline-block; font-family:'gmarketsans', sans-serif; font-size:3.5rem; font-weight:400; color:#ffc646; line-height:75px; letter-spacing: 2px; margin-left: -90px; background: #123783; width: 630px; height: 70px; margin-top: 130px; text-align: center;}
.visual01 .vtit01 .vtit01b {margin-top:10px;}
.visual01 .vtit01 .vtit01b p { font-size:2.2rem; font-weight:300; line-height:30px; color:#aec0e3; padding-left: 30px;}
.visual01 .vbox01 {background: url(../images/vtit01.png) no-repeat; width: 1095px; height: 205px; position: absolute; top: 130%; left: 50%; transform: translate(-50%, -50%);}
.visual01 .vtit01 p::before {content: ''; border: 0.5px solid #aec0e330; position: absolute; height: 60px; top: 395px; left: 10px;}


.visual02 {position:relative; width:100%;}
.visual02 .vwrap {position:absolute; top:0; width:100%; height: 100%;}
.visual02 .vtit02 {position:relative; left:50%; width:724px; height:170px;}
.visual02 .vtit02 p {font-size: 7.5rem; color: #fff; font-family:'gmarketsans', sans-serif; font-weight: 800; margin-top: 160px;}
.visual02 .vbox02 {position:relative; left:50%; width:730px; height:100px;}
.visual02 .vbox02 p {font-size: 2.1rem; font-weight: 300; color: #aec0e3; padding-left: 40px; margin-top: 10px;}
.visual02 .vbox02 p::before {content: ''; border: 0.5px solid  #aec0e330; position: absolute; height: 80px; top: 5px; left: 10px;}
.visual02 .vtxt02 {display: flex; gap: 10px; position:relative; left:50%; top: 0%; width:790px; margin-top: 20px;}
.visual02 .vtxt02 li {width: 290px; height: 250px;}
.visual02 .vtxt02 li:nth-child(1) {background: url(../images/vtxt02-1.png) no-repeat;}
.visual02 .vtxt02 li:nth-child(2) {background: url(../images/vtxt02-2.png) no-repeat;}


.visual03 {position:relative; top: 0; left: 0; width:100%;}
.visual03 .vwrap {position:absolute; width:100%; top: 0;}
.visual03 .vtxt03 {text-align:left; position:relative; left:50%; width:640px; height: 270px; margin-top: 160px;}
.visual03 .vtxt03 p {font-family:'gmarketsans', sans-serif; font-size:7.7rem; font-weight:800; line-height:90px; color:#fff; letter-spacing: 1px;}
.visual03 .vtxt03 span {font-family:'gmarketsans', sans-serif; color: #ffc646; display: inline-block; font-size: 5.3rem; background: #040a1e; text-align: center; width: 550px; height: 88px; margin-top: 10px; letter-spacing: -1px;}
.visual03 .vtit03 {position: relative; top: 50%; left: 50%; width: 210px; height: 40px;}
.visual03 .vtit03 a {position: absolute; top: 50px; left: 340px; width: 100%; height: 100%;}
.visual03 .vbox03 {position: relative; top: 50%; left: 50%; width: 540px; height: 100px;}
.visual03 .vbox03 p {color: #aec0e3; font-weight: 300; font-size: 2.1rem; margin-left: 50px; margin-top: 30px;}
.visual03 .vbox03 p::before {content: ''; border: 0.5px solid  #aec0e330; position: absolute; height: 75px; top: 10px; left: 10px;}


.visual01 .visualimg {width:100%; height:777px; background:url(../images/visual-01.png) no-repeat center; background-size: cover;}
.visual02 .visualimg {width:100%; height:777px; background:url(../images/visual-02.png) no-repeat center; background-size: cover;}
.visual03 .visualimg {width:100%; height:777px; background:url(../images/visual-03.jpg) no-repeat center; background-size: cover;}

.swiper .swiper-pagination {position: absolute; bottom: 10px !important; display: none;}
.swiper .swiper-pagination-bullet {background-color: #373737; margin: 0 5px !important; display: none;}

.swiper-button-next {display:none !important; position:absolute !important; content:"" !important; top:50% !important; right:0 !important; width:64px !important; height:64px !important; background:url(../images/swiper-arrow.png) no-repeat center; margin-top:-32px !important; z-index: 10 !important; cursor: pointer !important; transform:scale(-1);}
.swiper-button-prev {display:none !important; position:absolute !important; content:"" !important; top:50% !important; left:0 !important; width:64px !important; height:64px !important; background:url(../images/swiper-arrow.png) no-repeat center; margin-top:-32px !important; z-index: 10 !important; cursor: pointer !important;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display:none;}

/*main_container*/
.main_container {position:relative;}
.m_tit {padding:60px 0; text-align:center;}
.m_tit div {font-size:1.8rem; font-weight:500; letter-spacing:0.3em; line-height:13px; color: #5c8fef;}
.m_tit div::before {display:none; position:absolute; content:""; width:113px; height:1px; left:50%; background:#000; margin:6px 0 0 -213px;}
.m_tit div::after {display:none; position:absolute; content:""; width:113px; height:1px; left:50%; background:#000; margin:-6px 0 0 100px;}
.m_tit h1 {font-size:3rem; line-height:40px; font-weight:400; letter-spacing:-0.07em; margin-top:20px;}

/* main01 */
.main01 {position:relative; width:100%; padding-bottom:180px;}

/* main01 덮어써서 추가(공통부분 css) */
.main01 .m_tit div {color: #000;}
.main01 .m_tit h1 {font-family: 'Noto Sans KR', sans-serif; font-size: 5.3rem; line-height: 43px;}

.m01_box {position:relative; width:1260px; margin:auto;}
.m01_box ul {display:-ms-flexbox; display:flex; justify-content:space-between;}
.m01_box ul li {width:295px; height:250px;}
.m01_box ul li:nth-child(1) {background:url(../images/m01-01.png) no-repeat center;}
.m01_box ul li:nth-child(2) {background:url(../images/m01-02.png) no-repeat center; margin-top: 20px;}
.m01_box ul li:nth-child(3) {background:url(../images/m01-03.png) no-repeat center;}
.m01_box ul li:nth-child(4) {background:url(../images/m01-04.png) no-repeat center; margin-top: 20px;}
.m01_box ul li a {display:flex;}
.m01_box .m01_txt {width:230px; height:130px; margin:105px auto; text-align:center; }
.m01_box .m01_wrap {width:230px; height:120px; margin:5px auto;  box-sizing:border-box;}
.m01_box .m01_txt h3 {font-size:2.5rem; font-weight:700; color:#fff; line-height:30px; margin:10px 0; letter-spacing:-0.03em;}
.m01_box .m01_txt .view {width:260px; height:100%; margin:auto; color:#6c6c6c; font-size:1.5rem; font-weight:400; line-height:23px; padding-top: 150px; position: relative; top: 0; left: -10px;} 
.m01_box .m01_txt .view::before {content: ''; border: 1px solid #ffc646; background: #ffc646; width: 1px; height: 80px; position: absolute; top: 50px; left: 120px; transition: 0.3s;}  
.m01_box .m01_txt .view:hover::before {transform: scale(1.3);}

/* main02 */
.main02 {position:relative; width:100%; height:400px; background: #f8f8f8; margin-bottom: 110px;}
.m02_box {position:relative; width:1260px; margin:auto; text-align:center;}
.m02_box ul {display:-ms-flexbox; display:flex; justify-content:space-between; gap: 20px;}
.m02_box ul li {width:400px; height:295px; background:#fff; border-radius: 50px; filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.045));}
.m02_box ul li a {width:100%; height:100%;}
.m02_box ul li .m02_bg {width:100%; height:142px;}
.m02_box ul li:nth-child(1) .m02_bg {background:url(../images/m02-01.png) no-repeat center;}
.m02_box ul li:nth-child(2) .m02_bg {background:url(../images/m02-02.png) no-repeat center;}
.m02_box ul li:nth-child(3) .m02_bg {background:url(../images/m02-03.png) no-repeat center;}
.m02_box ul li:nth-child(4) .m02_bg {background:url(../images/m02-04.png) no-repeat center;}

.m02_box .m02_plus {position:absolute; top:222px; width:40px; height:40px; margin:-20px 0 0 180px; background:#1d738b; border-radius:50px;}
.m02_box .m02_plus span {display:block; width:14px; height:1px; background:#fff; margin: 20px auto 0;}
.m02_box .m02_plus span:last-child {transform:rotate(90deg); margin-top:-1px;}
.m02_box .m02_txt {position:relative; text-align:center;}
.m02_box .m02_txt p {font-size:2.3rem; font-weight:600; line-height:13px; color:#222222; letter-spacing:0.05em; margin: 0 5px;}
.m02_box .m02_txt h3 {font-size:1.8rem; font-weight:400; line-height:23px; color:#6c6c6c; margin-top: 20px;}

/* main03 */
.main03 {position:relative; width:100%; height:580px;}
.m03_box {position:relative; width:1260px; margin:auto;}
.m03_box ul {display:-ms-flexbox; display:flex; justify-content:space-between;}
.m03_box ul li {width:390px; height:300px; position: relative; top: 0; left: 0;}
.m03_box ul li a {width:100%; height:100%;}
.m03_box ul li .m03_bg {width:100%; height:100%;}
.m03_box ul li:nth-child(1) .m03_bg {background:url(../images/m03-01.png) no-repeat center;}
.m03_box ul li:nth-child(2) .m03_bg {background:url(../images/m03-02.png) no-repeat center;}
.m03_box ul li:nth-child(3) .m03_bg {background:url(../images/m03-03.png) no-repeat center;}
.m03_box .m03_txt {position:absolute; top: 210px; left: 30px; background :#fff; text-align:left; padding-left: 25px; width: 365px; height: 160px;}
.m03_box .m03_txt p {font-size:1.3rem; font-weight:400; line-height:13px; color:#5c94ff; letter-spacing:0.05em; margin:25px 0 5px;}
.m03_box .m03_txt h3 {font-size:2.6rem; font-weight:800; line-height:25px; color:#000;}
.m03_box .m03_txt h4 {font-size:1.6rem; font-weight:300; line-height:25px; color:#6c6c6c; margin-top: 23px; letter-spacing: -0.3px;}


/* main04 */
.main04 {position:relative; background:linear-gradient(to right, #5c85d3 60%, #FFF 40%); width:100%; height:520px; transition:all 0.4s;}
.main04 .bgs {position:relative; background:linear-gradient(to bottom, rgba(255,255,255,0) 67%, #FFF 33%);}
.m04_box {display:flex; justify-content: flex-end; position:relative; width:100%; max-width: 1920px; margin: auto; /*background: url(../images/m04-bg.png) no-repeat;*/ }
.m04_box .m04_map {width:940px; height:490px; background:url(../images/m04-map.png) no-repeat ; margin-top:30px; margin-left: -220px;}
.m04_box .m04_txt {display:inline-block; width:870px; height:360px; margin-left: 10px;}
.m04_box .m04_txt h5 {font-size:2.3rem; font-weight:500; color:#194264; line-height:23px; margin:18px 0;}
.m04_box .m04_txt hr {width:430px; height:1px; background:#c4d2de; margin-top: 20px; border:0;}
.m04_box .m04_txt .m04_tel {text-align:left; padding-top:25px;}
.m04_box .m04_txt .m04_tel p {font-family:'Gmarket Sans' ,sans-serif; color:#fff; font-size:4.8rem; line-height:48px; font-weight:700; letter-spacing: -1px; }
.m04_box .m04_txt .m04_tel p span {font-size: 2rem; margin-top: 10px; letter-spacing: 1px; margin-right: 5px;}
.m04_box .m04_txt .m04_tel span.sub-tel {font-size: 1.55rem; color: #fff; display: inline-block; margin-top: 5px; font-weight:500;}
.m04_box .m04_txt .m04_time {text-align:left; padding-top: 30px; white-space: nowrap;}
.m04_box .m04_txt .m04_time dt {display:inline-block; width:100px; font-size:1.9rem; line-height:20px; font-weight:600; color:#c0cee7; margin:0 0 15px 0; word-spacing:2.1em;}
.m04_box .m04_txt .m04_time dt.sat {word-spacing:0.4em;}
.m04_box .m04_txt .m04_time dt.lunch {word-spacing:-0.1em;}
.m04_box .m04_txt .m04_time dd {display:inline-block; width:300px; font-size:1.85rem; line-height:20px; font-weight:500; letter-spacing:-0.04em; color:#fff;}
.m04_box .m04_txt .m04_time dd span {font-size:1.5rem; font-weight:400;}
.m04_box .m04_txt .m04_place {text-align:left; padding-left:25px;}
.m04_box .m04_txt .m04_place p {font-size:1.4rem; line-height:23px; font-weight:300; color:#191919; letter-spacing:-0.05em; margin-left: -32px;}
.m04_box .m04_txt .m04_place p span {font-size:1.5rem;}
.m04_box .m04_txt .m04_more {width:100%; height:49px; margin-top: 70px; margin-bottom: 20px; margin-left: -7px;}
.m04_box .m04_txt .m04_more a {font-size:2.2rem; font-weight:500; color:#fff; line-height:49px;}

@media (max-width: 1279px){
/*visual*/
.visual {height:800px;}
.visual01 .vwrap {top:170px; left: 20%;}
.visual01 .vtit01 {width: 40%; left: 0; margin: auto;}
.visual01 .vtit01 .vtit01t {width:620px; height:94px;  margin-top:0; margin-left: -60px;}
.visual01 .vtit01 .vtit01t p {font-size:2.6rem; line-height:32px; padding:15px 0 0 5px; width: 425px; height: 45px; margin-top: 50px; margin-left: -50px; letter-spacing: 1px;}
.visual01 .vtit01 .vtit01m {width:410px; height:70px; margin-left: -65px;}
.visual01 .vtit01 .vtit01m span,
.visual01 .vtit01 .vtit01m p {font-size: 5rem; padding-top: 30px; letter-spacing: 1.5px;}
.visual01 .vtit01 .vtit01b {margin-top:4px; margin-left: -60px;}
.visual01 .vtit01 .vtit01b p {font-size:1.5rem; line-height:20px; padding: 90px 0px 0px 25px;}
.visual01 .vtit01 p::before {top: 245px; left: -60px; height: 50px;}
.visual01 .vbox01 {left:30%; width:740px; height:140px; margin:10px auto 0; background:url(../images/vtit01-768.png) no-repeat center;}
.visual01 .vbox01  .vicon01 {padding-top:14px; height:91px;}
.visual01 .vbox01  .vicon01 li {margin-left:-12px; width:77px; height:77px;}
.visual01 .vbox01  .vicon01 li:nth-child(odd) {margin-left:-12px; width:77px; height:77px;}
.visual01 .vbox01  .vicon01 li h5 {font-size:1.95rem; line-height:23px; margin-top:15px;}
.visual01 .vbox01  .vicon01 li .icon {margin-top:8px; line-height:40px;}
.visual01 .vbox01  .vicon01 li .icon img {height:40px;}
.visual01 .vbox01  .vicon01 li p {font-size:1.25rem;}
.visual01 .vboxt01 {width:501px; height:69px; background:url(../images/vboxt01-768.png) no-repeat center;}

.visual02 .vwrap {top:377px;}
.visual02 .vtit02 {left:0; width:620px; height:132px; background:url(../images/vtit02-768.png) no-repeat center; margin:30px auto 0;}
.visual02 .vtit02 p {margin-top: -170px; margin-left: 38%; font-size: 5.4rem;}
.visual02 .vbox02 {left:0; width:720px; height:80px; margin:5px auto 0;}
.visual02 .vbox02 p {font-size: 1.6rem; padding-left: 44%;}
.visual02 .vbox02 p::before {height: 70px; top: -10px; left: 41%;}
.visual02 .vtxt02 {left:44%; top: -4%; margin:0; width:420px; height:190px;}
.visual02 .vtxt02 ul {padding-top:0;}
.visual02 .vtxt02 ul li { font-size:2.17rem; line-height:35px; width: 200px; height: 190px;}
.visual02 .vtxt02 ul li::before {font-size:2rem; line-height:35px;}



.visual02 .vtxt02 li:nth-child(1) {background: url(../images/vtxt02-01-768.png) no-repeat center;}
.visual02 .vtxt02 li:nth-child(2) {background: url(../images/vtxt02-02-768.png) no-repeat center;}

.visual03 .vwrap {top:230px;}
.visual03 .vtit03 {display: none;} 
.visual03 .vtxt03 {left:0; height: 190px; width:520px; margin:35px auto 0}
.visual03 .vtxt03 p {font-size:5.3rem; line-height:60px; padding-left:36%;}
.visual03 .vtxt03 span {width: 395px; height: 65px; font-size: 3.9rem;}
.visual03 .vbox03 { width: 690px; height: 80px; left:0; margin: 30px auto 0;}
.visual03 .vbox03 p {font-size: 1.7rem; margin-left: 0px; margin-top: 25px; padding-left:46%;}
.visual03 .vbox03 p::before {height: 65px; top:0; left:42%}

.visual01 .visualimg {height:800px; background:url(../images/visual01-768.png) no-repeat center;}
.visual02 .visualimg {height:800px; background:url(../images/visual02-768.png) no-repeat center;}
.visual03 .visualimg {height:800px; background:url(../images/visual03-768.jpg) no-repeat center;}

.swiper-button-next {width:60px !important; height:60px !important; background-size:cover !important; margin-top:-30px !important;}
.swiper-button-prev {width:60px !important; height:60px !important; background-size:cover !important; margin-top:-30px !important;}

.m_tit {padding:50px 0 40px 0;}
.m_tit div::before {width:63px; margin:6px 0 0 -163px;}
.m_tit div::after {width:63px;}
.m_tit h1 {font-size:4rem; line-height:53px;}

.main01 {margin-bottom:0; margin-top: -20px; padding:0px 0 0px; height: 330px;}
.m01_box {width:750px;}
.m01_box ul li {width: 180px; height: 150px; border-radius:0; }
.m01_box ul li a {height:290px;}
.m01_box ul li:nth-child(2), 
.m01_box ul li:nth-child(4) {margin-top: 0;}
.m01_box .m01_txt .view {display: none;}
.m01_box .m01_txt {margin:60px auto;}
.m01_box .m01_txt h3 {font-size: 1.8rem; font-weight: 500; line-height: 20px;}
.m01_box .m01_wrap {width: 90px; height: 40px;}
.main01 .m_tit {padding-top: 0;}
.main01 .m_tit h1 {font-size: 5rem;}

.main02 {height:230px; background:#f8f8f8; padding:40px 0;}
.main02 .m_tit {padding: 20px 0 40px;}
.main02 .m_tit h1 {font-size: 2.6rem; line-height: 40px; letter-spacing: 0;}
.m02_box {width:740px;}
.m02_box ul {gap: 10px; }
.m02_box ul li {width:180px; height:155px; border-radius: 30px;}
.m02_box ul li .m02_bg {width: 100px; height:80px; margin: 15px auto;}
.m02_box .m02_plus {top:172px; width:32px; height:32px; margin:-16px 0 0 109px;}
.m02_box .m02_plus span {margin:16px auto 0;}
.m02_box .m02_txt p {font-size:1.8rem; line-height:11px; margin:22px 0 5px; letter-spacing: -0.1em;}
.m02_box .m02_txt h3 {display: none;}

.main03 {height:220px; background:#fff; padding:10px 0;}
.main03 .m_tit {padding: 0;}
.m03_box {width:740px;}
.m03_box .m03_txt {top: 140px; left: 20px; padding-left: 20px; width: 210px; height: 60px;}
.m03_box .m03_txt h3 {font-size: 2rem;}
.m03_box .m03_txt h4 {display: none;}
.m03_box ul li {width:240px; height:260px; transition:all 0.4s;}
.m03_box ul li .m03_bg {width: 240px; height: 190px; background-size:cover !important;}
.m03_box ul li:nth-child(1) .m03_bg {background-position-x:-50px;}
.m03_box ul li:nth-child(3) .m03_bg {background-position-x:-10px;}
.m03_box .m03_txt p {font-size:1.1rem; line-height:11px; margin:15px 0 5px;}


.main04 {padding:0px 0 0px; width: 768px; height: auto; margin: auto; background: none;}
.m04_box {width:768px; flex-direction:column-reverse;}
.m04_box .m04_map {width:730px; height:345px;  overflow: hidden; margin: 20px 0px 0px 20px;}
.m04_box .m04_txt {width:768px; margin-left: 0; height:auto; background: linear-gradient(to bottom, #5c85d3 70%, #FFF 30%); margin-top: -70px;}
.m04_box .m04_txt hr {width:680px; margin: auto; margin-top: 15px;}
.m04_box .m04_txt .m04_time dd { width:170px; text-align: left;}
.m04_box .m04_txt .m04_place p span {font-size:1.8rem;}
.m04_box .m04_txt .m04_more {margin: 40px 0px 20px 0;;}
.m04_box .m04_txt .m04_tel,
.m04_box .m04_txt .m04_more,
.m04_box .m04_txt .m04_place p {text-align: center; font-size: 1.6rem; line-height: 25px;}
.m04_box .m04_txt .m04_time {text-align: left; white-space: initial; width: 92%; margin: auto; padding-top: 80px;}
.m04_box .m04_txt .m04_tel span.sub-tel {margin-top: 0; letter-spacing: -1px;}
.m04_box .m04_txt .m04_time dl {display: flex; flex-wrap: wrap; height: 75px; width: 90%; justify-content: space-between; margin: auto;}
.m04_box .m04_txt .m04_time dl dd.sun {padding-right: 22px;}


.m04_map #map {width:738px !important; height:358px !important;}

}

@media (max-width: 768px){
/*visual
.visual01 .visualimg {height:340px; background:url(../images/visual01-768.png) no-repeat center;}
.visual02 .visualimg {height:340px; background:url(../images/visual02-768.png) no-repeat center;}
.visual03 .visualimg {height:340px; background:url(../images/visual03-768.png) no-repeat center;}*/
}

@media (max-width: 767px){

/* .swiper .swiper-pagination {position: absolute; left:44% !important; bottom: 10px !important; display: flex; z-index:10;}
.swiper .swiper-pagination-bullet {background-color: #373737; margin: 0 5px !important; display: block;} */
    

.visual {height:290px;}
.visual01 .vwrap {top:-10px; left: 20%;}
.visual01 .vtit01 {width:40%; left: 0; top: 70px;}
.visual01 .vtit01 .vtit01t {width:220px; height:30px; margin-left: -77px; }
.visual01 .vtit01 .vtit01t p {width: 100%; height: 100%; font-size:1.35rem; letter-spacing: 0; line-height:15px; padding:10px 0; box-sizing: border-box; margin-left: 0; margin-top: 0; }
.visual01 .vtit01 p::before {display: none;}
.visual01 .vtit01 .vtit01m {width: 240px; height: 60px; padding-top: 20px; padding-left: 2%;}
.visual01 .vtit01 .vtit01m span,
.visual01 .vtit01 .vtit01m p {font-size: 2.3rem; letter-spacing: 1px; padding-top: 0;}
.visual01 .vtit01 .vtit01m span {font-size: 2.45rem;}
.visual01 .vtit01 .vtit01b p {display: none; font-size:1.5rem; line-height:15px;}
.visual01 .vbox01 {top: 205%; width:320px; height:80px; margin:0 auto; background:url(../images/vtit01-340.png) no-repeat center;}
.visual01 .vbox01  .vicon01 {padding-top:7px; height:50px;}
.visual01 .vbox01  .vicon01 li {margin-left:-7px; width:43px; height:43px;}
.visual01 .vbox01  .vicon01 li:nth-child(odd) {margin-left:-7px; width:43px; height:43px;}
.visual01 .vbox01  .vicon01 li h5 {font-size:1rem; line-height:15px; margin-top:8px; margin-left:-5px;}
.visual01 .vbox01  .vicon01 li .icon {margin-top:5px; line-height:20px;}
.visual01 .vbox01  .vicon01 li .icon img {height:20px;}
.visual01 .vbox01  .vicon01 li p {font-size:0.8rem; height:10px;}
.visual01 .vboxt01 {width:320px; height:80px; background:url(../images/vboxt01-340.png) no-repeat center;}

.visual02 .vwrap {top:200px;}
.visual02 .vtit02 {width:330px; height:83px; background:url(../images/vtit02-340.png) no-repeat center; margin:40px auto;}
.visual02 .vtit02 p {font-size: 2.8rem; line-height: 34px; margin-left: 35%;}
.visual02 .vbox02 {width:284px; height:67px; background:url(../images/vbox02-340.png) no-repeat center; margin:0 auto; display: none;}
.visual02 .vtxt02 {margin:5px auto 0; width:240px; height:auto; left: 4%; top: -8%;}
.visual02 .vtxt02 ul {padding-top:0;}
.visual02 .vtxt02 ul li {font-size:1.3rem; line-height:19px; margin-right:10px;}
.visual02 .vtxt02 ul li::before {font-size:1.3rem; line-height:19px;}
.visual02 .vtxt02 li:nth-child(1) {background: url(../images/vtxt02-01-340.png) no-repeat center; width: 130px; height: 100px;}
.visual02 .vtxt02 li:nth-child(2) {background: url(../images/vtxt02-02-340.png) no-repeat center; width: 130px; height: 100px;}

.visual03 .vwrap {top:118px;}
.visual03 .vtit03 {width:330px; height:131px; background:url(../images/vtit03-340.png) no-repeat center; margin:0 auto; display: none;}  
.visual03 .vbox03 {display: none;}
.visual03 .vtxt03 {width:250px; height: 120px; margin:0 auto;}
.visual03 .vtxt03 p {font-size:2.8rem; letter-spacing: 0; line-height:35px; padding-left:56px; text-align: right;}
.visual03 .vtxt03 span {font-size: 2.3rem; width: 235px; height: 35px; }
 
.visual01 .visualimg {height:290px; background:url(../images/visual01-340.png) no-repeat center; background-size: cover;}
.visual02 .visualimg {height:290px; background:url(../images/visual02-340.png) no-repeat center; background-size: cover;}
.visual03 .visualimg {height:290px; background:url(../images/visual03-340.jpg) no-repeat center; background-size: cover;}  

.swiper-button-next {width:42px !important; height:42px !important; margin-top:-21px !important;}
.swiper-button-prev {width:42px !important; height:42px !important; margin-top:-21px !important;}

.m_tit {padding:0 0 20px 0;}
.m_tit div {height:10px; font-size:1.5rem; line-height:10px; letter-spacing:0.1em;}
.m_tit div::before {width:43px; margin:5px 0 0 -103px;}
.m_tit div::after {width:43px; margin:-5px 0 0 60px;}
.m_tit h1 {font-size:2.7em; line-height:27px; margin-top:5px; letter-spacing:-0.03em;}

.main01 {padding:60px 0 20px; box-sizing: border-box; height: 430px; margin-top: 0;}
.main01 .m_tit {padding-top: 0; padding-bottom: 5px;}
.main01 .m_tit h1 {font-size: 2.4rem; line-height: 35px; margin-top: 3px;}
.m01_box {width:340px; }
.m01_box ul {flex-wrap: wrap; margin: 10px;}
.m01_box ul li {width: 160px; height: 130px; border-radius: 0; }
.m01_box ul li:nth-child(1) {background:url(../images/m01-01-340.png) no-repeat center; margin-bottom: 5px;}
.m01_box ul li:nth-child(2) {background:url(../images/m01-02-340.png) no-repeat center; margin-bottom: 5px;}
.m01_box ul li:nth-child(3) {background:url(../images/m01-03-340.png) no-repeat center;}
.m01_box ul li:nth-child(4) {background:url(../images/m01-04-340.png) no-repeat center;}
.m01_box ul li a {height:190px;}
.m01_box .m01_txt {height:90px; margin:55px auto;}
.m01_box .m01_wrap {width:155px; height:80px;}
.m01_box .m01_txt h3 {font-size:2rem; line-height:21px; margin:5px 0 10px;}
.m01_box .m01_txt h3 br {display:none;}
.m01_box .m01_txt .view {width:60px; height:18px; font-size:1rem; line-height:18px;}

.main02 {padding: 10px 0 160px 0; height: 140px;}
.main02 .m_tit {padding: 20px 0 15px;}
.main02 .m_tit h1 {font-size: 1.7rem; line-height: 21px; margin-top: 10px; letter-spacing: -0.5px; letter-spacing: -1px;}
.m02_box {width:340px;}
.m02_box ul {flex-wrap:wrap; justify-content: center; gap: 7px;}
.m02_box ul li {width:160px; height:130px; border-radius: 10px;}
.m02_box ul li .m02_bg {width: 75px; height: 80px; margin: 9px auto;}
.m02_box ul li:nth-child(1) .m02_bg {background:url(../images/m02-01-340.png) no-repeat center; margin-bottom: 5px;}
.m02_box ul li:nth-child(2) .m02_bg {background:url(../images/m02-02-340.png) no-repeat center; margin-bottom: 5px;}
.m02_box ul li:nth-child(3) .m02_bg {background:url(../images/m02-03-340.png) no-repeat center;}
.m02_box ul li:nth-child(4) .m02_bg {background:url(../images/m02-04-340.png) no-repeat center;}

.m02_box .m02_plus {top:unset; margin:-16px 0 0 66.5px;}
.m02_box .m02_txt h3 {font-size:2.2rem; line-height:22px;}
.m02_box .m02_txt p {margin: 0; font-size: 1.6rem;}

.main03 {padding:15px 0; height: 720px;}
.m03_box {width:340px;}
.m03_box ul {flex-wrap:wrap;}
.m03_box ul li {width:100%; height:100%; margin-bottom:15px;}
.m03_box ul li:last-child {margin-bottom:0px;}
.m03_box ul li .m03_bg {height:152px; background-size:cover !important; margin: auto;}
.m03_box .m03_txt {width: 280px; top: 180px; left: 40px;}
.m03_box .m03_txt p {margin: 10px 0 5px;}
.m03_box ul li:nth-child(1) .m03_bg {background:url(../images/m03-01-340.png) no-repeat center; width: 300px; height: 230px}
.m03_box ul li:nth-child(2) .m03_bg {background:url(../images/m03-02-340.png) no-repeat center; width: 300px; height: 230px}
.m03_box ul li:nth-child(3) .m03_bg {background:url(../images/m03-03-340.png) no-repeat center; width: 300px; height: 230px}
.m03_box .m03_txt h3 {font-size:2.2rem; line-height:22px;}

.main04 {padding:20px 0 0 0; width: 340px; height: 680px; position: relative; top: 0; left: 0;}
.m04_box {width:340px; height: 100%;}
.m04_box .m04_map {width:340px; height:190px; margin: 0; z-index: 9;}
.m04_box .m04_txt {width:340px; height: 490px; background: linear-gradient(to bottom, #5c85d3 68%, #FFF 32%);}
.m04_box .m04_txt h5 {font-size:2rem; line-height:20px; margin:20px 0 10px; letter-spacing:0.05em;}
.m04_box .m04_txt hr {width:280px; margin-top: 65px;}
.m04_box .m04_txt .m04_tel {padding:10px 0 0px 0;}
.m04_box .m04_txt .m04_tel p {font-size:3.8rem; line-height:35px; font-weight: 800;}
.m04_box .m04_txt .m04_tel span.sub-tel {margin-top: -3px;}
.m04_box .m04_txt .m04_time {text-align:left; padding-left:10px; width: 88%;}
.m04_box .m04_txt .m04_time dt {width:83px; margin:0 13px 15px 0; font-weight: 300; line-height: 18px;}
.m04_box .m04_txt .m04_time dt:nth-child(3) {float:left;}
.m04_box .m04_txt .m04_time dd {width:180px; letter-spacing:-0.02em; margin-bottom:15px; font-weight: 400; line-height: 18px;}
.m04_box .m04_txt .m04_time dl dd.sun {width: 160px;}
.m04_box .m04_txt .m04_time dd span {display:block; padding-top:3px;}
.m04_box .m04_txt .m04_time dl {width: 94%;}
.m04_box .m04_txt .m04_place p {width: 90%; margin: auto; word-break: auto-phrase; font-size: 1.7rem;}
.m04_box .m04_txt .m04_more {height:45px; margin:40px auto 20px;}
.m04_box .m04_txt .m04_more a {font-size:2rem; line-height:45px;}

.m04_map #map {width:338px !important; height:208px !important;}
}

@media (max-width: 340px){
/*visual
.visual01 .visualimg {height:340px; background:url(../images/visual01-340.png) no-repeat center;}
.visual02 .visualimg {height:340px; background:url(../images/visual02-340.png) no-repeat center;}
.visual03 .visualimg {height:340px; background:url(../images/visual03-340.png) no-repeat center;}   */
}