@media (max-width: 580px) {
   section#about_main {
      margin-bottom: 50px;
   }
   section#about_main .inner {
      width:100%;
      margin:auto;
      
   }

   section#about_main .inner .main_comment {
      position: relative;
      padding-top:155px;
      padding-bottom: 155px;
      margin-top:125px;
      margin-bottom:130px;
      background: linear-gradient(0deg, #f9f9fb 0%, #e6e6e6 100%);
   }
   section#about_main .inner .main_comment p {
      padding:10px;
   }
   section#about_main .inner img.sp_only1 {
      display:block;
      position: absolute;
      top:-86px;
      right:0;
      width:100%;
      height:auto;
   }
   section#about_main .inner img.sp_only2 {
      display:block;
      position: absolute;
      bottom:-78px;
      right:0;
      width:100%;
      height:auto;
   }
   section#about_main .inner .main_comment h2 {
      padding-top: 35px;
      padding-left: 10px;
      text-align: center;
   }
   section#tokuteishou .inner h3 {
      padding:50px 0 20px 20px;
      font-size:6vw;
      position:relative;
      background:#e6e6e6;
   }
   section#tokuteishou .inner h3::before {
      content:"●";
      position: absolute;
      font-size:0.7rem;
      position:absolute;
      width:80%;
      top:3px;
      left:33px;
      transform: translate(-50%,-50%);
      color:#0064af;
   }
   section#tokuteishou .inner h3::after {
      content:"Specified Commercial Transaction Law";
      font-size:0.7rem;
      position:absolute;
      width:80%;
      top:40px;
      left:200px;
      transform: translate(-50%,-50%);
      color:#000;
   }
      section#tokuteishou .inner dl {
      padding:15px 0 15px 20px;
      border-bottom:1px solid #aa8c8c;
   }
   section#tokuteishou .inner dl dt {
      display:block;
      margin-bottom:15.5px;
      font-weight:600;
   }
   section#tokuteishou .inner dl dd {
      padding-left:0;
      margin-left:0;
   }
}
@media (min-width: 581px) {
   #inner {
   max-width:1226px;
   width:100%;
   margin:0 auto;
   }
   section#main {
      background:#f1f9fc;
      height:250px;
   }
      section#main h1#defult_h1 {
      display:flex;
      height:250px;
      justify-content: center;
      align-items: center;
      color:black;
      font-size:1.6rem;
      position: relative;
   }
   section#main h1#defult_h1:before {
      content:"about";
      font-size:0.9rem;
      position: absolute;
      top:93px;
      left:50%;
      color:#9dccd6;
      transform: translate(-50%, -50%);
   }
   #breadcrumbs {
      font-size:0.8rem;
      padding-left:126px;
   }
   section#about_main {
      width:100%;
   }
   section#about_main .inner {
      background-image:url(https://masuken.com/wp-content/themes/masukencom/images/buy/front_back.webp);
      background-size:98%;
      background-repeat: no-repeat;
      background-position:right -6%;
      width:1080px;
      max-width:1080px;
      height:auto;
      margin:10px auto 100px ;
      padding:50px 20px;
   }
   section#about_main .inner img.sp_only {
      display:none;
   }
   section#about_main .inner img.sp_only1 {
      display: none;
   }
   section#about_main .inner img.sp_only2 {
      display: none;
   }
   section#about_main .inner .main_comment {
      width:480px;
      height:auto;
   }
   section#about_main .inner .main_comment h2 {
      text-align:center;
      font-size:2rem;
      letter-spacing: 6px;
      padding-top:10px;
   }
   section#about_main .inner .main_comment p {
      font-size:1.1rem;
      line-height:1.8rem;
      color:#000;
      padding-left:20px;
   }
   section#tokuteishou {
      width:100%;
   }
   section#tokuteishou .inner {
      letter-spacing: 6px;
      padding-top:10px;
      width:1080px;
      max-width:1080px;
      margin:50px auto;
   }
   section#tokuteishou .inner h3{
      font-size:2rem;
      letter-spacing: 5px;
      padding:10px 0 20px 20px;
      position:relative;
   }
   section#tokuteishou .inner h3::before {
      content:"●";
      font-size:0.7rem;
      position:absolute;
      top:3px;
      left:33px;
      transform: translate(-50%,-50%);
      color:#0064af;
   }
   section#tokuteishou .inner h3::after {
      content:"Specified Commercial Transaction Law";
      font-size:0.7rem;
      position:absolute;
      top:3px;
      left:248px;
      transform: translate(-50%,-50%);
      color:#000;
   }
   section#tokuteishou .inner dl {
      width:850px;
      margin:auto;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      border-bottom:1px solid #808080;
   }
   section#tokuteishou .inner dl::nta-child(1) {
      border-top:1px solid #808080;
   }
   section#tokuteishou .inner dl dt {
      width:30%;
      padding:20px 10px;
   }
   section#tokuteishou .inner dl dd {
      width:65%;
      padding:20px 10px;
}
}

   section#tokuteishou .inner {
       font-family: 'Noto Sans JP';
}



/* セクション全体の共通幅・余白設定 */
.l-access {
  padding: 60px 0;
  background-color: #fff;
  color: #333;
  font-family: sans-serif;
}
.l-access__inner {
  max-width: 1000px; /* 既存サイトのコンテンツ幅に合わせ調整してください */
  margin: 0 auto;
  padding: 0 20px;
}

/* マップ・住所 */
.p-access__map {
  margin-bottom: 20px;
}
.p-access__map iframe {
  vertical-align: bottom;
}
.p-access__address {
  margin-bottom: 40px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

/* ルート案内レイアウト */
.p-access__routes {
  margin-bottom: 50px;
}
.p-access__route-group {
  margin-bottom: 35px;
}
.p-access__route-title {
  font-size: 1.3rem;
  border-left: 4px solid #005bac;
  padding-left: 10px;
  margin-bottom: 20px;
}
.p-access__route-item {
  margin-bottom: 20px;
  padding-left: 15px;
}
.p-access__route-item h4 {
  font-size: 1.05rem;
  color: #0064af;
  margin: 0 0 5px 0;
}
.p-access__route-item p {
  margin: 0 0 8px 0;
  line-height: 1.6;
}

/* 4枚のフォトギャラリー（レスポンシブ対応グリッド） */
.p-access__gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* PC時は2列 */
  gap: 30px 20px;
  width: 75%;
}
@media (max-width: 767px) {
  .p-access__gallery {
    grid-template-columns: 1fr; /* スマホ時は1列 */
    width: auto;
  }
}
.p-access__gallery-item {
  display: flex;
  flex-direction: column;
}
.p-access__gallery-img {
  margin-bottom: 10px;
}
.p-access__gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-access__gallery-title {
  color: #0064af;
  margin: 0 0 5px 0;
  text-decoration: underline;
}
.p-access__gallery-desc {
  margin: 0;
  line-height: 1.5;
}