@charset "UTF-8";
/*
 助太刀お客様交流会
 参加企業一覧ページ
 SP画面での閲覧を前提
*/
/* ----------------------------reset ---------------------------- */

html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: clamp(13px, 1.14vw ,14px);
	line-height: 1.75;
	letter-spacing: 0.5px;
	color: #000;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	background: #f4f4f4;
}
.meetup-nisou-night_body{
  background: #666;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
}
li {
	list-style-type: none;
}
a {
	outline: none;
	color: #000;
	text-decoration: none;
}
*:focus {
outline: none;
}
strong{
	font-weight: 600;
}
img {
  width: 100%;
  vertical-align: middle;
}
/* ----------------------------common ---------------------------- */

/*__ common __*/
:root {
  /* color */
  --color-key: #FABE00;
  --color-base: #000;
  /**/
  --color-typ-p: #8B19C1;
  --color-typ-e: #FEED00;
  --color-typ-c: #FF9100;
  --color-typ-h: #FF0200;
  --color-typ-i: #00B81C;
  --color-typ-f: #019BE2;
  --color-typ-d: #271E88;

  --color-typ-TR: #2dad38;
  --color-typ-MW: #f18d1b;
  --color-typ-FN: #1b8fcf;
  --color-typ-SF: #e72119;
  --color-typ-DM: #222677;
  --color-typ-FD: #703992;
  --color-typ-OT: #a7a7a6;

  /* transition */
  --transition-opacity: opacity 0.2s ease;

  /* hover opacity */
  --hover-opacity: 0.6;

  /* z-index */
  --z-hamburger-menu: 1000;
  --z-header: 2000;
  --z-contact: 3000;
}
* {
  outline: none;
  backface-visibility: hidden;
  font-feature-settings: "palt";
  /*-webkit-font-smoothing: antialiased;*/
}

a {
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
  transition: var(--transition-opacity);
}

/* dinのウェイトは400,600,700,800を選択可能 */
.is-din {
    font-family: din-2014, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'メイリオ', sans-serif;
    font-weight: 400;
}

/* ------------- inview ------------- */
.inview {
  transform: translateY(4px);
  opacity: 0;
  transition: opacity 0.8s 0.2s, transform 0.8s 0.2s;
}
.inview.is-action {
  transform: translateY(0);
  opacity: 1;
}

@media only screen and (max-width: 767px) {}
@media only screen and (min-width: 767.1px) {
  .is-sp{
    display: none;
    visibility: hidden;
  }
}

@media only screen and (min-width: 767.1px) {
  .meetup2025_body{
    background: url(../img/bg_hero.webp) no-repeat top center;
    background-size: 120vw 100vh;
    background-attachment: fixed;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
  }
  .meetup-nisou-night_body{
    background: url(../img/bg_naiso_night.webp) no-repeat top center;
    background-size: 120vw 100vh;
    background-attachment: fixed;
    background-color:rgba(0,0,0,0.65);
    background-blend-mode:darken;
  }
  .meetup-mep-night_body{
    background: url(../img/bg_mep_night.webp) no-repeat top center;
    background-size: 120vw 100vh;
    background-attachment: fixed;
    background-color:rgba(0,0,0,0.25);
    background-blend-mode:darken;
  }

}

/*__ header __*/
.meetup_header{
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
  background: #000;
  padding: 0 8px;
  z-index: 10;
}

/*__ nav __*/
.meetup_fixed_nav{
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  /**/
  display: none;
  visibility: hidden;
}
.meetup_fixed_nav_inner{
  display: none;
  height: 0;
}
.fixed_nav_botton{
  display: flex;
  width: 52px;
  height: 52px;
  background: #EFB816;
  border: none;
  outline: transparent;
  color: #fff;
  cursor: pointer;
}

/*__ main __*/
.meetup_main{
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 2px rgba(0,0,0,0.2);
}

/*__ section / inner __*/
.meetup_section{
  padding: 20px 0;
}
.meetup_section_inner{
  padding: 0 10px 20px;
}

