@charset "utf-8";

/*========================================================
common/css/base_new.css
========================================================*/

/* @import "header.css"; import廃止→cssを下記に展開 2021.10 sasaki */
/* @import "footer.css"; import廃止→cssを下記に展開 2021.10 sasaki */
/* @import "search.css"; import廃止→cssを下記に展開 2021.10 sasaki */
/*===========================================================
    header.css
===========================================================*/
header.header-nav {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 4px 5px rgb(0 0 0 / 15%);
}

header.header-nav a {
    text-decoration: none;
}

.header-nav .header-pc .header-pc-wrap .menu-pc a:hover, #pNav2 ul li a:hover, .header-cfm-pc .nav-menu ul li a:hover {
    text-decoration: underline;
    color: #2f50b3;
}

body #pageBody #pageBodyInner .main-content .page-body-sp .box-search-pc .sectionInner .blockAction.btn-search-wrap.btn-job-search a:hover {
    color: #fff!important;
    text-decoration-line: none;
}

#layout #pageBody #pageBodyInner #content .result-search-wrap .wrap-search .sectionInner .btn-job-search a:hover {
    color: #fff!important;
}

#layout #pageBody #pageBodyInner #content .job-item .wrap-job-item .search-btn .bd0 a:hover {
    color: #fff!important;
    text-decoration-line: none;
}

#content .wrap-static .know-list .top-know-wrap:hover,
#content .wrap-static .service-list .top-service-wrap:hover {
    text-decoration: none;
}

#content .visiblePcOnly a:hover {
    text-decoration-line: none;
}

.header-top .header-top-wrap {
    text-align: right;
}

.header-top .description {
    word-break: break-all;
}

.header-top .language a {
    color: #000;
    font-size: 12px;
}

.header-pc {
    border-top: 1px solid #e6e6e6;
}

.header-pc .logo img {
    width: 100%;
}

.header-pc .header-pc-wrap {
    display: flex;
    align-items: center;
}

.header-pc .register-box {
    display: flex;
    margin-left: auto;
}

.header-pc .register-box .register {
    background-color: #B33817;
    color: #fff;
    font-weight: bold;
    padding: 8px 0;
    border-right: 1px solid #ececec;
    /* WEB_TEAM-199 suzuki */
    box-sizing: border-box;
    /* WEB_TEAM-224 suzuki */
}

.header-pc .register-box .register,
.header-pc .register-box .login {
    width: 165px;
}

.header-pc .register-box .register,
.header-pc .register-box .register .register-icon,
.header-pc .register-box .login {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-pc .register-box .register .register-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    color: #B33817;
    margin-right: 6px;
    font-size: 14px;
    /* WEB_TEAM-199 suzuki */
}

.header-pc .register-box .login {
    background-color: #005fb2;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    height: 100%;
}

.header-pc .register-box .login img {
    margin-right: 5px;
}

.header-pc .register-box a:hover,
.header-pc .register-box a div:hover,
.header-pc .register-box a span:hover {
    text-decoration: none;
    opacity: .9;
    /* WEB_TEAM-372 suzuki 20220720*/
}

.header-pc .nav-menu {
    flex: 1;
}

.header-pc .nav-menu ul {
    padding-left: 0;
}

.header-pc .nav-menu ul li {
    display: inline;
    padding: 0 6px;
}

.header-pc .nav-menu ul li a {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.header-sp, .wrap-register-sp, .wap-search-sp {
    display: flex;
    align-items: center;
}

.header-sp {
    justify-content: space-between;
    padding: 10px 20px;
}

.header-sp .feature-redirect {
    display: inline-block;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.header-sp .feature-redirect img {
    margin-bottom: 10px;
}

.header-sp .register-sp,
.header-sp .search-sp {
    margin-right: 15px;
}

#nav-icon span:nth-child(1) {
    top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
    top: 12px;
}

#nav-icon span:nth-child(4) {
    top: 24px;
}

#button-nav.active #nav-icon span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#button-nav.active #nav-icon span:nth-child(2) {
    transform: rotate(45deg);
}

#button-nav.active #nav-icon span:nth-child(3) {
    transform: rotate(-45deg);
}

#button-nav.active #nav-icon span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon {
    width: 35px;
    height: 40px;
    position: relative;
    left: 50%;
    transform: translateX(-50%) rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #181d61;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

#button-nav {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.link-to-app, .header-sp {
    display: none;
}

.header-bottom .header-bottom-wrap {
    display: flex;
    align-items: center;
}

.header-bottom {
    background-color: #ececec;
}

.header-bottom .menu-2 ul li a {
    color: #636363 !important;
}

#pNav2 {
    height: 35px !important;
    background-color: #ececec;
}

.header-pc .logo,
.header-bottom .logo {
    margin-right: 10px;
}

