@charset "UTF-8";

/*-----------------------------------
    TOP/一覧共通
-----------------------------------*/

@media screen and (min-width:751px) {
    .support_wrap{
        position: relative;
        z-index: 0;
    }
    .support_box{
        border-radius: 40px; 
        background: #fff;
        border: 3px solid #000;
        position: relative;
        box-shadow: 10px 10px 0 #000;
    }
    .support_box .tl_flexbox{
        margin-bottom: 18px;
        gap: 26px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .support_box .tl_flexbox .num{
        width: 66px;
        font-size: 7rem;
        letter-spacing: .05em;
        line-height: 1.2;
        color: #0774e2;
    }
    .support_box .tl_flexbox .tl{
        width: calc(100% - (66px + 26px));
        font-size: 3rem;
        font-weight: 700;
        letter-spacing: .05em;
    }
    .support_box .tx{
        margin-bottom: 28px;
        font-size: 1.8rem;
    }
    .support_illflex{
        margin-left: -15px;
        gap: 30px 8px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .support_illflex li{
        width: 110px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .support_illflex li .illbox{
        margin-bottom: 8px;
        width: 80px;
        height: 80px;
        border-radius: 10px;
        background: #ffe517;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .support_illflex li .illbox img{
        display: block;
    }
    .support_illflex li .illbox img.-office{
        width: 43px;
    }
    .support_illflex li .illbox img.-space{
        width: 40px;
    }
    .support_illflex li .illbox img.-web{
        width: 42px;
    }
    .support_illflex li .illbox img.-security{
        width: 33.6px;
    }
    .support_illflex li .illbox img.-cost{
        width: 46.8px;
        margin-right: -8px;
    }
    .support_illflex li .illbox img.-bcp{
        width: 33.1px;
    }
    .support_illflex li .illbox img.-pdf{
        width: 46.265px;
    }
    .support_illflex li .illbox img.-contract{
        width: 52.7px;
        margin-right: -12px;
    }

    .support_illflex li .ill_tx{
        font-size: 1.4rem;
        font-weight: 500;
        text-align: center;
    }
    .support_arrow{
        position: absolute;
        right: 20px;
        bottom: 25px;
    }

    .support_arrow{
        transition: all 0.2s;
    }	
    .support_box:hover .support_arrow .arrow-round{
        background-color: #fff;
    }	
    .support_box:hover .support_arrow .arrow-round::before,
    .support_box:hover .support_arrow .arrow-round::after{
        background-color: #fff;
    }
    .support_box,
    .support_box .tl_flexbox .num,
    .support_box .tl_flexbox .tl,
    .support_box .tx,
    .support_illflex li .ill_tx{
        transition: all 0.2s;
    }
    .support_box:hover{
        background: #0774e2;
    }
    .support_box:hover .tl_flexbox .num,
    .support_box:hover .tl_flexbox .tl,
    .support_box:hover .tx,
    .support_box:hover .support_illflex li .ill_tx{
        color: #fff;
    }
}

@media screen and (max-width:750px) {
    .content_box .common_tl h2.-tl2line{        
        height: 137px;  /*--2行見出し*/
        margin: 0px 0 20px 0;
    }

    .support_wrap{
        position: relative;
        z-index: 0;
    }
    .support_box{
        border-radius: 30px; 
        background: #fff;
        border: 2px solid #000;
        position: relative;
        box-shadow: 5px 5px 0 #000;
    }
    .support_box .tl_flexbox{
        margin-bottom: 12px;
        gap: 21px; 
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .support_box .tl_flexbox .num{
        width: 45px;
        font-size: 5rem;
        letter-spacing: .05em;
        line-height: 1.2;
        color: #0774e2;
    }
    .support_box .tl_flexbox .tl{
        width: calc(100% - (45px + 14px));
        font-size: 1.9rem;
        font-weight: 700;
        letter-spacing: .05em;
    }
    .support_box .tx{
        margin-bottom: 22px;
        font-size: 1.4rem;
    }
    .support_illflex{
        margin-left: -10px;
        gap: 20px 8px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .support_illflex li{
        width: 69px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .support_illflex li .illbox{
        margin-bottom: 8px;
        width: 50px;
        height: 50px;
        border-radius: 8px;
        background: #ffe517;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .support_illflex li .illbox img{
        display: block;
    }
    .support_illflex li .illbox img.-office{
        width: 25.8px;
    }
    .support_illflex li .illbox img.-space{
        width: 24px;
    }
    .support_illflex li .illbox img.-web{
        width: 25.2px;
    }
    .support_illflex li .illbox img.-security{
        width: 20.16px;
    }
    .support_illflex li .illbox img.-cost{
        width: 28.08px;
        margin-right: -4.8px;
    }
    .support_illflex li .illbox img.-bcp{
        width: 19.86px;
    }
    .support_illflex li .illbox img.-pdf{
        width: 27.759px;
    }
    .support_illflex li .illbox img.-contract{
        width: 31.627px;
        margin-right: -7.2px;
    }

    .support_illflex li .ill_tx{
        font-size: 1.2rem;
        font-weight: 500;
        text-align: center;
    }
    .support_arrow{
        position: absolute;
        right: 15px;
        bottom: 20px;
    }

    .support_arrow{
        transition: all 0.2s;
    }	
    .support_arrow .arrow-round,
    .support_arrow .arrow-round::before,
    .support_arrow .arrow-round::after{
        height: 2px;

    }
    .support_box:hover .support_arrow .arrow-round{
        background-color: #fff;
    }	
    .support_box:hover .support_arrow .arrow-round::before,
    .support_box:hover .support_arrow .arrow-round::after{
        background-color: #fff;
    }
    .support_box,
    .support_box .tl_flexbox .num,
    .support_box .tl_flexbox .tl,
    .support_box .tx,
    .support_illflex li .ill_tx{
        transition: all 0.2s;
    }
    .support_box:hover{
        background: #0774e2;
    }
    .support_box:hover .tl_flexbox .num,
    .support_box:hover .tl_flexbox .tl,
    .support_box:hover .tx,
    .support_box:hover .support_illflex li .ill_tx{
        color: #fff;
    }
}

/*-----------------------------------
    TOP
-----------------------------------*/

/*@media screen and (max-width:1075px) and (min-width:751px) {
    .mainvisual{
        overflow-x: hidden;
        min-height: 580px;
    }
}*/

@media screen and (min-width:751px) {
    #support-stories{
        overflow: hidden;
    }
    .support_slide{
        margin-top: 60px;
        margin-bottom: 64px;
        width: calc(100% + 32px);
        position: relative;
    }    
    .support_slide .slick-list{
        overflow: visible;
    }
    .support_slide.slick-slider .slick-list{
        margin-bottom: 62px;
    }
    .support_slide.slick-slider .slick-track{
        display: flex;
        align-items: stretch;
    }
    
    .support_slide .support_box{
        margin-right: 33px;
        padding: 28px 39px 36px 39px;
        max-width: 533px;
        height: auto;
        display: block;
        margin-bottom: 10px;
    }
    .support_slide .slick-dots {
        padding-right: 22px;
    }
    .support_slide .slick-dots li{
        width: 16px;
        height: 16px;
        margin: 0 11px;
    }
    .support_slide .slick-dots li button{  
        width: 100%;
        height: 100%;      
        border-radius: 50%;
        background: transparent;
        border: 2px solid #000;
    }
    .support_slide .slick-dots li.slick-active button{
        width: 100%;
        height: 100%;      
        border-radius: 50%;
        background: #0774e2;
        border: 2px solid #0774e2;
    }
    #support-stories .bottom_link{
        margin-top: 65px;
    }
    #support-stories .common_arrow_link{
        background: #fff;
    }
    #support-stories .common_arrow_link:hover{
        background: #000;
    }
}

@media screen and (max-width:750px) {
    #support-stories{
        overflow: hidden;
    }
    .support_slide{
        margin-top: 45px;
        margin-bottom: 64px;
        width: calc(100% + 29px);
        position: relative;
    }    
    .support_slide .slick-list{
        overflow: visible;
    }
    .support_slide.slick-slider .slick-list{
        margin-bottom: 35px;
    }
    .support_slide.slick-slider .slick-track{
        display: flex;
        align-items: stretch;
    }
    
    .support_slide .support_box{
        margin-right: 24px;
        padding: 14px 20px 23px 20px;
        height: auto;
        display: block;
        margin-bottom: 5px;
    }
    .support_slide .slick-dots {
        padding-right: 29px;
    }
    .support_slide .slick-dots li{
        width: 16px;
        height: 16px;
        margin: 0 11px;
    }
    .support_slide .slick-dots li button{  
        width: 100%;
        height: 100%;      
        border-radius: 50%;
        background: transparent;
        border: 2px solid #000;
    }
    .support_slide .slick-dots li.slick-active button{
        width: 100%;
        height: 100%;      
        border-radius: 50%;
        background: #0774e2;
        border: 2px solid #0774e2;
    }
    #support-stories .bottom_link{
        margin-top: 38px;
    }
    #support-stories .common_arrow_link{
        background: #fff;
    }
    #support-stories .common_arrow_link:hover{
        background: #000;
    }
}