/*__ hero __*/
.meetup_hero{
  margin-top: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #999;
  color: #fff;
  padding: 20px 0;
  min-height: min(10vw, 200px);
  text-align: center;
  background: url(../img/bg_hero.webp) no-repeat top center;
  background-size: cover;
}
.meetup_hero.has-ogp{
  padding: 0;
}
.meetup_hero.has-ogp img{
  border-radius: 20px 20px 0 0;
}
@media only screen and (min-width: 767.1px) {
  .meetup_hero{
    margin-top: 70px;
    border-radius: 10px 10px 0 0;
  }
}
.meetup_hero h2{
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 20px;
  font-size:min(8vw, 34px);
  line-height: 1;
  text-shadow: 0 4px 4px rgba(0,0,0,0.8);
}
.meetup_hero h2 small{
  font-size: 16px;
  font-size:min(4.5vw, 20px);
  letter-spacing: 2px;
}

.has-markerline{
  position: relative;
  z-index: 3;
  display: inline-block;
  padding: 0 4px;
  color: #fff;
}
.has-markerline::before{
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fabe00;
  top: 0;
  left: 0;
}

/*__ lead 一旦非表示__*/
.meetup_lead{
  display: none;
}

/*__ entry __*/
.meetup_section_header{
  padding: 0 15px 10px;
}
.meetup_section_title{
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 10px;
}
.meetup_select_type{
  display: flex;
  align-items: center;
  text-align: left;
  gap: 8px;
  /*width: 100%;*/
  padding: 0 10px;
  margin-bottom: 10px;
  z-index: 20;
}
.meetup_select_type::before{
  content:url(../img/icon_list.svg);
  position: relative;
  top: 3px;
}
.meetup_select_type .nice-select{
  width: calc( 100% - 40px );
  border: solid 1px #ccc;
  box-shadow: 2px 2px 4px rgba(0,0,0,.2);
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #666;
}

/*__ Tab 切り替え __*/
.tab-contents{
  width: 100%;
  position: relative;
}

.entry_type_item{
  display: none;
}
.entry_type_item.is-active{
  display: block;
}


.entry_type_item{
  margin: 0;
  padding: 0 0 40px;
}
.entry_type_title{
  display: none;
  align-items: center;
  justify-content: space-around;
  background: #666;
  color: #fff;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1;
  font-weight: 800;
  gap: 12px;
}
.entry_type_title.is-active{
  display: flex;
}

.entry_type_title em{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #000;
  font-style: normal;
  border-radius: 3px;
  width: 24px;
  height: 24px;
}
.entry_type_title strong{
  flex-grow: 1;
}
.is-naiso-night .entry_type_title em{
  background: #000;
  color: #fff;
  width: 42px;
}


.entry_list{
  margin: 0 15px;
  padding: 8px 0;
}
.entry_list_item{
  display: none;
  flex-direction: column;
  width: 100%;
  gap: 8px;
  padding: 8px 0 12px;
  border-top: solid 1px #E2E2E2;
  position: relative;
}
.entry_list_item.is-active{
  display: flex;
}

@media only screen and (max-width: 767px) {}
@media only screen and (min-width: 767.1px) {
  .entry_list_item{
    flex-direction: row;
    gap: 12px;
  }
}

/*__ detail __*/
.entry_type-tags{
  text-align: center;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  gap: 4px;
}
.entry_detail_block{
  font-size: 16px;
  line-height: 1.45;
}

