@charset "UTF-8";

#christinaAnchorLinks + .composite_box01 .wrapper_item {
justify-content: center;
    gap: 2rem;
}
#christinaAnchorLinks + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(4),
#christinaAnchorLinks + .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(2) {
margin-left: 0;
}


#step01 + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(4),
#step02 + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(4) {
margin-left: 0px;
}
#step01 + .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(2),
#step02 + .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(2) {
margin-left: 0px;
}
#step01 + .composite_box01 .content_wrapper .wrapper_item,
#step02 + .composite_box01 .content_wrapper .wrapper_item {
gap: 5rem;
}
#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item {
position: relative;
width: 15%!important;
}
#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item.empty,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item.empty {
display: none!important;
}

#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item::before,
#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item::after,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item::before,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item::after
 {
  position: absolute;
  content: '';
}
#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item::before,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item::before {
  top: calc(.35em + 50%);
  right: calc(0em + (-2.5rem));
  width: 14px;
  height: 14px;
  background-color: var(--i_btn_color);
  border-radius: 100%;
}
#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item::after,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item::after {
  top: calc(50% + 0.6em);
  right: calc(0.3em + (-2.5rem));
  width: 5px;
  height: 5px;
  border-right: 1px solid var(--i_btn_txt_color);
  border-bottom: 1px solid var(--i_btn_txt_color);
  transform: rotate(-45deg);
}
#step02 + .composite_box01 
.content_wrapper 
.wrapper_item 
.inner_item:not(.empty):is(:has(+ .empty), :last-child)::before,
#step02 + .composite_box01 
.content_wrapper 
.wrapper_item 
.inner_item:not(.empty):is(:has(+ .empty), :last-child)::after {
  content: none !important;
}
#step01 + .composite_box01 .heading.block_header_4 .h,
#step02 + .composite_box01 .heading.block_header_4 .h {
display: inline-block;
    background: var(--i_sub2_color);
    padding: 0 1rem;
    font-size: 1.6rem !important;
}
#step01 + .composite_box01 .heading.block_header_4 > p,
#step02 + .composite_box01 .heading.block_header_4 > p {
font-size: 1.4rem;
line-height: 2em;
}
#step01 + .composite_box01 .inner_item_txt>p,
#step02 + .composite_box01 .inner_item_txt>p {
font-size: 1.3rem;
}

#recommend01 + .composite_box01 .heading.block_header_4 {
margin-bottom: 0px !important;
}
#recommend01 + .composite_box01 .inner_item {
flex-direction: row;
}
#recommend01 + .composite_box01 .inner_item.empty,
#recommend02 + .composite_box01 .inner_item.empty {
display: none;
}
#recommend01 + .dec1_1 .content_wrapper {
padding: 40px 40px 10px!important;
}
#recommend02 + .dec1_1 .content_wrapper {
padding: 10px 40px 40px!important;
}
#recommend01 + .dec1_1 .content_wrapper .wrapper_item,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item {
width: fit-content;
margin: 0 auto;
}
#recommend01 + .dec1_1 .content_wrapper .wrapper_item .inner_item,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item .inner_item {
width: fit-content;
flex-direction: row!important;
margin: 1rem;
}
#recommend01 + .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(2) {}
#recommend01 + .dec1_1 .content_wrapper .wrapper_item .inner_item a,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item .inner_item a {
width: 40px;
max-width: 40px;
min-width: 40px;
}
#recommend01 + .dec1_1 .content_wrapper .wrapper_item .inner_item a .inner_item_img img,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item .inner_item a .inner_item_img img {
width: 100%;
height: 100%;
object-fit: contain;
}
#recommend01 + .dec1_1 .content_wrapper .wrapper_item .inner_item .inner_item_txt,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item .inner_item .inner_item_txt {
margin-top: 0px;
margin-left: 1rem;
display: flex;
align-items: center;
}
#recommend01 + .dec1_1 .content_wrapper .wrapper_item .inner_item .inner_item_txt .heading.block_header_4 .h,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item .inner_item .inner_item_txt .heading.block_header_4 .h {
font-size: 1.5rem !important;
text-align: left;
}
#recommend01 + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(4), .composite_box01 .inner_item:nth-of-type(3):nth-last-of-type(3), .composite_box01 .inner_item:nth-of-type(5):nth-last-of-type(1),
#recommend02 + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(4), .composite_box01 .inner_item:nth-of-type(3):nth-last-of-type(3), .composite_box01 .inner_item:nth-of-type(5):nth-last-of-type(1) {
margin-left: 0!important;
}



@media screen and (max-width: 900px) {
.composite_box01.block_images_1 .inner_item:nth-of-type(2n) {
margin-left: 0% !important;
}
}



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

#step01 + .composite_box01 .content_wrapper .wrapper_item {
overflow: visible; 
padding-bottom: 5rem;
}

#christinaAnchorLinks + .composite_box01 .wrapper_item {
gap: 2%!important;
}

#christinaAnchorLinks + .composite_box01 .wrapper_item .inner_item {
width: 32%!important;
}

#christinaAnchorLinks + .composite_box01 .wrapper_item .inner_item .inner_item_txt .heading.block_header_4 .h  {
font-size: 1.5rem !important;
}

#christinaAnchorLinks + .composite_box01 .wrapper_item .inner_item .inner_item_txt .heading.block_header_4 p  {
font-size: 1.3rem !important;
}

#recommend01 + .dec1_1 .content_wrapper .wrapper_item .inner_item,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item .inner_item {
width: auto !important;
        margin: 1rem;
}

#step01 + .composite_box01 .content_wrapper .wrapper_item,
#step02 + .composite_box01 .content_wrapper .wrapper_item {
flex-direction: column;
}
#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item {
width: 100%!important;
}
#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item::before,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item::before {
top: inherit;
  bottom: calc(.35em + (-5.25rem));
  right: calc(0em + 47.8%);
}
#step01 + .composite_box01 .content_wrapper .wrapper_item .inner_item::after,
#step02 + .composite_box01 .content_wrapper .wrapper_item .inner_item::after {
top: inherit;
  bottom: calc((-5.25rem) + 0.7em);
  right: calc(0.25em + 47.8%);
  transform: rotate(45deg);
}

}




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

#recommend01 + .dec1_1 .content_wrapper .wrapper_item,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item {
margin: 0 auto;
width: 70%;
}

#recommend01 + .dec1_1 .content_wrapper .wrapper_item .inner_item,
#recommend02 + .dec1_1 .content_wrapper .wrapper_item .inner_item {
width: auto !important;
margin: 1.5rem;

}
}



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

#recommend01 + .dec1_1 .content_wrapper .wrapper_item .inner_item a, #recommend02 + .dec1_1 .content_wrapper .wrapper_item .inner_item a {
}
}