#contents {
    position: relative;
    z-index: 3;
	background: #fff;
	margin-top: -1px;
}
#top-bg {
    position: relative;
    z-index: 3;
}
#footer iframe {
display: none;
}
.custom-shape-divider-bottom-1763616914 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    Overflow: Hidden;
    Line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1763616914 svg {
    position: relative;
    display: block;
    width: calc(125% + 1.3px);
    height: 75px;
}

.custom-shape-divider-bottom-1763616914 .shape-fill {
    fill: #00A62F;
}

/** タブレット端末の場合 **/
@media (min-width: 768px) and (max-width: 1023px) {
    .custom-shape-divider-bottom-1763616914 svg {
        width: calc(127% + 1.3px);
        height: 53px;
    }
}

/** モバイル端末の場合 **/
@media (max-width: 767px) {
    .custom-shape-divider-bottom-1763616914 svg {
        width: calc(131% + 1.3px);
        height: 42px;
    }
}


.foot-wrapper {
    position: relative;
    z-index: 3;
}
.p-8 {
    padding: 6rem !important;
}

body {
color: #333;
}
img {
margin: 0;
padding: 0;
vertical-align: top;
}
.bg-green {
background:#00A62F;
}
.bg-gray {
background: #F2F2F2;
}
h2,h3 {
font-family: "MFW-UDShinGoNTPro-Bold";
color:#00A62F;
margin: 0;
}
h2 {
font-size: 2.9rem;
line-height: 1.5;
z-index: 100;
position:relative;
}
p#lead {
line-height: 2;
font-family: "MFW-UDShinGoNTPro-Bold";
font-size: 1.8rem;
}
span.txt-circle{
    width: 3.5rem;
    height: 3.5rem;
    border: 10px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
}
h3 {
font-size: 1.5rem;
}
h4 {
color: #20a8da;
font-size: 1.3rem;
}
p {
line-height: 2;
font-family: "MFW-UDShinGoNTPro-Medium";
font-size: 1.3rem;
z-index: 100;
position:relative;
}

h2#main-copy {
font-size: 4rem;
}
.corner {
border-radius:20px;
}


.bg-green h2,.bg-green h3,.bg-green p {
color: #fff;
}
.orange {
color: #EA7500;
}
.blue {
  text-decoration: underline; /* 下線 */
  text-decoration-thickness: 0.5em; /* 線の太さ */
  text-decoration-color: rgba(0,166,233,0.3); /* 線の色 */
  text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}
#f01, #f02, #f03, #f04, #f05, #f06, #f07, #history {
position: relative;
}

.linkbutton a {
padding: 5px 30px;
border-radius: 15px;
text-decoration: none;
background: #20a8da;
color: #fff;
display: inline-block;
border:2px solid #20a8da;
cursor: pointer;
}

.linkbutton a:hover {
background: #fff;
color: #20a8da;
}
.linkbutton a.products {
display:block;
}


