@media (max-width:1199px){footer .footer-sitemap-item-title{font-size:var(--text-md)} .service-title p{font-size:var(--text-2xl)} .academy-br{display:inline} .member-title p{font-size:var(--text-2xl)} .column-title p{font-size:var(--text-2xl)} .news-title p{font-size:var(--text-2xl)} .contact-panel-title{font-size:4rem} #sub-top .page-title{padding-top:160px;font-size:80px} .philosophy-message-img{margin:0} #archive-member .member-role{font-size:10px} #archive-member .member-name{font-size:1.2rem} } @media (max-width:993px){.about-container{max-width:720px} .about-main,.about-sub-box{width:360px} .about-title::after{left:25%;width:15%} } @media (max-width:959px){header .header-box{height:80px;padding:25px} header .header-logo a{height:40px} header nav{display:none} .hamburger-menu{display:block} .service-container{display:block} .service-title{margin-bottom:80px} .service-items{width:100%} .service-item{margin-left:0;margin-right:0} .service-link-btn{width:5.5vw;height:5.5vw} .news-btn{width:160px} .contact-panel{align-items:flex-start} .contact-panel-contents{margin-top:4rem} .contact-panel-links{display:block} .contact-panel-btn-block:not(:first-of-type){margin-left:0;margin-top:1rem} .contact-panel-btn-block a{margin:0 auto;padding:0.4rem 1rem} #sub-top .page-title{font-size:3.2rem} #sub-top .scroll{left:4.2%} #philosophy-mission .mission-row{display:block} #philosophy-mission .mission-title{width:100%} #philosophy-mission .mission-title p{font-size:28px} #philosophy-mission .mission-context{width:100%} #philosophy-message .philosophy-message-title p{font-size:3.2rem} #philosophy-message .philosophy-message-img-container{position:relative;margin-top:-42px} #philosophy-message .philosophy-message-img img:first-of-type{display:none} #philosophy-message .philosophy-message-img img:not(:first-of-type){display:inline;width:100%} #philosophy-message .philosophy-message-intro{left:50%;padding:20px 10px} #philosophy-message .philosophy-message-intro .member-role{font-size:var(--text-sm)} #philosophy-message .philosophy-message-intro .member-name{font-size:var(--text-md)} #company-profile .profile-container{display:block} #company-profile .profile-column{width:100%} #company-profile .profile-title p{font-size:3.2rem} #company-profile .profile-info-items{margin-right:0} #company-profile .profile-info-context br{display:none} #company-profile .profile-info-context span{display:inline} #company-profile .map-column{width:100vw;margin:0 -10vw} #company-profile .map-column iframe{width:100vw} #company-history .history-title p{font-size:3.2rem} #company-history .history-item-title{font-size:2.4rem} #company-history .history-context p{font-size:0.8rem} .br-tb{display:inline} #company-history .history-continued-img{width:80%} #column-list .column-item{width:50%} #archive-member .member-item{width:33.33333333%} #archive-member .member-role{font-size:0.8rem} #archive-member .member-name{font-size:1.2rem} #single-member-page .member-thumbnail-sp{display:block;position:relative} #single-member-page .member-thumbnail{display:none} #single-member-page .member-img{display:none} #single-member-page .member-img-sp{display:inline;width:100vw} #single-member-page .single-member{display:block} #single-member-page #single-member{display:block;width:100vw;padding-right:10vw} #single-member-page .single-member-container{padding-right:0} #single-member-page .member-title-block{position:absolute;top:calc(100vw * 0.32);right:10vw;text-shadow:#fff 0 0 5px,#fff 0 0 5px,#fff 0 0 5px} #single-member-page .member-title-ja{margin-top:10px} #single-member-page .member-intro-section:nth-child(2){margin-top:0} #archive-column .column-container{flex-wrap:wrap} #column-list,#column-sidebar{width:100%} #column-sidebar .column-img{width:120px} #column-sidebar .column-info{width:calc(100% - 120px)} #column-sidebar .column-item-title{-webkit-line-clamp:2} #single-column .single-column-container{flex-wrap:wrap} #single-column-contents,#column-sidebar{width:100%} } @media (max-width:767px){a:hover,a:hover *{color:var(--text)} header .header-box{padding:20px} footer{padding:80px 20px 50px} footer .footer-main{display:block} footer .footer-logos{width:100%;text-align:center} footer .footer-logo img{width:210px} footer .footer-icons{margin-top:2.4rem;justify-content:center} footer .fa-youtube:hover{color:var(--white)} footer .fa-instagram:hover::before{color:var(--white)} footer .fa-instagram:hover::after{opacity:0} footer .footer-wantedly-icon:hover svg path{fill:var(--white)} footer .footer-sitemap{display:none} footer .footer-sitemap-sp{display:flex;margin-top:50px;padding:0} footer .footer-sitemap-column-wrapper{width:50%;display:flex;justify-content:center} footer .footer-sitemap-item-link:hover .footer-sitemap-item-title{color:var(--white)} footer .footer-sitemap-item-link:hover .footer-sitemap-item-sub{color:var(--text-link)} footer .footer-sitemap-sp .footer-sitemap-column{width:min-content} footer .footer-foot{flex-direction:column-reverse;align-items:center} footer .footer-foot .copyright{margin-top:2.4rem} footer .privacy a:hover{color:var(--white)} .carousel-inner{height:80vw} .carousel-item-block{width:392vw;transform:translateX(-120vw)} .carousel-item{margin-right:-30%} .carousel-item-next:not(.carousel-item-start),.active.carousel-item-end{transform:translateX(136%)} .carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start{transform:translateX(-136%)} .carousel-item img{width:120vw} .carousel-item-left,.carousel-item-center,.carousel-item-right{margin-left:16vw} .carousel-item-right{display:none} .key-phrase{display:none} .top-news{display:none} .key-phrase-sp{display:block} .top-news-sp{display:block;padding:0 20px} .top-news-row{margin-top:10px;align-items:start} .top-news-date{padding:0} .top-news-content{padding:0;width:calc(100% - 90px)} .scroll{top:29%;left:3%} .scroll::before{top:105%;animation:pathmove-sp 2s ease infinite} .scroll::after{top:105%;width:233%} @keyframes pathmove-sp{0%{width:0;left:30%} 30%{width:30px;opacity:1} 100%{width:0;left:263%;opacity:0} } #about{padding:160px 20px 148px} .about-container{max-width:320px} .about-main,.about-sub-box{width:320px} .about-title::after{left:28%} .about-key-phrase{font-size:28px} .about-sub-text{font-size:13.3px} .about-btn{margin:0 auto} .about-images-block{padding-bottom:120px} .about-image img{width:80vw} #service{padding:120px 20px} .service-item{display:block;margin-bottom:26px;padding:40px 24px;box-shadow:10px 10px 0 var(--shadow)} .service-logo-box{width:auto} .service-logo{height:auto} .service-logo img{height:auto;max-height:100px} .service-contents{width:100%;margin:30px 0} .service-number-box{display:none} .service-catch{text-align:center} .service-text p{margin-bottom:0} .service-link-btn{bottom:7%;right:7%;width:40px;height:40px} .member-container{padding:120px 20px 0} .member-slider{transform:translateX(20px)} .member-item:last-child{padding-right:20px} .member-item:hover .member-img-hover img{opacity:0} .member-btn{display:none} .member-img img{width:75vw} .member-btn-sp-row{padding:40px 20px 0;display:flex;justify-content:center} .member-btn-sp{display:flex} .member-btn-sp .btn{width:56px;height:56px;display:flex;justify-content:center;align-items:center} .member-btn-sp .btn i{font-size:1.2rem} .member-next-btn{margin-left:2rem} #column{padding:120px 20px 0px} .column-btn{display:none} .column-item{width:100%} .column-item:not(:first-of-type){margin-top:50px} .column-item:hover .column-img img{transform:none} .column-info{margin-top:1.2rem} .column-title-block{height:auto;max-height:4.5rem} .column-btn-sp-row{padding:50px 20px 0;display:flex;justify-content:center} #news{padding:120px 20px} .news-container{display:block} .news-left-block{width:100%} .news-categories{margin:5rem 0 3rem -20px;width:100vw;height:3rem;padding-bottom:1rem;overflow:hidden;overflow-x:scroll} .news-categories-ul{display:flex;width:max-content;margin-bottom:0;transform:translateX(20px)} .news-category-li{margin-top:0} .news-category-li:not(:first-of-type){margin-left:1rem} .news-btn{display:none} .news-items{width:100%} .news-item{padding:2.4rem 0} .news-item-title{-webkit-line-clamp:3} .news-btn-sp-row{padding:50px 20px 0;display:flex;justify-content:center} #contact{display:block;height:200vw} .contact-background-cover{top:50%;height:50%;background-image:url(../img/index/contact-background-sp.webp)} .contact-panel{width:100%;height:50%;align-items:center} .contact-panel-contents{margin-top:0} .contact-panel:nth-child(2){background-color:var(--yellow)} #contact .contact-panel:nth-child(2) .contact-panel-title,#contact .contact-panel:nth-child(2) .contact-panel-caption{color:var(--text)} .contact-panel:nth-child(2):has(.contact-panel-btn-block a:hover){background-color:var(--yellow)} .contact-panel:nth-child(3):has(.contact-panel-btn-block a:hover){background-color:rgba(0,0,0,0)} .contact-panel:nth-child(2) .contact-panel-links{display:none} .contact-panel-links-sp{display:flex;flex-direction:column} .contact-panel-links-sp .contact-panel-btn-block a{background-color:var(--secondary);border:none} .contact-panel-btn-block a{width:200px;height:56px;display:flex;justify-content:center;align-items:center} .contact-panel-btn-block:not(:first-of-type){margin:1.6rem 0 0} .contact-panel:nth-child(3) .contact-panel-btn-block a:hover{color:var(--white);background-color:rgba(0,0,0,0);border-color:var(--white)} #sub-top .page-title-row{display:none} #sub-top .page-top-image-row{width:110%;margin-right:-5%;padding-left:15%} #sub-top .page-top-image img{width:100%} .page-title-row-sp{display:block;margin:80px 20px 0} .page-title-row-sp .page-title{font-size:56px} .page-title-row-sp .page-title-ja{padding-top:10px} #sub-breadcrumb{padding:40px 20px 0px} #philosophy-mission{padding:120px 20px} #philosophy-mission .mission-row{padding-bottom:20px} #philosophy-mission .mission-context p:first-of-type{font-size:28px} #philosophy-mission .mission-context{width:100%} #company-profile{padding:120px 20px} #company-profile .map-column{width:100vw;margin:0 -20px} #company-profile .map-column iframe{height:80vw} #company-history{padding:120px 20px} #company-history .history-items::after{left:20px} #company-history .history-item{flex-direction:row;padding-top:50px} #company-history .history-item:last-child{padding-bottom:50px} .history-item .history-content-column{text-align:end} #company-history .history-img-column{display:none} #company-history .history-year-column{width:20%;margin-top:1rem;justify-content:flex-start;align-items:flex-start} #company-history .history-year-circle{font-size:1rem;width:40px;height:40px} #company-history .history-content-column{width:80%;text-align:start} #company-history .history-context p br{display:none} #company-history .history-img-sp{display:flex;width:100%} #company-history .history-continued-img{width:100%} #sub-top.sub-top-without-img{padding:0 20px} #sub-top.sub-top-without-img .page-title-row{display:block} .column-categories{margin-top:1rem;padding:0 20px} .column-categories-ul{display:flex;margin-bottom:0;gap:0.5rem;transform:translateX(0)} .column-category-li a:hover{color:var(--text);background-color:var(--background-chip)} #column-list .column-item{width:100%;padding:0} .column-img{border-radius:5px} #column-sidebar .column-search-button:hover i{color:var(--text)} #column-sidebar .column-item-small:hover .column-img img{transform:none} .column-archive-year-row:hover *{color:var(--text)} .column-archive-months ul li a:hover::before{color:var(--text)} .page-numbers{width:32px} .page-numbers.prev{left:-50px} .page-numbers.next{right:-50px} .page-numbers.prev:hover *,.page-numbers.next:hover *{color:var(--white)} #single-column{padding:40px 20px 80px} #single-column .column-list-btn a:hover{color:var(--white)} #single-column .column-share-sns a:hover .icon-facebook{background-color:var(--color-facebook);border:none} #single-column .column-share-sns a:hover .icon-x-twitter{background-color:var(--color-x-twitter);border:none} #single-column .column-share-sns a:hover .icon-line{background-color:var(--color-line);border:none} #single-column .column-share-sns a:hover .fa-facebook{color:var(--white)} #single-column .column-share-sns a:hover .fa-x-twitter{color:var(--white)} #single-column .column-share-sns a:hover .icon-line path{fill:var(--white)} #archive-news{padding:80px 20px 0} #archive-news .news-categories{margin-left:-20px} #archive-member{padding:80px 20px 120px} #archive-member .member-item{width:100%} #archive-member .member-name{font-size:1.4rem} #single-member-page .member-thumbnail-sp{display:flex;overflow:hidden;justify-content:center;align-items:center} #single-member-page .member-img-sp{width:125%} #single-member-page #single-member{padding:60px 20px 0} #single-member-page .member-title-block{top:calc(100vw * 0.44);right:10vw} #single-member-page .member-title{font-size:36px} #single-member-page .member-title-ja{margin-top:0;font-size:1rem} #single-member-page .member-role{margin-top:0.3rem} #single-member-page .member-intro-section:not(:nth-child(2)){margin-top:60px} #single-member-page .member-intro-content{margin-top:20px} #single-member-page .member-intro-card-wrapper{} #single-member-page .member-intro-card{flex-direction:column;box-shadow:1.5vw 1.5vw 0 var(--shadow)} #single-member-page .member-intro-card:hover .member-intro-card-thumb img{} #single-member-page .member-intro-card-thumb{} #single-member-page .member-intro-card-thumb img{} #single-member-page .member-intro-card-title{} #single-member-page .member-sns{margin-top:3rem;flex-wrap:wrap} #single-member-page .member-sns-icon{margin-top:1rem} #single-member-page .member-sns-icon:not(:first-of-type){margin-left:1.2rem} #single-member-page .member-sns-icon:nth-child(8){margin-left:0 } #single-member-page .fa-youtube:hover,#single-member-page .fa-linkedin:hover,#single-member-page .fa-facebook:hover,#single-member-page .fa-instagram:hover::before,#single-member-page .fa-threads:hover::before{color:var(--text)} #single-member-page .fa-instagram:hover::after,#single-member-page .fa-threads:hover::after{opacity:0} #single-member-page .member-wantedly:hover svg path,#single-member-page .member-youtrust:hover path.youtrust-top,#single-member-page .member-youtrust:hover path.youtrust-bottom{fill:var(--text)} .page-numbers.prev:hover,.page-numbers.next:hover{color:var(--white);background-color:var(--secondary)} } @media (max-width:599px){#single-member-page .member-title{font-size:24px} #single-member-page .member-title-ja{font-size:0.8rem} #single-member-page .member-role{font-size:0.7rem} } @media (max-width:399px){#single-member-page .member-title-block{top:calc(100vw * 0.54);right:20px} }