.header-bottom .logo {
    opacity: 0;
}

.sticky {
    position: fixed !important;
    width: 100%;
    top: 0;
}

@media screen and (max-width: 1366px) {

    .header-pc .register-box .register,
    .header-pc .register-box .login {
        width: 125px;
    }

    .header-pc .register-box .register {
        font-size: 11px;
		padding: 5px 0;
    }

    .header-pc .nav-menu ul li a {
        font-size: 14px;
    }

    .header-cfm-pc .nav-menu ul li a {
        /* font-size: 13.75px; */
        /* WEB_TEAM-376 suzuki 20220803 */
    }

    .header-pc .logo {
        width: 150px;
    }

    .header-pc .register-box .register .register-icon {
        width: 32px;
        height: 33px;
        font-size: 11px;
    }

    .header-pc .register-box .login {
        font-size: 14px;
    }

    .header-pc .nav-menu ul li {
        display: inline;
        padding: 0 5px;
    }

    .head-search .nav-menu ul li {
        /* padding: 0 4px; */
        /* WEB_TEAM-376 suzuki 20220803 */
    }
    .header-bottom .logo {
        display: none;
    }
}

@media screen and (max-width: 750px) {

    .header-pc {
        display: none;
    }

    .link-to-app, .header-top, .header-sp {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 10px;
    }

    button.hide-link-app{
        width: 30px;
        height: 30px;
        border: none;
    }

    a.btn-redirect {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    border-radius: 8px;
    color: #fff;
    background-color: #191d5d;
    cursor: pointer;
    font-weight: 700;
    font-size: 11px;
    }

    .link-to-app-wrap{
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-top {
        background-color: #dfdfdf;
		display: none;
    }

    .header-bottom .header-bottom-wrap {
        width: 100%;
    }

    .header-bottom {
        position: relative;
        z-index: 999;
        box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
    }

    #spNaviMenu {
        margin: 0 auto;
        width: 100%;
        background-color: #fff !important;
    }

    #gNavUl02 li a {
        color: #656565;
    }

    .header-sp {
        position: relative;
        box-sizing: border-box;
        background-color: #fff;
        z-index: 999;
        box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
    }

    #pNav2 ul li a > span {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    #pNav2 {
        height: 100% !important;
        background-color: #fff;
        /* WEB_TEAM-106 suzuki*/
    }
}

@media screen and (max-width: 576px) {
    .header-sp .feature-redirect img {
        width: auto;
        height: 25px;
		margin-bottom: 5px;
    }

    .header-sp .feature-redirect .title {
        font-size: 11px;
    }

    #button-nav {
        font-size: 11px;
        font-weight: bold;
        text-align: center;
    }

    #nav-icon {
        width: 25px;
        height: 28px;
    }

    #nav-icon span {
        height: 2px;
    }

    #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
        top: 8px;
    }

    #nav-icon span:nth-child(4) {
        top: 16px;
    }

    .header-sp .register-sp, .header-sp .search-sp {
        margin-right: 10px;
    }

    .header-sp .logo a {
        display: inline-block;
        width: 135px;
    }

    .header-sp .logo a img {
        width: 100%;
    }

    .header-top .header-top-wrap {
        padding: 5px 20px;
    }

    .header-top .description {
        font-size: 10px;
    }
}

@media screen and (max-width: 375px) {
    .header-sp {
        padding: 10px 15px;
    }

    .header-sp .register-sp, .header-sp .search-sp {
        margin-right: 6px;
    }

    .header-sp .feature-redirect img {
        width: auto;
        height: 21px;
    }

    .header-sp .logo a {
        width: 125px;
    }

    #nav-icon {
        width: 25px;
        height: 24px;
    }

    .header-sp .feature-redirect .title {
        font-size: 10px;
    }

    .header-top .description {
        font-size: 8px;
    }
}


/*===========================================================
    footer.css
===========================================================*/

#footer2 {
	clear: both;
	width: 100%;
	background: #e8e8ef;
	position: relative;
}
#footer2 .footerTop {
	clear: both;
	position: relative;
	padding-bottom: 10px;
}

#footer2 #footerInner2 {
	margin: 0 auto;
	width: 1000px;
}

#footer2 #footerInner2 .footerCatTitle {           /*フッター変更対応 sasaki add 2020/6/18 */
	font-size: 18px;
    font-weight: bold;
    color: #000;
	padding-bottom: 15px;
    border-bottom: 1px solid #969696;
    /* WEB_TEAM-415 suzuki 20220815 */
}

#footer2 #footerInner2 .footerTop {
	padding-top: 32px;
}

#footer2 #footerInner2 .footerTop .footerImg {
	float: left;
}