/*========= 模様の動き ===============*/

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg); /* 360度で1回転 */
  }
}
@keyframes mochimochi {
  0% {
    transform: scale(1, 0.8);
  }
  20% {
    transform: scale(0.8, 1.1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.8);
  }
}
@keyframes fuwafuwa1 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes fuwafuwa2 {
  0% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes fuwafuwa3 {
  0% {
    transform: translateY(0px);
  }
  30% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}


.animate-mochimochi img {
animation: mochimochi 2s infinite;
}
.animate-rotate img {
animation: rotate 5s linear infinite;
}
.animate-fuwafuwa1 img {
animation: fuwafuwa1 3s infinite;
}
.animate-fuwafuwa2 img {
animation: fuwafuwa1 2.5s infinite;
}
.animate-fuwafuwa3 img {
animation: fuwafuwa2 2.5s infinite;
}
.animate-fuwafuwa4 img {
animation: fuwafuwa3 3s infinite;
}
.animate-fuwafuwa5 img {
animation: fuwafuwa1 2.5s infinite;
}

.dot div {
position:absolute;
}
.dot01 {
left: 0vw;
top:-15vh;
z-index: 100;
}
.dot02 {
right:5vw;
top:-10vh;
}
.dot03 {
left:7vw;
top:15vh;
}
.dot04 {
right:0;
top:35vh;
}
.dot05 {
left:10vh;
top:120vh;
}

.dot07 {
right:0vh;
top:120vh;
}
.dot08 {
right:7vh;
top:150vh;
}

.dot09 {
left: 5vw;
top:10vh;
z-index: 50;
}
.dot10 {
left: 5vw;
top:40vh;
z-index: 50;
opacity: 0.5;
filter: blur(1px);
}
.dot11 {
right: 2vw;
top:15vh;
z-index: 50;
opacity: 0.5;
filter: blur(1px);
}
.dot12 {
left: 15vw;
top:0vh;
z-index: 50;
opacity: 0.5;
filter: blur(1px);
}
.f01-dot01 {
left:5vw;
top:-10vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot02 {
right:0;
top:-70vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot03 {
left:40vw;
top:10vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot04 {
right:0;
top:70vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot05 {
left:5vw;
top:130vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot06 {
left:40vw;
top:140vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot07 {
left:10vw;
top:260vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot08 {
right:0;
top:180vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot09 {
left: 40vw;
top: 250vh;
z-index: 50;
opacity: 0.3;
}
.f01-dot10 {
    left: 45vw;
    top: 310vh;
    z-index: 50;
    opacity: 0.3;
}

/*========= 動画設定 ===============*/

.video_wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
}
video {
    width: 100%;
}

#movie {
    position: relative;
    height: 100%;
    text-align: center;
    /* color: #fff; */
    /* background-size: cover; */
    /* width: 100%; */
    aspect-ratio: 19.8 / 10;
	}
#movie video {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    margin-top: 6em;
}

#movie video.sp {
display: none;
}
#movie video.pc {
display: block;
}




/*========= 機能部分 ===============*/

span.number{
display: block;
color: #fe9e22;
font-family: "MFW-UDShinGoNTPro-Regular";
}
span.award{
display: block;
color: #00A62F;
font-family: "MFW-UDShinGoNTPro-Regular";
}

/*========= 円の形状 ===============*/

 .blob-container {
    width: 100%;
    padding-top: 100%; /* 正方形比率 */
    position: relative;
	margin-top: -120px;
  }
  svg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
  }
  .text-block {
    margin-top: 10px;
  }
  

/*========= 波の形状 ===============*/

.shape01-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	margin-top: -1px;
}

.shape01-top svg {
    position: relative;
    display: block;
    width: calc(143% + 1.3px);
    height: 88px;
}

.shape01-top .shape-fill {
    fill: #F2F2F2;
}

/** For tablet devices **/
/** For tablet devices **/
@media (min-width: 811px) and (max-width: 1023px) {
    .shape01-top svg {
        width: calc(143% + 1.3px);
        height: 69px;
    }
}

/** For mobile devices **/
@media (max-width: 810px) {
    .shape01-top svg {
        width: calc(166% + 1.3px);
        height: 51px;
    }
}

.shape02-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	margin-top: -1px;
}

.shape02-top svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 177px;
}

.shape02-top .shape-fill {
    fill: #00a62f;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .shape02-top svg {
        width: calc(300% + 1.3px);
        height: 125px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .shape02-top svg {
        width: calc(300% + 1.3px);
        height: 82px;
    }
}

.shape03-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	margin-top: -1px;
}

.shape03-top svg {
    position: relative;
    display: block;
    width: calc(139% + 1.3px);
    height: 59px;
    transform: rotateY(180deg);
}

.shape03-top .shape-fill {
    fill: #FFFFFF;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .shape03-top svg {
        width: calc(185% + 1.3px);
        height: 50px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .shape03-top svg {
        width: calc(173% + 1.3px);
        height: 22px;
    }
}

.shape04-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	margin-top: -1px;
}

.shape04-top svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 177px;
}

.shape04-top .shape-fill {
    fill: #F2F2F2;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .shape04-top svg {
        width: calc(300% + 1.3px);
        height: 125px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .shape04-top svg {
        width: calc(300% + 1.3px);
        height: 82px;
    }
}

.shape05-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	margin-top: -1px;
}

.shape05-top svg {
    position: relative;
    display: block;
    width: calc(143% + 1.3px);
    height: 88px;
}

.shape05-top .shape-fill {
    fill: #00a62f;
}

