@charset "UTF-8";

/*--- ページ背景画像追加(2025/08/19) ---*/
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/%E3%82%BF%E3%82%99%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%88%E3%82%99.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center calc(var(--bg-offset, 0));
    opacity: 0.27;
}
/*--- レイアウト調整(2025/08/19) ---*/
#cococara + .contents_box01 h3.h:before {
    content: none;
}
#cococara + .contents_box01 p.title-en {
    font-size: min(60px, 6vw);
    font-weight: bold;
}
#cococara + .contents_box01 .orange1 {
    color: #F08300;
}
#cococara + .contents_box01 .orange2 {
    color: #F8B500;
}
#cococara + .contents_box01 .blue1 {
    color: #00BFFF;
}
#cococara2 + .composite_box01 .wrapper_item {
    justify-content: center;
}
#cococara2 + .composite_box01 .wrapper_item .inner_item.empty {
    display: none;
}
@media only screen and (max-width: 900px) {
    #cococara + .contents_box01 .inner_item_txt {
        text-align: center;
    }
}
@media only screen and (max-width: 800px) {
    #cococara + .contents_box01 .heading.block_header_2 .h {
        padding-left: 0;
    }
}
/*--- イラスト追加(2025/09/11) ---*/
#cococara2 + .composite_box01 .wrapper_item{
	position: relative;
	overflow: visible;
}
#cococara2 + .composite_box01 .wrapper_item::before,
#cococara2 + .composite_box01 .wrapper_item::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 1;
}
#cococara2 + .composite_box01 .wrapper_item::before{
	background: url(/common/upload_data/cococara-infocom/image/20250911145621.png) no-repeat bottom 20px left / 125px;
}
#cococara2 + .composite_box01 .wrapper_item::after{
	background: url(/common/upload_data/cococara-infocom/image/20250911145616.png) no-repeat bottom 20px right / 117px;
}
@media screen and (max-width: 768px){
	#cococara2 + .composite_box01 .wrapper_item::before,
	#cococara2 + .composite_box01 .wrapper_item::after{
		width: calc(100% + 10px);
		height: 102%;
		background-size: 15vw, 15vw;
	}
	#cococara2 + .composite_box01 .wrapper_item::before{
		background-position: top left;
	}
	#cococara2 + .composite_box01 .wrapper_item::after{
		background-position: bottom right;
	}
}
@media screen and (max-width: 500px){
	#cococara2 + .composite_box01 .wrapper_item::before,
	#cococara2 + .composite_box01 .wrapper_item::after{
		background-size: 20vw, 20vw;
	}
}

/*#sumire*/
a#sumire_vision+section .content_wrapper {
    background: rgba(186, 218, 85, 0.38);
}
a#sumire_vision+section .content_wrapper .heading.block_header_6 .h {
    color: #9161c9;
    text-shadow: #ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
}
a#sumire_vision+section .content_wrapper .heading.block_header_1 .h, .heading.block_header_6 p  {
    text-shadow: #ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
}
a#sumire_vision+section .content_wrapper .heading.block_header_1 .h, .heading.block_header_6 p  {
    color: #ff4040
    text-shadow: #ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
}
a#sumire_1+section .heading.block_header_2 p, 
a#sumire_2+section .heading.block_header_2 p,  
a#sumire_3+section .heading.block_header_2 p, 
a#sumire_4+section .heading.block_header_2 p,   
 a#sumire_flow + section .heading+.add_text{
    text-decoration: underline;
    text-decoration-color: #9161c9;
    text-decoration-thickness: 2px;
}
a#sumire_1+section .content_wrapper, 
a#sumire_2+section .content_wrapper,  
a#sumire_3+section .content_wrapper, 
a#sumire_4+section .content_wrapper {
        background: #fff5f0;
}

a#sumire_1+section .heading.block_header_2 .h:before, 
a#sumire_2+section .heading.block_header_2 .h:before,  
a#sumire_3+section .heading.block_header_2 .h:before, 
a#sumire_4+section .heading.block_header_2 .h:before{
        display: none;
}

a#sumire_flow + section .inner_item_txt ul li::marker {
    color: #9161c9; 
  }
a#sumire_flow + section .content_wrapper {
    background-image: url(/common/upload_data/cococara-infocom/image/20250826171315.png), /* 左上 */ url(/common/upload_data/cococara-infocom/image/20250826171315.png), /* 右上 */ url(/common/upload_data/cococara-infocom/image/20250826171315.png), /* 左下 */ url(/common/upload_data/cococara-infocom/image/20250826171315.png), /* 右下 */ url(/common/upload_data/cococara-infocom/image/20250826170746.png);
    background-position: 5px 5px, /* 左上 */ calc(100% - 5px) 5px, /* 右上 */ 3px calc(100% - 5px), /* 左下 */ calc(100% - 5px) calc(100% - 5px), /* 右下 */ center;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
    background-color: transparent;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.53);
}
a#sumire_vision+section:after {
    display: block;
    content: "";
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/common/upload_data/cococara-infocom/image/20250826180745.png) no-repeat;
    pointer-events: none;
    z-index: 2;
    background-size: 70%;
}
@media screen and (max-width: 650px) {
a#sumire_vision+section:after {
top: 75px;
right: -130px;
background-size: 30%;
}
}
@media screen and (min-width: 651px) and (max-width: 900px)  {
    a#sumire_vision+section:after {
    top: 75px;
    right: -60px;
    background-size: 50%;
    }
    }
@media screen and (min-width: 1501px) {
    a#sumire_vision+section:after {
        right: 280px;
    }
    }

