@charset "UTF-8";
/*============================
#SET_Contents
============================*/
@media only screen and (max-width: 992px) { .not-top #SET_Breadcrumbs .breadcrumbs_bg_main .breadcrumbs_box_main { line-height: calc((12 / 375) * 100 * 1vw); } }

.denshikouhu .wrap_content { padding-top: 70px; /*トマト帳票電子交付サービスとは*/ /*ご利用いただけるお客さま*/ /*対象帳票*/ /*手数料*/ /*閲覧期間*/ /*ご利用時間*/ }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content { padding-top: calc((50 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents { max-width: 1000px; margin: 0 auto; padding: 0 45px 0 53px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents { max-width: none; width: 100%; padding: 0 calc((20 / 375) * 100 * 1vw) 0; } }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents h4 { font-size: calc((22 / 375) * 100 * 1vw); letter-spacing: 0.04em; } }
.denshikouhu .wrap_content .inner_contents p:not(.attention) { font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 31px; letter-spacing: 0.1em; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents p:not(.attention) { font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.75; text-align: justify; } }
.denshikouhu .wrap_content .inner_contents p:not(.attention) + .attention { margin-top: 8px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents p:not(.attention) + .attention { margin-top: 0; } }
.denshikouhu .wrap_content .inner_contents p.attention { font-weight: 400; font-size: 1.27rem; /* 14px */ line-height: 1.75; letter-spacing: 0.1em; padding-left: 1em; text-indent: -1em; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents p.attention { font-size: calc((12 / 375) * 100 * 1vw); line-height: 1.75; text-align: justify; } }
.denshikouhu .wrap_content .inner_contents p.txt_c { text-align: center; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents p.txt_c { text-align: left; } }
.denshikouhu .wrap_content .inner_contents p.update { margin-top: 61px; font-size: 1.18rem; /* 13px */ line-height: 1; text-align: right; letter-spacing: 0.06em; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents p.update { margin-top: calc((72 / 375) * 100 * 1vw); font-size: calc((12 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents .wrap_merit { margin-top: 54px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_merit { margin-top: calc((27 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents .wrap_merit dl dt { display: flex; align-items: center; height: auto; padding: 8px 0 8px 16px; border-left: solid 3px #e90000; color: #e90000; font-weight: 700; font-size: 1.63rem; /* 18px */ line-height: 1; letter-spacing: 0.25em; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_merit dl dt { padding: calc((5 / 375) * 100 * 1vw) 0 calc((5 / 375) * 100 * 1vw) calc((14 / 375) * 100 * 1vw); font-size: calc((16 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents .wrap_merit dl dt span { font-size: 1.81rem; /* 20px */ line-height: 1; letter-spacing: 0.19em; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_merit dl dt span { font-size: calc((18 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents .wrap_merit dl dd { display: flex; align-items: center; height: auto; border-left: solid 3px #808080; padding: 7px 0 7px 16px; font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 1.375em; letter-spacing: 0.06em; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_merit dl dd { padding: calc((4 / 375) * 100 * 1vw) 0 calc((4 / 375) * 100 * 1vw) calc((14 / 375) * 100 * 1vw); font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.75em; } }
.denshikouhu .wrap_content .inner_contents .wrap_merit dl + dl { margin-top: 42px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_merit dl + dl { margin-top: calc((29 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents .wrap_link_btn { margin-top: 58px; display: flex; justify-content: space-between; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_link_btn { margin-top: calc((39 / 375) * 100 * 1vw); display: block; } }
.denshikouhu .wrap_content .inner_contents .wrap_link_btn a { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 1 222px; height: 61px; padding-left: 1.5em; background-image: linear-gradient(0deg, #d9d9d9, #ffffff); border: #bfbfbf solid 1px; border-radius: 5px; color: #e90000; font-weight: 700; font-size: 1.45rem; /* 16px */ line-height: 1; letter-spacing: 0.05em; text-align: center; text-decoration: none; transition: 0.3s; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_link_btn a { flex: 0 1 100%; height: calc((65 / 375) * 100 * 1vw); padding-left: 0; border-radius: calc((5 / 375) * 100 * 1vw); font-size: calc((17 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents .wrap_link_btn a::before { content: ""; display: block; width: 48px; height: 40px; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background-repeat: no-repeat; background-position: center center; background-size: cover; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_link_btn a::before { width: calc((50.8 / 375) * 100 * 1vw); height: calc((42.4 / 375) * 100 * 1vw); left: calc((11 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents .wrap_link_btn a:nth-of-type(1)::before { background-image: url("../company/service/img/denshikouhu_icon01.svg"); }
.denshikouhu .wrap_content .inner_contents .wrap_link_btn a:nth-of-type(2)::before { background-image: url("../company/service/img/denshikouhu_icon02.svg"); }
.denshikouhu .wrap_content .inner_contents .wrap_link_btn a:nth-of-type(3)::before { background-image: url("../company/service/img/denshikouhu_icon03.svg"); }
.denshikouhu .wrap_content .inner_contents .wrap_link_btn a:nth-of-type(4)::before { background-image: url("../company/service/img/denshikouhu_icon04.svg"); }
.denshikouhu .wrap_content .inner_contents .wrap_link_btn a:hover { opacity: 0.8; border: #242424 solid 1px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents .wrap_link_btn a + a { margin-top: calc((17 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content .inner_contents ol { margin-bottom: 8px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents ol { margin-bottom: 0; } }
.denshikouhu .wrap_content .inner_contents ol li { font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 31px; letter-spacing: 0.1em; padding-left: 1em; text-indent: -1em; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents ol li { font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.75; } }
.denshikouhu .wrap_content .inner_contents ul { margin-bottom: 8px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents ul { margin-bottom: 0; } }
.denshikouhu .wrap_content .inner_contents ul li { font-weight: 400; font-size: 1.45rem; /* 16px */ line-height: 31px; letter-spacing: 0.1em; padding-left: 1em; text-indent: -1em; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content .inner_contents ul li { font-size: calc((14 / 375) * 100 * 1vw); line-height: 1.75; } }
.denshikouhu .wrap_content:nth-of-type(1) { padding-bottom: 82px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(1) { padding-bottom: calc((62 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(1) .inner_contents { padding: 0 36px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(1) .inner_contents { padding: 0 calc((20 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(1) h4 { margin-bottom: 53px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(1) h4 { margin-bottom: calc((38 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(2) { padding-bottom: 70px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(2) { padding-bottom: calc((47 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(2) h4 { margin-bottom: 67px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(2) h4 { margin-bottom: calc((43 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(3) { padding-bottom: 77px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(3) { padding-bottom: calc((55 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(3) h4 { margin-bottom: 67px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(3) h4 { margin-bottom: calc((38 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(4) { padding-bottom: 100px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(4) { padding-bottom: calc((55 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(4) h4 { margin-bottom: 67px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(4) h4 { margin-bottom: calc((38 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(5) { padding-bottom: 109px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(5) { padding-bottom: calc((45 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(5) h4 { margin-bottom: 67px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(5) h4 { margin-bottom: calc((38 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(6) { padding-bottom: 55px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(6) { padding-bottom: calc((30 / 375) * 100 * 1vw); } }
.denshikouhu .wrap_content:nth-of-type(6) h4 { margin-bottom: 67px; }
@media only screen and (max-width: 992px) { .denshikouhu .wrap_content:nth-of-type(6) h4 { margin-bottom: calc((38 / 375) * 100 * 1vw); } }