@charset "UTF-8";
/*********************************************
*
* 共通パーツ、初期設定
*
*********************************************/
/************************
**ブレイクポイント
************************/
/************************
**safari用
************************/
/************************
**全体
************************/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  /*↑googlefont使用時*/
  font-weight: 500;
  font-feature-settings: "palt";
}

a {
  color: inherit;
  text-decoration: none;
}

/*pタグline-height 余白消し*/
p {
  line-height: 1.5;
  margin: 0;
  padding: 0;
  display: inline-block;
}
p::before, p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
p::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
p::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

/*画像サイズを要素のwidthに合わせる*/
img {
  width: 100%;
  height: auto;
}
img.himg {
  width: auto;
  height: 100%;
}

/*PCとSPで表示切替、ブレイクポイントは適宜変更*/
.sp-on {
  display: block;
}
@media screen and (min-width: 768px) {
  .sp-on {
    display: none;
  }
}

.pc-on {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-on {
    display: block;
  }
}

/*ボタン化(aタグ、buttonタグを親要素に全体化)*/
.ab-a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ab-b {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/*リストのデザインを削除*/
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
}

/*テキストを一塊にし、途中で改行させない*/
.txtb {
  display: inline-block;
}

/************************
**サイズ別br 使わないものはコメントアウト
************************/
.smartbr {
  display: block;
}
@media screen and (min-width: 576px) {
  .smartbr {
    display: none;
  }
}