#footer2 #footerInner2 .footerTop #pageTop2 {
	padding-top: 20px;
	text-align: right;
}
#footer2 #footerInner2 .footerTop #pageTop2 a {
	position: relative;
	padding-right: 20px;
	color: #333;
}

#footer2 #footerInner2 .footerTop #pageTop2 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	right: 2px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #333;
	border-left: 2px solid #333;
	transform: rotate(45deg);
}


#footer2 #footerInner2 p {
	color: #fff;
	font-weight: bold;
	font-size: 115%;
	padding: 26px 0 22px 14px;
}
#footer2 #footerInner2 .fNav2 {
	display: flex;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	padding-bottom: 50px;
    padding-top: 72px;
}

#footer2 #footerInner2 .fNav2 .box-ul-menu {
	width: 21%;
    /*WEB_TEAM-448 suzuki 20220823 */
}

#footer2 #footerInner2 .fNav2 ul li:first-child {
	padding-top: 20px;
}

#footer2 #footerInner2 .fNav2 ul li.footerLineSpace {           /*フッター変更対応 sasaki add 2020/6/18 */
    margin-bottom: 15px;
}

#footer2 #footerInner2 .fNav2 a {
	color: #7f7f81;
	font-size: 14px;
}


.footer-nav2 ul {
	text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #969696;
    border-top: 1px solid #969696;
}

.footer-nav2 ul li {
	display: inline;
	margin-right: 20px;
}

.footer-nav2 ul li a {
	color: #656565;
	font-size: 14px;
    font-weight: bold;
}

#copyright2 {
	padding: 15px 0;
	color: #656565;
	text-align: center;
}

.footer-nav-sp {
    display: none;
}

#footerInner2 {
	position: relative;
}

.btn-scroll-top {
	position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 2%;
    top: -80px;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: none;
    background-color: #191d5d;
    cursor: pointer;
    outline: none;
    z-index: 1;
}

.btn-scroll-top img {
	width: 15px;
	height: 15px;
}

@media screen and (max-width: 750px) {
    #footer2 #footerInner2 {
        width: 100% !important;
    }

    .footer-nav-pc {
        display: none !important;
    }

    .footer-nav-sp {
        display: block;
    }

    .footer-nav-sp .list-link-footer {
        display: flex;
        flex-flow: column;
    }

    .footer-nav-sp .list-link-footer a {
        position: relative;
        display: block;
        color: #000;
        font-weight: bold;
        font-size: 16px;
        padding: 25px 20px;
        border-top: 1px solid #c8c8c8;
    }

    .footer-nav-sp .list-link-footer a::after {
        content: '';
        position: absolute;
        background: url(/job/images/arrow-right.png) no-repeat center;
        background-size: 9px;
        width: 20px;
        height: 20px;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
    }

    .footer-nav2 ul {
        display: flex;
        flex-flow: column;
        text-align: left;
        padding: 20px;
    }

    .footer-nav2 ul li:not(:last-child) {
        margin-bottom: 15px;
    }

	.btn-scroll-top {
		right: 3%;
		top: unset;
		bottom: 75px;
		width: 45px;
		height: 45px;
	}
}


/*===========================================================
    以下、従来のbase_new.css  (import廃止→cssを下記に展開 2021.10 sasaki)
===========================================================*/

html {
	box-sizing: border-box;
}
*, *:before, *:after :not(#consultant_list){/*業界別コンサルタント紹介の幅が狭かったため、該当idを除外 20210625*/
	box-sizing: inherit;
}

input, select {
	background-color: #fff;
}

/* # gNav
---------------------------------------------------------------------------- */
#memberButton {
	display: none;
}

#gNav2, #pNav2 {
	display: block;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

#gNavUl02 {
	display: none;
}
#pNav2 ul {
	height: 100%;
	margin: 0 auto;
}
#gNav2 ul li, #pNav2 ul li {
	display: inline-block;
	width: auto;
	height: 100%;
	padding-right:6px;
	padding-left:6px;
}
#gNav2 ul li.active, #gNavUl02 li.active {
	background: #ebebeb;
  /* WEB_TEAM-106 suzuki*/
}
#gNavUl01 li a, #gNavUl01 .downArrowMenu .arrow, #pNav2 ul li a {
	display: table;
	height: 100%;
	font-size: 16px;
	font-weight: bold;
}
#gNavUl01 li a {
	color: #333;
}
#pNav2 ul li a {
	color: #656565;
}
#pNav2 ul li a:hover, #pNav2 ul li a.active {
	background: #dcdcdc;
}
#gNavUl01 li a span, #gNavUl01 .downArrowMenu .arrow span, #pNav2 ul li a span {
	display: table-cell;
	vertical-align: middle;
}

