@media all and (max-width: 1400px) {
	#header .top_header{width:100%;left:0px;margin-left:0%;}
	#header .navi_area .navi{width:100%;}
	#header .top_header .tel{right:175px;}
	#header .top_header .reservation{right:10px;}
	#header .navi_area{}
	#header .navi_area .navi ul li p a{font-size:16px;}
	#header .navi_area .navi ul{display:inline-block;text-align:center;font-size: 0; }
	#header .navi_area .navi ul li{display:inline-block;float:none;font-size:0px;line-height:0px;font-size: 0; }
	.main_box .mainVisual{width:100%;}

	.main_box .mainVisual .obj{left:30px;}
	.main_box .mainVisual .txt1{left:388px;}
	.main_box .mainVisual .txt2{left:388px;}
	.main_box .mainVisual .txt3{left:388px;}
	.main_box .mainVisual .icon{left:auto;right:10px;}
	.main_box .mainVisual .btn_go{left:388px;}

	.m_area1{width:auto;padding-left:10px;padding-right:10px;}
	.m_area1 .pic_area ul{width:100%;}
	.m_area1 .pic_area li{width:19%;margin-right:1%;}
	.m_area1 .pic_area li img{width:100%;}
	.m_area_realtime .box{width:100%;}
	.m_area_realtime .box .txt_area{left:10px;}

	.m_area2{width:auto;padding-left:10px;padding-right:10px;}
	.m_area2 .pic_area ul{width:100%;}
	.m_area2 .pic_area li{width:19%;margin-right:1%;}
	.m_area2 .pic_area li img{width:100%;}

	.m_area3{height:498px;}
	.m_area3 .con1{width:100%;height:498px;}
	.m_area3 .con1 .ttl_area{left:10px;}
	.m_area3 .con1 .ttl_logo{left:30px;top:auto;bottom:10px;}
	.m_area3 .con1 .ttl_logo img{width:100%;}
	.m_area3 .con1 .list1 {padding-top:60px;margin-bottom:15px;}
	.m_area3 .con1 .list1 li{margin-bottom:20px;}

	.m_area4 .con1{width:auto;padding-left:10px;padding-right:10px;}
	.m_area4 .con1 .list_area{width:auto}
	.m_area4 .con1 .list_area .list1 li{width:30%;margin-right:3%;}


	.m_area5{width:auto;padding-left:10px;padding-right:10px;}
	.m_area5 .pic_area ul{width:100%;}
	.m_area5 .pic_area li{width:19%;margin-right:1%;}
	.m_area5 .pic_area li img{width:100%;}

	.m_area6{width:auto;padding-left:10px;padding-right:10px;}
	.m_area6 .pic_area ul li{width:32%;margin-right:1%;}
	.m_area6 .pic_area ul li div img{width:100%;}

	.m_area7{width:auto;padding-left:10px;padding-right:10px;}
	.m_area7 .pic_area ul{width:auto}

	.m_area8{width:auto;padding-left:10px;padding-right:10px;}
	.m_area8 .txt_area2{padding-left:90px;}

	#footer_float .box{width:auto}
	#footer_float .box .agree_area{padding-left:0px;;text-align:center;}
	#footer_float .box .agree_area2{right:auto;top:auto;position:relative;text-align:Center;margin-top:20px;}

	#footer_float .box .f_content .input_area{text-align:center;}
	#footer_float .box .f_content .input_area .select.field1{padding-left:0px;}
	#footer_float .box .f_content .input_area .input.field2{padding-left:0px;}
	#footer_float .box .f_content .input_area .input.field3{padding-left:0px;}
	#footer_float .box .f_content .input_area .select.field1 label{width:auto;position:relative;left:auto;vertical-align:middle;padding-left:10px;}
	#footer_float .box .f_content .input_area .select.field1 select{width:auto;margin-top:0px;height:27px;vertical-align:middle}
	#footer_float .box .f_content .input_area .input.field2 label{width:auto;position:relative;left:auto;vertical-align:middle;padding-left:10px;}
	#footer_float .box .f_content .input_area .input.field2 input{width:200px;margin-top:0px;height:27px;vertical-align:middle}
	#footer_float .box .f_content .input_area .input.field3 label{width:auto;position:relative;left:auto;vertical-align:middle;padding-left:10px;}
	#footer_float .box .f_content .input_area .input.field3 input{width:200px;margin-top:0px;height:27px;vertical-align:middle}
	#footer_float .box .f_content .input_area button{width:180px;}
	#footer_float.fixed .close_btn{z-index:100}



	.sub_visual{width:100%;background-size:cover}
	.sub_visual .icon{left:30px;}
	.sub_visual .obj{left:330px;}
	.sub_visual .txt1{left:auto;right:10px;}
	.sub_visual .txt2{left:auto;right:10px;}

	.sub_contents{width:auto;padding-left:15px;padding-right:15px;}


	.sbox .pic_area ul{width:100%;}
	.sbox .pic_area ul li{width:19%;margin-right:1%;}
	.sbox .pic_area ul li img{width:100%;}


}
@media all and (max-width: 1200px) {
	#header .navi_area .navi ul li p a{padding:0px 10px;}
}
@media all and (max-width: 1100px) {
	#header .navi_area .navi ul li p a{font-size: 12px;font-weight:400}

	.main_box .mainVisual .txt1{font-size:36px;top:50px;}
	.main_box .mainVisual .txt2{font-size:28px;}
	.main_box .mainVisual .txt3{font-size:16px;}
	.main_box .mainVisual .icon{top:300px;}


	#footer_float .box .f_content .input_area .select label{font-size:14px;font-weight:400;margin-right:10px;}
	#footer_float .box .f_content .input_area .input label{font-size:14px;font-weight:400;margin-right:10px;}
	#footer_float .box .f_content .input_area .select.field1 select{width:100px;font-size:14px;}
	#footer_float .box .f_content .input_area .input.field2 input{width:100px;font-size:14px;}
	#footer_float .box .f_content .input_area .input.field3 input{width:100px;font-size:14px;}
	.sub_visual .txt1{font-size:24px;}
	.sub_visual .txt2{font-size:18px;}


}
@media all and (max-width: 800px) {
	#header{height:auto;}
	#header .top_slider{position:relative;font-size:12px;height:auto;line-height:20px;}
	#header .top_header{top:20px;height:60px;border-bottom:1px solid #dedede;background:#fff;}
	#header .navi_area{display:none}
	#header .top_header .logo{width:180px;height:60px;top:3px;left:10px;background-size:100%}
	#header .top_header .reservation{display:none}
	#header .top_header .tel p{display:none}
	#header .top_header .tel{background: #fff;width: 30px;text-align: right;position: absolute;top: 57%;right:75px;transform: translateY(-50%);height:40%;}
	#header .top_header .tel:before{display: inline-block;  vertical-align: middle;  width: 20px;  height: 20px;  content: "";background: url("/images/new/icon_call.svg") 50% 50% no-repeat;background-size: cover;}
	#header .top_header .tel:after{display:none}
	#header .m_btn{position: absolute;  top: 2px;  right: 10px;  width: 50px;  height: 60px; z-index:10;display:block}
	#header .m_btn:before {
	  display:block;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  width: 28px;
	  height: 22px;
	  content: "";
	  transform: translate(-50%, -50%);
	  background: url("/images/new/mo_icon_menu_bk.png") 50% 50% no-repeat;
	  background-size: cover;
		
	}

	#body_box #subMenu{position:fixed;left:0%;top:0px;height:100%;width:100%;;z-index:999;display:none}
	#body_box #subMenu .s_box {padding:80px 25px 10px 25px;}
	#body_box #subMenu .s_box .mgnb{padding:0px 0px;}
	#body_box #subMenu .s_box .mgnb .sgnb{padding-top:43px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.depth1{margin-bottom:10px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.depth1 p{}
	#body_box #subMenu .s_box .mgnb .sgnb li.depth1 p a{display:block;font-weight:400px;font-size:24px;color:#a32b08;line-height:40px;font-family:'GmarketSansMedium';}
	#body_box #subMenu .s_box .mgnb .sgnb li.depth2{margin-bottom:10px;}
	#body_box #subMenu .s_box .mgnb .sgnb li.depth2 p{}
	#body_box #subMenu .s_box .mgnb .sgnb li.depth2 p a{display:block;font-weight:400px;font-size:24px;color:#000000;line-height:40px;font-family:'GmarketSansMedium';}


	#body_box #subMenu{background:#fff;}
	#body_box #subMenu #menu{position: absolute;  top: 10px;  right: 10px;  width: 50px;height: 60px;top: 9px;background: transparent;border:0px;outline:0px;}
	#body_box #subMenu #menu span{display:none}
	#body_box #subMenu #menu:before {
	  display: block;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  content: "";
	  transform: translate(-50%, -50%);
	  width: 22px;
		height: 22px;
	  background: url("/images/new/mo_icon_close.png") 50% 50% no-repeat;
	  background-size: cover;
	}
	#body_box #subMenu .customer{right: 25px;position: absolute;top:0px;left: 25px;text-align:left;border-bottom:1px solid #000;height:80px;}
	#body_box #subMenu .customer .registration{border-color: #812B29;position: absolute;    top: 40px;    left:0px;  transform: translateY(-50%);display: inline-block;
    min-width: 130px;
    min-height: 33px;border-radius: 5px;text-align: center;margin-top: 1px;
  margin-right: 30px;
  line-height: 29px;background: transparent;}

	#body_box #subMenu .customer .registration span{color: #812B29;font-size: 14px;}

	.main_box{padding-top:81px}
	.main_box .mainVisual{background-size:cover;height:550px;}
	.main_box .mainVisual .obj{left:50%;width:160px;margin-left:-80px;height:183px;background-size:100%;top:10px;}
	.main_box .mainVisual .txt1{position:relative;left:auto;top:auto;text-align:center;padding-top:200px;}
	.main_box .mainVisual .txt2{position:relative;left:auto;top:auto;text-align:center;}
	.main_box .mainVisual .txt3{position:relative;left:auto;top:auto;text-align:center;}
	.main_box .mainVisual .btn_go{position:absolute;left:auto;right:30px;top:20px;}
	.main_box .mainVisual .icon{top:auto;bottom:10px;;left:50%;margin-left:-150px;right:auto}


	.m_area1{padding-top:30px;}
	.txt_area .txt1{font-size:20px;}
	.m_area1 .pic_area li{width:24%;}
	.m_area_realtime .box .txt_area{position:relative;top:auto;left:auto;text-align:center;padding:10px;}
	.m_area_realtime .box .txt_area:before{display:none}
	.m_area_realtime .box .txt_area .txt1{font-size:20px;}
	.m_area_realtime .box .pic_area{left:0px;top:40px;}
	.m_area_realtime .box .pic_area ul li {}
	.m_area_realtime .box .pic_area ul li span{font-size:12px;line-height:30px;}

	.m_area2{padding-top:30px;}
	.txt_area .txt2{font-size:14px;}
	.m_area2 .pic_area li{width:24%;}

	.m_area3{height:auto}
	.m_area3 .con1{height:auto}
	.m_area3 .con1 .ttl_area{position:relative;left:auto;top:auto;text-align:center;padding-top:40px;}
	.m_area3 .con1 .ttl_logo{top:10px;left:10px;width:180px;background-size:100%}
	.m_area3 .con1 .list1{padding-left:0px;text-align:center;}
	.m_area3 .con1 .list1 li{display:inline-block;float:none;margin-bottom:40px;}
	.m_area4 .con1 .list_area .list1 li p{font-size:20px;}
	.m_area4 .con1 .list_area .list1 li p span{font-size:14px;}
	.m_area4 .con1 .txt_area .txt1{font-size:20px;}

	.m_area5{padding-top:30px;}
	.m_area5 .pic_area li{width:24%;}
	.m_area6 .pic_area ul li{width:49%}
	.m_area7 .pic_area li{width:25%;margin-right:0px;}
	.m_area7 .pic_area li img{width:97%;margin:0 auto}

	.m_area7{padding-top:30px;}
	.m_area8{margin-top:30px;overflow:hidden}



	.mobile_float{display:block}

	#footer_float{height:auto;}
	#footer_float .box .f_content{padding-top:25px;padding-bottom:25px;}
	#footer_float .box .f_content .input_area .select.field1 label{display:none}
	#footer_float .box .f_content .input_area .select{height:auto;line-height:25px;padding:5px 10px;}
	#footer_float .box .f_content .input_area .input{height:auto;line-height:25px;padding:5px 10px;}
	#footer_float .box .f_content .input_area .input.field2 label{display:none}
	#footer_float .box .f_content .input_area .input.field3 label{display:none}
	#footer_float .box .f_content .input_area .input.field2{padding-left:10px;}
	#footer_float .box .f_content .input_area .input.field3{padding-left:10px;}
	#footer_float .box .f_content .input_area button{line-height:38px;font-size:14px;width:100px;}
	#footer_float .box .agree_area input[type="checkbox"] + label{font-size:13px;}
	#footer_float .box .agree_area2 span{font-size:14px;}
	#footer_float.fixed .close_btn{bottom:10px;top:auto}

	.footer_area .txt1{font-size:14px;}
	.footer_area .txt2{font-size:14px;}
	.footer_area .txt3{font-size:12px;}
	.footer_area .txt1 span{padding:0px 4px;margin:0px 5px;}

	.sub_visual{margin-top:81px;height:260px;}
	.sub_visual .obj{left:20px;top:50px;}
	.sub_visual .icon{left:auto;right:10px;top:150px;}

	.sub_contents{padding-top:50px;}
	.c_contents .top_title{font-size:36px;padding-bottom:20px;}
	.c_contents .sub_title{font-size:20px;}
	.sub01_01 .s_cont p.image{display:block;position:relative;left:auto;top:auto;text-align:center;}
	.sub01_01 .s_cont p.text{padding-left:0px;font-size:18px;}

	.c_contents .con_area1 .img_area1{position:relative;left:auto;top:auto;text-align:center;}
	.c_contents .con_area1 .stxt_area{padding-left:0px;margin-top:40px;}

	.sbox .pic_area ul{width:auto}
	.sbox .pic_area ul li{width:24%;margin-right:1%;}
	.sbox .pic_area li img{width:100%;}
	.sbox .movie_area iframe{height:400px;}


}
@media screen  and (max-width: 600px)  {
	.main_box .mainVisual .txt1{font-size:30px;padding-left:10px;padding-right:10px;}
	.main_box .mainVisual .txt2{padding-top:20px;font-size:24px;padding-left:10px;padding-right:10px;}
	.main_box .mainVisual .txt3{padding-top:20px;padding-left:10px;padding-right:10px;}
	.main_box .mainVisual .btn_go{width:auto;padding:3px 10px;}

	.m_area_realtime .box .pic_area ul li {}
	.m_area_realtime .box .pic_area ul li span{font-size:12px;line-height:16px;width:33%}

	.m_area1 .pic_area li{width:48%;margin-right:2%}
	.m_area1 .pic_area li p{font-size:14px;}
	.m_area2 .pic_area li{width:48%;margin-right:2%}
	.m_area2 .pic_area li p{font-size:14px;}
	.m_area3 .con1 .ttl_area{font-size:28px;}
	.m_area3 .con1 .ttl_area strong{font-size:38px;}
	.m_area3 .con1 .ttl_logo{width:130px;}
	.m_area3 .con1 .list1 li{width:40%}
	.m_area3 .con1 .list1 li p{font-size:14px;}


	.m_area4 .con1 .list_area .list1 li{width:40%;margin-bottom:30px;margin-left:5%;}
	.m_area4{height:auto}

	.m_area5 .pic_area li{width:48%;margin-right:2%}
	.m_area5 .pic_area li p{font-size:14px;}

	.m_area6 .pic_area .stitle p{font-size:14px;}
	.m_area6 .pic_area{padding-left:0px;}

	.m_area6 .pic_area ul li{width:90%;;margin-right:0px;margin:0 auto;float:none;margin-bottom:20px;}

	.m_area8{height:300px;overflow:hidden}
	.m_area8 .pic_area{left:50%;right:0px;}
	.m_area8 .txt_area2{padding-left:20px;padding-top:80px;}
	.m_area8 .txt_area2 .txt1{font-size:30px;}
	.m_area8 .txt_area2 .txt2{font-size:26px;}
	.m_area8 .txt_area2 .txt3{width:50%;}
	.m_area8 .txt_area2 .txt3 img{width:100%;}

	#footer_float .box .f_content .input_area .select.field1 {margin-right:5px;}
	#footer_float .box .f_content .input_area .input.field2 {margin-right:5px;}
	#footer_float .box .f_content .input_area .input.field3 {margin-right:5px;}
	#footer_float .bg{background-size:cover}


	.sub01_01 .s_cont p.text{font-size:14px;}
	.sbox .pic_area ul li{width:48%;margin-right:2%;}
	.sbox .pic_area li p{font-size:14px;}

	.sbox .movie_area iframe{height:300px;}
	.only_mobile{display:block}

}
@media screen  and (max-width: 500px)  {
	.m_area3 .con1 .ttl_logo{width:100px;top:50px;}
	.m_area4 .con1 .list_area .list1 li{width:80%;margin-bottom:30px;margin-left:10%;}
	.m_area8 .txt_area2 .txt2{font-size:20px;}

	#footer_float .box .f_content .input_area .select.field1{margin-bottom:10px;}
	#footer_float .box .f_content .input_area .input.field2{margin-bottom:10px;}
	#footer_float .box .f_content .input_area .input.field3{margin-bottom:10px;}
	#footer_float .box .f_content .input_area button{width:90%;margin:0 auto}
	#footer_float .box .f_content .input_area button:before {display:none}
	#footer_float .box .agree_area span{margin-bottom:5px;}
	#footer_float .box .agree_area2 {padding-bottom:10px;}
	#footer_float .box .agree_area2 span.tel{display:block;text-align:center;padding-top:10px;}
	#footer_float .box .f_content .input_area .select.field1 select{width:80px}
	#footer_float .box .f_content .input_area .input.field2 input{width:80px}
	#footer_float .box .f_content .input_area .input.field3 input{width:80px}

	.sub_visual .obj{width:80px;height:150px;background-size:100%;top:10px;}
	.sub_visual .txt1{font-size:18px;padding-left:20px;}
	.sub_visual .txt2{font-size:13px;padding-left:20px;}

}
@media screen  and (max-width: 400px)  {
	.sub_visual .obj{width:60px;height:120px;background-size:100%;top:10px;left:10px;}
}