@charset "utf-8";
/* ==================================================
contents
================================================== */
/* Common */
h2.sec_ttl{
    font-size: 266.7%;
}
.related_link > a{
    text-decoration: none;
    display: inline-block;
    min-height: 24px;
    font-weight: bold;
    color: #333333;
    background: transparent url(/shared/site_saiyo/images/icon/icon_arrow.png) no-repeat right center;
    padding-right: 70px;
}
ul.related_link_list li > .related_link_box{
    min-height: 198px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 14px 38px 50px;
}
ul.related_link_list li > .related_link_box > .link > a{
    text-decoration: none;
    display: inline-block;
    color: #333333;
    background-color: #ffffff;
}
ul.related_link_list li > .related_link_box > span.num{
    color: #b05b56;
    font-size: 61.5%;
    margin-bottom: 15px;
}
.more_link{
    text-align: center;
    padding-left: 15px;
}
.more_link > a{
    position: relative;
    display: inline-block;
    text-align: left;
    min-width: 251px;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    background: #ffffff url(/shared/site_saiyo/images/icon/icon_arrow.png) no-repeat right 15px center;
    border: 1px solid #dedede;
    border-radius: 32px;
    padding: 18px 58px 15px 31px;
    -webkit-box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
}
/* Mainvs */
#tmp_mainvs {
    position: relative;
}
#tmp_mainvs:before {
    content: '';
    width: 100%;
    top: 0;
    bottom: -250px;
    left: 0;
    z-index: -1;
    position: absolute;
    background-image: url(/shared/templates/saiyo_top/images/bg_mainvs.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}
