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

@media screen and (max-width:1024px){
  .pc_only{
    display: none!important;    
  }

  body.fixed {
    width: 100%;
    height: 100%;
    position: fixed;
  }

  main{
    padding-top: 55px;
  }

  /*
  ------------------------------------
  共通パーツ
  ------------------------------------
  */

  .container{
    width:calc(335 / 375 * 100%);
    max-width: 720px;
    margin-inline: auto;
    padding: 0;
  }

  .common_float_line{
    width:80px;
    right:12px;
    bottom:20px;

  }

  /*見出しセット*/
  .common_title_set .main_title{
    font-size: 18px;

    padding-bottom:12px;
  }

  .common_title_set .main_title::after{
    width: 118px;
    height: 2px;
  }

  .common_title_set .sub_title{
    margin-top: 6px;
    font-size: 14px;
  }


  /*見出しセット2*/
  .common_title_flex{
    display: flex;
    align-items: center;
  }

  .common_title_flex .title_left{
    margin-right: 22px;
    padding-left: 12px;
  }

  .common_title_flex .title_en{
    font-size: 24px;
  }

  .common_title_flex .title_ja{
    font-weight: 700;
    font-size: 14px;
  }


  /*企業一覧*/
  .common_company_list{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap:16px 0;
    max-width: 450px;
    margin-inline: auto;
  }

  .common_company_list .company_card{
    display: flex;
  }

  .common_company_list .company_thumb{
    aspect-ratio: 1/0.89;
    width:112px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }


  .common_company_list .company_location{
    position: static;
    display: block;
    min-width: auto;
    min-height: auto;
    background-color: transparent;
    font-size: 10px;
    color:#5BB92F;
    padding:0;
  }


  .common_company_list .company_body{
    margin-top: 0;
    display: block;
    width: 100%;
    background-color: #fff;
    position: relative;
    padding:20px 16px 30px;
  }

  .common_company_list .company_title{
    width:100%;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
  }

  .common_company_list .company_icon_area{
    flex-shrink: 0;
    margin-left: 0;
    display: flex;
    align-items: center;
    gap:0 6px;
    position: absolute;
    right:12px;
    bottom:12px;
  }

  .common_company_list .youtube_icon{
    width: 16px;
    height: 12px;
  }

  .common_company_list .info_icon{
    width: 16px;
    height: 16px;
  }


  /*ページネーション*/
  .common_pagenation{
    margin-top: 32px;
    gap:8px;
  }

  .common_pagenation span.current{/*現在のページボタン*/
    min-width: 25px;
    min-height: 25px;
    padding:3px;
    font-size: 14px;
  }


  .common_pagenation a.page-numbers{/*指定のページ移動ボタン*/
    min-width: 25px;
    min-height: 25px;
    padding:3px;
    font-size: 14px;
  }

  .common_pagenation a.page-numbers.next,
  .common_pagenation a.page-numbers.prev{/*next prevボタン*/
    padding-inline: 10px;
  }

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

  header{

  }


  header .header_inner{
    padding:0;
    width:calc(335 / 375 * 100%);
    position: relative;
    margin-inline: auto;
  }

  header .header_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:55px;
  }

  header .header_logo{
    width:175px;
  }

  header .header_nav{
    display: none;
  }

  header .header_parent_menu{
    display: flex;
    align-items: center;
  }

  header .header_contact{
    display: none;
  }

  header .drawer_open{
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    min-height: 30px;
  }

  header .drawer_open_inner{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  header .drawer_open .bar{
    width:40px;
    height:3px;
    background-color: #222;
    transition-duration: 0.5s;
    border-radius: 3px;
  }

  header .drawer_open .bar02{
    margin:10px 0;
  }
  
  header .drawer_open.active .bar01 {
    transform: translateY(1px) rotate(-45deg);
  }
  header .drawer_open.active .bar02 {
    display: none;
  }
  header .drawer_open.active .bar03 {
    transform: translateY(-1px) rotate(45deg);
  }


  #drawer_menu{
    position: fixed;
    top:0;
    right:0;
    z-index:25;
    width:100%;
    height: 100vh;
    height: calc(var(--vh2, 1vh) * 100);
    background-color: #fff;
    transition-duration: 0.7s;
    opacity: 0;
    pointer-events: none;
  }

  #drawer_menu.show{
    opacity: 1;
    pointer-events: auto;
  }

  #drawer_menu .drawer_menu_frame{
    height:100%;
    overflow-y: auto; 
  }

  #drawer_menu .drawer_menu_inner{
    width:calc(320 / 375 * 100%);
    max-width: 500px;
    margin-inline: auto;
    padding:55px 0;
  }

  #drawer_menu .drawer_parent_item + .drawer_parent_item{
    border-top:1px solid #CACACA;
  }

  #drawer_menu .drawer_parent_link{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding:16px 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
  }

  #drawer_menu .drawer_parent_link .radi{
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    background-color: #40AFB6;
  }

  #drawer_menu .drawer_parent_link .radi::after{
    content:'';
    width: 4px;
    height:7px;
    background-image: url('../img/common/icon_angle_right_white.svg');
  }
  /*
  ------------------------------------
  フッター
  ------------------------------------
  */

  footer{

  }

  footer .footer_area01{
    position: relative;
    padding:90px 0 0;
    border-bottom: none;
  }


  footer .footer_area01 .page_top{
    width:51px;
    top:20px;
  }

  footer .footer_area01 .banner_flex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap:24px;
  }

  footer .footer_area01 .banner_flex .banner{
    width:242px;
  }


  footer .footer_area01 .banner_flex .banner_text{
    margin-top: 10px;
    font-size: 12px;
  }

  footer .footer_area01 .line_banner_frame{
    margin-top: 26px;
    display: flex;
    justify-content: center;
  }

  footer .footer_area01 .line_banner{
    display: block;
    width:375px;
    flex-shrink: 0;
    margin:0 auto 0;
  }

  footer .footer_area02{
    padding:16px 0 0;
  }

  footer .footer_area02 .footer_flex{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  footer .footer_area02 .footer_left{
    width:100%;
  }

  footer .footer_area02 .footer_name{
    font-size: 12px;
    font-weight: 900;
    width: fit-content;
    margin-inline: auto;
  }

  footer .footer_area02 .footer_address{
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.42;
    width: fit-content;
    margin-inline: auto;
  }

  footer .footer_area02 .footer_group_banner_frame{
    margin-top: 14px;
    display: flex;
    justify-content: center;
  }

  footer .footer_area02 .footer_group_banner{
    max-width: 375px;
    width:375px;
    margin-top: 0;
    flex-shrink: 0;
    display: block;
    margin-inline: auto;
  }

  footer .footer_area02 .footer_right{
    display: none;
  }


  footer .footer_area03{
    padding:4px 0;

  }

  footer .footer_copy{
    font-size: 10px;
  }


  /*
  ------------------------------------
  ページ下部のPDFセクション
  ------------------------------------
  */

  .common_pdf_section{
    padding-top: 0;
    padding-bottom: 18px;
  }

  .common_pdf_section::before{
    height:222px;
  }

  .common_pdf_section .pdf_area{
    position: relative;
    padding-left: 0;
  }

  .common_pdf_section .pdf_book{
    position: static;
    width:180px;
    display: block;
    margin:36px auto 0;
  }

  .common_pdf_section .pdf_read_frame{
    display: flex;
    justify-content: center;
    margin-top: 16px;
  }

  .common_pdf_section .pdf_read{
    font-size: 14px;
    font-weight: 700;
  }


  /*
  ------------------------------------
  企業検索結果セクション
  ------------------------------------
  */
  .common_search_result_section{
    padding:48px 0 70px;
  }

  .common_search_result_section .result_count{
    font-size: 14px;
  }

  .common_search_result_section .common_company_list{
    margin-top: 20px;
  }


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

  body.top_body{

  }

  main.top_main{

  }

  .top_section{

  }

  .top_fv_section{
    position: relative;
    height:calc(100vh - 55px);
    min-height: 550px;
    max-height: 1080px;
  }

  .top_fv_section .fv_group_banner{
    /* display: none; */
    width:200px;
    left:20px;
  }

  .top_fv_section .fv_head_area{
    bottom:80px;
    left:20px;
  }

  .top_fv_section .fv_head{
    font-size: 32px;
  }

  .top_fv_section .fv_head span{
    font-size: 48px;
  }


  .top_text_section{
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .top_text_section .sec_title{
    font-size: 22px;
    line-height: 1.45;
  }

  .top_text_section .text{
    max-width: 100%;
    margin: 20px auto 0;
    text-align: left;
    font-weight: 700;
    line-height: 1.75;
    font-weight: 400;
  }


  .top_earth_section{

  }

  .top_earth_section .earch_img{
    display: flex;
    justify-content: center;
  }

  .top_earth_section .earch_img img{
    width:100%;
    min-width: 382px;
  }

  main.top_main .top_section_list{
    margin-top: -20px;
    padding-bottom: 50px;
  }

  .top_about_section{

  }

  .top_about_section .about_list{
    margin-top: 56px;
  }

  .top_about_section .about_block{
    display: flex;
    min-height: auto;
    position: relative;
    max-width: 400px;
    margin-inline: auto;
  }

  .top_about_section .about_block + .about_block{
    margin-top: 80px;
  }

  .top_about_section .about_contents{
    width:100%;
    padding-top: 0;
  }

  .top_about_section .about_title{
    
    font-weight: 700;
    display: flex;
    flex-direction: column;
  }

  .top_about_section .about_title_en{
    font-size: 14px;
  }

  .top_about_section .about_title_ja{
    font-size: 24px;
    line-height: 1.3;
    margin-top: 0px;
  }

  .top_about_section .about_text{
    margin-top: 16px;
    font-weight: 400;
    line-height: 1.5;
  }

  .top_about_section .about_img{
    position: static;
    top:0;
    margin-top: 40px;
    width:100%;
    display: flex;
  }

  .top_about_section .about_img img{
    width:381px;
    height:195px;
    object-fit: cover;
    flex-shrink: 0;
  }

  .top_about_section .about_link_frame{
    display: flex;
    justify-content: flex-end;
    margin-top: 32px;
  }

  .top_about_section .about_link{
    min-width: 160px;
    min-height: 40px;
    padding:4px 13px 4px 32px;
    border:2px solid;
    font-size: 14px;
    line-height: 1.2;
  }

  .top_about_section .about_link .radi{
    width: 20px;
    height: 20px;
    margin-left: 4px;
  }

  .top_about_section .about_link .radi::after{
    width:5px;
    height:8px;
  }

  .top_about_section .about_block:nth-child(odd){
    justify-content: flex-end;
  }
  .top_about_section .about_block:nth-child(odd) .about_contents{
    padding-left: 40px;
    padding-right: 20px;
  }
  .top_about_section .about_block:nth-child(odd) .about_img{
    justify-content: flex-end;
  }
  .top_about_section .about_block:nth-child(odd) .about_img img{
    border-radius: 32px;
  }

  .top_about_section .about_block:nth-child(even){

  }
  .top_about_section .about_block:nth-child(even) .about_contents{
    padding-left: 40px;
    padding-right: 20px;
  }
  .top_about_section .about_block:nth-child(even) .about_img{
    
  }
  .top_about_section .about_block:nth-child(even) .about_img img{
    border-radius: 32px;
  }



  .top_about_section .movie_list{
    margin-top: 140px;
  }

  .top_about_section .movie_block{
    border-radius: 0 8px 8px 8px;
    padding:10px;
    max-width: 400px;
    margin-inline: auto;
  }

  .top_about_section .movie_block + .movie_block{
    margin-top: 80px;
  }


  .top_about_section .movie_head{
    position: absolute;
    display: flex;
    /* justify-content: center; */
    align-items: flex-end;
    min-width: auto;
    min-height: 40px;
    padding:4px 12px 12px 10px;
    font-size: 14px;
    bottom:calc(100% - 8px);
  }
  .top_about_section .movie_frame{
    aspect-ratio: 1/0.5625;
  }


  /*
  ------------------------------------
  職業紹介
  ------------------------------------
  */

  body.works_body{
    
  }

  main.works_main{

  }

  .works_section{

  }

  .works_link_section{
    padding-top: 40px;
  }

  .works_link_section .works_link_frame{
    max-width: 100%;
    padding-inline: 0;
    padding-left: 137px;
    
    margin-inline: auto;
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .works_link_section .works_link_list{
    display: flex;
    justify-content: flex-start;
    padding-right: 20px;
  }

  .works_link_section .works_link_list li{
    width:auto;
    min-width: 95px;
    flex-shrink: 0;
  }

  .works_link_section .works_link{
    display: block;
  }

  .works_link_section .works_link_thumb{
    aspect-ratio: 1/1;
    display: none;
  } 

  .works_link_section .works_link_text{
    margin-top: 0;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    padding:0 3px 4px;
    border-bottom:8px solid;
  }

  .works_link_section .works01_link .works_link_text{
    color:#5BB92F;
    border-color:#5BB92F;
  }
  .works_link_section .works02_link .works_link_text{
    color:#A686BC;
    border-color:#A686BC;
  }
  .works_link_section .works03_link .works_link_text{
    color:#ED8279;
    border-color:#ED8279;
  }
  .works_link_section .works04_link .works_link_text{
    color:#FF9DC7;
    border-color:#FF9DC7;
  }
  .works_link_section .works05_link .works_link_text{
    color:#00ABC8;
    border-color:#00ABC8;
  }
  .works_link_section .works06_link .works_link_text{
    color:#F8B940;
    border-color:#F8B940;
  }
  .works_link_section .works07_link .works_link_text{
    color:#4FBAA1;
    border-color:#4FBAA1;
  }

  .works_section_list{
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .works_section_list .works_section{
    padding:0;
  }

  .works_section_list .works_section + .works_section{
    padding:0;
  }

  .works_section .works_head_flex{
    padding:20px 0;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 48px;
    cursor: pointer;
    
  }

  .works_section_list .works_section + .works_section .works_head_flex{
    border-top: 1px solid #CACACA;
  }

  .works_section .works_head_flex .works_head_icon{
    flex-shrink: 0;
    width:88px;
    aspect-ratio: 1/1;
    margin-right:24px;
  }

  .works_section .works_head_flex .works_head_icon img{
    width:100%;
    height:100%;
    object-fit: cover;
    border-radius: 50%;
  }

  .works_section .works_head_flex .works_head_title{
    font-size: 18px;
    font-weight: 700;
  }

  .works_section .works_head_flex::after{
    content:'';
    width:16px;
    height:9px;
    background-image: url('../img/common/icon_angle_bottom_gray.svg');
    position: absolute;
    right:20px;
    top:0;
    bottom:0;
    margin:auto;
  }

  .works_section .works_head_flex.active::after{
    transform: rotateZ(180deg);
  }

  .works_section .works_contents{
    padding-top: 40px;
    padding-bottom: 50px;
    display: none;
  }

  .works_section .works_block{
    position: relative;
  }

  .works_section .works_block + .works_block{
    margin-top: 80px;
  }

  .works_section .works_block .works_num{
    position: absolute;
    left:0;
    bottom:calc(100% - 1px);
    min-width: 56px;
    min-height: 28px;
    padding:3px 6px 0;
    border-radius: 5px 5px 0 0;
    font-size: 24px;
  }

  .works_section .works_block .works_block_inner{
    border-radius: 0 6px 6px 6px;
    border-width: 3px;
    padding:16px 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .works_section .works_block .works_left{
    flex-shrink: 0;
    margin-right: 0;
    width:100%;
    max-width: 300px;
    display: flex;
    justify-content: flex-end;
    align-items: center;

  }

  .works_section .works_block .works_icon{
    width:101px;
    flex-shrink: 0;
    margin-left: 20px;
  }

  .works_section .works_block .works_right{
    width:100%;
    margin-top: 12px;
  }

  .works_section .works_block .works_title{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
  }

  .works_section .works_block .works_text{
    margin-top: 0;
    font-weight: 500;
    line-height: 1.6;
    font-size: 14px;
  }



  /*
  ------------------------------------
  活躍する女性の声
  ------------------------------------
  */

  body.interview_body{
    
  }

  main.interview_main{

  }

  main.interview_main .common_title_flex .title_right{
    display: none;
  }

  main.interview_main .common_title_flex .title_left{
    width: 100%;
    margin-right: 0;
  }

  main.interview_main .common_title_flex .title_en{
    white-space: nowrap;
    align-items: center;
  }

  main.interview_main .common_title_flex .title_en::after{
    content:'';
    width:100%;
    height:1px;
    background-color: #40AFB6;
    flex-shrink: 1;
    margin-left: 9px;
    margin-top: 6px;
  }

  .interview_section{

  }

  .interview_fv_section{
    position: relative;
    height:443px;
    min-height: auto;
  }

  .interview_fv_section .fv_text_area{
    position: absolute;
    z-index: 2;
    left:18px;
    bottom:20px;
    
  }

  .interview_fv_section .fv_text{
    font-size: 24px;
    line-height: 1.75;
  }


  .interview_book_section{
    padding-top: 55px;
  }

  .interview_book_section .book_slide_area{
    width:100vw;
    margin: 0 calc(50% - 50vw);
    margin-top: 36px;
    padding-bottom: 20px;
    position: relative;

  }

  .interview_book_section .book_slide_area::after{
    height:calc(100% - 188px);
  }

  .interview_book_section .book_slide_inner{
    padding:0;
    max-width: 640px;
    margin-inline: auto;
  }

  .interview_book_section .book_swiper{
    overflow: hidden;
  }

  .interview_book_section .book_slide{
    width:224px;
    padding:0 22px;
  }

  .interview_book_section .book_card{
    display: block;
  }

  .interview_book_section .book_read_frame{
    display: flex;
    justify-content: center;
    margin-top: 12px;
  }

  .interview_book_section .book_nav{
    top:110px;
  }

  .interview_book_section .book_nav::after{
    width: 12px;
    height: 22px;
  }

  .interview_book_section .book_nav_prev{
    left:auto;
    right:calc(50% + 100px);
  }

  .interview_book_section .book_nav_next{
    right:auto;
    left:calc(50% + 100px);
  }


  .interview_book_section .book_read{
    font-size: 14px;
    font-weight: 700;
  }


  .interview_book_section .book_pagenation{
    display: none;
  }



  .interview_contents_section{
    padding-top: 96px;
    padding-bottom: 32px;
  }

  .interview_contents_section .interview_list{
    max-width: 450px;
    margin-inline: auto;
    margin-top: 24px;
    padding-inline: 12px;
  }

  .interview_contents_section .interview_block{
    border-bottom: 1px solid #CACACA;
  }

  .interview_contents_section .interview_block + .interview_block{
    margin-top: 0;
  }

  .interview_contents_section .interview_switch_frame{
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
  }

  .interview_contents_section .interview_switch{
    display: flex;
    align-items: center;
    
  }

  .interview_contents_section .interview_switch::after{
    content:'';
    width:16px;
    height:9px;
    background-image: url('../img/common/icon_angle_bottom_gray.svg');
    
  }

  .interview_contents_section .interview_switch.active::after,
  .interview_contents_section .active .interview_switch::after{
    transform: rotateZ(180deg);
  }

  .interview_contents_section .interview_switch_text{
    color:#CACACA;
    font-size: 12px;
    font-weight: 700;
    display: none;
    margin-right: 6px;
  }

  .interview_contents_section .active .interview_switch_text{
    display: block;
  }


  .interview_contents_section .interview_head_flex .interview_switch_frame{
    position: absolute;
    right:0;
    bottom:20px;
    margin-top: 0;
  }


  .interview_contents_section .interview_head_flex{
    display: flex;
    align-items: center;
    padding:20px 0;
    position: relative;
  }

  .interview_contents_section .interview_head_left{
    width:108px;
    aspect-ratio: 1/0.81;
    margin-right: 20px;
    flex-shrink: 0;
  }

  .interview_contents_section .interview_head_right{
    width:100%;
  }

  .interview_contents_section .interview_head_title{
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
    font-feature-settings: 'palt';
    margin-top: 2px;
  }

  .interview_contents_section .interview_head_prof{
    margin-top: 8px;
    color:#CACACA;
    font-weight: 700;
  }

  .interview_contents_section .interview_head_company{
    font-size: 10px;
  }

  .interview_contents_section .interview_head_name{
    font-size: 12px;
  }

  .interview_contents_section .interview_contents{
    background-color: transparent;
    display: none;
    padding-top: 20px;
    padding-bottom: 12px;
  }

  .interview_contents_section .interview_flex01{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding-left: 20px; */
  }

  .interview_contents_section .interview_thumb01{
    flex-shrink: 0;
    width:328px;
    aspect-ratio: 1/0.67;
    margin-right: 0;
    /* margin-left: 40px; */
  }

  .interview_contents_section .interview_info_area{
    width:100%;
    padding-right: 0;
    padding-top: 12px;
  }

  .interview_contents_section .interview_title_ja{
    font-size: 12px;
    font-weight: 700;
    line-height: 1.57;
    letter-spacing: 0.6em;
  }


  .interview_contents_section .interview_prof{
    margin-top: 0;
  }

  .interview_contents_section .interview_company{
    font-size: 12px;
    font-weight: 700;
  }

  .interview_contents_section .interview_name{
    margin-top: 4px;
    font-size: 18px;
    font-weight: 700;
  }

  .interview_contents_section .interview_job{
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.48;
  }

  .interview_contents_section .interview_flex02{
    margin-top: 44px;
    display: flex;
    align-items:center;
    flex-direction: column-reverse;
  }

  .interview_contents_section .interview_text_area{
    width:100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 32px;
  }

  .interview_contents_section .interview_question{
    font-size: 18px;
    font-weight: 700;
    line-height: 1.57;
    text-align: center;
  }

  .interview_contents_section .interview_answer{
    margin-top: 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.58;
  }

  .interview_contents_section .interview_thumb02{
    width:339px;
    /* margin-left: 68px; */
    aspect-ratio: 1/1.02;
    flex-shrink: 0;
  }


  .interview_contents_section .interview01_block .interview_title_ja{
    color:#ED8179;
  }

  .interview_contents_section .interview02_block .interview_title_ja{
    color:#F1A4C5;
  }
  
  .interview_contents_section .interview03_block .interview_title_ja{
    color:#ED8179;
  }
  
  .interview_contents_section .interview04_block .interview_title_ja{
    color:#F7B73F;
  }
  
  .interview_contents_section .interview05_block .interview_title_ja{
    color:#F7B73F;
  }


  /*
  ------------------------------------
  企業情報詳細
  ------------------------------------
  */
  @media screen and (max-width:767px){
    .company_section_list{
      padding-bottom: 60px;
    }

    .company_section_list .company_sec_border{
      height:2px;
      margin-top: 60px;
      width: 90%;
      max-width: 400px;
      margin-inline:auto;
    }

    .company_section{
      padding-top: 60px;
    }

    .company_section .company_green_head{
      padding: 15px 20px;
      border-radius: 5px;
      font-size: 16px;
    }

    .company_section .company_green_head::before {
      top: 100%;
      left: 20%;
      border: 15px solid transparent;
      border-top: 15px solid #8fda71;
    }

    .company_section .company_green_head span{
      font-size: 22px;
    }

    .company_section .container{
      width: 90%;
      max-width: 400px;
      padding:0;
    }

    .company_fv_section{

    }

    .company_fv_section .company_fv_nation{
      margin-top: 20px;
      gap:8px;
    }

    .company_fv_section .company_fv_nation .swiper-pagination-bullet{
      width:8px;
      height:8px;
    }

    .company_head_section{

    }

    .company_head_section .company_name{
      font-size: 32px;
      text-align: center;
      line-height: 1.3;
      font-weight: 700;
    }

    .company_head_section .company_location{
      margin-top: 16px;
      text-align: center;
      font-size: 15px;
    }

    .company_head_section .company_job_detail{

      margin-top:12px;
      font-size: 12px;
      list-style: 1.3;
      padding: 0 16px;
      padding-top: 5px;
      padding-bottom: 8px;
    }

    .company_head_section .company_catch{
      margin-top: 60px;
      font-size: 30px;
    }

    .company_head_section .company_youtube{
      margin-top: 48px;
  
    }
    .company_about_section{

    }

    .company_about_section .company_about_head{
      font-size: 20px;
    }

    .company_about_section .company_about_head span{
      font-size: 30px;
    }


    .company_about_section .company_about_text{
      margin-top: 20px;
      font-size: 18px;
      line-height: 2;
    }

    .company_info_section{

    }

    .company_info_section .company_info_img{
      margin-top: 40px;

    }

    .company_info_section .company_info_list{
      margin-top: 40px;
    }

    .company_info_section .company_info_block + .company_info_block{
      margin-top: 40px;
    }

    .company_info_section .company_info_head{
      font-size: 24px;
    }

    .company_info_section .company_info_text{
      font-size: 18px;
      line-height: 2;
      margin-top: 12px;
    }

    .company_info_section .company_sche_head{
      margin-top: 100px;
      font-size: 16px;

      padding-bottom: 10px;
    }



    .company_info_section .company_sche_head::before {
      border: 15px solid transparent;
      border-top: 15px solid #6790b9;
    }

    .company_info_section .company_sche_head::after {
      border: 14px solid transparent;
      border-top: 14px solid #fff;
    }

    .company_info_section .company_sche_table{
      margin-top: 30px;
      width: 100%;
      table-layout: auto;
    }

    .company_info_section .company_sche_table tr:first-of-type {
      border-right: 1px solid #222;
      border-bottom: none;
      text-align: right;
    }

    .company_info_section .company_sche_table tr {
      display: block;
      width: 50%;
      float: left;
    }

    .company_info_section .company_sche_table td {
      width: 100%;
      padding: 10px 0;
      float: left;
      text-align: center;
    }

    .company_challenge_section{

    } 

    .company_challenge_section .company_challenge_list{
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
      flex-direction: column;
      gap:30px 0;
      margin-top: 60px;
    }

    .company_challenge_section .company_challenge_block{
      width:100%;
    }

    .company_challenge_section .company_challenge_head{
      margin-top: 20px;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.3;
      text-align: left;
    }

    .company_challenge_section .company_challenge_text{
      margin-top: 5px;
      font-size: 18px;
      line-height: 2;
    }

    .company_challenge_section .company_recommend_block {
      padding-top: 20px;
      padding-bottom: 20px;
      padding-inline: 6px;
    }

    .company_challenge_section .company_recommend_head{
      font-size: 16px;
      font-weight: 700;
      text-align: center;
    }


    .company_challenge_section .company_recommend_list{
      margin-top: 24px;
    }

    .company_challenge_section .company_recommend_list li{
      padding-left: 1.5em;
      font-size: 14px;
      line-height: 1.5;
    }

    .company_challenge_section .company_recommend_list li + li{
      margin-top: 10px;
    }
    .company_challenge_section .company_recommend_list li::before {
      top: 6px;
      width: 10px;
      height: 10px;
    }

    .company_gal_section{

    }

    .company_gal_section .company_gal_head{
      font-size: 24px;
    }

    .company_gal_section .company_gal_list{
      display: grid;
      gap: 20px;
      grid-template-columns: repeat(1, 1fr);
      margin-top: 40px;
    }

    .company_section dl{
      margin-top: 40px;
      width: 100%;
    }

    .company_section dl .row {
      display: flex;
      width: 100%;
    }

    .company_section dl .row + .row{
      margin-top: 2px;
    }

    .company_section dl dt,
    .company_section dl dd {
      padding: 10px 0;
      font-size: 14px;
      letter-spacing: 0.01em;
      line-height: 1.43;
      vertical-align: middle;
    }

    .company_section dl dt {
      flex: 0 0 95px;
    }


    .company_section dl dd {
      flex: 1;
      padding-left: 30px;
    }

    .company_recruit_section{

    }

    .company_recruit_section .company_recruit_head{
      font-size: 24px;
      text-align: center;
      font-weight: 700;
    }


    .company_outline_section{

    }

    .company_outline_section .company_outline_head{
      font-size: 24px;
      text-align: center;
      font-weight: 700;
    }


    .company_map_section{

    }


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


  /*
  ------------------------------------
  企業を探す
  ------------------------------------
  */

  body.search_body{
    
  }

  main.search_main{

  }

  .search_input_section{
    padding-top: 66px;
    padding-bottom: 48px;
  }


  .search_input_section .search_area{
    padding-top: 32px;
  }

  .search_input_section .search_block + .search_block{
    margin-top: 60px;
  }

  .search_input_section .search_label_flex{
    display: flex;
    align-items: flex-end;
  }

  .search_input_section .search_label{
    flex-shrink: 0;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
  }

  .search_input_section .search_label_flex.border::after{
    margin-bottom: 6px;
  }

  .search_input_section .keyword_flex{
    display: flex;
    margin-top: 20px;
  }

  .search_input_section .keyword_frame{
    width:100%;
  }

  .search_input_section .keyword_frame input{
    height:35px;
    padding:0 6px;
    font-size: 14px;
  }

  .search_input_section .keyword_button{
    flex-shrink: 0;
    width: 64px;
    height: 35px;
    font-size: 14px;

  }

  .search_input_section .check_list{
    margin-top: 22px;
  }

  .search_input_section .check_item{
    cursor: pointer;
  }

  .search_input_section .check_item .check_block{
    min-height: 35px;
    padding:2px 8px;
    font-size: 16px;
    font-weight: 700;
    list-style: 1.2;
  }

  .search_input_section .job_check_list{
    gap:15px;
  }

  .search_input_section .job_check_list .check_block{
    min-width: 60px;
  }

  .search_input_section .prefecture_check_list{
    gap:0;
    flex-direction: column;
    border:2px solid #40AFB6;
  }

  .search_input_section .prefecture_check_list .check_item{
    width:100%;
    display: flex;
    align-items: center;
    padding:8px 10px;
    
  }

  .search_input_section .prefecture_check_list .check_item + .check_item{
    border-top: 1px solid #40AFB6;
  }

  .search_input_section .prefecture_check_list input{
    display: block;
    width:27px;
    height:27px;
    margin-right: 12px;
  }

  .search_input_section .prefecture_check_list .check_block{
    min-width: auto;
    border:none;
    min-height: auto;
    padding:0;
  }

  .search_input_section .prefecture_check_list input:checked + .check_block{
    background-color: transparent;
    color:#222;
  }

  .search_input_section .search_angle{

    border-width: 15px 15px 0 15px;
    margin:24px auto 0;
  }

  .search_input_section .search_button{
    min-width: 162px;
    min-height: 44px;
    font-size: 14px;
    padding:6px;
    margin:24px auto 0;
  }


    /*
  ------------------------------------
  造船のまち
  ------------------------------------
  */

  body.town_body{
    
  }

  main.town_main{

  }

  .town_section{

  }

  .town_info_section{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .town_info_section .youtube_frame{
    margin-top: 20px;
  }

  .town_info_section .town_text{
    max-width: 630px;
    padding:0 16px;
    margin:40px auto 0;
    text-align: left;
    font-weight: 700;
    line-height: 2;
  }

  .town_result_section{

  } 

  .town_result_section .town_company_head{
    font-size: 16px;
    font-weight: 900;
  }

  .twon_pdf_section{
    margin-top: 100px;
  }




}/*@media screen and (max-width:1024px){*/