/* main contents */
.main{ max-width: 100%;}
.main .wrap .title02{ width: 100%; max-width: 140px; position: relative; margin: auto;}
.main .wrap .title02 .bg{ position: relative; width: 100%;}
.main .wrap .title02 .text{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 68px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.main .wrap .title02 .text h2{ text-align: center; line-height: 1; font-size: 14px; font-family: var(--font__Outfit); font-weight: 600; width: 100%; display: block;}
.main .wrap .title02 .text h3{ text-align: center; line-height: 1; font-size: 28px; font-weight: bold; width: 100%; display: block;}
.main .wrap.column{ display: block;}
.main .wrap.column .left{ width: 100%; max-width: 100%; padding-right: 0;}
.main .wrap.column .left .sticky{ position: relative; top: 0;}
.main .wrap.column .left .sticky > p{ font-size: 12px;}
.main .wrap.column .left .sticky > ul li a{ padding: 5px 10px 5px 15px; font-size: 14px;}
.main .wrap.column .right{ width: 100%; margin-top: 30px;}
.main .wrap.column .right article .title03{ padding: 0 10px 20px;}
.main .wrap.column .right article .title03 h4{ font-size: 20px;}

/* company_profile */
.company_profile table.profile th,
.company_profile table.profile td{ display: block; width: 100%; padding: 5px 10px; font-size: 16px;}
.company_profile table.profile th{ width: 100%; border-right: 0 none; border-bottom: 2px solid var(--color__white); text-align: left; font-weight: bold;}
.company_profile table.profile td{ border-bottom: 10px solid var(--color__white);}
.company_profile table.profile tr:last-child th{ border-bottom: 2px solid var(--color__white);}
.company_profile .txt p{ font-size: 16px;}
.company_profile table.history th,
.company_profile table.history td{ display: block; width: 100%; padding: 5px 10px; font-size: 16px;}
.company_profile table.history th{ width: 100%; border-right: 0 none; border-bottom: 2px solid var(--color__white); text-align: left; font-weight: bold;}
.company_profile table.history td{ border-bottom: 10px solid var(--color__white);}
.company_profile table.history tr:last-child th{ border-bottom: 2px solid var(--color__white);}

/* track_record */
.track_record .main{ margin-bottom: 30px;}
.track_record .s_04 .accordion_one .accordion_header{ padding: 5px 10px 5px 15px; font-size: 14px;}
.track_record .s_04 .accordion_one .accordion_inner .box_one .list li a{ pointer-events: all;}
.track_record article.txt p{ font-size: 16px;}
.track_record .archive_txt{ font-size: 24px;}
.track_record .products:nth-of-type(n+2){ margin-top: 30px;}
.track_record .products h4{ padding: 5px 10px 7px; line-height: 1.4;}
.track_record .products > div{ padding: 30px 0 0; display: block;}
.track_record .products > div .photo{ max-width: 400px; margin: auto;}
.track_record .products > div .photo img{ width: calc(100% - 40px); max-width: calc(360px - 40px); height: calc(100% - 40px);}
.track_record .products > div .txt{ width: 100%; max-width: 640px; margin: 10px auto 0;}
.track_record .products > div .txt table{ width: 100%; margin-bottom: 10px;}
.track_record .products > div .txt table th,
.track_record .products > div .txt table td{ border-collapse: collapse; padding: 5px 10px; box-sizing: border-box; font-size: 14px;}
.track_record .products > div .txt table th{ width: 150px; font-weight: bold; border-bottom: 10px solid var(--color__white); background-color: var(--color__gray);}
.track_record .products > div .txt table td{ border-bottom: 10px solid var(--color__white);}
.track_record .products > div .txt table tr:last-child th,
.track_record .products > div .txt table tr:last-child td{ border-bottom: 0px none;}
.track_record .products > div .txt .copy_txt{ font-size: 10px;}
.track_record .products > div .txt .link_btn02{ margin-top: 30px;}

/* office_view */
.office_view .txt{ width: 100%; margin-bottom: 30px;}
.office_view .txt p{ font-size: 16px;}
.office_view .txt p .office_view_item01{ width: 100%; max-width: 100%; display: block; float: none; margin-right: 0;}
.office_view .txt p .office_view_item02{ width: 100%; max-width: 100%; display: block; float: none; margin-left: 0;}
.office_view .txt p .office_view_item05{ width: 100%; max-width: 100%; display: block; float: none; margin-left: 0;}
.office_view .photo{ width: 100%; display: block; gap: 5px 0;}
.office_view .photo > *{ margin-top: 30px;}
.office_view .photo .office_view_item03{ width: 100%;}
.office_view .photo .office_view_item04{ width: 100%;}

/* recruit */
.recruit .main{ margin-bottom: 30px;}
.recruit article.txt p{ font-size: 16px;}
.recruit .title_txt{ font-size: 24px;}
.recruit .Industry{ width: 100%;}
.recruit .Industry > .txt table th,
.recruit .Industry > .txt table td{ display: block; width: 100%; padding: 5px 10px; font-size: 16px;}
.recruit .Industry > .txt table th{ width: 100%; border-right: 0 none; border-bottom: 2px solid var(--color__white); text-align: left; font-weight: bold;}
.recruit .Industry > .txt table td{ border-bottom: 10px solid var(--color__white);}
.recruit .Industry > .txt table tr:last-child th{ border-bottom: 2px solid var(--color__white);}
.recruit #terms table th,
.recruit #terms table td{ display: block; width: 100%; padding: 5px 10px; font-size: 16px;}
.recruit #terms table th{ width: 100%; border-right: 0 none; border-bottom: 2px solid var(--color__white); text-align: left; font-weight: bold;}
.recruit #terms table td{ border-bottom: 10px solid var(--color__white);}
.recruit #terms table tr:last-child th{ border-bottom: 2px solid var(--color__white);}
.recruit article .txt > div{ margin-top: 10px;}
.recruit article .txt .recruit_item04.forSP{ max-width: 556px; display: block;}
.recruit article .txt .recruit_item04.forPC{ display: none;}
.recruit article .txt > div p{ font-size: 16px;}
.recruit #apply .txt p{ font-size: 16px;}
.recruit #apply .txt > div{ padding: 10px; margin-bottom: 30px;}
.recruit #apply .txt > div ul li{ font-size: 16px;}
.recruit #apply .txt p .recruit_item05{ max-width: 180px; vertical-align: bottom;}
.recruit #apply .txt p a:hover{ opacity: .4}
@media screen and (max-width:500px){
	.recruit .Industry .catch{ width: 100%; height: auto; background-position: center; padding: 10px;}
	.recruit .Industry .catch p{ font-size: 14px; text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);}
	.recruit .Industry .catch p br{ display: none;}
}