@charset "utf-8";
@import url("slick.css");
@import url("slick-theme.css");



/*------------------------------------

------------------------------------*/ 
#mainVisual.index_mainVisual {
    position: relative;
    z-index: 10;
    background-image: linear-gradient(0deg, #decec1, #ebded6);
}
#mainVisual.index_mainVisual .wrapper {
    position: relative;
    z-index: 10;
    padding-bottom: var(--header_height);
}
#mainVisual_slide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#mainVisual_slide * {
    height: stretch;
    height: -webkit-fill-available;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
#mainVisual_slide .headline:not(.animate__animated),
#mainVisual_slide .headline:not(.animate__animated) > h1:not(.animate__animated),
#mainVisual_slide p:not(.animate__animated) {
    opacity: 0
}



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

#mainVisual.index_mainVisual {
    padding-bottom: var(--header_height);
    text-shadow: 0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9);
}
#mainVisual.index_mainVisual .wrapper {
    aspect-ratio: auto;
}


    
    
}
@media only screen and (max-width: 575px) {

    
}
@media print, screen and (min-width: 768px) {
#mainVisual.index_mainVisual {}
#mainVisual.index_mainVisual .wrapper {
    height: 50rem !important;
}
#mainVisual.index_mainVisual .wrapper .left_block {
    -webkit-transform: translateX( -2.0vw);
    transform: translateX( -2.0vw);
}
    
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    
}
@media print, screen and (min-width: 992px) {
#mainVisual.index_mainVisual .wrapper {
    aspect-ratio: 1370 / 510;
    min-height: 50rem !important;
    height: 100% !important;
}
}
@media print, screen and (min-width: 1200px) {
#mainVisual.index_mainVisual .wrapper .left_block {
    -webkit-transform: translateX( -6.3em);
    transform: translateX( -6.3em);
}
}
@media print, screen and (min-width: 1400px) {
#mainVisual.index_mainVisual .wrapper {
    max-height: 70rem;
}
    
}




/*------------------------------------

------------------------------------*/ 
.reason-circle {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}
.background_images_wrapper-reason--bottom .background_images-img-reason {
    position: relative;
}
.background_images_wrapper-reason--bottom .background_images-hr-reason {
    position: absolute;
    background-position: center;
    background-size: auto 100%;
    background-repeat: repeat-x;
    width: 100vw;
    border: none;
    bottom: 0;
    margin: 0;
}
.background_images_wrapper-reason--bottom .background_images-hr-reason.background_images-left-reason {
    height: 4px;
    right: 85%;
    background-position: right center;
}
.background_images_wrapper-reason--bottom .background_images-hr-reason.background_images-right-reason {
    height: 4px;
    left: 85%;
    bottom: 3.75%;
    background-position: left center;
}

@media only screen and (max-width: 767px) {
.reason-circle {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
}
    
}
@media only screen and (max-width: 575px) {
.text-entrance {
    text-shadow: 0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9),0 0 5px rgba(255,255,255,0.9);
}
.background_images_wrapper-reason--bottom {
    margin-bottom: -100%;
    padding-bottom: 60%;
    filter:  alpha(opacity=40%);  opacity:0.4;
}
.background_images_wrapper-reason--bottom .background_images-img-reason {
    -webkit-transform: translateX( 0) translateY( -60% );
    transform: translateX( 0) translateY( -60% );
}

}
@media print, screen and (min-width: 768px) {
.reason-circle {
    -webkit-transform: translateY(-42%);
    transform: translateY(-42%);
}
.background_images_wrapper-reason--bottom {
    margin-bottom: -14.5%;
    padding-bottom: 14.5%;
}
.background_images_wrapper-reason--bottom .background_images-img-reason {
    -webkit-transform: translateX( 0vw) translateY( 0);
    transform: translateX( 0vw) translateY( 0);
}
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {
.background_images_wrapper-reason--bottom {
    margin-bottom: -29.0%;
}
.background_images_wrapper-reason--bottom .background_images-img-reason {
    -webkit-transform: translateX( 10vw) translateY( -61%);
    transform: translateX( 10vw) translateY( -61%);
}

}
@media print, screen and (min-width: 1200px) {
.background_images_wrapper-reason--bottom .background_images-img-reason {
    -webkit-transform: translateX( 60%) translateY( -61%);
    transform: translateX( 60%) translateY( -61%);
}
}





/*------------------------------------

------------------------------------*/ 

.list_subcontents {}
.list_subcontents--items {
    position: relative;
}
.list_subcontents--items .btn_block,
.list_subcontents--items .btn_block > .btn_link {
    height: 0;
}
.list_subcontents--items .btn_block > .btn_link > a {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);    
}
.list_subcontents--thumbnail {
    position: relative;
}
.list_subcontents--thumbnail a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0 solid transparent;
    -webkit-border-radius: 1.5rem !important;
    border-radius: 1.5rem !important;
}

@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {
.list_subcontents--items .btn_block,
.list_subcontents--items .btn_block > .btn_link {
    height: auto;
}
}
@media print, screen and (min-width: 768px) {}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
    
.list_subcontents--thumbnail a.set_up:after {
    -webkit-transition: .5s;
    transition: .5s;
}
.list_subcontents--items:hover .list_subcontents--thumbnail a.set_up > img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.list_subcontents--items:hover .list_subcontents--thumbnail a.set_up:after {
    border-width: 3px;
    border-color: var(--color01);
}


.list_subcontents--items:hover .btn_block > .btn_link > a.set_up:after {
    right: 0;
}
.list_subcontents--items:hover .btn_block > .btn_link > a.bgc_01.set_up > .link.text-white:not([data-icon]):before {
    left: 0;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 494.906 471.344"><path fill="%23839239" d="M485.862,220.192L289.08,25.474a40.923,40.923,0,1,0-57.548,58.2l126,124.7H44.015a40.928,40.928,0,0,0,0,81.856H357.533l-126,124.683a40.929,40.929,0,1,0,57.548,58.214L485.862,278.407A40.951,40.951,0,0,0,485.862,220.192Z" transform="translate(-3.094 -13.625)"/></svg>');
}
.list_subcontents--items:hover .btn_block > .btn_link > a.bgc_01.set_up > .link.text-white {
    color: var(--color01) !important;
    text-indent: 1em;
}
.list_subcontents--items:hover .btn_block > .btn_link > a.bgc_01.set_up > .link.text-white:not([data-icon]):after {
    right: -100%;
}
    
}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}





/*------------------------------------

------------------------------------*/ 

.list-news .list-news-items  {
    border-bottom-style: none;
}
.list-news .list-news-items + .list-news-items {
    border-top: 1px solid var(--borderc_01);
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {}
@media print, screen and (min-width: 768px) {}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}





/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {}
@media print, screen and (min-width: 768px) {}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}





/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {}
@media print, screen and (min-width: 768px) {}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}





/*------------------------------------

------------------------------------*/ 

@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 575px) {}
@media print, screen and (min-width: 768px) {}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {}
@media print, screen and (min-width: 992px) {}
@media print, screen and (min-width: 1200px) {}