/* 共通 */
body .lpArea * {
margin: 0;
font-family: noto sans jp,メイリオ,Meiryo,ヒラギノ角ゴ pro,hiragino kaku gothic pro,Verdana,Arial,sans-serif,ＭＳ Ｐゴシック;
font-weight: 400;
font-size: 1.05rem;
}

.lpArea * {
box-sizing: border-box;
}

.lpArea table {
  margin-top: 20px;
}

.lpArea img {
max-width: 100%;
height: auto;
}

.lpArea .img-margin {
margin: 30px auto;
}

.sideBtn-scrolled {
  display: none;
}

.lpArea table td {
  font-size: 0.9rem;
}

.lpArea table td a:link {
  text-decoration: underline;
}

.lpArea table td a:hover {
  text-decoration: none;
}

/* POSITION（position）
------------------------------------------ */
.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

/* FLEX（flex）
------------------------------------------ */
.lpArea .flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}

.lpArea .flex-between {
justify-content: space-between;
}

.lpArea .flex-center {
justify-content: center;
}

.lpArea .flex-start {
justify-content: start;
}

.lpArea .flex-align-start {
align-items: start;
}

.lpArea .flex-align-end {
align-items: end;
}

.lpArea .flex-nowrap {
white-space: nowrap;
}

.lpArea .flex-item10 {
width: 10%;
}

.lpArea .flex-item20 {
width: 20%;
}

.lpArea .flex-item25 {
width: 25%;
}

.lpArea .flex-item30,
.lpArea .flex-item30_none {
width: 33%;
}

.lpArea .flex-item35 {
width: 40%;
}

.lpArea .flex-item40_none {
width: 40%;
}

.lpArea .flex-item45,
.lpArea .flex-item45_none {
width: 45%;
}

.flex-item50,
.flex-item50_none {
width: 50%;
}

.lpArea .flex-item55_none {
width: 55%;
}

.lpArea .flex-item60,
.lpArea .flex-item60_none {
width: 60%;
}

.lpArea .flex-item70 {
width: 70%;
}

.lpArea .flex-item80 {
width: 75%;
}


/* 固定ボタン
------------------------------------------ */
#bottom-btn,
#bottom-btn2 {
  z-index: 1000;
  bottom: 40px;
  right: -3px;
  position: fixed;
  line-height: 1.5;
  border-radius: 50px 0 0 50px;
  text-decoration: none;
  font-size: 15px;
}
#bottom-btn {
  bottom: 40px;
  background: linear-gradient(to right, #4861E8, #DD64E8);
  color: white;
  padding: 10px 30px;
  border: solid 3px #fff;
}

#bottom-btn2 {
  bottom: 110px;
  background: #fff;
  color: #4285F4;
  border: #4285F4 3px solid;
  width: 196px;
  text-align: center;
  padding: 8px 30px;
}

#bottom-btn2 .arrow-icon {
  margin-right: -10px;
  padding: 0 0 0 10px;
}

/* FV
------------------------------------------ */
.lpArea .fv {
background: url(../../../assets/img/products/lp/ibidi_pump_system/fv_bg.png) no-repeat center center;
background-size: cover;
width: 100%;
padding-top: 50px;
padding-bottom: 40px;
padding-left: calc(55% - 600px);
padding-right: calc(53% - 600px);
}

.lpArea .fv_inner {
  margin: 0 auto;
}

.lpArea .fv h1 {
font-size: 38px;
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 700;
padding: 0 0 15px;
}

.lpArea .fv .rounded-sides {
width: 100px;
height: 8px;
background-color: #3f77ec;
border-radius: 4px;
}

.lpArea .fv .guide {
margin: 30px auto;
}

.lpArea .fv .guide.SP {
margin: 0;
}

.lpArea .SP .guide {
margin-bottom: 0;
}

.lpArea .fv .contact_box {
margin: 20px auto;
}

.lpArea .fv .contact-button {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 32px;
border-radius: 50px;
background: linear-gradient(to right, #4861E8, #DD64E8);
color: white;
font-size: 1.2rem;
font-weight: bold;
text-decoration: none;
border: none;
cursor: pointer;
width: 95%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.2s, box-shadow 0.2s;
}

.lpArea .fv .contact-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.lpArea .fv .envelope-icon {
margin-right: 10px;
display: inline-flex;
align-items: center;
}

.lpArea .fv .demo-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 30px;
border-radius: 50px;
background-color: white;
color: #4285F4;
font-size: 1.2rem;
font-weight: bold;
text-decoration: none;
border: 2px solid #4285F4;
cursor: pointer;
width: 95%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.2s, box-shadow 0.2s;
}