/** For tablet devices **/
/** For tablet devices **/
@media (min-width: 811px) and (max-width: 1023px) {
    .shape05-top svg {
        width: calc(143% + 1.3px);
        height: 69px;
    }
}

/** For mobile devices **/
@media (max-width: 810px) {
    .shape05-top svg {
        width: calc(166% + 1.3px);
        height: 51px;
    }
}

.shape06-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	margin-top: -1px;
}

.shape06-top svg {
    position: relative;
    display: block;
    width: calc(300% + 1.3px);
    height: 177px;
}

.shape06-top .shape-fill {
    fill: #F2F2F2;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .shape06-top svg {
        width: calc(300% + 1.3px);
        height: 125px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .shape06-top svg {
        width: calc(300% + 1.3px);
        height: 82px;
    }
}

.shape07-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	margin-top: -1px;
}

.shape07-top svg {
    position: relative;
    display: block;
    width: calc(143% + 1.3px);
    height: 88px;
}

.shape07-top .shape-fill {
    fill: #FFF;
}

/** For tablet devices **/
/** For tablet devices **/
@media (min-width: 811px) and (max-width: 1023px) {
    .shape07-top svg {
        width: calc(143% + 1.3px);
        height: 69px;
    }
}

/** For mobile devices **/
@media (max-width: 810px) {
    .shape07-top svg {
        width: calc(166% + 1.3px);
        height: 51px;
    }
}


.custom-shape-divider-bottom-1763783082 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1763783082 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 39px;
}

.custom-shape-divider-bottom-1763783082 .shape-fill {
    fill: #FFFFFF;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .custom-shape-divider-bottom-1763783082 svg {
        width: calc(100% + 1.3px);
        height: 41px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .custom-shape-divider-bottom-1763783082 svg {
        width: calc(202% + 1.3px);
        height: 46px;
    }
}




#branch {
    background: #F2F2F2 url(images/branch_bg.png) no-repeat top center;
	margin-top: -1px;
}

#soforo-category {
	clip-path: ellipse(70% 70% at 50% 25%);
    position: relative;
}

#fukidashi {
position: relative;
min-height:400px;
display: block;
}
#fukidashi-sp {
display: none;
}
#fukidashi img {
width: 280px;
}

#fukidashi01 {
	position:absolute;
	left: 0;
	top: 0;
}
#fukidashi02 {
	position:absolute;
	left: 20%;
	top: 10%;
}
#fukidashi03 {
	position:absolute;
	left: 40%;
	top: 15%;
}
#fukidashi04 {
	position:absolute;
	left: 60%;
	top: 10%;
}
#fukidashi05 {
	position:absolute;
	left: 80%;
	top: 0;
}


/*========= 枝の動き ===============*/

  .branch-waku {
    display:flex;
    gap:30px;
    align-items:flex-end;
	justify-content: center;
  }

  .set{
    display:flex;
    flex-direction:column;
    align-items:center;
    position:relative;
  }

  .circle, .circle-extra{
    border-radius:50%;
    background:#2FA341;
    opacity:0;
    transform:scale(0.6);
    transition: all 0.6s ease;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 19px;
  }

  .circle-extra {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
  }

  .circle:nth-child(2){ width:40px; height:40px; margin-bottom:15px; }
  .circle:nth-child(3){ width:60px; height:60px; }
  .circle:nth-child(4),  .set2 .circle:nth-child(3),  .set4 .circle:nth-child(3) { width:160px; height:160px; }

  .set4 .circle:nth-child(2) { width:60px; height:60px; }
  .set2 .circle:nth-child(2) { width:80px; height:80px; }

  /* 各セットの重なり調整 */
  .set1, .set5 { top:-70px; }
  .set3 { top:30px; }
  .set4 { top:-30px; }
  .set1 .circle:nth-child(3){ margin-top: -5px; }
  .set1 .circle:nth-child(4){ margin-top: -30px; }
  .set2 .circle:nth-child(2){ margin-top: 30px; }
  .set2 .circle:nth-child(3){ margin-top: -10px; }
  .set3 .circle:nth-child(3){ margin-top: -8px; }
  .set3 .circle:nth-child(4){ margin-top: -30px; }
  .set4 .circle:nth-child(2){ margin-top: 10px; }
  .set4 .circle:nth-child(3){ margin-top: -35px; }
  .set5 .circle:nth-child(3){ margin-top: 0px; }
  .set5 .circle:nth-child(4){ margin-top: -30px; }

  /* ポヨンアニメーション（控えめバネ感） */
  @keyframes soft-bounce {
    0%   { transform: scale(0.8); }
    60%  { transform: scale(0.98); }
    100% { transform: scale(1); }
  }

  .circle.show, .circle-extra.show{
    opacity:1;
    animation: soft-bounce 0.6s cubic-bezier(.25,.8,.5,1) forwards;
  }

  /* 文字ラベル */
  .label {
    display: inline-block;
    white-space: nowrap;
  }

  /* セットごとの文字回転補正 */
  .set1 .label { transform: rotate(-40deg); }
  .set2 .label { transform: rotate(-20deg); }
  .set3 .label { transform: rotate(0deg); }
  .set4 .label { transform: rotate(20deg); }
  .set5 .label { transform: rotate(40deg); }


