@charset "EUC-JP";
.mg-tb8{
    margin-top: 8px;
    margin-bottom: 8px;
}

.mg-tb16{
    margin-top: 16px;
    margin-bottom: 16px;
}

.mg-tb24{
    margin-top: 24px;
    margin-bottom: 24px;
}

.mg-tb32{
    margin-top: 32px;
    margin-bottom: 32px;
}

.mg-tb40{
    margin-top: 40px;
    margin-bottom: 40px;
}

.mg-t8{
    margin-top: 8px;
}

.mg-t16{
    margin-top: 16px;
}

.mg-t24{
    margin-top: 24px;
}

.mg-t32{
    margin-top: 32px; 
}

.mg-t40{
    margin-top: 40px;
}

.mg-b8{
    margin-bottom: 8px;
}

.mg-b16{
    margin-bottom: 16px;
}

.mg-b24{
    margin-bottom: 24px;
}

.mg-b32{
    margin-bottom: 32px;
}

.mg-b40{
    margin-bottom: 40px;
}

.mg-r8{
    margin-right: 8px;
}

.mg-r16{
    margin-right: 16px;
}

.mg-r24{
    margin-right: 24px;
}

.mg-r32{
    margin-right: 32px;
}

.mg-r40{
    margin-right: 40px;
}

.mg-l8{
    margin-left: 8px;
}

.mg-l16{
    margin-left: 16px;
}

.mg-l24{
    margin-left: 24px;
}

.mg-l32{
    margin-left: 32px;
}

.mg-l40{
    margin-left: 40px;
}

.mg-auto{
    margin-left: auto;
    margin-right: auto;
}

.no-mg{
    margin: 0;
}

.pdng-8{
    padding: 8px;
}

.pdng-16{
    padding: 16px;
}

.pdng-24{
    padding: 24px;
}

.pdng-32{
    padding: 32px;
}

.pdng-40{
    padding: 40px;
}

.pdng-tb8{
    padding-top: 8px;
    padding-bottom: 8px;
}

.pdng-tb16{
    padding-top: 16px;
    padding-bottom: 16px;
}

.pdng-tb24{
    padding-top: 24px;
    padding-bottom: 24px;
}

.pdng-tb32{
    padding-top: 32px;
    padding-bottom: 32px;
}

.pdng-tb40{
    padding-top: 40px;
    padding-bottom: 40px;
}

.pdng-tb48{
    padding-top: 48px;
    padding-bottom: 48px;
}

.pdng-t8{
    padding-top: 8px;
}

.pdng-t16{
    padding-top: 16px;
}

.pdng-t24{
    padding-top: 24px;
}

.pdng-t32{
    padding-top: 32px;
}

.pdng-t40{
    padding-top: 40px;
}

.pdng-b8{
    padding-bottom: 8px;
}

.pdng-b16{
    padding-bottom: 16px;
}

.pdng-b24{
    padding-bottom: 24px;
}

.pdng-b32{
    padding-bottom: 32px;
}

.pdng-b40{
    padding-bottom: 40px;
}

.pdng-rl8{
    padding-right: 8px;
    padding-left: 8px;
}

.pdng-rl16{
    padding-right: 16px;
    padding-left: 16px;
}

.pdng-rl24{
    padding-right: 24px;
    padding-left: 24px;
}

.pdng-rl32{
    padding-right: 32px;
    padding-left: 32px;
}

.pdng-rl40{
    padding-right: 40px;
    padding-left: 40px;
}

.pdng-rl48{
    padding-right: 48px;
    padding-left: 48px;
}

.pdng-r8{
    padding-right: 8px;
}

.pdng-r16{
    padding-right: 16px;
}

.pdng-r24{
    padding-right: 24px;
}

.pdng-r32{
    padding-right: 32px;
}

.pdng-r40{
    padding-right: 40px;
}

.pdng-l8{
    padding-left: 8px;
}

.pdng-l16{
    padding-left: 16px;
}

.pdng-l24{
    padding-left: 24px;
}

.pdng-l32{
    padding-left: 32px;
}

.pdng-l40{
    padding-left: 40px;
}

.up640-view{
	display: block;
}

