@media screen and (min-width: 768px) {
  .alignleft{float:left;margin-right:30px;}
  .alignright{float:right;margin-left:30px;}
  .under main .image_l{float:left;margin:0 50px 0 0}
  .under main .image_r{float:right;margin:0 0 0 50px}

  /* HOVER */
  .pagenavi a:hover{color: var(--blue);opacity: 0.7;}
  .topic_path li a:hover{text-decoration:none}
  .bnn a:hover{opacity: 0.7;}
  .link:not([target="_blank"]):hover{text-decoration: none;}
  .anchor_list li a:hover{background-color: #0F2387;border-color: #0F2387;color: #FFF;}
  .project_detail_carousel .project_detail_item:not(.slick-current):hover{opacity: 0.8;cursor: pointer;}
}

@media screen and (min-width: 768px) and (max-width: 1240px){
    .anchor_list li a{width: 225px;}
    .project_detail_carousel .project_detail_item{width: 17rem;}
    .project_detail_carousel{max-width: calc(100% - 80px);}
     .project_detail_carousel .slick-next:hover,  .project_detail_carousel .slick-prev:hover,  .project_detail_carousel .slick-prev,  .project_detail_carousel .slick-prev:focus,  .project_detail_carousel .slick-next,  .project_detail_carousel .slick-next:focus{top: 50%;}

}
@media screen and (max-width: 767px) {
  .alignleft,.alignright{margin-left: auto;margin-right: auto;display: block;}
  .under main{padding-top: 6rem;}
  .under main #content{padding:0 0 60px}
  .under main section{padding:0 0 60px;}

  .under main .image_r,
  .under main .image_l{float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 30px !important}

  /*==========================================================
                  C U S T O M
  ==========================================================*/
  .topic_path ul{padding: 8px 0 9px;}
  /*  TOP INFO  */
  .top_info{height:160px}
  .topic_path{margin-bottom:28px}
  .topic_path li,
  .topic_path li a{font-size: 12px;}
  /*============ HEAD TITLE ============ */
  .ttl_h1_en{font-size: 4rem;}
  .under main h1{font-size:2rem;}
  .under .wp_detail h1{font-size: 2.6rem;margin-bottom: 30px;}
  .under main h2{font-size:2.4rem;}
  .under main h3{font-size:2.3rem}
  .under main h4{font-size:2.2rem;}
  .under main h5{font-size:2rem;}
  .under main h6{font-size:1.8rem;}

  /*============ TABLE ============ */
  table{margin-bottom:30px}
  table td,
  table th{padding:15px 10px}
  table.tb_block tr{display:flex;flex-direction:column}
  table.tb_block tr:not(:last-child) th{border-bottom:none}
  table.tb_block td + td{border-top: none;}
  table.tb_block th,
  table.tb_block td{width: 100%;}

  /* TABLE SCROLL */
  .tb_scroll{overflow:scroll;}
  .tb_scroll:not(:last-child){margin-bottom: 30px;}
  .tb_scroll table{width: 800px;}
  .tb_note{margin-bottom: 10px;color: #999;}
  .frame01{padding:30px 15px}
  .pdb30_sp{padding-bottom: 30px !important;}
  .anchor_list{gap: 5px;}
  .anchor_list li a{width: 95px;height: 28px;font-size: 1.3rem;}
  .project_detail{margin-bottom: 40px;}
  .project_detail_slick{margin-bottom: 40px;padding: 0 4rem;}
  .project_detail .slick-next:hover, .project_detail .slick-prev:hover, .project_detail .slick-prev, .project_detail .slick-prev:focus, .project_detail .slick-next, .project_detail .slick-next:focus{top: 50%;}
  .project_detail .slick-prev,.project_detail .slick-prev:focus{left:-0.5rem;}
  .project_detail .slick-next,.project_detail .slick-next:focus{right:-0.5rem;}
  .project_detail_carousel{padding: 0 2rem;}
  .project_detail_carousel .project_detail_item{margin: 0 0.3rem;width: 14rem;max-width: 26vw;}
  .project_detail_carousel .slick-prev, .project_detail_carousel .slick-next, .project_detail_carousel .slick-prev:focus, .project_detail_carousel .slick-next:focus{width: 2rem;}


  #wpadminbar{position: fixed;}
  .wpcf7-checkbox{margin-left: -10px;width: calc(100% + 20px);}
  .wpcf7-list-item{margin: 7px 10px;}
  .contact_head{margin-bottom: 30px;}
  .contact_head p{font-size: 1.4rem;text-align: left;line-height: 1.6;}
  .contact_head p:not(:last-child){margin-bottom: 28px !important;}
  .contact_head .note{font-size: 1rem;}
  .contact_form dl:not(:last-child){margin-bottom:33px;}
  [data-name="user_inquiry"] .wpcf7-list-item{width: 100%;}
  .contact_btn input{width: 285px;}
  .contact_btn_box{margin-top: 30px;}
  .contact_btn_col .contact_btn{width: 48%;}
  .contact_btn_col .contact_btn input{width: 100%;}
  .contact_btn_col .contact_btn:not(:last-child){margin-right: 10px;}
  .wpcf7 form .wpcf7-response-output{font-size: 1.2rem;}

  .contact_form dl.full{flex-direction: column;align-items: center;}
  .contact_form dl.full dt{margin-right: 0;}
  .contact_btn input{width:24rem;height: 5rem;font-size: 1.4rem;}
  input::placeholder{font-size: 1.4rem;}
  input[type="checkbox"] + span:before{top: 3px;}
  textarea{height: 160px;}
  .pagenavi img{transform: translateY(-2px);}
  .pagenavi > span{width: 4.5rem;height: 4.5rem;font-size: 1.3rem;}

}
/* IPHONE 14 */
@media screen and (max-width: 440px) {

}

/* IPHONE 6 */
@media screen and (max-width: 374px) {
  .ttl_h1_en{font-size: 3.6rem;}
}

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}