/*
-----------------------------------------------------------------
追加ページ共通
-----------------------------------------------------------------
*/
@media screen and (max-width:1100px){
  .common_select_frame{
    width:225px;
    
  }

  .common_select_frame select{
    height:44px;
  }
  .common_select_frame::after{
    border-width: 10px 11px 0 11px;
    right:16px;
  }
}/*@media screen and (max-width:1100px){*/

@media screen and (max-width:767px){
  .common_select_frame{
    width:180px;
  }

  .common_select_frame select{
    height:36px;
    font-size: 20px;
  }
  .common_select_frame::after{
    border-width: 10px 11px 0 11px;
    right:12px;
  }

  #main{
    padding-top: 60px!important;
  }
}/*@media screen and (max-width:767px){*/


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


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

  #common_header .header_inner{
    padding-left: 12px;
    padding-right: 16px;
  }

  #common_header .header_flex{
    height:60px;
  }
  #common_header .header_logo{
    width:190px;
  }

  #common_header .login_button{
    height:30px;
    padding:0 10px;
    margin-left: 12px;
    font-size: 14px;
  }

  #common_header .drawer_open{
    min-width:36px;
    min-height:30px;
  }

  #common_header .drawer_open .bar{
    width:36px;
    height:6px;
  }
  #common_header .drawer_open .bar02{
    margin:4px 0;
  }
  #common_header .drawer_open.active .bar01 {
    transform: translateY(2px) rotate(-45deg);
    height:4px;
  }
  #common_header .drawer_open.active .bar03 {
    transform: translateY(-2px) rotate(45deg);
    height:4px;
  }

  #drawer_menu {
    padding-top: 80px;
  }

  #drawer_menu .drawer_menu_contents .parent_menu {
    padding: 0 0 0;
  }
}/*@media screen and (max-width:767px){*/
/*
-----------------------------------------------------------------
トップページ
-----------------------------------------------------------------
*/

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

  .top_mv_section{
    padding-top: 56px!important;
  }

  .top_section .top_sec_head img{
    height:60px;
  }

  .top_mv_section .mv_frame{
    height:940px;
    display: flex;
    justify-content: flex-end;
    position: relative;
  }

  .top_mv_section .mv_frame .mv{
    position: absolute;
    z-index: -1;
    width: 1511px;
    top:0;
    background-image: url('../img_add/top/mv_sp.jpg');
    background-position:center;
    /* right:-160px; */
    right:calc(50% - 550px);
  }

  .top_mv_section .mv_frame .mv_item{
    display: none;
  }


  .top_mv_section .search_area{
    top:34px;
    padding:0;
    width:100%;
    left:0;
  }

  .top_mv_section .search_area_inner{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    height:65px;
  }

  .top_mv_section .search_area_inner .search_head_text{
    font-size: 20px;
    margin-left: 20px;
    margin-bottom: 0;
}

  .top_mv_section .regist_link{
    top:80px;
  }

  .top_mv_section .regist_link img{
    width:120px;
  }

  .top_mv_section .guide_link{
    position: absolute;
    bottom:200px;
    z-index: 2;
    left:0;
    right:0;
    margin:auto;
  }

  .top_mv_section .recent_area{
    margin-top: -140px;
  }

  .top_mv_section .point_list{

  }


  .top_mv_section .point_block{
    width:33.3%;
    box-sizing: border-box;
    padding:32px 12px 48px;
  }

  .top_mv_section .point_block .point_head{
    font-size: 26px;
  }


  .top_mv_section .point_block .point_text{
    font-size: 16px;
    margin-top: 24px;
  }

  .top_mv_section .point_block .point_num01{
    width:60px;
  }
  .top_mv_section .point_block .point_num02{
    width:80px;
  }
  .top_mv_section .point_block .point_num03{
    width:88px;
  }


  .top_mv_section .banner_list{
    flex-direction: column;
    margin:24px auto 0;
    width: 92%;
    max-width: 450px;
  }
  
  .top_mv_section .banner_list li{
    width:100%;
  }

  .top_mv_section .banner_list li + li{
    margin-top: 16px;
  }

  .top_voice_section {

  }

  .top_voice_section .voice_list_link{
    position: static;
    margin:44px auto 0;
  }

  .top_report_section .report_list_link{
    position: static;
    margin:44px auto 0;
  }

  .top_blog_section .blog_list_link{
    position: static;
    margin:44px auto 0;
  }

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


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


  .top_section .top_sec_head img {
    height: 50px;
  }

  .top_section .sub_head {
    margin-top: 12px;
    font-size: 14px;
  }

  .top_mv_section {
    padding-bottom: 44px!important;
  }

  .top_mv_section .search_area {
    top: 4px;
  }

  .top_mv_section .search_area_inner .search_head_text {
    font-size: 16px;
    margin-left: 16px;
    margin-bottom: 0;
  }

  .top_mv_section .mv_frame {
    height: 752px;
  }
  .top_mv_section .mv_frame .mv {
    position: absolute;
    width: 1200px;
    background-size: cover;
    right: calc(50% - 430px);
  }

  .top_mv_section .regist_link {
    top: 60px;
    right:12px;
  }
  .top_mv_section .regist_link img {
    width: 96px;
  }

  .top_mv_section .guide_link{
    bottom:160px;
    width:350px;
  }

  .top_mv_section .recent_area {
    margin-top: -112px;
  }

  .top_mv_section .recent_slide{
    width:300px;
    padding:0 12px;
  } 


  .top_mv_section .recent_card .recent_flex{
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    padding:0 4px;
  }

  .top_mv_section .recent_card .recent_left{
    text-align: center;
    white-space: nowrap;
    width: 49%;
    padding-top: 12px;
  }

  .top_mv_section .recent_card .recent_date{
    font-size: 11px;

  }

  .top_mv_section .recent_card .recent_age{
    margin-top: 8px;
    font-size: 14px;
  }

  .top_mv_section .recent_card .recent_right{
    width:49%;
  }

  .top_mv_section .recent_card .recent_city{
    min-width: 102px;
    min-height:20px;
    padding:2px 5px;
    font-size: 11px;
  }

  .top_mv_section .recent_card .recent_place{
    font-size: 11px;
    line-height: 1.3;
    margin-top: 3px;
  }
  .top_mv_section .recent_card .recent_room{
    font-size: 11px;
    line-height: 1.3;
    margin-top: 3px;
  }

  .top_mv_section .recent_card .entry_flex{
    margin-top: 6px;
    padding:0 4px;
  }

  .top_mv_section .recent_card .entry_box{
    width: 48%;
  }

  .top_mv_section .recent_card .entry_button{

    width:110px;
    height:24px;
    font-size: 12px;

  }

  .top_mv_section .recent_card .entry_fee{

    margin-top: 6px;
  }

  .top_mv_section .recent_card .entry_normal{
    font-size: 12px;
  }
  .top_mv_section .recent_card .entry_arrow{
    font-size: 10px;
    margin:0 4px;
  }
  .top_mv_section .recent_card .entry_special{
    font-size: 14px;
  }

  .top_mv_section .recent_card .entry_status{

    margin-top: 4px;
    font-size: 13px;
  }

  .top_mv_section .recent_card .recent_detail{
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4;
    padding:3px 6px;
  }

  .top_mv_section .point_area {
    padding-top: 48px;
}

