.strong-text {
    color: #333;
    font-size: 1.2em;
    font-weight: 500;
}
body.home #header.fixed div.header__button li.button__listItem a {
    font-weight: 500;
}
#header div.header__button li.button__listItem .recruit-button {
    border: 1px solid #fff;
    background: url(/assets/images/common/arrow_header.png) #de6b78 no-repeat !important;
    background-position: right 15px center !important;
    background-size: 21px 6px !important;
    color: #fff;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    padding: 8px 20px 8px 0;
    font-weight: 500;
}

.recruit-button::before {
    content: "採用情報はこちら";
}

@media screen and (max-width: 1023px) {
    .recruit-button::before {
        content: "";
        display: block;
        width: 50px;
        height: 50px;
        background-image: url(/assets/images/common/icon-recruit-01.svg);
        background-position: 0 3px;
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media screen and (max-width: 1023px) {
    body #header.fixed div.header__button li.button__listItem.m-recruit > a {
        background: none !important;
        border: none;
        padding: 0;
    }
}

@media screen and (max-width: 1023px) {
    .button__listItem.m-recruit {
        position: fixed;
        top: 5px;
        right: 130px;
        width: 50px;
    }
}

#header .recruit-subbutton-pink {
    border: 1px solid #fff;
    background: url(/assets/images/common/arrow_header.png) #de6b78 no-repeat;
    background-position: right 15px center;
    background-size: 21px 6px;
    color: #fff !important;
    font-size: 1.2rem;
    display: block;
    text-align: center;
    padding: 8px 20px 8px 0;
    font-weight: 500;
    text-align: center;
}
#header .recruit-subbutton-pink:hover {
    color: #fff;
}

#header .recruit-subbutton-red {
    border: 1px solid #fff;
    background: url(/assets/images/common/arrow_header_red.png) #fff no-repeat;
    background-position: right 15px center;
    background-size: 21px 6px;
    border: 1px solid #d12d40;
    color: #d12d40 !important;
    font-size: 1.2rem;
    display: block;
    padding: 8px 20px 8px 0;
    font-weight: 500;
    text-align: center;
}
#header .recruit-subbutton-red:hover {
    color: #d12d40;
}

#header .recruit-subbutton-black {
    border: 1px solid #fff;
    background: url(/assets/images/common/arrow_gnavi.png) #fff no-repeat;
    background-position: right 15px center;
    background-size: 21px 6px;
    border: 1px solid #868686;
    color: #868686;
    font-size: 1.1rem;
    display: block;
    padding: 8px 20px 8px 0;
    font-weight: 500;
    text-align: center;
}
#header .recruit-subbutton-black:hover {
    color: #868686 !important;
}

.recruit-note {
    font-size: 1rem;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.recruit-wrap {
    display: none;
    position: absolute;
    z-index: 1;
    right: 32px;
    width: 447px;
}

.recruit-wrap {
    display: none;
    position: absolute;
    z-index: 1;
    right: 32px;
    width: 447px;
}
.recruit-opened .recruit-wrap {
    display: block;
    animation: dropdownFadeIn 0.3s forwards;
}

@media screen and (max-width: 525px) {
    .recruit-wrap {
        right: 15px;
        width: calc(100% - 30px);
    }
}

@media screen and (max-width: 1023px) {
    .recruit-opened .recruit-wrap {
        animation: dropdownFadeIn2 0.3s forwards;
    }
}

.recruit-subbutton-wrap {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 8px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .recruit-wrap {
        padding-top: 1px;
    }
}
.recruit-inner {
    padding: 40px 80px;
    background-color: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
}

@media screen and (max-width: 525px) {
    .recruit-inner {
        padding: 20px 10px;
    }
}

body.company #middle #philosophy .contents {
	color: #878787;
}

body.company #middle #philosophy .contents.contents-large {
	margin-top: 50px;
	@media screen and (max-width: 1023px) {
		margin-top: 30px;
		padding-top: 42px;
		padding-bottom: 42px;
	}
}