.down640-view{
	display: none;
}

.txt-right {
    text-align: right;
}

.page-visual {
    background-image: url(../images/btob-ecmall/page-title-btob-ecmall.webp);
}

p.page-title-description {
    text-align: center;
}

article.btob-ecmall section.page-section {
    width: 1200px;
}

section.page-section {
    margin: 50px auto;
}

article.btob-ecmall img {
    width: 100%;
}

article.btob-ecmall section.page-section figure {
    text-align: center;
    background: #fff;
    border-radius: 8px;
}

article.btob-ecmall section.page-section figure figcaption {
    background: #239469;
    color: #fff;
    line-height: 1;
    padding: 16px;
    margin: 16px;
    border-radius: 4px;
    font-size: 1.9rem;
}

.btob-ecmall h2.page-section-title {
    color: #222;
    background: none;
    border: none;
    text-align: center;
    font-size: 2.8rem;
    padding: 40px 0;
    line-height: 1.6;
    margin: 0 0 56px 0;
    position: relative;
}

.btob-ecmall h2.page-section-title:after {
    width: 12%;
    height: 3px;
    background: #1568a6;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.btob-ecmall .page-section:nth-of-type(n+2) {
    padding: 0 0 80px 0;
    margin-bottom: 0;
}

p.btob-ecmall-section-catch {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 600;
}

/*worries*/
.worries-block ul {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 3px solid #ff3636;
    background: url(../images/btob-ecmall/worries-bg.webp);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    position: relative;
}

.worries-block ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 200%);
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 45px 80px 0 80px;
    border-color: #357ae8 transparent transparent transparent;
}

.worries-block ul li {
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 3;
}

.worries-block ul li:before {
    content: url(../images/btob-ecmall/worries-check.svg);
    display: inline-block;
    width: 35px;
    margin: 0 8px 0 0;
    transform: translateY(6px);
}

p.worries-solution {
    padding: 120px 0 0;
    text-align: center;
    font-size: 3.5rem;
    font-weight: bold;
    color: #357ae8;
}
/*worries*/

/*merit*/
.merit-block, .enterprise-support {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

.merit-box {
    width: 31%;
}

.merit-box h3 {
    text-align: center;
    color: #005caa;
    padding: 16px 0;
    font-size: 20px;
}
/*merit*/


/*yamato-alignment*/
.yamato-alignment-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px;
    background: #f0f6ff;
}

.yamato-alignment-box {
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.yamato-alignment-box img {
    width: 100%;
}


.yamato-alignment-box p{
    width: 100%;
    font-size: 1.9rem;
}

.yamato-alignment-block.clmn2 .yamato-alignment-box {
    width: 55%;
}

.yamato-alignment-block.clmn2 .yamato-alignment-box:first-of-type {
    width: 40%;
}

.yamato-alignment-block.clmn3 figure {
    width: 31%;
}

/*case-study*/
.case-study-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5%;
}

.case-study-box {
    width: 50%;
    max-width: 500px;
}

.case-study-box figure {
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 16px 0;
}

p.case-study-txt {
    padding: 0 0 16px 0;
}

p.shop-name {
    background: #2389ca;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    padding: 8px;
}

a.case-study-shop-name.btn {
    display: block;
    text-align: center;
    border: 1px solid #084d85;
    width: 90%;
    margin: 0 auto;
    line-height: 1;
    padding: 8px;
    border-radius: 4px;
    color: #084d85;
    text-decoration: none !important;
}


a.case-study-shop-name:hover {
    color: #fff;
    background: #084d85;
}

/*flow*/
figure.flow-img{
	width: fit-content;
}

/*fee*/

.fee-box {
    display: flex;
    width: 80%;
    max-width: 960px;
    margin: 0 auto;
}

.fee-box p {
    width: 50%;
    text-align: center;
    font-size: 1.5rem;
    background: #efefef;
    line-height: 1;
    padding: 24px 0;
}

.fee-box p:last-of-type{
    background: #2389ca;
    color: #fff;
}