#gNavUl01 .downArrowMenu {
	transition: all 300ms 0s ease;
}
#gNavUl01 li a:hover {
	color: #303876;
}
/* # footer
---------------------------------------------------------------------------- */
/*----- 優良紹介事業バナー対応 sasaki-s 2020/6/29 */

/*----- 優良紹介事業バナー対応 sasaki-e 2020/6/29 */


/* # pageBody classes
---------------------------------------------------------------------------- */

#pageBodyInner {
	margin: 0 auto;
	padding: 0 0 10px;
	width: 1240px;
}

/* @media screen and (min-width: 751px) {
    #pageBodyInner.grid-wrap {
        display: grid;
        grid-template-columns: calc(100% - 235px) 235px;
        gap: 50px;
    }
} */

#pageBody #pageBodyInner #content{
	display: flex;
	flex-flow: column;
}

#content{
	width: 745px;
	margin: 0 auto;
}

@media screen and (min-width: 751px) {
    #pageBodyInner.flex-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    #pageBodyInner .method {
        width: 100%;
    }
    #content.left-block {
        width: calc(100% - 235px);
        padding-right: 50px;
        box-sizing: border-box;
    }
    #content.left-block .secHead,
    #content.left-block .pagenumber,
    #content.left-block .block05,
    #content.left-block .block05 .table02 {
        width: 100%;
    }
}


/* # ぱんくず構造化
---------------------------------------------------------------------------- */

/* # 20190329追加
---------------------------------------------------------------------------- */
.title-link {
	position: relative;
}

.title-link .count-cookie {
    position: absolute !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    right: -13px;
    top: 2px;
    width: 16px;
    height: 16px;
    background-color: #fabf1b;
    border-radius: 50%;
    padding: 0 !important;
}

.no-login ul {
	text-align: left !important;
}

.title-link .count-cookie.d-none {
	display: none !important;
}

.d-none {
	display: none;
}

.show-in-sp {
	display: none;
}

.box-search-top .link-redirect {
	padding-right: 5px;
}

@media screen and (max-width: 750px) {
	.title-link .count-cookie {
		font-size: 8px !important;
		right: -18px;
		top: -5px;
		width: 16px !important;
		color: #fff !important;
	}

	.show-in-pc {
		display: none !important;
	}

	.show-in-sp {
		display: block !important;
	}

	.no-login {
		display: none !important;
	}

	.box-search-top .link-redirect {
		padding-right: 0;
		text-align: center;
		text-decoration: underline;
	}
}

@media screen and (max-width: 576px) {
	#pNav2 ul li, #gNavUl02Usefull li, #gNavUl02Info li {
		width: 100% !important;
		height: 36px !important;
    /* WEB_TEAM-106 suzuki*/
	}

	.title-link .count-cookie {
		top: 0;
    bottom: 0;
    margin: auto;
    /* WEB_TEAM-106 suzuki*/
	}

	.link-favorite-login .title-link .count-cookie {
		right: 20%;
	}

	.link-history-login .title-link .count-cookie {
		right: 24%;
	}
}

/* new css 2021 */

.bg-blue1 {
	background-color: #d8d8e6;
}

.bg-blue1.margin-b10 {
    margin-bottom: 10px;
}

.bg-blue2 {
	background-color: #f6f6fb !important;
}

.bg-white {
	background-color: #fff !important;
}

/* .box-category-link /css/top_new.cssに移動 2021/10 sasaki */
/* #searcheConditions リネームして/css/top_new.cssに移動 2021/10 sasaki */
/* .box-category-top /css/top_new.cssに移動 2021/10 sasaki */

.information-list, .know-wrap, .top-know-wrap, .service-wrap, .top-service-wrap, .box-sidebar {
    box-shadow: 0 0 8px rgb(0 0 0 / 15%)!important;
    background-color: #fff!important;
}
@media screen and (max-width: 1000px) {
	#pageBody, #footer2 {
		width: 1000px;
		margin: auto;
	}
}

@media screen and (max-width: 750px) {

	#pageBody, #footer2 {
		width: auto;
	}

	#pageBody {
		padding-bottom: 50px;
	}

	#pageBody #pageBodyInner #content {
		width: 100%;
		margin: 0 auto;
		margin-top: 10px;
	}

	.pageBodyInner #content #category02 .page-body-sp {
		padding-left: 20px !important;
		padding-right: 20px !important;
		width:80%
	}

	.br-pc {
		display: none;
	}
}

