@charset "utf-8";
.concept_wide img,
.concept2 .web2_right img,
.concept4 .web4_left img { display: block; width: 100%; height: auto; }
* + .midashiliBox { margin-top: 3em; }
.midashiliBox { border-left: .5em solid #1E1E1E; padding: 0 0 0 1em; display: inline-block; }
.midashiliBox *:nth-child(1) { font-size: 300%; font-family: din-2014, sans-serif; font-weight: 600; line-height: 1; }
.midashiliBox *:nth-child(2) { text-align: right; line-height: 1.6; }
.concept2 .midashiliBox, .concept3 .midashiliBox { margin-bottom: 2.2vw; }
.concept_wide {width: 92.8%;margin-left: 7.2%;margin-bottom: 4.68vw;}
.concept2 .web2_container { background: none; }
.concept2 .web2_left > p { line-height: 2.2; color: #777; margin-bottom: 1.6em; text-align: justify; }
.concept2 .web2_left > p:last-of-type { margin-bottom: 0; }
.concept2 .web2_right {width: 45.5%;}
.concept3 .web5_container {background: url(../images/meet/meet_txt.svg) no-repeat left 8.8vw top 2vw / 32%;}

.concept3 .web5_container .web2_left {width: 52%;}
.concept3 .web2_left > p { line-height: 2.2; color: #777; text-align: justify; }
.concept3 .company2_bottom { display: grid; grid-template-columns: repeat(2, 38%); grid-template-rows: 1fr 1fr; grid-auto-flow: column; justify-content: end; column-gap: 2.5vw; padding-top: 5vw; }
.concept3 .company2_bottom ul { display: contents; }
.concept3 .company2_bottom ul li { padding-top: 1vw; }
.concept3 .company2_bottom ul li:last-of-type { margin-bottom: 1.56vw; }
.concept3 .company2_bottom ul li::before { top: -0.2vw; }
.concept3 .company2_bottom ul li p:last-of-type { font-size: 14px; line-height: 2; }
.concept3 .company2_bottom ul li p:first-of-type { line-height: 1.6; }
.web4_left { width: 50%;}
.concept4 .web4_right_bgWhite ul { margin-right: 5.208vw; justify-content: space-between; }
.concept4 .web4_right_bgWhite .business_title_sub {width: auto;text-align: end;margin: 0 0 2.6vw 0;}
.concept4 { padding-bottom: 1.5vw; }
.concept4 .web4_right_bgWhite { padding-top:0;}
.concept5 {padding: calc(2.5vw + 3em) 0 5vw;}
.concept_body > p {color: #777;line-height: 2.2;max-width: 46em;margin-bottom: 1.6em;}
.concept_body > p:last-child { margin-bottom: 0; }

.concept_match {display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 4vw;margin: 0 0 2em;}
.concept_match_title {font-size: 16px;font-weight: 700;color: #1E1E1E;padding-bottom: 0.7em;border-bottom: 1px solid #1E1E1E;margin-bottom: 1.2em;}
.concept_match_yes li { position: relative; padding-left: 1.5em; color: #1E1E1E; line-height: 2.1; margin-bottom: 0.6em; }
.concept_match_yes li::before { content: ''; position: absolute; left: 0; top: 0.9em; width: 6px; height: 6px; border-radius: 50%; background: #0068B4; }
.concept_match_no li { position: relative; padding-left: 1.6em; color: #777; line-height: 2.1; margin-bottom: 0.6em; }
.concept_match_no li::before { content: ''; position: absolute; left: 0; top: 1.05em; width: 0.7em; height: 1px; background: #999; }
.concept6 { padding-bottom: 8vw; }
.concept_pillars {align-items: center;justify-content: space-between;margin: 2vw 0 0 0;}
.concept_pillars_left { width: 32%; }
.concept_pillars_catch {font-size: 2vw;font-weight: 700;line-height: 1.75;color: #1E1E1E;margin-bottom: 1.8vw;word-break: auto-phrase;}
.concept_pillars_close { color: #777; line-height: 2.2; margin-bottom: 2.4vw; }
.concept_pillars_left .link_wrapper { justify-content: flex-start; }

.concept_pillars_grid { width: 63%; display: grid; grid-template-columns: 1fr 1fr 1fr; }
.concept_pillars_grid > div { padding: 0.5vw 1.8vw; text-align: center; }
.concept_pillars_grid > div + div { border-left: 1px solid #ccc; }
.concept_pillar_icon { display: block; width: 3.6em; height: 3.6em; margin: 0 auto 1.3em; background-repeat: no-repeat; background-position: center; background-size: contain; }
.concept_pillar_icon_web { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231E1E1E" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="4.5" y="4" width="15" height="10.5" rx="1.2"/><path d="M3 18.5h18l-1.7-4H4.7z"/><path d="M10 7l4.6 1.9-2 .8-.8 2z" fill="%231E1E1E" stroke="none"/></svg>'); }
.concept_pillar_icon_idea { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231E1E1E" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M12 4a5.4 5.4 0 0 0-3.1 9.8c.7.5 1.1 1.25 1.3 2.1h3.6c.2-.85.6-1.6 1.3-2.1A5.4 5.4 0 0 0 12 4z"/><path d="M10.2 18.4h3.6"/><path d="M10.8 20.9h2.4"/><path d="M12 .9v1.3"/><path d="M5.7 3.2l.95.95"/><path d="M18.3 3.2l-.95.95"/></svg>'); }
.concept_pillar_icon_hand { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%231E1E1E" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="m11 17 2 2a1 1 0 1 0 3-3"/><path d="m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4"/><path d="m21 3 1 11h-2"/><path d="M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3"/><path d="M3 4h8"/></svg>'); }
.concept_pillar_en {font-size: 1.3vw;font-weight: 700;line-height: 1.3;text-align: center;}
.concept_pillar_ja {font-weight: 700;margin-top: 0.5em;text-align: center;}
.concept_pillar_bar { display: block; width: 5.5em; height: 1px; background: #1e1e1e; margin: 1.3em auto; }
.concept_pillar_desc {font-size: 90%;color: #777;line-height: 2;}

/*--------------------------------------------------------------------
  レスポンシブ
--------------------------------------------------------------------*/
@media(max-width:1024px) {
.concept_pillars_catch { font-size: 2.3vw; }
.concept_pillar_en { font-size: 15px; }
}
@media(max-width: 1000px) {
.concept3 .web5_container .web2_left {width: 53%;}
.concept2 .web2_right {width: 83%;margin: 3em 0 0 0;}
}
@media(max-width:800px) {
.concept_match { grid-template-columns: 1fr; grid-row-gap: 2.2em; }
.concept3 .web5_container {background-position: right 0px top 4vw;background-size: 24%;}
.concept3 .web5_container .web2_left {width: 83%;}
.concept3 .company2_bottom {grid-template-columns: 83%;grid-template-rows: none;grid-auto-flow: row;padding-top: 8vw;}
.concept3 .company2_bottom ul li { padding-top: 2.5vw; }
.concept3 .company2_bottom ul li::before { top: 0.8vw; }
.concept3 .company2_bottom ul li p:first-of-type { font-size: 17px; }
.concept3 .company2_bottom ul li p:last-of-type { font-size: 13px; }
.web4_left { width: 92.8%; }
.concept5 { padding-top: calc(5vw + 3em); }
.concept6 { padding-bottom: 14vw; }
.concept_pillars { margin-left: 0; }
.concept_pillars_left { width: 100%; }
.concept_pillars_catch { font-size: 5vw; margin-bottom: 4vw; }
.concept_pillars_close { margin-bottom: 5vw; }
.concept_pillars_grid { width: 100%; grid-template-columns: 1fr; margin-top: 8vw; }
.concept_pillars_grid > div { padding: 6.5vw 0; }
.concept_pillars_grid > div + div { border-left: none; border-top: 1px solid #ccc; }
.concept_pillar_en { font-size: 17px; }
}

@media(max-width:650px) {
.midashiliBox *:nth-child(1) { font-size: 250%; }
}

@media(max-width:600px) {
.concept3 .web5_container .web2_left {width: 94%;}
.concept3 .company2_bottom {grid-template-columns: 94%;}
.concept3 .company2_bottom ul li p:first-of-type { font-size: 16px; }
.concept2 .web2_right { width: 86%; }
.concept_pillars_catch { font-size: 5.6vw; }
.web4_right .page_title_h1 {text-align:left;padding-left: 5vw;font-size: 13vw;}
.concept4 .web4_right_bgWhite .business_title_sub {text-align:left;margin-right: 0;}
}
@media(max-width:450px) {
.company2.concept2 {padding-top: 2.5em;}
.company2.concept2 .web2_wrapper .business_side_text {top: -1.5em;}
.concept2 .web2_right {margin-top:1.5em;}
.web5.concept3 {padding-top: 1em;}
.web5.concept3 .web5_wrapper .business_side_text {top: -1.1em;}
.concept_match {margin: 0 0 1em;}
.web4_right_bgWhite { padding-top: 1em; }
}