@media (max-width: 1024px) {
    article.btob-ecmall section.page-section {
        width: 94%;
        margin: 0 auto;
    }
    .btob-ecmall h2.page-section-title {
        font-size: 2.2rem;
    }
    .worries-block ul {
        width: 90%;
    }
    .worries-block ul li {
        font-size: 1.9rem;
    }
    p.case-study-txt {
        min-height: 135px;
    }
}

@media (max-width: 768px) {
    .breadcrumb {
        width: 100%;
    }
    .page-visual-title {
        font-size: 2rem;
    }
    .page-btn {
        width: 90%;
    }
    .page-title-description {
        width: 90%;
        margin: 0 auto;
    }
    .page-title-wrap-inner{
        width: 100%;
    }
    .btob-ecmall .page-section:nth-of-type(n+2) {
        padding: 0 0 40px 0;
    }
    .btob-ecmall h2.page-section-title {
        font-size: 2.2rem;
        padding: 24px 0;
        margin: 0 0 40px 0;
    }
    p.btob-ecmall-section-catch {
        font-size: 1rem;
    }
    .worries-block ul {
        background-position: 105% bottom;
        background-size: 30%;
    }
    .worries-block ul li {
        font-size: 1rem;
    }
    .worries-block ul:after {
        transform: translate(-50%, 200%);
        border-width: 35px 60px 0 60px;
    }
    p.worries-solution {
        padding: 88px 0 0;
        font-size: 2.5rem;
    }
}
@media (max-width: 640px) {
	.up640-view{
		display: none;
	}
	
	.down640-view{
		display: block;
	}

	.mg-tb8{
		margin-top: 4px;
		margin-bottom: 4px;
	}
	
	.mg-tb16{
		margin-top: 8px;
		margin-bottom: 8px;
	}
	
	.mg-tb24{
		margin-top: 12px;
		margin-bottom: 12px;
	}
	
	.mg-tb32{
		margin-top: 16px;
		margin-bottom: 16px;
	}
	
	.mg-tb40{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.mg-t8{
		margin-top: 4px;
	}
	
	.mg-t16{
		margin-top: 8px;
	}
	
	.mg-t24{
		margin-top: 12px;
	}
	
	.mg-t32{
		margin-top: 16px; 
	}
	
	.mg-t40{
		margin-top: 20px;
	}
	
	.mg-b8{
		margin-bottom: 4px;
	}
	
	.mg-b16{
		margin-bottom: 8px;
	}
	
	.mg-b24{
		margin-bottom: 12px;
	}
	
	.mg-b32{
		margin-bottom: 16px;
	}
	
	.mg-b40{
		margin-bottom: 20px;
	}
	
	.mg-r8{
		margin-right: 4px;
	}
	
	.mg-r16{
		margin-right: 8px;
	}
	
	.mg-r24{
		margin-right: 12px;
	}
	
	.mg-r32{
		margin-right: 16px;
	}
	
	.mg-r40{
		margin-right: 20px;
	}
	
	.mg-l8{
		margin-left: 4px;
	}
	
	.mg-l16{
		margin-left: 8px;
	}
	
	.mg-l24{
		margin-left: 12px;
	}
	
	.mg-l32{
		margin-left: 16px;
	}
	
	.mg-l40{
		margin-left: 20px;
	}

	.pdng-8{
		padding: 4px;
	}
	
	.pdng-16{
		padding: 8px;
	}
	
	.pdng-24{
		padding: 12px;
	}
	
	.pdng-32{
		padding: 16px;
	}
	
	.pdng-40{
		padding: 20px;
	}
	
	.pdng-tb8{
		padding-top: 4px;
		padding-bottom: 4px;
	}
	
	.pdng-tb16{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	.pdng-tb24{
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	.pdng-tb32{
		padding-top: 16px;
		padding-bottom: 16px;
	}
	
	.pdng-tb40{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	.pdng-tb48{
		padding-top: 24px;
		padding-bottom: 24px;
	}
	
	.pdng-t8{
		padding-top: 4px;
	}
	
	.pdng-t16{
		padding-top: 8px;
	}
	
	.pdng-t24{
		padding-top: 12px;
	}
	
	.pdng-t32{
		padding-top: 16px;
	}
	
	.pdng-t40{
		padding-top: 20px;
	}
	
	.pdng-b8{
		padding-bottom: 4px;
	}
	
	.pdng-b16{
		padding-bottom: 8px;
	}
	
	.pdng-b24{
		padding-bottom: 12px;
	}
	
	.pdng-b32{
		padding-bottom: 16px;
	}
	
	.pdng-b40{
		padding-bottom: 20px;
	}
	
	.pdng-rl8{
		padding-right: 4px;
		padding-left: 4px;
	}
	
	.pdng-rl16{
		padding-right: 8px;
		padding-left: 8px;
	}
	
	.pdng-rl24{
		padding-right: 12px;
		padding-left: 12px;
	}
	
	.pdng-rl32{
		padding-right: 16px;
		padding-left: 16px;
	}
	
	.pdng-rl40{
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.pdng-rl48{
		padding-right: 24px;
		padding-left: 24px;
	}
	
	.pdng-r8{
		padding-right: 4px;
	}
	
	.pdng-r16{
		padding-right: 8px;
	}
	
	.pdng-r24{
		padding-right: 12px;
	}
	
	.pdng-r32{
		padding-right: 16px;
	}
	
	.pdng-r40{
		padding-right: 20px;
	}
	
	.pdng-l8{
		padding-left: 4px;
	}
	
	.pdng-l16{
		padding-left: 8px;
	}
	
	.pdng-l24{
		padding-left: 12px;
	}
	
	.pdng-l32{
		padding-left: 16px;
	}
	
	.pdng-l40{
		padding-left: 20px;
	}
    .page-head {
        margin-bottom: 32px !important;
    }
    .page-visual {
        background-position: 70px 0 !important;
    }
    .btob-ecmall h2.page-section-title {
        font-size: 1.4rem;
    }
    p.btob-ecmall-section-catch {
        font-size: 0.9rem;
    }

    .worries-block ul {
        width: 95%;
        padding: 16px;
        padding-bottom: 200px;
        background-position: center bottom;
        background-size: 220px;
    }

    .merit-box {
        width: 90%;
        margin: 0 auto 24px;
    }

    .yamato-alignment-block {
        flex-direction: column;
        gap: 24px;
        padding: 16px;
    }
    .yamato-alignment-block.clmn2 .yamato-alignment-box, .yamato-alignment-block.clmn2 .yamato-alignment-box:first-of-type {
        width: 100%;
    }
    .yamato-alignment-block.clmn3 figure {
        width: 100%;
    }
    .case-study {
        padding: 0 1rem;
    }
    .case-study-box {
        width: 100%;
        margin: 0 0 3rem 0;
    }
    .case-study-box:last-of-type{
        margin-bottom: 0;
    }
    p.case-study-txt {
        min-height: unset;
    }

    .fee-box {
        flex-direction: column;
    }
    .fee-box p {
        width: 100%;
        font-size: 1.9rem;
        padding: 16px 0;
    }
}


.ep-tel {
    margin-top: 24px;
    font-size: 1.8rem;
}

.ep-tel span {
    font-size: 3.2rem;
    font-weight: 600;
    vertical-align: sub;
}

.ep-tel p {
    font-size: 1.4rem;
    font-weight: 700;
}

.btn-large:link, .btn-large:visited, .btn-large:active {
    font-size: 2.4rem;
}

@media (max-width: 640px) {
    .ep-tel span {
        display: block;
    }
    
    .ep-tel p {
        font-size: 1.9rem;
    }

    .btn-large:link, .btn-large:visited, .btn-large:active {
        font-size: 1.5rem;
    }
}

@media (max-width: 430px) {
    .btob-ecmall h2.page-section-title {
        font-size: 1.9rem;
    }
    .worries-block ul li {
        position: relative;
        padding-left: 3rem;
        line-height: 1.8;
        font-size: 0.9rem;
        padding: 8px 0 8px 3rem;
    }
    .worries-block ul li:before {
        position: absolute;
        left: 0;
    }
    .page-section p {
        font-size: 0.9rem;
    }
    p.worries-solution {
        font-size: 1.7rem;
    }
    .yamato-alignment-box p {
        font-size: 0.9rem;
    }
}