#tmp_mainvs .mainvs_wrap{
    position: relative;
    overflow: hidden;
    padding-bottom: 65px;
}
#tmp_mainvs .mainvs_ttl {
    position: absolute;
    z-index: 1;
    top: calc(112/872*100%);
    left: max(0px, calc((100% - 1200px)/2));
}
#tmp_mainvs .mainvs_ttl h2 {
    font-size: 200%;
    line-height: 1.4;
    display: flex;
    flex-flow: column;
    gap: 8px;
    align-items: flex-start;
}
#tmp_mainvs .mainvs_ttl h2 > span {
    display: inline-block;
    padding: 4px 25px 1px 25px;
    color: #ffffff;
    background-color: #2E6B96;
    background-image: -webkit-linear-gradient(90deg,rgba(46, 107, 150, 1) 0%, rgba(62, 122, 162, 1) 101%);
    background-image: -moz-linear-gradient(90deg,rgba(46, 107, 150, 1) 0%, rgba(62, 122, 162, 1) 101%);
    background-image: linear-gradient(90deg,rgba(46, 107, 150, 1) 0%, rgba(62, 122, 162, 1) 101%);
}
#tmp_mainvs .mainvs_ttl h2 > span:nth-child(2){
    margin-left: 68px;
}
#tmp_mainvs .mainvs_inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 1600px;
    margin: 0 auto;
}
#tmp_mainvs .mainvs_inner .splide {
    display: flex;
}
#tmp_mainvs_splide_1,
#tmp_mainvs_splide_4 {
    width: calc(358/1714 * 100%);
    max-width: 334px !important;
}
#tmp_mainvs_splide_2,
#tmp_mainvs_splide_3 {
    width: calc(614/1600 * 100%);
    max-width: 614px !important;
}
#tmp_mainvs_splide_1 {
    margin-top: calc(352/1600 * 100%);
    margin-right: calc(20/1714 * 100% * -1);
    margin-left: calc(70/1714 * 100% * -1);
}
#tmp_mainvs_splide_2 {
    margin-left: calc(20/1600 * 100% * -1);
    margin-right:  calc(50/1600 * 100% * -1);
    margin-top: calc(90/1600 * 100%);
}
#tmp_mainvs_splide_3 {
    margin-right: calc(30/1600 * 100% * -1);
    margin-left:  calc(50/1600 * 100% * -1);
}
#tmp_mainvs_splide_4 {
    margin-top: calc(110/1600 * 100%);
    margin-left: calc(28/1714 * 100% * -1);
    margin-right:  calc(50/1714 * 100% * -1);
}
#tmp_mainvs_splide_1 + #tmp_mainvs_splide_3 {
    margin-left: calc(15/1600 * 100%);
}
#tmp_mainvs_splide_2 + #tmp_mainvs_splide_4 {
    margin-left: calc(45/1600 * 100%);
}
#tmp_mainvs_splide_1 + #tmp_mainvs_splide_4 {
    margin-left: 0;
}
#tmp_mainvs .mainvs_inner .splide__track {
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    flex: 1;
}
#tmp_mainvs_splide_1 .splide__track,
#tmp_mainvs_splide_4 .splide__track{
    mask-image: url(/shared/templates/saiyo_top/images/bg_mask_sm_img.png);
}
#tmp_mainvs_splide_2 .splide__track,
#tmp_mainvs_splide_3 .splide__track{
    mask-image: url(/shared/templates/saiyo_top/images/bg_mask_img.png);
}
#tmp_mainvs .splide__track--fade > .splide__list > .splide__slide{
	opacity: 1 !important;
    background-color: transparent !important;
}
#tmp_mainvs .splide__slide{
	position: relative;
	overflow: hidden;
    width: 100%;
}
#tmp_mainvs_splide_1 .splide__slide,
#tmp_mainvs_splide_4 .splide__slide {
    padding-top: calc(372/334*100%);
}
#tmp_mainvs_splide_2 .splide__slide,
#tmp_mainvs_splide_3 .splide__slide {
    padding-top: calc(722/614*100%);
}
#tmp_mainvs .splide__slide .img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    clip-path: inset(100% 0 0 0);
}
#tmp_mainvs .splide .img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    vertical-align: top;
}
#tmp_mainvs .splide__slide.is-prev-slide .img {
    clip-path: inset(0 0 0 0)!important;
}
#tmp_mainvs .splide__slide.is-visible .img,
#tmp_mainvs .splide__slide.is-active .img {
    opacity: 1;
	z-index: 10 !important;
}
#tmp_mainvs .splide__slide.is-visible .img.slide_bottom_top,
#tmp_mainvs .splide__slide.is-active .img.slide_bottom_top {
    animation: slideBottomTop 1.5s cubic-bezier(0.66, 0, 0.34, 1) 1 both;
}
#tmp_mainvs .splide__slide.is-visible .img.slide_top_bottom,
#tmp_mainvs .splide__slide.is-active .img.slide_top_bottom {
    animation: slideTopBottom 1.5s cubic-bezier(0.66, 0, 0.34, 1) 1 both;
}
#tmp_mainvs .splide__controls {
    position: absolute;
    z-index: 1;
    bottom: 11px;
    right: max(0px, calc((100% - 1240px)/2));
}
@keyframes slideTopBottom {
	0% {
        clip-path: inset(100% 0 0 0)
    }
	100% {
        clip-path: inset(0 0 0 0)
	}
}
@keyframes slideBottomTop {
	0% {
        clip-path: inset(0 0 100% 0)
    }    
	100% {
        clip-path: inset(0 0 0 0)
	}
}
#tmp_mainvs .splide.no-splide .img,
.no_javascript #tmp_mainvs .splide .img {
    clip-path: inset(0 0 0 0)
}
.no_javascript #tmp_mainvs .splide {
    visibility: visible;
}
.no_javascript #tmp_mainvs .splide__slide:not(:first-child) {
    display: none;
}
/* News */
.cnt_top_wrap,
.cnt_bottom_wrap{
    position: relative;
}
.cnt_top_wrap:before,
.cnt_top_wrap:after,
.cnt_bottom_wrap:after{
    content: '';
    position: absolute;
}
.cnt_top_wrap:after,
.cnt_bottom_wrap:after{
    top: 0;
    left: 0;
    width: 100%;
    min-height: 2644px;
    bottom: 0;
    background-position: center top;
}
.cnt_top_wrap:after{
    z-index: -1;
    clip-path: polygon(0 0, calc(50% + 720px) 0, calc(50% + 720px) 250px, 100% 250px, 100% 100%, 0 100%, 0 0);
    background-image: url(/shared/templates/saiyo_top/images/top_bg_left.png),
    url(/shared/templates/saiyo_top/images/top_bg_rgt.png);
    background-size: max(1600px, 100vw) 100%, max(1600px, 100vw) 100%;
    background-position: 0 0, right 0;
}
.cnt_top_wrap:before{
    z-index: -1;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 50%;
    background-color: #ffffff;
}
.cnt_bottom_wrap:after{
    top: -60px;
    z-index: 0;
    min-height: auto;
    background-image: url(/shared/templates/saiyo_top/images/bottom_bg_left.png),
    url(/shared/templates/saiyo_top/images/bottom_bg_rgt.png),
    url(/shared/site_saiyo/images/main/bg_main2.png);
    background-size: max(1600px, 100vw) 100%,max(1600px, 100vw) 100%, 100% auto;
    background-position: left top, right 60px, center bottom;
    background-repeat: no-repeat;
}
.news_section_wrap{
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    padding-top: 147px;
}
.news_section_wrap:before{
    content: '';
    z-index: -1;
    position: absolute;
    right: 0;
    left: 50%;
    bottom: 0;
    top: 0;
    background-color: #ffffff;
}
#tmp_news{
    margin-bottom: 55px;
}
#tmp_news .news_heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
#tmp_news .related_link{
    margin-top: 18px;
    padding-right: 16px;
}
#tmp_news .news_list{
    list-style: none;
}
#tmp_news .news_list > li{
    min-height: 72px;
    display: flex;
    align-items: center;
    color: #333333;
    background-color: #ffffff;
    padding: 10px 38px 10px 43px;
}
#tmp_news .news_list > li:nth-child(odd){
    background-color: #f0f6fa;
}
#tmp_news .news_list > li > span{
    display: block;
}
#tmp_news .news_date{
    width: 141px;
    font-size: 83.3%;
    color: #707070;
    padding-top: 2px;
    padding-right: 5px;
} 
#tmp_news .news_link{
    flex: 1;
}
#tmp_news .news_link > a{
    text-decoration: none;
    min-height: 25px;
    display: block;
    color: inherit;
    background: transparent url(/shared/site_saiyo/images/icon/icon_arrow.png) no-repeat right center;
    padding-top: 2px;
    padding-right: 45px; 
}
/* Recruit */
#tmp_recruit{
    padding-top: 50px;
    margin-bottom: 80px;
}
#tmp_recruit h2.sec_ttl{
    margin-bottom: 7px;
}
#tmp_recruit ul.related_link_list{
    gap: 44px 40px;
}
#tmp_recruit ul.related_link_list li{
    width: calc((100% - 40px) / 2);
}
#tmp_recruit ul.related_link_list li > .related_link_box{
    -webkit-box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-image: url(/shared/templates/saiyo_top/images/recruit_arrow.png);
}
#tmp_recruit ul.related_link_list li > .related_link_box > span{
    display: block;
}
/* Guide */
#tmp_guide{
    position: relative;
    z-index: 1;
    padding-top: 80px;
    margin-bottom: 70px;
    overflow: hidden;
}
#tmp_guide .guide_inner{
    max-width: 1440px;
    position: relative;
    color: #ffffff;
    background-color: #2e6b96;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(46, 107, 150)), color-stop(70%, rgb(78, 138, 174)), to(rgb(110, 168, 197)));
    background-image: -o-linear-gradient( top left, rgb(46,107,150) 0%, rgb(78,138,174) 70%, rgb(110,168,197) 100%);
    background-image: -moz-linear-gradient( top left, rgb(46,107,150) 0%, rgb(78,138,174) 70%, rgb(110,168,197) 100%);
    background-image: linear-gradient(to bottom right, rgb(46, 107, 150) 0%, rgb(78, 138, 174) 70%, rgb(110, 168, 197) 100%);
    padding-top: 147px;
    padding-bottom: 160px;
    margin: 0 auto;
    border-radius: 80px;
}
#tmp_guide .guide_heading{
    margin-bottom: 46px;
    padding-left: 4px;
}
#tmp_guide .guide_heading h2.sec_ttl,
#tmp_guide .guide_heading p.sub_ttl{
    display: inline-block;
}
#tmp_guide .guide_heading p.sub_ttl{
    font-size: 166.6%;
    font-weight: bold;
}
#tmp_guide ul.related_link_list li > .related_link_box{
    min-height: 238px;
    -webkit-box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
}
#tmp_guide ul.related_link_list li > .related_link_box > span.num{
    color: #55798b;
}
/* Interview */
#tmp_interview{
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-top: 76px;
    padding-bottom: 66px;
}
#tmp_interview .interview_heading{
    margin-bottom: 50px;
}
#tmp_interview h2.sec_ttl{
    max-width: 70%;
    padding-left: 5px;
}
#tmp_interview .interview_cnt > .container{
    max-width: 1460px;
}
#tmp_interview_splide{
    position: relative;
    margin-bottom: 80px;
    padding-left: 85px;
    padding-right: 15px;
}
#tmp_interview .splide__track{
    overflow: visible;
}
#tmp_interview .splide__slide{
    position: relative;
}
#tmp_interview .splide_common .splide__controls{
    position: absolute;
    flex-direction: row-reverse;
    right: max(10px, calc((100% - 1460px) / 2 + 145px));
    top: -101px;
}
#tmp_interview .interview_item {
    padding-left: 15px;
}
#tmp_interview .interview_item > p{
    height: 100%;
}
#tmp_interview .splide_common .splide__arrow--prev {
    left: -85px;
}
#tmp_interview .splide_common .splide__arrow--next {
    right: -15px;
}
#tmp_interview .interview_item > p > a,
#tmp_interview .interview_item > p > a > span{
    display: block;
}
#tmp_interview .interview_item > p > a{
    text-decoration: none;
    position: relative;
}
#tmp_interview .interview_item .image{
    position: relative;
    padding-top: calc(540 / 460 * 100%);
    width: 100%;
    display: block;
}
#tmp_interview .interview_item .image:before {
    content: '';
    left: calc(38 / 410 * 100% * -1);
    right: calc(40 / 410 * 100% * -1);
    top: calc(24 / 410 * 100% * -1);
    bottom: calc(52 / 410 * 100% * -1);
    position: absolute;
    background-color: #89a9b9;
    mask-image: url(/shared/templates/saiyo_top/images/interview_mask_shadow.png);
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    pointer-events: none;
}
#tmp_interview .splide__slide .interview_item.slide_color_1 .image:before{
    background-color: #f5e0a7;
}
#tmp_interview .splide__slide .interview_item.slide_color_2 .image:before{
    background-color: #e6b9b6;
}
#tmp_interview .interview_item .image .image_inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    mask-image: url(/shared/templates/saiyo_top/images/interview_mask.png);
    display: block;
    mask-repeat: no-repeat;
    mask-size: 100% auto;
}
#tmp_interview .interview_item .image:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #7397a9;
    mask-image: url(/shared/templates/saiyo_top/images/interview_mask.png);
    mask-repeat: no-repeat;
    mask-size: 100% auto;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
}
#tmp_interview .interview_item a:hover .image:after {
    opacity: 1;
}
#tmp_interview .interview_item a:hover .image .image_inner{
    mask-image: url(/shared/templates/saiyo_top/images/interview_mask_inner.png);
}
#tmp_interview .interview_item a:focus-visible .image:after {
    opacity: 0;
}
#tmp_interview .interview_item a:focus-visible .image .image_inner{
    mask-image: url(/shared/templates/saiyo_top/images/interview_mask.png);
}
#tmp_interview .interview_item .image .image_inner:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient( linear, left bottom, left top, from(rgb(137,169,185)), to(rgba(193,138,221,0)));
    background-image: -o-linear-gradient( bottom, rgb(137,169,185) 0%, rgba(193,138,221,0) 100%);
    background-image: -moz-linear-gradient( bottom, rgb(137,169,185) 0%, rgba(193,138,221,0) 100%);
    background-image: linear-gradient(to top, rgb(137,169,185) 0%, rgba(193,138,221,0) 100%);
    pointer-events: none;
}
#tmp_interview .splide__slide .interview_item.slide_color_1 .image .image_inner:after{
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(245,224,167)), to(rgba(168,236,151,0)));
    background-image: -o-linear-gradient(bottom, rgb(245,224,167) 0%, rgba(168,236,151,0) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(245,224,167) 0%, rgba(168,236,151,0) 100%);
    background-image: linear-gradient(to top, rgb(245,224,167) 0%, rgba(168,236,151,0) 100%);
}
#tmp_interview .splide__slide .interview_item.slide_color_2 .image .image_inner:after{
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(230,185,182)), to(rgba(210,176,220,0)));
    background-image: -o-linear-gradient(bottom, rgb(230,185,182) 0%, rgba(210,176,220,0) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(230,185,182) 0%, rgba(210,176,220,0) 100%);
    background-image: linear-gradient(to top, rgb(230,185,182) 0%, rgba(210,176,220,0) 100%);
}
#tmp_interview .splide__slide .image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
    vertical-align: top;
    transition: 0.3s ease-in-out transform;
}
#tmp_interview .interview_item a > .cnt{
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    max-width: 236px;
    width: calc(100% - 25px);
    min-height: 125px;
    margin-left: -15px;
    margin-top: -105px;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 16px 48px 48px 16px;
    padding: 13px 14px 14px 0;
}
#tmp_interview .interview_item .cnt_wrap{
    position: relative;
    display: block;
    width: 100%;
    font-weight: bold;
    color: inherit;
    background: transparent url(/shared/site_saiyo/images/icon/icon_arrow.png) no-repeat right 1px bottom 3px;
    padding-left: 19px;
    padding-right: 50px;
}
#tmp_interview .splide__slide .interview_item.slide_color_1 .cnt_wrap{
    background-image: url(/shared/templates/saiyo_top/images/interview_arr_yellow.png);
}
#tmp_interview .splide__slide .interview_item.slide_color_2 .cnt_wrap{
    background-image: url(/shared/templates/saiyo_top/images/recruit_arrow.png);
}
#tmp_interview .interview_item a > .cnt:before{
    content: '';
    position: absolute;
    top: 35px;
    bottom: 39px;
    left: -1px;
    width: 4px;
    border-radius: 2px;
    background-color: #89a9b9;
}
#tmp_interview .splide__slide .interview_item.slide_color_1 .cnt:before{
    background-color: #f5e0a7;
}
#tmp_interview .splide__slide .interview_item.slide_color_2 .cnt:before{
    background-color: #e6b9b6;
}
#tmp_interview .interview_item .cnt_wrap > .job_name{
    display: block;
    font-size: 111.1%;
    margin-bottom: 2px;
}
#tmp_interview .interview_item .cnt_wrap > .job_year{
    font-size: 88.9%;
}
#tmp_interview .more_link{
    padding-left: 0;
}
#tmp_interview .more_link > a{
    min-width: 354px;
    padding-left: 33px;
}
/* Youtube + SNS */
#tmp_social_youtube{
    position: relative;
    z-index: 1;
    padding-bottom: 288px;
    padding-top: 60px;
}
#tmp_social_youtube .social_inner{
    display: flex;
    flex-wrap: wrap;
    gap: 0 62px;
    justify-content: center;
}
#tmp_social_youtube .youtube_col{
    width: 74.9%;
    max-width: 898px;
    flex-shrink: 0;
    flex-grow: 1;
}
#tmp_social_youtube .youtube_col h2.sec_ttl{
    display: inline-block;
    color: #333333;
    background: transparent url(/shared/templates/saiyo_top/images/youtube_icon.png) no-repeat right 15px;
    padding-right: 92px;
    margin-bottom: 46px;
}
#tmp_social_youtube .youtube_wrap{
    display: flex;
    justify-content: center;
    gap: 0 17px;
    margin-bottom: 37px;
}
#tmp_social_youtube .youtube_full{
    flex: 1;
}
#tmp_social_youtube .youtube_short{
    position: relative;
    width: 23.6%;
}
#tmp_social_youtube .movie_video {
    position: relative;
    padding-top: 56.25%;
    margin-bottom: 16px;
    border-radius: 32px;
    overflow: hidden;
    transform: rotate(0.01deg)
}
#tmp_social_youtube .youtube_short .movie_video{
    padding-top: 177.25%;
    margin-bottom: 15px;
}
#tmp_social_youtube .movie_ytb,
#tmp_social_youtube .movie_ytb iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#tmp_social_youtube .movie_ytb {
    right: 0;
    bottom: 0;
    overflow: hidden;
    transform: rotate(-0.01deg)
}
#tmp_social_youtube .movie_link{
    text-align: center;
}
#tmp_social_youtube .movie_link > a{
    display: inline-block;
    text-decoration: none;
    min-height: 30px;
    font-weight: bold;
    color: #333333;
    background: transparent url(/shared/templates/saiyo_top/images/sns_arrow.png) no-repeat right 1px;
    padding-right: 45px;
}
#tmp_social_youtube .youtube_short .movie_link > a{
    text-align: left;
    font-size: 83.3%;
    line-height: 1.3;
    background-position: right center;
    padding: 0 48px 7px 2px;
}
#tmp_social_youtube .more_link > a{
    background-image: url(/shared/templates/saiyo_top/images/sns_arrow.png);
}
#tmp_social_youtube .movie_quote{
    position: absolute;
    z-index: 1;
    top: -40px;
    left: -10px;
}
#tmp_social_youtube .movie_quote img{
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
#tmp_social_youtube .sns_col{
    flex: 1;
    min-width: 200px;
    max-width: 762px;
}
#tmp_social_youtube .sns_col .sns_list{
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #dedede;
    -webkit-box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 3px 4px 15px 0 rgba(0, 0, 0, 0.15);
}
#tmp_social_youtube .sns_col .sns_list > li{
    width: 100%;
    max-width: 380px;
}
#tmp_social_youtube .sns_col h2.sec_ttl{
    word-break: break-all;
    margin-bottom: 35px;
}
#tmp_social_youtube .sns_list > li > a{
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    min-height: 222px;
    height: 100%;
    font-size: 88.9%;
    font-weight: bold;
    color: #333333;
    background: #ffffff url(/shared/templates/saiyo_top/images/sns_arrow.png) no-repeat right 14px bottom 17px;
    padding: 47px 20px 45px 40px;
    word-break: break-all;
}
#tmp_social_youtube .sns_list > li > a:focus-visible{
    outline-offset: -1px;
}
#tmp_social_youtube .sns_list:has(a:focus-visible) > li a:after {
    content: none !important;
}
#tmp_social_youtube .sns_list > li:not(:first-child) > a:after{
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    top: -1px;
    border-bottom: 1px solid #dedede;
}
#tmp_social_youtube .sns_list > li:first-child > a:after {
    content: '';
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: -1px;
    z-index: 1;
    border-right: 1px solid #dedede;
}
#tmp_social_youtube .sns_list > li:not(:last-child) > a{
    border-bottom: none;
}
#tmp_social_youtube .sns_list > li:not(:first-child) > a{
    border-top: none;
}
#tmp_social_youtube .sns_list > li > a > span{
    display: inline-block;
    color: inherit;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top left;
}
#tmp_social_youtube .sns_list > li.insta > a > span{
    padding-top: 57px;
    background-image: url(/shared/templates/saiyo_top/images/insta_icon.png);
}
#tmp_social_youtube .sns_list > li.twitter > a > span{
    min-width: 50px;
    padding-top: 58px;
    background-image: url(/shared/templates/saiyo_top/images/twitter_icon.png);
}
/* Style hover */
#tmp_news .news_link > a:hover,
#tmp_social_youtube .movie_link > a:hover,
.more_link > a:hover,
#tmp_social_youtube .sns_list > li > a:hover,
#tmp_interview .interview_item > p > a:hover .job_name,
.related_link > a:hover{
    text-decoration: underline;
}
#tmp_interview .interview_item a > .cnt:after,
.more_link > a:after{
    content: '';
	position: absolute;
    pointer-events: none;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border: 2px solid #7397a9;
	opacity: 0;
	transition: 0.3s ease-in-out opacity;
    border-radius: 16px 48px 48px 16px;
}
.more_link > a:after{
    border-radius: 32px;
}
#tmp_interview .interview_item > p > a:hover > .cnt:after,
.more_link > a:hover:after{
    opacity: 1;
}
#tmp_interview .interview_item > p > a:hover img{
    transform: scale(1.1);
}
/* Accessibility */
.fsize_big #tmp_news .news_date{
    width: 150px;
}
.fsize_big2 #tmp_news .news_date{
    width: 200px;
}
.color_blue #tmp_mainvs .mainvs_inner .splide,
.color_black #tmp_mainvs .mainvs_inner .splide,
.color_yellow #tmp_mainvs .mainvs_inner .splide,
.color_blue #tmp_mainvs .mainvs_inner .splide__track,
.color_black #tmp_mainvs .mainvs_inner .splide__track,
.color_yellow #tmp_mainvs .mainvs_inner .splide__track,
.color_blue #tmp_social_youtube .movie_quote,
.color_black #tmp_social_youtube .movie_quote,
.color_yellow #tmp_social_youtube .movie_quote,
.color_blue #tmp_social_youtube .movie_quote *,
.color_black #tmp_social_youtube .movie_quote *,
.color_yellow #tmp_social_youtube .movie_quote * {
    background-color: transparent !important;
}
.color_blue .cnt_top_wrap:before,
.color_black .cnt_top_wrap:before,
.color_yellow .cnt_top_wrap:before,
.color_blue .cnt_top_wrap:after,
.color_black .cnt_top_wrap:after,
.color_yellow .cnt_top_wrap:after,
.color_blue .cnt_bottom_wrap:after,
.color_black .cnt_bottom_wrap:after,
.color_yellow .cnt_bottom_wrap:after,
.color_blue #tmp_interview .interview_item a > .cnt:before,
.color_black #tmp_interview .interview_item a > .cnt:before,
.color_yellow #tmp_interview .interview_item a > .cnt:before,
.color_blue #tmp_interview .interview_item a > .cnt:after,
.color_black #tmp_interview .interview_item a > .cnt:after,
.color_yellow #tmp_interview .interview_item a > .cnt:after,
.color_blue .more_link > a:after,
.color_black .more_link > a:after,
.color_yellow .more_link > a:after,
.color_blue #tmp_interview .interview_item .image:after,
.color_black #tmp_interview .interview_item .image:after,
.color_yellow #tmp_interview .interview_item .image:after,
.color_blue #tmp_interview .interview_item .image:before,
.color_black #tmp_interview .interview_item .image:before,
.color_yellow #tmp_interview .interview_item .image:before{
    content: none;
}
.color_blue #tmp_mainvs .mainvs_ttl h2 > span,
.color_black #tmp_mainvs .mainvs_ttl h2 > span,
.color_yellow #tmp_mainvs .mainvs_ttl h2 > span{
    border: 1px solid;
}
.color_blue #tmp_social_youtube .sns_list > li:not(:first-child) > a:after,
.color_black #tmp_social_youtube .sns_list > li:not(:first-child) > a:after,
.color_blue #tmp_social_youtube .sns_list > li:first-child > a:after,
.color_black #tmp_social_youtube .sns_list > li:first-child > a:after{
    border-color: #FFFF00;
}
.color_yellow #tmp_social_youtube .sns_list > li:not(:first-child) > a:after,
.color_yellow #tmp_social_youtube .sns_list > li:first-child > a:after{
    border-color: #000000;
}
.color_blue #tmp_interview .interview_item a > .cnt{
	background-color: #00008B !important;
}
.color_black #tmp_interview .interview_item a > .cnt{
	background-color: #000000 !important;
}
.color_yellow #tmp_interview .interview_item a > .cnt{
	background-color: #FFFF00 !important;
}
.color_blue #tmp_news .news_list > li,
.color_black #tmp_news .news_list > li,
.color_yellow #tmp_news .news_list > li{
    border-bottom: 1px solid;
}

.no_javascript ul.related_link_list li > .related_link_box > .link > a:hover{
    text-decoration: underline;
}
#tmp_interview_splide:has(.no-splide),
.no_javascript #tmp_interview_splide{
    padding-left: 0;
}
.no_javascript #tmp_interview_splide .splide{
    visibility: visible;
}
.no_javascript #tmp_interview .splide__list{
    max-width: 100%;
    overflow-x: scroll;
}
#tmp_interview .no-splide .splide__list,
.no_javascript #tmp_interview .splide__list{
    gap: 10px;
}
#tmp_interview .no-splide .splide__list .splide__slide,
.no_javascript #tmp_interview .splide__list .splide__slide{
    width: calc((100% - 20px) / 3);
}
.no_javascript #tmp_interview .splide__list .splide__slide{
	margin-bottom: 48px;
}