/*-----------------------------------
    一覧ページ
-----------------------------------*/

@media screen and (min-width:751px) {
    #sub_support-stories.content_box{
        padding-top: 95px;
    }
    .support_flex{
        margin-top: 58px;
        width: 100%;
        gap: 35px 32px;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: flex-start;
    }
    .support_flex .support_box{
        padding: 28px 39px 36px 39px;
        width: calc((100% - 32px) / 2);
        max-width: 533px;
        display: block;
    }
}

@media screen and (max-width:1000px) and (min-width:751px) {
    .support_flex{
        justify-content: center;
    }
    .support_flex .support_box{
        width: 100%;
        max-width: 533px;
    }
}

@media screen and (max-width:750px) {
    #sub_support-stories.content_box{
        padding-top: 45px;
    }
    .support_flex{
        margin-top: 45px;
        width: 100%;
        gap: 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .support_flex .support_box{
        padding: 14px 20px 23px 20px;
        width: 100%;
        display: block;
    } 

}


/*-----------------------------------
    詳細ページ
-----------------------------------*/
@media screen and (min-width:751px) {
    #single-support_head.content_box{
        padding-top: 90px;
        padding-bottom: 72px;
    }
    .support_head_flex{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .s-support_head_numbox{
        margin-right: 126px;
        width: 124px;
    }
    .s-support_head_numbox .num{
        margin-bottom: 5px;
        font-size: 12rem;
        font-weight: 400;
        letter-spacing: .05em;
        line-height: 1;
        color: #0774e2;
    }
    .s-support_head_numbox .tl{
        font-size: 1.8rem;
        letter-spacing: .05em;
    }
    .s-support_head_cont{
        width: calc(100% - (124px + 126px));
    }
    .s-support_head_cont .tl{
        margin-bottom: 35px;
        width: 100%;
        max-width: 812px;
        font-size: 4.8rem;
        font-weight: 700;
        line-height: 1.9;
    }
    .s-support_head_cont .tl span {
        display: inline;
        color: #fff;
        background: #0774e2;
        padding: 1px 12px 2px 12px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
    .s-support_head_cont .tx{
        margin-bottom: 55px;
        font-size: 2rem;
        font-weight: 500;
        line-height: 2;
        letter-spacing: .1em;
    }
    .s-support_illflex{
        margin-left: -15px;
        gap: 40px 17px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .s-support_illflex li{
        width: 130px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .s-support_illflex li .illbox{
        margin-bottom: 8px;
        width: 90px;
        height: 90px;
        border-radius: 10px;
        background: #ffe517;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .s-support_illflex li .illbox img{
        display: block;
    }
    .s-support_illflex li .illbox img.-office{
        width: 46.566px;
    }
    .s-support_illflex li .illbox img.-space{
        width: 44.7715px;
    }
    .s-support_illflex li .illbox img.-web{
        width: 45.2811px;
    }
    .s-support_illflex li .illbox img.-security{
        width: 36.7363px;
    }
    .s-support_illflex li .illbox img.-cost{
        width: 51.6896px;
        margin-right: -8px;
    }
    .s-support_illflex li .illbox img.-bcp{
        width: 37.125px;
    }
    .s-support_illflex li .illbox img.-pdf{
        width: 35.5753px;
    }
    .s-support_illflex li .illbox img.-contract{
        width: 49.1886px;
        margin-right: -14px;
    }

    .s-support_illflex li .ill_tx{
        font-size: 1.6rem;
        font-weight: 500;
        text-align: center;
    }
    /*------------------#single-support_solutions*/
    #single-support_solutions.content_box{
        padding-top: 74px;
        padding-bottom: 65px;
    }
    .s-support_solutions_flex{
        padding-block: 74px 65px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        border-bottom: 1px solid #000;
    }
    .s-support_solutions_flex:first-of-type{
        padding-top: 0;
    }
    .s-support_solutions_flex:last-of-type{
        padding-bottom: 0;
        border-bottom: none;
    }
    .s-support_solutions_illbox{
        margin-right: 52px;
        width: 200px;
        aspect-ratio: 1/1;
        border-radius: 50%;
        background: #0774e2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .s-support_solutions_illbox img{
        margin-bottom: 16px;
    }
    .s-support_solutions_illbox img.-issue{
        width: 99.25px;
    }
    .s-support_solutions_illbox img.-proposal{
        width: 83.44px;
    }
    .s-support_solutions_illbox img.-result{
        width: 88.64px;
    }
    .s-support_solutions_illbox .ill_tx{
        font-size: 2.2rem;
        font-weight: 700;
        color: #fff;
    }
    .s-support_solutions_cont{
        width: calc(100% - 200px - 52px);
    }
    .s-support_solutions_cont .tl{
        margin-bottom: 25px;
        font-size: 3rem;
        font-weight: 700;
        letter-spacing: .05em;
    }
    .s-support_solutions_cont .tx{
        font-size: 1.8rem;
        line-height: 2;
        letter-spacing: .05em;
    }

    /*------------------#single-support_points*/
    #single-support_points.content_box{
        padding-top: 100px;
    }
    .s-support_points_cont{
        padding-bottom: 15px;
        margin-bottom: 76px;
        border-bottom: 1px solid #000;
    }
    .s-support_points_cont .bubble_flex.box2{
        margin-bottom: 76px;
		width:100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}
	.s-support_points_cont .bubble_flex.box2 .bubble.active{
		animation: scale_bubble_left 0.5s;
		animation-delay: 0s;
		animation-timing-function:cubic-bezier(0.055, 0.650, 0.385, 1.150);
		animation-fill-mode: forwards;
		position: relative;
	}
	.s-support_points_cont .bubble_flex.box2 .bubble{
		margin-right: 56px;
        padding: 60px 45px 42px 45px;
        width: 66%;
		max-width: calc(100% - 330px );
		border-radius: 50px;
  		border: 2px solid #000;
  		background: #ffe517;
        box-shadow: 10px 10px 0 #000;
		display: flex;
		justify-content: center;
		flex-direction: column;
		transform-origin: left;
		position: relative;
		transform-origin: right;
        transform: scale(0);
        font-feature-settings: normal;
	}
    .s-support_points_cont .bubble_flex.box2 .bubble::after {
        width: 0;
        height: 0;
        position: absolute;
        right: -15px;
        left: auto;
        top: calc(50% - 9px);
        border-left: 20px solid #ffe517;
        border-right: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        content: "";
        display: block;
        filter: drop-shadow(14px 10px 0 #000);
    }
    .s-support_points_cont .bubble_flex.box2 .bubble::before {
        width: 0;
        height: 0;
        position: absolute;
        right: -20px;
        left: auto;
        top: calc(50% - 9px);
        border-left: 20px solid #000;
        border-right: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        content: "";
        display: block;
    }
	.s-support_points_cont .bubble_flex.box2 .tx_tl-points{
        width: auto;
        padding: 4px 1em 5px 1em;
        background: #000;
        border-radius: 9999px;
        font-size: 2.6rem;
        font-weight: 700;
        color: #fff;
        position: absolute;
        top: 0;
        left: 45px;
        transform: translateY(-50%);
    }
	.s-support_points_cont .bubble_flex.box2 .illbox{
        width: 35%;
		max-width: 330px;
	}
	.s-support_points_cont .bubble_flex.box2 .bubble .tx_tl{
        margin-bottom: 25px;
		font-size: 3rem;
        font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}	
	.s-support_points_cont .bubble_flex.box2 .bubble .tx{
		font-size: 2rem;
		font-weight: 500;
		line-height: 2;
	}
    .s-support_points_cont .bottom_tx{
		font-size: 1.4rem;
    }

    .s-support_points_nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
    }


    .s-support_points_nav li.navitem,
    .s-support_points_nav li.navbutton {
        width: calc((100% - (15px * 2)) / 3);

    }
	.s-support_points_nav li.navbutton{
		max-width: 320px;
	}	
	.s-support_points_nav li.navbutton .arrow_link{
		width:100%;
		height:80px;
		border-radius: 9999px;
		border:2px solid #000;
		font-size: 2rem;
		font-weight: 700;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		transition: all 0.2s;
	}	
	.s-support_points_nav li.navbutton .arrow_link:hover{
		background:#000;
		color:#fff;
	}
	.s-support_points_nav li.navbutton .arrow_link .arrow-round{
        width: 14px;
        height: 2px;
		position: absolute !important;
		top:calc(50%);
		right:45px;
		transition: all 0.2s;
	}	
	.s-support_points_nav li.navbutton .arrow_link .arrow-round::before,
	.s-support_points_nav li.navbutton .arrow_link .arrow-round::after{
        width: 7px;
        height: 2px;
        right: 0;
		transition: all 0.2s;
	}	
	.s-support_points_nav li.navbutton .arrow_link .arrow-round::before{
        top: 3px;
    }
	.s-support_points_nav li.navbutton .arrow_link .arrow-round::after{
        bottom: 3px;
    }
	.s-support_points_nav li.navbutton .arrow_link:hover .arrow-round{
		background-color: #fff;
	}	
	.s-support_points_nav li.navbutton .arrow_link:hover .arrow-round::before,
	.s-support_points_nav li.navbutton .arrow_link:hover .arrow-round::after{
		background-color: #fff;
	}

    .s-support_points_nav li.navitem a{
        gap: 25px;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .s-support_points_nav li.navitem.-next a{
        flex-direction: row-reverse;
    }
    .s-support_points_nav li.navitem a .num{
        font-size: 6rem;
        letter-spacing: .05em;
        color: #0774e2;
    }
    .s-support_points_nav li.navitem a .tx{
        font-size: 1.6rem;
        position: relative;
        display: inline-block;
    }
	.s-support_points_nav li.navitem a .tx:after{
		content: "";
		position: absolute;
		bottom:-5px;
		left:0;
		width:100%;
		border-bottom: 1px solid #000;
		transform-origin: center;
		transform: scaleX(0);
		transition: all 0.2s;
	}	
	.s-support_points_nav li.navitem a .tx:hover:after{
		transform: scaleX(1);
	}
    
}

@media screen and (max-width:1000px) and (min-width:751px) {
    
    .s-support_points_cont .bubble_flex.box2{
		align-items: center;
	}
}

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

    #single-support_head.content_box{
        padding-top: 35px;
        padding-bottom: 50px;
    }
    .support_head_flex{
    }
    .s-support_head_numbox{
        margin-bottom: 20px;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .s-support_head_numbox .num{
        margin-right: 5px;
        font-size: 7.5rem;
        font-weight: 400;
        letter-spacing: .05em;
        line-height: 1;
        color: #0774e2;
    }
    .s-support_head_numbox .tl{
        margin-bottom: 11px;
        font-size: 1.4rem;
        letter-spacing: .05em;
    }
    .s-support_head_cont{
        width: 100%;
    }
    .s-support_head_cont .tl{
        margin-bottom: 25px;
        width: 100%;
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.9;
    }
    .s-support_head_cont .tl span {
        display: inline;
        color: #fff;
        background: #0774e2;
        padding: 1px 12px 2px 12px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
    }
    .s-support_head_cont .tx{
        margin-bottom: 35px;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2;
        letter-spacing: .1em;
    }
    .s-support_illflex{
        margin-left: -5px;
        gap: 30px 15px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .s-support_illflex li{
        width: 70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .s-support_illflex li .illbox{
        margin-bottom: 8px;
        width:57px;
        height: 57px;
        border-radius: 7.5px;
        background: #ffe517;
        border: 2px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .s-support_illflex li .illbox img{
        display: block;
    }
    .s-support_illflex li .illbox img.-office{
        width: 29.4918px;
    }
    .s-support_illflex li .illbox img.-space{
        width: 28.35525px;
    }
    .s-support_illflex li .illbox img.-web{
        width: 28.67805px;
    }
    .s-support_illflex li .illbox img.-security{
        width: 23.266px;
    }
    .s-support_illflex li .illbox img.-cost{
        width: 32.904px;
        margin-right: -5.067px;
    }
    .s-support_illflex li .illbox img.-bcp{
        width: 23.513px;
    }
    .s-support_illflex li .illbox img.-pdf{
        width: 22.531px;
    }
    .s-support_illflex li .illbox img.-contract{
        width: 31.152px;
        margin-right: -8.867px;
    }

    .s-support_illflex li .ill_tx{
        font-size: 1.3rem;
        font-weight: 500;
        text-align: center;
    }
    /*------------------#single-support_solutions*/
    #single-support_solutions.content_box{
        padding-top: 52px;
        padding-bottom: 35px;
    }
    .s-support_solutions_flex{
        padding-block: 39px 32px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid #000;
    }
    .s-support_solutions_flex:first-of-type{
        padding-top: 0;
    }
    .s-support_solutions_flex:last-of-type{
        padding-bottom: 0;
        border-bottom: none;
    }
    .s-support_solutions_illbox{
        margin-bottom: 35px;
        width: 130px;
        max-width: 100%;
        aspect-ratio: 1/1;
        border-radius: 50%;
        background: #0774e2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .s-support_solutions_illbox img{
        margin-bottom: 12px;
    }
    .s-support_solutions_illbox img.-issue{
        width: 64.5px;
    }
    .s-support_solutions_illbox img.-proposal{
        width: 54.2362px;
    }
    .s-support_solutions_illbox img.-result{
        width: 57.616px;
    }
    .s-support_solutions_illbox .ill_tx{
        font-size: 1.6rem;
        font-weight: 700;
        color: #fff;
    }
    .s-support_solutions_cont{
        width: 100%;
    }
    .s-support_solutions_cont .tl{
        margin-bottom: 20px;
        font-size: 1.9rem;
        font-weight: 700;
        letter-spacing: .05em;
    }
    .s-support_solutions_cont .tx{
        font-size: 1.4rem;
        line-height: 2;
        letter-spacing: .05em;
    }

    /*------------------#single-support_points*/
    #single-support_points.content_box{
        padding-top: 69px;
    }
    .s-support_points_cont{
        padding-bottom: 14px;
        margin-bottom: 32px;
        border-bottom: 1px solid #000;
    }
    .s-support_points_cont .bubble_flex.box2{
        margin-bottom: 48px;
		width:100%;
	}
	.s-support_points_cont .bubble_flex.box2 .bubble.active{
		animation: scale_bubble_bottom 0.5s;
		animation-delay: 0s;
		animation-timing-function:cubic-bezier(0.055, 0.650, 0.385, 1.150);
		animation-fill-mode: forwards;
		position: relative;
	}
	.s-support_points_cont .bubble_flex.box2 .bubble{
		margin-bottom: 34px;
        padding: 34px 25px 24px 25px;
		width: 100%;
		border-radius: 30px;
  		border: 2px solid #000;
  		background: #ffe517;
        box-shadow: 5px 5px 0 #000;
		display: flex;
		justify-content: center;
		flex-direction: column;
		transform-origin: left;
		position: relative;
		transform-origin: bottom;
        transform: scale(0);
        font-feature-settings: normal;
	}
    .s-support_points_cont .bubble_flex.box2 .bubble::after {
        width: 0;
        height: 0;
        position: absolute;
        right: -15px;
        left: calc(50% - 9px);
        bottom: -11px;
        border-top: 15px solid #ffe517;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-bottom: none;
        content: "";
        display: block;
        filter: drop-shadow(6px 8px 0 #000);
    }
    .s-support_points_cont .bubble_flex.box2 .bubble::before {
        width: 0;
        height: 0;
        position: absolute;
        left: calc(50% - 9px);
        bottom: -15px;
        border-top: 15px solid #000;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-bottom: none;
        content: "";
        display: block;
    }
	.s-support_points_cont .bubble_flex.box2 .tx_tl-points{
        width: auto;
        padding: 4px 1em 5px 1em;
        background: #000;
        border-radius: 9999px;
        font-size: 1.6rem;
        font-weight: 700;
        color: #fff;
        position: absolute;
        top: 0;
        left: 25px;
        transform: translateY(-50%);
    }
	.s-support_points_cont .bubble_flex.box2 .illbox{
        margin-left:auto;
        margin-right:auto;
		width: 65%;
        max-width: 190px;
	}
	.s-support_points_cont .bubble_flex.box2 .bubble .tx_tl{
        margin-bottom: 25px;
		font-size: 1.9rem;
        font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.05em;
	}	
	.s-support_points_cont .bubble_flex.box2 .bubble .tx{
		font-size: 1.5rem;
		font-weight: 500;
		line-height: 2;
	}
    .s-support_points_cont .bottom_tx{
		font-size: 1.3rem;
    }

    .s-support_points_nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 35px 15px;
    }
    .s-support_points_nav li.navitem{
        width: calc((100% - 15px) / 2);

    }
    .s-support_points_nav li.navbutton {
        width: 100%;
	}	
	.s-support_points_nav li.navbutton .arrow_link{
		width:100%;
		height:50px;
		border-radius: 9999px;
		border:2px solid #000;
		font-size: 1.8rem;
		font-weight: 700;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		transition: all 0.2s;
	}	
	.s-support_points_nav li.navbutton .arrow_link:hover{
		background:#000;
		color:#fff;
	}
	.s-support_points_nav li.navbutton .arrow_link .arrow-round{
        width: 14px;
        height: 2px;
		position: absolute !important;
		top:calc(50%);
		right:45px;
		transition: all 0.2s;
	}	
	.s-support_points_nav li.navbutton .arrow_link .arrow-round::before,
	.s-support_points_nav li.navbutton .arrow_link .arrow-round::after{
        width: 7px;
        height: 2px;
        right: 0;
		transition: all 0.2s;
	}	
	.s-support_points_nav li.navbutton .arrow_link .arrow-round::before{
        top: 3px;
    }
	.s-support_points_nav li.navbutton .arrow_link .arrow-round::after{
        bottom: 3px;
    }
	.s-support_points_nav li.navbutton .arrow_link:hover .arrow-round{
		background-color: #fff;
	}	
	.s-support_points_nav li.navbutton .arrow_link:hover .arrow-round::before,
	.s-support_points_nav li.navbutton .arrow_link:hover .arrow-round::after{
		background-color: #fff;
	}

    .s-support_points_nav li.navitem a{
        gap: 0;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
    }
    .s-support_points_nav li.navitem.-next a{
        align-items: flex-end;
    }
    .s-support_points_nav li.navitem a .num{
        font-size: 4rem;
        letter-spacing: .05em;
        color: #0774e2;
    }
    .s-support_points_nav li.navitem a .tx{
        font-size: 1.4rem;
        position: relative;
        display: inline-block;
    }
	.s-support_points_nav li.navitem a .tx:after{
		content: "";
		position: absolute;
		bottom:-5px;
		left:0;
		width:100%;
		border-bottom: 1px solid #000;
		transform-origin: center;
		transform: scaleX(0);
		transition: all 0.2s;
	}	
	.s-support_points_nav li.navitem a .tx:hover:after{
		transform: scaleX(1);
	}
}