@charset "utf-8";
/* Theme Name : /themes/hanamidori/ */
main { background:#111; }
.logo_mark { width:60%; max-width:300px; margin:-80px auto 30px;}
.bg_gra1 {
color:#fff; background-image:linear-gradient(180deg, #000000, #00000047 40%);
min-height:100vh;
}
.bg_gra2 {
color:#fff; background-image:linear-gradient(0deg, #000000, #00000047 90%);
min-height:100vh;
}
/* .bg_gra3 { 
background:linear-gradient(180deg, #f9f3e4, transparent), url([assetsimg]common/bg_ryusui.png); 
background-position:center top; background-size:cover; 
}
.bg_gra4 { 
background:linear-gradient(180deg, #f7f1eb, transparent), url([assetsimg]common/bg_ryusui.png); 
background-position:center top; background-size:cover; 
padding-bottom:6vh;
} */
/* .sec__mv .catch .sub { position:relative; top:.5em; font-style:normal; }
.sec__mv .catch .sub::after { 
content:""; position:absolute; right:-1.5em; height:1px;
width:1em; bottom:.6em; border-top:1px solid #fff; 
}
.sec__mv .catch .sub::before { 
content:""; position:absolute; left:-1.5em; height:1px;
width:1em; bottom:.6em; border-top:1px solid #fff; 
} */
.sec__mv2 { padding:6vh 0 10vh; font-family:var(--font-mincho); justify-content:center; align-content:center; }
.sec__mv2 .flex { align-items:center; gap:4vw; width:80vw; }
.sec__mv2 h2 { padding:0; margin-bottom:.8em; font-size:clamp(34px, 4vw, 62px) }
.sec__mv2 h2 em,
.sec__omotenashi h2 em { display:block; margin-bottom:.8em; font-size:clamp(18px, 1.2rem, 22px); line-height:1.2; font-style:normal; }
.sec__omotenashi h2 { font-size:clamp(34px, 4vw, 62px); text-align:center; margin-bottom:2rem; }
.sec__omotenashi h3 { margin-bottom:1em; line-height:1.2; text-align:center; color:var(--color-gold); font-size:clamp(18px, 1.2rem, 28px); }

.sec__mv2 figure,
.sec__mv2 div { flex-basis:50%; width:100%; }
.bg_gra2 figure { text-align:center; }
.sec__mv2 figure img { max-height:70vh; }
.sec__mv2 figure.posi_right img:last-child { width:min(50%, 80%); position:absolute; bottom:-80px; right:-2vw; }
.sec__mv2 figure.posi_left img:last-child { width:min(50%, 80%); position:absolute; bottom:-80px; left:-2vw; }
.sec__mv2 figure.posi_left { width:100%; text-align:right; }
.hr_hakataori { padding-bottom:6vh; margin:0; height:180px; border:0;/*background:#F7F1EB url([assetsimg]common/hr_hakataori.png) repeat-x left -5px;*/ }
.sec__omotenashi .flex { max-width:80vw; margin:0 auto; font-family:var(--font-mincho); }
.sec__omotenashi figure { /*flex-basis:32%;*/ top:-1em; }
.sec__omotenashi figure.posi_left { width:100%; text-align:right; }
.sec__omotenashi img { max-width:410px; width:100%; border-radius:50%; }
/* .sec__omotenashi div { align-self:center; flex-basis:50%; padding-left:1em; } */
.sec__omotenashi div span { 
  display:inline-block; position:absolute; left:-3.5em; top:.2em; padding:0 .4em;
  height:2.75em; line-height:2.7; font-size:70%;
  background: var(--color-gold); color: #fff; border-radius:50%;
}
.link_readmore { text-align:center; }
/* 
@media screen and (min-width:980px) {
.sec__omotenashi .flex { max-width:96vw; }
.pc-ini4 {padding-left:3em;justify-content:flex-end; }
}
@media screen and (max-width:979px) {
.sec__omotenashi .flex { max-width:96vw; }
.sec__omotenashi figure.posi_left ,
.sec__omotenashi figure.posi_right img { max-width: 200px; }
.sec__omotenashi div { padding-left:3em; }

} */

.container_talk {  
  width:80vw; max-width:1400px; margin:0 auto; font-family:var(--font-mincho); display:grid;
  grid-template-columns: 1fr 1fr 1fr; grid-template-rows:auto;
  gap: 0px;
  grid-auto-flow: row;
  grid-template-areas: "a b b" "a c c" "d d e"; 
}
.a { grid-area: a; }
.b { grid-area: b; padding: 2em 4em 0; }
.c { grid-area: c; padding: 2em 4em;}
.d { grid-area: d; padding: 1em 4em;}
.e { grid-area: e; }
@media screen and (min-width:981px) {
 .hr_hakataori{ margin-top:6vh; }
}
@media screen and (max-width:980px) {
/*.sec__mv2 { padding:8vh 0 4vh; }*/
.sec__mv2 .flex { width:90vw; }
p { letter-spacing: -.03em; }
.sec__mv2 figure img { width:65vw; margin-left:4vw; }
.bg_gra3.sec__mv2 .flex { flex-direction:column-reverse; }
.sec__omotenashi figure.posi_left img:first-child{ width:auto; height:30vh; }

.sec__mv2 figure.posi_left { text-align:left; }
.sec__mv2 figure.posi_right img:last-child,
.sec__mv2 figure.posi_left img:last-child { left:auto; right:0; bottom:-2vh; height:15vh; }
.sec__mv2 div { margin-top:5vh; }
.container_talk { width:100vw; 
grid-template-columns:1fr 1fr; grid-template-rows:auto; 
 grid-template-areas: "a e " "b b" "c c" "d d"; 
}
.container_talk div { margin: 0 auto; }
.a { /*padding-top:1em;*/ }
.e { padding-top:2em; }
.b, .c, .d { padding:0 0 1em 2.5em; width:calc(100% - 8vw); }
.link_readmore p { text-align:left; }

}