/*---------20250827追加-------------*/
/*---------------介護者の心と体の休息----------------*/
.row-clm .img_fr {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.row-clm .img_fr .img1,
.row-clm .img_fr .img2 {
    border: 3px solid #f08300;
    border-radius: 25px;
    background: #F7F2DD;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 10px;
    position: relative;
}

.row-clm .img_fr .img1 img,
.row-clm .img_fr .img2 img {
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
}

.row-clm .img_fr .img1 p,
.row-clm .img_fr .img2 p {
    font-size: 1.7rem;
}

.row-clm .img_fr .img1 ul,
.row-clm .img_fr .img2 ul {
    font-size: 1.5rem;
}

/* + */
.row-clm .img_fr .img1:before {
    content: "+";
    position: absolute;
    color: #f08300;
    font-weight: bold;
    left: calc(100% + 20px);
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 27px;
}

/* 矢印 */
.row-clm .img_fr .img2:before {
    content: "→";
    position: absolute;
    color: #E874A8;
    font-weight: bold;
    left: calc(100% + 20px);
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 27px;
}

.row-clm .img_fr .heart {
    text-align: center;
    color: #FF4040;
    font-weight: bold;
    font-size: 2.0rem;
    text-shadow: #ffffff -1px -1px 0px, #ffffff -1px 1px 0px, #ffffff 1px 1px 0px, #ffffff 1px -1px 0px;
    position: relative;
}

.row-clm .img_fr .heart:before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><path d='M166.655 38.469c-9.299-7.81-18.359-9.983-30.39-9.969c-12.771 1.106-23.826 7.345-36.266 23.11C87.56 35.845 76.505 29.606 63.734 28.5c-12.031-0.014-21.092 2.159-30.391 9.969C27.331 43.52 20.5 56.93 20.5 69.71c0.16 25.712 18.072 64.364 76.958 100.312l2.431 1.478l0.111-0.066l0.111 0.066l2.431-1.478c58.886-35.948 76.798-74.6 76.958-100.312c0-12.78-6.832-26.19-12.845-31.241Z' fill='%23F5BED1' stroke='none'/></svg>") no-repeat center/contain;
    z-index: -1;
    opacity: 0.7;
    width: 150px;
    height: 150px;
    top: -37px;
    left: -25px;
}

@media screen and (min-width: 901px) and (max-width: 1006px) {
    .row-clm .img_fr {
    gap: 30px;
}
.row-clm .img_fr .img1,
.row-clm .img_fr .img2 {
    padding: 15px 5px;
}
.row-clm .img_fr .img1:before {
    left: calc(100% + 17px);
    font-size: 20px;
}
.row-clm .img_fr .img2:before {
    left: calc(100% + 15px);
    font-size: 20px;
}
    .row-clm .img_fr .heart {
    font-size: 1.6rem;
}
.row-clm .img_fr .heart:before {
    width: 125px;
    height: 125px;
    top: -32px;
    left: -23px;
}
}

@media screen and (max-width: 900px) {
.row-clm .img_fr .heart:before {
    left: -27px;
}
}

@media screen and (max-width: 600px) {
    .row-clm .img_fr {
    flex-direction: column;
    margin-bottom: 15px;
}
.row-clm .img_fr .img1, .row-clm .img_fr .img2 {
    flex-direction: row;
    gap: 20px;
}
.row-clm .img_fr .img1:before {
    left: 50%;
    top: calc(100% + 20px);
}
.row-clm .img_fr .img2:before {
    content: "↓";
    left: 50%;
    top: calc(100% + 20px);
}
.row-clm .img_fr .heart {
    padding-top: 20px;
}
.row-clm .img_fr .heart:before {
    top: -35px;
    left: -27px;
    padding-top: 30px;
}
}

@media screen and (max-width: 450px) {
.row-clm .img_fr .img1,
.row-clm .img_fr .img2 {
    padding: 15px 5px;
}
    .row-clm .img_fr .img1 img,
    .row-clm .img_fr .img2 img {
    width: 80px !important;
    height: 80px !important;
}
.row-clm .img_fr .img1,
.row-clm .img_fr .img2 {
        flex-direction: row;
        gap: 10px;
    }
    .row-clm .img_fr .img1 p,
    .row-clm .img_fr .img2 p {
    font-size: 1.5rem;
}
    .row-clm .img_fr .img1 ul,
    .row-clm .img_fr .img2 ul {
    font-size: 1.35rem;
}
}

a[id^="sumire"]+section .heading.block_header_2 {
    text-align: center;
}

a#sumire_3+section ul {
    width: 67%;
    margin: auto;
}

/*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;
}

.heading.block_header_2 .h {
    font-size: 3.0rem !important;
    padding-left: 0;
}

@media screen and (max-width: 480px) {
.heading.block_header_2 .h {
    font-size: 2.35rem !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/20250922150450.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/20250922150450_1.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;
    }
}
/*-----------------------------20250930追記-----------------------------*/
#flower_s+section .heading.block_header_6 .h{
	padding-left: 70px;
	padding-right: 70px;
position: relative; 
}
#flower_s+section .heading.block_header_6 .h::after {
  content: ""; 
  position: absolute;
    max-width: 1000px;
    top: 0;
    left: 0;
  width: 100%; 
  height: 60px; 
background-image: 
  url("/common/upload_data/cococara-infocom/image/20250930155748.png"),
  url("/common/upload_data/cococara-infocom/image/20250930155748.png");
    background-repeat: no-repeat, no-repeat;
    background-position: top left, top right;
    background-size: 60px, 60px;
}
@media screen and (max-width: 800px){
	#flower_s+section .heading.block_header_6 .h {
		padding-left: 50px;
		padding-right: 50px;
	}
	#flower_s+section .heading.block_header_6 .h::after{
		background-size: 50px, 50px;
	}
}