.top_mv_section .point_list {
  margin-top: 24px;
}

  .top_mv_section .point_block {
    padding: 24px 8px 40px;
}

  .top_mv_section .point_block .point_head {
    font-size: 20px;
  }

  .top_mv_section .point_block .point_text {
    font-size: 13px;
    margin-top: 16px;
  }

  .top_mv_section .point_block .point_num01{
    width: 50px;
  }
  .top_mv_section .point_block .point_num02{
    width: 64px;
  }
  .top_mv_section .point_block .point_num03{
    width: 72px;
  }

  .top_event_section {
    padding-bottom: 40px;
  }

  .top_event_section .search_head_area {
    /* max-width: 300px; */
    margin:0 auto 40px;
    
  }

  .top_event_section .search_head {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 0;
    position: relative;
  
  }

  .top_event_section .search_head::before,
  .top_event_section .search_head::after{
    content:'';
    border-top:1px dashed #fff;
    position: absolute;
    left:0;
    width:100%;
  }
  .top_event_section .search_head::before{
    top:6px;
  }
  .top_event_section .search_head::after{
    bottom:6px;
  }

  .top_event_section .search_head .search_head_text {
    font-size: 16px;
    margin-bottom: 8px;
    margin-right: 0;
  }
  .top_event_section .search_head .search_head_text02 {
    font-size: 16px;
    margin-bottom: 4px;
    color:#fff;
    font-weight: bold;
  }

  .top_event_section .common_select_frame {
    width: 240px;
  }
  .top_event_section .common_select_frame select{
    font-size: 22px;
    height:50px;
  }


  .top_voice_section {
    padding-top: 40px !important;
  }

  .top_voice_section .voice_pc_only{
    display: none!important;
  }

  .top_voice_section .voice_list{
    margin-top: 24px;
  }

  .top_voice_section .voice_list li {

    display: flex;
    justify-content: center;
    align-items: center;
  }
  .top_voice_section .voice_list li + li{
    margin-top: 12px;
  }


  .top_voice_section .voice_card{
    width:350px;
    height:180px;
    padding-top: 28px;
    padding-left: 64px;
    padding-right: 64px;
  }
  
  .top_voice_section .voice_card .voice_name{
    font-weight: bold;
  }
  
  .top_voice_section .voice_card .voice_text{
    margin-top: 8px;
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }


  .top_voice_section .voice_post_link{
    width:305px;
    height:40px;
    margin:48px auto 0;
    font-size: 17px;

  }

  .top_voice_section .voice_list_link {
    margin: 24px auto 0;
    width: 265px;
    font-size: 17px;
  }

  .top_report_section{
    padding-top: 56px!important;
  }

  .top_report_section .report_list_link {
    margin: 24px auto 0;
    width: 265px;
    font-size: 17px;
  }

  .top_report_section .report_pc_only{
    display: none!important;
  }

  .top_report_section .report_list{
    margin-top: 32px;
  }

  .top_report_section .report_list li{
    max-width: 450px;
    aspect-ratio: 1/0.67;
    margin:0 auto;
  }
  .top_report_section .report_list li a{
    height: 100%;
    text-decoration: none;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-position: center;

  }

  .top_report_section .report_list li a p{
    background: rgba(0, 0, 0, 0.6);
    padding: 0.5em 1em;
  }
  
  .top_report_section .report_list li a p span {
    display: block;
    overflow: hidden;
}

  body.top_body #blog>div {
    margin-top: 0;
  }
  .top_blog_section {
    padding-top: 48px !important;
  }

  .top_blog_section .blog_list_link {
    margin: 24px auto 0;
    width: 265px;
    font-size: 17px;
  }

  .top_search_seciton{
    padding-top:56px!important;
    padding-bottom:56px!important;

  } 

  .top_search_seciton .search_frame{
    max-width: 900px;
    margin:0 auto;
  }
  
  .top_search_seciton .search_area{
    margin-top: 40px;
  }
  
  .top_search_seciton .search_head{
    font-size: 28px;
  }
  
  .top_search_seciton .search_contents{
    margin-top: 24px;
  }
  
  .top_search_seciton .search_area01 .search_contents{
    padding-left: 0;
  }
  .top_search_seciton .search_area02 .search_contents{
    padding-left: 0;
  }
  
  .top_search_seciton .region_block + .region_block{
    margin-top: 24px;
  }
  
  .top_search_seciton .region_block .region_head{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  
  .top_search_seciton .region_block .region_head::before,
  .top_search_seciton .region_block .region_head::after{
    height:2px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  
  .top_search_seciton .region_block .region_head::before{
    
    left:calc(50% + 100px);
    width:120px;
  }
  .top_search_seciton .region_block .region_head::after{
    
    width:120px;
    right:calc(50% + 100px);
  }
  
  .top_search_seciton .region_block .region_head p{
    flex-shrink: 0;
    width:200px;
    font-size: 20px;
  }
  
  .top_search_seciton .region_block .pre_list{
    margin-top: 12px;
    gap:12px;
  }
  
  .top_search_seciton .region_block .pre_list a{

    min-width:80px;
    height:32px;
    padding:0 8px;
    
  }
  
  .top_search_seciton .city_line{
    display: flex;
    align-items: flex-start;
  }
  
  .top_search_seciton .city_line + .city_line{
    margin-top: 12px;
  }
  
  .top_search_seciton .city_line .pre_head{
    min-width:80px;
    height:32px;
    border-radius: 16px;
    padding:0 8px;
    margin-right: 20px;
  }
  
  .top_search_seciton .city_list{
    padding-top: 3px;
    gap:12px 16px;
  } 
  
  .top_search_seciton .city_list li{
  
  }
  
  .top_search_seciton .city_list li a{
    padding:0 3px 3px;
    color:#4d4d4d;
    font-weight: bold;
    border-bottom:1px solid #4d4d4d;
  }


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

@media screen and (min-width:768px){
  .voice_sp_only{
    display: none!important;
  }
  .report_sp_only{
    display: none!important;
  }

  .top_event_section .search_head .search_head_text02 {
    display: none!important;
  }

}




/*
-----------------------------------------------------------------
イベント詳細
-----------------------------------------------------------------
*/

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


  body.event_body{

  }

  .event_section{

  }

  .event_section .event_sec_head{
    display: flex;
    justify-content: center;
  }

  .event_section .event_sec_head img{
    height:50px;
  }


  .event_mv_section{

  }

  .event_mv_section .event_head{
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    color:#5bc24b;
    font-weight: bold;
    text-align: center;
  }

  .event_mv_section .event_mv{
    display: none;
  }

  .event_info_section .pc_hide{
    display: block;
  }


  .event_info_section .event_card_frame{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }

  .event_info_section #plist .eventlist{
    padding:0!important;
  }

  .event_info_section #plist .eventlist li {
    flex-basis: auto;
    width: 500px;
    max-width: 100%;
    font-size: 1em;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding-bottom: 12px;
  }



  .event_info_section .event_detail_area{
    margin-top: 40px;
  }

  .event_info_section h2 p {
    display: block;
    padding-left: 0;
    background:none;
    min-height: auto;
    font-size: 24px;
    font-weight: bold;
  }

  .event_access_section{
    padding-top: 48px!important;
    padding-bottom: 0!important;
  } 


  .event_access_section .event_access_frame{
    width: fit-content;
    margin:24px auto 0;
    color:#4d4d4d;
  }

  .event_access_section .event_place{
    font-size: 18px;
    font-weight: bold;
  }

  .event_access_section .event_adress{
    line-height: 1.5;
  }

  .event_access_section .event_access{
    margin-top: 16px;
  }

  .event_access_section .event_map{
    max-width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-top: 24px;
    height:auto;
    aspect-ratio: 1/0.54;
    
  }

  .event_access_section .event_map iframe{
    display: block;
    width:100%;
    height:100%;
  }


  .event_detail_section{
    padding-top: 56px!important;
    padding-bottom: 0!important;
  }

  .event_detail_section .point_list{
    margin-top: 48px;
  }

  .event_detail_section .point_block{
    max-width: 755px;
    margin:0 auto;
  }
  .event_detail_section .point_block + .point_block{
    margin-top: 48px;
  }

  .event_detail_section .point_thumb {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    display: flex;
    justify-content: center;
  }
  .event_detail_section .point_thumb img{
    width: 100%;
    max-width: 500px;
  }

  .event_detail_section .point_text{
    margin-top: 24px;
    line-height: 1.5;
  }

  .event_detail_section .use_head{
    font-size: 18px;
    margin-top: 48px;
  }
  .event_detail_section .use_head::before{
    width:280px;
    height:50px;
    background-image: url('../img_add/event/text_bg_green.png');
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: -1;
  }

  .event_detail_section .use_frame{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-top: 40px;
  }

  .event_detail_section .use_list{
    width:92%;
    max-width: 1400px;
    flex-direction: column;
  }

  .event_detail_section .use_list li{
    width:100%;
    max-width: 450px;
  }

  .event_detail_section .use_list li + li{
    margin-top: 24px;
  }


  .event_detail_section .use_text{
    font-size: 16px;
    line-height: 1.5;
    margin-top: 24px;
  }

  .event_detail_section .regist_head{
    margin-top: 24px;
    font-size: 20px;
    
  }

  .event_detail_section .regist_link{
    display: block;
    width:150px;
    margin:16px auto 0;
  }

  .event_flow_section{
    padding-top: 56px!important;
    padding-bottom: 0!important;
  }

  .event_flow_section .flow_list{
    margin-top: 36px;
  }

  .event_flow_section .flow_block + .flow_block{
    margin-top: 28px;
  }

  .event_flow_section .flow_block .flow_head{
    font-size: 16px;
    padding-bottom: 3px;
  }

  .event_flow_section .flow_block .flow_text{
    margin-top: 6px;
    font-size: 16px;
    padding-left: 2px;
  }

  .event_faq_section{
    padding-top: 64px!important;
    padding-bottom: 0!important;
  }

  .event_faq_section .faq_list{
    margin-top: 32px;
  }

  .event_faq_section .faq_block .faq_question{
    cursor: pointer;
    position: relative;
    padding:12px 40px 12px 32px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
  }
  .event_faq_section .faq_block .faq_question::before{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    left:4px;
    top:12px;
  }
  .event_faq_section .faq_block .faq_question::after{
    width:23px;
    height:10px;
    background-image: url('../img_add/icon_angle_bottom_black.svg');
    top:24px;
  }


  .event_faq_section .faq_block .faq_answer{
    padding:4px 40px 24px 32px;
    line-height: 1.75;
    display: none;
  }

  .event_faq_section .faq_link{
    margin-top: 40px;
    text-align: center;
  }

  .event_faq_section .faq_link a{
    font-size: 18px
  }

  .event_faq_section .guide_link a{
    font-size: 18px
  }

  .event_alert_section{
    padding-top: 80px!important;
    padding-bottom: 0!important;
  }

  .event_alert_section .alert_text{
    margin-top: 40px;
    line-height: 1.5;
  }

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



