@charset "UTF-8";


/* 汎用パーツ 可能なら main-common-parts.css に移行希望 */
/* 下線リンク ＞マークあり・なし */
a.txt-link {
	font-size: 13px;
	background: url("/html/user_data/assets/img/common/footer_icn_arr01.png") right top 1px/8px auto no-repeat;
	padding-right: 16px;
	text-decoration: underline;
	color: #28A3CD;
	font-weight: 500;
}

a.txt-link:hover {
	text-decoration: none;
}

a.anc-link {
	font-size: 13px;
	background: url("/html/user_data/assets/img/common/arrow4.png") right top 3px/11px auto no-repeat;
	padding-right: 16px;
	text-decoration: underline;
	color: #28A3CD;
	font-weight: 500;
}

a.anc-link:hover {
	text-decoration: none;
}

a.nml-txt-link {
	font-size: 13px;
	text-decoration: underline;
	color: #28A3CD;
	font-weight: 500;
}

a.nml-txt-link:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	a.anc-link {
		font-size: calc(13 / 3.75 * 1vw);
		background: url("/html/user_data/assets/img/common/arrow4.png") right top calc(3 / 3.75 * 1vw)/calc(11 / 3.75 * 1vw) auto no-repeat;
		padding-right: calc(16 / 3.75 * 1vw);
		text-decoration: underline;
		color: #28A3CD;
		font-weight: 500;
	}

	a.nml-txt-link {
		font-size: calc(13 / 3.75 * 1vw);
		text-decoration: none;
		color: #28A3CD;
		font-weight: 500;
		padding-bottom: calc(1 / 3.75 * 1vw);
		border-bottom: 1px solid #28A3CD;
		line-height: 1;
	}

	a.txt-link {
		font-size: calc(13 / 3.75 * 1vw);
		background: url("/html/user_data/assets/img/common/footer_icn_arr01.png") right top 1px/calc(8 / 3.75 * 1vw) auto no-repeat;
		padding-right: calc(16 / 3.75 * 1vw);
		text-decoration: underline;
		color: #28A3CD;
		font-weight: 500;
	}
}

/* 斜線H1見出し */
.p-type04 {
	background: url(/html/user_data/assets/img/common/r-t1_bg_stripe.png);
	font-size: 20px;
	font-weight: bold;
	height: 80px;
	margin-bottom: 25px;
	padding: 5px 0;
	width: 100%;
	margin-top: -43px;
}

.p-type04 span {
	align-items: center;
	background: #fff;
	display: flex;
	height: 100%;
	padding: 15px;
	width: 100%;
}

.p-type04 span.guide-sampleorder-title {
	display: inline;
	padding: 0;
	background: none;
	height: auto;
	width: auto;
}

.p-type04 span.guide-sampleorder-title.fs15 {
	line-height: 1.1;
}

@media screen and (max-width: 767px) {
	.p-type04 {
		font-size: calc(18 / 3.75 * 1vw);
		line-height: 1.5;
		margin-bottom: 20px;
	}

	.p-type04 span {
		padding: 15px 0 15px 10px;
	}

	.p-type04 span.guide-sampleorder-title.fs15 {
		font-size: calc(14 / 3.75 * 1vw);
		line-height: 1.8;
	}
}

/* /汎用パーツ */

article section p {
    line-height: 1.8;
    font-size: 13px;
}
article section .bold {
    font-size: 13px;
    font-weight: bold;
}
.red {
    color: #e8343d;
}
.fs12 {
	font-size: 12px;
}
.fs13 {
	font-size: 13px !important;
}
.fs14 {
	font-size: 14px;
}
.fs15 {
	font-size: 15px;
}
.fs16 {
	font-size: 16px;
}
.fs22 {
	font-size: 22px;
}

.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mr40 {
    margin-right: 40px;
}
.ml10 {
    margin-left: 10px;
}
article a {
	pointer-events: auto !important;
}
/* スクロール位置調整1 始まり */
.anc-padding {
  	padding-top: 60px !important;
    margin-top: -60px !important;
    pointer-events: none;
  /* スクロール位置調整1 終わり */
}
/* スクロール位置調整2 始まり */
.anc-padding-wide {
  	padding-top: 120px !important;
    margin-top: -120px !important;
    pointer-events: none;
  /* スクロール位置調整2 終わり */
}
@media screen and (max-width: 767px){
    section {
    padding: 0 calc(10 / 3.75 * 1vw);
    }
    article  section p {
    font-size: calc(13 / 3.75 * 1vw);
    }
    article  section .bold {
    font-size: calc(13 / 3.75 * 1vw);
	}
    .fs12 {
	font-size: calc(12 / 3.75 * 1vw);
	}
	.fs13 {
	font-size: calc(13 / 3.75 * 1vw) !important;
	}
	.fs14 {
	font-size: calc(14 / 3.75 * 1vw);
	}
	.fs15 {
	font-size: calc(15 / 3.75 * 1vw);
	}
	.fs16 {
	font-size: calc(16 / 3.75 * 1vw);
	}
	.fs22 {
	font-size: calc(22 / 3.75 * 1vw);
	}
	/* スクロール位置調整2 始まり */
	.anc-padding-wide {
	padding-top: 100px !important;
	margin-top: -100px !important;
	/* スクロール位置調整2 終わり */
	}
	.p-sub-ranking-box-guide .anc-link-wrap ul li,
	.p-sub-ranking-box.box-guide-account .anc-link-wrap ul li {
		justify-content: center;
		background: url(/html/user_data/assets/img/common/icn_anc01.png) left calc(8 / 3.75 * 1vw) center/calc(19 / 3.75 * 1vw) auto no-repeat;
		padding-left: calc(20 / 3.75 * 1vw);
	}
    .p-link-box .type01:hover {
        background: #fff5f5 url(/html/user_data/assets/img/common/icn_link_arr_g_on.png) right calc(20 / 3.75 * 1vw) center/calc(8 / 3.75 * 1vw) auto no-repeat;
    }
  }

/* サイトマップ 始まり */
.wrap-sitemap h1 {
	font-size: 22px;
	margin-bottom: 40px;
}
.wrap-sitemap .sitemap-list-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 60px;
    column-gap: 30px;
}
.wrap-sitemap .sitemap-list-block .sitemap-list-block-inner {
    box-sizing: border-box;
    display: block;
    margin-bottom: 50px;
    width: 300px;
}
.wrap-sitemap .sitemap-list-block-inner .ti {
    font-weight: bold;
    border-bottom: #d5d5d5 solid 1px;
    padding: 8px 0;
    margin-bottom: 10px;
    position: relative;
    font-size: 12px;
}
.wrap-sitemap .sitemap-list-block-inner .ti:before {
    content: '';
    width: 8px;
    height: 1px;
    left: 0;
    bottom: -1px;
    background-color: #e8343d;
    position: absolute;
}
.wrap-sitemap .sitemap-list-block-inner ul li {
    color: #222;
    font-size: 12px;
    padding: 5px 0;
    position: relative;
    line-height: 1.5;
}
.sitemap-list-block-inner ul li.child a {
    display: inline-block;
    background: url(/html/user_data/free/guide/ic8.png) no-repeat 5px 4px;
    padding-left: 17px;
}
.wrap-sitemap .sitemap-list-block-inner .labo-link {
	padding-top: 0;
}
.labo-link a {
    display: inline-block;
    background: url(/html/user_data/free/guide/ic9.png) no-repeat right center;
    padding-right: 20px;
}
/* レスポンシブ */
@media screen and (max-width: 767px){
	.wrap-sitemap h1 {
		margin-bottom: 0;
	}
    .wrap-sitemap .sitemap-list-block .sitemap-list-block-inner {
    width: 100%;
    }
    .wrap-sitemap .sitemap-list-block-inner ul li.link {
    font-weight: bold;
    padding-left: 24px;
    font-size: 14px;
	}
	.wrap-sitemap .sitemap-list-block-inner ul li.link::before {
    content: '●';
    font-size: 8px;
    color: #e8343d;
    display: block;
    position: absolute;
    width: 12px;
    left: 8px;
    top: 9px;
	}
	.wrap-sitemap .sitemap-list-block-inner .ti {
		font-size: 14px;
	}
	.wrap-sitemap .sitemap-list-block-inner ul li {
		font-size: 13px;
	}
  }
/* サイトマップ 終わり */


/* 初めての方へ 始まり */
.mt-img {
	justify-content: space-between;
	background: #f2f2f2;
}
.mt-img img {
	width: auto;
    height: 100%;
}
.p-bold {
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 10px 0;
}
.p-sub-ranking-box-guide .anc-link-wrap ul {
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 10px;
	row-gap: 10px;
	margin-bottom: 0;
}
.p-sub-ranking-box-guide .anc-link-wrap ul li {
	width: 205px;
	padding-left: 18px;
}
.p-sub-ranking-box .anc-link-wrap ul li a {
	width: 100%;
	text-align: center;
}
.col2,.col2-wide,.col2-cont-small {
    display: flex;
    justify-content: space-between;
}
.col2-cont,.col2-cont-small {
    width: 47%;
}
.redno {
    font-family: sans-serif;
    font-size: 48px;
    line-height: .9;
    font-weight: bold;
    color: #e8343d;
    width: auto;
    height: 43px;
    padding-right: 15PX;
/*    padding-top: 2px;*/
    border-right: 1px solid #c5c5c5;
    float: left;
}
.s-title h3 {
	line-height: 1.5;
/*    font-size: 15px;*/
}
.s-title {
    height: 50px;
    padding-left: 75px;
    margin-bottom: 15px;
}
.s-title .bold {
    line-height: 1.5;
}