@media only screen and (min-width: 767.1px) {
  .entry_type-tags{
    width: 72px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .entry_detail_block{
  width: calc( 100% - 82px );
}
}

/**/
.tag_type{
  background: #666;
  color: #fff;
  display: block;
  padding: 2px 0;
  width: 72px;
  letter-spacing: 1px;
}
.tag_type strong{
font-weight: 800;
}
.tag_hms{
  display: flex;
  align-items: center;
  width: 72px;
  min-height: 28px;
  background: #AE9137;
  overflow: hidden;
}
.tag_hms img{
  height: 14px;
}
@media only screen and (min-width: 767.1px) {}

.meetup_aside{
  padding: 0 15px;
  margin-bottom: 30px;
}
.meetup_aside p{
  margin-bottom: 12px;
}
.about_type_list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.about_type_list_item{
  display: flex;
  align-items: center;
  background: #666;
  color: #fff;
  padding: 4px;
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
  gap: 8px;
  width: 46%;
}
.about_type_list_item em{
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #000;
  font-style: normal;
  border-radius: 3px;
  width: 18px;
  height: 18px;
}
@media only screen and (min-width: 767.1px) {
  .about_type_list_item{
    width: 30%;
  }
}

.is-naiso-night .about_type_list_item em{
  width: 28px;
  font-weight: 800;
  background: #000;
  color: #fff;
}

/*__ タイプごとの色分け __*/
.about_type_list_item.type-p,
.type-p-entry.entry_type_title,
.type-p-entry .tag_type,
.entry_type-tags[class*="P-"] .tag_type{
  background-color: var(--color-typ-p);
}
.about_type_list_item.type-e,
.type-e-entry.entry_type_title,
.type-e-entry .tag_type,
.entry_type-tags[class*="E-"] .tag_type{
  background-color: var(--color-typ-e);
  color: #000;
}
.about_type_list_item.type-c,
.type-c-entry.entry_type_title,
.type-c-entry .tag_type,
.entry_type-tags[class*="C-"] .tag_type{
  background-color: var(--color-typ-c);
}
.about_type_list_item.type-h,
.type-h-entry.entry_type_title,
.type-h-entry .tag_type,
.entry_type-tags[class*="H-"] .tag_type{
  background-color: var(--color-typ-h);
}
.about_type_list_item.type-i,
.type-i-entry.entry_type_title,
.type-i-entry .tag_type,
.entry_type-tags[class*="I-"] .tag_type{
  background-color: var(--color-typ-i);
}
.about_type_list_item.type-f,
.type-f-entry.entry_type_title,
.type-f-entry .tag_type,
.entry_type-tags[class*="F-"] .tag_type{
  background-color: var(--color-typ-f);
}
.about_type_list_item.type-d,
.type-d-entry.entry_type_title,
.type-d-entry .tag_type,
.entry_type-tags[class*="D-"] .tag_type{
  background-color: var(--color-typ-d);
}

/*__ 内装Night用 __*/
/*　内装・リフォーム一式: TR（Turnkey/Renovation）　*/
.about_type_list_item.type-TR,
.type-TR-entry.entry_type_title,
.type-TR-entry .tag_type,
.entry_type-tags[class*="TR"] .tag_type{
  background-color: var(--color-typ-TR);
}
/*　内装大工・家具施工: MW（Millwork）*/
.about_type_list_item.type-MW,
.type-MW-entry.entry_type_title,
.type-MW-entry .tag_type,
.entry_type-tags[class*="MW"] .tag_type{
  background-color: var(--color-typ-MW);
}
/*　クロス・塗装・その他仕上げ: FN（Finishes）*/
.about_type_list_item.type-FN,
.type-FN-entry.entry_type_title,
.type-FN-entry .tag_type,
.entry_type-tags[class*="FN"] .tag_type{
  background-color: var(--color-typ-FN);
}
/*　LGS・ボード: SF（Steel Framing）*/
.about_type_list_item.type-SF,
.type-SF-entry.entry_type_title,
.type-SF-entry .tag_type,
.entry_type-tags[class*="SF"] .tag_type{
  background-color: var(--color-typ-SF);
}
/*　内装解体: DM（Demolition）*/
.about_type_list_item.type-DM,
.type-DM-entry.entry_type_title,
.type-DM-entry .tag_type,
.entry_type-tags[class*="DM"] .tag_type{
  background-color: var(--color-typ-DM);
}
/*　床・建具・金物: FD（Flooring & Doors）*/
.about_type_list_item.type-FD,
.type-FD-entry.entry_type_title,
.type-FD-entry .tag_type,
.entry_type-tags[class*="FD"] .tag_type{
  background-color: var(--color-typ-FD);
}
/*　その他: OT（Other）*/
.about_type_list_item.type-OT,
.type-OT-entry.entry_type_title,
.type-OT-entry .tag_type,
.entry_type-tags[class*="OT"] .tag_type{
  background-color: var(--color-typ-OT);
}

/**/
.entry_detail_header{
  padding-right: 32px;
}
.entry_detail_header h4{
  font-size: 18px;
  margin-bottom: 4px;
}
.entry_detail_area{
  font-size: 13.5px;
}
.entry_detail_area li{
  padding: 0 0 4px 16px;
  background-repeat: no-repeat;
  background-position: 0 2px;
}
.detail_address{
  background-image: url(../img/icon_map-marker.svg);
}
.detail_area{
  background-image: url(../img/icon_tools.svg);
}
.detail_user{
  background-image: url(../img/icon_user.svg);
}

.entry_detail_more{
  /*margin-top: 8px;
  padding-top: 8px;
  border-top: solid 1px #E2E2E2;*/
  display: none;
}
.entry_detail_more.is-open{
  display: block;
}

.entry_detail_more h5{
  font-size: 13px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.entry_detail_more h5::before{
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 8px;
  background: #ccc;
}
.entry_detail_more p{
  margin-bottom: 12px;
}
.entry_appeal_text,
.entry_wish_text{
  padding-left: 16px;
}
.detail_link_box{
  text-align: center;
  padding: 4px 0 8px;
}
.detail_link{
  display: inline-flex;
  padding: 8px 40px;
  font-size: 14px;
  font-weight: 600;
  background: #EFB816;
  border: solid 2px #EFB816;
  border-radius: 40px;
  position: relative;
  transition: all .2s;
}
.detail_link.re_link{
  background: #DD6322;
  border-color: #DD6322;
  color: #fff;
}
.detail_link::after{
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  right: 18px;
  top: 12px;
  mask-image: url(../img/icon_linktarget.svg);
  mask-repeat: no-repeat;
  mask-position: 0;
  mask-size: 100%;
  background: #000;
}
.detail_link.re_link::after{
  background: #fff;
}
.detail_link:hover{
  background: #fff;
  border-color: #999;
  color: #999;
}
.detail_link:hover::after{
  background: #999;
}

/**/
.js-toggle-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  border: none;
  outline: transparent;
  position: absolute;
  background: transparent;
  top: 4px;
  right: 0;
  cursor: pointer;
}
.js-toggle-btn::after{
  content: "";
  width: 8px;
  height: 8px;
  border-left: solid 3px #ccc;
  border-bottom: solid 3px #ccc;
  transform: rotate(-45deg);
  transition: all .2s;
}
.js-toggle-btn.is-open::after{
  transform: rotate(-225deg);
  margin-top: 4px;
}

/*__ footer / footnote __*/
.meetup_footnote{
  padding: 20px 15px 20px;
  margin-top: 20px;
  border-top: solid 1px #ccc;
  font-size: 13px;
  line-height: 1.2;
}
.meetup_footnote p + h3{
  margin-top: 1em;
}
.meetup_footnote a{
  text-decoration: underline;
}

.meetup_footer{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
}

.meetup-mep-night_body .meetup_footer,
.meetup-nisou-night_body .meetup_footer{
  color: #fff;
}
.meetup_footer_logo{
  max-width: 180px;
  margin: 20px auto 10px;
}

.btn_scroll-top{
  position: fixed;
  right: 8px;
  bottom: 16px;
  border: none;
  outline: transparent;
  background: #DD6322;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
  opacity: 0;
  transition: all .5s;
  z-index: 100;
}
.btn_scroll-top:hover{
  background: #fff;
  color: #DD6322;
}
.btn_scroll-top.is-active{
  opacity: 1;
}

.meetup_aside.meetup_enq{
  max-width: 900px;
  margin: 20px auto;
  padding: 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
}
.aside_inner{
  padding: 20px;
}

.meetup_enq p{
  line-height: 1.2;
}
.meetup_enq small{
  font-size: 80%;
}

.meetup_enq_btn{
  text-align: center;
}
.meetup_enq_btn a{
  display: inline-flex;
  padding: 8px 40px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 40px;
  border: solid 1px #454545;
  position: relative;
  transition: all .5s;
}
.meetup_enq_btn a::after{
  content: url('../img/icon_linktarget.svg');
  position: absolute;
  right: 18px;
  top: 9px;
}
.meetup_enq_btn a:hover{
  background: #eee;
}

/*----------------------animate----------------------------*/
.fade {
  opacity: 0;
  transition: all 0.6s ease;
}
.fade.show {
  opacity: 1;
}
.fade_txt,
.fade_txt_item{
    opacity: 0;
	overflow: hidden;
}
.fade.show .fade_txt{
	animation-name:slideTextX100;
	animation-duration: 2.5s;
	animation-fill-mode:forwards;
}
.fade.show .fade_txt_item{
	display: block;
	animation-name:slideTextX-100;
	animation-duration: 2.5s;
	animation-fill-mode:forwards;
}
.fade.show .fade_txt:nth-of-type(2),
.fade.show .fade_txt:nth-of-type(2) .fade_txt_item{
	animation-delay: 0.5s;
}
.fade.show .fade_txt:nth-of-type(3),
.fade.show .fade_txt:nth-of-type(3) .fade_txt_item{
	animation-delay: 1s;
}
.fade.show .fade_txt:nth-of-type(4),
.fade.show .fade_txt:nth-of-type(4) .fade_txt_item{
	animation-delay: 1.5s;
}
.fade.show .fade_txt:nth-of-type(5),
.fade.show .fade_txt:nth-of-type(5) .fade_txt_item{
	animation-delay: 2s;
}
.fade.show .fade_txt:nth-of-type(6),
.fade.show .fade_txt:nth-of-type(6) .fade_txt_item{
	animation-delay: 2.5s;
}

/*__ 参加申込 __*/
.form_container{
  padding: 0;
}
.meetup_section_sign-up .meetup_section_title{
  margin-top: 1em;
  line-height: 1.15;
}
.meetup_section_sign-up .meetup_section_title.has-border{
  margin-top: 3em;
  padding-top: 2em;
  border-top: solid 2px #eee;
}
.meetup_section_sign-up .text-center{
  text-align: center;
}
.meetup_section_sign-up .meetup_section_header{
  padding: 0 30px;
  font-size: 16px;
}
@media only screen and (min-width: 767.1px) {
  .meetup_section_sign-up .meetup_section_header{
    padding: 0 50px;
  }
}

.meetup_section_sign-up .meetup-coution-text{
  margin-top: 8px;
  font-size: 95%;
  line-height: 1.25;
}

.meetup_section_header a{
  text-decoration: underline;
  color: blue;
}

.meetup_section_header h4{
  line-height: 1.25;
}
.meetup_section_header h4 small{
  font-size: 85%;
}

.meetup_section_header p + h4,
.meetup_section_header p + h3{
  margin-top: 1.5em;
}
.meetup_section_header table,
.meetup_section_header dl{
  margin-bottom: 0.8em;
}
.meetup_section_header th,
.meetup_section_header td{
  vertical-align: top;
  line-height: 1.15;
  padding: 2px 0;
}
.meetup_section_header th{
  white-space: nowrap;
}
.meetup_section_header dt{
  float: left;
  font-weight: 700;
  padding-right: 0.5em;
}
.meetup-inbox{
  margin-bottom: 10px;
}
.meetup-inbox.has-border{
  padding: 10px 20px;
  border: solid 2px #ccc;
}