@charset "UTF-8";

/*--- ページ背景画像追加(2025/08/26) ---*/
body::after {
	content: '';
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: url('/common/upload_data/cococara-infocom/image/bg2.png');
	opacity: 0.15;
}
@media screen and (max-width: 600px){
	body::after{
		background-size: 150%;
	}
}

/*イラスト共通*/
a[id^="flower"]+section::before,
#flower_h+section .heading.block_header_6 .h::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	pointer-events: none;
	top: 0;
}

/*見出し左右にイラスト*/
#flower_h+section .heading.block_header_6 .h{
	padding-left: 70px;
	padding-right: 70px;
}
#flower_h+section .heading.block_header_6 .h::after {
	max-width: 1000px;
	left: 0;
	background-image: url(/common/upload_data/cococara-infocom/image/flower2.png), url(/common/upload_data/cococara-infocom/image/flower2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: top left, top right;
	background-size: 40px, 40px;
}
@media screen and (max-width: 800px){
	#flower_h+section .heading.block_header_6 .h {
		padding-left: 40px;
		padding-right: 40px;
	}
	#flower_h+section .heading.block_header_6 .h::after{
		background-size: 30px, 30px;
	}
}

/*コンテンツ左右にイラスト*/
#flower_l+section::before,
#flower_r+section::before {
	max-width: 1300px;
	left: 50%;
	transform: translateX(-50%);
	background: url(/common/upload_data/cococara-infocom/image/flower2.png) no-repeat bottom left / 60px;
}
#flower_r+section::before{
	background-position: bottom right;
}
@media screen and (max-width: 800px){
	#flower_l+section::before,
	#flower_r+section::before{
		display: none;
	}
}

/*求人一覧イラスト*/
#top_recruit+section::after{
	background-image: url(/common/upload_data/cococara-infocom/image/flower2.png), url(/common/upload_data/cococara-infocom/image/flower2.png);
	background-size: 60px, 60px;
}
@media screen and (max-width: 800px){
	#top_recruit+section::after{
		background-size: 9vw;
	}
}

/*lv調整(2025/8/28)*/
#lv p span {
    display: none;
}

#lv div {
    opacity: 1;
}

/*---------LV 20250903---------------*/
#lv {
    background: var(--i_bg_color);
}

#lv:not(.parallax).blur0 .parallax_img {
    background-size: contain !important;
}

/*------#ga_mv------*/
.mv_slider {
    padding-top: 60px;
}
a#ga_mv+div .gallery_single:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 8%;
    background: url(/common/upload_data/cococara-infocom/image/20250922155944.png) no-repeat;
    width: 150px;
    height: 150px;
    background-size: contain;
    z-index: 2;
}
a#ga_mv+div .gallery_single:after {
    content: "";
    position: absolute;
    bottom: 15px;
    right: 8%;
    background: url(/common/upload_data/cococara-infocom/image/20250922155944.png) no-repeat;
    width: 150px;
    height: 150px;
    background-size: contain;
    z-index: 1;
}
a#ga_mv+div .gallery_single_slider .inner_item img {
    max-height: 95vh;
    width: 100%;
    object-fit: cover;
}
/* 20251001追記 */
a#ga_mv+div .gallery_single_slider .inner_item {
    aspect-ratio: 20 / 9;
    overflow: hidden; 
    display: block;  
}
@media screen and (max-width: 900px){
a#ga_mv+div .gallery_single_slider .inner_item {
    aspect-ratio: 12 / 9; 
}
    a#ga_mv+div .gallery_single_slider .inner_item img {
        width: 100%;
        height: 100%; 
        object-fit: cover;
        max-height: none;
    }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    a#ga_mv+div .gallery_single_slider .inner_item {
        aspect-ratio: 15 / 9;
    }
}
.mv_slider section.block_text_1 {
    bottom: 110px;
    width: 80%;
    left: 5%;
    position: absolute;
}

.mv_slider section .inner_item_txt {
    font-size: 4.6rem;
    text-shadow: #ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
    font-family: メイリオ, meiryo, ヒラギノ角ゴ pro w3, hiragino kaku gothic pro, sans-serif;
    font-weight: 500;
    color: #000;
}
.mv_slider section .inner_item_txt .purple {
    color: #9161c9;
}
@media screen and (max-width: 768px) {
    a#ga_mv+div .gallery_single:before,
    a#ga_mv+div .gallery_single:after {
        width: 100px;
        height: 100px;
    }
   .mv_slider section.block_text_1 {
        bottom: 80px;
    }
    .mv_slider section .inner_item_txt {
        font-size: 3.6rem;
    }
}
@media screen and (max-width: 480px) {
    .mv_slider section .inner_item_txt {
        font-size: 2.4rem;
    }
    a#ga_mv+div .gallery_single:before,
    a#ga_mv+div .gallery_single:after {
        width: 70px;
        height: 70px;
    }
   .mv_slider section.block_text_1 {
        bottom: 60px;
    }
}
@media screen and (max-width: 450px) {
     a#ga_mv+div .gallery_single_slider {
        margin-bottom: 0;
    }
   .mv_slider section.block_text_1 {
        bottom: 40px;
    }
}