.lpArea .fv .demo-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.lpArea .fv .arrow-icon {
margin-right: -10px;
color: #4285F4;
padding: 0 0 0 10px;
}

/* CONTENTS
------------------------------------------ */
.lpArea .ibidi_pump_system_contents {
width: 100%;
max-width: 1200px;
padding: 0 10px 50px;
margin: 3% auto;
}

/*目次*/
.lpArea .toc {
width: 100%;
background-color: #f3f4f9;
border-radius: 30px;
padding: 1% 0 2% 0;
}

.lpArea .toc .header {
display: flex;
align-items: center;
padding: 15px 2.5%;
color: #3B66CA;
font-weight: bold;
font-size: 22px;
}

.toc .hamburger-icon {
margin-right: 10px;
}

.toc .content-box {
width: 96%;
background-color: white;
border-radius: 22px;
padding: 25px 30px 1px;
margin: auto;
}

.lpArea .toc-item {
margin-bottom: 25px;
}

.lpArea .toc-main-item a {
font-weight: bold;
font-size: 20px;
display: inline-block;
margin-bottom: 12px;
}

.lpArea .toc-sub-item {
margin-left: 18px;
margin-bottom: 4px;
font-size: 16px;
color: #333;
}

.lpArea .toc-example {
margin-left: 32px;
margin-bottom: 12px;
font-size: 15px;
color: #555;
}

.lpArea .toc a {
text-decoration: none;
color: inherit;
}

.lpArea .toc a:hover {
text-decoration: underline;
}


/* セクションヘッダー */
.lpArea .section-header {
margin-top: 5%;
margin-bottom: 6%;
overflow: hidden;
border: 4px solid #3f77ec;
display: flex;
align-items: stretch;
background-color: #FFF;
}

.lpArea .section-title-number {
font-family: reem kufi,sans-serif;
background-color: #3f77ec;
color: white;
padding: 0 30px 0 15px;
font-weight: 700;
font-size: 26px;
position: relative;
display: flex;
align-items: center;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
width: 150px;
max-width: 30%;
justify-content: center;
}

.lpArea .section-title-text {
background-color: white;
color: #333;
padding: 8px 20px;
font-weight: bold;
font-size: 26px;
display: flex;
align-items: center;
flex-grow: 1;
max-width: 75%;
}

#ibidi-pump-functions {
margin-bottom: 3%;
/*セクション2のタイトル*/
}

/* サブセクション */
.lpArea .section-title {
background-color: #3f77ec;
color: white;
padding: 8px 25px;
margin: 30px 0 20px 0;
font-size: 22px;
font-weight: bold;
border-radius: 0;
}


.lpArea .section-content {
padding: 5px 10px 20px;
margin-block-start: 0em;
}

.lpArea .section-content.pd_bt_0 {
padding-bottom: 0;
}

#what-is-ibidi-pump_image {
width: auto;
height: 250px;
}

.lpArea .feature-list {
list-style-type: none;
padding-left: 0;
}

.lpArea .feature-list.PC {
margin-top: 0;
}

.lpArea .feature-list li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
line-height: 1.6;
}

.lpArea .feature-list li::before {
content: "•";
position: absolute;
left: 0;
color: #7492a1;
font-size: 20px;
line-height: 0.5;
top: 7px;
}

.lpArea .system-overview {
border-left: 4px solid #4285F4;
padding-left: 15px;
margin: 20px 0;
}

.lpArea .system-overview h3 {
font-weight: bold;
font-size: 1.3rem;
}

#fig2-1 {
max-width: 600px;
width: 100%;
}

.lpArea .fig3 {
width: 70%;
}

.lpArea .table-wrapper {
overflow-x: auto;
margin-bottom: 8%;
width: 100%;
}

.lpArea .table-wrapper table {
border-collapse: collapse;
width: 100%;
min-width: 800px;
}

.lpArea .table-wrapper th,
.lpArea .table-wrapper td {
border: 1px solid #ccc;
padding: 8px;
text-align: center;
vertical-align: middle;
}

