@charset "utf-8";
/* CSS Document */
html {
  scroll-behavior: smooth;
}
body{color: #333333;}
#ciaru, #anzen, #line {
  scroll-margin-top: 100px;
}
p {
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8em;
}
.mainimg {
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(to right, #FEDE8A, #F4C3D2) 1;
  background-image: url(../img/tsubame/bg_products.png);
  background-repeat: repeat;
  background-position: center center;
  text-align: center;
}
.line {
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(to right, #FEDE8A, #F4C3D2) 1;
  background-image: url(../img/tsubame/bg_products.png);
  background-repeat: repeat;
  background-position: center center;
  margin: 100px 0px 100px 0px;
  position: relative;
}
.line img {
  position: absolute;
  right: 0;
  left: 0;
  width: 250px;
  margin: 0 auto;
  top: -30px;
}
a.button {
  width: fit-content;
  padding: 10px 20px;
  margin: 27px auto 72px
}
/*アコーディオン全体*/
.accordion-area {
  list-style: none;
  width: 65%;
  max-width: 900px;
  margin: 0 auto 88px;
}
.accordion-area li {
  margin: 0;
}
ul > li:last-child {
  border-bottom: 1px solid #C1C1C1;
}
.bana3 ul li {
  line-height: 2em;
}
.kodawari .anatsubametxt {
  max-width: 680px;
  margin-inline: auto;
  text-align: left;
  margin-bottom: 50px;
}
.anatsubametxt + ul {
  max-width: 600px;
  margin-inline: auto;
  text-align: left;
	color: #333333;
}
.anatsubametxt + ul li {
  line-height: 2em;
	color: #333333;
}
.accordion-area section {
  border-top: 1px solid #C1C1C1;
}
/*アコーディオンタイトル*/
.titlepro {
  position: relative; /*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size: 1rem;
  font-weight: normal;
  transition: all .5s ease;
  margin-bottom: 0px;
  padding: 20px 0;
}
/*アイコンの＋と×*/
.titlepro::before, .titlepro::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  background-color: #333;
}
.titlepro::before {
  top: 48%;
  right: 15px;
  transform: rotate(0deg);
}
.titlepro::after {
  top: 48%;
  right: 15px;
  transform: rotate(90deg);
}
/*　closeというクラスがついたら形状変化　*/
.titlepro.close::before {
  transform: rotate(45deg);
}
.titlepro.close::after {
  transform: rotate(-45deg);
}
/*アコーディオンで現れるエリア*/
.box {
  display: none;
  background: #F9F8F5;
  padding: 3%;
}
.box p {
  font-size: 0.8rem;
}
/*アコーディオンここまで*/
.sec1 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  margin: 0 40px;
}
.sec1 .title {
  font-family: "Raleway", sans-serif;
  font-size: 28px;
  letter-spacing: 0.13em;
  position: absolute;
  left: 0;
  right: 0;
  top: -1em;
  text-align: center;
}
.sec1 .brandname {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  margin-bottom: 30px;
  text-align: center;
}
.sec1 .sec1txt2 {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}
.t2800 {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.bana3 {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
  margin-bottom: 43px;
  padding-left: 40px;
  padding-right: 40px;
}
.bana3 div {
  width: 32%;
}
.bana3 div p {
  font-family: "Sawarabi Gothic", sans-serif;
}
.bana3 div a {
  display: block;
  color: #333333;
  text-align: center;
  text-decoration: none;
  padding-top: 30px;
  padding-bottom: 30px;
  background: linear-gradient(#FFF1A5, #FFC4D6);
  border-radius: 50px;
}
.bana3 div a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  margin-left: 10px;
  border-top-left-radius: 0px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transition: transform 0.3s;
}
.para {
  border-top: 4px solid transparent;
  border-image: linear-gradient(to right, #FEDE8A, #F4C3D2) 1;
  height: 260px;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/tsubame/pc_poducts_tsubame_view2.jpg");
}
.kodawari {
  text-align: center;
  position: relative;
  padding-top: 76px;
  padding-bottom: 54px;
}
.kodawari img {
  width: 80px;
  position: absolute;
  top: -39px;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.kodawari p {
  color: #333333;
  font: 16px/2.2em "Noto Sans JP", sans-serif;
  padding-left: 40px;
  padding-right: 40px;
}
.kodawari > p:first-of-type {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 30px;
  margin-bottom: 15px;
  text-align: center;
}
.sora {
  background-image: url(../img/tsubame/bk-sky-pc.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  padding-top: 65px;
  padding-bottom: 65px;
}
.sora-wrap {
  max-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
.sora-wrap2.first {
  margin-bottom: 40px;
}
.sora-title {
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 110px;
  position: absolute;
  top: -26px;
}
.sora-wrap2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sora-wrap2 div {
  width: 48%;
}
.sora-wrap2-title {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 24px;
  line-height: 20px;
  margin-bottom: 20px;
}
.sora-wrap2-title span span {
  font-size: 40px;
}
.marker-animate {
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 2
}
.marker-animate::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 0;
  height: 0.4em;
  background: #FFF1A5;
  transition: width 1s ease;
  transition-delay: 0.8s;
  z-index: -1; /* 文字の下にする */
}
.marker-animate.active::after {
  width: 100%;
}
.sora-wrap2.second {
  display: flex;
  flex-wrap: wrap; /* 折り返しする */
  gap: 20px; /* dl同士の隙間を開ける（任意） */
  align-items: stretch; /* ★これが高さを揃えるポイント！★ */
}
.sora-wrap2 dl {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column; /* 子要素を縦並びに */
  justify-content: space-between; /* 上下に広げる！ */
}
.sora-wrap2 dt {
  font-family: "Noto Sans JP", sans-serif;
  background-color: #FFF1A5;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px;
  font-size: 18px;
}
.sora-wrap2 dd {
  background-color: #FFFFFF;
  border-left-color: #F2F0EA;
  border-right-color: #F2F0EA;
  border-bottom-color: #F2F0EA;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 25px;
  font-size: 15px;
  line-height: 1.8em;
  height: 100%;
  font-family: "Noto Sans JP", sans-serif;
}
.tsubame-spoon-w {
  background: linear-gradient(to bottom, #F5F5F5, #E2E2E2);
}
.tsubame-spoon {
  border-top: 4px solid transparent;
  border-image: linear-gradient(to right, #FEDE8A, #F4C3D2) 1;
  height: 228px;
  background-image: url(../img/tsubame/tsubame-spoon-pc.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.cial {
  background-image: url(../img/tsubame/bg_graf.png);
  background-repeat: repeat;
  background-position: center center;
  padding-top: 35px;
	margin-bottom: 80px;
}
.cial-main {
  max-width: 1040px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
}
.cial-main .cial-sec1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.cial-main .cial-sec1 div:nth-child(1) {
  width: 30%;
}
.cial-main .cial-sec1 div:nth-child(2) {
  width: 65%;
}
.cial .siaru-toku {
  max-width: 1040px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.cial .siaru-tokutyoup {
  background: linear-gradient(to bottom, #FEDE8A, #F4C3D2);
  text-align: center;
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 24px;
  border-radius: 50px;
  margin-bottom: 20px;
}
.siaru-zu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px
}
.siaru-zu > div {
  width: 17%;
}
.fluid-wrapper {
  margin-bottom: 15px;
}
.fluid-wrapper .fluid p {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 20px;
  margin-left: auto !important;
}
.siaru-zu div p {
  font-size: 15px
}
.siar-hyou-waku {
  background-color: #FFFFFF;
  padding: 34px 20px;
  margin-bottom: 20px;
}
.siar-hyou-waku.last {
  margin-bottom: 50px;
}
.sial-hyou {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sial-hyou > div {
  width: 48%;
}
.sial-hyou-right {
  display: flex;
  flex-direction: column;
}
.sial-hyou-right p {
  font-size: 15px;
}
.sial-hyou-right p:first-of-type, .item.item1 p:first-of-type {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 18px;
  background-color: #5C5C5C;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50px;
  padding: 10px;
  margin-bottom: 20px;
}
.sial-hyou > p:last-of-type {
  font-size: 12px
}
#cboxClose {
  background: url(../img/tsubame/btn_close.png) no-repeat center center;
  background-size: 100%;
  width: 80px;
  height: 80px;
  text-indent: -9999px;
  overflow: hidden;
  top: 15px;
  right: 15px;
}
.sial-hyou-left {
  position: relative;
}
a.colorbox.op.cboxElement {
  position: absolute;
  right: 0;
  /* left: auto; */
  width: 50px;
  text-align: right;
}
.meyasuwrap {
  display: block; /* スマホでは縦並び */
  background-color: #FFFFFF;
  padding: 34px 20px;
}
.meyasuwrap .item.item1 p:nth-child(2) {
  margin-bottom: 20px;
}
.arrow {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}
.aisyou {
  margin-bottom: 30px;
}
.aisyou p {
  text-align: center;
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 1.4em;
}
.aisyou p span {
  font-size: 1.6em;
}
/*サークル*/
.circle-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 50px;
  width: 100%;
}
.circle p {
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: normal;
  font-size: 1.2em;
}
.circle-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  background: #FFC8D5;
  z-index: 0;
}
.circle {
  width: 22%;
  height: 60px;
  border: 4px solid #FFF1A5;
  border-radius: 50px;
  background: white;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  box-sizing: border-box;
}
/*サークル*/
.meyasuwrap, .siar-hyou-waku {
  border-radius: 10px;
}
.cial .siaru-toku .pcap {
  text-align: center;
}
.woman {
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(to right, #FEDE8A, #F4C3D2) 1;
  height: 480px;
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(to right, #FEDE8A, #F4C3D2) 1;
  height: 480px;
  background: linear-gradient(to bottom, transparent 0%, /* 0%から */ transparent 11.8%, /* 60%まで色なし */ #FFFFFF 0%, /* 60%から急に黒 */ #F2F2F2 100% /* 100%まで黒 */ );
}
.woman .w1000 {
  background-image: url("../img/tsubame/pc_tsubame_model-en.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
}
.anzen-wrap {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 100px;
}
.anzen-waku {
  background-color: #F2F0EA;
  padding: 40px;
  text-align: left;
  margin-bottom: 24px;
  margin: 0 40px 40px;
}
.anzen-waku.sec1.ana {
    margin: 0;
}
.anzen-icon {
  width: 100px;
  margin: 100px auto 10px;
  display: block;
}
.anzen-icon + p {
  text-align: center;
  font: 30px "Sawarabi Gothic", sans-serif;
  ;
  margin-bottom: 30px;
}
.anzen-title {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 24px;
  display: inline-block;
  background: linear-gradient(to top, white 40%, transparent 40%);
  margin-bottom: 30px;
  text-align: left;
}
.anzen-waku.sec3 {
  background-color: #FFFFFF;
  padding: 0px;
}
.anzen-waku.sec3 p {
  font-size: 16px;
}
.anzen-waku.sec2 div div p:nth-child(1) {
  margin-bottom: 15px;
}
.anzen-waku.sec2 div div p:nth-child(1) span {
  font: 24px/1.6em "Sawarabi Gothic", sans-serif;
  display: inline;
  background: linear-gradient(to top, white 40%, transparent 40%);
  text-align: left;
}
.anzen-waku.sec3 > div > div:first-child > p:first-child, .anzen-waku.sec3 > div > div:nth-child(2) > p:first-child {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 24px;
  display: inline-block;
  background: linear-gradient(to top, white 40%, transparent 40%);
  margin-bottom: 30px;
  text-align: left;
}
.anzen-waku.sec3 span {
  font-size: 10px;
}
.sec3last {
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
div .sec3last .genryou {
  font-size: 12px;
}
.anzen-wrap .anzen-waku.sec1, .anzen-wrap .anzen-waku.sec2, .anzen-wrap .anzen-waku.sec3, .anzen-wrap .anzen-waku.sec4 {
  margin: 0 0 40px 0;
}
.anzen-waku.sec3 > div > div {
  width: 48%;
  background-color: #F2F0EA;
  padding: 40px;
}
.anzen-wrap .anzen-waku.sec4 .anzen-flex {
  justify-content: space-between;
}
.anzen-flex div .sec4title {
  font-family: "Sawarabi Gothic", sans-serif;
  font-size: 24px;
  display: inline-block;
  /*background: linear-gradient(to top, white 40%, transparent 40%);*/
  margin-bottom: 30px;
  text-align: left;
}
.product {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin-bottom: 50px;
}
.prowaku img {
  margin-bottom: 10px
}
.prowaku a.button {
  margin: 0 auto;
}
.accordion {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width:870px) {
	p.sec1txt {
    max-width: 600px;
    margin-inline: auto;
}
  .box p {
    max-width: 720px;
    margin: 0 auto;
  }
}
@media (min-width:761px) {
  .siaru-zu > div:nth-of-type(2), .siaru-zu > div:nth-of-type(4) {
    position: relative;
    top: 40px
  }
  .siar-hyou-waku:nth-of-type(2) .sial-hyou, .siar-hyou-waku:nth-of-type(4) .sial-hyou {
    flex-direction: row-reverse;
  }
  .meyasuwrap {
    display: grid;
    grid-template-areas:
      "item1 item2"
      "item3 item3";
    grid-template-columns: 1fr 1.2fr;
    gap: 20px;
  }
  .item.item2 img {
    width: 100%;
  }
  .meyasuwrap .item1 {
    grid-area: item1;
  }
  .meyasuwrap .item2 {
    grid-area: item2;
    position: relative;
  }
  .meyasuwrap .item3 {
    grid-area: item3;
    width: 40%;
    margin-top: -80px;
  }
  .item.item3 p {
    font-size: 24px;
    text-align: center;
  }
  .meyasuwrap .item.item2 p {
    font-size: 12px;
    text-align: right;
  }
  .anzen-waku div {
    display: flex;
    flex-wrap: wrap;
  }
  .anzen-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
	.ana .anzen-flex {
    display: flex
;
    align-items: center;
}
  .anzen-flex div p {
    text-align: left;
  }
  .anzen-flex div:nth-child(1) {
    width: 44%;
  }
  .anzen-flex div:nth-child(2) {
    width: 54%;
  }
  .anzen-wrap .anzen-waku.sec1 .anzen-flex {
    flex-direction: row-reverse;
  }
  .anzen-flex div .anzen-title {
    display: none;
  }
  .anzen-wrap .anzen-waku.sec2 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
  }
  .anzen-wrap .anzen-waku.sec2 > div div:nth-child(1) {
    width: 44%;
  }
  .anzen-wrap .anzen-waku.sec2 > div div:nth-child(2) {
    width: 54%;
  }
  .anzen-waku.sec3 > div {
    justify-content: space-between;
  }
  .anzen-waku.sec4 .anzen-flex div:nth-child(1) {
    width: 55%
  }
  .anzen-waku.sec4 .anzen-flex div:nth-child(1) img {
    width: 200px
  }
  .anzen-waku.sec4 .anzen-flex div:nth-child(2) {
    width: 40%
  }
  .product {
    display: flex;
    justify-content: space-around;
  }
  .prowaku {
    width: 45%;
  }
  .prowaku div .name {
    font-size: 20px;
    margin-bottom: 0;
  }
  .prowaku div .price {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /*アコーディオンの中身*/
  .box {
    padding: 3% 0;
  }
}
@media (max-width:760px) {
  #ciaru, #anzen, #line {
    scroll-margin-top: 100px;
  }
  p.sec1txt {
    text-align: left;
  }
  .bana3 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .bana3 div:nth-child(1) a {
    border-radius: 50px 0px 0px 50px;
  }
  .bana3 div:nth-child(2) a {
    border-radius: 0px 0px 0px 0px;
  }
  .bana3 div:nth-child(3) a {
    border-radius: 0px 50px 50px 0px;
  }
  .bana3 div a {
    font-size: 3.3vw;
  }
  .bana3 div a::after {
    content: "";
    display: inline-block;
    width: 2vw;
    height: 2vw;
    transform: rotate(45deg);
    margin-left: 5px;
    border-top-left-radius: 0px;
    border-top: 2px solid #333333;
    border-right: 2px solid #333333;
    transition: transform 0.3s;
  }
  .sec1 .brandname {
    line-height: 1.4em;
  }
  .sec1 .sec1txt2 {
    font-size: 5.5vw;
  }
  .sec1 p {
    text-align: left
  }
  .sec1 .title {
    font-size: 5.5vw;
  }
  a.button {
    margin-bottom: 0px;
  }
  .para {
    height: auto;
    /*    height: 403px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/tsubame/sp_poducts_tsubame_view.jpg");*/
  }
  .kodawari p {
    padding-left: 30px;
    padding-right: 30px;
  }
  .kodawari p {
    text-align: left;
  }
  .kodawari + p:first-of-type {
    line-height: 1.5em;
    font-size: 5.5vw;
  }
  .kodawari img {
    top: -65px;
    width: 100px;
  }
  .sora {
    background-image: url(../img/tsubame/bg_sky2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding-top: 65px;
    padding-bottom: 65px;
  }
  .sora-wrap2 {
    display: block;
    flex-wrap: no-wrap;
    justify-content: space-between;
  }
  .sora-wrap2.first div {
    margin-bottom: 40px;
  }
  .sora-wrap2 div {
    width: 100%;
  }
  .sora-wrap2 dl {
    width: 100%
  }
  .sora-wrap2 dl div {
    width: 100%;
  }
  .tsubame-spoon {
    border-top: 4px solid transparent;
    border-image: linear-gradient(to right, #FEDE8A, #F4C3D2) 1;
    height: auto;
    background-image: url(../img/tsubame/tsubame-spoon-sp.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding-bottom: 47%;
  }
  .cial-main .cial-sec1 {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .cial-main .cial-sec1 div:nth-child(1) {
    width: 100%;
    margin-bottom: 50px;
  }
  .cial-main .cial-sec1 div:nth-child(2) {
    width: 100%;
  }
  .siaru-zu > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
		align-items: center;
	  
  }
  .siaru-zu {
    margin-bottom: 0px;
  }
  .fluid-wrapper {
    padding: 15%;
    width: 5vw;
    height: 5vh;
  }
  .siaru-zu div p {
    width: 75%;
    margin-right: 20px;
  }
  .siaru-zu > div:nth-of-type(2), .siaru-zu > div:nth-of-type(4) {
    flex-direction: row-reverse;
  }
  .siaru-zu div:nth-of-type(1) p, .siaru-zu div:nth-of-type(3) p, .siaru-zu div:nth-of-type(5) p {
    margin-left: 20px;
    margin-right: auto;
  }
  .fluid-wrapper .fluid p {
    font-family: "Sawarabi Gothic", sans-serif;
    font-size: 4.2vw;
    margin-left: auto !important;
	  line-height: 1.4rem;
  }
  .sial-hyou-left {
    margin-bottom: 20px;
  }
  .sial-hyou > div {
    width: 100%;
  }
  .sial-hyou-right p:first-of-type {
    font-size: 3.5vw;
    margin-bottom: 20px;
  }
  .sial-hyou-right p {
    margin-bottom: 40px;
  }
  .siar-hyou-waku {
    margin-bottom: 30px;
  }
  .meyasuwrap .item.item2 p {
    font-size: 3vw;
    text-align: left;
    margin: 10px 0 30px 0;
  }
  .item.item3 p {
    text-align: center;
    font-size: 5.5vw;
  }
  .item.item1 p:first-of-type {
    font-size: 4vw;
  }
  .siaruzu {
    margin-bottom: 50px
  }
  /*サークル*/
  .circle-line {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 20px;
    justify-content: center;
    position: relative;
    width: 100%;
  }
  .circle {
    position: relative;
    width: 100%;
    height: 60px;
    border: 4px solid #FFF1A5;
    border-radius: 50px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin: 0;
  }
  /* ▼ 縦線（STEP 1 → 3、STEP 2 → 4） */
  .circle:nth-child(1)::after, .circle:nth-child(2)::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 130%;
    background: #FFC8D5;
  }
  /* ▼ 横線（STEP 1 → 2、STEP 3 → 4） */
  .circle:nth-child(1)::before, .circle:nth-child(3)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 110%;
    height: 4px;
    background: #FFC8D5;
  }
  .circle-line::before {
    display: none
  }
  .circle p {
    font-size: 4vw;
  }
  .aisyou p {
    font-size: 5vw;
  }
  .cial .siaru-toku .pcap {
    text-align: left;
    margin-bottom: 50px;
  }
  .woman .w1000 {
    display: none
  }
  .woman {
    width: 100%;
    max-width: 1000px; /* 必要なら調整 */
    height: auto; /* 画像に応じて高さが変わる場合 */
    aspect-ratio: 750 / 1012; /* 縦横比を保持したい場合に有効 */
    background-image: url(../img/tsubame/sp_tsubame_model-en.png);
    background-size: contain; /* 全体を収めたいなら contain */
    background-repeat: no-repeat;
    background-position: center top;
  }
  .anzen-wrap .anzen-waku.sec1 .anzen-title.op {
    display: none;
  }
  .anzen-waku {
    background-color: #F2F0EA;
    padding: 40px;
    text-align: left;
    margin: 0;
    margin-bottom: 24px;
  }
  p.anzen-title {
    margin: 0 auto;
    margin-bottom: 20px;
    /* text-align: center; */
    width: fit-content;
    display: block;
    font-size: 5vw;
  }
  .anzen-waku.sec2 div div p:nth-child(1) {
    text-align: center;
  }
  .anzen-waku.sec2 div div img {
    margin-bottom: 20px;
  }
  .anzen-waku.sec2 div div p:nth-child(1) span {
    font-size: 5vw;
  }
  .anzen-waku.sec3 > div > div:first-child > p:first-child, .anzen-waku.sec3 > div > div:nth-child(2) > p:first-child, .anzen-flex div .sec4title {
    display: block;
    text-align: center;
    font-size: 5vw;
  }
  .anzen-waku.sec3 > div > div {
    width: 100%;
    background-color: #F2F0EA;
    padding: 40px;
    margin-bottom: 20px;
  }
  .anzen-wrap .anzen-waku.sec1, .anzen-wrap .anzen-waku.sec2, .anzen-wrap .anzen-waku.sec3, .anzen-wrap .anzen-waku.sec4 {
    margin: 0 0 20px 0;
  }
  .sec3last {
    display: block;
  }
  div .sec3last .genryou {
    text-align: right;
  }
  .anzen-waku.sec3 div div p.os {
    /* font-size: medium; */
    background: linear-gradient(to top, white 40%, transparent 40%);
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    /* display: inline-block; */
    width: fit-content;
    font-size: 4vw;
    margin-top: -25px;
  }
  .anzen-waku.sec3 p {
    font-size: 4.8vw;
    text-align: center;
  }
  .anzen-waku.sec3 p.genryou {
    font-size: 3vw;
    text-align: right;
  }
  .anzen-waku.sec3 img {
    margin-bottom: 20px;
    margin: 0 auto;
    display: block;
  }
  .anzen-waku.sec4 .anzen-flex div:nth-child(1) img {
    width: 60%
  }
  .anzen-waku.sec4 .anzen-flex div:nth-child(1) {
    margin-bottom: 40px
  }
  .product {
    max-width: 80%;
  }
  .prowaku {
    margin-bottom: 50px;
  }
  p.price {
    margin-bottom: 10px;
    font-size: 3vw;
    ;
  }
  p.name {
    font-size: 3.6vw;
  }
  a.button {
    padding: 10px 40px;
  }
  .accordion-area {
    list-style: none;
    width: 85%;
    margin: 0 auto 80px;
  }
.sec1.ana .brandname.anzen {
	font-size: 5vw;

}

}