/*========================================================
common/css/responsive_new.css
========================================================*/
@media screen and (max-width: 1366px) {
	#headerInner2 .hSection2, #gNav2, #pNav2, #gNav2 ul .downArrowMenu ul, #footer2 #footerInner2 {
		width: 1000px;
	}
	#gNavUl01 li a, #gNavUl01 .downArrowMenu .arrow, #pNav2 ul li a, #gNav2 #gNavButtons .regist2 a div, #gNav2 #gNavButtons .loginButton a div {
		font-size: 14px;
	}
	#gNav2 ul .downArrowMenu .arrow::before {
		top: 21px;
		right: 10px;
	}
	#gNavUl01 li a span, #gNavUl01 .downArrowMenu .arrow span, #pNav2 ul li a span {
		padding: 0 4px;
	}
}
@media screen and (max-width: 750px) {
	#gNavUl01 {
		display: none;
	}
	#gNavUl02 {
		display: block;
	}
	#headerInner2 .hSection2, #footer2 {
		width: 100%;
		height: auto;
	}
/* # spNaviMenu
---------------------------------------------------------------------------- */
	#spNaviMenu {
		display: none;
		padding: 20px 10px 20px 10px;
		font-weight: bold;
		background: #f0efef;
    overflow-y: scroll;
	}
	#spNaviMenu span {
		font-weight: bold;
	}
	#memberButton, #gNavUl02 li {
		display: block;
		padding: 0;
		text-align: center;
	}
  #memberButton, #gNavUl02 li {
    border-top: 1px solid #e8e5e5;
    background: #f8f8f8;
    /* WEB_TEAM-106 suzuki */
  }
	#memberButton, #gNavUl02 li a, #gNavUl02 li .arrow {
		width: 100%;
		height: 100%;
		padding-top: 13px;
		padding-bottom: 13px;
    /* WEB_TEAM-106 suzuki */
	}
  #gNavUl02 li:last-child a{
    padding-bottom: 18px;
  }
	#gNavUl02 li a, #gNavUl02 li .arrow {
		display: inline-block;
	}
	#memberButton div, #gNavUl02 li a span, #gNavUl02 .downArrowMenu .arrow {
		position: relative;
		width: auto;
		text-align: center;
		font-size: 20px;
		cursor: pointer;
	}
	#gNavUl02 .downArrowMenu .arrow, #memberButton div {
		padding-right: 30px;
		margin: 0 auto;
	}
	#pNav2 ul li a span {
		font-size: 20px;
	}
	#memberButton div {
		display: inline-block;
	}

	#memberButton div::before, #gNavUl02 .downArrowMenu .arrow::before {
		content: "";
		display: block;
		position: absolute;
		top: 17px;
		right: 0;
		width: 9px;
		height: 9px;
		border-right: 2px solid #333;
		border-bottom: 2px solid #333;
		transform: rotate(45deg);
		transition: all 300ms 0s ease;
	}
	#memberButton div::before {
		top: 6px;
	}
	#memberButton.active div::before, #gNavUl02 .downArrowMenu .arrow.active::before {
		top: 21px;
		transform: rotate(-135deg);
		transition: all 300ms 0s ease;
	}
	#memberButton.active div::before {
		top: 10px;
	}
	#spNaviMenu .memberMenu2 {
		height: auto;
	}
	#pNav2, #gNavUl02 .downArrowMenu div {
		position: relative;
		width: auto;
		padding: 0;
		transition: all 300ms 0s ease;
    border-top: 1px solid #dddddd;
    /* WEB_TEAM-106 suzuki*/
	}
	#gNavUl02 .downArrowMenu div {
		background: #dadada;
	}
	#pNav2::before, #gNavUl02 .downArrowMenu div::before {
    content: "";
    position: absolute;
    top: -8px;
    left: calc(50% - 10px);
    width: 14px;
    height: 14px;
    background: #fff;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    transform: rotate(45deg);
    /* WEB_TEAM-106 suzuki */
	}
	#gNavUl02 .downArrowMenu div::before {
		border-bottom: 15px solid #dadada;
	}
	#pNav2 ul, #gNavUl02Usefull, #gNavUl02Info {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		/* WEB_TEAM-106 suzuki */
	}
	#pNav2 ul li, #gNavUl02Usefull li, #gNavUl02Info li {
		width: 50%;
		height: 44px;
		padding: 0;
    border-top: 1px solid #ececec;
    position: relative;
    /* WEB_TEAM-106 suzuki*/
	}
  #pNav2 ul li:first-child, #gNavUl02Usefull li:first-child, #gNavUl02Info li:first-child{
    border-top: none;
    /* WEB_TEAM-106 suzuki*/
  }
	#pNav2 ul li a, #gNavUl02Usefull li a, #gNavUl02Info li a {
		width: 100%;
	}
/* # footer2
---------------------------------------------------------------------------- */

	#footer2 #footerInner2 .footerTop {
		display: flex;
		justify-content: space-around;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	body .pc,
	body .sp{
		position: relative;
	}
	body #pageBody .result-job {
		margin-top: 20px;
	}
}