.lpArea .table-wrapper th {
background-color: #f5f5f5;
}

.lpArea .table-wrapper .border-weight-left {
border-left: solid 1px black;
}

.lpArea .table-wrapper .border-weight-top {
border-top: solid 1px black;
}

.lpArea .table-wrapper .border-weight-bottom {
border-bottom: solid 1px black;
}

.lpArea .table-wrapper .border-weight-right {
border-right: solid 1px black;
}

.lpArea .table-wrapper .border-weight-left-blue {
border-left: solid 2px #3f77ec;
}

.lpArea .table-wrapper .border-weight-top-blue {
border-top: solid 2px #3f77ec;
}

.lpArea .table-wrapper .border-weight-bottom-blue {
border-bottom: solid 2px #3f77ec;
}

.lpArea .table-wrapper .border-weight-right-blue {
border-right: solid 2px #3f77ec;
}

.lpArea .table-wrapper th.type {
width: 150px;
}

.lpArea .table-wrapper th.flow {
width: 100px;
}

.lpArea .merit_table tbody tr:nth-child(n+2):nth-child(-n+6) td {
width: 26%;
}

.lpArea .table-bg-grey {
background-color: #f5f5f5;
}

.lpArea .table-bg-white {
background-color: transparent !important;
}

.lpArea .table-bg-blue {
background-color: #f6fcff !important;
}

.lpArea a.seihin-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 30px;
margin: 40px auto 0 auto;
border-radius: 50px;
background-color: #3f77ec;
color: #FFF;
font-size: 18px;
font-weight: bold;
text-decoration: none;
border: 2px solid #4285F4;
cursor: pointer;
width: 300px;
transition: background-color 0.2s, color 0.2s;
}

.lpArea .seihin-button:hover {
background-color: #f0f7ff;
color: #3f77ec;
opacity: 1;
}

.seihin-button .arrow-icon {
margin-right: -10px;
color: #FFF;
padding: 0 0 0 10px;
}

.seihin-button:hover .arrow-icon {
color: #3f77ec;
}



/*セクション２（背景がグレーのエリア）*/
.lpArea .bg-grey {
padding: 3% 0;
background-color: #f3f4f9;
}

.lpArea .section2_guide {
color: #3f77ec;
font-weight: bold;
margin-block-start: 0em;
margin-top: 0;
}

.lpArea .channel-slide-table_div {
margin-bottom: 3%;
}

.lpArea .channel-slide-table {
border-collapse: collapse;
width: 100%;
}

.channel-slide-table th,
.channel-slide-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
vertical-align: middle;
}

.channel-slide-table th {
background-color: #f2f2f2;
font-weight: bold;
}

.lpArea .product-cell {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px;
}

.lpArea .product-name {
text-align: left;
width: 60%;
}

.lpArea .product-image {
width: 40%;
text-align: right;
}

.product-image img {
max-width: 100px;
height: auto;
}

.lpArea .gradient-static {
background: linear-gradient(to right, #ff7700, #ffaa00, #7fba00);
color: white;
font-weight: bold;
text-align: center;
padding: 8px;
}

.lpArea .gradient-shear {
background: linear-gradient(to right, #ff0000, #800080, #0000ff);
color: white;
font-weight: bold;
text-align: center;
padding: 8px;
}

.lpArea .combined-product-row {
text-align: left;
}

.lpArea .combined-product-cell {
display: flex;
justify-content: space-between;
align-items: center;
}

.lpArea .product-names {
width: 60%;
text-align: left;
}

/*事例*/
.lpArea .case_header {
background-color: #4285F4;
color: white;
padding: 15px 40px;
border-radius: 15px 15px 0 0;
margin-top: 8%;
}

.case_header .header-content {
display: flex;
align-items: center;
gap: 20px;
}

.case_header .case-number {
background-color: white;
color: #4285F4;
padding: 5px 20px;
border-radius: 15px;
font-weight: bold;
font-size: 18px;
}

.case_header .title {
font-size: 18px;
font-weight: bold;
margin: 0;
}


.case_header .title a {
font-weight: bold;
color: white;
text-decoration: none;
border-bottom: 2px solid white;
padding-bottom: 3px;
}

.lpArea .case_main-content {
padding: 30px 40px 10px 40px;
background-color: #FFF;
border-radius: 0 0 15px 15px;
}

.case_main-content .description {
margin-bottom: 30px;
font-size: 16px;
max-width: 900px;
}

.case_main-content .features-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}

.case_main-content .feature-card {
background-color: #f3f4f9;
border-radius: 15px;
padding: 25px;
flex: 1;
min-width: 300px;
}

.case_main-content .feature-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}