.howto-wrap .flx-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.howto-wrap .flx-box.simulator {
    width: 400px;
}
.howto-wrap .flx-box {
    width: 270px;
}
.howto-wrap .flx-box .title-box {
    align-items: center;
    background: #1DB9C6;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 21px;
    font-weight: bold;
    height: 80px;
    justify-content: center;
}
.howto-wrap .flx-box .title-box span {
	font-size: 14px;
}
.howto-wrap .flx-box.sakusei .title-box {
    background: #CC468D;
}
.howto-wrap .flx-box.data .title-box {
    background: #BEAB25;
}
.howto-wrap .flx-box .detail-box {
    box-shadow: 1px 2px 6px 0 rgb(0,0,0,.2);
    display: flex;
    flex-direction: column;
    height: 350px;
    padding: 8px 10px 20px;
    align-items: center;
}
.howto-wrap .flx-box .detail-box figure.upper {
    align-items: flex-start;
    display: flex;
    height: 164px;
    margin: 0;
    padding: 0 0 10px;
}
.howto-wrap .flx-box.simulator .detail-box figure.upper img {
    margin-right: 9px;
}
.howto-wrap .flx-box.sakusei .detail-box figure.upper {
    align-items: flex-end;
    justify-content: center;
    padding-left: 10px;
}
.howto-wrap .flx-box.data .detail-box figure.upper {
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}
.howto-wrap .flx-box.sakusei .detail-box figure.upper figcaption {
    align-items: center;
    color: #CC468D;
    display: flex;
    font-size: 12px;
    font-weight: bold;
    height: 100%;
}
.howto-wrap .flx-box.simulator .detail-box p span {
    display: block;
    margin: -18px 3px 0 0;
    text-align: right;
    width: 100%;
}
.howto-wrap .flx-box.simulator .detail-box .lower {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: auto 0 0;
}
.howto-wrap .flx-box.simulator .detail-box .lower .sub-title {
    align-items: center;
    background: #1DB9C6;
    box-shadow: 1px 2px 6px 0 rgb(0,0,0,.2);
    border-radius: 15px;
    color: #fff;
    display: flex;
    font-weight: bold;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 175px;
    display: block;
    padding: 5px;
    text-align: center;
}
.howto-wrap .flx-box.simulator .detail-box .lower .bnr-box {
    align-items: center;
    box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
    display: flex;
    height: 55px;
    justify-content: center;
    position: relative;
    width: 335px;
    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.howto-wrap .flx-box.simulator .detail-box .lower .sub-title:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #1DB9C6 transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    z-index: 1;
    margin-left: 75px;
}
.howto-wrap .flx-box.simulator .detail-box .lower .bnr-box .gr-txt {
    position: absolute;
    bottom: 8px;
    font-size: 12px;
    color: #808080;
    letter-spacing: 3px;
    font-weight: bold;
}
.howto-wrap .flx-box.simulator .detail-box .lower .bnr-box img {
    position: absolute;
    top: 12px;
}
.howto-wrap .flx-box .detail-box .anc-btn {
    align-items: center;
    border: 1px solid #CC468D;
    border-radius: 20px;
    color: #CC468D;
    display: flex;
    font-weight: bold;
    justify-content: center;
    margin: auto auto 0;
    height: 40px;
    position: relative;
    transition: .3s ease;
    width: 200px;
    background: url(/html/user_data/free/guide/arrow3_p.png) no-repeat right 25px center;
}
.howto-wrap .flx-box.data .detail-box .anc-btn {
    border: 1px solid #BEAB25;
    color: #BEAB25;
}
.howto-wrap .flx-box .detail-box .anc-btn.data {
    background: url(/html/user_data/free/guide/arrow3_y.png) no-repeat right 25px center;
}
.howto-wrap .flx-box .detail-box .anc-btn:hover {
    background-color: rgba(255,237,152,.3);
}
.redno.two {
    width: 80px;
}
.s-title.two {
    padding-left: 100px;
}
.col2-cont-small-car {
	width: 100%;
}
.pd04 > div {
    background-color: #f6f6f6;
    border: #eee solid 1px;
    padding: 20px;
    margin-bottom: 20px;
}
.pd04 img {
    float: left;
    width: 210px;
    height: auto;
    margin-right: 20px;
}
.pd04 .tx div {
    padding-top: 15px;
    text-align: right;
}
.pd04 .tx div a {
	font-size: 13px;
    display: inline-block;
    color: #e8343d;
    padding: 15px 40px 15px 20px;
    border-radius: 5px;
    border: #dcdcdc solid 1px;
    font-weight: bold;
    background: url("/html/user_data/assets/img/common/icn_link_arr_g.png") no-repeat right 15px center;
    background-color: #fff;
    height: auto;
    width: auto;
}
.pd04 .tx div a:hover {
    border-color: #ff9da2;
    background: #fff5f5 url("/html/user_data/assets/img/common/icn_link_arr_g.png") no-repeat right 10px center;
}

/* レスポンシブ */
@media screen and (max-width: 767px){
	.p-sub-ranking-box-guide {
		margin-bottom: 20px;
	}
	.p-sub-ranking-box-guide .anc-link-wrap ul li {
	width: 47%;
}
.p-sub-ranking-box.p-sub-ranking-box-guide .anc-link-wrap ul li:hover {
	background: #FFF5F5 url(/html/user_data/assets/img/common/icn_anc01.png) left calc(8 / 3.75 * 1vw) center/calc(19 / 3.75 * 1vw) auto no-repeat;
}
.redno {
	font-size: calc(40 / 3.75 * 1vw);
    height: 35px;
/*    line-height: 1.1;*/
}
.col2-cont.mt50-sp {
	margin-top: 50px;
}
.col2,.col2-wide {
    flex-flow: column;
    margin-bottom: 30px;
}
.col2-cont,.col2-cont-small {
    width: 100%;
}
.col2-cont-small {
	margin-top: 20px;
	column-gap: 10px;
}
.s-title {
    padding-left: 17%;
}
.s-title .bold {
	font-weight: normal;
    line-height: 1.3;
}
.s-title .fs16 {
/*	font-size: 14px;*/
    font-size: calc(14 / 3.75 * 1vw);
}
.s-title .fs15 {
/*    font-size: 14px;*/
    font-size: calc(14 / 3.75 * 1vw);
}
.right.bold.mt40.mr40 {
	margin: 0;
}
.howto-wrap .flx-wrap {
	flex-wrap: inherit;
}
.howto-wrap .flx-box, .howto-wrap .flx-box.simulator {
    width: 30.66vw;
}
.howto-wrap .flx-box .title-box {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    background: none;
    color: #1DB9C6;
    display: block;
    flex-direction: inherit;
    height: auto;
    justify-content: inherit;
    line-height: 1.5;
}
.howto-wrap .flx-box .title-box span {
    align-items: center;
    background: #1DB9C6;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    height: 13.33vw;
    justify-content: center;
    box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
    margin-top: 2px;
}
.howto-wrap .flx-box .detail-box p {
    font-size: calc(12 / 3.75 * 1vw);
    line-height: 1.25;
    text-align: left;
}
.howto-wrap .flx-box.sakusei .title-box {
    background: none;
    color: #CC468D;
}
.howto-wrap .flx-box.sakusei .title-box span {
    background: #CC468D;
}
.howto-wrap .flx-box.data .title-box {
    background: none;
    color: #BEAB25;
}
.howto-wrap .flx-box.data .title-box span {
    background: #BEAB25;
}
.howto-wrap .flx-box .detail-box figure.upper {
	height: auto;
}
.howto-wrap .flx-box.data .detail-box figure {
    padding: 13.33vw 1.33vw 10.66vw;
    margin: 0;
}
.howto-wrap .flx-box.sakusei .detail-box figure {
    padding: 2.66vw 0 1.33vw;
    margin: 0;
}
.howto-wrap .flx-box.sakusei .detail-box figure figcaption {
    align-items: center;
    color: #CC468D;
    display: block;
    font-size: calc(11 / 3.75 * 1vw);
    line-height: 1.5;
    font-weight: bold;
    text-align: left;
    margin-top: 1.33vw;
    letter-spacing: -.05em;
}
.howto-wrap .flx-box .detail-box {
	height: 72vw;
    padding: 1.33vw;
}
.howto-wrap .flx-box.simulator .detail-box p span {
	display: contents;
    text-align: center;
    display: block;
    margin: 5px auto;
}
a.cm-txt-ul-clr {
	font-size: calc(13 / 3.75 * 1vw);
}
.howto-wrap .flx-box.simulator .lower a {
    background: #1DB9C6;
    box-shadow: 1px 2px 6px 0 rgb(0, 0, 0, .2);
    border-radius: 1.33vw;
    display: flex;
    align-items: center;
    font-size: 3.2vw;
    color: #fff;
    font-weight: bold;
    justify-content: center;
    margin: 1.33vw 0;
    height: 10.66vw;
    width: 100%;
}
.howto-wrap .flx-box.simulator .lower a img {
    width: 5.6vw;
    margin-right: 1.33vw;
}
.howto-wrap .flx-box.simulator .detail-box .lower {
	width: 100%;
}
.howto-wrap .txt-tac {
    margin: auto 0 5px 0;
    text-align: center;
}
.pd04 .tx div {
	padding: 10px 0 0 0;
}
.pd04 .tx div a {
	width: 100%;
    max-width: 100%;
    font-size: calc(13 / 3.75 * 1vw);
    display: flex;
}
.col2-cont .service-image {
    text-align: center;
}
.col2-cont .service-image img {
    width: auto;
    height: auto;
}
}
/* 初めての方へ 終わり */



