@media(min-width:768px){
  .sp_only{
    display: none!important;
  }
}/*@media(min-width:768px){*/

@media(max-width:767px){
  .sp_hide{
    display: none!important;
  }

    /*
  ------------------------------------
  共通パーツ
  ------------------------------------
  */
  .container{
    max-width:335px;
    margin:0 auto;
  }

  /*
  ------------------------------------
  ヘッダー
  ------------------------------------
  */

  header{

  }

  header .header_innder{
    padding:16px 12px 0;
  }



  header .header_logo{
    width:175px;
  } 


  header .drawer_open_inner{
    width:40px;
    height:20px;
  }

  header .drawer_open .bar{
    width:28px;
    height:2.5px;
  }

  header .drawer_open.active .bar{
    height:3px;
  }

  header .drawer_open.active .bar01 {
    transform: translateY(8.2px) rotate(-45deg);
  }
  header .drawer_open.active .bar03 {
    transform: translateY(-8.2px) rotate(45deg);
  }


  #drawer_menu{
    width:335px;
    right:-335px;
  }


  #drawer_menu .drawer_contents{
    padding-top: 100px;
    padding-bottom: 100px;

  }


  #drawer_menu .drawer_nav li + li{
    margin-top: 24px;
  }

  #drawer_menu .drawer_nav .ja_title{
    font-size: 18px;
  }

  #drawer_menu .drawer_nav .en_title{
    font-size: 12px;
    margin-top: 8px;
  }



  /*
  ------------------------------------
  フッター
  ------------------------------------
  */
  footer{
    padding-top: 36px;
    padding-bottom: 20px;
  }


  footer .footer_inner{
    max-width: 1920px;
    margin:0 auto;
    padding-left: 5%;
    padding-right: 5%;

  }

  footer .footer_flex{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }

  footer .footer_logo{
    display: block;
    width: 140px;
    margin:0 auto;
  } 

  footer .footer_address{
    margin-top: 24px;
    font-size: 14px;
  }

  footer .footer_tel{
    margin-top: 4px;
    font-size: 14px;
  }


  footer .footer_right{
    padding-top: 50px;
    padding-right:0;
  }

  footer .footer_nav ul{
    display: flex;
    align-items: center;
    flex-direction: column;
  } 

  footer .footer_nav ul li{
    margin-left: 0;
    margin-top: 20px;
  }

  footer .footer_nav ul li a{
    font-size: 14px;
  }


  footer .privacy{
    margin-top: 48px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;

  }

  footer .copy{
    margin-top: 16px;
    font-size: 11px;

  } 
  /*
  ------------------------------------
  ページ最下部
  ------------------------------------
  */
  .common_bottom_section{
    padding-top:100px;
    position: relative;
  } 

  .common_bottom_section p{
    font-size: 36px;
    white-space: nowrap;
  }

  /*
  ------------------------------------
  トップページ
  ------------------------------------
  */

  body.top_body{
    
  }

  body.top_body .common_bread_section{
    display: none;
  }

  main.top_main{

  }

  .top_section{

  }

  .top_mv_section{
    height: auto;
    min-height: auto;
    aspect-ratio: 1 / 1.44;
    position: relative;
  }

  .top_mv_section .mv_slide_frame{
    height:100%;
    position: relative;
    overflow: hidden;
  }

  .top_mv_section .mv_slide_frame .mv_slide.scale img{
    transition-duration: 20s;
    scale:1.2;
  }

  .top_mv_section .text_roop_frame{
    width: auto;
    min-width: 100%;
    left:0;
    bottom:-20px;
  }

  .top_mv_section .text_roop_item{
    position: static;
    animation: text_loop 15s linear infinite;
  }

  @keyframes text_loop {
    0%{
      transform: translateX(100vw);
    }
    100%{
      transform: translateX(-100%);
    }
  }

  .top_mv_section .text01{
    font-size:20px;
    line-height: 1.8;
    text-align: center;
    position: absolute;
    width:100%;
    top:290px;
    left:0;
    z-index: 5;
  }


  .top_mv_section .text02{
    font-size: 65px;
  }


  .top_future_section{
    padding-top: 310px;
    padding-bottom: 46px;
    overflow: hidden;
    background-color: #F5F5F5;
  }

  .top_future_section .contents_frame{

  }

  .top_future_section .contents_frame::before{

  }

  .top_future_section .future_item{
    border-radius: 10px;
  } 

  .top_future_section .future_item01{
    width:135px;
    top:-222px;
    left:0;
    transform: translate(-100px, -50px);
  }

  .top_future_section .future_item02{
    width:92px;
    top:-235px;
    left:160px;
    transform: translate(-50px, -75px);
  }
  .top_future_section .future_item03{
    width:190px;
    top:-150px;
    left:280px;
    transform: translate(50px, -75px);
  }
  .top_future_section .future_item04{
    width:55px;
    top:90px;
    left:285px;
    transform: translate(50px, 50px);
  }
  .top_future_section .future_item05{
    width:132px;
    top:180px;
    left:170px;
    transform: translate(100px, 50px);
  }
  .top_future_section .future_item06{
    width:73px;
    top:72px;
    left:150px;
    transform: translate(50px, 75px);
  }

  .top_future_section .future_item07{
    width:140px;
    top:104px;
    left:-40px;
    transform: translate(-100px, 50px);
  }

  .top_future_section .text01{
    display: flex;
    align-items: center;
    font-size: 28px;
  }

  .top_future_section .text01 img{
    width:185px;
    margin-left: 8px;
  }

  .top_future_section .text02{
    margin-top: 10px;
    font-size: 15px;
  }

  .top_future_section .message_text{
    margin-top: 250px;
    font-size: 14px;
    line-height: 1.4;
  }



  .top_philo_section{
    padding-top: 80px;
  }

  .top_philo_section .sec_title{
    font-size: 50px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
  }

  .top_philo_section .philo_frame{
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
  } 

  .top_philo_section .philo_block{
    width:94%;
    padding:30px 0 30px 30px;
    color:#fff;
  } 

  .top_philo_section .philo_block::before{
    width: 140px;
    height:140px;
    left:-50px;
    top:auto;
    bottom:-120px;
  }

  .top_philo_section .philo_block .philo_head{
    font-size: 18px;
    line-height: 1.3;
  }

  .top_philo_section .philo_block .philo_text{
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.4;
  }

  .top_service_section{
    padding-top: 80px;
    padding-bottom: 0;
  }

  
  .top_service_section .sec_title .en_title{
    font-size: 50px;
  }
  
  .top_service_section .sec_title .ja_title{
    margin-top: 0px;
    font-size: 12px;
  }

  .top_service_section .service_list{
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    height:auto;
    margin-top: 10px;
    align-items: center;
  }


  .top_service_section .service_block{
    position: static;
    top:0;
    width:100vw;
    max-width: 450px;
    display: block;
    height:auto;
    aspect-ratio: 1 / 0.46;
    transition-delay: 0.7s;
    z-index: 1;
  }


  .top_service_section .service_block .service_title{
    left:16px;
    bottom:16px;
  }

  .top_service_section .service_block .service_title01{
    font-size: 24px;
  }

  .top_service_section .service_block .service_title02{
    margin-top: 3px;
    font-size: 12px;
  }

  .top_service_section .service_block02 .service_inner {
    background-image: url(../img/top/top_service02.jpg);
    background-position: top;
  }


  .top_news_section{
    padding-top: 48px;
    padding-bottom: 0;
    background-color: transparent;
  }

  .top_news_section .flex{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }

  .top_news_section .flex .left{
    width:360px;
    flex-shrink: 0;
    padding-left: 0;
  }

  .top_news_section .sec_title .en_title{
    font-size: 50px;
  }

  .top_news_section .sec_title .ja_title{
    margin-top: 0px;
    font-size: 12px;
  }

  .top_news_section .flex .right{
    width: 100%;
    padding-top: 32px;
  }

  .top_news_section .news_list li + li{
    margin-top: 24px;
  } 

  .top_news_section .news_list .news_date{
    font-size: 14px;
  }  

  .top_news_section .news_list .news_title{
    margin-top: 4px;
    font-size: 14px;

  }


  /*
  ------------------------------------
  下層mv
  ------------------------------------
  */

  .page_mv_section{
    position: relative;
    /* height:540px; */
    height: auto;
    aspect-ratio: 1 / 1.44;
  }

  .page_mv_section::before{
    width: 100%;
    height:100%;
    border-radius: 0;
  }

  .page_mv_section .page_title_set{
    position: absolute;
    top:auto;
    left:24px;
    bottom:60px;
  }

  .page_mv_section .page_title_set .en_title{
    font-size: 50px;

  }

  .page_mv_section .page_title_set .ja_title{
    font-size: 14px;
    margin-top: 0px;
  }

  /*
  ------------------------------------
  パンクズ
  ------------------------------------
  */

  .common_bread_section{
    position: absolute;
    z-index: 1;
    left:16px;
    bottom:50px;
  }

  .common_bread_section .bread_list{

    gap:8px;
    line-height: 1.2;
    letter-spacing: 0;
  }


  /*
  ------------------------------------
  会社案内
  ------------------------------------
  */

  body.company_body{
    
  }

  main.company_main{

  }

  .company_mv_section::before{
    background-image: url('../img/company/company_mv_sp.jpg');
  }

  .company_section01{
    background-color: #F5F5F5;
  }

  .company_section01 .container{
    padding-top: 45px;
    padding-bottom: 56px;
  }

  .company_section01 .container::after{
    width:100px;
    height:100px;
    right:0;
    bottom:-50px;
  }

  .company_section01 .sec_title{
    font-size: 25px;
  }

  .company_section01 .p01{
    margin-top: 24px;
    font-size: 14px;
  }

  .company_greeting_section{
    padding-top: 360px;
  }

  .company_greeting_section .sec_title_set{
    position: relative;
    flex-direction: column-reverse;
    z-index: 2;
  }

  .company_greeting_section .sec_title_set .ja_title{
    font-size: 13px;
    margin-top: 6px;
  }

  .company_greeting_section .sec_title_set .en_title{
    font-size: 40px;
    margin-top: 0;
  }

  .company_greeting_section .greeting_frame{
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
  }

  .company_greeting_section .greeting_block{
    width:100%;
    padding:40px 0 32px 40px;
    position: relative;
  }

  .company_greeting_section .greeting_pic{
    position: absolute;
    width:240px;
    top:-335px;
    left:32px;
  }

  .company_greeting_section .greeting_text01{
    font-size: 14px;
    line-height: 1.5;
  }

  .company_greeting_section .greeting_text02{
    margin-top: 24px;
    font-size: 12px;
    line-height: 1.5;
  }

  .company_overview_section{
    padding-top: 80px;
  }

  .company_overview_section .sec_title_set{
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .company_overview_section .sec_title_set .ja_title{
    font-size: 13px;
    margin-top: 6px;
  }

  .company_overview_section .sec_title_set .en_title{
    font-size: 40px;
    margin-top: 0;
  }

  .company_overview_section .overview_frame{
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .company_overview_section .overview_list{
    width:100%;
  }

  .company_overview_section .overview_list li{
    padding:0;
    flex-direction: column;
    border-bottom: none;
  }


  .company_overview_section .overview_list .overview_title{
    width:100%;
    font-size: 12px;
    text-align: left;
    background: #F6F5F5;
    padding:12px 24px;
  }

  .company_overview_section .overview_list .overview_contents{
    font-size: 13px;
    line-height: 1.5;
    padding:12px 24px;
  }

  /*
  ------------------------------------
  サービス
  ------------------------------------
  */

  body.service_body{
    
  }

  main.service_main{

  }

  .service_mv_section::before{
    background-image: url('../img/service/service_mv_sp.jpg');
  }

  .service_section01{
    background-color: #F5F5F5;
    padding-bottom: 40px;
  }

  .service_section01 .container{
    padding-top: 40px;
    padding-bottom: 64px;
    position: relative;
  }

  .service_section01 .container::after{
    width:100px;
    height:100px;
    bottom:-28px;
    z-index: 13;
  }

  .service_section01 .sec_title{
    font-size: 25px;
    text-align: left;
    line-height: 1.4;
  }

  .service_section01 .p01{
    margin-top: 32px;
    font-size: 14px;
  }


  .service_section01 .service_slide{
    width: 150px;
    padding:0 10px;
  }

  .service_section01 .service_slide img{
    width: 100%;
    aspect-ratio: 1 / 1.48;
    object-fit: cover;
    border-radius: 5px;
  }

  .service_info_section{
    padding-top: 80px;
  }

  .service_info_section .service_area{
    position: relative;
  }

  .service_info_section .service_num{
    font-size: 60px;
    margin-top: 20px;
  }

  .service_info_section .service_head_set{
    display: flex;
    flex-direction: column;
    margin-top: 6px;
  }

  .service_info_section .service_head_set .service_head01{
    font-size: 30px;

  }
  .service_info_section .service_head_set .service_head02{
    margin-top: 3px;
    font-size: 12px;
  }

  .service_info_section .service_frame{
    margin-top: 12px;
    display: flex;
  }

  .service_info_section .service_block{
    width:100%;
    position: relative;
    padding-top:24px;
    padding-bottom: 32px;
  } 

  .service_info_section .service_title{
    font-size: 17px;
    line-height: 1.3;
  }

  .service_info_section .service_text{
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.5;
  }

  .service_info_section .service_area01{
    padding-top:0;
  }

  .service_info_section .service_area01 .service_img01{
    position: static;
    width:280px;
    margin:0 auto;
  }

  .service_info_section .service_area01 .service_num{
    display: flex;
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 0;
  }

  .service_info_section .service_area01 .service_head_set{
    align-items: flex-end;
  }

  .service_info_section .service_area01 .service_frame{
    justify-content: flex-end;
  }

  .service_info_section .service_area01 .service_block{
    padding-left: 24px;
    padding-right: 0px;
  }

  .service_info_section .service_area01 .service_block::before{
    left:0;
  }

  .service_info_section .service_area02{
    padding-top:0;
    margin-top: 80px;
  }

  .service_info_section .service_area02 .service_img02{
    position: static;
    width:280px;
    right:0;
    top:0;
    margin:0 auto;
  }

  .service_info_section .service_area02 .service_num{
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
  }

  .service_info_section .service_area02 .service_head_set{
    align-items: flex-start;
  }

  .service_info_section .service_area02 .service_block{
    padding-right: 24px;
    padding-left: 0;
  }

  .service_info_section .service_area02 .service_block::before{
    right:0;
  }

  /*
  ------------------------------------
  プライバシーポリシー
  ------------------------------------
  */

  body.privacy_body{
    
  }

  main.privacy_main{

  }

  .privacy_mv_section::before{
    background-image: url('../img/privacy/privacy_mv_sp.jpg');
  }

  .privacy_section01{
    background-color: #F5F5F5;
  }

  .privacy_section01 .container{
    padding-top: 48px;
    padding-bottom: 56px;
    position: relative;
  }

  .privacy_section01 .container::after{
    width:116px;
    height:116px;
    bottom:-58px;
    z-index: 13;
  }

  .privacy_section01 .p01{
    font-size: 12px;
    line-height: 2;
  }

  .privacy_section02{
    padding-top: 60px;
    letter-spacing: 0.1em;
    line-height: 2;
  }

  .privacy_section02 * + .privacy_head{
    margin-top: 24px;

  }

  .privacy_section02 .privacy_head{
    font-size: 14px;
  }

  .privacy_section02 .privacy_text{
    margin-top: 12px;
    font-size: 14px;
  }

  /*
  ------------------------------------
  お問い合わせ
  ------------------------------------
  */

  body.contact_body{
    
  }

  main.contact_main{

  }

  .contact_mv_section::before{
    background-image: url('../img/contact/contact_mv_sp.jpg');
  }

  .contact_section01{
    background-color: #F5F5F5;
  }

  .contact_section01 .container{
    padding-top:40px;
    padding-bottom: 56px;
    position: relative;
  }

  .contact_section01 .container::after{
    width:100px;
    height:100px;
    right:20px;
    bottom:-60px;
    z-index: 13;
  }

  .contact_section01 .p01{
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
  }

  .contact_form_section{
    padding-top: 90px;
  }

  .contact_form_section .form_block{
    max-width: 750px;
    margin:0 auto;
  }

  .contact_form_section .form_line + .form_line{
    margin-top: 24px;
  }

  .contact_form_section .form_title{
    font-size: 13px;
    line-height: 1.2;
  }

  .contact_form_section .form_contents{
    margin-top: 12px;
  }

  .contact_form_section .form_contents input[type="text"],
  .contact_form_section .form_contents input[type="email"],
  .contact_form_section .form_contents input[type="tel"],
  .contact_form_section .form_contents input[type="number"],
  .contact_form_section .form_contents select,
  .contact_form_section .form_contents textarea{

    height:40px;
    padding:0 12px;
    font-size: 16px;
  }

  .contact_form_section .form_contents select{
    padding:0 12px;
  }

  .contact_form_section .form_contents textarea{
    height:110px;
    padding:12px;
  }

  .contact_form_section .privacy_area{
    margin-top: 36px;
    gap:0 16px;
    font-size: 13px;
  }

  .contact_form_section .privacy_area input{
    width:18px;
    height:18px;
    margin-top: 2px;
  }

  .contact_form_section .submit_frame{
    margin-top: 48px;
  }

  .contact_form_section .submit_frame input{
    /* width: 110px;
    height: 28px;
    font-size: 13px; */
  }

  /*
  ------------------------------------
  ニュース
  ------------------------------------
  */

  body.archive_news_body{
    
  }

  main.archive_news_main{

  }

  .archive_news_mv_section::before{
    background-image: url('../img/news/news_mv_sp.jpg');
  }

  .archive_news_section01{
    height:80px;
  }

  .archive_news_section01::after{
    width: 116px;
    height:116px;
    background-image: url('../img/common/logo_gray.svg');
    left:auto;
    right:10px;
    bottom:-50px;
  }

  .archive_news_section02{
    padding-top: 48px;
  }

  .archive_news_section02 .news_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:30px 0;
    position: relative;
    z-index: 2;
  }

  .archive_news_section02 .news_item{
    width:48%;
  }

  .archive_news_section02 .news_card{
    padding:8px 8px;
    border-radius: 5px 5px 0 0;
  }

  .archive_news_section02 .news_card .news_body{
    padding-top: 10px;
  }

  .archive_news_section02 .news_card .news_date{
    font-size: 12px;
    line-height: 1;
  }

  .archive_news_section02 .news_card .news_title{
    margin-top: 6px;
    line-height: 1.3;
    min-height: 51px;
    font-size: 13px;
  }

  .archive_news_section02 .news_card .news_category{
    padding:3px 5px;
    margin-top: 12px;
    font-size: 12px;

  }


  .common_pagenation{
    gap:16px;
    margin-top: 48px;
  }


  .common_pagenation span.current{/*現在のページボタン*/
    width: 30px;
    height: 30px;
  }

  .common_pagenation a.page-numbers{/*指定のページ移動ボタン*/
    width: 30px;
    height: 30px;
    border:2px solid #d12a19;
  }



  /*
  ------------------------------------
  ニュース詳細
  ------------------------------------
  */

  body.single_news_body{
    
  }

  main.single_news_main{

  }

  .single_news_mv_section::before{
    background-image: url('../img/news/news_mv_sp.jpg');
  }

  .single_news_section01{
    height:80px;
  }

  .single_news_section01::after{
    width: 116px;
    height:116px;
    background-image: url('../img/common/logo_gray.svg');
    left:auto;
    right:10px;
    bottom:-50px;
  }

  .single_news_section02{
    padding-top: 40px;
  }

  .single_news_section02 .flex{
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }

  .single_news_section02 .left{
    padding-top: 0;
    margin-top: 32px;
    width: 100%;
  }

  .single_news_section02 .news_title{
    font-size: 23px;
    line-height: 1.4;
  }

  .single_news_section02 .news_date{
    margin-top: 20px;  
  }

  .single_news_section02 .news_category_frame{
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
  }

  .single_news_section02 .news_category{
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
    padding:5px 8px;
    background-color: #CF200E;
  }

  .single_news_section02 .right{
    flex-shrink: 0;
    width:100%;
    margin-left: 0;
  }

  .single_news_section02 .right img{
    width: 100%;
  }


  .single_news_section02 .common_single_frame{
    margin-top: 56px;
  }

  .common_single_frame h2{
    font-size: 18px;
    list-style: 1.4;
  }

  .common_single_frame p{
    font-size: 13px;
    line-height: 1.9;
  }

  .common_single_frame * + h2{
    margin-top: 40px;
  }

  .common_single_frame * + p{
    margin-top: 24px;
  }

  .common_single_frame .wp-block-image{
    margin-top: 32px;

  }

  .common_single_frame .wp-block-image img{
    max-width: 100%;
  }


  .single_news_section02 .link_flex{
    margin-top: 56px;
  }

  .single_news_section02 .link_flex .archive_link{
    width: 100px;
    height: 24px;
    font-size: 12px;
  }

  .single_news_section02 .link_flex .link{
    width: 24px;
  }

  .single_news_section02 .link_flex .link a{
    height: 24px;
  }

  .single_news_section02 .link_flex .link_prev a::after{
    border-width: 5px 11px 5px 0;
  }

  .single_news_section02 .link_flex .link_next a::after{
    border-width: 5px 0 5px 11px;
  }

  
}/*@media(max-width:767px){*/