.case_main-content .feature-number {
background-color: #4285F4;
color: white;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 15px;
flex-shrink: 0;
}

.case_main-content .feature-title {
color: #4285F4;
font-size: 20px;
font-weight: bold;
margin: 0;
}

.case_main-content .feature-description {
margin-bottom: 20px;
font-size: 15px;
}

.case_main-content .notext {
display: inline-block;
height: 15px;
}

.case_main-content .feature-image {
text-align: center;
margin-top: 20px;
}

.case_main-content .feature-image img {
max-width: 100%;
height: auto;
}

.case_main-content .feature-movie-guide {
margin: 25px auto;
}

.case_main-content .feature-movie-guide2 {
margin: 10px auto 25px;
font-size: 11px;
text-align: center;
}

.case_main-content .large-feature-card {
background-color: #F5F7FA;
border-radius: 15px;
padding: 25px;
width: 100%;
margin-bottom: 30px;
}

.case_main-content .images-container {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 20px;
flex-wrap: wrap;
}

.case_main-content .image-with-caption {
flex: 1;
max-width: 27%;
text-align: center;
}

.case_main-content .image-with-caption#fig4-18 {
max-width: 50%;
}



.case_main-content .image-with-caption .feature-movie {
max-width: 250px;
}

.lpArea .perfusion-movie {
max-width: 60%;
}

.case_main-content .image-with-caption_30 {
flex: 1;
max-width: 30%;
text-align: center;
}

.case_main-content .image-with-caption img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}

.case_main-content .caption {
font-size: 12px;
color: #7492a1;
text-align: center;
line-height: 1.2;
margin-top: 5px;
}

.case_main-content .method-image {
position: relative;
text-align: center;
}

.case_main-content .method-image img {
max-width: 100%;
border: 1px solid #ddd;
background-color: #e6f2ff;
}

.case_main-content .arrow-icon {
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
color: #4285F4;
font-size: 24px;
z-index: 2;
}

.case_main-content .left-arrow {
left: -15px;
right: auto;
}

.lpArea .image-caption {
font-size: 12px;
text-align: right;
color: #666;
margin-top: 5px;
}

.case_main-content .method-header {
display: flex;
flex-direction: column;
margin-bottom: 15px;
min-height: 115px;
/* 確保する最小の高さ - titleとsubtitleの最大高さを確保 */
}

.case_main-content .method-header .feature-number {
background-color: #4285F4;
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}

.case_main-content .method-header .feature-title {
color: #4285F4;
font-size: 20px;
font-weight: bold;
margin: 0;
}

.case_main-content .method-header .subtitle {
font-size: 14px;
color: #666;
margin-top: 5px;
}

.lpArea .perfusion-guide {
font-size: 13px;
margin: 0 auto 25px 20%;
text-align: left;
color: #7492a1;
}

.lpArea .perfusion-guide2 {
font-size: 13px;
margin: 0 auto 25px;
text-align: center;
color: #7492a1;
}

/* Key part that ensures image alignment */
.case_main-content .method-content {
display: flex;
flex-direction: column;
flex: 1;
}

.lpArea .method-image-row {
display: flex;
align-items: flex-start;
margin-top: 10px;
/* ヘッダーと画像の間隔 */
margin-bottom: 30px;
/* 次のセクションとの間隔 */
justify-content: space-between;
gap: 20px;
}

.lpArea .method-image-container {
flex: 1;
}

.case_main-content .method-image {
position: relative;
text-align: center;
}

.case_main-content .method-image img {
max-width: 100%;
border: 1px solid #ddd;
background-color: #e6f2ff;
}

.case_main-content .arrow-icon {
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
color: #4285F4;
font-size: 24px;
z-index: 2;
}

/*µ-Slide III 3D Perfusionを使用した長期３D（ゲル）培養*/
.lpArea .fig5-1,
.lpArea .fig5-2 {
max-width: 30%;
}

