/* CSS Document */
.inner {
	/*padding: 10.625rem 30px 80px;*/
	padding: 8rem 30px 40px;
}
.inner,
.contact{
    background: var(--main);
}
.contact__wrap__item_action{
    position: relative;
    z-index: 2;
}
.contact__slider{
    z-index: 1;
}
.contact__title {
    position: relative;
    z-index: 0;
}
.contact__title:before{
    z-index: -1;
}
.contact__title span{
    position: relative;
    z-index: 1;
}
.footer__inner{
    margin-top: 0;
}
.contact{
    overflow: hidden;
    height: auto;
}

.morebtn.is-brown {
    margin-top: 20px;
    font-size: calc(14 / var(--root-font-size) * 1rem);
}

.section__title.sub .jp::before{
    z-index: 0;
}
.section__title.sub .jp span{
    position: relative;
}
.section__title{
    margin-bottom: 60px;
}
.support__wrap{
    margin-top: 40px;
}

.support__title{
    font-size: calc(18 / var(--root-font-size) * 1rem);
	font-family: "fot-rodin-pron", sans-serif;
    letter-spacing: normal;
    margin-bottom: 40px;
}
.support__text{
    font-size: calc(14 / var(--root-font-size) * 1rem);
	line-height: 2.3em;
	text-align: justify;
}
.support__graf {
		max-width: 400px;
		width: 80%;
		margin: 40px auto 0;
}
.parallax__img{
    position: relative;
    height: 100vh;
}
.parallax__img__inner{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}
.parallax__img img{
    height: 100%;
    object-fit: cover;
}
.support__container:not(:last-of-type){
    margin-bottom: 25vw;
}
.support__titlebox{
    padding: 30px 30px 60px;
    width: 90vw;
    margin-left: calc(50% - 50vw);
    position: relative;
}
.support__titlebox__sub{
    padding: 30px 30px 70px;
    width: 90vw;
    margin-left: calc(50% - 50vw);
    position: relative;
}
.support__title__num{
    position: relative;
	z-index: 2;
    font-family: "baskerville-urw", serif;
    margin-bottom: 1em;
}
.support__titlebox__sub .support__title__num::before{
	display: none;
}
.num__orange {
	color: #A56632;
}
.support__title__num::before {
	opacity: .7;
    content: "";
    position: absolute;
    top: -5px;
    left: -8px;
    width: 20px;
    height: 20px;
    background: #AE4D32;
    border-radius: 50%;
    z-index: 0;
}
.support__title__num span{
    position: relative;
}
.support__title__text{
    font-weight: 500;
	font-family: "fot-rodin-pron", sans-serif;
}
.support__titlebox .support__title__text{
    font-size: calc(20 / var(--root-font-size) * 1rem);
	line-height: 1.5;
}
.support__titlebox__sub .support__title__text{
    font-size: calc(18 / var(--root-font-size) * 1rem);
	line-height: 1.5;
}
.support__titlebox .support__title__text {
		position: relative;
	 z-index: 1;
}
.support__titlebox .support__title__text span{
	position: relative;
	 z-index: 1;
}
.support__titlebox__sub .support__title__text span{
	position: relative;
	 z-index: 1;
}
.support__titlebox .support__title__text::before {
	opacity: .3;
    content: "";
    position: absolute;
    top: -190%;
    left: -90px;
    width: 22rem;
    height: 22rem;
    background: #fff;
    border: 3px solid #A56631;
    border-radius: 50%;
    z-index: 0;
}
.support__titlebox__sub .support__title__text {
	position: relative;
}
.support__titlebox__sub .support__title__text::before {
	opacity: .3;
    content: "";
    position: absolute;
    top: -80px;
    right: -45px;
    width: 13rem;
    height: 13rem;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
}
.support__titlebox__sub.producticon .support__title__text::before {
    opacity: .3;
    content: "";
    position: absolute;
    top: -50px;
    right: -55px;
    width: 13rem;
    height: 13rem;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
}
.support__titlebox__sub. .support__title__text::before {
	opacity: .3;
    content: "";
    position: absolute;
    top: -40px;
    right: 55px;
    width: 13rem;
    height: 13rem;
    background: #fff;
    border-radius: 50%;
    z-index: 0;
}
.support__titlebox .support__title__icon{
    width: 30px;
    position: absolute;
	z-index: 2;
	right: -15px;
    bottom: 60px;
}
.support__titlebox__sub .support__title__icon{
    width: 30px;
    position: absolute;
	z-index: 2;
	right: -10px;
    bottom: 70px;
}
.support__img{
    width: 100%;
    margin-right: calc(50% - 50vw);
    position: relative;
	 z-index: 3;
    margin-top: -30px;
    margin-bottom: 50px;
}
.support__img img{
    width: 100%;
/*    margin-left: auto;*/
}