body.company #middle #philosophy .contents.contents-large .colorful_subtitle {
	font-size: 18px;
	color: #D12D40;
	font-weight: 700;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 0.05em;
	@media screen and (max-width: 1023px) {
		font-size: 14px;
	}
}

body.company #middle #philosophy .contents.contents-large .colorful_title {
	font-size: 38px;
	color: #D12D40;
	font-weight: 400;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: 0.02em;
	@media screen and (max-width: 1023px) {
		font-size: 27px;
	}
}

body.company #middle #philosophy .contents-large .description {
    font-size: 1.4rem;
    line-height: 2.14;
	letter-spacing: 0.04em;
	margin-top: 45px;
	@media screen and (max-width: 1023px) {
		margin-top: 40px;
		font-size: 1.6rem;
	}
}

.company_3col {
	display:flex;
	gap:30px;
	margin-top: 60px;
	max-width: 1000px;
    margin-left: auto;
	margin-right: auto;
    
	@media screen and (max-width: 1023px) {
		flex-direction: column;
		gap:30px;
		margin-top: 25px;
		width:90.625%;
	}
}

.company_3col-item {
	background: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 7px 0px #dedcdb;
    box-sizing: border-box;
	flex:1 1 33%;
	width:100%;
	padding:38px 0 50px 0;
}

body.company #middle #philosophy .company_3col-item .colorful_subtitle {
    font-size: 3.0rem;
    line-height: 1;
	letter-spacing: 0.1em;
	color: #D12D40;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	@media screen and (max-width: 1023px) {
		font-size: 2.4rem;
	}
}

body.company #middle #philosophy .company_3col-item .colorful_title {
    font-size: 1.4rem;
    line-height: 1.5;
	letter-spacing: 0.04em;
	margin-top: 5px;
	color: #D12D40;
	font-weight: 700;
}

body.company #middle #philosophy .company_3col-item .description {
    font-size: 1.4rem;
    line-height: 1.71;
	letter-spacing: 0.04em;
	margin-top: 34px;
	@media screen and (max-width: 1023px) {
		font-size: 1.6rem;
	}
}

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

.pt-0 {
	padding-top: 0 !important;
}

body.company #middle #profile .section-action {
	@media screen and (max-width: 1023px) {
		padding-top: 10px;
	}
}

body.company #middle #profile .section-action .colorful_title {
    font-size: 1.4rem;
    line-height: 1.5;
	letter-spacing: 0.04em;
	margin-top: 5px;
	color: #D12D40;
	font-weight: 700;
}

body.company #middle #profile .section-action .colorful_subtitle {
    font-size: 3.0rem;
    line-height: 1;
	letter-spacing: 0.1em;
	color: #D12D40;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

body.company #middle #profile .section-action dl dt {
	display:flex;
	gap:12px;
	padding: 35px 0 35px 0;
	justify-content: flex-start;
	align-items: center;
	letter-spacing: 0.04em;
	font-family: "YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	@media screen and (max-width: 1023px) {
		padding-bottom: 11px;
		font-size: 17px;
	}
}

body.company #middle #profile .section-action dl dd {

	@media screen and (max-width: 1023px) {
		font-size: 14px;
		letter-spacing: 0.02em;
		line-height: 2;
	}
}

body.company #middle #profile .section-action dl dt .company_action-num{
	position:static;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin:0;
	margin-bottom: 5px;
	font-family: 'FuturaLT';
	@media screen and (max-width: 1023px) {
		font-size: 10px;
	}
}

body.company #middle #profile dl dt {
	color: #D12D40;
	@media screen and (max-width: 1023px) {
		
	}
}

body.company #middle #history dl dt {
	color: #D12D40;
}

.company_table-header {
	background-color: #D12D40;
	color: #fff;
	font-size: 14px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	padding:6px 0;
	max-width: 880px;
    margin: 0 auto;
	margin-top: 54px;
	font-weight: 700;
}

.company_table-header.--first-item {
	 margin-top: 38px;

	 @media screen and (max-width: 1023px) {
		margin-top: 25px;
	 }
}