@media screen and (max-width: 600px) {
	#spNaviMenu {
		padding: 0;
    /* WEB_TEAM-106 suzuki */
	}
	#memberButton div, #gNavUl02 li a span, #gNavUl02 .downArrowMenu .arrow {
		font-size: 14px;
    /* WEB_TEAM-106 suzuki 「#pNav2 ul li a span」除外*/
	}
  #pNav2 ul li a span{
    font-size: 13px;
    font-weight: normal;
    /* WEB_TEAM-106 suzuki */
  }
	#memberButton div::before {
		top: 4px;
	}
	#memberButton.active div::before {
		top: 8px;
	}
}
@media screen and (max-width: 400px) {
	#pNav2 ul li a span, #memberButton div, #gNavUl02 li a span, #gNavUl02 .downArrowMenu .arrow {
		font-size: 13px;
    /* WEB_TEAM-106 suzuki */
	}
	#pNav2 ul li, #gNavUl02Usefull li, #gNavUl02Info li {
		width: 100%;
		height: 32px;
	}
}


.industry_feature .article__box {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 20px;
}

.industry_feature #informationList .article__box a,
.industry_feature #informationList .article__box .article__wrap{
    width: calc((100% - 12px) / 4);
}

@media screen and (max-width: 400px) {
	.industry_feature #informationList .article__box a,
    .industry_feature #informationList .article__box .article__wrap{
        width: calc((100% - 4px) / 2);
	}
}

.industry_feature .link-redirect {
    padding-bottom: 25px;
      text-align: right;
    }
    
    .industry_feature .link-redirect a {
    font-size: 12px;
    color: #6e6e6e;
    }
    
    .industry_feature .link-redirect a:hover {
    text-decoration: underline;
    }
    
    .industry_feature .link-redirect .btn__more {
      bottom: 13px;
      padding: 4px 14px!important;
      background-color:#fabf1b;
      color: white!important;
      border-radius: 5px;
    }

