/* CSS Document */

:root{
--kv-btn-radius:27px;
}
section.top_kv .inner{width:100%; max-width:none; position: relative;}
section.top_kv .inner > img,
section.top_kv .inner > picture{width:100%; height: 1130px; margin: 0 auto;}
section.top_kv .inner > picture{position: relative;}
section.top_kv .inner > picture > img{position: absolute; inset:0; width:100%; height:100%;}
section.top_kv .inner > img:nth-of-type(1),
section.top_kv .inner > picture:nth-of-type(1){max-width: 1600px; object-position: center center;}
section.top_kv .inner > img:nth-of-type(n+2),
section.top_kv .inner > picture:nth-of-type(n+2){position: absolute; inset:0; max-width: 1280px;}
section.top_kv .inner .btn{position: absolute; bottom: 260px; left: max(50px,calc(50px + (100vw - 1280px) / 2)); max-width: 100%;}
section.top_kv .inner .btn > a{width:560px; max-width: 100%; height: 180px; color: #FFF;
border-radius: var(--kv-btn-radius); padding: 0 var(--kv-btn-radius);
gap:20px 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
section.top_kv .inner .btn > a .t1{font-size: 47px; font-weight: 900; position: relative; width:100%;
gap: 0.75em; display: flex; justify-content: flex-end; align-items: center;}
section.top_kv .inner .btn > a .t1 svg{width:1em;}
section.top_kv .inner .btn > a .cmn_hassou{width: 100%; min-height: 69px; font-weight: 900; gap: 0 18px;}
section.top_kv .inner .btn > a .cmn_hassou .f{background-color: #FFF; color: var(--color-K); border-radius: 12px;
flex-grow: 1; gap: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
section.top_kv .inner .btn .caution{font-size: 12px; margin-top: 1em;}
@media screen and (min-width: 1000px) and (max-width: 1279px) {
	section.top_kv .inner > picture:nth-of-type(1) > img{object-position: calc(50% - (100vw - 1280px) / 2) center;}
	section.top_kv .inner > picture:nth-of-type(n+2) > img{object-position: left center;}
}
@media screen and (max-width: 999px) {
	:root{
	--kv-btn-radius:16px;
	}
	section.top_kv{padding-top: var(--size-header-H); padding-bottom: calc(86 * var(--responsive-max));}
	section.top_kv .inner{}
	section.top_kv .inner > img,
	section.top_kv .inner > picture{width: 375px; height: 700px; object-position: center top;}
	section.top_kv .inner > picture > img{object-position: center top;}
	section.top_kv .inner .btn{max-width: 335px; left: 0; right: 0; bottom: 0; margin: 0 auto;}
	section.top_kv .inner .btn > a{height: 150px; gap:10px 0;}
	section.top_kv .inner .btn > a .t1{font-size: 28px;}
	section.top_kv .inner .btn > a .cmn_hassou{font-size: 13px; min-height: 82px;}
	section.top_kv .inner .btn > a .cmn_hassou .f{max-height: 36px; flex-direction: row;}
}

:root{
--nayami-radius:25px;
--nayami-arrow-H:50px;
--nayami-arrow-border:2px;
}
section.top_nayami{padding-bottom: var(--size-inner-padTB);}
section.top_nayami .inner[class*="frame"]{background-color: #FFF; padding: 70px 0; border-radius: var(--nayami-radius);
display: flex; flex-direction: column; align-items: center;}
section.top_nayami .inner > *{margin: 0 auto; max-width: 100%;}
section.top_nayami .inner.frame_1 > *{width:842px;}
section.top_nayami .inner.frame_2 > *{width:886px;}
section.top_nayami .frame_1{counter-reset: number 0; position: relative; margin-top: -210px;}
section.top_nayami .frame_1 .title{margin-bottom: 50px; display: flex; justify-content: space-between; align-items: flex-end;}
section.top_nayami .frame_1 .title h2{margin-bottom: 0;}
section.top_nayami .frame_1 .title img{width:155px; margin-top: -100%;}
section.top_nayami .frame_1 dl{position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center;}
section.top_nayami .frame_1 dl + dl{margin-top: min(50px,calc(25 * var(--responsive-max)));}
section.top_nayami .frame_1 dl > *{position: relative;}
section.top_nayami .frame_1 dl dt,
section.top_nayami .frame_1 dl dd{width:100%; padding: 30px 35px; border-radius: 15px;}
section.top_nayami .frame_1 dl dt{background-color: var(--color-gray-F); z-index: 3;
gap: 10px 2em; display: flex; align-items: center;}
section.top_nayami .frame_1 dl dt .n{font-weight: 900; width: 6.5em; min-width: 6.5em;
gap: 1em; display: flex; align-items: center;}
section.top_nayami .frame_1 dl dt .n::before,
section.top_nayami .frame_1 dl dt .n::after{line-height: 1em;}
section.top_nayami .frame_1 dl dt .n::before{content:'お悩み';}
section.top_nayami .frame_1 dl dt .n::after{
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	font-size: calc(1em * 27 / 16);
	font-family: var(--font-num);
	margin: -0.1em 0;
}
section.top_nayami .frame_1 dl dt .t,
section.top_nayami .frame_1 dl dd .t{font-size: 18px; text-align: justify; flex-grow: 1;}
section.top_nayami .frame_1 dl dd{background-color: var(--color-C-LL);}
section.top_nayami .frame_1 dl dd h3{font-size: 30px; font-family: var(--font-mix); color:var(--color-C);}
section.top_nayami .frame_1 dl dd .t{margin-top: 1em; line-height: 1.75em;}
section.top_nayami .frame_1 dl dd .t a{color:var(--color-C); text-decoration: underline;}
section.top_nayami .frame_1 dl > img{width:auto; height:62px; margin: -15px 0; z-index: 2;}
section.top_nayami .frame_1 .a{position: absolute; inset: auto 0 0; margin: 0 auto; width: calc(100% - var(--nayami-radius) * 2);
display: flex; align-items: flex-start;}
section.top_nayami .frame_1 .a > *{margin-bottom: calc(var(--nayami-arrow-border) - var(--nayami-arrow-H));
height: var(--nayami-arrow-H); border-top: solid var(--nayami-arrow-border) #FFF;}
@media screen and (max-width: 999px) {
	:root{
	--nayami-arrow-H:25px;
	}
	section.top_nayami .inner[class*="frame"]{padding: 35px 22px;}
	section.top_nayami .frame_1{margin-top: -50px;}
	section.top_nayami .frame_1 .title{margin-bottom: 20px;}
	section.top_nayami .frame_1 .title h2{max-width: 7em; line-height: 1.25em; margin-top: 0;}
	section.top_nayami .frame_1 .title img{width:93px; margin-right: -30px;}
	section.top_nayami .frame_1 dl dt,
	section.top_nayami .frame_1 dl dd{padding: 20px;}
	section.top_nayami .frame_1 dl dt .n{font-size: 13px;}
	section.top_nayami .frame_1 dl dt .t,
	section.top_nayami .frame_1 dl dd .t{font-size: 15px;}
	section.top_nayami .frame_1 dl dt{flex-direction: column; align-items: flex-start;}
	section.top_nayami .frame_1 dl > img{height:50px;}
	section.top_nayami .frame_1 dl dd h3{font-size: 22px;}
}
section.top_nayami .anshin{
position: relative; z-index: 2;
background-image:url("../img/top/nayami-A-kira-pc.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: auto 286px;
display: flex; flex-direction: column; align-items: center;}
section.top_nayami .anshin h3{
color: #FFF; font-size: 65px; padding: calc(1em * 10 / 65) 0 calc(1em * 10 / 65) calc(1em * 15 / 65);
margin-top: calc(var(--nayami-radius) * -1);}
section.top_nayami .anshin .p{max-width: 1000px; position: relative; z-index: -1; margin-top: -40px;}
section.top_nayami .anshin .p img:nth-of-type(1),
section.top_nayami .anshin .p picture:nth-of-type(1){margin-bottom: -10px;}
section.top_nayami .anshin .p img:nth-of-type(n+2),
section.top_nayami .anshin .p picture:nth-of-type(n+2){position: absolute; inset:0 0 auto; width:100%;}
@media screen and (max-width: 999px) {
	section.top_nayami .anshin{
	background-image:url("../img/top/nayami-A-kira-sp.svg");
	background-size: auto 151px;
	background-position: center 60%;
	}
	section.top_nayami .anshin h3{font-size: 33px; margin-top: -10px;}
	section.top_nayami .anshin h3 + .catch{max-width: 23em;}
	section.top_nayami .anshin .p{margin-top: 50px;}
}
section.top_nayami .frame_2{z-index: 3;}
section.top_nayami .frame_2 .t,
section.top_nayami .frame_2 .t > *{position: relative;
display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
section.top_nayami .frame_2 .t img{position: absolute; right:calc(100% + 50px); width:auto; height:98px;}
section.top_nayami .frame_2 .t .catch{margin-bottom: -0.2em;}
section.top_nayami .frame_2 .f{display: flex; justify-content: space-between; align-items: flex-end;}
section.top_nayami .frame_2 .f ul{gap: 10px 32px; flex-grow: 1; display: flex; flex-wrap: wrap;}
section.top_nayami .frame_2 .f ul li{font-size: 22px; padding-bottom: calc(1em * 23 / 22);
width:calc(1em * 142 / 22); height:calc(1em * 165 / 22); color: #FFF;
background-image: url("../img/top/nayami-2-fuki.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
display: flex; justify-content: center; align-items: center;}
section.top_nayami .frame_2 .f .chara{min-width:128px; position: relative;}
section.top_nayami .frame_2 .f .chara img{width: 158px; max-width: none; margin-left: -30px;}
@media screen and (min-width: 1000px) {
	section.top_nayami .frame_2 .f ul li:nth-of-type(5){margin-left: auto;}
}
@media screen and (max-width: 999px) {
	section.top_nayami .frame_2{padding: 30px 20px;}
	section.top_nayami .frame_2 .t,
	section.top_nayami .frame_2 .t > *{align-items: flex-start;}
	section.top_nayami .frame_2 .t{padding-left: 50px;}
	section.top_nayami .frame_2 .t img{top:-10px; right:auto; left:-55px; width: 34px; height: auto;}
	section.top_nayami .frame_2 h2{line-height: 1.25em; text-align: left;}
	section.top_nayami .frame_2 .t .catch{margin-left: -50px;}
	section.top_nayami .frame_2 .f ul{
		margin-top: 18px; max-width: 291px;
    gap: 0 21px; justify-content: center;
	}
	section.top_nayami .frame_2 .f ul li{font-size: 14px; width: 83px; height:97px;}
	section.top_nayami .frame_2 .f ul li:nth-of-type(4){margin-left: 10px;}
	section.top_nayami .frame_2 .f ul li:nth-of-type(5){margin-right: 10px;}
	section.top_nayami .frame_2 .f .chara{position: absolute;
    top: calc(-10px - var(--nayami-radius));
    right: var(--nayami-radius);
    min-width: 0;}
	section.top_nayami .frame_2 .f .chara img{width: 60px; margin: 0;}
}

section.top_omakase{}
section.top_omakase .cmn_hassou{
	border: solid 3px var(--color-gray-E); border-radius: 15px;
}
section.top_omakase .inner > img,
section.top_omakase .inner > picture{margin-top: 40px;}
@media screen and (min-width: 1000px) {
	section.top_omakase .cmn_hassou{min-height:100px; font-size: 21.6px; align-items: center;}
}
@media screen and (max-width: 999px) {
	section.top_omakase .cmn_hassou{border-radius: 1em; padding: 1em 0.75em; gap: 0.75em;}
	section.top_omakase .inner > img,
	section.top_omakase .inner > picture{margin-top: 20px;}
}

section.top_speed{position: relative; z-index: 2;}
section.top_speed > img,
section.top_speed > picture{width: 100%; object-position: center bottom;}
section.top_speed .inner{padding-top: 25px; position: absolute; inset: 0;}
@media screen and (min-width: 1000px) {
	section.top_speed > img,
	section.top_speed > picture,
	section.top_speed > picture img{height: 655px; max-width: 1600px;}
}
@media screen and (max-width: 999px) {
	section.top_speed > img,
	section.top_speed > picture{margin-top: 160px;}
}

:root{
--jisseki-LH:2em;
}
section.top_jisseki{
	background-color: var(--color-C-t35);
	background-image: url("../img/top/jisseki-bg.svg");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
section.top_jisseki ul{
text-align: justify; max-height: calc(var(--jisseki-LH) * 18);
display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-between;
}
section.top_jisseki ul > *{line-height: var(--jisseki-LH); text-box-trim: none;}
section.top_jisseki ul > div{margin-top: var(--jisseki-LH); max-width: 18em;}
@media screen and (max-width: 999px) {
	:root{
	--jisseki-LH:1.75em;
	}
	section.top_jisseki ul{max-height: none;}
	section.top_jisseki ul > div{max-width: none;}
}

:root{
--list-number-t:1rem;
--list-number-n:27px;
}
section.top_support{}
section.top_support ul{counter-reset: number 0;
max-width: 786px; margin: 0 auto;}
section.top_support ul li{display: flex; justify-content: space-between; align-items: center;}
section.top_support ul li ~ li{margin-top: 50px;}
section.top_support ul li img{width:324px; aspect-ratio: 324 / 216;}
section.top_support ul li > div{width:410px; max-width: 100%;}
section.top_support ul li .n{font-size: var(--list-number-t); font-weight: 900; padding-bottom: 0.5em; margin-bottom: 1em;
border-bottom: solid 1px var(--color-B); color: var(--color-B);
gap: 1em; display: flex; align-items: center;}
section.top_support ul li .n::before,
section.top_support ul li .n::after{line-height: 1em;}
section.top_support ul li .n::before{content:'サポート';}
section.top_support ul li .n::after{
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	font-size: var(--list-number-n);
	font-family: var(--font-num);
	margin: -0.1em 0;
}
section.top_support ul li .t{font-size: 22px; text-align: justify; white-space: pre-wrap; line-height: 1.75em;}
@media screen and (min-width: 1000px) {
	section.top_support ul li:nth-of-type(2n){flex-direction: row-reverse;}	
}
@media screen and (max-width: 999px) {
	:root{
	--list-number-t:13px;
	--list-number-n:22px;
	}
	section.top_support ul{width:max(260px,calc(1% * 260 / 3.35));}
	section.top_support ul li{gap: 20px; flex-direction: column;}
	section.top_support ul li ~ li{margin-top: 30px;}
	section.top_support ul li .t{font-size: 15px;}
}

.parts_yoyuu{}
section[class*="sup"] .parts_yoyuu{display: flex; justify-content: space-between;}
.parts_yoyuu dd{background-color: var(--color-Y-L-fd); border-radius: 10px; box-shadow: 0 7px 0 0 var(--color-gray-B);}
section[class*="sup"] .parts_yoyuu dd{
width:474px; max-width: 100%; padding: 0 0 1em; position: relative;
display: flex; flex-direction: column; justify-content: space-between; align-items: center;
}
section[class*="sup"] .parts_yoyuu dd .f{width:calc(1em * 380 / 29); max-width: 100%;
height:calc(1em * 54 / 29); margin-top: calc(1em * -27 / 29);}
section[class*="sup"] .parts_yoyuu dd .f::after{font-size: 30px; top: calc(100% - 0.5em);
clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0% 50%);}
.parts_yoyuu dd .t{text-align: center;}
.parts_yoyuu dd .f{font-weight: 900; position: relative; z-index: 2;
background-color: var(--color-gray-4); color:#FFF; border-radius: 10px;
display: flex; justify-content: center; align-items: center;}
.parts_yoyuu dd .f::after{content:''; display: block; background-color: var(--color-gray-4);
width: 1em; height: 1em; position: absolute; z-index: -1;}
.parts_yoyuu dd .t .r{font-size: 40px; font-weight: 900; color:var(--color-R);
gap: 0.25em; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
section[class*="sup"] .parts_yoyuu dd .t .r span{font-size: calc(1em * 26 / 40); line-height: calc(1em * 29.5 / 26);}
section[class*="sup"] .parts_yoyuu dd .t .r font[size="+1"]{font-size: calc(1em * 59 / 40);}
.parts_yoyuu dd .t .caution{margin-top: 1em;}
@media screen and (min-width: 1000px) {
	section[class*="sup"] .parts_yoyuu{margin-top: 100px;}
	section[class*="sup"] .parts_yoyuu dd{gap: 30px;}
	section[class*="sup"] .parts_yoyuu dd .f{font-size: 29px;}
	section[class*="pri"] .parts_yoyuu{margin-top: 85px;}
	section[class*="pri"] .parts_yoyuu dd{min-height:138px; padding-left: 40px;
	display: flex; align-items: center;}
	section[class*="pri"] .parts_yoyuu dd + dd{margin-top: 35px;}
	section[class*="pri"] .parts_yoyuu dd .f{font-size: 32px; width:350px; max-width: 100%; height:70px;}
	section[class*="pri"] .parts_yoyuu dd .f::after{font-size: 0.75em; left: calc(100% - 0.5em); 
clip-path: polygon(0 0, 50% 0, 100% 50%, 50% 100%, 0% 100%);}
	section[class*="pri"] .parts_yoyuu dd .t{flex-grow: 1;}
	section[class*="pri"] .parts_yoyuu dd .t .r font[size="+1"]{font-size: calc(1em * 58 / 40); margin-right: -0.5em; vertical-align: text-top;}
}
@media screen and (max-width: 999px) {
	.parts_yoyuu{margin-top: 60px; gap:50px; display: flex; justify-content: space-between; flex-direction: column;}
	.parts_yoyuu dd{gap: 20px; width:474px; max-width: 100%; padding: 0 0 1em; position: relative;
display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
	.parts_yoyuu dd .f{font-size: 20px; width:calc(1em * 380 / 29); max-width: 100%;
height:calc(1em * 54 / 29); margin-top: calc(1em * -27 / 29);}
	.parts_yoyuu dd .f::after{font-size: 30px; top: calc(100% - 0.5em);
clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0% 50%);}
	.parts_yoyuu dd .t .r{font-size: 28px;}
	.parts_yoyuu dd .t .r span{font-size: calc(1em * 26 / 40); line-height: calc(1em * 29.5 / 26);}
	.parts_yoyuu dd .t .r font[size="+1"]{font-size: calc(1em * 59 / 40);}
	.parts_yoyuu dd .t .caution{font-size: 12px;}
}

:root{
--jirei-dl-mgn:2em;
}
section.top_jirei{}
section.top_jirei .inner{padding-top: var(--size-inner-padTB); position: relative; display: flex;}
section.top_jirei .inner h2{width: auto; margin-right: auto;}
section.top_jirei .inner img{width:180px; position: absolute; bottom:0; right:25px;}
section.top_jirei .inner_R{padding-bottom: var(--size-inner-padTB); text-align: justify; display: flex;}
section.top_jirei .inner_R *{max-width: 100%;}
section.top_jirei .inner_R > *:not(.C),
section.top_jirei .inner_R > .C > .CL{flex-grow: 1;}
section.top_jirei .inner_R > .C{width: 1280px; box-shadow: 1em 0 0 0 #FFF; display: flex;}
section.top_jirei .inner_R > .R,
section.top_jirei .inner_R > .C > .CR{background-color: #FFF;}
section.top_jirei .inner_R > .C > .CL{min-width: var(--size-inner-mgn);}
section.top_jirei .inner_R > .C > .CR{width: 1140px; max-width: calc(100% - var(--size-inner-mgn)); border-radius: 14px 0 0 14px; padding: 60px var(--size-inner-mgn);
counter-reset: number 0;}
section.top_jirei .inner_R > .C > .CR > *{width:860px;}
section.top_jirei .inner_R dl{margin: 0 auto; padding-bottom: var(--jirei-dl-mgn); border-bottom: solid 1px var(--color-gray-C);
display: flex; justify-content: space-between;}
section.top_jirei .inner_R dl + dl{margin-top: var(--jirei-dl-mgn);}
section.top_jirei .inner_R dt{width:470px;}
section.top_jirei .inner_R dt .n,
section.top_jirei .inner_R dt h3{border-bottom: solid 1px var(--color-gray-C);}
section.top_jirei .inner_R dt .n{font-size: var(--list-number-t); font-weight: 900; padding-bottom: 1.25em; gap: 1em; display: flex; align-items: center;}
section.top_jirei .inner_R dt .n::before,
section.top_jirei .inner_R dt .n::after{line-height: 1em;}
section.top_jirei .inner_R dt .n::before{content:'印刷事例';}
section.top_jirei .inner_R dt .n::after{
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	font-size: var(--list-number-n);
	font-family: var(--font-num);
	margin: -0.1em 0;
}
section.top_jirei .inner_R dt h3{font-size: 18px; font-weight: 700; padding: 0.5em 0; margin-bottom: 1.5em; white-space: pre-wrap;}
section.top_jirei .inner_R dt img{width:100%;}
section.top_jirei .inner_R dd{width:346px;}
section.top_jirei .inner_R dd h4{font-size: 23px; margin-top: -0.25em; white-space: pre-wrap;}
section.top_jirei .inner_R dd table{border-spacing: 0;}
section.top_jirei .inner_R dd table tr > *{padding: 0.75rem 0 0; vertical-align: text-top;}
section.top_jirei .inner_R dd table tr th{font-size: 14px; width:8em;}
section.top_jirei .inner_R dd table tr th > *{display: block; background-color: var(--color-C); color:#FFF; text-align: center;}
section.top_jirei .inner_R dd table tr td{padding-left: 1em;}
/*
section.top_jirei .inner_R hr{margin: 2em auto; border-color: var(--color-gray-C);}
*/
section.top_jirei .inner_R .bgY{background-color: var(--color-Y-L); margin: 50px auto 0; text-align: center;
font-size: 23px; font-weight: 900; padding: 0.5em 1em; border-radius: 20px;
}
@media screen and (max-width: 999px) {
	section.top_jirei .inner img{width: 108px; right: -10px;}
	section.top_jirei .inner_R dl{padding-bottom: 20px; gap: 20px; flex-direction: column;}
	section.top_jirei .inner_R > .C{box-shadow: none;}
	section.top_jirei .inner_R > .C > .CR{padding: 25px var(--size-inner-mgn);}
	section.top_jirei .inner_R dt .n{padding-bottom: 1em;}
	section.top_jirei .inner_R dt h3{font-size: 15px; margin-bottom: 20px;}
	section.top_jirei .inner_R dd h4{font-size: 19px;}
	section.top_jirei .inner_R dd table tr th{font-size: 13px; width:7em;}
	section.top_jirei .inner_R dd table tr td{font-size: 15px;}
	section.top_jirei .inner_R .bgY{margin-top: 30px; font-size: 17px; border-radius: 15px;}
}

:root{
--kuchikomi-zure:55px;
}
section.top_kuchikomi{}
section.top_kuchikomi h2 + .catch{font-size: 20px; font-weight: 900;}
section.top_kuchikomi h2 + .catch font{font-size: 1.75em;}
section.top_kuchikomi dl{gap:40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
section.top_kuchikomi .fuki{width:44%; background-color: var(--color-C-t10); padding: 2em 4.5% 1.5em;
text-align: justify; position: relative; border-radius: 0.75em;}
section.top_kuchikomi .fuki .s{font-size: 22px; margin-bottom: 0.5em;}
section.top_kuchikomi .fuki .s span[s]{color:var(--color-Y); margin-right: 0.5em;}
section.top_kuchikomi .fuki .s .n{}
section.top_kuchikomi .fuki .t{line-height: 1.75em;}
section.top_kuchikomi .fuki svg{width:calc(30px + 1em); height:40px;
position: absolute; bottom: 0; border-left: solid 1em var(--color-C-t10);}
section.top_kuchikomi .fuki:nth-child(2n+1) svg{left: calc(100% - 1em);}
section.top_kuchikomi .fuki:nth-child(2n+2) svg{right:calc(100% - 1em); transform: scaleX(-1);}
section.top_kuchikomi .fuki svg *{fill:var(--color-C-t10);}
section.top_kuchikomi .p{margin-top: calc(var(--kuchikomi-zure) * -1); width: 50%; display: flex; justify-content: center;}
section.top_kuchikomi .p img{width:294px;}
@media screen and (min-width: 1000px) {
	section.top_kuchikomi .fuki:nth-child(2n){margin-top: var(--kuchikomi-zure); margin-bottom: calc(var(--kuchikomi-zure) * -1);}
	section.top_kuchikomi .fuki:nth-child(4n+2),
	section.top_kuchikomi .fuki:nth-child(4n+3){background-color: var(--color-R-t10);}
	section.top_kuchikomi .fuki:nth-child(4n+2){margin-right: 2%}
	section.top_kuchikomi .fuki:nth-child(4n+3){margin-left: 2%;}
	section.top_kuchikomi .fuki:nth-child(4n+4){}
	section.top_kuchikomi .fuki:nth-child(4n+2) svg,
	section.top_kuchikomi .fuki:nth-child(4n+3) svg{border-left-color: var(--color-R-t10);}
	section.top_kuchikomi .fuki:nth-child(4n+2) svg *,
	section.top_kuchikomi .fuki:nth-child(4n+3) svg *{fill:var(--color-R-t10);}
	/*
	section.top_kuchikomi .fuki::after{content: ''; width:2.5em; height:2.5em; border-radius: 0.5em; position: absolute; bottom: 0;}
	section.top_kuchikomi .fuki:nth-child(2n+1)::after{}
	*/
}
@media screen and (max-width: 999px) {
	section.top_kuchikomi h2 + .catch{font-size: 16px; display: flex; flex-direction: column; align-items: center;}
	section.top_kuchikomi dl{gap:24px; flex-direction: column;}
	section.top_kuchikomi .fuki{width:calc(100% - 30px); font-size: 15px; padding: 1em 2em 1.5em;}
	section.top_kuchikomi .fuki .s{font-size: 18px;}
	section.top_kuchikomi .fuki:nth-child(2n){background-color: var(--color-R-t10); margin-left: auto;}
	section.top_kuchikomi .fuki:nth-child(2n) svg{border-left-color: var(--color-R-t10);}
	section.top_kuchikomi .fuki:nth-child(2n) svg *{fill:var(--color-R-t10);}
	section.top_kuchikomi .p{margin: 0 auto; width:237px;}
}

:root{
--print-border-W:3px;
--print-sizeS-h3:40px;
}
section.top_print_ninki{}
section.top_print_ninki .list1{display: flex; flex-wrap: wrap; justify-content: space-between;}
section.top_print_ninki .list1 dd{
	width:100%;
	background-color: #FFF;
	border: solid var(--print-border-W) var(--color-gray-C);
	border-radius: 15px;
	padding: calc(5.3% - var(--print-border-W))
					 calc(6.7% - var(--print-border-W))
					 calc(4.3% - var(--print-border-W));
}
section.top_print_ninki .list1 dd .p img{width:100%;}
section.top_print_ninki .list1 dd.sizeL{}
section.top_print_ninki .list1 dd.sizeL .flex{margin-top: 40px; display: flex; justify-content: space-between;}
section.top_print_ninki .list1 dd.sizeL .flex li{gap: 24px; display: flex; justify-content: space-between;}
section.top_print_ninki .list1 dd.sizeL .flex li .t{font-size: 21px;}
section.top_print_ninki .list1 dd.sizeL .flex li .t b{font-size: 28px; display: block; margin-bottom: 0.25em;}
section.top_print_ninki .list1 dd .n{font-size: 20px; margin-top: auto; color:var(--color-R);}
section.top_print_ninki .list1 dd .n span{font-size: 2em;}
section.top_print_ninki .list1 dd .n font{font-size: 0.8em;}
section.top_print_ninki .list1 dd.sizeL .bgY{background-color: var(--color-Y-L); font-size: 18px; text-align: center;
padding: 1em; margin-top: 1.5em; border-radius: 15px;
display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
section.top_print_ninki .list1 dd.sizeS{max-width: min(475px,48%);
padding: calc(3.8% - var(--print-border-W))
				 calc(4.5% - var(--print-border-W))
				 calc(4% - var(--print-border-W));
display: flex; flex-direction: column; align-items: center;
}
section.top_print_ninki .list1 dd.sizeL ~ dd.sizeS{margin-top: 50px;}
section.top_print_ninki .list1 dd.sizeS h3{font-size: var(--print-sizeS-h3); margin-bottom: 1em;}
section.top_print_ninki .list1 dd.sizeS h3 + img{width:100%; height: 270px;}
section.top_print_ninki .list1 dd.sizeS ul{width: 100%; margin-top: var(--print-sizeS-h3);}
section.top_print_ninki .list1 dd.sizeS li{border-bottom: solid 1px var(--color-gray-9); padding-bottom: 10px;
gap:30px; display: flex; justify-content: center;}
section.top_print_ninki .list1 dd.sizeS li ~ li{margin-top: 10px;}
section.top_print_ninki .list1 dd.sizeS li .t{font-size: 21px; display: flex; align-items: center;}
@media screen and (min-width: 1000px) {
	section.top_print_ninki .list1 dd.sizeL .flex > .border{border-left: solid var(--print-border-W) var(--color-gray-C);}
	section.top_print_ninki .parts_yoyuu dd .t .r br{display: none;}
}
@media screen and (max-width: 999px) {
	:root{
	--print-border-W:2px;
	--print-sizeS-h3:27px;
	}
	section.top_print_ninki .list1{flex-direction: column;}
	section.top_print_ninki .list1 dd .p{}
	section.top_print_ninki .list1 dd .p.expansion{overflow: auto; /* height:290px; */}
	section.top_print_ninki .list1 dd .p.expansion img{width:200%; max-width: none;}
	section.top_print_ninki .list1 dd.sizeL .flex{margin-top: 20px; gap:12px; flex-direction: column;}
	section.top_print_ninki .list1 dd.sizeL .flex li{gap: 0;}
	section.top_print_ninki .list1 dd.sizeL .flex li .t{font-size: 15px;}
	section.top_print_ninki .list1 dd.sizeL .flex li .t b{font-size: 20px;}
	section.top_print_ninki .list1 dd.sizeL .flex > .border{border-top: solid var(--print-border-W) var(--color-gray-C);}
	section.top_print_ninki .list1 dd .n{font-size: 15px;}
	section.top_print_ninki .list1 dd.sizeL .bgY{font-size: 15px; margin-top: 1em; text-align: justify; display: block;}
	section.top_print_ninki .list1 dd.sizeL .bgY span{line-height: 1.5em; display: inline;}
	section.top_print_ninki .list1 dd.sizeL ~ dd.sizeS{margin-top: 20px;}
	section.top_print_ninki .list1 dd.sizeS{max-width: 100%; padding: calc(25px - var(--print-border-W)) calc(20px - var(--print-border-W));}
	section.top_print_ninki .list1 dd.sizeS h3{margin-bottom: 0.75em;}
	section.top_print_ninki .list1 dd.sizeS li{padding-left: 15px; padding-right: 10px; gap:0; justify-content: space-between;}
}

:root{
--faq-pad-TB:24px;
--faq-pad-LR:40px;
}
section.top_chart_faq{}
section.top_chart_faq picture[n="chart"]{max-width: 933px; margin: auto;}
section.top_chart_faq .chart_Y{background-color: var(--color-Y-L); max-width: 787px; min-height: 77px;
padding: 0 40px; margin: 70px auto 0;
display: flex; justify-content: space-between;}
section.top_chart_faq .chart_Y .c{width:103px;
display: flex; align-items: flex-end;}
section.top_chart_faq .chart_Y .c img{margin-top: -150%;}
section.top_chart_faq .chart_Y .t{white-space: pre-wrap;
display: flex; align-items: center;}
@media screen and (max-width: 999px) {
	section.top_chart_faq .chart_Y{padding: calc(50px + 1em) 1em 1em;
	gap:1em; flex-direction: column; align-items: center;}
	section.top_chart_faq .chart_Y .c{width: 82px;}
}

section.top_chart_faq .faq_set{max-width: 800px; margin: 0 auto;}
section.top_chart_faq .faq_set dl{
	font-size: 18px; text-align: justify;
	padding: 0;
	border-bottom: solid 1px var(--color-gray-C);
}
section.top_chart_faq .faq_set dl:first-of-type{border-top: solid 1px var(--color-gray-C);}
section.top_chart_faq .faq_set dl .t{white-space: pre-wrap;}
section.top_chart_faq .faq_set dl .t a{text-decoration: underline;}
section.top_chart_faq .faq_set dl dt,
section.top_chart_faq .faq_set dl dd > div{gap: 0 1em; display: flex;}
section.top_chart_faq .faq_set dl dt::before,
section.top_chart_faq .faq_set dl dd > div::before{display: block; width: 2em; min-width: 2em;}
section.top_chart_faq .faq_set dl dt{padding: var(--faq-pad-TB) var(--faq-pad-LR); cursor: pointer;}
section.top_chart_faq .faq_set dl dt::before{content:'Q';}
section.top_chart_faq .faq_set dl dt .onoff{margin-left: auto; display: flex; justify-content: center; align-items: center;}
section.top_chart_faq .faq_set dl dt .onoff > *{width:1em; height:1em; position: relative; cursor: pointer;
display: flex; justify-content: center; align-items: center;}
section.top_chart_faq .faq_set dl dt .onoff > *::before,
section.top_chart_faq .faq_set dl dt .onoff > *::after{content:''; display: block; width:2px; height:2px;
background-color: var(--color-K); position: absolute;}
section.top_chart_faq .faq_set dl dt .onoff > *::before{width:100%;}
section.top_chart_faq .faq_set dl dt .onoff > *::after{height: 100%;}
section.top_chart_faq .faq_set dl.active dt .onoff > *::after{display: none;}
section.top_chart_faq .faq_set dl dd{padding-bottom: var(--faq-pad-TB); display: none;}
section.top_chart_faq .faq_set dl dd > div{padding: var(--faq-pad-TB) var(--faq-pad-LR);
background-color: var(--color-C-L); color:#FFF; border-radius: 20px;}
section.top_chart_faq .faq_set dl dd > div::before{content:'A';}
@media screen and (max-width: 999px) {
	:root{
	--faq-pad-TB:18px;
	--faq-pad-LR:18px;
	}
	section.top_chart_faq h2 ~ h2{margin-bottom: calc(30px - 0.3em);}
	section.top_chart_faq .faq_set dl{font-size: 15px;}
	section.top_chart_faq .faq_set dl dt::before,
	section.top_chart_faq .faq_set dl dd > div::before{width: 1em; min-width: 1em;}
}

section.top_company{}
section.top_company table{width:100%; border-collapse: collapse; border-top:solid 1px var(--color-gray-C);}
section.top_company table tr > *{vertical-align: top; padding: 1em 0; border-bottom:solid 1px var(--color-gray-C);}
section.top_company table th{background-color: var(--color-C-L-t40); text-align: center; width: 26%;}
section.top_company table td{text-align: left; padding-left: 5em;}
section.top_company table td a[href*="http"]::after{content:'';display: inline-block; width:0.8em; height:0.8em; margin-left: 0.2em;
background-image: url("../img/common/icon-outside.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;}
@media screen and (max-width: 999px) {
	section.top_company table tr > *{font-size: 14px; padding: 0.75em 0;}
	section.top_company table th{width:7em;}
	section.top_company table td{padding-left: 1em;}
}

section.top_map{}
section.top_map iframe{
	width:100%;
	height:min(450px,calc(375 * var(--responsive-max)));
}