/*****************************************************************
@メディアクエリ
xs:767pxまで適用
*****************************************************************/
h1 {
    padding: 10px !important;
    height: 50px !important;
}
h1 img {
    width: 285px !important;
    height: auto !important;
}
h2 {
    margin-bottom: 0;
}
h3 {
    font-size: 1.25rem;
}
h3 img {
    width: 50px;
}
main {
    overflow: hidden;
}
#page-top {
    bottom: 3.5%;
}

/*-------------------------------
header
--------------------------------*/
header {
    height: 70px;
    z-index: 2;
}
body.drawer-opened header {
    height: 70px !important;
}
.md-spmenu .nav-contents {
    height: calc(100vh - 70px) !important;
    top: 70px !important;
    max-width: none;
}
body.drawer-opened nav.type1 .nav-2 p {
    line-height: 1rem;
}
nav.type1 ul li > a {
    padding: 10px;
}

/*************
メインビジュアル .m-visual
*************/
.m-visual {
    min-height: 100vh;
}
.m-visual > .position-r {
    width: 100%;
    margin-left: 0;
    max-width: none;
    aspect-ratio: 375/495;
}
.m-visual > .position-r .position-r {
    z-index: 1;
}
.m-visual > .position-r .position-r img {
    width: 30%;
}
.m-visual ol {
    font-size: 1rem;
    line-height: 1.75rem;
    padding: 20px 25% 0 25%;
}
.m-visual ol li.none::before {
    left: -25px;
}
.m-visual .position-a {
    position: relative;
    width: 100%;
    z-index: 0;
    top: -200px;
    max-height: none;
    margin-right: 0;
    margin-bottom: -200px;
    aspect-ratio: 375/568;
}
/* .m-visual .position-a:before {
    content: "";
    display: block;
    padding-top: calc((700/500)*100%);
} */
.m-visual .position-a img {
    max-height: none;
}

/*************
01 田浦組ってどんな会社？  #about
*************/
#about {
    position: relative;
    min-height: auto;
}
#about::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(16,29,48,0.5);
}
#about > .w1250 {
    position: relative;
    z-index: 1;
}
#about .bold {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-left: 0;
    margin-bottom: 30px;
}

/*************
02 数字で見る田浦組  #number
*************/
#number .w100 {
    height: auto;
}
#number .w100 img {
    width: 100% !important;
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    display: block;
    margin-bottom: 50px;
}

/*************
03 社員インタビュー  #interview
*************/
#interview .interview1,
#interview .interview2 {
    position: relative;
}
#interview .interview1 {
    background-image: url(../../img/recruit/03_01-bg_sp.png);
    background-position: top;
    background-size: contain;
    background-color: #2a8dcd;
    padding-top: 85vw;
}
#interview .interview2 {
    background-image: url(../../img/recruit/03_02-bg_sp.png);
    background-position: top;
    background-size: contain;
    background-color: #e6e7e3;
    padding-top: 75vw;
}
#interview h3 {
    position: absolute;
    top: 20px;
}
#interview .bold {
    font-size: 1.2rem;
    line-height: 2rem;
}

/*************
04 福利厚生  #benefit
*************/
#benefit .xs-none {
    display: none !important;
}
#benefit .frame {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px;
}
#benefit .flex-wrap {
    position: static;
}
#benefit .flex-wrap .w40 {
    width: 100%;
    order: 2 !important;
}
#benefit .flex-wrap .w40 img {
    max-height: 50px;
    margin-bottom: 10px;
}
#benefit .flex-wrap .w48 {
    order: 1 !important;
}
#benefit .flex-wrap .w48 img {
    max-height: none;
    width: 60%;
}

/*************
キャリアプラン  #carrier
*************/
#carrier .plan {
    max-width: 300px;
    margin: auto;
}

/*************
募集要項  #application
*************/
#application h3 {
    text-align: left;
    margin-bottom: 20px;
}
/*#application .tab-menu li {
    font-size: 0.8rem;
    padding: 5px 10px;
    margin-right: 10px;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}
#application h4 {
    font-size: 1rem;
}
#application table th,
#application table td {
    width: 100%;
    display: block;
    padding: 10px;
}
#application table th {
    padding-bottom: 0;
}
#application table td {
    font-size: 80%;
    line-height: 1.5rem;
    padding-top: 0;
}
#application .tab-contnts .m-all-auto {
    width: 100%;
}
#application .flex-wrap .w48 {
    padding: 20px;
    font-size: 1.2rem;
}
#application .flex-wrap .w48:first-of-type {
    font-size: 1.5rem;
}
#application .flex-wrap .w48 span {
    font-size: 1rem;
    margin-bottom: 10px;
}*/
/* #application .flex-wrap .w48 {
    padding: 20px;
    font-size: 1.2rem;
} */
#application .internship h4 {
    font-size: 1.25rem;
}
#application .flex-wrap a {
    width: 100%;
}

/*************
お問い合わせ  #contact
*************/
#contact p.text-center {
    text-align: left;
    margin-bottom: 20px;
}
#contact .flex-wrap .w48 {
    padding: 20px;
    font-size: 1.2rem;
}
#contact .flex-wrap .w48:first-of-type {
    font-size: 1.5rem;
}
#contact .flex-wrap .w48 span {
    font-size: 1rem;
    margin-bottom: 10px;
}

/*-------------------------------
footer
--------------------------------*/
/* footer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
footer .flex-wrap .w25 {
    text-align: center;
}
footer .copybg p {
    text-align: right;
} */
footer p {
    text-align: center;
}
footer .hfe-nav-menu {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;;
}
.hfe-nav-menu a {
	text-align: left;
	padding: 6px 0 !important;
	display: block;
}