@media screen and (max-width:767px) {

  /*========= input ===========*/
  .ip_comm	{height:40px; }
  .ip_comm.tel+.bar	{line-height:40px; }


  /*========= header ===========*/

  #header .center {padding:15px 0;}
  #header h1	{}
  #header h1 img {height:28px;}

  #btn_nav {height:28px;}

  #nav {}
  #nav .nav_list>li .dep1	{font-size:1.6rem;}
  	#header.scroll #nav .nav_list>li .dep1 {font-size: 1.6rem;}


  /*========= main ===========*/

  #visual {}
  #visual li {height:auto; background-image:none;}
  #visual li img {display: block; width:100%; height:auto;}
  #visual .visu_txt {}
  #visual .visu_txt p {}
  #visual .visu_txt .p1 {font-size:1.5rem;}
  #visual .visu_txt .p2 {font-size:2.4rem;}
  #visual .btn_more {bottom:10px; width:80px; height:80px; border-radius:100px; padding:0; padding-top:20px;  background-color:#0084cc; background-position:center 55px; background-size:auto 6px; text-align: center; line-height:1.2; font-size: 1.1rem; box-shadow:0 0 10px rgba(0,0,0,0.3) }

  @keyframes title {
  	0% {top:170px; opacity:0;}
  	100% {top:0; opacity:1}
  }

  .product {padding:50px 0%;}
  .product .title {}
  .product .title h2 {font-size:1.8rem;}

  .product .pd_slider .tit {font-size:1.5rem; }

  #main04 { background-position: 40% top;}
  #main04 .center {padding:50px 5%;}
  #main04 h2 {font-size:2.6rem; }
  #main04 .apply ul {}
  #main04 .apply ul li {float:none; width:100%; margin-right:0%; margin-bottom:15px;}

  #main04 .apply .set_sm {}
  #main04 .apply .set_sm .set_agree {float:none;}
  #main04 .apply .set_sm .btn_sm {float:none; margin:0 auto; margin-top:30px;}

  #main04 .cs_center {}
  #main04 .cs_center h3 {float:none; font-size: 1.4rem; }
  #main04 .cs_center .set_tel {float:none; margin-left:0; margin-top:10px;}
  #main04 .cs_center .set_tel .tel {font-size: 2.4rem;}

  #main04 .cs_center .catalog {float:none; display:inline-block; margin-top:20px; line-height: 30px; font-size: 1.2rem;}


  /*========= footer ===========*/
  #footer .center {}
  #footer .set_info {border-top:0}
  #footer .set_info .copyright {line-height:1.6}

  #footer nav {display:none;}


  /*========= sub ===========*/

  #sub_visual {height:300px; }

  #sub_visual .visu_txt {transform:translateY(-20%);}
  #sub_visual h2 {font-size:2.8rem; }
  #sub_visual p {font-size:1.5rem;}

  #sub_menu ul li a {width:auto; padding:0 10px; line-height:28px; font-size: 1.35rem;}

  #sub_contents {padding:50px 0 80px 0;}

  #page_title {margin-bottom:30px; }
  #page_title h3,
  .sub0101 h3 { font-size:2.4rem;}


  .sub0101 h3 {margin-bottom:25px;}
  .sub0101 .sub_cont {padding:70px 0;}

  .sub0101 #sub01 ul {display:block; text-align: center;}
  .sub0101 #sub01 ul li {display: inline-block; width:200px; height:200px; margin-bottom:5px; padding:10px; }
  .sub0101 #sub01 ul li div {padding-top: 30px; }

  .sub0101 #sub02 {}
  .sub0101 #sub02 ul {display: block;}
  .sub0101 #sub02 ul li {overflow:hidden; position: relative; width: 100%; min-height:120px; margin:0; margin-bottom:5px; padding:10px; padding-left:140px; border-radius:10px;}
  .sub0101 #sub02 ul li figure {position: absolute; left:0; top:0; width:120px; border-radius:0;}
  .sub0101 #sub02 ul li figure img {width:100%; height:auto;}
  .sub0101 #sub02 ul li p {text-align: left;}
  .sub0101 #sub02 ul li p br {display: none;}
  .sub0101 #sub02 ul li .tit {margin-top: 10px; font-size:1.5rem; }
  .sub0101 #sub02 ul li .ex {margin-top: 8px; font-size: 1.35rem;}

  .sub0101 #sub03 ul li {width:49%; margin-bottom:10px;}
  .sub0101 #sub03 ul li:nth-child(3n) {margin-right: 2%;}
  .sub0101 #sub03 ul li:nth-child(2n) {margin-right: 0;}

  .sub0101 #sub04 {padding:70px 5%;}
  .sub0101 #sub04 .map {height:300px;}
  .sub0101 #sub04 .set_addr {position: static; transform:translate(0px,0%); width: 100%; padding:0; }
  .sub0101 #sub04 .set_addr h3 {margin-top:30px; font-size:1.4rem;}

  .sub0202 {}
  .sub0202 .p_comm br {display: none;}
  .sub0202 .set_merit {padding-left:0;}
  .sub0202 .set_merit figure {position: static; text-align: center;}
  .sub0202 .set_merit .merit {margin-top: 15px;}

  .sub0202 .set_pd {}
  .sub0202 .set_pd > div {float:none; width:100%; margin:0; margin-bottom:15px;}
  .sub0202 .set_pd > div .tit {font-size:1.5rem; }
  .sub0202 .set_img {}
  .sub0202 .set_img img {width:auto; margin:2px;}


  .sub0301 .p_comm br {display: none;}
  .sub0301 .service > div {float:none; width:100%; margin-right:0%; margin-bottom: 10px; }

  .sub0401 .tbl_apply {}
  .sub0401 .tbl_apply th,
  .sub0401 .tbl_apply td {padding:15px 0; }
  .sub0401 .tbl_apply th {display: none; }
  .sub0401 .tbl_apply .ip_comm {width:100%;}
  .sub0401 .tbl_apply .ip_comm.tel {width:30%;}
  .sub0401 .tbl_apply input.ip_comm.tel {margin-left:5%;}
  .sub0401 .tbl_apply #email,
  .sub0401 .tbl_apply #subject {width: 100%;}

  .pd_cate {margin-bottom: 30px; }
  .pd_cate > li {width:80px}
  .pd_cate > li a {line-height: 36px; }

  .pd_list {}
  .pd_list > li {width:49%; margin-bottom: 30px;}
  .pd_list > li:nth-child(3n) {margin-right: 2%;}
  .pd_list > li:nth-child(2n) {margin-right:0;}
  .pd_list > li .img_cont {border-radius:10px;}
  .pd_list > li .tit {font-size:1.45rem;}


  .pd_view .view_top .thumb {width:100%;}
  .pd_view .view_top .thumb > div {float:none;}
  .pd_view .view_top .thumb .big_slider {width:100%; max-width:460px; height:auto; margin:0 auto;}
  .pd_view .view_top .thumb .thumb_slider {margin-left:0px; margin-top: 10px; width:100%; height:auto;}
  .pd_view .view_top .thumb .thumb_slider li {width:80px;}

  .pd_view .view_top .pd_info table th {width: 80px;}
  .pd_view .view_top .pd_info .total dd {font-size:2rem; }


}