@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

:root {
	--vh: 0!important;
	--rem: 10px!important
}
@media screen and (max-width:1280px){
    :root{
        --rem:calc(10vw/1280*100)!important
    }
}
@media screen and (max-width:767px) {
	:root {
		--rem: calc(10vw/750*100)!important
	}
}

@media screen and (max-width:767px) {
	.display-pc {
		display: none!important;
	}
}
@media screen and (min-width:768px) {
	.display-sp {
		display: none!important;
	}
}

/* ECbeingのwrapper_上のマージン調整 */
body .wrapper_ {
	padding: 0;
}
#wrapper:before,
.wrapper:before {
	display: none!important
}
/* ECbeingの自動出力パンくず非表示 */
.contents_ .navitopicpath_ {
    display: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .breadcrumb {
        padding-top: 15px !important;
    }
}
.fleecemain {
    color: #1a312d;
}
.fleecemain em {
    font-style: normal;
}
.fleecemain a {
    text-decoration: auto;
}
.fleecemain button {
    border: none;
}
body img {
    height: auto;
}
#wrapper {
    min-width: inherit!important;
}

.fleecemain .kv img {
    max-width: none;
    width: 100%;
}

.fleecemain .section {

}
.fleecemain .section .section__inner{
	padding: 0 calc(10*var(--rem));
    margin-left:auto;
    margin-right:auto
}
@media screen and (min-width:768px) {
    .fleecemain .section .section__inner{
        max-width:calc(130*var(--rem));
    }
}
@media screen and (max-width:767px){
    .fleecemain .section .section__inner{
        padding-right:calc(6*var(--rem));
        padding-left:calc(6*var(--rem));
        box-sizing:border-box
    }
}

.section.special {
    margin-top: 0;
}

.fleecemain .material {
    margin-top: calc(10*var(--rem));
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width:767px){
    .fleecemain .material {
        margin-top: calc(9*var(--rem));
        flex-wrap: wrap;
    }
}
@media screen and (min-width:768px) {
    .fleecemain .material .material__txt {
        width: calc(62*var(--rem));
        font-size: calc(2.5*var(--rem));
        order: 2;
    }
}
@media screen and (min-width:768px) {
    .fleecemain .material .material__img {
        width: calc(38*var(--rem));
        order: 1;
    }
}
@media screen and (max-width:767px){
    .fleecemain .material .material__img {
        margin-top: calc(5*var(--rem));
    }
}

.fleecemain .vitaltech {
    margin-top: calc(10*var(--rem));
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width:767px){
    .fleecemain .vitaltech {
        margin-top: calc(7*var(--rem));
        flex-wrap: wrap;
    }
}
@media screen and (min-width:768px) {
    .fleecemain .vitaltech .vitaltech__txt {
        width: calc(62*var(--rem));
        order: 2;
    }
}
@media screen and (max-width:767px){
    .fleecemain .vitaltech .vitaltech__txt {
        display: flex;
        align-items: center;
        gap: calc(4*var(--rem));
    }
}
.fleecemain .vitaltech .vitaltech__txt__moreover {
    font-size: calc(2*var(--rem));
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(9*var(--rem));
    height: calc(9*var(--rem));
    border-radius: calc(100*var(--rem));
    color: #ffffff;
    background: linear-gradient(130deg,rgba(199, 8, 59, 1) 0%, rgba(141, 48, 155, 1) 100%);
}
@media screen and (max-width:767px){
    .fleecemain .vitaltech .vitaltech__txt__moreover {
        font-size: calc(3*var(--rem));
        width: calc(13*var(--rem));
        height: calc(13*var(--rem));
    }
}
.fleecemain .vitaltech .vitaltech__txt__txt {
    margin-top: calc(2*var(--rem));
    font-size: calc(2.5*var(--rem));
}
@media screen and (max-width:767px){
    .fleecemain .vitaltech .vitaltech__txt__txt {
        width: calc(46*var(--rem));
        font-size: calc(3*var(--rem));
    }
}
@media screen and (min-width:768px) {
    .fleecemain .vitaltech .vitaltech__img {
        width: calc(38*var(--rem));
        order: 1;
    }
}