@charset "utf-8";
/* CSS Document */
/*-------------------------------------------
  福利厚生
-------------------------------------------*/
#welfare .heading h4 {
    position: relative
}

#welfare .heading h4::after {
    content: "";
	position: absolute;
	display: inline-block;
	background-image: url("../images/character/animal_04.png");
	background-size: contain;
	vertical-align: middle;
	width: 200px;
	height: 200px;
    right: -8%;
    bottom: -16%;
	background-repeat: no-repeat;
}
#welfare .heading h4::before {
    position: absolute;
    content: "";
    display: block;
    width: 80%;
    height: 8px;
    background-image: linear-gradient(-90deg, rgba(242, 153, 4, 1), rgba(242, 153, 4, 0));
    bottom: -12%;
    right: 0;
}

#welfare .numbers_contents {
	margin-top: 45px;
}

#welfare .welfare_items_3col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

#welfare .welfare_items_3col .welfare_item {
	width: 31%;
	margin-bottom: 40px;
}

#welfare .welfare_items_3col::after {
	content:"";
	display: block;
	width: 31%;
}

#welfare .welfare_items_4col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

#welfare .welfare_items_4col .welfare_item {
	width: 22%;
	margin-bottom: 40px;
}

#welfare .welfare_item img {
}

#welfare .welfare_item p {
    padding: 6px 4px 0 4px;
    /*border: 3px solid #008D95;*/
    font-size: 16px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    text-align: justify;
    min-height: 160px;
}

@media screen and (max-width: 1024px) {
    #welfare .heading {
        margin-bottom: 24px;
    }
    #welfare .heading p {
        margin-bottom: 0;
    }
    
    #welfare .heading h4 .pc {
        display: block;
    }
    #welfare .heading h4::after {
        width: 160px;
        height: 160px;
        right: -8%;
        bottom: -16%;
    }
	#welfare .welfare_items_4col .welfare_item {
		width: 48%;
		margin-bottom: 0;
	}
    
    #welfare .welfare_item p {
        min-height: 120px;
    }

    
}
@media screen and (max-width: 767px) {
    #welfare .heading h4::after {
        width: 120px;
        height: 120px;
        right: -12%;
        bottom: -12%;
    }

	#welfare .welfare_items_4col .welfare_item {
		width: 100%;
		margin-bottom: 24px;
        display: flex;
	}
    
    #welfare .welfare_items_4col .welfare_item img {
        width: 36%;
    }
    
    #welfare .welfare_item p {
        font-size: 14px;
        width: 64%;
        background-color: #F7F7F7;
        padding: 8px;
    }
}


/*-------------------------------------------
  研修制度
-------------------------------------------*/
#training .heading {
    margin-bottom: 16px;
}
#training .heading p {
    margin-bottom: 0;
}

#training .heading h4 {
    position: relative
}

#training .heading h4::after {
    content: "";
	position: absolute;
	display: inline-block;
	background-image: url("../images/character/woman_03.png");
	background-size: contain;
	vertical-align: middle;
	width: 260px;
	height: 260px;
    right: -12%;
    bottom: -24%;
	background-repeat: no-repeat;
}
#training .heading h4::before {
    position: absolute;
    content: "";
    display: block;
    width: 80%;
    height: 8px;
    background-image: linear-gradient(-90deg, rgba(242, 153, 4, 1), rgba(242, 153, 4, 0));
    bottom: -16%;
    right: 0;
}

#training .training_contents .contents_flex {
    margin-bottom: 128px;
} 

#training .training_contents .text p {
    font-size: 17px;
    line-height: 1.8;
}

#training.lower_page .contents .item_list .item .item_title {
    margin-bottom: 0;
}

#training.lower_page .contents .item_list .item img {
    margin-bottom: 32px;
}

#training .training_contents .item_list:nth-of-type(3) {
    position: relative
}
#training .training_contents .item_list:nth-of-type(3)::after {
    content: "";
	position: absolute;
	display: inline-block;
	background-image: url("../images/character/animal_04.png");
	background-size: contain;
	vertical-align: middle;
	width: 200px;
	height: 200px;
    right: -8%;
    bottom: 0;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
    #training .training_contents .text p {
        font-size: 16px;
    }
    
    #training .training_contents .item_list:nth-of-type(3)::after {
        width: 200px;
        height: 200px;
        right: -8%;
        bottom: -32%;
    }
}

@media screen and (max-width: 767px) {
    #training .heading h4::after {
        width: 110px;
        height: 110px;
        right: -15%;
        bottom: -16%;
        background-repeat: no-repeat;
    }
    
    #training .heading h4::before {
        height: 8px;
        bottom: -12%;
        right: 0;
    }
    
    #training .training_contents .contents_flex {
        flex-direction: column;
        margin-bottom: 32px;
    }
    #training .training_contents .contents_flex .img {
        width: 100%;
        margin-bottom: 16px;
    }
    #training .training_contents .contents_flex .text {
        width: 100%;
    }
    
    #training .training_contents .item_list {
        margin-bottom: 32px;
    }
    
    #training .training_contents .item_list .contents_flex .img {
        margin-bottom: 0;
    }
    
    #training .training_contents .item_list .contents_flex .text_space {
        margin-top: 0;
    }
    
    #training .training_contents .item_list:nth-of-type(3)::after {
        width: 80px;
        height: 80px;
        right: -8%;
        bottom: -12%;
        display: none;
    }


}