@charset "UTF-8";
.section-company {
  width: 100%;
  height: auto;
  top: 0.5208vw;
  z-index: -999;
  margin-top: auto;
  flex: auto;
}
.company-img_pc {
  max-width: 100%;
  top: 0%;
  left: 0%;
  width: auto;
  height: 53.697916666666664vw;
  z-index: 1;
  bottom: 0;
  margin-top: auto;
  flex: auto;
}
.company-img_pc img {
  width: 100%;
  height: auto;
  margin-top: 8.8vw;
  z-index: 1000;
}
.company-img_mb {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .company-img_mb {
    width: 100%;
    height: auto;
    position: sticky;
    top: 0.5208vw;
    z-index: -9999;
    margin-top: auto;
    flex: auto;
    display: block;
  }
  .company-img_mb img {
    top: 0;
    left: 0;
    width: 100%;
    height: 60.1vw;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -110;
    margin-top: 24.333vw;
  }
  .company-img_pc {
    display: none;
  }
}
.section-philosophy {
  width: 100%;
  height: auto;
  margin: 10.46vw 0 2.08vw 0;
  animation-name: fadeUpAnime;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 3;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.section-philosophy h1 {
  font-size: 1.25vw;
  margin-bottom: 1.562vw;
}
.section-philosophy img {
  width: 75vw;
  height: auto;
}
.section-philosophy h2 {
  font-size: 1.25vw;
  line-height: 1.82vw;
  width: 34.1vw;
  height: 19.94vw;
  text-align: center;
  position: absolute;
  top: 10.42vw;
  left: 33vw;
}
.section-philosophy_sp {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .section-philosophy_sp {
    width: 100%;
    height: auto;
    margin: 4.074vw 0px 0px 0px;
    display: block;
    position: relative;
    animation-name: fadeUpAnime;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  .section-philosophy_sp h1 {
    font-size: 4.44vw;
    text-align: center;
    margin-bottom: 6.851vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .section-philosophy_sp img {
    width: 89.8vw;
    height: auto;
  }
  .section-philosophy_sp h2 {
    font-size: 4.07vw;
    line-height: 6.66vw;
    width: 75vw;
    height: auto;
    text-align: center;
    position: absolute;
    top: 33.51vw;
    left: 13.5vw;
  }
  .section-philosophy {
    display: none;
  }
}
.section-origin {
  margin: 40px 0;
  position: relative;
}
.section-origin img {
  width: 75vw;
  height: auto;
}
.origin-message h1 {
  font-size: 1.25vw;
  margin-bottom: 1.562vw;
  position: absolute;
  top: 2.08vw;
  left: 46.875vw;
}
.origin-message p {
  font-size: 0.935vw;
  line-height: 1.25vw;
  width: 34.1vw;
  text-align: center;
  position: absolute;
  top: 4.42vw;
  left: 33.48vw;
}
.section-origin_sp {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .section-origin {
    display: none;
  }
  .section-origin_sp {
    margin: 4.44vw 0 5.925vw 0;
    position: relative;
    display: block;
  }
  .section-origin_sp img {
    width: 100%;
    height: auto;
  }
  .origin-message_sp h1 {
    font-size: 3.33vw;
    text-align: center;
    margin-bottom: 5.55vw;
    position: absolute;
    top: 2.08vw;
    left: 41.666vw;
  }
  .origin-message_sp p {
    font-size: 3.33vw;
    line-height: 4.44vw;
    width: 68.29vw;
    text-align: center;
    position: absolute;
    top: 12.037vw;
    left: 17.407vw;
  }
}
.section-about_company {
  width: 100%;
  height:
    34.895vw;
  margin-bottom: 2.08vw;
}
.company-about {
  display: flex;
  margin-bottom: 2.08vw;
  height: 31.51vw;
  width: 100%;
}
.section-about_company h1 {
  font-size: 1.25vw;
  margin: -1.82vw 0 2.08vw 0;
}
.about-images {
  display: flex;
}
.about-images_1 {
  margin: 0 5.52vw 0 12.4vw;
  width: 37.187vw;
  height: 31.312vw;
}
.about-images_2 {
  width: 32.97vw;
  height: 31.677vw;
}
.pc-br {
  display: none;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .section-about_company {
    width: 100%;
    height: auto;
    margin-bottom: 2.08vw;
    display: block;
  }
  .pc-br {
    display: block;
  }
  .company-about {
    display: block;
    margin-bottom: 2.08vw;
    height: 31.51vw;
    width: 100%;
  }
  .section-about_company h1 {
    font-size: 4.44vw;
    text-align: center;
    margin-bottom: 6.851vw;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .about-images {
    display: block;
  }
  .about-images_1 {
    margin: 0;
    width: 100%;
    height: 74.07vw;
  }
  .about-images_2 {
    width: 89.8vw;
    height: auto;
    margin: 4.44vw 02.037vw 0;
  }
}
.about-discription {
  background-image: url("../images/company/discription-pc_bg.png");
  margin-left: 12.3vw;
  text-align: center;
  width: 75.5vw;
  margin-bottom: 2.08vw;
}
.about-discription img {
  width: 64.42vw;
  height: 6.09375vw;
  margin: 0 0vw 0vw 17.2vw;
}
.about-discription p {
  font-size: 0.9735vw;
  line-height: 1.25vw;
  width: 56vw;
  padding: 1.52vw 0;
  text-align: left;
  display: inline-block;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .about-discription {
    background-image: url("../images/company/discription-pc_bg.png");
    margin: 0;
    text-align: center;
    width: 100vw;
    height: 45vw;
    margin-bottom: 2.08vw;
    display: block;
  }
  .about-discription p {
    font-size: 3.33vw;
    line-height: 4.44vw;
    width: 89.8vw;
    padding: 5vw 0;
    text-align: left;
    display: inline-block;
  }
}
.access {
  margin-bottom: 1.041vw;
}
.access h1 {
  font-size: 1.25vw;
  margin-bottom: 1.562vw;
}
.access p {
  font-size: 0.83vw;
  text-align: right;
  padding-right: 12.5vw;
}
.access iframe {
  width: 100%;
  height: 37.44vw;
  animation: fadein 1s ease-out forwards;
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .access {
    margin-bottom: 30px;
    display: block;
  }
  .access h1 {
    font-size: 4.44vw;
    text-align: center;
    margin: 3.407vw 0 6.666vw 0;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .access p {
    font-size: 2.962vw;
    text-align: right;
    padding-right: 5.185vw;
  }
  .access iframe {
    width: 100%;
    height: 74.07vw;
    animation: fadein 1s ease-out forwards;
  }
}
.section-inquiry h1 {
  font-size: 1.25vw;
  margin-bottom: 1.562vw;
}
.inquiry {
  width: 75vw;
  height: 13.69vw;
}
.inquiry ul {
  display: flex;
}
.inquiry li {
  margin: 0 3.125vw 0 0;
}
.telephone img {
  display: flex;
  margin-left: 12.2vw;
  width: 36.08vw;
  height: 10.41vw;
}
.telephone a {
  text-decoration: none;
}
.telephone a p {
  text-align: center;
  font-size: 1vw;
  font-weight: 600;
  margin: -4.7875vw -13.32vw 0 0;
  color: #383838 !important;
  text-decoration: none !important;
}
.mail {
  padding: 0 0 0 0;
}
.mail img {
  width: 36.45vw;
  height: 10.41vw;
}
.mail a {
  text-decoration: none;
}
.mail a p {
  text-align: center;
  font-size: 1vw;
  font-weight: 600;
  margin: -5.2vw -1.3vw 0 0;
  color: #383838 !important;
  text-decoration: none !important;
}
.section-inquiry_sp {
  display: none;
}
@media screen and (max-width: 1000px) and (min-width:768px) {
  .section-inquiry h1 {
    font-size: 1.25vw;
    margin-bottom: 1.562vw;
  }
  .inquiry {
    width: 75vw;
    height: 13.69vw;
  }
  .inquiry ul {
    display: flex;
  }
  .inquiry li {
    margin: 0 3.125vw 0 0;
  }
  .telephone img {
    display: flex;
    margin-left: 12.2vw;
    width: 36.08vw;
    height: 10.41vw;
  }
  .telephone a {
    text-decoration: none;
  }
  .telephone a p {
    text-align: center;
    font-size: 1vw;
    font-weight: 600;
    margin: -5.4vw -13.32vw 0 0;
    color: #383838 !important;
    text-decoration: none !important;
  }
  .mail {
    padding: 0 0 0 0;
  }
  .mail img {
    width: 36.45vw;
    height: 10.41vw;
  }
  .mail a {
    text-decoration: none;
  }
  .mail a p {
    text-align: center;
    font-size: 1vw;
    font-weight: 600;
    margin: -6vw -1.3vw 0 0;
    color: #383838 !important;
    text-decoration: none !important;
  }
  .section-inquiry_sp {
    display: none;
  }
}
@media screen and (max-width: 767px) and (min-width:20px) {
  .section-inquiry {
    display: none;
  }
  .section-inquiry_sp {
    display: block;
    height: 92.59vw;
    width: 100%;
    margin-bottom: 0.37vw;
  }
  .section-inquiry_sp h1 {
    font-size: 4.44vw;
    text-align: center;
    margin: -1.851vw 0 6.8518vw 0;
    text-decoration: underline 2px #383838;
    text-underline-offset: 8px;
  }
  .inquiry_sp {
    width: 75vw;
    height: 13.69vw;
  }
  .inquiry_sp ul {
    display: block;
  }
  .inquiry_sp li {
    margin: 0 3.125vw 0 0;
  }
  .telephone_sp img {
    display: block;
    width: 89.88vw;
    height: auto;
    margin-left: 5vw;
    margin-bottom: 1.8518vw;
    position: relative;
  }
  .telephone_sp a {
    text-decoration: none;
  }
  .telephone_sp a p {
    text-align: center;
    position: absolute;
    font-size: 4.44vw;
    font-weight: 600;
    left: 35.37vw;
    top: 31.11vw;
    color: #383838 !important;
    text-decoration: none !important;
  }
  .mail_sp {
    padding: 0 0 0 0;
  }
  .mail_sp img {
    display: block;
    width: 89.88vw;
    height: auto;
    margin-left: 5vw;
    position: relative;
  }
  .mail_sp a {
    text-decoration: none;
  }
  .mail_sp a p {
    text-align: center;
    position: absolute;
    font-size: 4.44vw;
    font-weight: 600;
    left: 22.59vw;
    top: 70vw;
    color: #383838 !important;
    text-decoration: none !important;
  }
}
.sns-content {
  width: 100%;
  height: auto;
  margin: -1.19vw 0 1.61vw 0vw;
  position: relative;
  padding: 0 0 2.08vw 0;
}
.sns-content_mb {
  display: none;
}
.sns-content img {
  width: 75.5vw;
  height: 10.4vw;
}
.social-box_2 ul li a img {
  width: 1.46vw;
  height: 1.46vw;
}
.social-box_2 ul {
  width: 1.46vw;
  height: 1.46vw;
  position: absolute;
  top: 6.25vw;
  left: 20.5vw;
  display: flex;
  padding: 0 1.56vw 0 0;
}
.social-box_2 li {
  padding: 0 1.56vw 0 0;
}
@media screen and (max-width:900px)and (min-width:20px) {
  .sns-content {
    display: none;
  }
  .sns-content_mb {
    width: 100%;
    height: auto;
    padding: 0 0 6.4814vw 0vw;
    position: relative;
    display: block;
  }
  .sns-content_mb img {
    width: 89.8vw;
    height: auto;
  }
  .social-box_3 ul li a img {
    width: 4.46vw;
    height: 4.46vw;
    display: block;
  }
  .social-box_3 ul {
    width: 1.46vw;
    height: 1.46vw;
    position: absolute;
    top: 22.25vw;
    left: 44.8vw;
    display: flex;
    padding: 0 1.56vw 0 0;
  }
  .social-box_3 li {
    padding: 0 1.56vw 0 0;
  }
}