.smbr {
  display: none;
}
@media screen and (min-width: 576px) {
  .smbr {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .smbr {
    display: none;
  }
}

.mdbr {
  display: none;
}
@media screen and (min-width: 768px) {
  .mdbr {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .mdbr {
    display: none;
  }
}

.lgbr {
  display: none;
}
@media screen and (min-width: 992px) {
  .lgbr {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .lgbr {
    display: none;
  }
}

.xlbr {
  display: none;
}
@media screen and (min-width: 1200px) {
  .xlbr {
    display: block;
  }
}
@media screen and (min-width: 1400px) {
  .xlbr {
    display: none;
  }
}

.xxlbr {
  display: none;
}
@media screen and (min-width: 1400px) {
  .xxlbr {
    display: block;
  }
}

.xxxlbr {
  display: none;
}
@media screen and (min-width: 1920px) {
  .xxxlbr {
    display: block;
  }
}

.sm-flbr {
  display: none;
}
@media screen and (min-width: 576px) {
  .sm-flbr {
    display: block;
  }
}

.md-flbr {
  display: none;
}
@media screen and (min-width: 768px) {
  .md-flbr {
    display: block;
  }
}

.lg-flbr {
  display: none;
}
@media screen and (min-width: 992px) {
  .lg-flbr {
    display: block;
  }
}

.xl-flbr {
  display: none;
}
@media screen and (min-width: 1200px) {
  .xl-flbr {
    display: block;
  }
}

.xxl-flbr {
  display: none;
}
@media screen and (min-width: 1400px) {
  .xxl-flbr {
    display: block;
  }
}

.xxxl-flbr {
  display: none;
}
@media screen and (min-width: 1920px) {
  .xxxl-flbr {
    display: block;
  }
}

/************************
**container 使わないものはコメントアウト
************************/
.container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .container {
    width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .container {
    width: 980px;
  }
}
@media screen and (min-width: 1920px) {
  .container {
    width: 1300px;
  }
}

.wrapper {
  position: relative;
  width: calc(100vw - (100vw - 100%));
  min-height: calc(100vh - (100vh - 100%));
}

/*********************************************
*
*header
*
*********************************************/
header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
header .hdrone-wrapper {
  width: 100%;
  height: 50px;
  background-color: #182136;
}
@media screen and (min-width: 1200px) {
  header .hdrone-wrapper {
    height: 70px;
  }
}
header .hdrone-wrapper .hdrone-box {
  width: 95%;
  height: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  header .hdrone-wrapper .hdrone-box {
    width: 90%;
  }
}
@media screen and (min-width: 1920px) {
  header .hdrone-wrapper .hdrone-box {
    width: 1700px;
  }
}
header .hdrone-wrapper .hdrone-box .hdrone-logo {
  height: 100%;
}
header .hdrone-wrapper .hdrone-box .hdrone-hamb {
  height: 100%;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  header .hdrone-wrapper .hdrone-box .hdrone-hamb {
    display: none;
  }
}
header .hdrone-wrapper .hdrone-box .hdrone-hamb .hamb-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
header .hdrone-wrapper .hdrone-box .hdrone-hamb .hamb-wrap .hamb-line {
  width: 100%;
  height: 5px;
  background-color: #fff;
  position: absolute;
  left: 0;
}
header .hdrone-wrapper .hdrone-box .hdrone-hamb .hamb-wrap .hamb-line:nth-child(1) {
  top: 0;
}
header .hdrone-wrapper .hdrone-box .hdrone-hamb .hamb-wrap .hamb-line:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
header .hdrone-wrapper .hdrone-box .hdrone-hamb .hamb-wrap .hamb-line:nth-child(3) {
  bottom: 0;
}
header .hdrone-wrapper .hdrone-box .hdrone-nav {
  position: absolute;
  top: -100dvh;
  left: 0;
  color: #fff;
  background-color: #182136;
  width: 100%;
  padding: 50px 0 0;
  box-sizing: border-box;
  height: 100dvh;
  z-index: -1;
  transition: top 0.5s;
}
header .hdrone-wrapper .hdrone-box .hdrone-nav.nav-active {
  top: 0;
}
@media screen and (min-width: 768px) {
  header .hdrone-wrapper .hdrone-box .hdrone-nav {
    position: static;
    width: fit-content;
    height: 100%;
    padding: 0;
    background-color: initial;
    z-index: 0;
  }
}
header .hdrone-wrapper .hdrone-box .hdrone-nav nav {
  height: 100%;
}
header .hdrone-wrapper .hdrone-box .hdrone-nav .nav-list {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  header .hdrone-wrapper .hdrone-box .hdrone-nav .nav-list {
    flex-direction: row;
    padding: 0;
    align-items: center;
    height: 100%;
    column-gap: 30px;
  }
}
@media screen and (min-width: 1200px) {
  header .hdrone-wrapper .hdrone-box .hdrone-nav .nav-list {
    column-gap: 50px;
  }
}
header .hdrone-wrapper .hdrone-box .hdrone-nav .nav-list .list-item {
  font-size: 20px;
  height: 50px;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  header .hdrone-wrapper .hdrone-box .hdrone-nav .nav-list .list-item {
    font-size: 12px;
    height: initial;
    display: block;
    place-content: initial;
  }
}
@media screen and (min-width: 1200px) {
  header .hdrone-wrapper .hdrone-box .hdrone-nav .nav-list .list-item {
    font-size: 16px;
  }
}

/*********************************************
*
*footer
*
*********************************************/
footer {
  /************************
  **#padasim-ftr-infomap
  ************************/
  /************************
  **#padasim-ftr-cop
  ************************/
}
footer #padasim-ftr-infomap .infomap-wrapper {
  padding: 6.25vw 0 15.625vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper {
    padding: 10px 0;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-address {
  width: 75%;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (min-width: 992px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address {
    width: 850px;
  }
}
@media screen and (min-width: 1920px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address {
    width: 1200px;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-logo {
  width: 40%;
  margin-left: -11%;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-logo {
    width: 150px;
    margin-left: -7.5%;
  }
}
@media screen and (min-width: 992px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-logo {
    width: 180px;
    margin-left: -7.5%;
  }
}
@media screen and (min-width: 1200px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-logo {
    width: 200px;
    margin-left: -6.5%;
  }
}
@media screen and (min-width: 1920px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-logo {
    width: 250px;
    margin-left: -4.5%;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-text {
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-text {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 1920px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-address .address-text {
    font-size: 22px;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap {
  width: 100%;
  margin: 10px 0;
  background-color: #dcdee1;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    width: 75%;
    margin: 0 auto;
    padding-top: 20px;
    background-color: transparent;
  }
}
@media screen and (min-width: 768px) and (min-width: 992px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap {
    width: 70%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap {
    row-gap: 30px;
    width: 850px;
    padding-top: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 1920px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap {
    width: 1200px;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block {
  width: 75%;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block {
    width: 25%;
    margin: 0;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-title {
  padding: 10px 0;
  font-size: 4.375vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-title {
    font-size: 12px;
    padding: 0 0 0.25em;
  }
}
@media screen and (min-width: 992px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-title {
    font-size: 14px;
  }
}
@media screen and (min-width: 1920px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-title {
    font-size: 18px;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-title .block-button {
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  height: 100%;
  aspect-ratio: 1/1;
  perspective: 500px;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-title .block-button {
    display: none;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-title .block-button .button-deco {
  width: 100%;
  height: 100%;
  position: relative;
  transform: rotateX(0deg);
  transition: transform 0.5s;
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-title .block-button .button-deco::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateZ(135deg);
  width: 20%;
  height: 20%;
  border: 2px solid #182136;
  border-left: 0;
  border-bottom: 0;
  pointer-events: none;
  transition: transform 0.5s;
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-list {
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-list {
    height: auto;
    overflow: visible;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-list .list-item {
  padding: 3.25vw 0;
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-list .list-item {
    font-size: 9px;
    padding: 2.5px 0;
  }
}
@media screen and (min-width: 992px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-list .list-item {
    font-size: 11px;
    padding: 5px 0;
  }
}
@media screen and (min-width: 1200px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-list .list-item {
    font-size: 13px;
  }
}
@media screen and (min-width: 1920px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block .block-list .list-item {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block.block-big {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block.block-big .block-list {
    column-count: 2;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block.block-active .block-title .block-button .button-deco {
  transform: rotateX(180deg);
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-sitemap .sitemap-block.block-active .block-list {
  height: auto;
  height: calc-size(auto, size);
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-contact {
  position: absolute;
  bottom: 1.5%;
  right: 2.5%;
  width: 18%;
}
@media screen and (min-width: 768px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-contact {
    bottom: 5%;
    right: 10%;
    width: 80px;
  }
}
@media screen and (min-width: 992px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-contact {
    width: 100px;
  }
}
@media screen and (min-width: 1200px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-contact {
    width: 120px;
  }
}
@media screen and (min-width: 1920px) {
  footer #padasim-ftr-infomap .infomap-wrapper .infomap-contact {
    width: 150px;
  }
}
footer #padasim-ftr-infomap .infomap-wrapper .infomap-contact .contact-icon {
  width: 100%;
  height: 100%;
  position: relative;
}
footer #padasim-ftr-copy {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}
footer #padasim-ftr-copy .copy-wrapper {
  width: 100%;
  height: 30px;
  background-color: #182136;
  color: #fff;
  font-size: 10px;
  display: grid;
  place-content: center;
}

/*********************************************
*
*.wrapper 共通
*
*********************************************/
.wrapper {
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #f2f4fa;
}
@media screen and (min-width: 1200px) {
  .wrapper {
    padding-top: 70px;
  }
}
.wrapper .link-position {
  margin-top: -50px;
  padding-top: 50px;
}
@media screen and (min-width: 1200px) {
  .wrapper .link-position {
    margin-top: -70px;
    padding-top: 70px;
  }
}
.wrapper .padasim-title {
  margin-bottom: 6.25vw !important;
}
@media screen and (min-width: 768px) {
  .wrapper .padasim-title {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1920px) {
  .wrapper .padasim-title {
    margin-bottom: 50px !important;
  }
}
.wrapper .padasim-title .title-en {
  font-size: 12.5vw;
  font-weight: 900;
  margin-bottom: 0.15em;
}
@media screen and (min-width: 768px) {
  .wrapper .padasim-title .title-en {
    font-size: 48px;
  }
}
@media screen and (min-width: 992px) {
  .wrapper .padasim-title .title-en {
    font-size: 56px;
  }
}
@media screen and (min-width: 1920px) {
  .wrapper .padasim-title .title-en {
    font-size: 78px;
    margin-bottom: 0.1em;
  }
}
.wrapper .padasim-title .title-ja {
  color: #8e9fff;
  font-size: 4.375vw;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .wrapper .padasim-title .title-ja {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .wrapper .padasim-title .title-ja {
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px) {
  .wrapper .padasim-title .title-ja {
    font-size: 28px;
  }
}
.wrapper .font-chillax {
  font-family: "Chillax", sans-serif;
}

/*********************************************
*
*#padasim-index-mainv
*
*********************************************/
#padasim-index-mainv .mainv-wrapper {
  padding-bottom: 6.25vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-mainv .mainv-wrapper {
    padding-bottom: 30px;
  }
}
#padasim-index-mainv .mainv-wrapper .mainv-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  #padasim-index-mainv .mainv-wrapper .mainv-sp {
    display: none;
  }
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-title {
  width: 100%;
  height: 75vw;
  box-sizing: border-box;
  padding: 3.125vw 0;
  background-color: #e8e9eb;
  position: relative;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-title .title-image {
  height: 30%;
  padding-left: 2.5%;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-title .title-text {
  font-size: 4.375vw;
  padding-left: 2.5%;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-title .title-deco {
  position: absolute;
  top: 1.5625vw;
  right: 3.125vw;
  width: 14.0625vw;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap {
  position: relative;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider {
  margin-top: -40vw;
  display: flex;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slick-track {
  display: flex;
  align-items: stretch;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item {
  height: auto !important;
  display: flex;
  flex-direction: column;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes {
  width: 95%;
  flex-grow: 1;
  margin: 12.5vw auto 0;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box {
  display: flex;
  height: 100%;
  gap: 0 3.125vw;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box .contentes-icon {
  width: calc(35% - 3.125vw);
  flex-shrink: 0;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box .contentes-icon .icon-frame {
  width: 85%;
  margin: 0 auto;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box .contentes-detail {
  width: auto;
  display: flex;
  flex-direction: column;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box .contentes-detail .detail-title01 {
  width: 95%;
  height: 15.625vw;
  margin: 0 auto;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box .contentes-detail .detail-title02 {
  height: 15.625vw;
  font-size: 5vw;
  line-height: 15.625vw;
  font-weight: 700;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box .contentes-detail .detail-text {
  font-size: 3.125vw;
  text-align: justify;
  margin: 10px 0;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box .contentes-detail .detail-button {
  height: 9.375vw;
  border-radius: 10px;
  background-color: #3900d6;
  color: #fff;
  font-size: 4.375vw;
  position: relative;
  margin-top: auto;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .mainv-slider .slider-item .slider-contentes .contentes-box .contentes-detail .detail-button .btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .slider-controls {
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 3.125vw;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .slider-controls .slider-prev,
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .slider-controls .slider-next {
  background: none;
  border: none;
  font-size: 4.6875vw;
  color: #ccc;
  cursor: pointer;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .slider-controls .slider-dots .slick-dots {
  display: flex !important;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0 3.125vw;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .slider-controls .slider-dots .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .slider-controls .slider-dots .slick-dots li button {
  font-size: 0;
  width: 1.5625vw;
  height: 1.5625vw;
  border: none;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
}
#padasim-index-mainv .mainv-wrapper .mainv-sp .mainv-wrap .slider-controls .slider-dots .slick-dots li.slick-active button {
  background-color: #3900d6;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  #padasim-index-mainv .mainv-wrapper .mainv-pc {
    display: block;
  }
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-posi {
  position: relative;
  z-index: unset;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-posi .mainv-title {
  position: absolute;
  top: 2.5%;
  left: 0;
  z-index: 1;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-posi .mainv-title .title-image {
  height: 13.0208vw;
  padding-left: 2.5%;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-posi .mainv-title .title-text {
  font-size: 2.08vw;
  padding-left: 2.5%;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-posi .mainv-deco {
  position: absolute;
  z-index: 101;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-posi .mainv-deco.deco01 {
  top: -8px;
  left: 47.5%;
  width: 80px;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-posi .mainv-deco.deco02 {
  bottom: -5px;
  width: 80px;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider .slider-item {
  width: 100%;
  aspect-ratio: 1/0.55;
  position: relative;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider .slider-item .slider-back {
  width: 100%;
  height: 95%;
  background-color: #e8e9eb;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider .slider-item .slider-image {
  top: 0;
  position: absolute;
  right: 0;
  height: 100%;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider-controls {
  width: fit-content;
  padding: 20px 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1.953125vw;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider-controls .slider-prev,
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider-controls .slider-next {
  background: none;
  border: none;
  font-size: 1.822vw;
  color: #ccc;
  cursor: pointer;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider-controls .slider-dots .slick-dots {
  display: flex !important;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0 1.302vw;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider-controls .slider-dots .slick-dots li {
  display: flex;
  align-items: center;
  justify-content: center;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider-controls .slider-dots .slick-dots li button {
  font-size: 0;
  width: 0.976vw;
  height: 0.976vw;
  border: none;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-slider-controls .slider-dots .slick-dots li.slick-active button {
  background-color: #3900d6;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-thumb .slick-track {
  transform: unset !important;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-thumb .thumb-item {
  background-color: #8e9fff;
  padding: 5px 0;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-thumb .thumb-item .thumb-frame {
  width: 95%;
  margin: 0 auto;
  box-sizing: border-box;
  border-bottom: 3px solid #6300ff;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-thumb .thumb-item.slick-current {
  background-color: #3900d6;
}
#padasim-index-mainv .mainv-wrapper .mainv-pc .mainv-thumb .thumb-item.slick-current .thumb-frame {
  border-bottom: 3px solid #3900d6;
}

/*********************************************
*
*#padasim-index-aboutus
*
*********************************************/
#padasim-index-aboutus .aboutus-wrapper {
  padding: 6.25vw 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-aboutus .aboutus-wrapper {
    padding: 30px 0 60px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-aboutus .aboutus-wrapper {
    padding: 50px 0 100px;
  }
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame {
  position: relative;
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-back {
  padding-top: 40vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-back {
    padding-top: 0;
  }
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-back .back-image {
  width: 85%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-back .back-image {
    width: 55%;
    margin: 0 0 0 auto;
  }
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: unset;
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-title {
  width: 95%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap {
  width: 85%;
  box-sizing: border-box;
  padding: 0 5% 5% 0;
  position: relative;
  z-index: unset;
}
@media screen and (min-width: 768px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap {
    width: 50%;
    padding: 18px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap {
    padding: 22px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap {
    width: 53%;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap {
    width: 50%;
    padding: 34px;
  }
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 244, 250, 0.5);
  z-index: 0;
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-text {
  font-size: 3.125vw;
  text-align: justify;
  margin-bottom: 3.125vw;
  margin-left: 2.5%;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-text {
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-text {
    font-size: 22px;
  }
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-button {
  width: 70%;
  height: 10.9375vw;
  border-radius: 0 10px 10px 0;
  background-color: #3900d6;
  color: #fff;
  font-size: 4.375vw;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-button {
    height: 45px;
    border-radius: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-button {
    width: 60%;
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-button {
    height: 50px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-button {
    height: 60px;
    font-size: 25px;
  }
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-contents .aboutus-wrap .aboutus-button .btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-deco {
  position: absolute;
  top: -6.25vw;
  right: 0;
  width: 48vw;
  aspect-ratio: 1/1.8;
  background-color: rgba(142, 159, 255, 0.7);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-deco {
    top: -30px;
    right: inherit;
    left: 55%;
    transform: translateX(-50%);
    width: 28%;
    aspect-ratio: 1/1.6;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-aboutus .aboutus-wrapper .aboutus-frame .aboutus-deco {
    aspect-ratio: 1/1.5;
  }
}

/*********************************************
*
*#padasim-index-services
*
*********************************************/
#padasim-index-services .services-wrapper {
  padding: 6.25vw 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper {
    padding: 0 0 30px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-services .services-wrapper {
    padding: 0 0 50px;
  }
}
#padasim-index-services .services-wrapper .services-frame {
  position: relative;
}
#padasim-index-services .services-wrapper .services-frame .services-back {
  padding-top: 60vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper .services-frame .services-back {
    padding-top: 140px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-services .services-wrapper .services-frame .services-back {
    padding-top: 160px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-services .services-wrapper .services-frame .services-back {
    padding-top: 225px;
  }
}
#padasim-index-services .services-wrapper .services-frame .services-back .back-image {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper .services-frame .services-back .back-image {
    width: 60%;
    margin: 0 auto 0 0;
  }
}
#padasim-index-services .services-wrapper .services-frame .services-contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: unset;
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-title {
  width: 72%;
  padding-left: 3.125vw;
  box-sizing: border-box;
  margin-left: auto;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-title {
    width: 50%;
    padding-left: 18px;
  }
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap {
  width: 72%;
  box-sizing: border-box;
  margin-left: auto;
  padding: 0 5% calc(5% + 10.9375vw) 0;
  position: relative;
  z-index: unset;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap {
    width: 50%;
    padding: 18px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap {
    padding: 22px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap {
    width: 53%;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap {
    width: 50%;
    padding: 34px;
  }
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 244, 250, 0.5);
  z-index: 0;
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-text {
  font-size: 3.125vw;
  text-align: justify;
  margin-bottom: 3.125vw;
  margin-left: 5%;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-text {
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-text {
    font-size: 22px;
  }
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-button {
  display: none;
  width: 70%;
  height: 10.9375vw;
  border-radius: 10px;
  background-color: #3900d6;
  color: #fff;
  font-size: 4.375vw;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-button {
    display: block;
    height: 45px;
    border-radius: 10px;
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-button {
    width: 60%;
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-button {
    height: 50px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-button {
    height: 60px;
    font-size: 25px;
  }
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-wrap .services-button .btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-button-sp {
  position: absolute;
  bottom: 3.125vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-button-sp .btn-wrap {
  width: 60vw;
  height: 10.9375vw;
  border-radius: 10px;
  background-color: #3900d6;
  color: #fff;
  font-size: 4.375vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper .services-frame .services-contents .services-button-sp .btn-wrap {
    display: none;
  }
}
#padasim-index-services .services-wrapper .services-frame .services-contents .services-button-sp .btn-wrap .btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#padasim-index-services .services-wrapper .services-frame .services-deco {
  position: absolute;
  top: 50vw;
  left: 0;
  width: 48vw;
  aspect-ratio: 1/0.8;
  background-color: rgba(142, 159, 255, 0.7);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #padasim-index-services .services-wrapper .services-frame .services-deco {
    top: 0px;
    right: inherit;
    left: 25%;
    transform: translateX(-50%);
    width: 28%;
    aspect-ratio: 1/1.4;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-services .services-wrapper .services-frame .services-deco {
    aspect-ratio: 1/1.5;
  }
}

/*********************************************
*
*#padasim-index-news
*
*********************************************/
#padasim-index-news .news-wrapper {
  background-color: #182136;
  padding: 6.25vw 0;
}
#padasim-index-news .news-wrapper .news-title {
  width: 95%;
  margin: 0 auto;
}
#padasim-index-news .news-wrapper .news-title .title-en {
  color: #fff;
}
@media screen and (min-width: 768px) {
  #padasim-index-news .news-wrapper .news-title {
    width: 100%;
    margin: 0;
  }
}
#padasim-index-news .news-wrapper .news-box {
  width: 97.5%;
  margin: 0 auto;
  display: flex;
  gap: 0 3.125vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-news .news-wrapper .news-box {
    width: 100%;
    margin: 0;
    gap: 0 80px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-news .news-wrapper .news-box {
    gap: 0 100px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-news .news-wrapper .news-box {
    gap: 0 125px;
  }
}
#padasim-index-news .news-wrapper .news-box .news-post {
  flex-shrink: 0;
  width: calc(50% - 1.5625vw);
  aspect-ratio: 1/2.2;
  background-color: #fff;
  border-radius: 10px;
  padding: 2.5%;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-news .news-wrapper .news-box .news-post {
    width: calc(33.3333333333% - 53.3333333333px);
    font-size: 14px;
    aspect-ratio: 1/2;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-news .news-wrapper .news-box .news-post {
    width: calc(33.3333333333% - 66.6666666667px);
    font-size: 16px;
    aspect-ratio: 1/1.8;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-news .news-wrapper .news-box .news-post {
    width: calc(33.3333333333% - 83.3333333333px);
    font-size: 25px;
  }
}
#padasim-index-news .news-wrapper .news-box .news-post .post-frame {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 6.25vw 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-news .news-wrapper .news-box .news-post .post-frame {
    gap: 10px 0;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-news .news-wrapper .news-box .news-post .post-frame {
    gap: 20px 0;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-news .news-wrapper .news-box .news-post .post-frame {
    gap: 20px 0;
  }
}
#padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-date {
  text-align: center;
  font-weight: 400;
}
#padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-title {
  text-align: center;
}
#padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-intro p {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-more {
  margin-top: auto;
}
#padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-more .more-button {
  width: 100%;
  height: 9.375vw;
  border-radius: 5px;
  color: #fff;
  background-color: #8e9fff;
  font-size: 4.375vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  #padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-more .more-button {
    height: 45px;
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-more .more-button {
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-more .more-button {
    height: 50px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-more .more-button {
    height: 60px;
    font-size: 25px;
  }
}
#padasim-index-news .news-wrapper .news-box .news-post .post-frame .post-more .more-button .btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
#padasim-index-news .news-wrapper .news-box .news-post:nth-child(3) {
  display: none;
}
@media screen and (min-width: 768px) {
  #padasim-index-news .news-wrapper .news-box .news-post:nth-child(3) {
    display: block;
  }
}

/*********************************************
*
*#padasim-index-works
*
*********************************************/
#padasim-index-works .works-wrapper {
  padding: 6.25vw 0;
}
#padasim-index-works .works-wrapper .works-frame {
  position: relative;
}
#padasim-index-works .works-wrapper .works-frame .works-back {
  width: 80%;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  #padasim-index-works .works-wrapper .works-frame .works-back {
    width: 70%;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-works .works-wrapper .works-frame .works-back {
    width: 65%;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-works .works-wrapper .works-frame .works-back {
    width: 60%;
  }
}
#padasim-index-works .works-wrapper .works-frame .works-contents {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
}
@media screen and (min-width: 768px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents {
    top: 10%;
    width: 100%;
  }
}
#padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap {
  padding: 3.125vw 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap {
    padding: 15px 0;
    width: 50%;
    background-color: rgba(242, 244, 250, 0.5);
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap {
    padding: 20px 0;
    width: 45%;
  }
}
#padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-text {
  font-size: 3.125vw;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-text {
    font-size: 12px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-text {
    font-size: 22px;
  }
}
#padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-button {
  width: 70%;
  height: 10.9375vw;
  border-radius: 10px;
  background-color: #3900d6;
  color: #fff;
  font-size: 4.375vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-button {
    height: 45px;
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-button {
    font-size: 18px;
  }
}
@media screen and (min-width: 1400px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-button {
    height: 50px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-button {
    height: 60px;
    font-size: 25px;
  }
}
#padasim-index-works .works-wrapper .works-frame .works-contents .works-wrap .works-button .btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*********************************************
*
*#padasim-index-blog
*
*********************************************/
#padasim-index-blog .blog-wrapper {
  background-color: #182136;
  padding: 6.25vw 0;
}
#padasim-index-blog .blog-wrapper .blog-title {
  width: 95%;
  margin: 0 auto;
}
#padasim-index-blog .blog-wrapper .blog-title .title-en {
  color: #fff;
}
@media screen and (min-width: 768px) {
  #padasim-index-blog .blog-wrapper .blog-title {
    width: 100%;
    margin: 0;
  }
}
#padasim-index-blog .blog-wrapper .blog-box {
  width: 97.5%;
  margin: 0 auto;
  display: flex;
  gap: 0 3.125vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-blog .blog-wrapper .blog-box {
    width: 100%;
    margin: 0;
    gap: 0 50px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-blog .blog-wrapper .blog-box {
    gap: 0 80px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-blog .blog-wrapper .blog-box {
    gap: 0 100px;
  }
}
#padasim-index-blog .blog-wrapper .blog-box .blog-post {
  flex-shrink: 0;
  width: calc(50% - 1.5625vw);
  aspect-ratio: 1/1.422;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 768px) {
  #padasim-index-blog .blog-wrapper .blog-box .blog-post {
    width: calc(33.3333333333% - 33.3333333333px);
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-blog .blog-wrapper .blog-box .blog-post {
    width: calc(33.3333333333% - 53.3333333333px);
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-blog .blog-wrapper .blog-box .blog-post {
    width: calc(33.3333333333% - 66.6666666667px);
  }
}
#padasim-index-blog .blog-wrapper .blog-box .blog-post .post-image {
  width: 100%;
  aspect-ratio: 1/0.711;
}
#padasim-index-blog .blog-wrapper .blog-box .blog-post .post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#padasim-index-blog .blog-wrapper .blog-box .blog-post .post-text {
  width: 100%;
  flex-grow: 1;
  padding: 2.5%;
  box-sizing: border-box;
  font-size: 3.75vw;
  display: flex;
  flex-direction: column;
  gap: 1.5625vw 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-blog .blog-wrapper .blog-box .blog-post .post-text {
    padding: 10px;
    font-size: 14px;
    gap: 10px 0;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-blog .blog-wrapper .blog-box .blog-post .post-text {
    font-size: 16px;
    gap: 10px 0;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-blog .blog-wrapper .blog-box .blog-post .post-text {
    padding: 15px;
    font-size: 25px;
    gap: 20px 0;
  }
}
#padasim-index-blog .blog-wrapper .blog-box .blog-post .post-text .post-date {
  font-weight: 400;
}
#padasim-index-blog .blog-wrapper .blog-box .blog-post .post-text .post-intro p {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 3行で制限 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#padasim-index-blog .blog-wrapper .blog-box .blog-post:nth-child(3) {
  display: none;
}
@media screen and (min-width: 768px) {
  #padasim-index-blog .blog-wrapper .blog-box .blog-post:nth-child(3) {
    display: block;
  }
}

/*********************************************
*
*#padasim-index-outline
*
*********************************************/
#padasim-index-outline .outline-wrapper {
  padding-bottom: 6.25vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-outline .outline-wrapper {
    padding-bottom: 30px;
  }
}
#padasim-index-outline .outline-wrapper .outline-wrap {
  width: 95%;
  padding: 6.25vw 0;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  #padasim-index-outline .outline-wrapper .outline-wrap {
    width: 100%;
    padding: 30px 0;
    margin: 0;
  }
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-contents {
  margin-bottom: 15.625vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1200px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents {
    margin-bottom: 100px;
  }
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block {
  margin-bottom: 6.25vw;
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block {
    margin-bottom: 20px;
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block {
    font-size: 17px;
  }
}
@media screen and (min-width: 1200px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block {
    margin-bottom: 30px;
    font-size: 18.8px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block {
    margin-bottom: 40px;
    font-size: 25px;
  }
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-key {
  margin-bottom: 0.75em;
  font-size: 1.05em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-key {
    margin-bottom: 0.5em;
    font-size: inherit;
    font-weight: inherit;
  }
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-value.value-longtext {
  text-align: justify;
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-value .value-box {
  display: grid;
  grid-template-columns: 8em 6em;
  row-gap: 1.5625vw;
}
@media screen and (min-width: 768px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-value .value-box {
    row-gap: 10px;
  }
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-value .value-box .value-one {
  display: contents;
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-value .value-box .value-one .value-one-name p {
  width: 100%;
  white-space: nowrap;
  text-align: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-value .value-box .value-one .value-one-name.this-safari {
  display: none;
}
@supports (-webkit-touch-callout: none) and (not (-ms-ime-align: auto)) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-value .value-box .value-one .value-one-name.this-safari {
    display: block;
  }
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-contents .contents-block .contents-value .value-box .value-one .value-one-name:not(.this-safari) {
    display: none;
  }
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco {
  position: absolute;
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco.deco01 {
  width: 15.625vw;
  top: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco.deco01 {
    width: 65px;
    top: -20px;
  }
}
@media screen and (min-width: 1200px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco.deco01 {
    width: 80px;
    top: -30px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco.deco01 {
    width: 100px;
    top: -35px;
  }
}
#padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco.deco02 {
  width: 23.4375vw;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco.deco02 {
    width: 80px;
  }
}
@media screen and (min-width: 1200px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco.deco02 {
    width: 100px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-outline .outline-wrapper .outline-wrap .outline-deco .deco.deco02 {
    width: 120px;
  }
}

/*********************************************
*
*#padasim-index-candd
*
*********************************************/
#padasim-index-candd .candd-wrapper {
  background-color: #182136;
  color: #fff;
  padding: 6.25vw 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-candd .candd-wrapper {
    padding: 30px 0;
  }
}
@media screen and (min-width: 1200px) {
  #padasim-index-candd .candd-wrapper {
    padding: 50px 0;
  }
}
#padasim-index-candd .candd-wrapper .container .candd-box {
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 9.375vw 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-candd .candd-wrapper .container .candd-box {
    width: 100%;
    margin: 0;
    flex-direction: row;
    gap: 0 30px;
    align-items: stretch;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-candd .candd-wrapper .container .candd-box {
    gap: 0 50px;
  }
}
@media screen and (min-width: 1200px) {
  #padasim-index-candd .candd-wrapper .container .candd-box {
    gap: 0 80px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-candd .candd-wrapper .container .candd-box {
    gap: 0 170px;
  }
}
#padasim-index-candd .candd-wrapper .container .candd-box .candd-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 3.75vw;
  gap: 3.125vw 0;
}
@media screen and (min-width: 768px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block {
    width: calc(50% - 15px);
    flex-shrink: 0;
    font-size: 13px;
    gap: 15px 0;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block {
    font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block {
    width: calc(50% - 40px);
    font-size: 18px;
    gap: 30px 0;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block {
    width: calc(50% - 85px);
    font-size: 22px;
  }
}
#padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-sentence {
  margin-bottom: 1em;
}
#padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link {
  margin-top: auto;
}
#padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn {
  width: 80%;
  height: 15vw;
  border-radius: 5px;
  margin: 0 auto;
  background-color: #3900d6;
  position: relative;
}
@media screen and (min-width: 768px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn {
    width: 80%;
    height: 50px;
    margin: 0;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn {
    width: 60%;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn {
    height: 60px;
  }
}
#padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn .btn-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4.6875vw;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn .btn-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn .btn-text {
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn .btn-text {
    font-size: 22px;
  }
}
@media screen and (min-width: 1920px) {
  #padasim-index-candd .candd-wrapper .container .candd-box .candd-block .candd-link .link-btn .btn-text {
    font-size: 28px;
  }
}/*# sourceMappingURL=style.css.map */