@media screen and (min-width: 1800px){
.member-wrap .imgwrap.poab {max-width: 455px; width: 47%; bottom: 0; right: 60px; }
.member-wrap .imgwrap.comment02 {max-width: 330px; width: 100%; bottom: 160px; right: 530px; }
.teach-miraisha {width: 1700px; margin: 0 auto;}
.teach-wrap .wrapInner{margin-top: 5vw;}
}
@media screen and (min-width: 1400px){
.intro-wrap p.txtwrap{font-size: 2.1rem;}
#ind-company .wrapInner .left{margin-left: 0;}
#ind-recruit .wrapInner .right{right: -137px;}
#ind-philo .wrapInner .left_img{ left: -300px; }
#ind-philo .wrapInner .right_img{ right: -300px; }
}
@media screen and (min-width: 1600px){
#ind-recruit .wrapInner .right { right: 0; }
}
@media screen and (min-height: 1000px){
.skew1,.skew2{ height: 47vh; }
}

/* 
========================================================== */

@media screen and (min-width: 1156px) {
.br-hide-1155 { display: block; }
}
@media screen and (max-width: 1155px) {
.br-hide-1155 { display: none; }
#ind-company .wrapInner p.txtwrap{max-width: 370px;}
}
@media screen and (max-width: 1295px) {
#ind-service .wrapInner .left p.txtwrap .br-hide-1155{display: none;}
}
@media screen and (min-width: 961px) {
.br-show-960 { display: none; }
.br-hide-960 { display: block; }
}
@media screen and (max-width: 960px) {
.br-show-960 { display: block; }
.br-hide-960 { display: none; }
}
@media screen and (min-width: 861px) {
.br-show-850 { display: none; }
.br-hide-850 { display: block; }
.remodal .remodalInenr{padding-left: 80px; padding-right: 40px;}
.remodal.modal-mission .remodalInenr{padding-left: 100px; padding-right: 0px;}
.remodal.modal-credo .remodalInenr{padding-left: 80px; padding-right: 70px;}
}
@media screen and (max-width: 860px) {
.br-show-850 { display: block; }
.br-hide-850 { display: none; }
}
@media screen and (min-width: 701px) {
.br-show-700 { display: none; }
.br-hide-700 { display: block; }
}
@media screen and (max-width: 700px) {
.br-show-700 { display: block; }
.br-hide-700 { display: none; }
.remodal .remodalInenr{padding-left: 0;}
}
@media screen and (min-width: 601px) {
.br-show-600 { display: none; }
.br-hide-600 { display: block; }
}
@media screen and (max-width: 600px) {
.br-show-600 { display: block; }
.br-hide-600 { display: none; }
}
@media screen and (min-width: 421px) {
.br-show-420 { display: none; }
.br-hide-420 { display: block; }
}
@media screen and (max-width: 420px) {
.br-show-420 { display: inline-block; }
.br-hide-420 { display: none; }
}

