@charset "UTF-8";
@media screen and (max-width: 1024px) {
  #home #about .head_area .text_area p br,
  #home #business .group .text_area .intro p br,
  #home #member .member_area .group .text_area p br {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  #home #business .group:nth-child(1) .text_area .text_area_inner,
  #home #business .group:nth-child(2) .text_area .text_area_inner {
    padding: 40px;
  }

  header .nav {
    display: none;
  }
  #home #business .group .thumb_area .thumb_wrap {
    padding-bottom: 120%;
  }
  #business_page #fv .text_area .text_area_inner {
    padding: 40px;
  }
  #business_page #service .text_area .text_area_inner {
    padding: 20px;
  }
  #business_page #service .group:nth-child(2n-1) .text_area .text_area_inner {
    padding-left: 40px;
  }
  #business_page #service .group:nth-child(2n) .text_area .text_area_inner {
    padding-right: 40px;
  }
  .sp_lang {
    display: flex;
    height: 100%;
    width: 40px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 100px;
  }
  .sp_lang .bogo-language-switcher li:last-child::before {
    content: none;
  }
  .sp_lang .bogo-language-switcher li.current {
    display: none;
  }
  .sp_lang a {
    font-size: 12px;
    text-decoration: underline;
  }
  header .humb {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  h1 {
    font-size: 48px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 32px;
  }
  h4 {
    font-size: 26px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 16px;
  }

  p {
    font-size: 14px;
  }
  .sec_tit {
    margin-bottom: 20px;
  }
  header,
  body {
    min-width: unset;
  }
  header .humb {
    display: block;
  }
  header {
    height: 60px;
  }
  header .inner {
    padding: 0 20px;
  }
  header.menu_open {
    color: #151515;
    fill: #151515;
    border-bottom: solid 1px #eaeaea;
  }
  header.menu_open .humb span {
    background-color: #151515;
  }
  #home #fv .scrolldown {
    display: none;
  }
  #home #fv .logo {
    width: 120px;
  }
  #home #fv .text {
    left: 20px;
    width: 60%;
  }
  #home #about .wrap {
    padding: 100px 20px 60px;
  }
  #home #about .head_area {
    display: block;
    margin-bottom: 100px;
  }
  #home #about .head_area .tit_area {
    width: 100%;
    padding: 0;
    display: block;
    margin-bottom: 20px;
  }
  #home #about .head_area .text_area {
    width: 100%;
  }
  #home #about .circle_area .circle_area_tit {
    text-align: left;
  }
  #home #about .circle_area .circle_flex {
    flex-direction: column;
  }
  #home #about .circle_area .circle {
    width: 90%;
    height: 90%;
  }
  #home #about .circle_area .circle:nth-child(2) {
    right: -110px;
    top: -90px;
  }
  #home #about .circle_area .circle:nth-child(1) {
    left: -60px;
  }
  #home #about .circle_area .circle .circle_tit .tit {
  }
  #home #about .circle_area .circle_area_tit p {
    font-size: 20px;
  }
  #home #business .group {
    display: block;
  }
  #home #business .group:nth-child(1) {
    margin-bottom: 40px;
  }
  #home #business .group .thumb_area {
    width: 100%;
  }
  #home #business .group .text_area {
    width: 100%;
  }
  #home #business .group:nth-child(1) .text_area .text_area_inner,
  #home #business .group:nth-child(2) .text_area .text_area_inner {
    padding: 40px 0px;
  }
  #home #business .group .text_area .btn_area a {
    font-size: 14px;
  }
  #home #business .group .text_area .intro p {
    /* font-size: 16px; */
  }
  #home #business .group .text_area .sec_tit {
    margin-bottom: 20px;
  }
  #home #business .wrap {
    /* padding-bottom: 0px; */
  }
  #home #business .inner {
    padding: 0 20px;
  }
  #home #member .member_area .group {
    display: block;
    padding: 40px 0px;
  }
  #home #member .member_area .group .title_name {
    width: 100%;
  }
  #home #member .wrap {
    padding: 0 20px;
  }
  #home #member .member_area .group .text_area {
    width: 100%;
  }
  #home #company .wrap {
    padding: 100px 20px;
  }
  #home #company .table_area {
    display: block;
  }
  #home #company .table_area table {
    width: 100%;
  }
  #home #company .table_area table:nth-child(1),
  #home #company .table_area table:nth-child(2) {
    width: 100%;
  }
  #contact .wrap {
    padding: 100px 20px;
  }
  #contact .btn_area {
    /* display: block; */
  }
  #contact .sec_tit {
    margin-bottom: 0px;
  }
  #contact .btn_area p br {
    display: block;
  }
  #contact .btn_area p {
    /* margin-bottom: 20px; */
    font-size: 14px;
    line-height: 1.8;
  }
  footer {
    min-width: unset;
  }
  footer .inner {
    padding: 120px 20px 10px 20px;
  }
  footer .logo_menu {
    /* display: block; */
    /* flex-direction: column; */
    align-items: center;
    flex-wrap: wrap;
  }

  footer .head {
    width: calc(100% - 80px);
    padding-left: 20px;
  }
  footer .head .group .lead {
    font-size: 10px;
  }
  footer nav ul li {
    margin-bottom: 20px;
  }
  footer .head .group {
    margin: auto;
    /* margin-bottom: 20px; */
    width: 50%;
  }
  footer nav {
    margin: unset;
    width: 100%;
    margin-top: 60px;
  }
  footer nav ul {
    width: 50%;
  }
  footer nav ul:last-child {
    margin-left: 0px;
  }
  footer .copy {
    text-align: left;
  }
  footer .logo_area {
    /* margin-bottom: 80px; */
    width: 60px;
  }
  footer nav ul li a {
    font-size: 14px;
  }
  #home #business .group:nth-child(1) .thumb_area,
  #home #business .group:nth-child(2) .thumb_area {
    border-radius: 10px;
  }
  #home #business .group .thumb_area .thumb_wrap {
    padding-bottom: 100%;
  }
  #home #member .member_area .group .title_name {
    margin-bottom: 10px;
  }
  #home #about .head_area .text_area p {
    /* font-size: 16px; */
  }
  #home #about .head_area .text_area p br {
    display: none;
  }
  #home #home_bg .wrap {
    top: 185svh;
  }
  #home #home_bg span {
    height: 700px;
    width: 700px;
  }
  #home #fv .bg {
    background-image: url(../img/kv_sp__.jpg);
  }
  #business_page #fv .inner {
    flex-wrap: wrap-reverse;
  }
  #business_page {
    padding-top: 60px;
  }
  #business_page #fv .text_area {
    width: 100%;
    margin-top: 0;
  }
  #business_page #fv .text_area .text_area_wrap {
  }
  #business_page #fv .thumb_area {
    width: 100%;
    border-radius: 0;
  }

  #business_page #service .group {
    flex-wrap: wrap;
    margin-bottom: 80px;
  }
  #business_page #service .thumb_area {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 40px;
  }
  #business_page #service .text_area {
    width: 100%;
  }
  #business_page #fv .scrolldown {
    display: none;
  }
  #business_page #fv .text_area .text_area_inner {
    padding: 40px 20px;
  }
  #business_page #fv #loopt_text {
    margin-top: -290px;
  }
  #business_page #fv .wrap {
    padding-bottom: 0px;
  }
  #business_page #service .inner {
    padding: 0 20px;
    padding-bottom: 120px;
  }
  #business_page #service .text_area .text_area_inner {
    padding: 0px;
  }
  #business_page #service .group:nth-child(2n-1) .text_area .text_area_inner {
    padding-left: 0px;
  }
  #business_page #service .group:nth-child(2n) .text_area .text_area_inner {
    padding-right: 0px;
  }
  #business_page #service .text_area .head .num h2 {
    font-size: 34px;
  }
  #business_page #service .text_area .head {
    margin-bottom: 20px;
  }
  #business_page #service .text_area .group_tit {
    padding-left: 20px;
  }
  #business_page #gallery .swiper .swiper-button {
    transform: scale(0.5);
  }
  #business_page #gallery .swiper .swiper-pagination span {
    width: 8px;
    height: 8px;
    margin: 0 4px;
  }
  #business_page #contact_read .inner {
    padding: 140px 0px;
  }
  #business_page #contact_read .text_area h5 {
    font-size: 16px;
    text-align: left;
    padding: 0 20px;
  }
  #business_page #contact_read .text_area h5 .sp_none {
    display: none;
  }
  #business_page #archive_works ul {
    display: block;
  }
  #business_page #archive_works ul li {
    width: 100%;
    margin-bottom: 60px;
  }
  #business_page #archive_works .inner {
    padding: 0 20px;
    padding-bottom: 120px;
  }
  #post_archive .thumb_area {
    border-radius: 10px;
    margin-bottom: 10px;
  }
  #post_archive .thumb_area .thumb_wrap {
    padding-bottom: 56.25%;
  }
  #archive .inner {
    padding: 0 20px;
    padding-top: 120px;
    padding-bottom: 120px;
  }
  #archive .sec_tit {
    margin-bottom: 30px;
  }
  #archive #post_archive li {
    margin-bottom: 60px;
    width: 100%;
  }
  #single #fv .text_area {
    padding: 0 20px;
  }
  #single #fv .inner {
    padding-top: 120px;
    /* padding-bottom: 40px; */
  }
  #single #fv .thumb_area{
     padding-bottom: 40px
  }
  #single #main_text .inner {
    padding: 0 20px;
    padding-bottom: 100px;
  }
  #single #main_text p {
    margin-bottom: 40px;
  }
  #single #main_text .main_text_wrap img {
    border-radius: 10px;
    margin-bottom: 10px;
  }
  #single #main_text h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  #single #main_text h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  #single #main_text h1 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #single #main_text .info {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  #single #fv .text_area .tit {
    font-size: 24px;
  }
  .modal_miet .modal_contents {
    padding: 20px;
  }
  .modal_miet .modal_contents .modal_inner {
    padding: 60px 20px;
  }
  .modal_miet .modal_close_btn {
  }
  #home #member .member_area .group .name .jp {
    font-size: 18px;
  }
  .sp_lang {
    right: 80px;
  }
  #business_page.miet_lower {
    padding-top: 60px;
  }
  #business_page.miet_lower #fv .text_area .text_area_inner {
    padding: 40px 20px;
    padding-bottom: 40px;
  }
  #business_page #fv .text_area .intro p {
    font-size: 14px;
  }
  #business_page #fv .text_area .intro p br {
    display: none;
  }
  #business_page.miet_lower #fv .thumb_area .thumb_wrap {
    padding-bottom: 100%;
  }
  #business_page.miet_lower #service ul li {
    width: 100%;
    padding: 60px 40px;
    padding-bottom: 80px;
  }
  #business_page.miet_lower #service ul li .num {
    padding: 5px;
  }
  #business_page.miet_lower #service ul li .head {
    min-height: auto;
    margin-bottom: 20px;
  }
  #business_page.miet_lower #service ul li .head h3 {
    font-size: 8vw;
  }
  #business_page.miet_lower #fv .wrap {
    padding-bottom: 60px;
  }
  #business_page.miet_lower #service .inner {
    padding-bottom: 100px;
  }
  #home #fv .wrap {
    margin-bottom: 60px;
  }
  #home #business .group:nth-child(1) {
    margin-bottom: 0px;
  }
  #home #business .group:nth-child(1) .text_area .text_area_inner,
  #home #business .group:nth-child(2) .text_area .text_area_inner {
    padding-bottom: 0;
  }
  #post_archive .text_area .tit {
    -webkit-line-clamp: unset;
    font-size: 18px;
  }
  .post_list .cat {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .post_list .viewmore p {
    font-size: 10px;
  }
  #single #main_text .slide{
    width: 100%;
  }
  #single #main_text .slide .swiper-button-next, #single #main_text .slide .swiper-button-prev{
}
    #single #main_text .slide .swiper-button-next:after,
    #single #main_text .slide .swiper-button-prev:after{
    font-size: 20px;
  }
  #home #news .wrap{
    padding: 80px 20px;
    padding-bottom: 100px;
  }
  #home #news .wrap a{display: block;}
  #home #news .wrap .day{
    margin-bottom: 10px;
    width: 90px;
  }
  #home #news .wrap .tit{
    width: 100%;
    -webkit-line-clamp: 3;
    line-height: 1.5;
    font-size: 16px;
  }
}