/*========================================================
 voice_list
========================================================*/
#voice_list {
    padding-top: 27px;
    margin-bottom: 60px; }
    #voice_list *:hover {
      text-decoration: none;
      color: inherit; }
    #voice_list .voice_list__top-area {
      overflow: hidden;
      padding-bottom: 17px;
      box-shadow: 0 1px 0 0px #c3c3c3, 0 2px 0 0px #ededed;
      margin-bottom: 24px; }
      #voice_list .voice_list__top-area .voice_list__main-title {
        margin-bottom: 16px;
        font-size: 37px;
        font-weight: normal;
        padding-left: 75px;
        background-image: url("../images/icon_comment-l.png");
        background-repeat: no-repeat;
        background-position: left top 2px; }
      #voice_list .voice_list__top-area .voice_list__desc {
        font-size: 12px;
        line-height: 1.7;
        padding-bottom: 2px; }
      #voice_list .voice_list__top-area .btn__consultant {
        float: right;
        margin-bottom: 10px; }
    #voice_list .voice__list {
      margin-bottom: 52px; }
      #voice_list .voice__list .voice__list-item {
        position: relative;
        overflow: hidden;
        padding-bottom: 10px;
        border-bottom: 1px solid #ededed;
        margin-bottom: 20px;
    }

    #voice_list .voice__list .voice__list-item a{
        color: #333;
    }
        #voice_list .voice__list .voice__list-item:last-child {
          margin-bottom: 24px; }
        #voice_list .voice__list .voice__list-item .voice__list-vol {
          color: #fabf1b;
          font-size: 14px;
          font-weight: bold; }
        #voice_list .voice__list .voice__list-item .voice__list-title {
          font-size: 16px;
          margin-bottom: 5px;
          font-weight: normal; }
        #voice_list .voice__list .voice__list-item .voice__list-box {
          float: left; }
          #voice_list .voice__list .voice__list-item .voice__list-box .voice__list-name {
            font-size: 12px;
            padding-top: 4px;
            padding-left: 24px;
            background-image: url("../advice/images/icon_man.png");
            background-repeat: no-repeat;
            background-position: left top 2px; }
          #voice_list .voice__list .voice__list-item .voice__list-box .voice__list-date {
            font-size: 12px;
            padding-top: 4px;
            padding-left: 24px;
            background-image: url("../advice/images/icon_date.png");
            background-repeat: no-repeat;
            background-position: left top 4px; }
        #voice_list .voice__list .voice__list-item .balloon {
          position: relative;
          background: #f0f0f0;
          float: right;
          display: block;
          padding: 9px;
          margin-top: 12px; }
          #voice_list .voice__list .voice__list-item .balloon:after {
            right: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(240, 240, 240, 0);
            border-right-color: #f0f0f0;
            border-width: 6px;
            margin-top: -6px; }
          #voice_list .voice__list .voice__list-item .balloon .responsible {
            float: left;
            font-size: 12px; }
          #voice_list .voice__list .voice__list-item .balloon .voice__responsible-list {
            float: left;
            overflow: hidden; }
            #voice_list .voice__list .voice__list-item .balloon .voice__responsible-list .voice__responsible-list-item {
              float: left;
              font-size: 12px; }
              #voice_list .voice__list .voice__list-item .balloon .voice__responsible-list .voice__responsible-list-item a {
                color: #466fba;
                text-decoration: underline; }
    /*#voice_list .pagenavi {
      clear: both;
      overflow: hidden;
      width: 325px;
      margin: 0 auto;
      padding-bottom: 30px;
      padding-left: 65px;
      padding-top: 10px; }
      #voice_list .pagenavi a {
        display: inline-block;
        float: left;
        font-size: 13px;
        line-height: 1;
        text-align: center;
        width: 24px;
        height: 24px;
        margin: 5px;
        padding: 5px 6px;
        text-decoration: none;
        color: #555;
        background: #dfe2de; }
        #voice_list .pagenavi a.prev {
          margin-right: 7px;
          background: white; }
          #voice_list .pagenavi a.prev:hover {
            background: white; }
        #voice_list .pagenavi a.next {
          margin-left: 7px;
          background: white; }
          #voice_list .pagenavi a.next:hover {
            background: white; }
        #voice_list .pagenavi a.skip {
          padding: 10px 8px 0 8px;
          background: white;
          pointer-events: none; }
        #voice_list .pagenavi a.here {
          color: white;
          background: black;
          pointer-events: none; }
        #voice_list .pagenavi a:hover {
          color: white;
          background: black; }*/
  
  @media screen and (max-width: 480px) {
    #voice_list {
      padding: 15px 0 0;
      margin-bottom: 5px; }
      #voice_list .voice_list__top-area {
        overflow: hidden;
        padding-bottom: 17px;
        box-shadow: 0 1px 0 0px #c3c3c3, 0 2px 0 0px #ededed;
        margin-bottom: 12px; }
        #voice_list .voice_list__top-area .voice_list__main-title {
          font-size: 24px;
          font-weight: normal;
          padding-left: 52px;
          padding-top: 4px;
          padding-bottom: 4px;
          background-image: url("../images/sp/icon_comment-l_sp.png");
          background-repeat: no-repeat;
          background-size: 38px 38px;
          background-position: left top 2px; }
        #voice_list .voice_list__top-area .voice_list__desc {
          font-size: 10px;
          line-height: 1.7;
          padding-bottom: 16px; }
        #voice_list .voice_list__top-area .btn__consultant {
          float: right;
          margin-bottom: 14px; }
      #voice_list .voice__list {
        margin-bottom: 20px; }
        #voice_list .voice__list .voice__list-item {
          position: relative;
          overflow: hidden;
          padding-bottom: 10px;
          border-bottom: 1px solid #ededed;
          margin-bottom: 14px; }
          #voice_list .voice__list .voice__list-item:last-child {
            margin-bottom: 0px; }
          #voice_list .voice__list .voice__list-item .voice__list-vol {
            color: #1bbc9b;
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 4px; }
          #voice_list .voice__list .voice__list-item .voice__list-title {
            font-size: 13px;
            margin-bottom: 5px;
            font-weight: bold; }
          #voice_list .voice__list .voice__list-item .voice__list-box {
            float: left; }
            #voice_list .voice__list .voice__list-item .voice__list-box .voice__list-name {
              font-size: 10px;
              padding-top: 0px;
              padding-left: 17px;
              background-image: url("../images/sp/icon_man_sp.png");
              background-size: 9px 11px;
              background-repeat: no-repeat;
              background-position: left top 2px;
              margin-bottom: 1px; }
            #voice_list .voice__list .voice__list-item .voice__list-box .voice__list-date {
              font-size: 10px;
              padding-top: 4px;
              padding-left: 17px;
              background-image: url("../images/sp/icon_date_sp.png");
              background-size: 10px 10px;
              background-repeat: no-repeat;
              background-position: left top 6px; }
          #voice_list .voice__list .voice__list-item .balloon {
            position: relative;
            background: #f0f0f0;
            float: right;
            display: block;
            padding: 6px 10px;
            margin-bottom: 5px; }
            #voice_list .voice__list .voice__list-item .balloon:after {
              right: 100%;
              top: 50%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              border-color: rgba(240, 240, 240, 0);
              border-right-color: #f0f0f0;
              border-width: 6px;
              margin-top: -6px; }
            #voice_list .voice__list .voice__list-item .balloon .responsible {
              float: left;
              font-size: 10px; }
            #voice_list .voice__list .voice__list-item .balloon .voice__responsible-list {
              float: left;
              overflow: hidden; }
              #voice_list .voice__list .voice__list-item .balloon .voice__responsible-list .voice__responsible-list-item {
                float: left;
                font-size: 10px; }
                #voice_list .voice__list .voice__list-item .balloon .voice__responsible-list .voice__responsible-list-item a {
                  color: #466fba;
                  text-decoration: underline; }
      /*#voice_list .pagenavi-wrap {
        text-align: center; }
        #voice_list .pagenavi-wrap .pagenavi {
          display: inline-block;
          clear: both;
          overflow: hidden;
          width: auto;
          margin: 0 auto;
          padding-bottom: 0px;
          padding-left: 0px;
          padding-top: 0px; }
          #voice_list .pagenavi-wrap .pagenavi a {
            display: inline-block;
            float: left;
            font-size: 13px;
            text-align: center;
            width: 24px;
            height: 24px;
            margin: 5px;
            padding: 5px 6px;
            text-decoration: none;
            color: #555;
            background: #dfe2de; }
            #voice_list .pagenavi-wrap .pagenavi a.prev {
              margin-right: 7px;
              background: white; }
              #voice_list .pagenavi-wrap .pagenavi a.prev:hover {
                background: white; }
            #voice_list .pagenavi-wrap .pagenavi a.next {
              margin-left: 7px;
              background: white; }
              #voice_list .pagenavi-wrap .pagenavi a.next:hover {
                background: white; }
            #voice_list .pagenavi-wrap .pagenavi a.skip {
              padding: 10px 8px 0 8px;
              background: white;
              pointer-events: none; }
            #voice_list .pagenavi-wrap .pagenavi a.here {
              color: white;
              background: black;
              pointer-events: none; }
            #voice_list .pagenavi-wrap .pagenavi a:hover {
              color: white;
              background: black; }*/
             }