.support__caption > p{
	text-align: justify;
    font-size: calc(14 / var(--root-font-size) * 1rem);
}
.support__business__content{
/*    background: #FFFFFF4D;*/
    position: relative;
/*    padding: 60px 30px 30px;*/
	padding: 50px 0 30px;
    margin-top: 50px;
/*    margin-left: 30px;*/
}
.support__business__content__title{
    background: #E1DCD4;
    position: absolute;
    padding: 10px;
    top: 0;
    left: -8px;
    transform: translateY(-30%);
}
.support__business__content__title .en{
    font-family: "baskerville-urw", serif;
    color: #A56632;
}
.support__business__content__title .en::after{
    content: "";
    display: inline-block;
    width: 50px;
    margin: 0 10px ;
    border-bottom: 1px solid #262626;
}
.support__business__content__item{
    font-size: calc(14 / var(--root-font-size) * 1rem);
}
.support__business__content__item::before{
    content: "■";
    color: #B27B4A;
    margin-right: 10px;
    text-shadow: 3px 3px 10px #00000022;
}
@media screen and (min-width: 768px) {
    .c_main{
        overflow: visible;
    }
    .inner{
        /*overflow: hidden;*/
        position: relative;
		padding: 10.625rem 24px 120px;
    }
    .inner__wrap{
        background: var(--main);
    }
    .inner::before{
        /*content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background: #fff;
        z-index: 0;*/
    }
    /*.parallax__img{
        position: static;
    }
    .parallax__img__inner{
        position: static;
    }*/
	.support__wrap{
    margin-top: 150px;
	}
    .support__titlebox{
        width: auto;
    }
	.support__title{
    font-size: calc(24 / var(--root-font-size) * 1rem);
	font-weight: 600;
	margin-bottom: 0px;
	}
	.support__text {
    width: 50%;
    font-size: calc(15 / var(--root-font-size) * 1rem);
	}
	.support__graf__box {
		display: flex;
		gap: 80px;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.support__graf {
		max-width: 500px;
		width: 90%;
		margin-top: -15%;
	}
    .support__img{
        margin-right:auto;
        margin-top: 60px;
        width: auto;
    }
    .support__img img{
        width: 100%;
    }
    .support__container{
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
    }
   
	.support__titlebox{
		width: 45%;
        position: sticky;
        top: 70px;
        padding: 30px;
	}
	 .support__titlebox__sub{
        width: 45%;
        position: sticky;
        top: 100px;
        padding: 30px;
    }
    .support__inner{
        width: 55%;
    }
	.support__title__text {
		font-weight: 600;
		font-size: calc(24 / var(--root-font-size) * 1rem);
	}
	.support__titlebox .support__title__text::before {
    top: -300%;
    left: -265px;
    width: 30rem;
    height: 30rem;
	}
	.support__titlebox__sub .support__title__text::before {
    top: -60px;
    right: -75px;
    width: 18rem;
    height: 18rem;
	}
	.support__titlebox__sub.producticon .support__title__text::before{
	top: -50px;
    right: -70px;
    width: 18rem;
    height: 18rem;
	}
	.support__titlebox .support__title__icon {
    right: 70px;
    bottom: 110px;
	}
	.support__titlebox__sub.producticon .support__title__icon {
    right: 69px;
    bottom: 165px;
	}
	.support__titlebox__sub .support__title__icon {
    right: 72px;
    bottom: 71px;
	}
	.support__container:not(:last-of-type) {
    margin-bottom: 20vw;
	}
	
   
}
@media screen and (min-width: 1360px) {
    .support__titlebox{
        margin-left: 0;
        width: 40%;
    }
	.support__titlebox__sub {
		margin-left: 0;
        width: 40%;
	}
    .inner .support__contents {
		padding: 15rem 24px 60px;
	}
	.support__titlebox .support__title__icon {
    right: 200px;
    bottom: 110px;
	}
	.support__titlebox__sub.producticon .support__title__icon {
    right: 210px;
    bottom: 130px;
	}
	.support__titlebox__sub .support__title__icon {
    right: 210px;
    bottom: 71px;
	}
	.support__titlebox__sub .support__title__text::before {
    top: -80px;
    right: 55px;
    width: 18rem;
    height: 18rem;
	}
	.support__titlebox__sub.producticon .support__title__text::before{
	top: -80px;
    right: 55px;
    width: 18rem;
    height: 18rem;
	}
}