.custom-shape-divider-bottom-1763618477 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1763618477 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 120px;
}

.custom-shape-divider-bottom-1763618477 .shape-fill {
    fill: #F2F2F2;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .custom-shape-divider-bottom-1763618477 svg {
        width: calc(100% + 1.3px);
        height: 90px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .custom-shape-divider-bottom-1763618477 svg {
        width: calc(100% + 1.3px);
        height: 63px;
    }
}



/*========= 特徴を生かした製品・活用例 ===============*/

#products p {
line-height: 1.8;
font-size: 1rem;
}
/*.item-box {
    width: calc((100% - 3 * 1.5rem) / 3);
}*/

/*========= サラヤとソホロ(ソホロリピット) ===============*/

.history-year p {
font-size: 1.3rem;
font-weight: bold;
line-height: 1.5;
font-family: "MFW-UDShinGoNTPro-Medium";
}
.history-year .row {
border-top: 2px dotted #00a62f;
}



/*========= モーダルの設定 ===============*/
  
body {
  margin: 0;
  padding: 0;
}

    .section {
      padding: 60px 20px;
      text-align: center;
    }

    .modal__trigger {
      display: inline-block;
      color:#00A62F;
      padding: 10px 20px;
      border-radius: 6px;
      cursor: pointer;
      margin: 10px;
      text-decoration: underline;
    }


/* ===== モーダル本体 ===== */
.modal__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500; /* 全体の最上位 */
  width: 100%;
  height: 100%;
  display: none;
}

.modal__layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; /* 背景 */
  width: 100%;
  height: 100%;
  background: rgba(50, 50, 50, 0.85);
  cursor: pointer;
}

 .modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2; /* 背景より前に！ */
  transform: translate(-50%, -50%);
  width: min(calc(100% - 40px), 1000px);
  max-height: calc(100vh - 80px); /* 上下40pxずつ余白 */
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  border: 5px solid #00A62F;
  background: #F2F2F2;
  overflow: visible; /* ← はみ出し要素（closeボタン）を見えるようにする */
}
 .modal__container h2 {
 font-size: 2.5rem;
 }
 .modal__container p {
font-size:1rem;
line-height: 1.8;
}
.modal__close {
  position: absolute;
  top: -25px; /* ← モーダル外にはみ出すように */
  right: -25px;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity .3s;
  z-index: 20;
  border: 3px solid #00A62F;
}

    .modal__inner {
      position: relative;
      padding: 0;
      overflow-y: auto;
      flex: 1;
    }

    .modal__close:before,
    .modal__close:after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 4px;
      background: #00A62F;
      content: '';
    }

    .modal__close:before {
      transform: translate(-50%, -50%) rotate(45deg);
    }

    .modal__close:after {
      transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* ===== レスポンシブ ===== */
    @media (max-width: 768px) {
      .modal__container {
        width: 85%;
        height: 90%;
      }
.modal__close {
    top: -15px;
    right: -15px;
  width: 50px;
  height: 50px;
}
 .modal__container p {
font-size:0.9rem;
line-height: 1.6;
}
 .modal__container .small {
    font-size: 75%;
}
    }
@media (max-width: 480px) {
      .modal__container {
        width: 80%;
        height: 90%;
      }
}

.modal__container table {
border: 0;
}
.modal__container table th {
background: #76bedb;
color: #fff;
text-align: center;
padding: 8px;
border: 1px solid #fff;
}
.modal__container table td {
background: #fff;
color: #333;
padding: 8px;
border: 1px solid #76bedb;
}
.modal__container table td.soforo {
background: rgba(255,118,179,0.2);
}
	
  /* モーダル内　波の形状 */
 
  
.modal-shape01 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	margin-top: -1px;
}