.wrap-static.first {
    margin-top: 80px;
}
            
.wrap-static {
    margin-bottom: 35px;
}
            
.wrap-static.last {
    margin-top: 45px;
    margin-bottom: 65px;
}
            
.wrap-static .company-title h2 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    word-break: break-all;
}

@media screen and (max-width: 750px) {

	.wrap-static .company-title h2 {
		font-size: 21px;
	}
}

#voice_list .pagenavi {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
    #voice_list .pagenavi a {
      display: inline-block;
      float: left;
      font-size: 13px;
      color: #009;
      line-height: 1;
      text-align: center;
width: 24px;
height:24px;
      margin: 4px 2px;
      padding: 5px 4px;
      text-decoration: none;
      border: solid 1px #009;
      background-color: #fff; 
      border-radius: 4px;
}
#voice_list .pagenavi span{
  display: block;
  color: #009;
padding: 6px 0;}
      #voice_list .pagenavi a.prev {
        width: 52px;
        margin: 4px 2px;
        padding: 5px 2px;
        color: #009;
        border: solid 1px #009;
        background-color: #fff;  }
        #voice_list .pagenavi a.prev:hover {
          background-color: #009;
  color: #fff;
  text-decoration: none; }
      #voice_list .pagenavi a.next {
        padding: 5px 2px;
        margin: 4px 2px;
        width: 52px;
        color: #009;
        border: solid 1px #009;
        background-color: #fff; }
        #voice_list .pagenavi a.next:hover {
          background-color: #009;
  color: #fff;
  text-decoration: none;}
      #voice_list .pagenavi a.skip {
        color: #009;
        padding: 10px 8px 0 8px;
        border: solid 1px #009;
        background-color: #fff; 
        pointer-events: none; }
              #voice_list .pagenavi a:hover {
        background-color: #009;
        color: #fff;
        text-decoration: none;}
      #voice_list .pagenavi a.here {
        color: white;
        background-color: #009;
        pointer-events: none; }
        #voice_list .pagenavi a.sp-skip {
          display: block; }

		  @media screen and (max-width: 480px) {
			#voice_list .pagenavi-wrap {
      text-align: center; }
      #voice_list .pagenavi span{
        display: none;
      padding: 0;}
      #voice_list .pagenavi a {
        font-size: 11px!important;
  width: 20px;
  height: 24px!important;
        margin: 0 3px!important;
        padding: 5px 2px;
        background-color: #fff!important;
  }
  #voice_list .pagenavi a.here {
    background-color: #009!important;
 }
 #voice_list .pagenavi a:hover {
  background-color: #009;
  color: #fff;
  text-decoration: none;}
  #voice_list .pagenavi a.prev {
    width: 46px;
    height: 24px!important;
    padding: 5px 2px!important;
 }
  #voice_list .pagenavi a.next {
    width: 46px;
    height: 24px!important;
    padding: 5px 2px!important;
}
  #voice_list .pagenavi a.sp-skip {
    display: none; }
       }