@media screen and (max-width: 1230px){
.service-list .right { top: 50%; transform: translateY(-50%); }
.features-list .right { top: 50%; right: -35px; transform: translateY(-50%); }
.service .btn p{font-size: 1.5vw;}
}
@media screen and (max-width: 1100px){
#ind-philo{padding-bottom: 8%;}
#ind-philo .wrapInner .right_img{top: 65%; width: 43%; right: -25%;}
#ind-philo .wrapInner .left_img{top: 65%; width: 43%; left: -25%;}

#ind-works .wrapInner .small_img1{ width: 8%; left: -6%;}
#ind-works .wrapInner .small_img2{ width: 20%;}
#ind-works .wrapInner .small_img3{ width: 20%; top: 100%;}
#ind-works .wrapInner .small_img4{ width: 11%;}
#ind-works .wrapInner .small_img5{ width: 15%; right: -3%;}
#ind-works .wrapInner .small_img6{ width: 20%;}

#ind-company .wrapInner .left{width: 60%;}
#ind-company {padding-bottom: 400px;}
#ind-company .wrapInner .left{top: 100px;}
}
@media screen and (max-width: 860px){
.intro-wrap p.txtwrap .br-sp-none{display: inline-block;}
.sp-none860{display: block;}
}
@media screen and (max-width: 860px){
    .teach-wrap .teachlist.sp-none860 .aruaru {display: none;}

.tellink{pointer-events: auto;}

/*    common    */
.headlogo{ left: 6%; width: 170px; top: 35px;}
.navInner, .menu{ right: 40px; right: 6%;}
.footer_info p, .footer_info a{ font-size: 1rem; }
.btn{ max-width: 280px; height: 70px; line-height: 65px; }
.btn p{ font-size: 1.5rem!important; }
#ind-works .wrapInner .ttlwrap .border { width: 280px; height: 70px; }
.ind_enttl { font-size: 3rem; }
#ind-philo .wrapInner .imgwrap { width: 60%; margin: 0 auto; }
.mvwrap02.pore { margin-top: 10%; }
.intro-wrap p.txtwrap .br-sp-none{display: none;}
.intro-wrap p.txtwrap .br-sp-none.type2{display: block;}
.intro-wrap p.txtwrap{font-size: 1.7vw; margin-left: 60px;}
#ind-service .word div{height: 120px;}
#ind-service .ttlwrap.left .imgwrap { width: 50%; }
#ind-service .ttlwrap.left { padding-top: 45%; z-index: 2; position: relative;}
#ind-service .wrapInner .left p.txtwrap{max-width: 100%; width: 100%;}
#ind-company .wrapInner .right { right: 0; top: -20%; }
#ind-company .wrapInner .left{top: 40vw; width: 70%;}
#ind-company .wrapInner p.txtwrap{max-width: 100%;}
#ind-map.skew1{margin-top: 0;}
#ind-recruit .wrapInner { padding: 45vw 0 130px; }
#ind-recruit .wrapInner .right{top: -25%;}
#ind-recruit .wrapInner .left p.txtwrap { max-width: 100%; width: 100%;}
#ind-mv .mvwrap01 .mvimg04 {padding: 5% 0;}
#ind-company .wrapInner .ttlwrap .imgwrap {width: 55vw;}

/*    common-ttl    */
#ind-philo .wrapInner .ttlwrap .imgwrap {width: 75%;}
#ind-service .ttlwrap .imgwrap {width: 45%;}
#ind-works .wrapInner .ttlwrap .imgwrap { width: 80%;}
#ind-service .wrap {padding: 0 0 15% 0;}

.kasou-main .word { top: 38%;}
.kasou-main .word div{height: 180px; background-size: contain;}
#kasou .h1ttl h1 { font-size: 4rem; }
.kasou-main .wrapInner .txtwrap{font-size: 1.8rem;}
.kasou-main .wrapInner .imgttl{width: 88%; margin: 0 auto;}

.origin-people02 {top: 30%;}
.origin section .imgwrap.bg-yellow {height: 120px;}
.origin section .imgwrap .imgitem{line-height: 120px;}
.origin .wrap > .wrapInner{padding: 28% 0 25%;}
.origin section .imgwrap.logo .imgitem{width: 120px;}
.balloon2{border-radius: 5px;}
.balloon2 p{font-size: 1.5rem;}
.btn_arow2::after{width: 15px;}
.philosophy_ceo .wrapInner {transform: translateY(70%);}
.balloon2::after {border: 6px solid transparent;border-top: 6px solid#000;}
.remodal .remodalInenr{padding: 130px 60px 150px; box-sizing: border-box;}

.service .btn{max-width: calc(50% - 5px);}
.service .btnwrap a{background-color: #ffe614;}
.service .btnwrap a:nth-child(1),
.service .btnwrap a:nth-child(4),
.service .btnwrap a:nth-child(5),
.service .btnwrap a:nth-child(8){background-color: #fff;}
.service-list .txtwrap { font-size: 1.5rem; }
.service-list {padding: 23% 6% 10%; border: 10px solid #000; }
.service-list .left .service-list-ttl h2 {font-size: 3rem;}
.features-list{padding: 20% 6% 6%; border: 10px solid #000; }
.subwrap{padding: 6%; border: 10px solid #000; border-top: none;}
.features-list .txtwrap { font-size: 1.5rem; }
.subwrap ul li{font-size: 1.5rem;}

.client .wrapInner{margin-top: -10%;}
.client .client_toC .wrapInenr {font-size: 1.5rem;}
.client .client_toC span {font-size: 2.5rem;}
.client .client-zenkoku .imgwrap{margin-left: 10%;}

.tablewrap dl {font-size: 1.5rem;}
.member-wrap .wrapInner .member_list .name{font-size: 1.5rem;}
.member-wrap .wrapInner .member_list .name span{font-size: 1.3rem;}
.access-wrap .wrapInner .imgwrap{margin: 0 auto; width: 100%;}
.access-wrap .wrapInner .txtwrap{position: static; transform: translateY(0); text-align: center; font-size: 1.8rem;}
.member-wrap .imgwrap.comment02 {bottom: 6%;}

.teach-wrap .teachlist .aruaru.oddwrap{bottom: auto; top: 45%; width: 25%;} 
.teach-wrap .teachlist .aruaru.evenwrap{bottom: auto; top: 45%; width: 25%;}

.teach-wrap .teachlist .flex .comment{width: 55%; font-size: 1.5rem; padding: 25px 3%;}
.recruit .teach-wrap.pore.mt300{padding-top: 0;}



}
@media screen and (max-width: 768px){
#ind-company .wrapInner .left{top: 51vw;}
}
@media screen and (max-width: 700px){
.balloon2:before {border: 6px solid transparent;border-top: 6px solid #000;}
.balloon2:after {border: 11px solid transparent;border-top: 11px solid #000;}
.philosophy_ceo .wrapInner .flex-jcs {flex-flow: column;}
.philosophy_ceo .wrapInner .flex-jcs .balloon2{min-width: 100%; width: 100%; font-size: 2.4rem; padding: 15px 0; margin: 20px auto;}
.philosophy_ceo .wrapInner .flex-jcs .balloon2:nth-child(3){margin: 15px 0 45px 0;}
.philosophy_ceo .wrapInner {transform: translateY(35%);}
}
@media screen and (max-width: 680px){
#ind-company .wrapInner .left{top: 60vw;}
}
@media screen and (min-width: 601px){
.sp-showmap{display: none;}
.pc-showmap{display: block;}
.sp_show_foot{display: none;}
.pc_show_foot{display: block;}
.sp_show_fv04{display: none;}
.pc_show_fv04{display: block;}

.sp-show600{display: none!important;}
.sp-none600{display: block;}
.sp-br-none600{display: block !important;}

}
@media screen and (max-width: 600px){
.sp-show600{display: block;}
.sp-none600{display: none !important;}
.sp-br-none600{display: none !important;}

.menu.active {width: 200px;height: 505px;}
.menu .gnavwrap .gnavul{padding: 60px 0; font-size: 1.3rem;}
.menu .gnavwrap .gnavul li:not(:last-child) {padding-bottom: 15px;}

.footer_info div.flex{flex-flow: column-reverse;}

/*    common    */
footer .wrapInner .imgwrap { margin: 30px auto; }
footer .wrapInner { padding: 60px 0 60px; }
.footer_info{ flex-flow: column-reverse; margin-top: 150px; }
.footer_info p{ text-align: center; }
.footer_info p:first-child{ margin-top: 15px; }
.footer_info a.poab { top: -70px; }
footer .btn { max-width: 88%; }
.menu, .navInner{width: 40px; height: 40px;}
.headlogo{top: 29px; width: 130px;}
.menu-trigger { width: 100%; height: 100%;}
.menu-trigger span{width: 16px; height: 2px;}
.menu-trigger span:nth-of-type(1){top: 13px;}
.menu-trigger span:nth-of-type(2) { top: 48%; }
.menu-trigger span:nth-of-type(3){bottom: 13px;}
.menu .gnavwrap{border: 2px solid #000;}
.menu-trigger.active span:nth-of-type(1){transform: translateY(6px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(3){transform: translateY(-6px) rotate(45deg);}

.sankaku{ border-width: 80px 0 0 100vw; }
.sankaku1{ border-width: 0 100vw 80px 0; }
.sankaku2{ border-width: 80px 100vw 0 0; }
.sankaku3{ border-width: 0 0 80px 100vw; }

.ind_enttl { font-size: 2.4rem; }

/*    index    */
#ind-mv .wrapInner { overflow: hidden; }
#ind-mv .wrapInner .mvimg.poab {top: 0;}
.mvwrap02.pore{padding-top: 11%;}

#ind-mv .mvwrap01 { top: 140px; z-index: 3; width: 156%; left: -7px; }
.mvwrap02.pore { margin-top: 20%; }
.sp_show_fv04{display: block;}
.pc_show_fv04{display: none;}
#ind-mv .mvwrap01 .mvimg04 {padding: 0; width: 80%; margin-left: -6.5%;}
.intro-wrap p.tb-lr{width: 25%;}
.intro-wrap p.tb-lr::after{right: auto; left: 0; bottom: -20px;width: 400%;height: 2px; letter-spacing: 0.05em;}
.intro-wrap p.txtwrap{width: 100%; margin: 40px auto 0; font-size: 1.25rem; position: relative; letter-spacing: 0.05em; text-align: justify;}
.intro-wrap { margin-top: 50px; padding-bottom: 90px;}
#ind-philo .txtwrap{width: 100%;}

#ind-philo{padding-bottom: 0;}
#ind-philo .wrapInner .right_img{ position: static; width: 43%;}
#ind-philo .wrapInner .left_img{ position: static; width: 43%;}
#ind-philo .wrapImg { display: flex;justify-content: space-between;width: 145vw;margin-left: -27vw;margin-top: 100px; }
#ind-philo .wrapInner .imgwrap { width: 100%; }
#ind-philo, #ind-service{ margin-top: 80px; }
#ind-philo .wrap{top: -60px; overflow: hidden;}
#ind-philo .txtwrap, #ind-service .wrapInner .left p.txtwrap, #ind-works .wrapInner p.txtwrap, #ind-company .wrapInner p.txtwrap, #ind-recruit .wrapInner .left p.txtwrap{font-size: 1.2rem;}
#ind-philo .wrapImg{margin-top: 40px;}
#ind-philo .ttlwrap {position: static;}
.intro-wrap .wrapInner > .flex{flex-flow: column;}

#ind-service .ttlwrap.left { padding-top: 55%; }
#ind-service .ttlwrap.left .imgwrap { width: 60%; }
#ind-service .wrap, #ind-works .wrap{top: -60px; overflow: hidden; padding: 0 0 100px 0;}
.btn { max-width: 100%; margin-top: 45px;}
#ind-philo .btn{position: absolute; transform: translateX(-50%); top: 100vw;}
#ind-philo .wrapInner {padding-bottom: 22%;}

#ind-service .wrapInner .right { width: 100%; right: -35%;}
#ind-service .word div { height: 80px; background-size: contain; }

#ind-philo .wrapInner .ttlwrap .imgwrap, #ind-works .wrapInner .ttlwrap .imgwrap { width: 100%;}
#ind-works .wrapInner p.txtwrap{letter-spacing: 0.05em;}
#ind-works .wrapInner .imgwrap { width: 100%;}
#ind-works .wrapInner .ttlwrap .border{width: 105%; position: absolute;left: 50%;transform: translateX(-50%);top: 110vw;}
#ind-works .wrap { padding-bottom: 70vw; }
#ind-works .ttlwrap.txc {margin-bottom: 60px; }
#ind-works .wrapInner .small_img1 { width: 40px; top: 45%;}
#ind-works .wrapInner .small_img2 { display: none; }
#ind-works .wrapInner .small_img3 { width: 80px; bottom: auto;top: 115%;left: auto;right: -45px; }
#ind-works .wrapInner .small_img4 { width: 70px; left: -45px; top: 115%;}
#ind-works .wrapInner .small_img5 { display: none; }
#ind-works .wrapInner .small_img6 { display: none; }
#ind-works .wrapInner .ttlwrap .border{border: none;}
#ind-company {padding-bottom: 300px;}
#ind-company .wrapInner .right { top: -40%; z-index: 2;}
/* #ind-company .btn { position: absolute; top: 105%; left: 50%;transform: translateX(-50%);} */
#ind-company .btn { margin-top: 107%;}
#ind-company .wrapInner .left { width: 110%; top: 40vw;}
#ind-recruit .wrapInner .ttlwrap .imgwrap { width: 80%;}
#ind-recruit .wrapInner .right {right: -25%; width: 85%;}

#ind-map.skew1 { margin-top: 22%; } 
#ind-map .imgwrap.poab { max-width: 90px; width: 90px; top: 2%; left: 0; right: 0; margin: 0 auto;}
.sp-showmap{display: block;}
.pc-showmap{display: none;}

#ind-company .wrapInner .ttlwrap .imgwrap {width: 75vw;}

.sp_show_foot{display: block;}
.pc_show_foot{display: none;}


/* kasou
==========================================================*/
.mt300{margin-top: 80px;}
.origin.pore.mt300 {overflow-x: hidden;margin-top: 0;padding-top: 80px;}
.kasou_h2_ttl h2 {font-size: 3rem; padding-bottom: 20px; margin-bottom: 40px; }
.kasou_h2_ttl h2::after {width: 15px; height: 3px;}
.kasou-main .wrapInner .txtwrap{font-size: 1.3rem; margin-top: 25px; letter-spacing: 0.05em;}
.company .kasou-main .wrapInner .txtwrap{font-size: 1.25rem;}
.origin .wrap .originttl{height: 60px; line-height: 50px; border-radius: 10px 10px 0 0; font-size: 2.4rem;}
.origin .wrap{border: 6px solid #000; top: -60px; border-radius: 20px;}
#kasou .h2ttl h2{font-size: 2.4rem;}
.origin .wrap > .wrapInner{padding: 100px 0 20%;}
.origin section .imgwrap{height: 90px;}
.origin section .imgwrap.kanji-logo .imgitem{height: auto; width: 150px;}
.origin section .imgwrap .imgitem{line-height: 90px;}
.origin .wrap > .wrapInner { width: 88%;}
.origin .wrap > .wrapInner .txtwrap { font-size: 1.2rem; letter-spacing: 0.05em;}
.origin-people01 {top: 5%;}
.origin-people02 {top: 35%;}
.origin-people03 {top: 60%; right: -14%;}
.origin-people04 {top: 67%; left: -22%;}
.origin_bottom {margin-top: -23%;}
.remodal h2{margin-top: 30px;}
.remodal .txtwrap{font-size: 1.3rem; padding-bottom: 40px; margin-top: 5px;}
.remodal.modal-credo .txtwrap{ padding-bottom: 0;}
.remodal.modal-credo .txtwrap{ margin-bottom: 30px; font-size: 1.3rem; text-align: justify;}
.remodal.modal-credo .txtwrap span {font-size: 1.8rem; margin-bottom: 0;}
.philosophy_ceo .wrapInner .imgwrap {width: 33%;}
.remodal.modal-credo .remodalInenr{padding-bottom: 35px;}
.philosophy_ceo .wrapInner{transform: translateY(0); padding-top: 20px;}
.btn_arow2::after{width: 17px; height: 17px; right: 15px;}
.remodal-close::before{background-size: contain; top: 10px; right: 20px; width: 15px; height: 15px;}

.philosophy_ceo {width: 100vw; height: 550px; /*background-position: -170px;*/}
.remodal h2{font-size: 4.3rem;}
.origin section .h2ttl::after {content: "";width: 10px;height: 3px;}
.origin section .h2ttl {padding-bottom: 10px;margin-bottom: 16px;}
.origin section:not(:last-child){margin-bottom: 50px;}
.origin section .imgwrap.logo .imgitem{width: 90px; margin-top: 30px;}
.origin section .imgwrap.bg-yellow {height: 90px;}
.remodal .txtwrap span{font-size: 2.1rem; letter-spacing: 0.1em; margin-bottom: 10px;}
.remodal .remodalInenr{border: 6px solid #000; border-radius: 20px; padding: 10px 20px; margin: 80px auto;}

.service .kasou-main .wrapInner .main-imgwrap { width: 88%; margin: 50px 0 50px 40px; padding-left: 0;}
.service .btn{padding: 7% 0;}
.service .btn::after{width: 12px; height: 12px;}
.service .btnwrap { margin-bottom: 50px; }
.service-list .label{border-radius: 15px 15px 0 0; box-sizing: border-box; text-align: center; width: 100%; box-sizing: border-box; padding: 8px 11% 17px; left: 0;}
.service-list .label span:nth-child(1) { font-size: 2.4rem; }
.service-list .label span:nth-child(2) { font-size: 3.6rem;}
.service-list .right,
.service-list:nth-child(3) .right,
.service-list:nth-child(4) .right,
.service-list:nth-child(5) .right,
.service-list:nth-child(6) .right,
.service-list:nth-child(7) .right,
.service-list:nth-child(8) .right,
.service-list:nth-child(9) .right
{position: static; transform: translateY(0); margin: 30px auto 20px; width: 80%; margin: 30px auto 20px;}
.service-list .left{text-align: center;}
.service-list .txtwrap {width: 100%; font-size: 1.3rem;}
.service-list .left .service-list-ttl::after{width: 15px; height: 3px; left: 50%; transform: translateX(-50%);}
.service-list .left .service-list-ttl h2 { font-size: 2.1rem; }
.service-list {padding: 6%; padding-top: calc(6% + 80px);}
.service-list .left .service-list-ttl { padding-bottom: 15px; margin-bottom: 15px; }
.service-mainwrap .wrapInner, .features-wrap .wrapInner { top: -65px; }
.service .btn { border: 3px solid  #000;}
.service-list{border-radius: 20px; border: 5px solid #000;}
.service .btn, .balloon2{border-radius: 6px;}
.service .btnwrap.foot{margin-top: 50px;}
#copy.service-list .txtwrap, #illust.service-list .txtwrap{width: 100%;}
#photo.service-list .txtwrap, #copy.service-list .txtwrap{letter-spacing: 0.05em;}

.features-list{border: 5px solid #000;}
.features-list .right{position: static; transform: translateY(0); margin: 30px auto 20px; width: 80%; margin: 30px auto 20px;}
.features-list .label{border-radius: 15px 15px 0 0; box-sizing: border-box; text-align: center; width: 100%; box-sizing: border-box; padding: 8px 11% 17px; left: 0;}
.features-list{border-radius: 20px 20px 0 0; border: 5px solid #000;} 
.features-list .label span:nth-child(1) { font-size: 2.4rem; }
.features-list .label span:nth-child(2) { font-size: 3.6rem;}
.features-list .left .features-list-ttl h2 { font-size: 2.1rem; }
.features-list { padding: 6%; padding-top: calc(6% + 80px);}
.features-list .left .features-list-ttl::after { width: 15px; height: 3px;}
.features-list .left .features-list-ttl { padding-bottom: 15px; margin-bottom: 15px; }
.features-list .left .features-list-ttl h2 { font-size: 2.1rem; }
.features-list .txtwrap {width: 100%; font-size: 1.3rem;}
.features-list1 .txtwrap {letter-spacing: 0.04em;}
.features-list2 .txtwrap, .features-list3 .txtwrap {letter-spacing: 0.05em;}
.features-list2.subwrap ul li, .features-list3.subwrap ul li span{letter-spacing: 0.037em;}

.features-list .left .features-list-ttl::after{width: 15px; height: 3px; left: 50%; transform: translateX(-50%);}
.features-list .left{text-align: center;}
.subwrap{border: 5px solid #000; border-top: none; border-radius: 0 0 20px 20px;}
.subwrap ul li{font-size: 1.1rem;}
.subwrap ul li::after{width: 60px; height: 60px;}
.subwrap ul li {padding-left: 75px;}
.client .wrapInner{margin-top: 0;}
.client .wrap{overflow: hidden;}
.client .client_toC .wrapInenr p{text-align: left;}
.client .client-zenkoku .imgwrap{width: 112%;}
.client .client-zenkoku .imgwrap{margin-left: -6%;}
.client-img.pore {transform: scale(1.1);}
.client .client-zenkoku {margin-top: 40px; padding-bottom: 80px; padding-top: 10%;}
.member-wrap .imgwrap.poab {width: 60%; right: -18%;}
.member-wrap .imgwrap.comment02 {width: 46%; left: 6%; bottom: 3%;}

.tablewrap dl {font-size: 1.3rem; border-top: 2px solid #000; padding: 20px 0;}
.tablewrap dl:last-child {border-bottom: 2px solid #000;}
.tablewrap dl dt { width: 120px; }
.tablewrap dl dd { width: calc(100% - 120px); }
.tablewrap .fn_small{font-size: 1.1rem;}
.tablewrap .line::after{bottom: calc(-100% - 5px); left: 25%;}
.tablewrap .db15{margin-top: 10px;}
.access-wrap .wrapInner, .member-wrap .wrapInner{padding: 60px 0;}
.member-wrap .wrapInner .member_list { width: 45%; margin: 0 2.5% 60px; }
.member_list.empty{display: none;}
.member-wrap { padding-bottom: 65%; }
.company-profile { padding-top: 10px;}
.access-wrap .wrapInner .txtwrap{font-size: 1.5rem;}
.access-wrap .wrapInner .txtwrap .map-icon{font-size: 1.3rem;}

.client .client-zenkoku .imgwrap{width: 130%;margin-left: 0;overflow: hidden;}
.client .client-zenkoku .imgwrap.poab{width: 100%; max-width: 330px; top: 0; left: 0;}


.recruit .kasou-main .sankaku2 { bottom: -30px;}
.recruit .kasou-main .wrapInner { padding-bottom: 0; }
.teach-miraisha { padding-top: 85px; padding-bottom: 11%;}
.recruit .teach-wrap.pore.mt300{margin-top: 30px;}
.teach-wrap .teachlist:nth-child(odd) .flex .comment::before{border: 6px solid transparent;border-top-width: 6px;border-right: 6px solid #fee314;}
.teach-wrap .teachlist:nth-child(odd) .flex .comment::after{border: 10px solid transparent;border-top-width: 10px;border-right: 10px solid #000;}
.teach-wrap .teachlist:nth-child(even) .flex .comment::before{border: 6px solid transparent;border-top-width: 6px;border-left: 6px solid #fff;}
.teach-wrap .teachlist:nth-child(even) .flex .comment::after{border: 10px solid transparent;border-top-width: 10px;border-left: 10px solid #000;}
.teach-wrap > p{font-size: 4rem; transform: skewY(-8deg); -moz-transform: skewY(-8deg); -webkit-transform: skewY(-8deg); -o-transform: skewY(-8deg); -ms-transform: skewY(-8deg);}
.recruit_infowrap .kasou_h2_ttl{padding-top: 50px;}
.recruit_infowrap .btn{max-width: 88%; font-weight: 600; margin: 45px auto 0;}
.recruit_infowrap{padding-bottom: 80px;}
.btn::after{width: 17px;height: 17px;}
.teach-wrap .teachlist .flex .imgwrap { width: 30%; margin-right: 20px;}
.teach-wrap .teachlist .flex .comment{font-size: 1.3rem; padding: 15px 3%; border-radius: 5px; width: calc(70% - 20px);}
.teach-wrap .teachlist:nth-child(2n) .flex .imgwrap{margin-left: 20px;}
.teach-wrap .wrapInner { margin-top: 20vw; }
.teach-wrap .teachlist > .imgwrap {width: 80%;}
.teach-wrap .teachlist{padding-bottom: 80px;}
.teach-wrap .teachlist .aruaru.oddwrap{top: 75%;} 
.teach-wrap .teachlist .aruaru.evenwrap{top: 75%;}

.teach-miraisha div.imgwrap:nth-child(2){width: 30%; bottom: auto; top: 28%; left: 28%;}
.teach-miraisha div.imgwrap:nth-child(3){width: 30%; bottom: 10%; right: 30%;}
.teach-miraisha div.imgwrap:nth-child(4){top: 0;}


.formstyle .kasou-main .wrapInner .txtwrap{font-size: 1.3rem;}
.formstyle .kasou-main .wrapInner .txtwrap br{display: none;}
.contactform .form_wrap dl{flex-flow: column;}
.contactform .form_wrap dl dt, .contactform .form_wrap dl dd{width: 100%;}

.birthdaywrap div.flex{flex-wrap: wrap; width: 100%; justify-content: space-between;}
.birthdaywrap div.flex dd{width: 49%; margin-right: 0;}
.birthdaywrap div.flex dd:nth-child(1) {width: 100%; margin-bottom: 10px;}
select{padding: 15px 20px;}
.occupationwrap dd label{display: block; margin-right: 0; width: auto;}

.contactform .form_wrap dl dt{margin-bottom: 15px;}
.contactform .form_wrap{font-size: 1.3rem;}
.contactform .form_wrap dl dd input, .contactform .form_wrap dl dd textarea{padding: 15px 20px; font-size: 1.3rem;}
.fn_small{font-size: 1.1rem;}
input[type="submit"]{width: 100%; height: 70px; line-height: 60px;}
.thankswrap p {font-size: 1.1rem;}
.thankswrap{padding-bottom: 60px;}
#kasou.thanks .h1ttl h1 {font-size: 3rem;}
.thanks .kasou-main .wrapInner{padding-bottom: 25px;}

.privacywrapInner{padding-top: 40px;}

.privacywrapInner{font-size: 1.1rem;}
.privacywrapInner p{margin-bottom: 15px;}
.privacywrapInner dl:not(:last-child){margin-bottom: 15px;}

}

@media screen and (max-width: 500px){
.kasou-main .word div {height: 120px !important; background-size: contain !important; }
.btn p { font-size: 1.1rem!important; }
.teach-wrap .teachlist .flex .comment{font-size: 1.1rem;}
}
@media screen and (max-width: 450px){
#ind-philo .btn{top: 105vw;}
#ind-works .wrapInner .ttlwrap .border{top: 120vw;}
#ind-company .wrapInner .left {top: 48vw;}
.philosophy_ceo .wrapInner .imgwrap {width: 45%;}
}
@media screen and (max-width: 420px){
/*    index    */
#ind-philo .wrapInner {padding-bottom: 35%;}
#ind-company .wrapInner .left { top: 62vw; }
#ind-recruit .wrapInner { padding: 45vw 0 80px; }
.mvwrap02.pore { margin-top: 40%; }
#ind-philo .btn{top: 120vw;}
.origin-people02{top: 40%;}
.origin-people03{top: 63%;}
.tablewrap dl {font-size: 1.1rem;}
.tablewrap dl span{font-size: 1rem;letter-spacing: 0.05em;}
.tablewrap dl dt { width: 90px; }
.tablewrap dl dd { width: calc(100% - 90px); }
.client .client-zenkoku {padding-top: 20%;}
.teach-wrap > p{font-size: 4rem; transform: skewY(-12deg); -moz-transform: skewY(-12deg); -webkit-transform: skewY(-12deg); -o-transform: skewY(-12deg); -ms-transform: skewY(-12deg);}
.letter_space_small{letter-spacing: 0.05em;}
.remodal.vision .txtwrap{letter-spacing: 0;}
}
@media screen and (min-width: 381px) {
.br-show-380 { display: none; }
.br-hide-380 { display: inline-block; }
}
@media screen and (max-width: 380px){
.br-show-380 { display: inline-block; }
.br-hide-380 { display: none; }
#ind-works .wrapInner .ttlwrap .border{top: 130vw;}
#ind-company .wrapInner .left {top: 65vw;}
}
@media screen and (max-width: 600px){
.low_600{display: none;}
}
@media screen and (max-width: 374px){
.low_374{display: none;}
}
@media screen and (max-width: 345px){
.low_345{display: none;}
}