@media screen and (min-width:768px){
  .event_mv_section .event_head{
    display: none;
  }
}

/*
-----------------------------------------------------------------
イベント一覧
-----------------------------------------------------------------
*/

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

  }


  .event_list_section{

  }


  .event_list_section01 .search_head{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:12px 0;
  }

  .event_list_section01 .search_head .search_head_text{
    margin-left: 12px;
    font-size: 15px;
    white-space: nowrap;
  }

  .event_list_section01 .prefecture_head{
    min-width:270px;
    padding:0 12px 8px;
    font-size: 22px;
    margin:30px auto 0;
  }

  .event_list_section01 .city_list{
    margin:24px auto 0;
    gap:24px 28px;
    justify-content: center;
  }

  .event_list_section01 .city_list a{
    padding:3px 20px;
    min-height: 32px;
    font-size: 16px;
  }



  .event_list_section01 .eventlist{
    margin-top: 40px;
  }
}/*@media screen and (max-width:767px){*/


/*
-----------------------------------------------------------------
マイページ
-----------------------------------------------------------------
*/

@media(max-width:700px){


  .mypage_body #main{
    overflow: hidden;
  }

  .mypage_body .user_box .user_head{
    font-size: 20px;
  }

  .mypage_body .user_box .user_head::before{
    content:'';
    width:60px;
    height:28px;
    margin-right: 24px;
  }

  .mypage_body .user_box .user_box_text01{
    margin-top: 16px;
    font-size: 15px;
  }
  .mypage_body .user_box .user_box_text02{
    margin-top: 8px;
    font-size: 15px;
  }

  .mypage_body .user_box .user_point{
    text-align: center;
    margin-top: 12px;
    font-size: 15px;
  }

  .mypage_body .user_box .user_point span{
    font-size: 28px;
    font-weight: bold;
  }

  .mypage_body .point_box_frame{  
    margin-left: -120px;
  }



  .mypage_body .point_box .point_button{
    width:320px;
    height:72px;
    padding:3px;
    
  }

  .mypage_body .point_box .point_button::after{
    width:36px;
    height:40px;
    right:24px;

  }

  .mypage_body .point_box .point_button_inner{
    border:2px solid #dcb74f;
    font-size: 15px;
    padding-left: 56px;
  }

  .mypage_body .change_frame{
    width:auto;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
  } 

  .mypage_body .change_frame .point_change_link{
    font-size: 15px;
  }

  .mypage_body .change_frame .point_change_link::after{
    width:53px;
    height:40px;
    margin-top: 6px;
  }

  .mypage_body .news_frame{
    width:100%;
    margin-top: 40px;
  }

  .mypage_body .news_box{
    width:100%;
  }


  .mypage_body .news_box ul li{
    margin-bottom: 16px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    line-height: 1.5;
  }

  .mypage_body .news_box ul li .news_date{
    flex-shrink: 0;
    width:100%;
  }

  .mypage_body .news_box ul li .news_text{
    width:100%;
    margin-top: 6px;
  }

  .mypage_body .news_box ul li .news_text br{
    display: none;
  }


  .mypage_body .campaign_area{
    margin-top: 48px;
    margin-bottom: 40px;
  }


  .mypage_body .campaign_box{
    max-width: 680px;
    margin:0 auto;
    padding:20px 16px 32px;
  }


  .mypage_body .campaign_line{
    margin-top: 32px;
    padding-left: 24px;
    position: relative;
    color:#3e3e3d;
  }

  .mypage_body .campaign_line::before{
    width:7px;
    height:7px;
    left:8px;
    top:8px;
  }

  .mypage_body .campaign_day{
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
  }

  .mypage_body .campaign_day span{
    font-size: 22px;
    padding-right: 4px;
  }

  .mypage_body .campaign_text{
    font-size: 21px;
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
  }

  .mypage_body .campaign_remark{
    font-size: 12px;
    /* margin-top: 6px; */
  }

  .mypage_body .campaign_text span{
    font-size: 15px;
  }

  .mypage_body .campaign_bottom_text{
    text-align: center;
    font-size: 17px;
    line-height: 1.5;
    margin-top: 20px;
  }

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

