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


  /*header*/

  .hd_top p {word-break: break-all; font-size: 15px; }

  #header {top:40px; padding:18px 0; }

  #header h1 a {height:auto; font-size:13px;}
  #header h1 a strong {margin-left:5px; }

  #nav {display:block; position: fixed; left:0; top:0; width:100%; height:100%; padding:50px 30px; background-color: #fff; display: none; z-index: 100;}
  .on #nav {display: block;}
  #nav > div {margin-left:0; margin-bottom:40px;}
  #nav .dep1 {height: auto; font-size: 1.5rem; font-weight: 700; text-decoration: underline;}
  #nav .dep2 {display: block; position: static; transform:translateX(0); width:100%; margin-top:15px; padding:0; border-radius:0px; }
  #nav .dep2 li {padding:10px 0; text-align: left;}
  #nav .dep2 li a {font-size: 1.85rem;}
  #nav .dep2 li a:hover {text-decoration: underline;}

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

  #visual article {height:400px; padding-right:0; }
  #visual .p1 {font-size: 1.7rem;}
  #visual .p2 {font-size:2.7rem; }
  #visual .p2 br {display: none;}
  #visual article a {width:130px;}


  .wrap_apply {display:block; }
  .apply {width:100%; padding:0px; border-radius:0px; }
  .apply hgroup {}

  .wrap_apply .sns {width:100%; }
  .wrap_apply .kakao,
  .wrap_apply .naver {height:auto; }
  .wrap_apply .kakao {flex-direction: row; justify-content: flex-start; height:46px;margin-bottom:4px; padding:0 20px; font-size: 1.5rem; }
  .wrap_apply .kakao img {width:auto; height:24px; margin:0; margin-right:10px;}
  .wrap_apply .naver > a {font-size: 1.5rem;}

  .main1 {}
  .main1 a {height:auto; padding:20px 15px;}
  .main1 a figure {width: 120px; margin:0;}
  .main1 a dl {margin-left:0px; }
  .main1 a dt {font-size:1.6rem; }
  .main1 a dd { font-size: 1.25rem; }
  .main1 a dd br {display: none;}

  .main2 hgroup {margin-bottom: 25px;}
  .main2 hgroup h2 {font-size: 2rem; }
  .main2 ul li {display:block; padding:20px; }
  .main2 ul li .date {flex-direction: row; margin-bottom:10px;  line-height:1; font-size: 1.3rem; color:#888}
  .main2 ul li .date p {font-size:inherit; color:inherit;}
  .main2 ul li .date span {font-size: 1.3rem; font-weight: 400;}
  .main2 ul li .set_tit {margin-left:0px;}
  .main2 ul li .set_tit a {font-size: 1.6rem; }
  .main2 ul li .set_tit p {line-height: 1.5; font-size: 1.3rem;}
  .main2 ul li .name {position: static; transform:translateY(0); margin-top:10px; font-size: 1.3rem;}


  .main3 .latest {padding:40px 3%;}
  	.main3 .latest:nth-child(2) {padding:40px 3%;}
  .main3 .latest h2 {font-size: 1.8rem; }
  .main3 .latest li a {font-size:1.45rem;}



#footer .ft_btm h3{font-size:1.3rem; line-height:1.5; }
#footer .info li{font-size:1.3rem; line-height:1.5;  }
.f_top h5{font-size:1.4rem; line-height:1.5; }

/*========= quick ===========*/
.quick {width: 120px;}
.quick a {height: 36px;  font-size: 1.3rem; }
.quick a img {height:16px;}



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

#sub_visual .center {height:120px; padding-bottom:15px;}
#sub_visual h2 { font-size:2rem;}
#sub_visual p {display: none;}

#contents.sub {padding-bottom: 80px;}



.p_comm {font-size: 1.45rem; }

.sub_menu a { width:50%; height:40px;font-size: 1.3rem;}

.page_title {margin-top:60px;}
.page_title h3 {font-size:2.4rem; }

.p1 {line-height: 1.5; font-size:1.8rem; }


.sub0101 {}
.sub0101 figure {margin:30px 0; }
.sub0101 figure img {width:70%; height: auto; max-width:400px; margin:0 auto;}
.sub0101 p {text-align: left;}



.sub02 .point {display:block; margin-bottom: 30px; }
.sub02 .point dt {width:60px; height:60px; margin-bottom:20px;}
.sub02 .point dd {width: 100%;}


.sub02 .pd_detail {padding:20px 0; }
.sub02 .pd_detail dt,
.sub02 .pd_detail dd {font-size: 1.4rem;}
.sub02 .pd_detail dt {width: 90px; }
.sub02 .pd_detail dd {width: calc(100% - 90px);}


.sub_apply {width:100%; }
.sub_apply ul li label {font-size: 1.3rem; }
.sub_apply ul li .ip_comm {height:40px;}
.sub_apply .set_agree label,
.sub_apply .set_agree a {font-size: 1.3rem;}



.sub_tit{margin-bottom:20px; }
.sub_tit h3{font-size:2rem; display:block; float:inherit;}
.sub_tit .location{float:inherit; display:block; margin-top:5px; }
.sub_tit .location li{color:#aaa; }

/* .sub0101 img{float:inherit; width:100%;} */
.sub0101 .sub01_txt{text-align:Center; width:100%;}
.sub0101 .sub01_txt h2{font-size:2rem; line-height:1.5; }
.sub0101 .sub01_txt p{font-size:1.4rem; line-height:1.5; }
.sub0101 .sub01_txt h5{font-size:1.4rem; line-height:1.5; }

.sub_product>img{float:inherit; width:100%; }
.sub_product .pro_txt{width:100%; float:inherit; margin-top:20px; }

.sub_product .pro_txt h2{font-size:2rem; }
.sub_product .pro_txt ul li{font-size:1.4rem; }
.sub_product table tr th{font-size:1.4rem; width:80px;  }
.sub_product table tr td{font-size:1.4rem; line-height:1.4;  }
.sub_product .info h2{font-size:2rem;}
.sub_product .info p{font-size:1.4rem;}
.sub0301 .form_tit h3{font-size:1.4rem; margin-bottom:5px; }
.sub0301 .form_tit p{margin-bottom:20px; }
.sub0301 .form_tit h3 span{font-size:2rem;}
.sub0301 .form_wrap .form_box {width:95%; }
.sub0301 .set_agree{width:95%; }
.sub0301 .form_wrap .submit{width:95%}

ul.sub04 li{width:47%; }
.sub04 li .img{width:100%; height:180px;  }
.sub04 li .img img{width:80%;}
.sub04 li .t_wrap {margin-top:10px; }
.sub04 li .t_wrap h2{font-size:1.8rem;}
.sub04 .arr {top:80px; }



}