.lpArea .culture-container {
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
}

.culture-container .culture-row {
display: flex;
gap: 20px;
justify-content: start;
}

.culture-container .culture-item {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 27%;
max-width: 100%;
position: relative;
height: 180px;
margin: 0 2.5% 0;
/* 固定の高さを設定 */
}

.lpArea .culture-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
width: 100%;
min-height: 40px;
}

.lpArea .culture-number {
background-color: #4285F4;
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: bold;
flex-shrink: 0;
}

.lpArea .culture-title {
font-size: 16px;
font-weight: bold;
line-height: 1.2;
}

.lpArea .culture-subtitle {
font-size: 14px;
color: #3f77ec;
width: 100%;
}

.lpArea .culture-image-wrapper {
width: 100%;
margin-top: auto;
position: relative;
}

.lpArea .culture-image {
width: 100%;
height: 180px;
position: relative;
overflow: hidden;
display: flex;
align-items: start;
margin-top: 10px;
}

.lpArea .culture-image img {
width: 100%;
height: auto;
display: block;
}


.culture-container .note {
display: inline-block;
color: #666;
font-size: 12px;
margin-top: 5px;
text-align: left;
width: 100%;
min-height: 12px;
}

#fig5-9 {
width: 60%;
}

/*お客様の声*/
.lpArea .testimonial-container {
margin-bottom: 30px;
display: flex;
align-items: flex-start;
}

.testimonial-container .avatar-container {
flex: 0 0 120px;
margin-right: 20px;
}

