@charset "utf-8";

.navbar{display:none;}
@media screen and (max-width:1280px){
html{font-size:13px;}

.top_cus{width:28%; margin-left:4%; }
.top_login{width:24%; margin-right:4%;}

#header #logo{left:4%; top:23px; margin-left:0;}
.sns_nav{ display:none; right:4%; top:28px; margin-right:0px;}

#menu_navi #menu_area>ul{ float:right; margin:0 4% 0 0; display:table; padding-left:50px;}
#menu_navi #menu_area>ul>li>a{padding:30px 30px;}
#menu_navi #menu_area>ul>li .two_depth>ul>li>a{padding-left:10px;}

.main_visual{height:600px;}
.main_visual_item {height:600px;}
.main_visual_content {width:82%;}

.stand_b .stand_con ul.qmenu_total > li.qmenu1{width:100%; margin-right:0%; background-size: auto;}
.stand_b .stand_con ul.qmenu_total > li{width:49%; height:350px; margin-right:2%; margin-bottom:2%;}
.stand_b .stand_con ul.qmenu_total > li .text{margin-bottom:30px;}
.stand_b .stand_con ul.qmenu_total > li .q_btn{left:4%;}
.stand_b .stand_con ul.qmenu_total > li.qmenu1 .q_btn{left:2%;}


.stand_c .brain-step .bx-controls-direction .bx-prev {left:-40px; margin-top:-20px; width:20px; height:40px; background-position: 0 0; }
.stand_c .brain-step .bx-controls-direction .bx-next {right:-40px; margin-top:-20px; width:20px; height:40px; background-position: 0 -40px; }

.stand_e .stand_total{overflow:visible; width:88%;}
.stand_e .brain-step1 .bx-controls-direction .bx-prev {left:-60px; }
.stand_e .brain-step1 .bx-controls-direction .bx-next {right:-60px;}

.stand_401 .stand_left{padding:40px 50px 50px;}
.stand_401 .stand_left{padding:40px 50px 50px;}
.stand_401 .stand_right .stand_con .cus_info.kakao{font-size:1.3rem;}
.stand_401 .stand_right .stand_con .cus_info.kakao img{ width:40px;}
.stand_401 .stand_right .stand_con .tel .title{text-align:center;}
.stand_401 .stand_right .stand_con .tel .con{font-size:3rem; text-align:center;}


.sub_total{padding:0 4%;}


.page201 .box2 .box_con ul li .box_info .text{font-size:1.2rem; line-height:140%;}

.page301 .box2 .box_con ul li .box_info .text{font-size:1.2rem; line-height:140%;}
.page301 .box3 .box_con ul li .text{height:180px; }

.page504 .box2 .box_con ul li .box_info .num{top:5%; font-size:2.8rem;}
.page504 .box2 .box_con ul li .box_info .icon{left:30%; width:40%; margin-top:-40%;}
.page504 .box2 .box_con ul li .box_info .text{font-size:1.1rem; line-height:140%;}

.phone{display:none;}
.quick_menu{display:none;}
.layerbg{display:none;}

.m_quick_menu{ display:block; position:absolute; z-index:100; right:2%; top:-70px; width:60px; height:60px; overflow:hidden;  }
.m_quick_menu .cus{position:relative; width:100%; overflow:hidden;}
.m_quick_menu .cus a{ display:block; width:100%; height:60px; padding-top:35px; overflow:hidden; border-radius:30px; background:#ffe900 url('../images/m_tel.png') no-repeat center center; text-align:center; letter-spacing:-0.05rem; font-size:1rem; color:#3a1d1d;}
.m_quick_menu .cus a:before{display:block; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; border-radius:30px; overflow:hidden; border:1px solid rgba(0,0,0,0.2); content:'';}
.m_quick_menu .cus a:hover{color:#3a1d1d;}

}
@media screen and (max-width:991px){
html{font-size:12px;}

#header{display:none;}

.navbar-toggler{}

.navbar{display:block; width:100%; min-width:320px; padding:20px 4%; -webkit-transition:height 400ms; transition:height 400ms; border-bottom:1px solid #ddd;}
.container{ max-width:100%;}
.navbar #logo{position:relative;float:left; width:180px; height:40px;}
.navbar #logo img{width:100%;}

.navbar-nav{ padding:20px 0 0; text-align:left; }
.navbar-nav .nav-item{ padding:10px; border-top:1px solid #ddd;}
.navbar-nav .nav-item a{font-weight:700; font-size:1.3rem;}
.navbar-nav .nav-item div a{font-weight:300;}


/* minimize */
.minimize .navbar{ padding:10px 4%; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .12); box-shadow:0 1px 3px rgba(0, 0, 0, .12); }


#middle_wrap{margin:80px auto 0;}

.navbar-expand-lg .navbar-toggler{display: block;}

.main_visual{height:500px;}
.main_visual_item {height:500px;}

.main_visual_content .text1 {font-size:2.3rem;}
.main_visual_content .text2 .line{width:450px;}
.main_visual_content .text3 {font-size:4.6rem;}
.main_visual_content .text4 {font-size:1.6rem;}
.main_visual_content .text4 .main_cus_tel{font-size:3.4rem;}
.main_visual_content .text5 .line{width:450px;}
.main_visual_content .text6 {font-size:1.8rem;}


.stand{padding:7.5% 4%;}
.stand_a .stand_left{width:50%; min-height:500px; overflow:hidden;}
.stand_a .stand_left .stand_title{margin-bottom:2%;}
.stand_a .stand_left .stand_more{right:5%; top:5%;}
.stand_a .stand_right{width:50%; padding:3.5% 3.5%;}
.stand_a .stand_right .stand_title{margin-bottom:2%;}

.stand_b .stand_title{margin-bottom:4.5%; font-size:2.4rem;}

.stand_c .stand_title{margin-bottom:4.5%;}

.stand_d .stand_left{width:calc(100% - 440px);}
.stand_d .stand_right{width:100%; max-width:400px;}

.stand_e{padding:4%;}
.stand_e .stand_total{width:85%;}
.stand_e .brain-step1 .bx-controls-direction .bx-prev {left:-45px; margin-top:-18px; width:36px; height:36px; background-position: 0 0; }
.stand_e .brain-step1 .bx-controls-direction .bx-next {right:-45px; margin-top:-18px; width:36px; height:36px; background-position: 0 -36px; }


.stand_401 .stand_left{padding:40px 60px 45px;}
.stand_401 .stand_left{padding:40px 60px 45px;}
.stand_401 .stand_left{width:100%;}
.stand_401 .stand_right{ position:relative; float:left; width:100%; border:1px solid #ddd; border-top:0;}
.stand_401 .stand_right .stand_con .cus_info.kakao{font-size:1.8rem;}
.stand_401 .stand_right .stand_con .cus_info.kakao img{ width:50px;}
.stand_401 .stand_right .stand_con .tel .title{font-size:2rem; text-align:center;}
.stand_401 .stand_right .stand_con .tel .con{font-size:4.8rem; text-align:center;}


.f_logo{width:100%; margin:0 0 4%;}
.f_logo a{ display:table; margin:0 auto;}
.f_logo img{width:100%; max-width:180px;}

.f_info{width:100%;}
.f_info .f_nav{margin-bottom:10px;}
.f_info .f_nav ul{display:table; margin:0 auto;}
.f_info .info{text-align:center;}
.f_info .info span{padding:0 4px;}

.f_sns{width:100%; margin-top:10px;}
.f_sns ul{float:none; display:table; margin:0 auto;}


.con_title{padding:10% 4%;}
.con_title .title_a{font-size:3rem;}
.con_title .title_b{font-size:1.6rem;}

.tab_nav ul li a{padding:0 40px;}

.sub_title{padding:6% 4% 4%;}
.sub_title{font-size:2.6rem;}
.sub_title:before{width:100px; height:4px; margin-left:-50px;}
.sub_con{padding:8% 0 10%;}


.page101 .box_total .box_title h3{font-size:2.2rem;}
.page101 .box_total .box_title h4{font-size:1.4rem;}
.page101 .box_total .box_img{margin:6% auto 4%;}
.page101 .box_total .box_img .box_left{width:50%;}
.page101 .box_total .box_img .box_right{width:50%; padding:7% 0;}
.page101 .box_total .box_img .box_right .box_info .info1{font-size:1.5rem;}
.page101 .box_total .box_img .box_right .box_info .info2{margin:2.5% 0 4%;}
.page101 .box_total .box_img .box_right .box_info .info2 img{width:180px;}
.page101 .box_total .box_img .box_right .box_info .info3 .tel{width:180px; height:55px; font-size:2.2rem; text-align:center; line-height:53px;}
.page101 .box_total .box_con{padding:0 0 7%; background:url('../images/101_3.png') no-repeat right bottom; background-size:45%;}
.page101 .box_total .box_con .box_left{width:100%; margin-bottom:2%; font-size:2rem;}
.page101 .box_total .box_con .box_right{float:left; width:100%;}

.page102 .box1{padding:0 0 35% 0; background-size:50%;}
.page102 .box1 h3{font-size:2.2rem;}
.page102 .box2 .box_info.info1{width:50%;}
.page102 .box2 .box_info.info2{width:50%;}
.page102 .box2 .box_info .title{margin-bottom:2%;}
.page102 .box2 .box_info .list ul li{margin-bottom:1%;}
.page102 .box2 .box_info.info1 .list ul:first-child{width:100%;}
.page102 .box2 .box_info.info1 .list ul:last-child{width:100%;}
.page102 .box1 .fs2{font-size:1.4rem !important;}

.page103 .box1{padding:0 0 45% 0;}

.page103 .box2{padding:6% 0;}
.page103 .box2 .box_info .title{margin-bottom:2%;}
.page103 .box2 .box_info.info1{float:left; width:40%; overflow:hidden; }
.page103 .box2 .box_info.info2{float:left; width:60%; overflow:hidden; padding-left:40px; border-left:1px solid #e6e6e6;}

.page201 .box_total{margin-bottom:9%;}
.page201 .box_title{margin:0 auto 5%;}
.page201 .box1 .box_img{margin-top:7%; padding:48% 2% 7%; background-size:210%;}
.page201 .box1 .box_con{font-size:2rem;}
.page201 .box1 .box_img .box_info{font-size:1.8rem;}
.page201 .box5 .box_con .title{margin-bottom:3%;}
.page201 .box2 .box_con ul{margin-top:-2%;}
.page201 .box2 .box_con ul li{ position:relative; float:left; width:32%; overflow:hidden; padding-bottom:30%; margin-right:2%; margin-top:2%;}
.page201 .box2 .box_con ul li:nth-child(3n){margin-right:0%;}
.page201 .box2 .box_con ul li:nth-child(4n){margin-right:2%;}
.page201 .box2 .box_con ul li .box_info .text{font-size:1.4rem; line-height:160%;}
.page201 .box5 .box_con .box_left{width:48.5%; }
.page201 .box5 .box_con .box_right{width:48.5%;}
.page201 .box5 .box_con .box_left .list > ul > li{width:100%; margin-right:0%;}
.page201 .box5 .box_con .box_left .list > ul > li:last-child{margin-top:3%;}
.page201 .box5 .box_con .box_right .list > ul > li .l_con .text{ margin-top:3%;}

.page301 .box_total{margin-bottom:9%;}
.page301 .box_title{margin:0 auto 5%;}
.page301 .box1 .box_img{margin-top:7%; padding:48% 2% 7%; background-size:210%;}
.page301 .box1 .box_con{font-size:2rem;}
.page301 .box1 .box_img .box_info{font-size:1.8rem;}
.page301 .box5 .box_con .title{margin-bottom:3%;}
.page301 .box2 .box_con ul{margin-top:-2%;}
.page301 .box2 .box_con ul li{ position:relative; float:left; width:32%; overflow:hidden; padding-bottom:30%; margin-right:2%; margin-top:2%;}
.page301 .box2 .box_con ul li:nth-child(3n){margin-right:0%;}
.page301 .box2 .box_con ul li:nth-child(4n){margin-right:2%;}
.page301 .box2 .box_con ul li .box_info .text{font-size:1.3rem; line-height:160%; }
.page301 .box5 .box_con .box_left{width:48.5%; }
.page301 .box5 .box_con .box_right{width:48.5%;}
.page301 .box5 .box_con .box_left .list > ul > li{width:100%; margin-right:0%;}
.page301 .box5 .box_con .box_left .list > ul > li:last-child{margin-top:3%;}
.page301 .box5 .box_con .box_right .list > ul > li .l_con .text{ margin-top:3%;}

.page504 .box_total{margin-bottom:9%;}
.page504 .box_title{margin:0 auto 5%; font-size:2.8rem;} 
.page504 .box1 .box_img{margin-top:7%; padding:48% 2% 7%; background-size:210%;}
.page504 .box1 .box_con{font-size:2rem;}
.page504 .box1 .box_img .box_info{font-size:1.8rem;}
.page504 .box5 .box_con .title{margin-bottom:3%;}
.page504 .box2 .box_con ul{margin-top:-2%;}
.page504 .box2 .box_con ul li{width:32%; padding-bottom:30%; margin-right:2%; margin-top:2%;}
.page504 .box2 .box_con ul li:nth-child(3n){margin-right:0%;}
.page504 .box2 .box_con ul li:nth-child(4n){margin-right:2%;}
.page504 .box2 .box_con ul li .box_info .num{top:6%; font-size:3.4rem;}
.page504 .box2 .box_con ul li .box_info .icon{left:25%; width:50%; margin-top:-35%;}
.page504 .box2 .box_con ul li .box_info .text{font-size:1.4rem; line-height:160%;}
.page504 .box3 .box_con ul li .text{height:160px;}



}


@media screen and (max-width:768px){
html{font-size:11px;}

.top_cus{width:54%;}
.top_text{display:none;}
.top_login{width:38%;}
.top_login ul li a{padding:0 10px;}

.main_visual{height:450px;}
.main_visual_item {height:450px;}

.main_visual_content .text2 .line{width:400px;}
.main_visual_content .text5 .line{width:400px;}

.stand_a .stand_left{width:100%; min-height:300px; padding:5%;}
.stand_a .stand_left .stand_title .title_a{text-align:center;}
.stand_a .stand_left .stand_title .title_b{ text-align:center;}
.stand_a .stand_right{position:relative; float:left; width:100%; height:auto; min-height:300px; overflow:hidden; right:auto; top:auto; padding:5%;}

.stand_b .stand_con ul.qmenu_total > li{width:100%; margin-right:0%; padding:5%;}
.stand_b .stand_con ul.qmenu_total > li .text{ margin-bottom:30px;}
.stand_b .stand_con ul.qmenu_total > li .q_btn{ left:5%; bottom:5%;}
.stand_b .stand_con ul.qmenu_total > li.qmenu1 .q_btn{ left:5%; bottom:5%;}

.stand_b .stand_con ul.qmenu_total > li .q_btn ul li a{font-size:1.4rem;}

.stand_b .stand_con ul.qmenu_total > li.qmenu1{background-position:right center; background-size:auto;}
.stand_b .stand_con ul.qmenu_total > li.qmenu2{background-position:right bottom; background-size:auto;}
.stand_b .stand_con ul.qmenu_total > li.qmenu3{background-position:right bottom; background-size:auto;}


.stand_c .stand_total{overflow:visible; width:90%;}
.stand_c .brain-step .bx-controls-direction .bx-prev {left:-30px;}
.stand_c .brain-step .bx-controls-direction .bx-next {right:-30px;}

.stand_d .stand_left{float:left; position:relative; left:auto; top:auto; width:100%; height:250px;}
.stand_d .stand_right{width:100%; max-width:none;}
.stand_d .stand_right .stand_title{ text-align:center; font-size:2.2rem; padding-top:3%; padding-bottom:3%; margin-bottom:3%;}
.stand_d .stand_right .stand_con .cus_info{margin-bottom:3%;}
.stand_d .stand_right .stand_con .tel .title{font-size:1.6rem;}
.stand_d .stand_right .stand_con .tel .con{font-size:4rem;}
.stand_d .stand_right .stand_con .sns_btn ul li a{font-size:1.5rem;}
.stand_d .stand_right .stand_con .sns_btn ul li a span{ padding:10% 0 10% 55px;}


.stand_401 .stand_left{padding:30px 40px 35px;}
.stand_401 .stand_right{padding:30px 40px 35px;}


.tab_nav ul li a{padding:0 20px;}

.page102 .box2{padding:5%;}
.page102 .box2 .box_info.info1{width:100%; margin-bottom:5%;}
.page102 .box2 .box_info.info2{width:100%;}

.page103 .box2 .box_info.info1{float:left; width:100%; overflow:hidden; margin-bottom:8%;}
.page103 .box2 .box_info.info1 .list ul li{margin-bottom:0px;}
.page103 .box2 .box_info.info1 .list ul li.add{ margin-bottom:5px;}

.page103 .box2 .box_info.info2{float:left; width:100%; overflow:hidden; padding-left:0px; border-left:0;}
.page103 .box2 .box_info.info2 .list ul li .l_title{width:130px;}
.page103 .box2 .box_info.info2 .list ul li .l_con{width:calc(100% - 130px);}
.page103 .box2 .box_info.info2 .list ul li .l_title .num2{width:18px; height:18px; line-height:18px; font-size:12px;}
.page103 .box2 .box_info.info2 .list ul li .l_title .num3{width:18px; height:18px; line-height:18px; font-size:12px;}

.page201 .box1 .box_con{font-size:1.6rem;}
    .page201 .box1 .box_con br{display: none;}
.page201 .box1 .box_img .box_info{font-size:1.4rem;}
    .page201 .box1 .box_img .box_info br{display: none;}
.page201 .box2 .box_con ul{margin-top:-4%;}
.page201 .box2 .box_con ul li{ position:relative; float:left; width:48%; overflow:hidden; padding-bottom:44%; margin-right:4%; margin-top:4%;}
.page201 .box2 .box_con ul li:nth-child(2n){margin-right:0% !important;}
.page201 .box2 .box_con ul li:nth-child(3n){margin-right:4%;}
.page201 .box2 .box_con ul li .box_info .text{ font-size:1.5rem; line-height:160%;}
.page201 .box3 .box_con ul li .text{height:180px; }
.page201 .box_title{font-size:2.2rem;}
.page201 .box_title .title_b{font-size:1.2rem;}
.page201 .box_title .title_b span{display:inline-block;}
.page201 .box5 .box_con .title{font-size:1.4rem;}

.page301 .box1 .box_con{font-size:1.6rem;}
.page301 .box1 .box_img .box_info{font-size:1.4rem;}
.page301 .box2 .box_con ul{margin-top:-4%;}
.page301 .box2 .box_con ul li{ position:relative; float:left; width:48%; overflow:hidden; padding-bottom:44%; margin-right:4%; margin-top:4%;}
.page301 .box2 .box_con ul li:nth-child(2n){margin-right:0% !important;}
.page301 .box2 .box_con ul li:nth-child(3n){margin-right:4%;}
.page301 .box2 .box_con ul li .box_info .text{ font-size:1.3rem; line-height:160%;}
.page301 .box3 .box_con ul li .text{height:200px; }
.page301 .box_title{font-size:2.2rem;}
.page301 .box_title .title_b{font-size:1.2rem;}
.page301 .box_title .title_b span{display:inline-block;}
.page301 .box5 .box_con .title{font-size:1.4rem;}

.page504 .box1 .box_con{font-size:1.6rem;}
.page504 .box1 .box_img .box_info{font-size:1.4rem;}
.page504 .box2 .box_con ul{margin-top:-4%;}
.page504 .box2 .box_con ul li{ position:relative; float:left; width:48%; overflow:hidden; padding-bottom:44%; margin-right:4%; margin-top:4%;}
.page504 .box2 .box_con ul li:nth-child(2n){margin-right:0% !important;}
.page504 .box2 .box_con ul li:nth-child(3n){margin-right:4%;}
.page504 .box2 .box_con ul li .box_info .num{top:6%; font-size:4em;}
.page504 .box2 .box_con ul li .box_info .icon{margin-top:-30%;}
.page504 .box2 .box_con ul li .box_info .text{ font-size:1.5rem; line-height:160%;}
.page504 .box3 .box_con ul li .text{height:150px; }
.page504 .box_title{font-size:2.2rem;}
.page504 .box_title .title_b{font-size:1.2rem;}
.page504 .box_title .title_b span{display:inline-block;}

}
@media screen and (max-width:480px){
html{font-size:10px;}

.sns_nav{display:none;}

.main_visual{height:380px;}
.main_visual_item {height:380px;}

.main_visual_content .text1 {font-size:1.8rem;}
.main_visual_content .text2 .line{width:100%;}
.main_visual_content .text3 {font-size:3.8rem;}
.main_visual_content .text4 {font-size:1.4rem;}
.main_visual_content .text4 .main_cus_tel{font-size:2.8rem;}
.main_visual_content .text5 .line{width:100%;}
.main_visual_content .text6 {font-size:1.5rem;}

/*.main_visual_content{display:none;}*/
.cycle_controler{ display:none;}
.main_visual_pc_bg {display:none;}
.main_visual_mobile_bg {display:block;}


.stand{padding:10% 4%;}
.stand_a .stand_left .stand_more{ display:none;}

.stand_b .stand_title{font-size:2rem;}
.stand_b .stand_con ul.qmenu_total > li{height:350px;}

.stand_c .stand_total{overflow:visible; width:86%;}
.stand_c .brain-step li .info{height:260px;}
.stand_c .brain-step li .info .more{right:8.5%; bottom:10%; top:auto;}

.stand_d .stand_right .stand_title{font-size:1.2rem;}
.stand_d .stand_right .stand_con .sns_btn ul li a span{ background-size:35px;  padding:10% 0 10% 40px;}


.stand_e .stand_total{width:80%;}
.stand_e .brain-step1 .bx-controls-direction .bx-prev {left:-40px; margin-top:-15px; width:30px; height:30px; background-position: 0 0; }
.stand_e .brain-step1 .bx-controls-direction .bx-next {right:-40px; margin-top:-15px; width:30px; height:30px; background-position: 0 -30px; }

.stand_401 .stand_left{padding:25px 30px 30px;}
.stand_401 .stand_right{padding:25px 30px 30px;}
.stand_401 .stand_right .stand_con .cus_info.kakao{font-size:1.5rem;}
.stand_401 .stand_right .stand_con .cus_info.kakao img{ width:40px;}
.stand_401 .stand_right .stand_con .tel .title{font-size:1.6rem; text-align:center;}
.stand_401 .stand_right .stand_con .tel .con{font-size:4rem; text-align:center;}


.f_info .info span{padding:0 2px;}

.tab_nav ul li a{padding:0 10px; height:50px; line-height:50px;}

.page101 .box_total .box_img .box_left{ position:relative; left:auto; top:auto; float:left; width:100%; height:auto; overflow:hidden; padding-bottom:45%;}
.page101 .box_total .box_img .box_right{ float:left; width:100%; padding:7% 0;}
.page101 .box_total .box_con{padding:0 0 10%; background-size:50%; border-bottom:2px solid #f0f0f0;}
.page101 .box_total .box_con .box_right .sign{ width:60px; margin-top:-8px;}

.page102 .box1 .sign{width:60px; margin-top:-8px;}
.page102 .box2{padding:7% 4%;}

.page103 .box1{padding:0 0 55% 0;}

.page201 .box2 .box_con ul li .box_info .num{font-size:2.6rem;}
.page201 .box2 .box_con ul li .box_info .text{margin-bottom:-33%; font-size:1.2rem; line-height:140%;}
.page201 .box3 .box_con ul li{width:100%; margin-right:0%; margin-top:3%;}
.page201 .box3 .box_con ul li .title{height:auto; padding:5%;}
.page201 .box3 .box_con ul li .text{height:auto;}
.page201 .box5 .box_con .box_left{width:100%; margin-bottom:6%;}
.page201 .box5 .box_con .box_right{width:100%;}
.page201 .box5 .box_con .list > ul > li .l_con{height:auto;}

.page301 .box2 .box_con ul li .box_info .num{font-size:2.6rem;}
.page301 .box2 .box_con ul li .box_info .text{margin-bottom:-33%; font-size:1.1rem; line-height:140%; letter-spacing:-0.07rem;}
.page301 .box3 .box_con ul li{width:100%; margin-right:0%; margin-top:3%;}
.page301 .box3 .box_con ul li .title{height:auto; padding:5%;}
.page301 .box3 .box_con ul li .text{height:auto;}
.page301 .box5 .box_con .box_left{width:100%; margin-bottom:6%;}
.page301 .box5 .box_con .box_right{width:100%;}
.page301 .box5 .box_con .list > ul > li .l_con{height:auto;}

.page504 .box2 .box_con ul li .box_info .num{top:5%; font-size:2.8rem;}
.page504 .box2 .box_con ul li .box_info .icon{left:25%; width:50%; margin-top:-38%;}
.page504 .box2 .box_con ul li .box_info .text{ font-size:1.3rem; line-height:140%;}
.page504 .box3 .box_con ul li{width:100%; margin-right:0%; margin-top:3%;}
.page504 .box3 .box_con ul li .title{height:auto; padding:5%;}
.page504 .box3 .box_con ul li .text{height:auto;}


.mbskin{ margin-top:50px; width:100%; max-width:400px; }

}
@media screen and (max-width:360px){
html{font-size:9px;}

.main_visual{height:320px;}
.main_visual_item {height:320px;}

.tab_nav ul li a{padding:0 8px;}

.page201 .box2 .box_con ul li .box_info .text{font-size:1.1rem; line-height:120%;}

.page301 .box2 .box_con ul li .box_info .text{font-size:1.1rem; line-height:120%;}

.page504 .box2 .box_con ul li .box_info .icon{left:30%; width:40%; margin-top:-36%;}
.page504 .box2 .box_con ul li .box_info .text{ font-size:1.2rem; line-height:140%;}

}