@charset "UTF-8";
/* CSS Document */
/*start page reset*/
h3, h2, h4, dl, dt, dd, ul, li{
    margin-block-start: 0;
    margin-block-end: 0;
	margin-inline-start: 0;
	padding-inline-start:0;
}
.product_comments_content_intro{
	max-width:inherit;
}
/*end page reset*/
.bm-seminar{
    max-width: 780px;
    margin-bottom: 5%;
    padding-top: 5%;
    font-size: clamp(16px, 1vw, 25px);
    line-height: 1.8;
    background: #000;
    color: #FFF;
    margin: 0 auto;
}
.product_main .product_comments_content_intro_html img.h2ttl{
	/*width: 60%;*/
	max-width: 511px;
}
@media screen and (max-width:640px){
	.bm-seminar .pc{
		display: none;
	}
}
@media screen and (min-width:641px){
	.bm-seminar .sp{
		display: none;
	}
}
.bm_intro{
	margin-top: 1em;
padding: 0 5% 5% 5%;
}
h2.bm_ttl{
	border-top:3px solid #ffba00;
	padding: 2em 0;
}
h2.bm_ttl img{
	width: 70%;
	max-width: 511px;
	margin: 0 auto;
}
h3.bm_sttl{
	max-width: 200px;
	margin:0 auto;
}
.bm-seminar .bm_main-v{
}
.bm_bottle{
	background: #000;
	color: #FFF;
	margin: 5% auto;
}
ul.bm_blonde{
	width: 90%;
	margin: 30px auto;
}
ul.bm_blonde li h4{
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin: 15px 0;
}
ul.bm_blonde li:nth-child(2) span{
	background: #333;
	color: #FFF;
	padding: 3%;
	display: block;
	margin-top: 1em;
	text-align: center;
}
@media screen and (max-width:640px){
	ul.bm_blonde li:nth-child(1) img{
		width: 60%;
		margin: 0 auto;
	}
}
@media screen and (min-width:641px){
	ul.bm_blonde{
		display: flex;
	}
	ul.bm_blonde li:nth-child(1){
	width: 35%;
}
	ul.bm_blonde li:nth-child(2){
		width: 65%;
	}
}
@media screen and (min-width:641px){
	ul.bm_bottle_list{
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	ul.bm_bottle_list li{
		width: 46%;
        padding: 2%;
        border: 1px solid #999;
        margin: 2% 1%;
	}
}
@media screen and (max-width:640px){
	ul.bm_bottle_list{
		width: 90%;
		margin: 0 auto;
	}
	ul.bm_bottle_list li{
		margin-top: 2em;
		border-top:1px solid #999;
		padding-top: 1em;
	}
	ul.bm_bottle_list li:first-child{
		border:none;
		padding-top:0;
	}
	.bm_bottle{
		padding-bottom: 5%;
	}
}
ul.bm_bottle_list dl.bm_bo_col{

}
ul.bm_bottle_list dl.bm_bo_col dt{
	position: relative;
}
ul.bm_bottle_list dl.bm_bo_col dt img{
	width:60%;
	margin: 1em auto;
}
ul.bm_bottle_list dl.bm_bo_col dt img.i_new{
	width:30%;
	max-width: 100px;
	position: absolute;
	left:0;
	top:0;
	margin-top: -1em;
}
ul.bm_bottle_list dl.bm_bo_col dd{

}
h4.bm_bo-ttl{
	font-size: 1.3em;
	line-height: 1.2;
}
.bm_bo-spec{
	text-align: right;
}
.bm_bo-txt{
	font-size: 0.9em;
	margin-top: 1em;
}
/* ==========================================================================
   共通スタイル（元の指定をベースに維持）
   ========================================================================== */
.bm_teacher {
  background: #000;
  color: #FFF;
  margin: 5% 0;
}
.bm_teacher h2.bm_teacher_ttl {
  font-size: 1.5em;
  text-align: center;
}
span.ttl_profile {
  display: block;
  width: 30%;
  max-width: 100px;
  margin-bottom: 10px;
}
.bm_teacher_list_sholder {
  line-height: 1.2;
  font-size: 1.3em;
  font-weight: 500;
}
.bm_teacher_list_name {
  text-align: right;
  font-size: 1.5em;
  margin-top: 0.5em;
  font-weight: bold;
}
.bm_teacher_list_txt {
  margin-top: 1em;
}
.bm_teacher_list_img img {
  width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
   パソコン用レイアウト（641px以上）
   ========================================================================== */
@media screen and (min-width: 641px) {
  .bm_teacher_container {
    display: grid;
    margin: 0 5% 60px;
    column-gap: 5%;
    align-items: start; /* 上揃え */
  }

  /* 各要素にエリア名を割り当て */
  .bm_teacher_list_sholder { grid-area: sholder; }
  .bm_teacher_list_name    { grid-area: name; }
  .bm_teacher_list_img     { grid-area: img; }
  .bm_teacher_list_txt      { grid-area: txt; }

  /* 大場さん：左テキスト（55%）、右画像（40%） */
  .bm_teacher_container.ooba {
    grid-template-columns: 55% 40%;
    grid-template-areas:
      "sholder img"
      "name    img"
      "txt     img";
  }

  /* 今村さん：左画像（40%）、右テキスト（55%） */
  .bm_teacher_container.imamura {
    grid-template-columns: 40% 55%;
    grid-template-areas:
      "img sholder"
      "img name"
      "img txt";
  }
}

/* ==========================================================================
   スマートフォン用レイアウト（640px以下）
   ========================================================================== */
@media screen and (max-width: 640px) {
  .bm_teacher_container {
    width: 90%;
    margin: 0 auto 50px;
  }
  .bm_teacher_list_sholder {
    margin-top: 1em;
  }
  .bm_teacher_list_img {
    margin: 20px 0; /* 画像の上下に余白 */
    text-align: center;
  }
  .bm_teacher_list_img img {
    width: 70%;
    margin: 0 auto;
  }
}

.bm_outline{
	margin:5% 0;
	padding: 5% 0;
	background: #FFF;
	color: #000;
}
.bm_outline h2.bm_ttl{
	border: none;
}
.bm_outline dl.bm_outline_list{
	display: flex;
	flex-wrap: wrap;
	max-width: 700px;
	margin: 0 auto;
}
.bm_outline dl.bm_outline_list dt,
.bm_outline dl.bm_outline_list dd{
	border-bottom: 1px solid #000;
	padding: 0.25em 1em;
	margin-top: 1em;
}
@media screen and (min-width:641px){
	.bm_outline dl.bm_outline_list dt{
		width: 15%;
	}
	.bm_outline dl.bm_outline_list dd{
		width: 85%;
	}
}
@media screen and (max-width:640px){
	.bm_outline dl.bm_outline_list dt{
		width: 25%;
	}
	.bm_outline dl.bm_outline_list dd{
		width: 75%;
	}
}
.bm_outline dl.bm_outline_list dd a{
	color:#9E0306;
}
.bm_lab{
	width: 90%;
	max-width: 600px;
	margin: 2em auto;
	text-align: center;
}
.bm_lab .bm_lab_add{
	margin-top: 1em;
}
.bm_lab .bm_lab_traffic{
	margin-top: 1em;
}
.bm_lab .bm_lab_map{
	max-width: 300px;
	margin: 1.5em auto;
	border: 1px solid #FFF;
	padding: 0.5em 1em;
}
.bm_lab .bm_lab_map a{
	color:#FFF;
}
.bm_attention{
	background: #FFF;
	color: #000;
	padding: 5% 0;
	font-size: 0.9em;
}
dl.bm_stop-alc{
	display: flex;
	width: 90%;
	margin: 2em auto;
	font-size: 0.9em;
}
@media screen and (min-width:641px){
	dl.bm_stop-alc dt{
		width: 5%;
	}
	dl.bm_stop-alc dd{
		width: 92%;
		margin-left: 3%;
	}
}
@media screen and (max-width:640px){
	dl.bm_stop-alc dt{
		width: 10%;
	}
	dl.bm_stop-alc dd{
		width: 87%;
		margin-left: 3%;
	}
}
dl.bm_stop-alc dd span{
	border:1px solid #FFF;
	padding: 0.25em;
}