.testimonial-container .avatar {
width: 130px;
height: 130px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

.testimonial-container .avatar img {
width: 85%;
height: 85%;
object-fit: contain;
}

.testimonial-container .content-container {
flex: 1;
background-color: #eef5ff;
border-radius: 15px;
padding: 35px 50px;
position: relative;
}

.testimonial-container .content-container:before {
content: '';
position: absolute;
left: -20px;
top: 50px;
border-width: 10px;
border-style: solid;
border-color: transparent #eef5ff transparent transparent;
}

.testimonial-container .title,
.testimonial-container .title * {
color: #4285F4;
font-size: 22px;
font-weight: bold;
margin-top: 0;
margin-bottom: 20px;
line-height: 140%;
}

.testimonial-container .description {
margin: 0;
font-size: 16px;
}

.testimonial-container .description p {
margin-bottom: 15px;
}

.testimonial-container .description p:last-child {
margin-bottom: 0;
}

/*関連記事*/
.lpArea .related-articles-container {
background-color: #f8f9fa;
border-radius: 15px;
padding: 40px 10% 40px 10%;
max-width: 700px;
margin: 10% auto 5% auto;
}

.related-articles-container .related-title {
text-align: center;
font-size: 22px;
font-weight: bold;
margin-bottom: 30px;
position: relative;
}

.related-articles-container .related-title:before,
.related-articles-container .related-title:after {
content: '';
height: 1px;
background-color: #333;
width: 80px;
position: absolute;
top: 50%;
}

.related-articles-container .related-title:before {
left: 22%;
}

.related-articles-container .related-title:after {
right: 22%;
}

.related-articles-container .main-heading {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

.related-articles-container .sub-headings {
list-style-type: none;
padding: 0;
margin: 0 0 30px 0;
}

.related-articles-container .sub-heading-item {
margin-bottom: 10px;
font-size: 16px;
}

.related-articles-container .second-main-heading {
display: block;
text-align: left;
margin-top: 30px;
font-size: 16px;
font-weight: bold;
color: #333;
text-decoration: none;
}

.related-articles-container .toc-link {
color: #333;
text-decoration: none;
}

.related-articles-container .toc-link:hover {
color: #4285F4;
}


.lpArea .voice_contact_box {
margin: 10% auto 20px auto;
}

.lpArea .voice_contact_box .flex-item {
width: 50%;
max-width: 320px;
padding: 0 10px;
}

.lpArea .voice_contact_box .seihin-button {
display: flex;
align-items: center;
justify-content: center;
padding: 16px 30px;
margin: 0 auto;
border-radius: 50px;
background: #3f77ec;
color: white;
font-size: 18px;
font-weight: bold;
text-decoration: none;
border: none;
cursor: pointer;
width: 300px;
max-width: 100%;
transition: transform 0.2s, box-shadow 0.2s;
}

.voice_contact_box .seihin-button:hover .arrow-icon {
  color: #f2f5fa;
}

.testimonial-container .description p.name { 
  font-size: 0.9rem;
  color: #7492a1;
  line-height: 135%;
}

.lpArea .seller,
.lpArea .seller a {
  padding: 30px 0 0;
  text-align: center;
  color: #3f77ec;
}

.lpArea .seller a { 
  text-decoration: underline;
}

.lpArea .voice_contact_box .seihin-button:hover {
opacity: 0.8;
}

.lpArea .ibidi_link .demo-button,
.lpArea .voice_contact_box .demo-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 30px;
margin: 0 auto;
border-radius: 50px;
background-color: white;
color: #4285F4;
font-size: 18px;
font-weight: bold;
text-decoration: none;
border: 2px solid #4285F4;
cursor: pointer;
width: 300px;
max-width: 100%;
transition: background-color 0.2s, color 0.2s;
}

.ibidi_link .demo-button:hover,
.voice_contact_box .demo-button:hover {
opacity: 0.8;
}

.ibidi_link .demo-button .arrow-icon,
.voice_contact_box .demo-button .arrow-icon {
margin-right: -10px;
color: #4285F4;
padding: 0 0 0 10px;
}


/* 動画埋め込み */
.movie          { background: #fff; border: 1px solid #4285F4; border-radius: 15px; }
.movie div div  { margin: 20px 2% 10px; }
.movie iframe   { width: 100%; height: 180px; display: block; margin: 0 auto; }
.movie p        { font-size: 14px; text-align: center; padding: 10px 0 0; line-height: 1.2rem; }
.movie p a      { line-height: 1.2rem; font-size: 0.95rem; }
.movie p .sub   { display: block; font-size: 0.8rem; }
.movie.mv_2 h3  { background: #4285F4; color: #fff; font-weight: bold; font-size: 18px; padding: 8px 5%; width: 400px; text-align: center; margin: -23px auto 0; border-radius: 30px; }
.movie.mv_1       { margin: 20px auto 80px; }
.movie.mv_2       { margin: 70px auto 0; }
.movie.mv_1 > div { padding: 10px 2% }
.movie.mv_2 > div { padding: 20px 2% }
.movie.mv_1 .flex-item25  { width: 29%; }
.movie.mv_1 .flex-item35  { padding: 10px 2%; }
.movie.mv_2 iframe        { height: 250px; }


/* ibidi公式リンク */
.lpArea .ibidi_link { background-color: #f8f9fa; text-align: center; padding: 60px 0; }
.lpArea .ibidi_link .ibidi_logo { padding: 0 0 30px; }



/* PCのみ */
@media screen and (min-width: 735px) {
  .lpArea .SP {
  display: none;
}
}



/* スマホ版 */
@media screen and (max-width: 735px) {
  .lpArea .PC {
  display: none;
}

body {
  font-size: 16px;
}

.lpArea .right_center {
  text-align: center;
}

.lpArea .flex-item10,
.lpArea .flex-item20,
.lpArea .flex-item25,
.lpArea .flex-item30,
.lpArea .flex-item35,
.lpArea .flex-item45,
.lpArea .flex-item50,
.lpArea .flex-item60,
.lpArea .flex-item70,
.lpArea .flex-item80 {
  width: 100%;
}

.lpArea .reverse {
  flex-direction: column-reverse
}

/*固定ボタン*/
#bottom-btn {
  padding: 10px 25px 10px 42px;
}

#bottom-btn2 {
  padding: 10px 6px 10px 14px;
  width: 100px;
}

#bottom-btn2 .arrow-icon {
  display: none;
}

/*FV*/
.lpArea .fv {
  background: url(../../../assets/img/products/lp/ibidi_pump_system/fv_bg_SP.png) no-repeat center center;
  background-size: cover;
  padding-top: 52px;
  padding-bottom: 10px;
}

.lpArea .fv_inner {
  width: 100%;
  margin: 0 auto;
}

.lpArea .fv_spinner {
  background: url(../../../assets/img/products/lp/ibidi_pump_system/fv_image_.png) no-repeat right 30px;
  background-size: 230px;
}

.lpArea .fv h1 {
  font-size: 29px;
  line-height: 1.4;
  padding-left: 20px;
}

.lpArea .fv .rounded-sides {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: auto;
}

.lpArea .fv .guide {
  padding-left: 20px;
  margin: 0;
}

.lpArea .fv .guide.liquid {
  width: 43%;
  margin: 30px 0 0;
  word-break: normal;
}

.lpArea .fv .contact-button,
.lpArea .fv .demo-button {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

/*目次*/
.toc .header {
  font-size: 20px;
}

.toc .content-box {
  padding: 25px 5% 1px;
}

.lpArea .toc-main-item {
  font-size: 16px;
}

.lpArea .toc-sub-item {
  font-size: 15px;
}

/*セクションタイトル*/
.lpArea .section-title-number {
  padding: 5px 15px 5px 7px;
  font-size: 17px;
  width: 80px;
}

.lpArea .section-title-text {
  font-size: 17px;
}

.lpArea .section-title {
  font-size: 17px;
}

.lpArea .section-content {
  font-size: 14px;
}

/*ポンプシステムの原理*/
.lpArea .working-principle2-image {
  width: 200px;
  margin-top: 50px;
}

.lpArea .seihin-button {
  font-size: 16px;
  margin: 40px auto 30px auto;
}


#what-is-ibidi-pump_image {
  height: 250px;
}

.lpArea .table-wrapper {
  font-size: 14px;
}

/*ポンプシステムにできること*/
.lpArea .section2_guide {
  font-size: 14px;
}

/*事例*/
.lpArea .case_header {
  padding: 15px 20px;
}

.case_header .title {
  font-size: 16px;
}

.case_header .case-number {
  font-size: 16px;
  padding: 5px 10px;
  min-width: 70px;
}

.lpArea .case_main-content {
  padding: 30px 10px;
}

.case_main-content .image-with-caption {
  width: 100%;
  max-width: 100%;
  flex: 0 1 auto;
}

.case_main-content .image-with-caption_30 {
  width: 100%;
  max-width: 100%;
  flex: 0 1 auto;
}

.case_main-content .feature-number {
  font-size: 17px;
  width: 30px;
  height: 30px;
}

.case_main-content .feature-title {
  font-size: 17px;
}

.case_main-content .feature-movie-guide {
  font-size: 14px;
  line-height: 1.2;
}

.case_main-content .feature-movie-guide2 {
  font-size: 12px;
}

.lpArea .perfusion-guide {
  margin: 5px auto 30px auto;
  font-size: 12px;
  line-height: 1.2;
}

.lpArea .perfusion-guide2 {
  font-size: 12px;
  line-height: 1.2;
}

.lpArea .culture-image {
  height: auto;
}

.lpArea .culture-number {
  width: 30px;
  height: 30px;
  font-size: 17px;
}

.lpArea .culture-row {
  flex-direction: column;
  align-items: center;
}

.lpArea .culture-item {
  width: 100%;
  margin-bottom: 30px;
  height: auto;
  /* スマホ表示では高さを自動調整 */
  min-height: 180px;
  max-width: 320px;
}


.lpArea .case_main-content .image-with-caption#fig4-18 {
  width: 100%;
  max-width: 100%;
}

.lpArea .fig5-1,
.lpArea .fig5-2 {
  max-width: 100%;
  text-align: center;
}

.lpArea .fig5-1 img,
.lpArea .fig5-2 img {
  width: 80%;
}

.case_main-content .feature-movie-guide2 {
  margin: 10px auto 25px 5%;
}

/*お客様の声*/
.testimonial-container .content-container {
  padding: 15px 20px;
}

.testimonial-container .avatar-container {
  flex: 0 0 70px;
}

.testimonial-container .avatar {
  width: 80px;
  height: 80px;
}

.testimonial-container .title {
  font-size: 17px;
}

.testimonial-container .description p {
  font-size: 14px;
}

.lpArea .voice_contact_box .flex-item {
  width: 100%;
  max-width: 100%;
}

.lpArea .voice_contact_box .seihin-button {
  margin-bottom: 20px;
}



/*関連記事*/
.related-articles-container .related-title:before {
  left: 2%;
  width: 60px;
}

.related-articles-container .related-title::after {
  right: 2%;
  width: 60px;
}

.related-articles-container .sub-headings {
  line-height: 1.2;
  font-size: 15px;
}
}