.modal-shape01 svg {
    position: relative;
    display: block;
    width: calc(135% + 1.3px);
    height: 60px;
}

.modal-shape01 .shape-fill {
    fill: #00A62F;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .modal-shape01 svg {
        width: calc(175% + 1.3px);
        height: 95px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .modal-shape01 svg {
        width: calc(169% + 1.3px);
        height: 46px;
    }
}


.modal-shape02 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	margin-top: -1px;
}

.modal-shape02 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 27px;
    transform: rotateY(180deg);
}

.modal-shape02 .shape-fill {
    fill: #00A62F;
}

/** For mobile devices **/
@media (max-width: 767px) {
    .modal-shape02 svg {
        width: calc(100% + 1.3px);
        height: 13px;
    }
}

/*========= 受賞 ===============*/
#award.bg-green p {
color: #333;
line-height: 1.5;
}

/*========= 論文 ===============*/
#ronbun li {
line-height: 1.8;
}

/*========= youtube ===============*/

#expo-movie {
border:#00A62F 2px dotted;
position: relative;
}
#expo-movie img {
position:absolute;
top:-50px;
width:200px;
}
#expo-movie p {
font-size: 1.1rem;
}
.youtube_wrap {
aspect-ratio: 16 / 9;
}
.youtube_wrap iframe {
width: 100%;
height: 100%;
}





/*==============================*/

/*ここからレスポンシブ対応*/

/*==============================*/

@media (max-width: 810px) {
.p-8 {
    padding: 2rem !important;
}
h2 {
font-size: 1.4rem;
line-height: 1.3;
}
span.txt-circle{
    width: 1.4rem;
    height: 1.4rem;
    border: 5px solid #FFF;
}
h3 {
font-size: 1.2rem;
}
h4 {
font-size: 1rem;
}
p {
line-height: 1.8;
font-size: 0.9rem;
}
#movie {
	aspect-ratio: 12 / 10;
}
#movie video {
    margin-top: 60px;
}
#movie video.sp {
display: block;
}
#movie video.pc {
display: none;
}


.modal__container {
border: 2px solid #00A62F;
}
.modal__container h2 {
padding: 5px 20px;
 font-size: 1.5rem;
}

.branch-waku {
display:none;
}

h2#main-copy {
font-size: 2rem;
line-height: 1.4;
}


.prev-arrow,
.next-arrow {
    width: 30px;
    height: 30px;
}
.prev-arrow {
position: absolute;
top:35%;
left:10px;
z-index: 10;
}
.next-arrow {
position: absolute;
top:35%;
right:10px;
z-index: 10;
}
.arrow_box {
margin-top: -30px;
margin-bottom:20px;
}
.slick-slider img {
margin: 0;
}


#soforo-category {
	clip-path: ellipse(90% 70% at 50% 25%);
}

/*========= 円の形状 ===============*/
 .blob-container {
margin-top:-50px;
 }
 
.dot {
display:none;
}




/*========= 特徴を生かした製品・活用例 ===============*/

#products p {
line-height: 1.8;
font-size: 0.9rem;
}


/*========= サラヤとソホロ(ソホロリピット) ===============*/

.history-year p {
font-size: 1rem;
}


#fukidashi {
display: none;
}
#fukidashi-sp {
display: block;
}

#ronbun li {
font-size: 0.8rem;
}


p#lead{
font-size: 1.2rem;
line-height: 1.5;
}

#expo-movie img {
top:-40px;
width:150px;
}
#expo-movie p {
font-size: 0.9rem;
}

}



@media screen and (min-width:810px) and (max-width:1536px) {
.blob-container {
	margin-top: -100px;
  }
  
  #fukidashi img {
width: 200px;
}
#fukidashi {
min-height:250px;
max-width: 950px;
}

}