/* ご納品までの流れ 始まり */
.p-sub-ranking-box-img p.bold {
	font-size: 18px;
}
.p-sub-ranking-box-img .anc-link-wrap div a {
	font-weight: bold;
	margin-right: 10px;
	color: #777;
}
.p-sub-ranking-box-img .anc-link-wrap div a:hover {
	opacity: 0.5;
}
.p-sub-ranking-box-img .anc-link-wrap ul {
	justify-content: center;
	column-gap: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.p-sub-ranking-box-img .anc-link-wrap ul li {
	width: 48%;
	height: 60px;
	background: url(/html/user_data/assets/img/common/icn_anc01.png) right 13px center/19px auto no-repeat;
}
.p-sub-ranking-box.p-sub-ranking-box-img .anc-link-wrap ul li:hover {
    background: #FFF5F5 url(/html/user_data/assets/img/common/icn_anc01.png) right 13px center/19px auto no-repeat;
}
.p-sub-ranking-box-img .anc-link-wrap ul li a {
	display: flex;
    align-items: center;
    column-gap: 20px;
	margin-left: 110px;
}
@media screen and (max-width: 767px){
	.p-sub-ranking-box-img .anc-link-wrap ul li a {
		margin-left: 0;
	}
}
.p-sub-ranking-box-img .anc-link-wrap ul li a img.bag {
	width: 38px;
	height: auto;
}
/* ステップ1 */
.outline {
	position: relative;
    width: 100%;
    margin: 20px 0 48px 0;
    padding: 0;
    border: 2px solid #ddd;
    box-shadow: 1px 2px 6px 0 rgb(0,0,0,.2);
}
.outline::after {
	content: url(/html/user_data/free/guide/triangle.png);
	position: absolute;
	left: 47%;
}
.outline a {
	display: block;
	width: fit-content;
	padding-right: 15px;
	color: #27A3CD;
	background: url(/html/user_data/free/guide/arrow.png) no-repeat right center;
}
.outline .step-img {
	position: absolute;
	top: -22px;
/*	height: 80px;
	width: 140px;
	object-fit: cover;*/
}
.outline h6.request {
    display: block;
    margin: 0 auto;
    width: 100%;
    font-size: 18px;
    padding: 20px 0 20px 220px;
    background: #ededed url(/html/user_data/free/guide/step1t.png) no-repeat left 150px center;
}
.outline .inner {
	padding: 30px;
}
.outline .step-flex {
	display: flex;
	justify-content: center;
	column-gap: 10px;
	margin: 15px 0 10px 0;
}
.outline .step-flex .step-flex-t {
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	row-gap: 33px;
	margin-bottom: 20px;
}
.outline .step-flex .step-flex-t div p {
	margin-bottom: 10px;
}
.outline .inner .step-flex-2box {
	display: flex;
	column-gap: 20px;
}
.outline .inner .step-flex-2box span {
	border-right: 1px solid #ccc;
}
.outline .inner .step-flex-2box div {
	width: 50%;
}
.outline .inner .step-flex-2box div h4 {
	background: #F3F3F3;
	padding: 20px;
	font-size: 18px;
	margin-bottom: 20px;
}
.outline .inner .step-flex-2box div p.bold {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 15px;
	margin-bottom: 20px;
}
.outline .inner .step-flex-2box div p.bold::before {
	content: "●";
	font-size: 8px;
	color: #E8343D;
	margin-right: 5px;
}
.outline .inner div a {
	margin-bottom: 20px;
}
.outline .maker{
	font-weight: bold;
	font-size: 18px;
	background: linear-gradient(transparent 60%, #FFED98 0%);
	display: inline;
	padding: 0 1px 0px;
	width: fit-content;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.staff {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 20px;
	margin: 60px 0;

}
.staff .staff-comment {
	background: #FFFFF3;
	border: 2px solid #ccc;
	padding: 20px 30px;
	position: relative;
	border-radius: 5px;
	width: 85%;
}
.staff .staff-comment::before {
	content: url(/html/user_data/free/guide/staff-comment.png);
	position: absolute;
	left: -10px;
    top: 45%;
}
.staff .staff-comment .bold {
	font-size: 18px;
	margin-bottom: 10px;
}

/* ステップ2 */
.outline.step2 h6.request {
	background: #ededed url(/html/user_data/free/guide/step2t.png) no-repeat left 150px center;
}
.outline.step2 .inner .fs14 {
	margin-bottom: 20px;
    margin-top: 15px;
}
.outline.step2 .inner .cm-txt-ul-clr {
	margin: 20px 0 40px 0;
}

.outline .inner .howto-wrap {
	margin-bottom: 50px;
}
.outline .inner .howto-wrap .flx-box .detail-box {
	box-shadow: none;
	height: auto;
}
.outline .inner .howto-wrap .flx-box.simulator {
	width: 365px;
}
.outline .inner .howto-wrap .flx-box {
	width: 230px;
}
.outline .inner .howto-wrap span.right-border {
	border-right: 1px dotted #ccc;
}
.outline .inner .howto-wrap .detail-box p {
	height: 80px;
}
.outline .inner .howto-wrap .detail-box div {
	width: 100%;
    margin-top: auto;
}
.outline .inner .howto-wrap .detail-box .cm-txt-ul-clr {
	margin-top: 15px;
	margin-bottom: 0;
}

.step-deco {
	text-align: center;
}
.h3-deco {
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: bold;
    text-align: center;
}
.h3-deco::before {
    background: url(/html/user_data/free/guide/deco-l.png) center top / contain no-repeat;
    display: block;
    content: "";
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
    width: 29px;
}
.h3-deco::after {
    background: url(/html/user_data/free/guide/deco-r.png) center top / contain no-repeat;
    display: block;
    content: "";
    height: 30px;
    width: 29px;
    margin-left: 10px;
    margin-top: 10px;
}
.outline .step-deco div {
	width: 100%;
}
.outline.step2 .step-deco .fs14 {
	margin-bottom: 10px;
}
.outline.step2 .step-deco a.cm-txt-ul-clr {
	margin: 0 auto;
	margin-bottom: 20px;
}

/* ステップ3 */
.outline.step3 {
	margin-top: 80px;
}
.outline.step3 h6.request {
	background: #ededed url(/html/user_data/free/guide/step3t.png) no-repeat left 150px center;
}
.outline.step3 .inner div.step3-div {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.outline.step3 .inner .fs14 {
    margin-top: 15px;
}

/* ステップ4 */
.outline.step4 {
	margin-top: 80px;
	margin-bottom: 0;
}
.outline.step4 h6.request {
	background: #ededed url(/html/user_data/free/guide/step4t.png) no-repeat left 150px center;
}
.outline .inner .step-flex-prefectures {
	column-gap: 35px;
	margin-top: 30px;
	margin-bottom: 40px;
}
.outline .inner .step-flex .prefectures {
	width: 100%;
}
.outline .inner .step-flex-prefectures .fs14 {
	margin-bottom: 20px;
}
.outline .inner .step-flex-table table {
	margin: 30px 0 10px 0;
}
.outline .inner .step-flex-table table tr th,
.outline .inner .step-flex-table table tr td {
	border: 1px solid #DFDFDF;
}
.outline .inner .step-flex-table table tr th {
	width: 180px;
	background: #F6F6F6;
	padding: 10px;
}
.outline .inner .step-flex-table table tr td {
	padding: 20px;
	font-weight: bold;
	text-align: center;
}
.outline .inner .step-flex-table .cm-txt-ul-clr {
	margin-top: 20px;
}
.outline.end::after {
	display: none;
}

/* ステップ2-2 */
.outline.step2 .step2-inner .cm-txt-ul-clr {
	margin-bottom: 0;
}


/* ご注文の際の便利なサービス */
p.red-disk::before {
	content: "●";
	font-size: 8px;
	color: #E8343D;
	margin-right: 5px;
}
p.red-disk {
	padding-left: 1em;
	text-indent: -1em;
}
.service p {
	font-size: 14px;
}
.service .inner {
	margin-top: 45px;
}
.service .inner .red-disk {
	margin-bottom: 15px;
}
.service .inner .p-bnr-pita-box {
	margin: 35px 0 30px 0;
}
.service .inner .service-flex {
	display: flex;
	column-gap: 30px;
	justify-content: space-between;
}
.service .inner .service-flex .service2-img {
	width: 100%;
	max-width: 400px;
	height: auto;
	text-align: right;
}
.service .inner .service-flex .service3-img {
	width: 100%;
	max-width: 210px;
	height: auto;
	text-align: right;
}
.service .inner.service2 .p-link-box {
	margin-top: 25px;
}
.service .inner.service2 .fs13 {
	margin-top: 10px;
}
.service .inner.service2 .noshi {
	margin-top: 20px;
}

.p-link-box.p-link-box-l .type01 {
	margin-top: 60px;
	background: #fff url(/html/user_data/free/guide/arrow-l.png) left 26px center/8px auto no-repeat;
}
.p-link-box.p-link-box-l .type01:hover {
	background: #fff5f5 url(/html/user_data/free/guide/arrow-red-l.png) left 26px center/8px auto no-repeat;
}

/* レスポンシブ */
@media screen and (max-width: 767px){
    .p-sub-ranking-box-img {
        padding: 0;
    }
    .p-sub-ranking-box-img p.bold {
        text-align: center;
        font-size: calc(14 / 3.75 * 1vw);
    }
	.p-sub-ranking-box-img .anc-link-wrap ul {
		margin-bottom: 15px;
        margin-top: 15px;
	}
	.p-sub-ranking-box-img .anc-link-wrap ul li {
		width: 100%;
	}
	.p-sub-ranking-box-img .anc-link-wrap div a {
		margin-right: 0;
	}
    .p-sub-ranking-box-img .anc-link-wrap ul li a {
        width: 80%;
        justify-content: space-between;
    }
    .service p {
        font-size: calc(13 / 3.75 * 1vw);
    }
    .service .inner .red-disk {
        font-size: calc(14 / 3.75 * 1vw);
    }
	section.sec-service {
		padding: 0;
	}
	section.sec-service h2 {
		padding: 0 calc(10 / 3.75 * 1vw);
	}
	.outline .inner {
		padding: 20px 10px;
	}
	.outline .step-flex {
		flex-flow: column;
		margin-top: 30px;
	}
	.outline .inner .step-flex-2box {
		flex-flow: column;
		margin-top: -220px;
    	row-gap: 10px;
	}
	.outline .inner .step-flex-2box div {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}
	.outline .step-flex .position-sp {
		max-width: 350px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		pointer-events: none;
	}
	.outline .step-flex .step1-img {
		max-width: inherit;
    	width: 350px;
	}
	.outline .step-flex .step1-text {
		width: 100%;
		max-width: 330px;
		margin: 0 auto;
		position: absolute;
		bottom: 220px;
		text-align: right;
		pointer-events: auto !important;
	}
	.outline .step-flex .step1-text p {
		font-size: 15px;
	}
	.outline .step-flex .step1-text a {
		width: 100%;
		margin-top: 5px;
	}
	.outline .inner .step-flex-2box div p.bold {
		margin-right: 10px;
	}
	.outline::after {
		left: 42%;
	}
	.outline .inner p.red.bold {
		margin-bottom: 5px;
	}
	.outline .step-img {
/*		width: 100px;
		height: 60px;*/
		top: -5px;
	}
	.outline h6.request {
		padding: 20px 0 20px 165px;
		background: #ededed url(/html/user_data/free/guide/step1t.png) no-repeat left 100px center;
	}
	.staff {
		padding: 0 calc(10 / 3.75 * 1vw);
	}
	.staff .staff-comment .bold {
		font-size: calc(14 / 3.75 * 1vw);
	}
	.staff .staff-comment {
		padding: 10px;
	}
/* ステップ2 */
	.outline.step2 h6.request {
    	background: #ededed url(/html/user_data/free/guide/step2t.png) no-repeat left 100px center;
	}
	.outline.step2 .inner .fs14 {
		font-size: calc(13 / 3.75 * 1vw);
		margin-top: 10px;
	}
	.outline .inner .howto-wrap .flx-box.simulator {
		width: 33%;
	}
	.outline .inner .howto-wrap .flx-box {
		width: 33%;
	}
	.outline .inner .howto-wrap .detail-box p {
		height: 130px;
	}
	.outline .inner .howto-wrap .flx-box .detail-box {
		height: 76vw;
	}
	.outline.step2 .step-deco .fs14 {
		text-align: left;
	}
	.h3-deco {
		line-height: 1.5;
	}
	.h3-deco::before {
		width: 40px;
		height: 40px;
		background-size: 30px;
	}
	.h3-deco::after {
		width: 40px;
		height: 40px;
		background-size: 30px;
	}
/* ステップ3 */
	.outline.step3 h6.request {
    background: #ededed url(/html/user_data/free/guide/step3t.png) no-repeat left 100px center;
	}
	.outline.step3 .fs14 {
		font-size: calc(13 / 3.75 * 1vw);
		margin-top: 10px;
	}
/* ステップ4 */
	.outline.step4 h6.request {
    background: #ededed url(/html/user_data/free/guide/step4t.png) no-repeat left 100px center;
	}
	.outline .inner .step-flex-prefectures {
		flex-flow: column-reverse;
		margin-bottom: 20px;
	}
	.outline .inner .step-flex .prefectures {
		margin-top: 20px;
	}
	.outline .inner .step-flex-table table {
		width: 100%;
	}
	.outline .inner .step-flex-table table tr th {
		width: 50%;
	}
	.outline .inner .step-flex-table .fs14 {
		font-size: calc(12 / 3.75 * 1vw);
	}
	.pd04 img {
		width: 100%;
		margin-bottom: 10px;
	}
	.pd04 .tx p {
		margin-bottom: 20px;
	}

/* ご注文の際の便利なサービス */
	.service .inner .service-flex {
    flex-flow: column;
    row-gap: 20px;
	}
	.service .inner .service-flex .service2-img {
		margin: 0 auto;
		max-width: inherit;
		text-align: center;
	}
	.service .inner .service-flex .service3-img {
		margin: 0 auto;
		max-width: inherit;
		text-align: center;
	}
	.service2-sp {
		margin-bottom: 30px;
	}
	.p-link-box-l .type01 {
		margin-top: 40px;
	}
}
/* ご納品までの流れ 終わり */


/* お気に入り機能について 始まり */
	.fukidashi {
		background: #F9F9F9;
		padding: 30px 10px 30px 30px;
	}
	.fukidashi p.bold {
		margin-bottom: 20px;
		font-size: 16px;
	}
	.fukidashi .fukidashi-flex {
		display: flex;
		flex-flow: column;
		row-gap: 30px;
        align-items: baseline;
	}
	.guide-button .p-link-box .type01 {
		margin-top: 0;
	}
/* レスポンシブ */
	@media screen and (max-width: 767px){
		.fukidashi {
			padding: 25px 20px 30px 20px;
		}
		.fukidashi p.bold {
		margin-bottom: calc(20 / 3.75 * 1vw);
		font-size: calc(15 / 3.75 * 1vw);
	   }
       .fukidashi .fukidashi-flex {
        align-items: center;
       }
        .p-link-box {
        padding: 0;
        }
        .p-link-box .type01 {
        font-size: calc(14 / 3.75 * 1vw);
        }
	}
/* お気に入り機能について 終わり */


/* 会員登録と機能 始まり */
.p-sub-ranking-box.box-guide-account .anc-link-wrap ul {
	flex-wrap: wrap;
	row-gap: 15px;
	margin-bottom: 0;
}
.p-sub-ranking-box.box-guide-account .anc-link-wrap ul li {
	width: 310px;
}
/* 会員登録でもっと便利に */
.step-registration {
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
	margin-top: 20px;
}
.step-registration .step-registratio-box {
	background: #F6F6F6;
	padding: 20px;
	border-radius: 10px;
	width: 225px;
	height: 200px;
}
.step-registration .step-registratio-box .step-registratio-title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.step-registration .step-registratio-box .step-registratio-title .red {
	font-size: 38px;
	font-weight: bold;
	border-right: 1px solid #C3C3C3;
	line-height: 1;
	padding-right: 10px;
}
.step-registration .step-registratio-box .step-registratio-title .bold {
	margin-left: 10px;
	font-size: 15px;
}
.step-registration .step-registratio-box p.fs14 {
    line-height: 1.6;
}
.nav_tp {
    margin-top: 30px;
    text-align: center;
}
.nav_tp .btn {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: url(/html/user_data/assets/img/common/ic_arr_nuki.png) no-repeat right 20px center;
    background-color: #e8343d;
    text-align: center;
    border-radius: 5px;
    padding: 15px 50px;
    box-shadow: 0 2px #bd0009;
    min-width: 350px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    line-height: 1.6;
    transition: .15s ease;
    border: none;
}
.nav_tp .btn:hover {
    opacity: 0.75;
    background-position: right 15px center;
}
.order-history {
	margin-bottom: 30px;
}
.order-history p {
	font-size: 14px;
}
.order-history div {
	margin-top: 20px;
}
.order-history div p {
	line-height: 1.8;
}
.address-flex {
	display: flex;
	justify-content: space-between;
	padding: 30px;
	background: #F9F9F9;
	margin-top: 30px;
}
.address-flex .red-disk {
	margin-bottom: 10px;
	font-size: 14px;
}
/* レスポンシブ */
	@media screen and (max-width: 767px){
		.order-history p {
			font-size: calc(13 / 3.75 * 1vw);
		}
		.order-history p a.cm-txt-ul-clr {
			font-size: calc(13 / 3.75 * 1vw);
		}
		.p-sub-ranking-box a {
			font-size: calc(13 / 3.75 * 1vw);
		}
		.p-sub-ranking-box .anc-link-wrap ul li:hover {
			    background: #FFF5F5 url(/html/user_data/assets/img/common/icn_anc01.png) left calc(8 / 3.75 * 1vw) center/calc(19 / 3.75 * 1vw) auto no-repeat;
		}
		.p-sub-ranking-box.box-guide-account {
			padding: 0;
		}
		.p-sub-ranking-box.box-guide-account .anc-link-wrap ul li {
			width: 48%;
		}
		.p-sub-ranking-box.box-guide-account .anc-link-wrap ul li a {
			width: 100%;
			text-align: center;
			padding-left: 18px;
		}
		.step-registration {
			flex-flow: column;
			row-gap: 10px;
		}
		.step-registration .step-registratio-box {
			width: 100%;
			height: auto;
		}
		.step-registration .step-registratio-box .step-registratio-title {
			margin-bottom: 10px;
		}
		.step-registration .step-registratio-box .step-registratio-title .red {
			font-size: 30px;
		}
		.step-registration .step-registratio-box p.fs14 {
			font-size: calc(13 / 3.75 * 1vw);
		}
		.step-registration .step-registratio-box p.fs14 a.cm-txt-ul-clr {
			font-size: calc(13 / 3.75 * 1vw);
		}
		.nav_tp {
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.nav_tp .btn {
			width: 100%;
			max-width: 355px;
		}
		.address-flex {
			flex-flow: column;
			align-items: center;
			row-gap: 15px;
		}
		.address-flex .red-disk {
			font-size: calc(14 / 3.75 * 1vw);
		}
		.address-flex div img {
			width: 170px;
			height: auto;
		}
	}
/* 会員登録と機能 終わり */


/* サンプル購入依頼方法 始まり */
/*.p-type04 span.guide-sampleorder-title {
	display: inline;
    padding: 0;
    background: none;
    height: auto;
    width: auto;
}
.p-type04 span.guide-sampleorder-title.fs15 {
    line-height: 1.2;
}*/
.guide-arrow {
	text-align: center;
	margin: 30px auto;
}

/* レスポンシブ */
	@media screen and (max-width: 767px){
/*		.p-type04 span.guide-sampleorder-title.fs15 {
			font-size: 14px;
		}*/
		.guide-arrow img {
		width: 47px;
		height: auto;
		}
		.guide-arrow {
			margin: 15px;
		}
	}
/* サンプル購入依頼方法 終わり */


/* ご注文依頼方法 (注文フォームの使い方) 始まり */
.a-arrow {
	text-align: right;
}
.a-arrow a {
	font-size: 15px;
	font-weight: bold;
	padding-right: 15px;
	color: #27A3CD;
	background: url(/html/user_data/free/guide/arrow.png) no-repeat right center;
	background-size: 7px;
}
.p-sub-ranking-box .anc-link-wrap ul.shadow li {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
/* レスポンシブ */
	@media screen and (max-width: 767px){
		.a-arrow a {
			font-size: calc(13 / 3.75 * 1vw);
		}
	}
/* ご注文依頼方法 (注文フォームの使い方) 終わり */


/* お見積依頼方法 (見積依頼フォームの使い方) 始まり */
.fukidashi .fukidashi-text-box {
    background: #FFF9EE;
    border: 1px solid #FEE2B0;
    padding: 20px;
    width: 800px;
    margin: 30px auto;
    text-align: center;
}
.fukidashi .fukidashi-text-box p.bold.fs13 {
	margin-bottom: 5px;
}
/* レスポンシブ */
@media screen and (max-width: 767px){
	.fukidashi .fukidashi-text-box {
		width: 100%;
		padding: 10px 18px;
	}
}
/* お見積依頼方法 (見積依頼フォームの使い方) 終わり */

/* ご利用ガイド 始まり */
.guide-top ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 16px;
}
.guide-top ul li {
	width: 48%;
	border-bottom: 1px solid #E5E5E5;
	background: url(/html/user_data/free/guide/arrow3.png) no-repeat right 20px center;
	transition: 0.3s ;
	display: flex;
    align-items: center;
}
.guide-top ul li:hover {
	background: url(/html/user_data/free/guide/arrow3.png) no-repeat right 10px center;
}
.guide-top ul li.labo {
	background: url(/html/user_data/free/guide/ic9.png) no-repeat right 20px center;
}
.guide-top ul li a {
	display: block;
	padding: 18px 10px;
    width: 100%;
}

/* レスポンシブ */
@media screen and (max-width: 767px){
.guide-top ul {
	font-size: calc(13 / 3.75 * 1vw);
}
.guide-top ul li {
	background: url(/html/user_data/free/guide/arrow3_on.png) no-repeat right center;
}
.guide-top ul li.labo {
	background: url(/html/user_data/free/guide/ic9.png) no-repeat right center;
}
.guide-top ul li.labo:hover {
	background: url(/html/user_data/free/guide/ic9.png) no-repeat right center;
}
.guide-top ul li a {
	padding: 20px 0;
	line-height: 1.5;
}
.guide-top ul li:hover {
	background: url(/html/user_data/free/guide/arrow3_on.png) no-repeat right center;
}
.guide-top ul li a.sp-pdding {
	padding: 10px 0;
}
.guide-top ul li a .fs13 {
	font-size: font-size: calc(12 / 3.75 * 1vw);
	font-weight: normal;
}
}
/* ご利用ガイド 終わり */

/* マイページ 始まり */
.red-disk-flex {
	display: flex;
	flex-wrap: wrap;
}
.red-disk-flex p {
	width: 50%;
	margin-bottom: 5px;
}
div.guide-mypage {
	text-align: center;
	margin-top: 30px;
}
.guide-mypage .guide-mypage-text {
	width: 800px;
	padding: 20px 30px;
	background: #FFF9EE;
	margin: 30px auto;
}
.guide-mypage .guide-mypage-text p {
	text-align: left;
	font-size: 13px;
}
/* レスポンシブ */
@media screen and (max-width: 767px){
.red-disk-flex p {
	width: 100%;
}
div.guide-mypage {
	margin-top: 20px;
}
.guide-mypage .guide-mypage-text {
	width: 100%;
	padding: 20px;
	margin-top: 50px;
}
.guide-mypage .guide-mypage-text p {
	font-size: calc(13 / 3.75 * 1vw);
}
}
/* マイページ 終わり */

/* お支払い方法、領収書・納品書他各種書類について 始まり */
.red-disk-flex.payment p {
	width: 100%;
}
div.guide-payment {
	text-align: center;
	margin-top: 30px;
}
.guide-payment .guide-payment-text {
	width: 900px;
	padding: 20px 60px;
	background: #FFF9EE;
	margin: 30px auto;
}
.guide-payment .guide-payment-text p {
	text-align: left;
	font-size: 14px;
}
/* レスポンシブ */
@media screen and (max-width: 767px){
.red-disk-flex.payment {
	margin: 40px 20px;
}
div.guide-payment {
	margin-top: 20px;
}
.guide-payment .guide-payment-text {
	width: 100%;
	padding: 20px;
	margin-top: 30px;
}
.guide-payment .guide-payment-text p {
	font-size: calc(13 / 3.75 * 1vw);
}
}
/* お支払い方法、領収書・納品書他各種書類について 終わり */

/* キャンセル・注文取消/変更・ 不良品の交換について 始まり */
.red-disk-flex.guide-cance {
	margin: 40px 20px 60px 20px;
}
.red-disk-flex.guide-cance p {
	width: 100%;
}
.red-disk-flex.guide-cance p.fs16 {
	font-size: 16px;
	margin-bottom: 20px;
}
.guide-payment .guide-payment-text p.fs16 {
	font-size: 16px;
	margin-bottom: 10px;
}
/* レスポンシブ */
@media screen and (max-width: 767px){
.order-history.cancel {
	margin-bottom: 20px;
}
.order-history .fs14 {
	font-size: calc(13 / 3.75 * 1vw);
}
.red-disk-flex.guide-cance {
	margin: 40px 20px 50px 20px;
}
.red-disk-flex.guide-cance p.fs16 {
	font-size: calc(16 / 3.75 * 1vw);
	margin-bottom: 10px;
}
.guide-payment .guide-payment-text p.fs16 {
	font-size: calc(16 / 3.75 * 1vw);
}
}
/* キャンセル・注文取消/変更・ 不良品の交換について 終わり */

/* 配送・送料について 始まり */
.delivery-table {
margin-top: 20px;
margin-bottom: 10px;
}
.delivery-table tr th,
.delivery-table tr td {
border: 1px solid #DFDFDF;
width: 180px;
font-weight: bold;
vertical-align: middle;
}
.delivery-table tr th {
padding: 10px 0;
background: #F6F6F6;
}
.delivery-table tr td {
padding: 18px 0;
text-align: center;
}
.delivery-img {
margin-bottom: 30px;
}
.delivery-table.delivery-table-time tr th {
text-align: left;
padding-left: 10px;
}
.delivery-table.delivery-table-time tr td {
width: 120px;
}
.delivery-table.delivery-table-time tr td.col {
width: 150px;
}
.guide-payment-text.delivery-text {
padding: 20px;
}
div.delivery-img-flex {
display: flex;
margin: 30px 20px;
column-gap: 30px;
}
div.delivery-text-flex {
display: flex;
justify-content: space-between;
column-gap: 30px;
}
div.delivery-text-flex p.delivery-text-flex-p {
margin-top: 30px;
margin-bottom: 40px;
}
.fukidashi.delivery-fukidashi {
margin-bottom: 50px;
}
.fukidashi.delivery-fukidashi p.bold {
margin-bottom: 20px;
}
div.notes {
border: 1px solid #E6393D;
padding: 20px;
width: 100%;
margin-top: 30px;
}
.notes .ic7 {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
padding-left: 30px;
background: url(/html/user_data/free/guide/ic7.png) no-repeat left center;
}
/* レスポンシブ */
@media screen and (max-width: 767px){
.guide-delivery .p-type01 {
	margin-bottom: 0;
}
.delivery-table.delivery-table-time {
	margin: 20px auto;
}
.delivery-table.delivery-table-time tr {
	display: flex;
	flex-flow: column;
}
.delivery-table.delivery-table-time tr th {
	width: 235px;
	text-align: center;
	padding-left: 0;
}
.delivery-table.delivery-table-time tr td {
	width: 235px;
	padding: 15px 0;
}
.delivery-table.delivery-table-time tr td.col {
	width: 235px;
}
.guide-payment-text.delivery-text {
	margin-bottom: 10px;
}
.delivery-img {
	text-align: center;
}
div.delivery-img-flex {
	flex-flow: column;
	row-gap: 20px;
	margin: 30px auto;
	align-items: center;
}
div.notes {
	padding: 10px;
}
.notes .ic7 {
	margin-bottom: 5px;
}
div.delivery-text-flex {
	flex-flow: column;
	row-gap: 20px;
	margin: 10px auto 30px auto;
}
div.delivery-text-flex img {
	width: 225px;
	height: auto;
	margin: 0 auto;
}
div.delivery-text-flex p.delivery-text-flex-p {
	margin-top: 0;
	margin-bottom: 30px;
}
}
/* 配送・送料について 終わり */

/* はじめての方へ 202505 CSS 始まり*/
@media only screen and (not (min-width: 768px)) {
.beg-10service{
margin-top: calc(40 / 3.75* 1vw);
}
}

/* ボタン ここから
-------------------------------------------- */
@media only screen and (not (min-width: 768px)) {
.beg-10service  .design_data-all .design-link {
height: calc(50 / 3.75* 1vw);
border-radius: calc(25 / 3.75* 1vw);
font-size: calc(13 / 3.75* 1vw);
}
}

.beg-10service .design-link::after {
content: "";
display: block;
width: 8px;
height: 12px;
background-image: url(https://www.shop-stationery.com/html/user_data/free/towel/arrow_sakusei.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}

/* ボタン ここまで
-------------------------------------------- */

/* カラー
-------------------------------------------- */
.beg-10service .color {
color: #AAAAAA;
}

/* ▼ Mv ここから ▼
---------------------------------------------*/
.beg-10service .p-sub-kv-box02 {
margin-top: 20px;
margin-bottom: 40px;
background: #fbfbfb;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02 {
margin-top: 0;
margin-bottom: 0;
padding: 0;
position: relative;
/* background: #fff; */
}
}

.beg-10service .p-sub-kv-box02__inner {
max-width: 960px;
margin: 0 auto;
padding: 30px 25px 20px 18px;
display: flex;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__inner {
max-width: 100%;
flex-direction: column;
padding: calc(14 / 3.75* 1vw) calc(10 / 3.75* 1vw) calc(34 / 3.75* 1vw);
background: #fbfbfb;
}
}

.beg-10service .p-sub-kv-box02__title-area {
width: 50%;
max-width: 285px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__title-area {
width: 100%;
max-width: calc(276 / 3.75* 1vw);
margin: 0 auto;
}
}

.beg-10service .p-sub-kv-box02__title {
font-size: 35px;
font-weight: bold;
line-height: 1;
color: #707070;
padding: 0 0 14px;
border-bottom: 3px dashed #cccccc;
max-width: 245px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__title {
font-size: calc(30 / 3.75* 1vw);
max-width: 100%;
text-align: center;
margin: 0 auto;
padding-bottom: calc(13 / 3.75* 1vw);
}
}

.beg-10service .p-sub-kv-box02__img {
margin-top: 21px;
}
.beg-10service .p-sub-kv-box02__img img{
object-fit: cover;
height: 100%;
width: 100%;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__img {
margin: calc(15 / 3.75* 1vw) auto 0;
width: calc(203 / 3.75* 1vw);
}
}

.beg-10service .p-sub-kv-box02__details {
flex: 1;
position: relative;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__details {
display: flex;
flex-direction: column-reverse;
}
}

.beg-10service .p-sub-kv-box02__lead {
font-size: 14px;
font-weight: bold;
color: #707070;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__lead {
font-size: calc(13 / 3.75* 1vw);
text-align: center;
margin-top: calc(20 / 3.75* 1vw);
}
}

.beg-10service .p-sub-kv-box02__list {
margin-top: 38px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 13px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__list {
gap: calc(8 / 3.75* 1vw);
margin-top: calc(15 / 3.75* 1vw);
}
}

.beg-10service .p-sub-kv-box02__list-item {
border-radius: 50%;
background: linear-gradient(180deg, #fff 50%, #FFED98 50%);
max-width: 200px;
height: 200px;
border: 2px solid #EEEEEE;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__list-item {
max-width: calc(113 / 3.75* 1vw);
height: calc(113 / 3.75* 1vw);
}
}

.beg-10service .p-sub-kv-box02__list-img {
height: 55%;
position: relative;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__list-img {
display: none;
}
}

.beg-10service .p-sub-kv-box02__list-img img {
width: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}

.beg-10service .p-sub-kv-box02__list-img.--img01 img {
max-width: 154px;
top: 16px;
}

.beg-10service .p-sub-kv-box02__list-img.--img02 img {
max-width: 124px;
top: 11px;
}

.beg-10service .p-sub-kv-box02__list-img.--img03 img {
max-width: 85px;
top: 10px;
}

.beg-10service .p-sub-kv-box02__list-text {
height: 45%;
padding-top: 16px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__list-text {
font-size: calc(12 / 3.75* 1vw);
line-height: 1.5;
padding: calc(12 / 3.75* 1vw) 0 0;
}
}

.beg-10service .p-sub-kv-box02__list-text p {
font-weight: bold;
color: #666666;
line-height: 1.5;
text-align: center;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__list-text p {
font-feature-settings: "palt";
}
}

.beg-10service .p-sub-kv-box02__list-text span {
font-size: 18px;
display: block;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-box02__list-text span {
font-size: calc(15 / 3.75* 1vw);
padding-top: calc(10 / 3.75* 1vw);
}
}

.beg-10service .p-sub-kv-guide-sp {
display: none;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-guide-sp {
display: block;
order: 4;
font-size: calc(11 / 3.75* 1vw);
font-weight: bold;
position: relative;
max-width: calc(66 / 3.75* 1vw);
margin: calc(12 / 3.75* 1vw) auto 0;
}
}

.beg-10service .p-sub-kv-guide-sp-arrow {
display: block;
width: 100%;
margin-top: calc(15 / 3.75* 1vw);
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-guide-sp::after,
.beg-10service .p-sub-kv-guide-sp::before {
content: '';
display: block;
width:  100%;
max-width: calc(33 / 3.75* 1vw);
height: calc(2 / 3.75* 1vw);
background: #AAAAAA;
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-guide-sp::after {
transform: rotate(25deg);
position: relative;
left: calc(2 / 3.75* 1vw);
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .p-sub-kv-guide-sp::before {
position: absolute;
bottom: 0;
right: calc(2 / 3.75* 1vw);
transform: rotate(-25deg);
}
}
/* Mv ここまで
-------------------------------------------- */

/* ▼ ほしい！ノベルティが選ばれる５つの理由 ここから ▼
-------------------------------------------- */
.beg-10service .p-type07.--deco {
font-size: 21px;
font-weight: bold;
text-align: center;
display: flex;
justify-content: center;
gap: 10px;
align-items: flex-end;
color: #666;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-type07.--deco {
font-size: calc(18 / 3.75* 1vw);
line-height: 1.5;
}
}

.beg-10service .p-type07.--deco::before, .beg-10service .p-type07.--deco::after {
content: "";
width: 31px;
height: 29px;
margin: 0;
background: url(/html/user_data/assets/img/common/purpose_ico01.png) center center/contain no-repeat;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-type07.--deco::before, .beg-10service .p-type07.--deco::after {
height: 7.73vw;
width: 8.26vw;
}
}

.beg-10service .p-type07.--deco::after {
transform: scale(-1, 1);
}

.beg-10service .p-type07.--deco .fz-l {
font-size: 26px;
vertical-align: baseline;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .p-type07.--deco .fz-l {
font-size: calc(21 / 3.75* 1vw);
}
}

.beg-10service .reason__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 20px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .reason__items {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-top: 25px;
}
}

.beg-10service .reason__items.--items02 {
margin-top: 30px;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .reason__items.--items02 {
grid-template-columns: 1fr;
margin-top: 15px;
gap: 0;
}
}

.beg-10service .reason__item {
padding: 20px 20px 25px;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
border: 1px solid #CCCCCC;
border-radius: 5px;
box-shadow: 0px 3px 6px #00000029;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .reason__item {
padding: 10px 12px 12px;
gap: 10px;
}
}

.beg-10service .reason__item.--item02 {
/* display: flex;
flex-wrap: wrap;
flex-direction: row; */
display: grid;
grid-template-areas:
"title title"
"img text";
grid-template-columns: 211px 1fr;
gap: 12px 20px;
padding: 20px 40px 20px 40px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .reason__item.--item02  {
grid-template-columns: auto 1fr;
gap: 12px 15px;
padding: 10px 15px 15px;
}
}

.beg-10service .reason__item.--item02 .reason__title {
width: 100%;
}

.beg-10service .reason__title {
font-size: 18px;
font-weight: bold;
grid-area: title;
font-feature-settings: "palt";
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .reason__title  {
font-size: calc(14 / 3.75* 1vw);
font-feature-settings: "palt";
text-align: center;
line-height: 1.6;
}
}

.beg-10service .reason__img {
max-width: 220px;
grid-area: img;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .reason__img {
max-width: calc(146 / 3.75* 1vw);
margin-top: 3px;
}
}

.beg-10service .reason__item.--item02 .reason__img  {
max-width: 211px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .reason__item.--item02 .reason__img {
max-width: calc(161 / 3.75* 1vw);
}
}

.beg-10service .reason__text {
text-align: center;
grid-area: text;
font-feature-settings: "palt";
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .reason__text {
line-height: 1.76;
text-align: left;
}
}
/* ▲ ほしい！ノベルティが選ばれる５つの理由 ここまで ▲
-------------------------------------------- */

/* ▼ 簡単商品選び ここから ▼
-------------------------------------------- */
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point {
padding: 0 ;
}
}
/* h2 */
.beg-10service .service-point .p-type01 {
justify-content: flex-start;
margin: 0 0 30px 0;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point .p-type01 {
padding: 0 calc(10 / 3.75* 1vw);
}
}

.beg-10service .service-point .p-type01::after {
margin: 15px 0 0 0;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point .p-type01::after {
margin-top: 10px;
}
}

.beg-10service .service-point__num {
font-size: 38px;
font-weight: bold;
color: #E8343D;
display: inline-block;
padding-left: 12px;
margin-right: 12px;
display: flex;
align-items: center;
gap: 12px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point__num {
font-size: calc(34 / 3.75* 1vw);
/* padding-left: calc(10 / 3.75* 1vw); */
padding-left: 0;
margin-right: calc(10 / 3.75* 1vw);
gap: calc(10 / 3.75* 1vw);
}
}

.beg-10service .service-point__num::after {
content: '';
display: inline-block;
width:  1px;
height: 30px;
background: #ccc;
}

.beg-10service .service-point01__items {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 70px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__items {
margin-top: 30px;
gap: 10px;
}
}

.beg-10service .service-point01__item {
display: flex;
gap: 15px;
overflow: hidden;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__item {
gap: 10px;
padding: 0 calc(10 / 3.75* 1vw);
}
}

.beg-10service .service-point01__flow {
width: 127px;
position: relative;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__flow {
width: calc(66 / 3.75* 1vw);
}
}

.beg-10service .service-point01__flow::after {
content: '';
display: block;
width:  10px;
/* height: calc(100% - 63px); */
height: 100%;
background: #ccc;
margin: 9px auto 0;
}


.beg-10service .service-point01__item:last-child .service-point01__flow::after {
display: none;
}

.beg-10service .service-point01__flow-title {
font-size: 15px;
font-weight: bold;
color: #666666;
height: 54px;
display: grid;
place-items: center;
border-radius: 7px;
background: #f6f6f6;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__flow-title {
font-size: calc(15 / 3.75* 1vw);
height: calc(54 / 3.75* 1vw);
text-align: center;
line-height: 1.4;
}
}

.beg-10service .service-point01__details {
padding-top: 6px;
flex: 1;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__details {
padding-top: 0;
}
}

.beg-10service .service-point01__title {
font-size: 16px;
font-weight: bold;
line-height: 1.6;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__title {
font-size: calc(15 / 3.75* 1vw);
line-height: 1.53;
}
}

.beg-10service .service-point01__title .fz-s {
font-size: 13px;
color: #E8343D;
display: block;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__title .fz-s {
font-size: calc(12 / 3.75* 1vw);
margin-bottom: 5px;
}
}

.beg-10service .service-point01__flex {
display: flex;
gap: 40px;
margin-top: 16px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__flex {
flex-direction: column;
gap: 25px;
}
}

.beg-10service .service-point01__flex-item {
width: calc(50% - 40px);
max-width: 230px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__flex-item {
width: 100%;
max-width: calc(230 / 3.75* 1vw);
padding-bottom: 20px;
}
}

.beg-10service .service-point01__text01 {
font-weight: bold;
line-height: 1;
padding: 9px;
color: #fff;
background: #707070;
border-radius: 15px;
text-align: center;
position: relative;
}

.beg-10service .service-point01__text01::after {
content: '';
display: block;
width:  15px;
height: 7px;
clip-path: polygon(100% 0, 0 0, 50% 100%);
background: #707070;
position: absolute;
bottom: -7px;
left: 50%;
transform: translateX(-50%);
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__text01::after {
bottom: calc(-6.5 / 3.75* 1vw)
}
}

.beg-10service .service-point01__img {
margin: 13px auto 0;
max-width: 160px;
}

.beg-10service .service-point01__img.--link {
display: block;
max-width: 206px;
}

.beg-10service .service-point01__text02 {
font-size: 15px;
font-weight: bold;
color: #707070;
text-align: center;
margin-top: 10px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__text02 {
font-size: calc(14 / 3.75* 1vw);
line-height: 1.7;
}
}

.beg-10service .service-point01__info {
display: flex;
align-items: center;
gap: 10px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__info {
margin: 0 calc(50% - 50vw);
position: relative;
right: 8%;
}
}

.beg-10service .service-point01__info-img {
width: 92px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__info-img {
max-width: calc(92 / 3.75* 1vw);
}
}

.beg-10service .service-point01__info-text {
font-weight: bold;
color: #666666;
padding: 15px 33px 15px 20px;
background: #f6f6f6;
border-radius: 7px;
position: relative;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__info-text {
padding: 15px 30px 15px 20px;
}
}

.beg-10service .service-point01__info-text p {
font-size: 14px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point01__info-text p {
font-size: calc(14 / 3.75* 1vw);
line-height: 1.7;
}
}

.beg-10service .service-point01__info-text::before {
content: '';
display: block;
width:  7px;
height: 15px;
clip-path: polygon(100% 0, 0 50%, 100% 100%);
background: #f6f6f6;
position: absolute;
left: -6px;
top: 50%;
transform: translateY(-50%);
}
/* ▲ 簡単商品選び ここまで ▲
-------------------------------------------- */

/* ▼ さらに便利な機能でお客様をサポート ここから ▼
-------------------------------------------- */
.beg-10service .support {
margin: 35px 0 70px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support {
padding: 0;
margin-top: 25px;
}
}

.beg-10service .support .support__title  {
font-size: 19px;
font-weight: bold;
color: #666666;
text-align: center;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__title {
font-size: calc(17 / 3.75* 1vw);
line-height: 1.7;
padding: 0 calc(8 / 3.75* 1vw);
}
}

.beg-10service .support .support__inner {
background: #f9f9f9;
border-color: #EEEEEE;
padding: 33px 30px 30px;
margin-top: 20px;
margin-bottom: 70px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__inner {
margin-top: 10px;
margin-bottom: calc(25 / 3.75* 1vw);
padding: 0 calc(10 / 3.75* 1vw);
border: 1px solid #EEEEEE;
}
}

.beg-10service .support .support__items {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap : 35px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__items {
grid-template-columns: repeat(1, 1fr);
gap: 0;
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__item {
padding: 20px 0 25px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 15px;
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__item:not(:last-child) {
border-bottom: 1px solid #DDDDDD;
}
}

.beg-10service .support .support__item-title {
font-size: 16px;
font-weight: bold;
line-height: 1.6;
color: #666666;
text-align: center;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__item-title {
font-size: calc(15 / 3.75* 1vw);
width: 100%;
}
}

.beg-10service .support .support__item-lead {
font-size: 13px;
display: block;
font-weight: 500;
} 
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__item-lead {
font-size: calc(12 / 3.75* 1vw);
margin-bottom: 5px;
}
}

.beg-10service .support .support__item-img {
max-width: 280px;
margin: 12px auto 0;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__item-img {
max-width: calc(162 / 3.75* 1vw);
flex: 1;
margin-top: 0;
}
}

.beg-10service .support .support__item-img.--sm {
max-width: 248px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__item-img.--sm {
max-width: calc(143 / 3.75* 1vw);
}
}

.beg-10service .support .support__item-text {
margin-top: 12px;
color: #707070;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__item-text {
max-width: calc(178 / 3.75* 1vw);
margin-top: 0;
}
}

.beg-10service .support .support__btn {
border: #ddd solid 1px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
color: #E8343D;
font-weight: 700;
width: 100%;
transition: .3s ease;
padding: 13px 15px;
margin: 15px auto 0;
max-width: 240px;
font-size: 13px;
box-shadow: 0px 2px 0px #00000026;
display: flex;
font-feature-settings: "palt";
position: relative;
background: #fff;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__btn {
margin-top: 0;
font-size: calc(13 / 3.75* 1vw);
max-width: calc(240 / 3.75* 1vw);
padding: calc(13 / 3.75* 1vw) calc(15 / 3.75* 1vw);
}
}

.beg-10service .support .support__btn::after {
content: '';
display: inline-block;
width:  8px;
height: 12px;
background: url(https://www.shop-stationery.com/assets/img/common/icn_link_arr_g.png) no-repeat center/100%;
position: absolute;
right: 15px;
transition: .3s ease;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .support__btn::after {
width: calc(8 / 3.75* 1vw);
height: calc(12 / 3.75* 1vw);
}
}

.beg-10service .support .support__btn:hover {
background: #fff5f5;
border-color: #f9ccbf;
}

.beg-10service .support .support__btn:hover::after {
background: url(https://www.shop-stationery.com/assets/img/common/icn_link_arr_g_on.png)no-repeat center/100%;;
}

.beg-10service .support .p-link-box .type01 {
background: #fff url(https://www.shop-stationery.com/assets/img/common/icn_link_arr_g.png) right 26px center / 8px auto no-repeat;
margin-top: 25px;
}

.beg-10service .support .p-link-box .type01:hover {
background: #fff5f5 url(https://www.shop-stationery.com/assets/img/common/icn_link_arr_g_on.png) right 26px center / 8px auto no-repeat;
border: 1px solid #f9ccbf;
}
/* ▲ さらに便利な機能でお客様をサポート ここまで ▲
-------------------------------------------- */

/* ▼ 商品の品質確認 ここから ▼
-------------------------------------------- */
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-quality {
margin-top: 60px;
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .support-quality .support__inner {
padding: 17px calc(10 / 3.75* 1vw) 25px;
margin-bottom: calc(60 / 3.75 * 1vw);
}
}

.beg-10service .support-quality .support__items {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 33px 30px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-quality .support__items {
gap: 20px 25px;
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .support-quality .support__item {
width: calc(50% - 12.5px);
padding: 0;
border: none!important;
}
}

.beg-10service .support-quality .links {
margin-top: 30px;
display: flex;
flex-direction: column;
gap: 15px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-quality .links {
width: fit-content;
margin: 25px auto 0;
gap: 18px;
}
}

.beg-10service .support .link {
font-size: 14px;
font-weight: bold;
color: #28A3CD;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
line-height: 1;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support .link {
font-size: calc(14 / 3.75* 1vw);
text-align: right;
line-height: 1.64;
}
}

.beg-10service .support .link::after {
content: '';
display: inline-block;
width: 8px;
height: 12px;
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/arrow3.png) center/100%;
}
/* ▲ 商品の品質確認 ここまで ▲
-------------------------------------------- */

/* ▼ 安心の入稿サポート ここから ▼
-------------------------------------------- */
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point02 {
padding: 0;
}

.beg-10service .service-point02__lead {
padding: 0 calc(10 / 3.75* 1vw);
}
}

.beg-10service .support-submission .support__items {
gap: 30px;
padding: 25px 0 30px;
}

.beg-10service .support-submission .support__item {
display: flex;
flex-direction: column;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-submission .support__item {
border: none!important;
padding: 0;
}
}

.beg-10service .support-submission .support__item-title {
text-align: left;
padding-bottom: 10px;
padding-left: 88px;
color: #333333;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-submission .support__item-title {
padding-bottom: calc(8 / 3.75* 1vw);
padding-left: calc(87 / 3.75* 1vw);
}
}

.beg-10service .support-submission .support__item-title.--ds {
border-bottom: 3px solid #CB468D;
background: url(https://www.shop-stationery.com/html/user_data/free/10service/howto-design_sakusei-icon.png)no-repeat left 0 center/ 78px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-submission .support__item-title.--ds {
background: url(https://www.shop-stationery.com/html/user_data/free/10service/howto-design_sakusei-icon.png)no-repeat left 0 center/ calc(72 / 3.75* 1vw);
}
}

.beg-10service .support-submission .support__item-title.--sim {
padding-left: 66px;
border-bottom: 3px solid #1DB9C6;
background: url(https://www.shop-stationery.com/html/user_data/free/10service/howto-design_simulator-icon.png)no-repeat left 0 center/ 58px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-submission .support__item-title.--sim {
padding-left: calc(87 / 3.75* 1vw);
background: url(https://www.shop-stationery.com/html/user_data/free/10service/howto-design_simulator-icon.png)no-repeat left calc(10 / 3.75* 1vw) center/ calc(58 / 3.75* 1vw);
}
}

.beg-10service .support-submission .support__item-title.--data {
border-bottom: 3px solid #BCA924;
background: url(https://www.shop-stationery.com/html/user_data/free/design_data/design_data_app01.png)no-repeat left 0 center/ 75px;
}

.beg-10service .support-submission .support__item-text {
padding-bottom: 20px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-submission .support__item-text {
max-width: 100%;
padding-bottom: 0;
}
}

.beg-10service .support-submission .support__btn {
margin-top: auto;
}
/* ▲ 安心の入稿サポート ここまで ▲
-------------------------------------------- */

/* 500種類以上のおしゃれなデザインテンプレートが自由に使えます！ ここから
--------------------------------------------- */
.beg-10service .design-page-sample {
margin-top: 32px;
margin-bottom: 40px;
}

.beg-10service .design-page-sample__header {
font-size: 18px;
font-weight: bold;
line-height: 1.22;
text-align: center;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .design-page-sample__header {
font-size: calc(17 / 3.75* 1vw);
line-height: 1.7;
}
}

.beg-10service .design-page-sample__header span {
color: #E8343D;
}

.beg-10service .design-page-sample__list {
margin-top: 20px;
display              : grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .design-page-sample__list {
grid-template-columns: repeat(3, 1fr);
gap: 15px 9px;
margin-top: 10px;
}
}

.beg-10service .design-page-sample .p-link-box {
margin-top: 25px;
}

.beg-10service .p-link-box .type01 {
background: #fff url(https://www.shop-stationery.com/assets/img/common/icn_link_arr_g.png) right 26px center / 8px auto no-repeat;
max-width: 360px;
}

.beg-10service .p-link-box .type01:hover {
background: #fff5f5 url(https://www.shop-stationery.com/assets/img/common/icn_link_arr_g_on.png) right 26px center / 8px auto no-repeat;
border: 1px solid #f9ccbf;
}
/* ▲500種類以上のおしゃれなデザインテンプレートが自由に使えます！ ここまで ▲ 
---------------------------------------------*/


/* ▼ 豊富な印刷方法 ここから ▼
---------------------------------------------*/
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point03 .support__inner {
padding: 15px calc(10 / 3.75* 1vw) 25px;
}
}

.beg-10service .support-print .support__items {
gap: 20px;
}

.beg-10service .support-print .support__items.--col2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap : 20px;
margin-bottom: 20px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-print .support__items.--col2 {
grid-template-columns: repeat(1, 1fr);
}
}

.beg-10service .support-print .support__item {
padding: 20px 20px 30px;
background: #fff;
border: 1px solid #CCCCCC;
border-radius: 5px;
display: flex;
flex-direction: column;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-print .support__item {
padding: 15px 20px 20px;
}
}

.beg-10service .support-print .support__item-title {
color: #333333;
margin-bottom: 20px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-print .support__item-title {
margin-bottom: 0;
}
}

.beg-10service .support-print .support__item-img {
margin-top: auto;
max-width: 100%;
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .support-print .support__item-text {
max-width: 100%;
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .support__items.--sp-col3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap : 10px;
}

.beg-10service .support__items.--sp-col3 .support__item {
padding: 10px 10px 12px;
gap: 12px;
}

.beg-10service .support__items.--sp-col3 .support__item-title {
font-size: calc(13 / 3.75* 1vw);
font-feature-settings: "palt";
text-align: left;
}

.beg-10service .support__items.--sp-col3 .support__item-img {
flex: none;
}
}
/* ▲ 豊富な印刷方法 ここまで ▲ 
---------------------------------------------*/

/* ▼ 包装、封入、のし(熨斗) ここから ▼
---------------------------------------------*/
@media only screen and (not (min-width: 768px)) {
.beg-10service .service-point04 .p-type01 .text, .beg-10service .service-point05 .p-type01 .text {
width: 86%;
line-height: 1.4;
} 
.beg-10service .support.support-print{
margin-bottom: calc(60 / 3.75* 1vw);
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .support-option .support__inner {
padding: 15px calc(10 / 3.75* 1vw) 25px;
}
}

.beg-10service .support-option .support__item-text {
margin-bottom: 20px;
}

.beg-10service .support-option .link {
margin-top: auto;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .support-option .link {
text-align: right;
margin-left: auto;
}
}
/* ▲ 包装、封入、のし(熨斗) ここまで ▲ 
---------------------------------------------*/

/* ▼ データ作成でお困りの際はご相談ください！ ここから ▼
---------------------------------------------*/
@media only screen and (not (min-width: 768px)) {
.beg-10service .c-data-assist {
padding: 0;
}
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .c-data-assis__header {
gap: 0;
justify-content: space-between;
align-items: flex-end;
padding: 0 calc(10 / 3.75* 1vw);
}
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .c-data-assis__header-lead {
font-size: calc(14 / 3.75* 1vw);
line-height: 1.5;
align-items: flex-end;
gap: 5px;
}
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .c-data-assist__body {
/* margin: 20px calc(50vw - 50%) 0; */
padding: 15px calc(10 / 3.75* 1vw) 30px;
position: relative;
} 
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .c-data-assist__title {
font-size: calc(15 / 3.75* 1vw);
color: #333333;
line-height: 1.6;
}
}

/* ボタン ここから
-------------------------------------------- */
.design-link {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 40px;
border: 1px solid #CC468D;
color: #CC468D;
padding: 4px 20px;
border-radius: 20px;
/* min-width: 300px; */
width: 100%;
transition: background-color 0.3s ease;
line-height: 1.4615384615;
font-weight: bold;
line-height: 1;
font-size: 13px;
}
/* ボタン ここまで
-------------------------------------------- */

/* ▼ うれしいお声が届いています！ ここから ▼
-------------------------------------------- */
.p-voice {
padding: 50px 0 80px;
}

.p-voice__flex {
display: flex;
gap: 30px;
}
@media only screen and (not (min-width: 768px)) {
.p-voice__flex {
flex-direction: column;
gap: 15px;
}
}

.p-voice__header {
width: 157px;
}
@media only screen and (not (min-width: 768px)) {
.p-voice__header {
width: 100%;
padding: 0 calc(30 / 3.75* 1vw) 0 calc(15 / 3.75* 1vw);
display: flex;
flex-direction: row-reverse;
justify-content: flex-start;
gap: 5px;
align-items: flex-end;
}
}

.p-voice__text {
font-size: 17px;
font-weight: bold;
line-height: 1.64;
color: #707070;
padding: 11px 15px 12px;
background: #fff;
border: 1px solid #CCCCCC;
border-radius: 10px;
position: relative;
}
@media only screen and (not (min-width: 768px)) {
.p-voice__text {
flex: 1;
font-size: calc(15 / 3.75* 1vw);
padding: 10px 10px 10px 15px;
}
}

.p-voice__text::after {
content: '';
display: block;
width:  17px;
height: 17px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
background: #fff;
position: absolute;
left: 50%;
bottom: -9px;
transform: translateX(-50%) rotate(-45deg);
}
@media only screen and (not (min-width: 768px)) {
.p-voice__text::after {
width: calc(10 / 3.75* 1vw);
height: calc(10 / 3.75* 1vw);
left: calc(-5 / 3.75* 1vw);
bottom: auto;
top: 50%;
transform: translateY(-50%) rotate(45deg);
z-index: 1;
}
}

.p-voice__img {
margin: 17px auto 0;
max-width: 137px;
position: relative;
left: 10px;
}
@media only screen and (not (min-width: 768px)) {
.p-voice__img {
max-width: calc(67 / 3.75* 1vw);
margin: 0;
left: auto;
}
}

.p-voice__flex {
gap: 10px
}

.voice-card__title {
line-height: 1.4;
}

/* ▼ スライド　　ここから　▼
--------------------------------------------- */
.voice-slider-container {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
margin: auto;
}
@media only screen and (not (min-width: 768px)) {
.voice-slider-container {
width: calc(100% - calc(20 / 3.75* 1vw));
gap: calc(10 / 3.75* 1vw);
}
}

.voice-slider-wrapper {
overflow: hidden;
max-width: 743px;
}
@media only screen and (not (min-width: 768px)) {
.voice-slider-wrapper {
max-width: 100%;
}
}

.voice-slider {
display: flex;
transition: transform 0.4s ease;
gap: 20px;
}
@media only screen and (not (min-width: 768px)) {
.voice-slider {
gap: calc(15 / 3.75* 1vw)
}
}

.voice-slide {
flex: 0 0 260px;
display: flex;
flex-direction: column;
gap: 10px; 
}
@media only screen and (not (min-width: 768px)) {
.voice-slide {
flex: 0 0 calc(223 / 3.75* 1vw);
gap: calc(10 / 3.75* 1vw);
}
}

.voice-card {
background: #F9F9F9;
border-radius: 10px;
padding: 22px 20px 20px;
position: relative;
}

.voice-card:after {
content: '';
display: block;
width: 15px;
height: 15px;
background: #f9f9f9;
position: absolute;
transform: rotate(-45deg);
bottom: -6px;
left: 35px;
}
@media only screen and (not (min-width: 768px)) {
.voice-card:after {
width: calc(15 / 3.75* 1vw);
height: calc(15 / 3.75* 1vw);
left: calc(35 / 3.75* 1vw);
bottom: calc(-6 / 3.75* 1vw)
}
}

.voice-card__title {
font-size: 14px;
font-weight: bold;
margin-bottom: 14px;
}
@media only screen and (not (min-width: 768px)) {
.voice-card__title {
font-size: calc(14 / 3.75* 1vw);
line-height: 1.64;
}
}

.voice-card__stars {
margin-bottom: 10px;
display: flex;
gap: 3px;
}
@media only screen and (not (min-width: 768px)) {
.voice-card__stars {
gap: calc(3 / 3.75* 1vw)
}
}

.voice-card__stars img {
width: 16px;
}
@media only screen and (not (min-width: 768px)) {
.voice-card__stars img {
width: calc(16 / 3.75* 1vw);
}
}

.voice-card__text {
font-size: 13px;
line-height: 1.76;
}
@media only screen and (not (min-width: 768px)) {
.voice-card__text {
font-size: calc(13 / 3.75* 1vw);
}
}

.voice-card__user {
padding-left: 20px;
display: flex;
align-items: baseline;
gap: 10px;
}
@media only screen and (not (min-width: 768px)) {
.voice-card__user {
padding-left: calc(20 / 3.75* 1vw);
gap: calc(10 / 3.75* 1vw)
}
}

.voice-card__icon {
width: 17px;
}
@media only screen and (not (min-width: 768px)) {
.voice-card__icon {
width: calc(17 / 3.75* 1vw);
}
}

.voice-card__name {
font-size: 13px;
font-weight: bold;
color: #707070;
}
@media only screen and (not (min-width: 768px)) {
.voice-card__name {
font-size: calc(13 / 3.75* 1vw);
}
}

.voice-slider-nav {
display: block;
width: 15px;
height: 15px;
background: transparent;
border: none;
border-bottom: 3px solid #B9B9B9;
border-left: 3px solid #B9B9B9;
cursor: pointer;
}
@media only screen and (not (min-width: 768px)) {
.voice-slider-nav {
width: calc(15 / 3.75* 1vw);
height: calc(15 / 3.75* 1vw);
}
.voice-slider-container {
gap: calc(5 / 3.75* 1vw)
}

.voice-card {
border-radius: calc(10 / 3.75* 1vw);
}

.voice-slider-nav {
width: calc(10 / 3.75* 1vw);
height: calc(10 / 3.75* 1vw);
padding: calc(4 / 3.75 * 1vw);
border-width: 2px;
}
}

.voice-slider-nav:disabled {
opacity: 0.3;
}

.prev {
transform: rotate(45deg);
}

.next {
transform: rotate(225deg);
}
/* ▲ スライド ここまで ▲
-------------------------------------------- */

/* ▲ うれしいお声が届いています！ ここまで ▲
-------------------------------------------- */

/* ▼ ジャンプリンク ここから ▼
-------------------------------------------- */

@media only screen and (not (min-width: 768px)) {
.beg-10service .assets .featureNav li {
height: auto;
min-height: auto;
}
.beg-10service .assets .featureNav li:nth-child(2){
width: 60%;
}      
}

.beg-10service .assets .featureNav li a.fNav_txt {
flex-direction: column;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .assets .featureNav li a.fNav_txt {
flex-wrap: nowrap;
font-feature-settings: "palt";
justify-content: start;
}
}

.beg-10service .assets .featureNav li a.fNav_txt p.fNav__point {
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #E8343D;
display: block;
margin-bottom: 6px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .assets .featureNav li a.fNav_txt p.fNav__point {
margin-bottom: 10px;
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .assets .featureNav li:nth-child(4) a.fNav_txt p.fNav__point {
margin-bottom: 3px;
}
}

@media only screen and (not (min-width: 768px)) {
.beg-10service .assets .featureNav li::before {
height: 112%;
}
}

.beg-10service .fNav__point em {
font-size: 14px;
font-style: normal;
}

.beg-10service  .assets .featureNav li a.fNav_txt p {
margin-bottom: 4px;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .assets .featureNav li a.fNav_txt p {
line-height: 1.23;
}
}

.beg-10service .assets .featureNav li a.fNav_txt::after {
position: static;
}
@media only screen and (not (min-width: 768px)) {
.beg-10service .assets .featureNav li a.fNav_txt::after {
margin-top: auto;
}
}
/* ▲ ジャンプリンク ここまで ▲
-------------------------------------------- */

/* ▼ 商品レビュー ここから ▼
---------------------------------------------*/
.p-review-box .review-slide .review-arr.prev{
transform:none !important;
}
@media screen and (min-width: 768px) {
.p-review-box .review-slide {
width: 896px;
padding-left: 4px;
}

.p-review-box .review-slide .slide {
width: 288px;
}
}
/* ▲ 商品レビュー ここまで ▲ 
---------------------------------------------*/

@media only screen and (not (min-width: 768px)) {
.beg-10service .assets .featureNav li a.fNav_txt p.fNav__point {
font-size: calc(12 / 3.75* 1vw);
}

.beg-10service .fNav__point em {
font-size: calc(14 / 3.75* 1vw);
}

.beg-10service .service-point01__text01 {
border-radius: calc(15 / 3.75* 1vw);
padding: calc(9 / 3.75* 1vw);
}

.beg-10service .service-point01__text01::after {
width: calc(15 / 3.75* 1vw);
height: calc(7 / 3.75* 1vw);
}

.beg-10service .service-point01__img {
margin: calc(13 / 3.75* 1vw) auto 0;
max-width: calc(160 / 3.75* 1vw);
}

.beg-10service .service-point01__img.--link {
max-width: calc(206 / 3.75* 1vw);
} 

.beg-10service .support .p-link-box .type01 {
max-width: calc(355 / 3.75* 1vw)
}

.beg-10service .service-point01__info {
margin: 0 calc(51% - 50vw);
gap: calc(10 / 3.75* 1vw)
}

.beg-10service .service-point01__info-img {
width: 100%;
}

.beg-10service .service-point01__info-text {
max-width: calc(248 / 3.75* 1vw);
padding: calc(15 / 3.75* 1vw) calc(30 / 3.75* 1vw) calc(15 / 3.75* 1vw) calc(20 / 3.75* 1vw);
}

.beg-10service .service-point01__info-text::before {
width: calc(7 / 3.75* 1vw);
height: calc(15 / 3.75* 1vw);
left: calc(-6 / 3.75* 1vw);
}

.beg-10service .support .link {
gap: calc(8 / 3.75* 1vw)
}

.beg-10service .support .link::after {
width: calc(8 / 3.75* 1vw);
height: calc(12 / 3.75* 1vw);
}

.beg-10service .service-point__num::after {
width: calc(1 / 3.75* 1vw);
height: calc(30 / 3.75* 1vw);
}

.beg-10service .support-submission .support__item-title.--data {
background-size: calc(75 / 3.75* 1vw);
}

.beg-10service .p-link-box .type01 {
max-width: calc(360 / 3.75* 1vw);
background-size: calc(8 / 3.75* 1vw);
}

.design-about-title-deco::before, .design-about-title-deco::after {
width: calc(15 / 3.75* 1vw);
height: calc(30 / 3.75* 1vw);
}

.c-data-assist__flex-title {
height: calc(40 / 3.75* 1vw);
}

.c-data-assist__grid-title {
height: calc(55 / 3.75* 1vw);
padding-bottom: calc(13 / 3.75* 1vw);
display: flex;
justify-content: center;
align-items: center;
}

.beg-10service .support .p-link-box .type01 {
background-size: calc(8 / 3.75* 1vw);
}

.beg-10service .service-point .p-type01::after {
margin-top: calc(5 / 3.75* 1vw);
}

.beg-10service .support .support__item {
gap: calc(15 / 3.75* 1vw)
}

.beg-10service .support-option .support__item-text {
margin-bottom: calc(20 / 3.75* 1vw);
}
}

/* ▲追加CSS（FB用）▲ */   

/* はじめての方へ 202505 CSS 終わり*/


/* ご納品までの流れ 始まり 20250529追加 */
.outline .step-flex .step-flex-t.step-flex-t-top {
	margin-bottom: 40px;
}
.outline .step-flex .step-flex-t.step-flex-t-bottom{
	margin-bottom: 100px;
}
/* ご納品までの流れ 終わり  20250529追加*/

/* はじめての方へ 始まり 20250724追加 */
.beg-10service .p-sub-kv-box02__title{
    text-align: center;
}
.p-sub-kv-box02__title-sub{
    font-size:22px;
    font-weight: bold;
    color: #707070;
}
@media only screen and (not (min-width: 768px)) {
    .beg-10service .p-sub-kv-box02__title{
       line-height: 1.1; 
    }
    .p-sub-kv-box02__title-sub {
    font-size: calc(18 / 3.75 * 1vw);
    }
}
/* はじめての方へ 終わり 20250724追加 */