/*
-----------------------------------------------------------------
申し込み画面
-----------------------------------------------------------------
*/
@media(max-width:800px){

  .step1_body .add_flex{
    flex-direction: column;
    align-items: center;
  }

  .step1_body .add_flex .add_box{
    width: 100%;
  }

  .step1_body .add_flex .add_box a{
    width: 100%;
  }

  .step1_body .add_flex .add_box02{
    margin-top: 40px;
  }

}/*@media(max-width:800px){*/
/*
-----------------------------------------------------------------
アプローチ一覧
-----------------------------------------------------------------
*/

@media(min-width:1001px){
  .under_1000{
    display: none!important;
  }
}


@media(max-width:1000px){

  .over_1000{
    display: none!important;
  }

  .approachlist_section01 .p01{
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
  }


  .approachlist_section01 h3{
    align-items: flex-start;
    flex-direction: column;
  }

  .approachlist_section01 h3 span{
    margin-top: 8px;
  }
  .approachlist_section01 .list_head {
    display: none;
}

  .approachlist_section01 .list_area{
    max-width: 360px;
    margin:36px auto 0;
  }

  .approachlist_section01 .approach_list{
    margin-top: 0;
  }

  .approachlist_section01 .approach_block{
    justify-content: flex-start;
    flex-wrap: wrap;
    padding:16px 0;
    border-bottom: 1px solid #62a67e;
    font-size: 17px;
    line-height: 1.2;
    position: relative;
  }

  .approachlist_section01 .approach_block.approach_get::before{
    width:100vw;
    height:calc(100% + 2px);
  }

  .approachlist_section01 .approach_date{
    width:200px;
    white-space: nowrap;
    padding-left: 6px;
    display: flex;
    align-items: center;
    order: 0;
  }

  .approachlist_section01 .approach_date::before{
    content:'';
    width:10px;
    height:10px;
    background-color: #4d4d4d;
    margin-right: 4px;
  }

  .approachlist_section01 .approach_date br{
    display: none;
  }

  .approachlist_section01 .approach_place{
    width:100%;
    margin-top: 12px;
    order: 2;
  }

  .approachlist_section01 .approach_human{
    order:3;
    margin-top: 16px;
    width:190px;
    padding-right: 12px;
    word-wrap: break-word;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .approachlist_section01 .approach_human::before{
    content:none;
  }

  .approachlist_section01 .approach_human span{
    margin-right: 3px;
    margin-top:3px;
    margin-bottom:3px;
  }

  .approachlist_section01 .approach_human .human_head{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    flex-shrink: 0;
    margin-right: 16px;
    height:32px;
    border-radius: 16px;
    padding:0 12px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  
  .approachlist_section01 .approach_human .human_head.no_atack{
    border:1px solid #4d4d4d;
  }

  .approachlist_section01 .approach_human .human_head.no_atack::before{
    content:'';
    width:18px;
    height:15px;
    background-image: url('../img_add/icon_heart_black.svg');
    margin-right: 4px;
  }

  .approachlist_section01 .approach_human .human_head.approve_wait{
    background-color: #F5C35F;
    color:#fff;
  }

  .approachlist_section01 .approach_human .human_head.available_chat{
    background-color: #62d1a1;
    color:#fff;
  }

  .approachlist_section01 .approach_human .human_head.get_heart{
    background-color: #4e9af5;
    color:#fff;
  }

  .approachlist_section01 .approach_human.approve_wait,
  .approachlist_section01 .approach_human.available_chat,
  .approachlist_section01 .approach_human.get_heart{
    padding-left: 0;
    padding-top: 2px;
  }

  .approachlist_section01 .approach_limit{
    width:auto;
    order: 1;
    color:#de582c;
    white-space: nowrap;
  }

  .approachlist_section01 .approach_block.limit_over .approach_limit{
    color:#4d4d4d;
  }

  .approachlist_section01 .approach_status{
    width:170px;
    order:4;
    margin-top: 16px;
  }

  .approachlist_section01 .list_button{
    height:40px;
    border-radius: 25px;
    padding-left: 28px;
    font-size: 14px;
  }

  .approachlist_section01 .list_button::before{
    content:"";
    position: absolute;
    background-size: cover;
    background-position: center;
    top:0;
    bottom:0;
    margin:auto;
  }

  .approachlist_section01 .list_button.approach_send::before{
    width:24px;
    height:16px;
    left:16px;
  }

  .approachlist_section01 .list_button.approve_wait::before{
    width:13px;
    height:21px;
    left:24px;
  }

  .approachlist_section01 .list_button.available_chat::before{
    width:22px;
    height:22px;
    left:16px;
  }

  .approachlist_section01 .list_button.get_heart::before{
    width:26px;
    height:22px;
    left:8px;
  }


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



/*
-----------------------------------------------------------------
アプローチ送信
-----------------------------------------------------------------
*/

@media(max-width:1000px){
  
  .approach_send_section01{

  }


  .approach_send_section01 .list_head{
    display: none;
  }

  .approach_send_section01 .approach_block{
    flex-direction: column;
    font-size: 20px;
    line-height: 1.2;
    position: relative;
    margin-top: 32px;
  }

  .approach_send_section01 .approach_date{
    width:100%;
    display: flex;
    align-items: center;
  }

  .approach_send_section01 .approach_date::before{
    content:'';
    width:12px;
    height:12px;
    background-color: #4d4d4d;
    margin-right: 6px;
  }

  .approach_send_section01 .approach_date br{
    display: none;
  }

  .approach_send_section01 .approach_place{
    width:100%;
    margin-top: 10px;
  }

  .approach_send_section01 .approach_human{
    width:100%;
    word-wrap: break-word;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
  }

  .approach_send_section01 .approach_human span{
    margin-right: 3px;
    margin-top:3px;
    margin-bottom:3px;
  }


  .approach_send_section01 .approach_human .human_head{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    flex-shrink: 0;
    margin-right: 16px;
    height:32px;
    border-radius: 16px;
    padding:0 12px;
    margin-top: 3px;
    margin-bottom: 3px;
    border:1px solid #4d4d4d;
  }

  .approach_send_section01 .approach_human .human_head::before{
    content:'';
    width:18px;
    height:15px;
    background-image: url('../img_add/icon_heart_black.svg');
    margin-right: 4px;
  }


  .approach_send_section01 .approach_human span::after{
    content:',';
  }

  .approach_send_section01 .approach_human span:last-child:after{
    content:none;
  }

  .approach_send_section01 .approach_human::before{
    content:'';
    width:calc(100% + 8px);
    height:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: -1;
  }

  .approach_send_section01 .approach_limit{
    display: none;
  }

  .approach_send_section01 .approach_select{
    width:100%;
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .approach_send_section01 .approach_select::before{
    content:'送信相手を選択';
    font-size: 18px;
    font-weight: bold;
    color:#5c5c5c;
    line-height: 1;
    margin-right: 72px;
  }


  .approach_send_section01 .message_head{
    display: block;
    width:auto;
    height:auto;
    border-radius: 0;
    background:none;
    text-align: left;
    color:#5c5c5c;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
  }

  .approach_send_section01 .approach_message{
    display: block;
    border-radius: 0;
    width:100%;
    height:170px;
    border:1px solid #5c5c5c;
    padding:16px;
    margin-top: 16px;
  }

  .approach_send_section01 .submit_area{
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .approach_send_section01 .submit_area .limit_text_sp{
    color:#de582c;
    line-height: 1.5;
    white-space: nowrap;
    flex-shrink: 0;
    margin-right: 16px;
  }


  .approach_send_section01 .submit_button{
    width: 200px;
    height: 50px;
    border-radius: 25px 
  }

  .approach_send_section01 .submit_button::before{
    content:'';
    width:24px;
    height:16px;
    background-image: url('../img_add/icon_mail_white.svg');
    margin-right: 12px;
  }

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


/*
-----------------------------------------------------------------
チャット
-----------------------------------------------------------------
*/
@media(max-width:768px){
  .chat_body #ms_messages{
    overflow: visible;
    padding-top: 2em;
    height: calc(100vh - 140px);
    height: calc(calc(var(--vh2, 1vh) * 100) - 136px);

    /* box-sizing: border-box; */
    padding-bottom: 0;
  }

  .chat_body .chat_list_inner {
    height: calc(100% - 90px);
}

  .chat_body #ms_send .chat_info_text{
    bottom:110px;
    margin:0;
  }

  .chat_body #ms_send .chat_info_text br{
    display: inline;
  }

  .chat_body #ms_send .chat_info_text02{
    font-size: 15px;
    margin:0;
  }

  .chat_body .chat_b1 {
    padding: 0;
    height:55px;
    width: 36%;
  }

  .chat_body .sp.chat_nav .chat_b1 a{
    width:100%;
    height:100%;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fa9755;
  }

  .chat_body .chat_b2{
    padding: 0;
    height:55px;   
    width: 100%;
  }

  .chat_body .sp.chat_nav .chat_b2 a{
    width:100%;
    height:100%;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #95c832;
  }
}/*@media(max-width:768px){*/

/*
-----------------------------------------------------------------
お知らせ一覧
-----------------------------------------------------------------
*/
@media(max-width:1000px){

  .news_list_section01{

  }

  .news_list_section01 h3{
    margin-bottom: 0;
  }

  .news_list_section01 .news_list{
    margin-top: 16px;

  }

  .news_list_section01 .news_list li{
    margin-top: 0;
    padding:20px 0;
    border-bottom:1px solid #4d4d4d;
  }

  .news_list_section01 .news_list li:first-child{
    margin-top: 0;
  }

  .news_list_section01 .news_block{
    display: flex;
    flex-direction: column;
    font-size: 20px;
    line-height: 1.5;
  }

  .news_list_section01 .news_block .news_date{
    width:180px;
    margin-right: 48px;
    flex-shrink: 0;
  }

  .news_list_section01 .news_block .news_contents{
    width: 100%;
  }

  .news_list_section01 .news_block .news_contents_head{
    display: none;
  }

  .news_list_section01 .news_block .news_date_head{
    display: none;
   
  }


  .news_list_section01 .news_date p{
    padding-left: 0;
  }

  .news_list_section01 .news_contents .news_text{
    padding:0;
    margin-top: 8px;
  }

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