@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap");
/* CSS Document */


.l-main {
    z-index: inherit;
    background: transparent;
}
/* =====================================================
 * COMMON
 * ================================================== */
.mod-inner-ex {
    max-width: 1220px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 1px;
    position: relative;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}

.mod-update-date-ex {
    font-size: 1.2rem;
}

/* インナー */

.com-box-inner {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1280px;
}

/* 見出し（ドット） */

.com-ttl-dots .ttl-en {
    padding: 0 0 0 50px;
    background: url("/images/top_2022/ico-dots.png") no-repeat 0 50%;
    background-size: 33px 17px;
    color: #000;
    letter-spacing: 0.2em;
    font-size: 50px;
    font-family: "Poppins", sans-serif;
    line-height: 1;
}

.com-ttl-dots .ttl {
    display: flex;
    margin: 26px auto 0;
    color: #000;
    text-align: left;
    letter-spacing: 0;
    font-weight: bold;
    font-size: 21px;
    line-height: 1;
}

.com-ttl-dots .ttl span {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 auto 0 20px;
    font-weight: normal;
    font-size: 14px;
}

.com-ttl-dots .ttl span::before {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    border-top: 1px solid #009ee8;
    content: "";
}

/* 見出し（ライン） */

.com-ttl-line {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
}

.com-ttl-line::before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 2px;
    background: #000;
    content: "";
}

.com-ttl-line span {
    z-index: 1;
    padding: 0 25px;
    background: #fff;
}
.com-ttl-line-gray span {
    z-index: 1;
    padding: 0 25px;
    background: #f2f2f2;
}

/* お問い合わせ */

.mod-box-contact {
    padding: 67px 0 0;
    background: #000;
    text-align: center;
}

.mod-box-contact .ttl {
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 26px;;
}

.mod-box-contact .txt {
    margin: 5px auto 0;
    color: #fff;
    letter-spacing: 0.05em;
    font-size: 15px;
}

.mod-box-contact .btn {
    position: relative;
    display: inline-block;
    margin: 23px auto 0;
    padding: 0 17px 17px;
    border-bottom: 1px solid #009ee8;
    color: #009ee8;
    text-decoration: none;
    font-weight: 900;
    font-size: 32px;
}

.mod-box-contact .btn::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 1px;
    background: #009ee8;
    content: "";
    transform: rotate(45deg);
    transform-origin: right bottom;
}

.mod-box-contact .btn:hover {
    border-color: #fff;
    color: #fff;
}

.mod-box-contact .btn:hover::after {
    background: #fff;
}

.mod-box-contact .box-btn {
    display: flex;
    justify-content: center;
    margin: 78px auto 0;
    padding: 53px 30px 57px;
    background: #009ee8;
}

/* slick */

.slick-mv,
.slick-case,
.slick-service {
    height: 0;
    opacity: 0;
}
.slick-mv img,
.slick-case img,
.slick-service img {
    max-width: 100%;
    height: auto;
}
.slick-case.slick-initialized,
.slick-mv.slick-initialized,
.slick-service.slick-initialized {
    height: auto;
    opacity: 1;
    transition: 0.2s;
}

/* ボタン */

.com-btn-blue,
.com-btn-white,
.com-btn-line {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
}

.com-btn-blue {
    margin: 0 10px;
    width: 430px;
    height: 80px;
    background: #009ee8 url("../images/top_2022/ico-arrow-short-white.svg") no-repeat right 20px center;
    color: #fff !important;
    font-size: 18px;
}

.com-btn-blue:hover {
    background-color: #0072c0;
}

.com-btn-white {
    margin: 0 10px;
    width: 430px;
    height: 80px;
    background: #fff url("../images/top_2022/ico-arrow-short-blue.svg") no-repeat right 20px center;
    color: #009ee8 !important;
    font-size: 18px;
}

.com-btn-white:hover {
    background-color: #d1f0ff;
}

.com-btn-line {
    margin: 0 10px;
    width: calc(100% - 20px);
    height: 57px;
    border: 2px solid #009ee8;
    background: #fff url("../images/top_2022/ico-arrow-short-blue.svg") no-repeat right 20px center;
    color: #009ee8 !important;
    font-size: 15px;
}

.com-btn-line:hover {
    background-color: #009ee8;
    background-image: url("../images/top_2022/ico-arrow-short-white.svg");
    color: #fff !important;
}

/* -----------------------------------------------------
 * l-page-title about/denchoho.html用
 * -------------------------------------------------- */

.l-page-title-ex {
    position: relative;
    width: 100%;
    background: #009ee8;
    color: #fff;
}

.l-page-title-inner-ex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width:1280px;
	margin: 0 auto;
	padding: 0 40px;
}

.l-page-title-ex .title_txt {
	width: 48%;
	padding:40px 0;
}

.l-page-title-ex .title_ill {
	width: 48%;
	padding-top: 7%;
}
.l-page-title-ex .title_ill img {
		max-width: 100%;
	max-height: 418px;
}
.l-page-title-ex .lead{
    font-size: 3rem;
    font-weight: bold;
	line-height: 1.5;
}
.l-page-title-ex h1 {
    color: #fff;
    font-size: 4.8rem;
    font-family: "Noto Sans JP";
    font-weight: bold;
}

.l-page-title-ex p {
    margin: 30px 0 0;
    font-size: 1.6rem;
	line-height: 2.5;
}

/* -----------------------------------------------------
 * about/data/invoice/recept料金
 * -------------------------------------------------- */

.price-box {
    padding:100px 40px 130px 40px;
	margin: 0 auto;
	max-width: 1180px;
}
.price-box h2{
    font-weight: bold;
    font-size: 34px;
	 padding: 0 0 50px 0;
	letter-spacing: -0.2px;
}
.price_table{
    padding: 40px 0 70px 0;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}
.price_table img{
	max-width: 100%;
}
/* -----------------------------------------------------
 * about/invoice.html用
 * -------------------------------------------------- */

.pagetitle-invvoice {
    position: relative;
    width: 100%;
    background: #009ee8;
    color: #fff;
}

.pagetitle-invvoice .pagetitle-inner {
	max-width:1280px;
	margin: 0 auto;
	padding: 0 40px;
}
.pagetitle-invvoice .pagetitle-inner .title-box{
	display: flex;
	justify-content: space-between;
}

.pagetitle-invvoice .pagetitle-inner .title_txt {
	width: 50%;
	padding:40px 0;
}

.pagetitle-invvoice .pagetitle-inner .title_ill {
	width: 48%;
}
.pagetitle-invvoice .pagetitle-inner .title_ill img {
	max-width: 100%;
}
.pagetitle-invvoice .pagetitle-inner .lead{
    font-size: 3rem;
    font-weight: bold;
	line-height: 1.5;
	padding-top: 5%;
}
.pagetitle-invvoice .pagetitle-inner h1 {
    color: #fff;
    font-size: 4.8rem;
    font-family: "Noto Sans JP";
    font-weight: bold;
}

.pagetitle-invvoice .pagetitle-inner p {
    margin: 30px 0 0;
    font-size: 1.6rem;
	line-height: 2.5;
}

.pagetitle-invvoice .pagetitle-inner .btn-box{
	margin-top: 30px;
}
.pagetitle-invvoice .pagetitle-inner .btn-box a{
	background: #000;
	border-radius: 100px;
	font-weight: bold;
	color: #fff;
	font-size: 17px;
	padding: 15px 0;
	text-align: center;
	display: block;
}

.pagetitle-invvoice .pagetitle-inner .btn-box a span{
	font-size: 13px;
}

/* -----------------------------------------------------
 * about/aiocr.html用
 * -------------------------------------------------- */

.pagetitle-aiocr {
    position: relative;
    width: 100%;
    background: #009ee8;
    color: #fff;
}

.pagetitle-aiocr .pagetitle-inner {
	max-width:1280px;
	margin: 0 auto;
	padding: 60px 40px;
}
.pagetitle-aiocr .pagetitle-inner .title-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagetitle-aiocr .pagetitle-inner .title_txt {
	width: 40%;
	padding:40px 0;
}

.pagetitle-aiocr .pagetitle-inner .title_ill {
	width: 55%;
}
.pagetitle-aiocr .pagetitle-inner .title_ill img {
	max-width: 100%;
}
.pagetitle-aiocr .pagetitle-inner h1 {
    color: #fff;
    font-size: calc(20px + 20 * (100vw - 360px) / 840); 
    font-family: "Noto Sans JP";
    font-weight: bold;
}

.pagetitle-aiocr .pagetitle-inner p {
    margin: 30px 0 0;
    font-size: 1.6rem;
	line-height: 2.5;
}

.pagetitle-aiocr .pagetitle-inner .btn-box{
	margin-top: 30px;
}

.l-contents.aiocr,.l-contents-page-inner.aiocr{
	padding: 8%;
}
.aiocr h2{
	font-weight: 700;
}
.aiocr em{
	font-style: normal;
	font-weight: 700;
}
.aiocr .lead{
	text-align: center;
	margin-bottom: 3%;
	line-height: 2;
}
.aiocr img{
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}
.ai_about{
	padding-top: 130px;
}
.ai_about .regist{
	border-radius: 30px;
	border:#333 solid 3px;
	padding: 5%;
	text-align: center;
}
.ai_about .regist p{
	font-weight: 600;
	font-size: 25px;
	color: #333;
	margin-bottom: 30px;
}
.ai_about ul{
	display: flex;
	justify-content: space-between;
}
.ai_about li{
	width: 47%;
}
.ai_about li .ttl{
	background: #009ee8;
	line-height: 1;
	padding: 15px;
	font-size: 17px;
	margin-bottom: 30px;
	color: #fff;
	border-radius: 50px;
}

.ai_use ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}
.ai_use li{
	width: 43%;
	background: #fff;
	border-radius: 30px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 5%;
}
.ai_use li:nth-child(3),.ai_use li:nth-child(4){
	margin-top: 40px;
}
.ai_use .ico{
	width: 80px;
	height: 80px;
	background: #009ee8;
	border-radius: 50%;
	color: #fff;
	position: absolute;
	left:-30px;
	top:-30px;
	justify-content: center;
	align-items: center;
	display: flex;
}
.ai_use .com-btn-line{
	max-width: 430px;
	margin: 50px auto 0 auto;
}
.ai_option .pic{
	margin: 0 auto;
	text-align: center;
}
.ai_option h3{
	margin: 0 auto;
	text-align: center;
	background: #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding: 15px;
	font-weight: 600;
	font-size: 20px;
	margin-top: 80px;
}
.ai_option ul{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.ai_option li{
	width: 32%;
}
.ai_option li:last-child img{
	max-width:219px;
}
.ai_option li .pic{
	background: #fff;
	border-radius: 30px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 5%;
	border:#333 solid 3px;
	margin-bottom: 20px;
}
.ai_option li .pic.kintone:hover {
    opacity: 0.8;
}
.com-btn-line.kintone {
    margin: 20px auto 0;
}
.ai_option li p{
	text-align: left!important;
}

.ai_how .ttl01{
	text-align: left;
	background:url("/about/img/aiocr_how_ico01.png")no-repeat left center #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:15px 15px 15px 160px;
	font-weight: 600;
	font-size: 20px;
	margin: 50px auto;
	border:3px #333 solid;
}
.ai_how .ttl02{
	text-align: left;
	background:url("/about/img/aiocr_how_ico02.png")no-repeat left center #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:15px 15px 15px 160px;
	font-weight: 600;
	font-size: 20px;
	margin: 50px auto;
	border:3px #333 solid;
}
.ai_how .flow{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.ai_how .flow a.link_op{
	margin: 20px 0 0 0;
	font-size: 15px;
	font-weight: 600;
	max-width: 500px;
	padding:15px 20px;
	background:url("/about/img/aiocr_how_arrow.png")no-repeat right 30px center #e5e5e5;
	border-radius: 100px;
	border: #009ee8 3px solid;
	display: block;
	color: #333;
	text-align: center;
	line-height: 1.5
}
.ai_how .flow a.link_op em{
	font-size: 20px;
	color:#009ee8;
}
.ai_how .copy{
	text-align: center;
	line-height:2; 
	margin-bottom: 60px;
}
.ai_how .flow .pic{
	width: 25%;
	margin: 0 auto;
	text-align: center;
}
.ai_how .flow dl{
	width: 70%;
	line-height:2; 
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.ai_how .flow dl .ico{
	margin: 0 0 20px 0;
	text-align: center;
	background: #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:5px 15px;
	font-weight: 600;
	width: 140px;
	font-family: Poppins;
}
.ai_how .flow dt{
	margin: 20px 0;
	font-weight: 600;
	font-size: 20px;
}
.ai_how .pattern{
	margin: 7% auto;
	background: #d1f0ff;
	padding: 10%;
	border-radius: 50px;
}
.ai_how .pattern h4{
	margin: 0 auto;
	text-align: center;
	background: #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding: 15px;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 50px;
}
.ai_how .pattern ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.ai_how .pattern li{
	padding: 0 20px;
	margin-bottom: 50px;
}
.ai_how .pattern .small{
	text-align: left;
	font-size: 12px;
}

.ai_btn_area{
	padding: 10% 0;
	text-align: center;
	background: #f5f5f5;
}
.ai_btn_area h3{
	font-weight: 700;
	font-size: calc(20px + 20 * (100vw - 360px) / 840);
}
.ai_btn_area p{
	text-align: center;
	margin-bottom: 3%;
	line-height: 2;
}
.ai_btn_area .com-btn-line{
	max-width: 500px;
	margin: 0 auto;
	margin-top: 40px;
}

/* -----------------------------------------------------
 * about/peppol.html用
 * -------------------------------------------------- */
.l-contents-page-inner.mar0{
	margin: 0;
	padding: 56px 0 3em 0!important;
}

.pagetitle-peppol {
    position: relative;
    width: 100%;
    background: #009ee8;
    color: #fff;
}

.pagetitle-peppol .pagetitle-inner {
	max-width:1280px;
	margin: 0 auto;
	padding: 60px 40px;
}
.pagetitle-peppol .pagetitle-inner .title-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagetitle-peppol .pagetitle-inner .title_txt {
	width: 45%;
	padding:40px 0;
}

.pagetitle-peppol .pagetitle-inner .title_ill {
	width: 50%;
}
.pagetitle-peppol .pagetitle-inner .title_ill img {
	max-width: 100%;
}
.pagetitle-peppol .pagetitle-inner h1 {
    color: #fff;
    font-size: calc(20px + 20 * (100vw - 360px) / 840); 
    font-family: "Noto Sans JP";
    font-weight: bold;
}

.pagetitle-peppol .pagetitle-inner p {
    margin: 30px 0 0;
    font-size: 1.6rem;
	line-height: 2.5;
}

.pagetitle-peppol .pagetitle-inner .btn-box{
	margin-top: 30px;
}

.l-contents.peppol,.l-contents-page-inner.peppol{
	padding: 8%;
}
.peppol h2{
	font-weight: 700;
}
.peppol .pic{
	padding-bottom:30px;
	text-align-last: center;
	margin: 0 auto;
}
.peppol em{
	font-style: normal;
	font-weight: 700;
}
.peppol .lead{
	text-align: center;
	margin-bottom: 4%;
	line-height: 2;
}
.peppol img{
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}
.peppol .copy{
	margin-bottom: 6%;
	line-height: 2;
}
.peppol h3{
	border-radius: 50px;
	border:3px #000 solid;
	background:#009ee8;
	padding:10px 20px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
	margin:70px 0 40px 0;
	font-size: 20px;
	font-weight: 700;
}
.peppol .mar{
	margin-top:100px;
}
.peppol .copy span{
	background: #ffe450;
}
.start_peppol .link_area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}
.start_peppol .link_black{
	border-radius: 30px;
	border:3px #000 solid;
	width: 48%;
	display: block;
}
.start_peppol .link_black .txt{
	background: #000 url("/about/img/peppol_pic03link_ar01.png")no-repeat center right 20px;
	padding: 20px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	border-radius:0 0 27px 27px;
}
.start_peppol .link_black .logo{
	text-align: center;
	padding: 40px 0;
	height: 140px;
	box-sizing: border-box;
}
.start_peppol .link_blue{
	border-radius: 30px;
	border:3px #009ee8 solid;
	width: 48%;
	position: relative;
	display: block;
}
.start_peppol .link_blue .txt{
	background: #009ee8 url("/about/img/peppol_pic03link_ar01.png")no-repeat center right 20px;
	padding: 20px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	border-radius:0 0 27px 27px;
}
.start_peppol .link_blue .logo{
	text-align: center;
	height: 140px;
}
.start_peppol .link_blue .ill{
	text-align: center;
	position: absolute;
	bottom:40px;
	margin: 0 auto;
	left:0;
	right: 0;
}
.start_peppol ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.start_peppol li{
	width: 48%;
}


.use .case{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.use .case .case_box{
	width: 48%;
	border:3px #000 solid;
	border-radius:30px;
	background: #fff;
}
.use .case .case_box .case_ttl{
	background: #009ee8;
	padding: 20px;
	line-height: 1.4;
	color: #fff;
	font-weight: 700;
	text-align: center;
	border-radius:27px 27px 0 0;
}
.use .case .case_box .case_inner{
	padding:0 40px 40px 40px;
}
.use .case .case_box .sub_ttl{
	border:3px #000 solid;
	border-radius:50px;
	line-height: 1.4;
	padding: 7px;
	margin:40px 0 20px 0;
	font-weight: 700;
	text-align: center;
	color: #000;
}
.use .case .case_box dt{
	font-weight: 700;
	margin-bottom: 20px;
	color: #000;
}
.use .case .case_box dt span{
	background: #ffe450;
}
.use .case .case_box dd{
	margin: 0 auto;
	text-align: center;
}

.use .item{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.use .item .item_box{
	width: 32%;
	border:3px #000 solid;
	border-radius:30px;
	background: #fff;
}
.use .item .item_box .item_ttl{
	background: #009ee8;
	padding: 20px;
	line-height: 1.4;
	color: #fff;
	font-weight: 700;
	text-align: center;
	border-radius:27px 27px 0 0;
}
.use .item .item_box .item_pic{
	padding:40px;
}
/* -----------------------------------------------------
 * about/journal.html
 * -------------------------------------------------- */

.pagetitle-journal {
    position: relative;
    width: 100%;
    background: #009ee8;
    color: #fff;
}

.pagetitle-journal .pagetitle-inner {
	max-width:1280px;
	margin: 0 auto;
	padding: 60px 40px;
}
.pagetitle-journal .pagetitle-inner .title-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagetitle-journal .pagetitle-inner .title_txt {
	width: 45%;
	padding:40px 0;
}

.pagetitle-journal .pagetitle-inner .title_ill {
	width: 50%;
}
.pagetitle-journal .pagetitle-inner .title_ill img {
	max-width: 100%;
}
.pagetitle-journal .pagetitle-inner h1 {
    color: #fff;
    font-size: calc(20px + 20 * (100vw - 360px) / 840); 
    font-family: "Noto Sans JP";
    font-weight: bold;
}

.pagetitle-journal .pagetitle-inner p {
    margin: 30px 0 0;
    font-size: 1.6rem;
	line-height: 2.5;
}

.pagetitle-journal .pagetitle-inner .btn-box{
	margin-top: 30px;
}

.l-contents.journal,.l-contents-page-inner.journal{
	padding: 8%;
}
.journal h2{
	font-weight: 700;
}
.journal .pic{
	padding-bottom:30px;
	text-align-last: center;
	margin: 0 auto;
}
.journal em{
	font-style: normal;
	font-weight: 700;
}
.journal .lead{
	text-align: center;
	margin-bottom: 4%;
	line-height: 2;
}
.journal img{
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}
.journal .copy{
	margin-bottom: 6%;
	line-height: 2;
}
.journal h3{
	border-radius: 50px;
	border:3px #000 solid;
	background:#009ee8;
	padding:10px 30px;
	line-height: 1.4;
	color: #fff;
	margin:70px 0 40px 0;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
}
.journal h3 em{
	color: #fff;
	font-weight: 700;
	font-family: Poppins;
}

.journal .mar{
	margin-top:100px;
}
.journal .copy span{
	background: #ffe450;
}
.journal_merit .merit{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.journal_merit .merit li{
	border-radius: 30px;
	border:3px #000 solid;
	position: relative;
	padding: 40px;
	width: 48%;
	background: #fff;
	margin-bottom: 50px;
}
.journal_merit .merit li .ico{
	position: absolute;
	left:-20px;
	top:-20px;
}
.journal_merit .merit li .pic{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0px;
}
.journal_merit .merit li dt{
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 20px;
}
.journal_can .can{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.journal_can .can li{
	border-radius: 30px;
	border:3px #000 solid;
	position: relative;
	padding: 40px;
	width: 48%;
	background: #fff;
	margin-bottom: 50px;
}
.journal_can .can li .pic{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0px;
}
.journal_can .can li dt{
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 20px;
}
.journal_can .can .ex{
	margin-top: 20px;
	font-weight: 700;
	background: #ccecfa;
	border-radius: 20px;
	padding: 30px;
}
.journal_use dl{
	display: flex;
	justify-content: space-between;
}
.journal_use dl dt{
	width: 20%;
}
.journal_use dl dd{
	width: 75%;
	line-height: 2;
}
.journal_use .blue{
	color: #009ee8;
	font-weight: 700;
}
.journal_use span{
	color: #009ee8;
	background: none;
}
.journal_use .point{
	margin: 40px 0 20px 0;
	text-align: center;
	background: #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:5px 15px;
	font-weight: 600;
	width: 140px;
	font-family: Poppins;
}
.journal_use .sub_ttl{
	font-weight: 700;
	margin: 40px 0 20px 0;
}

/* -----------------------------------------------------
 * about/aioption.html
 * -------------------------------------------------- */

.pagetitle-aioption {
    position: relative;
    width: 100%;
    background: #009ee8;
    color: #fff;
}

.pagetitle-aioption .pagetitle-inner {
	max-width:1280px;
	margin: 0 auto;
	padding: 60px 40px;
}
.pagetitle-aioption .pagetitle-inner .title-box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagetitle-aioption .pagetitle-inner .title_txt {
	width: 45%;
	padding:40px 0;
}

.pagetitle-aioption .pagetitle-inner .title_ill {
	width: 50%;
}
.pagetitle-aioption .pagetitle-inner .title_ill img {
	max-width: 100%;
}
.pagetitle-aioption .pagetitle-inner h1 {
    color: #fff;
    font-size: calc(20px + 20 * (100vw - 360px) / 840); 
    font-family: "Noto Sans JP";
    font-weight: bold;
}

.pagetitle-aioption .pagetitle-inner p {
    margin: 30px 0 0;
    font-size: 1.6rem;
	line-height: 2.5;
}

.pagetitle-aioption .pagetitle-inner .btn-box{
	margin-top: 30px;
}

.l-contents.aioption,.l-contents-page-inner.aioption{
	padding: 8%;
}
.aioption h2{
	font-weight: 700;
}
.aioption .pic{
	padding-bottom:30px;
	text-align-last: center;
	margin: 0 auto;
}
.aioption em{
	font-style: normal;
	font-weight: 700;
}
.aioption .lead{
	text-align: center;
	margin-bottom: 4%;
	line-height: 2;
}
.aioption img{
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}
.aioption small{
	font-size: 12px;
}
.aioption .copy{
	margin-bottom: 6%;
	line-height: 2;
}
.aioption h3{
	border-radius: 50px;
	border:3px #000 solid;
	background:#009ee8;
	padding:10px 30px;
	line-height: 1.4;
	color: #fff;
	margin:70px 0 40px 0;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.aioption h3 em{
	color: #fff;
	font-weight: 700;
	font-family: Poppins;
}

.aioption .mar{
	margin-top:100px;
}
.aioption .copy span{
	background: #ffe450;
}
.aioption_feature .feature{
	display: flex;
	justify-content: space-between;
}
.aioption_feature .feature .com-btn-line{
	max-width: 420px;
}
.aioption_feature .feature .f_left{
	width: 60%;
}
.aioption_feature .feature .pic{
	width: 30%;
}


.aioption_use dl{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.aioption_use dl dt{
	text-align: center;
	background: #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:15px 15px;
	font-weight: 600;
	width: 140px;
	font-family: Poppins;
	font-size: 20px;
	margin-right: 30px;
}
.aioption_use dl dd{
	flex: 1;
	line-height: 2;
	font-size: 20px;
	font-weight: 700;
}
.aioption_use .stepbox{
	margin: 70px 0;
}
.aioption_use .flexbox{
	display: flex;
	justify-content: space-between;
}
.aioption_use .flexbox .pic{
	width: 30%;
	text-align: left;
}
.aioption_use .flexbox .copy{
	width: 65%;
}
.aioption_use .point{
	text-align: center;
	background: #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:5px 15px;
	font-weight: 600;
	width: 140px;
	font-family: Poppins;
	margin:30px 0 15px;
}
.aioption_use .merit{
	text-align: center;
	background: #ffa200;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:5px 15px;
	font-weight: 600;
	width: 140px;
	font-family: Poppins;
	margin:30px 0 15px;
}
.aioption_use .orange{
	color: #ffa200;
	font-weight: 700;
}
.aioption_use .blue{
	color: #009ee8;
	font-weight: 700;
}

.aioption_other dl{
	padding: 40px;
	border:1px #adadad solid;
	background: #fff;
}

.aioption_other dt{
	font-weight: 700;
	margin:30px 0 10px 0;
}
.aioption_other dt:first-of-type{
	margin:0px 0 10px 0;
}
/* -----------------------------------------------------
 * webapi/index.html用
 * -------------------------------------------------- */

.pagetitle-api {
    position: relative;
    width: 100%;
    background: #009ee8;
    color: #fff;
}

.pagetitle-api .pagetitle-inner {
	max-width:1280px;
	margin: 0 auto;
	padding:20px 40px 50px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pagetitle-api .title_txt {
	width: 50%;
}

.pagetitle-api .title_ill {
	width: 48%;
}
.pagetitle-api .title_ill img {
	max-width: 100%;
}
.pagetitle-api .lead{
    font-size: 3rem;
    font-weight: bold;
	line-height: 1.5;
}
.pagetitle-api h1 {
    color: #fff;
    font-size: 4.8rem;
    font-family: "Noto Sans JP";
    font-weight: bold;
}

.pagetitle-api p {
    margin: 30px 0 ;
    font-size: 1.6rem;
	line-height: 2.5;
}

.pagetitle-api .btn-box a{
	background: #000;
	border-radius: 100px;
	font-weight: bold;
	color: #fff;
	font-size: 17px;
	padding: 20px 0;
	text-align: center;
	display: block;
}

/* =====================================================
 * SERVICE
 * ================================================== */

.about-sec {
    background-color: #d1f0ff;
}
.about-sec-tit{
	text-align: center;
	padding: 0 40px;
}
.about-sec-tit h3{
	font-weight: 700;
	font-size: 40px;
	padding-bottom: 30px;
}
.about-sec-tit p{
	font-size: 14px;
}
.sec-service {
    padding: 160px 0 132px;
}

.slick-service {
    margin: 70px auto 0;
}

.slick-service li {
    display: flex !important;
}

.slick-service li .box-img {
    margin: 30px 20px;
    max-width: 490px;
}

.slick-service li .box-txt {
    padding: 85px 30px 55px 80px;
}

.slick-service li .box-txt .num {
    position: relative;
    display: flex;
    align-items: center;
    color: #009ee8;
    letter-spacing: 0.2em;
    font-size: 13px;
    font-family: Poppins;
}

.slick-service li .box-txt .num::after {
    margin: 0 0 0 20px;
    width: 100px;
    border-top: 1px solid #009ee8;
    content: "";
}

.slick-service li .box-txt .ttl {
    margin: 32px auto 0;
    color: #000;
    font-weight: bold;
    font-size: 24px;
    line-height: 40px;
}

.slick-service li .box-txt .txt {
    margin: 22px auto 0;
    color: #000;
    font-size: 14px;
    line-height: 28px;
}

.slick-service .slick-dots {
    position: absolute;
    top: 0;
    right: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
}

.slick-service .slick-dots li {
    margin: 0 5px;
}

.slick-service .slick-dots li button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #999;
    border-radius: 50%;
    background: #fff;
    color: #999;
    font-weight: bold;
}

.slick-service .slick-dots li button:hover {
    opacity: 0.8;
}

.slick-service .slick-dots li button::before {
    content: "0";
}

.slick-service .slick-dots li.slick-active button {
    border-color: #009ee8;
    color: #009ee8;
}

.slick-service .slick-prev,
.slick-service .slick-next {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: #009ee8 url("/images/top_2022/ico-arrow-short-white.svg") no-repeat center center;
    color: #0080d7;
    font-size: 0;
}

.slick-service .slick-prev:hover,
.slick-service .slick-next:hover {
    opacity: 0.8;
}

.slick-service .slick-prev {
    right: 280px;
    transform: scale(-1, 1);
}

.slick-service .slick-next {
    right: 0;
}

.slick-service .com-btn-line {
    margin: 40px 0 0 0;
    max-width: 420px;
}

.sec-service .box-btn {
    display: flex;
    justify-content: center;
}

/* =====================================================
 * WORKS
 * ================================================== */

.sec-works {
    text-align: center;
}

.sec-works .ttl {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 20px 0 0 0;
    min-height: 171px;
    max-width: 940px;
    background-image: url("/images/top_2022/service-ill-01.png"), url("/images/top_2022/service-ill-02.png");
    background-position: 0 100%, 100% 100%;
    background-repeat: no-repeat;
    color: #000;
    font-weight: 900;
    font-size: 40px;
}

.sec-works .ttl span {
    position: relative;
    top: -10px;
    font-size: 65px;
}

.sec-works .box-slider-01 {
    padding: 77px 0 10px 0;
    background: #fff;
}

.sec-works .box-slider-02 {
    padding: 77px 0 66px;
    background: #fff;
}

.sec-works .com-ttl-line {
    max-width: 600px;
}

.sec-works .box-slider-01 .com-ttl-line {
    margin-bottom: 42px;
}

.sec-works .box-slider-02 .com-ttl-line {
    margin-bottom: 22px;
}

.slider-company {
    display: flex;
    overflow: hidden;
    align-items: center;
}

.slider-company .slider {
    display: flex;
    align-items: center;
    -webkit-animation: loop-slide 30s infinite linear 1s both;
            animation: loop-slide 30s infinite linear 1s both;
}

.slider-company .slider li {
    margin: 0 10px;
}

@-webkit-keyframes loop-slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes loop-slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* =====================================================
 * CASE
 * ================================================== */

.box-case {
    padding: 110px 0 95px;
    background: #d1f0ff;
}

.box-case ul {
    margin: 68px 0 0 0;
}

.box-case ul li {
    margin: 0 30px;
    min-height: 440px;
    max-width: 360px;
    background: #fff;
}

.box-case ul li:hover {
    opacity: 0.8;
}

.box-case ul img {
    width: 100%;
}

.box-case ul li .box-txt {
    padding: 20px 30px;
}

.box-case ul li a {
    color: #000;
    text-decoration: none;
}

.box-case ul li .box-txt .ttl {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}

.box-case ul li .box-txt .txt {
    margin: 10px 0 0 ;
    font-size: 16px;
    line-height: 30px;
}

.slick-case .slick-prev,
.slick-case .slick-next {
    position: absolute;
    bottom: -25px;
    z-index: 1;
    width: 60px;
    height: 60px;
    border: 2px solid #009ee8;
    border-radius: 50%;
    background: #fff url("/images/top_2022/ico-arrow-short-blue.svg") no-repeat 50% 50%;
    font-size: 0;
}

.slick-case .slick-prev:hover,
.slick-case .slick-next:hover {
    opacity: 0.8;
}

.slick-case .slick-prev {
    right: calc(((100vw - 1200px) / 2) + 80px);
    transform: scale(-1, 1);
}

.slick-case .slick-next {
    right: calc((100vw - 1200px) / 2);
}

.box-case .box-btn {
    margin: 65px auto 0;
    max-width: 300px;
}

/* =====================================================
 * CASE-caseページ
 * ================================================== */


.case-list {
    padding:0 40px;
	max-width: 1260px;
	margin:100px auto 0 auto;
}

.case-list ul {
    margin:0 0 0 0;
	padding: 50px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	&::after{
		content: '';
		width: 31%;
	}
}

.case-list ul li {
    margin: 0 0 40px 0;
	padding: 0;
	width: 31%;
    background: #eee;
}
.case-list ul li h3{
    margin: 0;
	padding: 0;
}
.case-list ul li:hover {
    opacity: 0.8;
}

.case-list ul img {
    width: 100%;
}

.case-list ul li .box-img {
    margin: 0;
	padding: 0;
}
.case-list ul li .box-txt {
    padding: 20px 30px;
}

.case-list ul li a {
    color: #000;
    text-decoration: none;
}

.case-list ul li .box-txt .ttl {
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}

.case-list ul li .box-txt .txt {
    margin: 10px 0 0 ;
    font-size: 16px;
    line-height: 30px;
}
/* =====================================================
 * ABOUT
 * ================================================== */
.txt_blue {
    color: #009ee8;
}
.contents-h4 {
	margin:30px 0 80px 0;
	padding: 0 40px;
}
.contents-h4 img{
	max-width: 100%;
}
.contents-h4 h4 {
	border:3px #000 solid;
	border-radius: 30px;
	padding:10px 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 50px;
}
.contents-h4 p {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 50px;
}

/* =====================================================
 * WEB請求
 * ================================================== */
.invoice-function-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.invoice-function-list:after {
    content: "";
    display: block;
    width: 31%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
.invoice-function-list .list-dt{
	width: 31%;
	background: #fff;
	padding:30px 30px;
	border-radius: 15px;
	margin-bottom: 30px;
}
.invoice-function-list .list-dt h4{
	border-radius: 50px;
	padding:3px 10px;
	text-align: center;
	background: #d1f0ff;
	font-weight: 700;
	font-size: 17px;
}
.invoice-function-list .list-dt .ico{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 145px;
	margin: 30px 0;
}
.invoice-function-list .list-dt .ico img{
	max-width: 100%;
}
.invoice-function-list .list-dt li{
	list-style: none;
	font-size: 15px;
}
.invoice-function-list .list-dt p{
	font-size: 15px;
}
.invoice-function-list .list-dt li:before {
    content:  "";     /* 空の要素作成 */
    width:  3px;               /* 幅指定 */
    height:  3px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #000;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
	 position:  relative;        /* 位置調整 */
    top: -5px;                  /* 位置調整 */
    margin-right: 10px;          /* 余白指定 */
}

.invoice-merit{
	padding: 80px 0;
	margin: 0 auto;
	max-width: 950px;
	text-align: center;
}
.invoice-merit-inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto 50px auto;
	text-align: center;
}
.invoice-merit-inner .merit-l{
	width: 28%;
}
.invoice-merit-inner .merit-r{
	width: 70%;
}
.invoice-merit-inner p{
	font-size: 80px;
    font-family: Poppins;
	font-weight: bold;
	color: #009ee8;
	text-align: left;
}
.invoice-merit-inner dl{
	text-align: left;
}
.invoice-merit-inner dt{
	font-size: 30px;
	font-weight: bold;
	padding: 20px 0;
	color: #000;
}
.invoice-merit-inner dd{
	line-height: 2.5;
	color: #000;
}
.invoice-merit blockquote{
	margin-top: 100px;
}

.invoice-flow{
	background: #fff;
	border-radius: 30px;
	padding: 100px 70px 70px 70px;
	color: #000;
	margin-bottom: 200px;
}
.invoice-flow .flow_box{
	margin-bottom: 50px;
} 
.invoice-flow .flow_box .flow_no{
	background: #009ee8;
	border:3px solid #000;
	color: #fff;
	line-height: 1;
	padding: 17px;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-size: 20px;
	font-weight: 700;
	border-radius: 50px;
	margin-bottom: 40px;
} 
.invoice-flow .flow_box .lead{
	margin-bottom: 40px;
	font-size: 20px;
	font-weight: 700;
} 
.invoice-flow .flow_box li{
	margin-bottom: 40px;
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #c4c4c4;
}
.invoice-flow .flow_box li:last-of-type{
	border-bottom: none;
} 
.invoice-flow .flow_box .ch_l{
	width: 28%;
} 
.invoice-flow .flow_box .ch_l img{
	max-width: 100%;
} 
.invoice-flow .flow_box .ch_r{
	width: 70%;
} 
.invoice-flow .flow_box .ch_r em{
	font-style: normal;
	font-weight: bold;
} 
.invoice-flow .flow_box .ch_r dl{
	margin-top:30px;
}
.invoice-flow .flow_box .ch_r dt{
	color: #fff;
	line-height: 1;
	padding: 10px;
	width: 120px;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	margin-bottom: 10px;
	border-radius: 50px;
}
.invoice-flow .flow_box .ch_r .merit dt{
	background: #ff9600;
}
.invoice-flow .flow_box .ch_r .merit dd{
	color: #ff9600;
	font-weight: 600;
} 
.invoice-flow .flow_box .ch_r .point dt{
	background: #009ee8;
}
.invoice-flow .flow_box .ch_r .point dd{
	color: #009ee8;
	font-weight: 600;
}
.invoice-flow .flow_box .ch_r .box{
	border:1px solid #ccc;
	padding:25px 40px;
	border-radius: 20px;
	margin: 20px 0 0 0;
}
.invoice-flow .flow_box .ch_r .box_dt{
	color: #000;
	margin-bottom: 20px;
	padding: 0;
	width: auto;
	font-family: "Noto Sans JP";
	text-align: left;
	line-height: 2.5;
}

/* =====================================================
 * 電子帳簿保存法について
 * ================================================== */
.denchoho-revisione-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 100px 0;
	color: #000;
}
.denchoho-revisione-box-inner{
	border:3px solid #000;
	border-radius: 30px;
	padding: 40px ;
	width: 48%;
	margin-bottom: 50px;
}
.revisione-title{
	background: #009ee8;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
}
.revisione-pic{
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}
.denchoho-revisione-box-inner p{
	line-height: 2.5;
}
.denchoho-revisione-box-inner span{
	font-weight: bold;
}

.denchoho-class-box{
	margin: 100px 0;
	color: #000;
	border:3px solid #000;
	border-radius: 30px;
	padding:50px;
}
.denchoho-class-box{
	margin: 100px 0;
	color: #000;
	border:3px solid #000;
	border-radius: 30px;
	padding:50px;
}
.denchoho-class-box h3{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.denchoho-class-box .class-sub-title h4{
	background: #009ee8;
	border-radius: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding:12px 20px;
	position: relative;
	margin:50px 0 50px;
}
.denchoho-class-box .class-sub-title-ico{
	position: absolute;
	left:80px;
z-index: 10;
}
.denchoho-class-box h5{
	border:3px solid #000;
	border-radius: 50px;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
	margin-bottom: 30px;
}
.denchoho-class-box .ledger{
	display: flex;
	flex-wrap: wrap;
	padding-right: 10%;
}
.denchoho-class-box .ledger li{
	width: 30%;
	padding: 10px 0 0 0;
	font-weight: bold;
}
.denchoho-class-box .class-sub-box{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.denchoho-class-box .class-sub-box .class-sub-box-inner{
	width: 48%;
}
.denchoho-class-box .class-txt-box{
	display: flex;
	justify-content: space-between;
}
.denchoho-class-box .class-txt-box ul{
	width: 48%;
}

.denchoho-class-box .class-txt-box li{
	padding: 10px 0 0 0;
	font-weight: bold;
}

.denchoho-storage-box{
	margin: 100px auto;
	max-width: 1020px;
	padding: 0 40px;
}
.storage-inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #000;
}
.denchoho-storage-box .storage-pic{
	width: 40%;
	margin: 0 auto;	
	text-align: center;
}
.denchoho-storage-box .storage-dt{
	width: 60%;
}
.denchoho-storage-box h3{
	background: #009ee8;
	border-radius: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding:12px 20px;
	position: relative;
	margin:0 0 0 0;
	font-weight: bold;
}

.denchoho-storage-box .storage-dt{
	margin:40px 0 80px 0;
}

.denchoho-storage-box .storage-dt h4{
	padding:0 0 15px 0;
	border-bottom: 3px solid #000;
	font-weight: bold;
	margin-bottom: 25px;
}
.denchoho-storage-box .storage-dt ul{
	font-weight: bold;
	margin-bottom: 50px;
}
.denchoho-storage-box .storage-dt .flex-box{
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
}
.denchoho-storage-box .storage-dt .flex-box li{
	width: 50%;
}
.denchoho-storage-box .storage-dt li{
	padding:0 0 10px 0;
	font-weight: bold;
}
.denchoho-storage-box .storage-dt p{
	margin-bottom: 50px;
	font-weight: bold;
}
.denchoho-storage-box .storage-dt.bk-box dt{
	background: #000;
}
.denchoho-storage-box .storage-dt dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.denchoho-storage-box .storage-dt dt{
	background: #009ee8;
	border-radius: 50px;
	color: #fff;
	text-align: center;
	padding:4px 0;
	width: 120px;
	margin-right: 20px;
}
.denchoho-storage-box .storage-dt dd{
	flex: 1;
	font-weight: bold;
}
.denchoho-storage-box .storage-dt span{
	color: #009ee8;
}
.denchoho-storage-box .storage-com{
	margin: 0 auto;	
	text-align: center;
	padding: 20px 0;
}
.denchoho-storage-box .storage-plit{
	display: flex;
	justify-content: space-between;
	color: #000;
}
.denchoho-storage-box .storage-plit .storage-dt{
	width: 48%;
	margin:40px 0 0 0;
}
.denchoho-storage-box .storage-dt .storage-ico{
	position: relative;
}
.denchoho-storage-box .storage-dt .storage-ico .tit{
	border:3px solid #000;
	border-radius: 50px;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
	margin-bottom: 30px;
	position: relative;
}
.denchoho-storage-box .storage-dt .storage-ico p{
	position: absolute;
z-index: 10;
}
.denchoho-storage-box .storage-dt .storage-ico .ico01{
	left:15px;
	top:-12px;
}
.denchoho-storage-box .storage-dt .storage-ico .ico02{
	left:10px;
	top:-5px;
}

.denchoho-scanner-box{
	margin: 100px auto;
	max-width: 1020px;
	padding: 0 40px;
	border-top:#009ee8 solid 1px;
}
.denchoho-scanner-box dl{
	border-bottom:#009ee8 solid 1px;
	padding: 40px 0;
	display: flex;
}
.denchoho-scanner-box dt{
	color:#009ee8;
	font-weight: bold;
	width:210px;
}
.denchoho-scanner-box dd{
	flex: 1;
	border-left:#009ee8 solid 1px;
	padding-left: 50px;
}
.denchoho-scanner-box li{
	list-style: disc;
	padding: 10px 0;
}
.denchoho-scanner-box span{
	font-size: 12px;
	display: block;
	margin-top: 8px;
}
.denchoho-scanner-box li ul{
	padding: 10px 0;
}
.denchoho-scanner-box li li{
	list-style: none;
	padding: 5px 0 5px 20px;
}

.denchoho-law-box{
	margin: 50px auto;
	max-width: 1020px;
	padding:50px;
	background: #fff;
	border-radius: 30px;
}
.denchoho-law-box h3{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}
.denchoho-law-box h4{
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin: 50px 0 0 0;
	border:3px solid #000;
	border-radius: 50px;
}
.denchoho-law-box img{
	margin: 20px 0 0 0;
}
/* =====================================================
 * NAYAMI
 * ================================================== */

.sec-nayami {
    padding: 136px 30px 0;
    text-align: center;
}

.sec-nayami img {
    max-width: 100%;
}

.sec-nayami .ttl {
    color: #000;
    text-align: center;
    letter-spacing: inherit;
    font-weight: bold;
    font-size: 40px;
}

.sec-nayami .img-01 {
    margin: 53px 0 0;
}

.sec-nayami .img-02 {
    margin: 63px 0 0 0;
}


/* =====================================================
 * FUNCTIONS
 * ================================================== */

.sec-functions {
    padding: 150px 0 80px 0;
}
.sec-functions .title {
    color: #000;
    text-align: center;
    letter-spacing: inherit;
    font-weight: bold;
    font-size: 40px;
}
.sec-functions img {
    mix-blend-mode: multiply;
}

.sec-functions ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px auto 0;
}

.sec-functions li {
    margin: 65px 10px 0;
    max-width: 370px;
    width: 30%;
}

.sec-functions li .box-img {
    text-align: center;
}

.sec-functions li .box-img img {
    max-width: 100%;
    height: auto;
}

.sec-functions li .box-txt {
    margin: 7px auto 0;
}

.sec-functions li .box-txt .ttl {
    margin: 7px auto 0;
    color: #000;
    font-weight: bold;
    line-height: 30px;
}

.sec-functions li .box-txt .txt {
    color: #000;
    font-size: 16px;
    line-height: 30px;
}

.sec-security {
    padding: 150px 0 80px 0;
}
.sec-security .title {
    color: #000;
    text-align: center;
    letter-spacing: inherit;
    font-weight: bold;
    font-size: 40px;
}
.sec-security img {
    mix-blend-mode: multiply;
}

.sec-security ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px auto 0;
}

.sec-security li {
    margin: 65px 10px 0;
    max-width: 241px;
    width: 22%;
}

.sec-security li .box-img {
    text-align: center;
}

.sec-security li .box-img img {
    max-width: 100%;
    height: auto;
}

.sec-security li .box-txt {
    margin: 7px auto 0;
}

.sec-security li .box-txt dt {
    margin: 15px auto ;
    color: #000;
    font-weight: bold;
    line-height: 30px;
	font-size: 18px;
	text-align: center;
}

.sec-security li .box-txt dd {
    color: #000;
    font-size: 14px;
    line-height: 30px;
}

/* =====================================================
 * WEBAPI-case
 * ================================================== */

.l-contents-webapi picture img{
	max-width: 100%;
}

/* =====================================================
 * ABOUT data
 * ================================================== */
 .new-picture{
	 margin: 0 auto;
	 text-align: center;
	 display: block;
}
 .new-picture img{
	max-width: 100%;
	 
	 margin: 0 auto;
	 text-align: center;
}

/* =====================================================
 * WEBAPI
 * ================================================== */

.sec-webapi {
    padding: 150px 0 157px;
}

.box-webapi .com-ttl-line {
    letter-spacing: 0.2em;
    font-size: 25px;
}

.box-webapi-01 ol {
    margin: 60px auto 0;
}

.box-webapi-01 ol > li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 31px auto 0;
    padding: 0 0 29px;
    border-bottom: 1px solid #b6b6b6;
}

.box-webapi-01 ol > li:last-child {
    border-bottom: none;
}

.box-webapi-01 ol li .ttl {
    padding: 20px 0 0;
    width: 290px;
    border-right: 1px solid #000;
    color: #009ee8;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
}

.box-webapi-01 ol li .ttl span {
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-family: Poppins;
}

.box-webapi-01 ol li .ttl .num {
    position: relative;
    margin-bottom: 22px;
    padding: 4px 0 3px;
    font-size: 50px;;
}

.box-webapi-01 ol li .ttl .num::after {
    position: absolute;
    bottom: 0;
    width: 74px;
    border-bottom: 1px solid #009ee8;
    content: "";
}

.box-webapi-01 ol li ul {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 340px);
}

.box-webapi-01 ol li ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 20px 10px 0;
    padding: 10px 0 0 0;
    width: 200px;
    height: 200px;
    border: 3px solid #d1f0ff;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
}

.box-webapi-01 ol li ul li h4 {
    font-weight: bold;
}

.box-webapi-01 ol li ul li:nth-child(4n) {
    margin-right: 0;
}

.box-webapi-01 ol li ul li img {
    margin-bottom: 15px;
}

.box-webapi-01 .img-cat {
    position: absolute;
    right: 6px;
    bottom: -116px;
}

.box-webapi-02 {
    margin: 52px auto 0;
}

.box-webapi-02 img {
    max-width: 100%;
    height: auto;
}

.box-webapi-02 ul {
    display: flex;
    justify-content: space-between;
    margin: 58px auto 0;
}

.box-webapi-02 ul li:nth-child(2) {
    margin: 0 5px;
}

.sec-webapi .box-btn {
    display: flex;
    justify-content: center;
    margin: 80px 0 0 0;
}

/* =====================================================
 * KUBUN
 * ================================================== */

.sec-kubun {
    padding: 30px 30px 150px;
}

.sec-kubun .ttl {
    color: #000;
    text-align: center;
    letter-spacing: 0;
    font-weight: 900;
    font-size: 32px;
}
.sec-kubun .txt {
    color: #000;
    text-align: center;
	margin: 20px auto 40px auto;
	font-size: 15px;
}
.sec-kubun .txt span{
	font-weight: 900;
}
.sec-kubun .sub-ttl {
    color: #009ee8;
    text-align: center;
	letter-spacing: 0;
    font-weight: 600;
    font-size: 24px;
	line-height: 2;
}
.sec-kubun p {
    color: #000;
    text-align: center;
    font-size: 32px;;
}
.sec-kubun .box-img {
    margin: 99px auto 0;
    text-align: center;
}

.sec-kubun .box-img img {
    max-width: 100%;
}

.sec-kubun .chobo-box,.syorui-box,.denshi-box{
	margin: 60px auto 0 auto;
	max-width: 900px;
	font-size: 15px;
	color: #000;
	line-height: 2;
}
.sec-kubun .chobo-box-tit,.syorui-box-tit,.denshi-box-tit{
	padding:15px;
	position: relative;
	font-weight: 600;
	font-size: 17px;
	line-height: 1;
	color:#fff;
	text-align: center;
	margin-bottom: 1px;
}
.sec-kubun .chobo-box-tit{
	background: #009ee8;
}
.sec-kubun .syorui-box-tit{
	background: #00baaf;
}
.sec-kubun .denshi-box-tit{
	background: #ff9600;
}
.sec-kubun .chobo-box-tit .ico{
	position: absolute;
	left:30%;
	top:-7px;
}
.sec-kubun .syorui-box-tit .ico{
	position: absolute;
	left:26%;
	top:-7px;
}
.sec-kubun .denshi-box-tit .ico{
	position: absolute;
	left:30%;
	top:-7px;
}
.sec-kubun .chobo-inner-box,.syorui-inner-box,.denshi-inner-box{
	display: flex;
}
.sec-kubun .chobo-inner-box dl,.syorui-inner-box dl,.denshi-inner-box dl{
	width: 34%;
	margin-right: 1px;
}
.sec-kubun .chobo-inner-box dl{
	background: #ccecfa;
}
.sec-kubun .syorui-inner-box dl{
	background: #ccf1ef;
}
.sec-kubun .denshi-inner-box dl{
	background: #ffe6c1;
}
.sec-kubun .chobo-inner-box dl:last-of-type,.syorui-inner-box dl:last-of-type,.denshi-inner-box dl:last-of-type{
	margin-right: 0;
}
.sec-kubun .chobo-inner-box dt,.syorui-inner-box dt,.denshi-inner-box dt{
	padding:10px;
	background: #29aeec;
	position: relative;
	font-weight: 600;
	line-height: 1;
	color:#fff;
	text-align: center;
	margin-bottom: 1px;
}
.sec-kubun .chobo-inner-box dt{
	background: #29aeec;
}
.sec-kubun .syorui-inner-box dt{
	background: #29c5bc;
}
.sec-kubun .syorui-inner-box dt span{
	background: none;
	color:#ffe450;
}
.sec-kubun .denshi-inner-box dt{
	background: #ffa627;
}
.sec-kubun .chobo-inner-box dd{
	padding:20px;
	background: #ccecfa;
}
.sec-kubun .syorui-inner-box dd{
	padding:20px;
	background: #ccf1ef;
}
.sec-kubun .denshi-inner-box dd{
	padding:20px;
	background: #ffe6c1;
}
.sec-kubun .chobo-inner-box dd a,.syorui-inner-box dd a,.denshi-inner-box dd a{
	color: #be0101;
	font-weight: 600;
	display:block;
	text-align: center;
}
.sec-kubun .chobo-inner-box dd img,.syorui-inner-box dd img,.denshi-inner-box dd img{
	width: 95px;
	margin-bottom: 10%;
}
.sec-kubun .report{
    padding: 150px 30px 0;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}
.sec-kubun .report img{
	max-width: 100%;
}

.report .ttl {
    color: #000;
    text-align: center;
    letter-spacing: 0;
    font-weight: 900;
    font-size: 32px;
	margin-bottom: 50px;
}

/* -----------------------------------------------------
 * about/flow
 * -------------------------------------------------- */
.about_flow{
	background:#d1f0ff;
	padding: 150px 40px;
}

.about_flow .ttl {
    color: #000;
    text-align: center;
    letter-spacing: 0;
    font-weight: 900;
    font-size: 32px;
	margin-bottom: 50px;
}

.about_flow .invoice-flow{
	margin: 0 auto 80px auto;
	max-width: 1180px;
}
.about_flow h3 dl{
	display: flex;
	align-items: center;
	padding-bottom: 50px;
}
.about_flow h3 dt{
	margin-right: 30px;
}
.about_flow h3 dd{
	color: #009ee8;
	font-size: 40px;
	font-weight: 700;
}

/* -----------------------------------------------------
 * 資料請求/sec-trial
 * -------------------------------------------------- */
.sec-trial {
	color: #000;
	padding:0 40px;
	margin:0 auto 100px auto;
}
.sec-trial .copy{
	margin: 60px auto 0 auto;
	font-weight: 700;
	text-align: center;
}
.sec-trial h2{
	font-weight: 700;
	text-align: center;
	font-size: 35px;
}
.sec-trial .trial_group{
	display: flex;
	justify-content: space-between;
	padding: 0;
}
.sec-trial .trial_group h3,.sec-trial .article_tr{
	background: #009ee8;
	border-radius: 50px;
	padding: 16px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}
.sec-trial .trial_left{
	width: 48%;
}
.sec-trial .trial_left .lead{
	font-weight: 700;
}
.sec-trial .trial_left .pic{
	margin-bottom: 40px;
}
.sec-trial .trial_left .trial_dl{
	background: #ccecfa;
	border-radius: 20px;
	padding:0;
	margin-bottom: 20px;
	border:3px #009ee8 solid;
}
.sec-trial .trial_left .trial_dl .ttl{
	font-weight: 700;
	padding: 15px;
	background: #009ee8;
	border-radius: 17px 17px 0 0 ;
	color: #fff;
	text-align: center;
}
.sec-trial .trial_left .trial_dl ul{
	margin:0;
	padding:20px 30px;
}
.sec-trial .trial_left .trial_dl li{
	margin:7px 0;
	background:url("/contact/img/trial_co02.png")no-repeat left center;
	padding: 0 0 0 30px;
}
.sec-trial .trial_left .trial_know{
	background: #ffea98;
	border-radius: 20px;
	padding:0;
	margin-bottom: 20px;
	border:3px #ff8a00 solid;
}
.sec-trial .trial_left .trial_know .ttl{
	font-weight: 700;
	padding: 15px;
	background: #ff8a00;
	border-radius: 17px 17px 0 0 ;
	color: #fff;
	text-align: center;
}
.sec-trial .trial_left .trial_know ul{
	margin:0;
	padding:20px 30px;
}
.sec-trial .trial_left .trial_know li{
	margin:7px 0;
	background:url("/contact/img/trial_co01.png")no-repeat left center;
	padding: 0 0 0 30px;
}

.sec-trial .trial_right{
	width: 48%;
}
.sec-trial .trial_right .red{
	color: #ff0000;
}

.sec-trial .space{
	margin-top: 60px;
}
.trial_list{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.trial_list .pic{
	width: 30%;
}
.trial_list dl{
	width: 65%;
}
.trial_list dt{
	font-weight: 700;
}
.trial_list dd p{
	margin: 20px 0 0 0;
	padding: 0;
}
.trial_list a{
	display: block;
	margin: 30px 0 0 0;
	background:url("/contact/img/article_btn_arrow.png")no-repeat center right 20px #fffc00;
	border-radius: 50px;
	padding: 20px;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	color: #ff8a00;
}

@media screen and (max-width: 1000px) and (min-width: 768px) {

/* -----------------------------------------------------
 * about/invoice.html用
 * -------------------------------------------------- */

.pagetitle-invvoice .pagetitle-inner {
	padding:0px 40px 20px 40px;
}
.pagetitle-invvoice .pagetitle-inner .title-box{
	display: block;
}
.pagetitle-invvoice .pagetitle-inner .title_txt {
	width: auto;
	padding:10px 0 0 0;
	text-align: center;
}

.pagetitle-invvoice .pagetitle-inner .title_ill {
	width: auto;
	margin:0 10%;
	text-align: center;
}

.pagetitle-invvoice .pagetitle-inner .lead{
    font-size: 1.6rem;
	text-align: center;
}
.pagetitle-invvoice .pagetitle-inner h1 {
    color: #fff;
    font-size: 2.8rem;
    font-family: "Noto Sans JP";
    font-weight: bold;
}
.pagetitle-invvoice .pagetitle-inner p {
    margin: 10px 0 0;
    font-size: 1.4rem;
	line-height: 2;
	text-align: center;
}
.pagetitle-invvoice .pagetitle-inner .btn-box{
	display: block;
	margin: 50px 0;
}
.pagetitle-invvoice .pagetitle-inner .is-sp-hide{
	display: none;
}
.pagetitle-invvoice .pagetitle-inner .is-pc-hide{
	display: block!important;
}
/* -----------------------------------------------------
 * webapi/index.html用
 * -------------------------------------------------- */

.pagetitle-api .pagetitle-inner {
	padding:0px 40px 20px 40px;
	display: block;
}
.pagetitle-api .title_txt {
	width: auto;
	padding:30px 0 0 0;
	text-align: center;
}
.pagetitle-api .title_ill {
	width: auto;
	text-align: center;
}
.pagetitle-api .title_ill img {
	max-width: 100%;
}
.pagetitle-api .lead{
    font-size: 2.7rem;
	text-align: center;
}

.pagetitle-api p {
    margin: 30px 0 ;
    font-size: 1.6rem;
	line-height: 2.5;
}

.pagetitle-api .is-sp-hide{
	display: none;
}
.pagetitle-api .is-pc-hide{
	display: block!important;
}
.pagetitle-api .btn-box{
	padding: 50px 0;
}
	
/* -----------------------------------------------------
 * about/peppol.html用
 * -------------------------------------------------- */

.start_peppol .link_area{
	display: block;
}
.start_peppol .link_black{
	width: auto;
	margin-bottom: 30px;
}

.start_peppol .link_blue{
	width: auto;
}
	
/* -----------------------------------------------------
 * 資料請求/sec-trial
 * -------------------------------------------------- */
.sec-trial {
	padding:0 50px;
}
.sec-trial .trial_group{
	display: block;
}
.sec-trial .trial_left{
	width: auto;
	margin-bottom: 60px;
}
.sec-trial .trial_right{
	width: auto;
}

}

@media screen and (max-width: 1279px) and (min-width: 768px) {
	

  /* =====================================================
    * SERVICE
    * ================================================== */

    .slick-service {
        max-width: 480px;
    }

    .slick-service li {
        display: block !important;
    }

    .slick-service li .box-img {
        margin: 0;
        padding: 75px 0 0 0;
    }

    .slick-service li .box-txt {
        padding: 0;
    }

    .slick-service .slick-dots {
        right: 0;
        left: 0;
    }

    .slick-service .slick-prev {
        right: auto;
        left: 0;
    }

    .slick-service .com-btn-line {
        max-width: inherit;
        width: 100%;
    }

    .sec-service .box-btn {
        margin-top: 80px;
    }
	
/* =====================================================
 * About-data
 * ================================================== */

 .new-picture img{
	max-width: 100%;
	padding: 40px;
}

/* =====================================================
 * WEBAPI-case
 * ================================================== */

.l-contents-webapi picture img{
	max-width: 100%;
	padding: 40px;
}


}



@media screen and (max-width: 767px) {
	
/* =====================================================
    * COMMON
    * ================================================== */
	.mod-inner-ex {
	display: block;
}
.mod-update-date-ex {
    position: absolute;
    right: 5px;
    top: 130px;
    display: flex;
    font-size: 1.4rem;
}

    /* インナー */

    .com-box-inner {
        padding: 0 30px;
    }

    /* 見出し（ドット） */

    .com-ttl-dots .ttl-en {
        padding: 0 0 0 29px;
        background-position: 0 20px;
        background-size: auto 8px;
        font-size: min(8.75vw ,35px);
        line-height: 45px;
    }

    .com-ttl-dots .ttl {
        display: block;
        margin: 22px auto 0;
        font-size: min(5.25vw, 21px);
    }

    .com-ttl-dots .ttl span {
        margin: 20px auto 0;
        line-height: 30px;;
    }

    .com-ttl-dots .ttl span::before {
        display: none;
    }

    /* 見出し（ライン） */

    .com-ttl-line {
        font-size: 17px;
    }

    .com-ttl-line span {
        padding: 0 14px;
    }

    /* お問い合わせ */

    .mod-box-contact {
        padding: 27px 0 0;
    }

    .mod-box-contact .ttl {
        font-size: 15px;
        line-height: 26px;
    }

    .mod-box-contact .txt {
        margin: 6px auto 0;
        font-size: 12px;
        line-height: 21px;
    }

    .mod-box-contact .btn {
        margin: 15px auto 0;
        padding: 0 0 12px;
        font-size: 20px;
    }

    .mod-box-contact .box-btn {
        margin: 35px auto 0;
        padding: 30px 18.5px;
    }

    .mod-box-contact .box-btn a {
        margin: 0 11.5px;
    }

    /* ボタン */

    .com-btn-blue,
    .com-btn-white,
    .com-btn-line {
        padding: 10px;
        border-radius: 50px;
    }

    .com-btn-blue {
        margin: 0 auto;
        max-width: 330px;
        width: auto;
        height: 55px;
        background-position: calc(100% - 12px) center;
        background-size: 11.5px auto;
        font-size: 15px;
    }

    .com-btn-white {
        margin: 0 10px;
        width: 430px;
        height: 55px;
        background-position: calc(100% - 11.5px) center;
        background-size: 11.5px auto;
        font-size: 14px;
    }

    .com-btn-line {
        justify-content: center;
        margin: 0 auto;
        padding: 0 30px 0 15px;
        width: 100%;
        height: 40px;
        background-position: calc(100% - 12px) center;
        background-size: 11.5px auto;
        text-align: left;
        font-size: 14px;
    }

/* -----------------------------------------------------
 * about/data/invoice/recept料金
 * -------------------------------------------------- */

.price-box {
    padding:30px 20px 100px 20px;
	margin: 0 auto;
	width: 100%;
}
.price-box h2{
    font-weight: bold;
    font-size: 22px;
	 padding: 0 0 40px 0;
	line-height: 1.7;
}
.price_table{
    padding: 0 0 10px 0;
	margin: 0 auto 20px 0;
	text-align: center;
	max-width: 100%;
	overflow-x: scroll;
}

.price_table img{
	max-width: initial;
	width:800px;
}	
	
/* -----------------------------------------------------
 * l-page-title about/denchoho.html用
 * -------------------------------------------------- */

.l-page-title-ex {
    position: relative;
    width: 100%;
    min-height: 150px;
    background: #009ee8;
	padding: 0 20px;
    color: #fff;
}

.l-page-title-inner-ex {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 0px;
}

.l-page-title-ex .title_txt {
	width: auto;
	padding: 20px 0;
}

.l-page-title-ex .title_ill {
	width:80%;
	padding-top: 0px;
	margin: 0 auto;
}


.l-page-title-ex .title_ill img{
	max-width: 100%;
	margin: 0 auto;
}
.l-page-title-ex h1 {
    color: #fff;
    font-size: 2.8rem;
    font-family: "Noto Sans JP";
    font-weight: 700;
	text-align: center;
}

.l-page-title-ex p {
    margin: 10px 0 0;
    font-size: 1.2rem;
	line-height: 2;
}
	
/* -----------------------------------------------------
 * about/aiocr.html用
 * -------------------------------------------------- */

.pagetitle-aiocr .pagetitle-inner {
	padding:7%;
}
.pagetitle-aiocr .pagetitle-inner .title-box{
	display: block;
}

.pagetitle-aiocr .pagetitle-inner .title_txt {
	width: auto;
	padding:5% 0;
}

.pagetitle-aiocr .pagetitle-inner .title_ill {
	width: auto;
	margin: 0 auto;
	text-align: center;
}
.pagetitle-aiocr .pagetitle-inner h1 {
    font-size: 24px;
}

.pagetitle-aiocr .pagetitle-inner p {
    margin: 7% 0 0;
    font-size: 14px;
	line-height: 2;
}

.l-contents.aiocr,.l-contents-page-inner.aiocr{
	padding: 15% 7%;
}

.aiocr .lead{
	text-align: left;
	margin-bottom:10%;
}
.aiocr h2{
	font-size: 22px;
}
.ai_about{
	padding-top: 0;
}
.ai_about .regist{
	padding: 7%;
}
.ai_about .regist p{
	font-size: 20px;
	margin-bottom: 20px;
}
.ai_about ul{
	display: block;
}
.ai_about li{
	width: auto;
}
.ai_about li + li{
	margin-top: 30px;
}
.ai_about li .ttl{
	padding:10px 15px;
	line-height: 1.5;
	font-size: 14px;
	margin-bottom: 20px;
}
.ai_use ul{
	display: block;
	margin-top: 30px;
}
.ai_use li{
	width: auto;
	padding:12%;
}
.ai_use li{
	margin-top: 30px;
}
.ai_use .ico{
	width: 60px;
	height: 60px;
	left:-20px;
	top:-20px;
}
.ai_use .com-btn-line{
	max-width: 430px;
	margin-top: 30px;
}
.ai_option .pic{
	margin: 0 auto;
	text-align: center;
}
.ai_option h3{
	font-size: 17px;
}
.ai_option ul{
	display: block;
	margin-top: 0px;
}
.ai_option li{
	width: auto;
	margin-top: 30px;
}
.ai_option li .pic{
	padding: 10%;
	margin-bottom: 15px;
}
.com-btn-line.kintone {
  margin: 10px auto 30px;
}
.ai_how .ttl01{
	background:url("/about/img/aiocr_how_ico01_p.png")no-repeat left center #009ee8;
	border-radius: 50px;
	color: #fff;
	padding:15px 15px 15px 90px;
	font-size: 16px;
	margin: 10% auto;
}
.ai_how .ttl02{
	background:url("/about/img/aiocr_how_ico02_p.png")no-repeat left center #009ee8;
	border-radius: 50px;
	color: #fff;
	padding:15px 15px 15px 90px;
	font-size: 15px;
	margin: 10% auto;
}
.ai_how .flow{
	display: block;
}
.ai_how .copy{
	text-align: left;
	margin-bottom: 10%;
}
.ai_how .flow .pic{
	width:auto;
	margin: 0 auto 20px auto;
	text-align: center;
}
.ai_how .flow dl{
	width:auto;
	line-height:2; 
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.ai_how .flow dl.last{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 40px;
}
.ai_how .flow dl .ico{
	margin: 30px auto 20px  auto;
	color: #fff;
	padding:5px 15px;
	width: 120px;
	font-size: 14px;
}
.ai_how .flow dt{
	margin: 20px 0 10px;
	font-size: 16px;
}
.ai_how .flow a.link_op{
	font-size: 13px;
}
.ai_how .flow a.link_op em{
	font-size: 16px;
}
.ai_how .pattern{
	margin: 10% auto;
	background: none;
	padding: 0;
}
.ai_how .pattern h4{
	font-size: 16px;
	margin-bottom: 10%;
}
.ai_how .pattern ul{
	display: block;
}
.ai_how .pattern li{
	padding: 0;
	margin-bottom: 20px;
}
.ai_btn_area{
	padding: 15% 7%;
	text-align: center;
	background: #f5f5f5;
}
.ai_btn_area h3{
	font-weight: 700;
	font-size: calc(20px + 20 * (100vw - 360px) / 840);
}
.ai_btn_area p{
	text-align: center;
	margin-bottom: 5%;
	line-height: 2;
}
.ai_btn_area .com-btn-line{
	max-width: 100%;
	margin: 0 auto;
	margin-top: 40px;
}	

/* -----------------------------------------------------
 * about/peppol.html用
 * -------------------------------------------------- */

.pagetitle-peppol .pagetitle-inner {
	padding:7%;
}
.pagetitle-peppol .pagetitle-inner .title-box{
	display: block;
}

.pagetitle-peppol .pagetitle-inner .title_txt {
	width: auto;
	padding:5% 0;
	text-align: center;
}

.pagetitle-peppol .pagetitle-inner .title_ill {
	width: auto;
	margin: 0 auto;
	text-align: center;
}
.pagetitle-peppol .pagetitle-inner h1 {
    font-size: 24px;
}

.pagetitle-peppol .pagetitle-inner p {
    margin: 7% 0 0;
    font-size: 14px;
	line-height: 2;
}

.l-contents.peppol,.l-contents-page-inner.peppol{
	padding: 15% 7%;
}
.peppol h2{
	font-size: 22px;
}
.peppol .lead{
	text-align: left;
	margin-bottom:10%;
}
.peppol .mar{
	margin-top:0;
}
.peppol h3{
	border-radius: 0px;
	border-top:3px #000 solid;
	border-botttom:3px #000 solid;
	border-left:none;
	border-right: none;
	background:none;
	padding:14px 0;
	line-height: 1.4;
	text-align: left;
	color: #000;
	margin:30px 0 30px 0;
	font-size: 16px;
	font-weight: 700;
}
.peppol .copy{
	margin-bottom: 10%;
	line-height: 2;
}
.peppol .copy span{
	background: #ffe450;
}
.start_peppol .link_area{
	display: block;
	margin-bottom: 15%;
}
.start_peppol .link_black{
	width: auto;
	margin-bottom: 20px;
}
.start_peppol .link_black .logo{
	height: auto;
	padding: 20px 60px;
}
.start_peppol .link_black .txt{
	padding: 10px 0;
}
.start_peppol .link_blue{
	width: auto;
}
.start_peppol .link_blue .logo{
	height: 100px;
}
.start_peppol .link_blue .ill{
	padding: 0 30px;
	bottom:30px;
}
.start_peppol .link_blue .txt{
	padding: 10px 0;
}
	
.start_peppol ul{
	display: block;
	margin-bottom: 10%;
}
.start_peppol li{
	width: auto;
	margin-bottom: 10px;
}
.use .case{
	display: block;
	margin-bottom: 20%;
}
.use .case .case_box{
	width: auto;
	margin: 15% 0;
}
.use .case .case_box .case_inner{
	padding:0 7% 7% 7%;
}
.use .case .case_box .sub_ttl{
	margin:30px auto 20px auto;
}
.use .item{
	display: block;
	margin-bottom: 20%;
}
.use .item .item_box{
	width: auto;
	margin: 15% 0;
}
.use .item .item_box .item_pic{
	padding:7%;
	margin: 0 auto;
	text-align: center;
}
/* -----------------------------------------------------
 * about/journal.html
 * -------------------------------------------------- */
.pagetitle-journal .pagetitle-inner {
	padding:7%;
}
.pagetitle-journal .pagetitle-inner .title-box{
	display: block;
}

.pagetitle-journal .pagetitle-inner .title_txt {
	width: auto;
	padding:5% 0;
	text-align: center;
}

.pagetitle-journal .pagetitle-inner .title_ill {
	width: auto;
	margin: 0 auto;
	text-align: center;
}
.pagetitle-journal .pagetitle-inner h1 {
    font-size: 24px;
}

.pagetitle-journal .pagetitle-inner p {
    margin: 7% 0 0;
    font-size: 14px;
	line-height: 2;
}

.l-contents.journal,.l-contents-page-inner.journal{
	padding: 15% 7%;
}
.journal h2{
	font-size: 22px;
}
.journal .lead{
	text-align: left;
	margin-bottom:10%;
}
.journal .mar{
	margin-top:0;
}
.journal h3{
	border-radius: 0px;
	border-top:3px #000 solid;
	border-botttom:3px #000 solid;
	border-left:none;
	border-right: none;
	background:none;
	padding:14px 0;
	line-height: 1.4;
	text-align: left;
	color: #000;
	margin:30px 0 30px 0;
	font-size: 16px;
	font-weight: 700;
}
.journal h3 em{
	color: #000;
}
.journal .copy{
	margin-bottom: 10%;
	line-height: 2;
}
.journal_merit .merit{
	display: block;
}
.journal_merit .merit li{
	padding: 7%;
	width: auto;
	margin-bottom: 30px;
}
.journal_merit .merit li .ico{
	position: absolute;
	left:-20px;
	top:-20px;
}
.journal_merit .merit li .pic{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0px;
}
.journal_merit .merit li dt{
	font-size: 18px;
}
.journal_can .can{
	display: block;
}
.journal_can .can li{
	padding: 7%;
	width: auto;
	margin-bottom: 30px;
}
.journal_can .can li .pic{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 0px;
}
.journal_can .can li dt{
	font-size: 18px;
}
.journal_can .can .ex{
	margin-top: 20px;
	font-weight: 700;
	background: #ccecfa;
	border-radius: 20px;
	padding: 30px;
}
.journal_use dl{
	display: block;
}
.journal_use dl dt{
	width: auto;
	margin: 0 auto 20px auto;
	text-align: center;
}
.journal_use dl dd{
	width: auto;
}
.journal_use .point{
	margin: 20px 0 20px 0;
}
.journal_use .over_in{
	margin: 30px 0 10px 0;
}
.journal_use .over{
	 width: 100%;
 overflow-x: auto!important;
	margin:0 0 0 0;
}
.journal_use .over_in{
	width: 771px;
	margin: 20px 0 10px 0;
}
	
/* -----------------------------------------------------
 * about/aioption.html
 * -------------------------------------------------- */
.pagetitle-aioption .pagetitle-inner {
	padding:7%;
}
.pagetitle-aioption .pagetitle-inner .title-box{
	display: block;
}

.pagetitle-aioption .pagetitle-inner .title_txt {
	width: auto;
	padding:5% 0;
}

.pagetitle-aioption .pagetitle-inner .title_ill {
	width: auto;
	margin: 0 auto;
	text-align: center;
}
.pagetitle-aioption .pagetitle-inner h1 {
    font-size: 24px;
	text-align: center;
}

.pagetitle-aioption .pagetitle-inner p {
    margin: 7% 0 0;
    font-size: 14px;
	line-height: 2;
	text-align: left;
}

.l-contents.aioption,.l-contents-page-inner.aioption{
	padding: 15% 7%;
}
.aioption h2{
	font-size: 22px;
}
.aioption .lead{
	text-align: left;
	margin-bottom:10%;
}
.aioption .mar{
	margin-top:0;
}
.aioption h3{
	border-radius: 0px;
	border-top:3px #000 solid;
	border-botttom:3px #000 solid;
	border-left:none;
	border-right: none;
	background:none;
	padding:14px 0;
	line-height: 1.4;
	text-align: left;
	color: #000;
	margin:30px 0 30px 0;
	font-size: 16px;
	font-weight: 700;
}
.aioption h3 em{
	color: #000;
}
.aioption .copy{
	margin-bottom: 10%;
	line-height: 2;
}
	
	
.aioption_feature .feature{
	display: block;
}
.aioption_feature .feature .com-btn-line{
	max-width: auto;
}
.aioption_feature .feature .f_left{
	width: auto;
}
.aioption_feature .feature .pic{
	width: auto;
	margin: 10% 0 0 0;
}
	

.aioption_use dl{
	display: block;
	margin-bottom: 20px;
}
.aioption_use dl dt{
	width: auto;
	margin: 0 auto 15px auto;
	text-align: center;
	font-size: 16px;
	padding: 15px 0;
}
.aioption_use dl dd{
	font-size: 16px;
}
.aioption_use .stepbox{
	margin: 45px 0;
}
.aioption_use .flexbox{
	display: block;
}
.aioption_use .flexbox .pic{
	width: auto;
	text-align:center;
}
.aioption_use .flexbox .copy{
	width: auto;
}
.aioption_use .point{
	text-align: center;
	background: #009ee8;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:5px 15px;
	font-weight: 600;
	width: 100px;
	font-family: Poppins;
	margin:20px 0 15px;
}
.aioption_use .merit{
	text-align: center;
	background: #ffa200;
	line-height: 1.5;
	border-radius: 50px;
	color: #fff;
	padding:5px 15px;
	font-weight: 600;
	width: 100px;
	font-family: Poppins;
	margin:20px 0 15px;
}
.aioption_other dl{
	padding: 25px;
}
/* -----------------------------------------------------
 * about/invoice.html用
 * -------------------------------------------------- */

.pagetitle-invvoice .pagetitle-inner {
	padding:3% 30px 5% 30px;
}
.pagetitle-invvoice .pagetitle-inner .title-box{
	display: block;
}
.pagetitle-invvoice .pagetitle-inner .title_txt {
	width: auto;
	padding:10px 0 0 0;
	text-align: center;
}

.pagetitle-invvoice .pagetitle-inner .title_ill {
	width: auto;
	margin:0 10%;
	text-align: center;
}

.pagetitle-invvoice .pagetitle-inner .lead{
    font-size: 1.6rem;
	text-align: center;
}
.pagetitle-invvoice .pagetitle-inner h1 {
    color: #fff;
    font-size: 2.8rem;
    font-family: "Noto Sans JP";
    font-weight: bold;
}
.pagetitle-invvoice .pagetitle-inner p {
    margin: 10px 0 0;
    font-size: 1.4rem;
	line-height: 2;
	text-align: left;
}
.pagetitle-invvoice .pagetitle-inner .btn-box{
	display: block;
	margin: 30px 0;
}
.pagetitle-invvoice .pagetitle-inner .btn-box a{
	background: #000;
	border-radius: 100px;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	width: auto;
	padding: 10px 0;
	text-align: center;
	display: block;
}

.pagetitle-invvoice .pagetitle-inner .btn-box a span{
	font-size: 12px;
}
/* -----------------------------------------------------
 * webapi/index.html用
 * -------------------------------------------------- */

.pagetitle-api .pagetitle-inner {
	padding:3% 30px 10% 30px;
	display: block;
}
.pagetitle-api .title_txt {
	width: auto;
	padding:10px 0 0 0;
	text-align: center;
}
.pagetitle-api .title_ill {
	width: auto;
	margin:0 10%;
	text-align: center;
}
.pagetitle-api .lead{
     font-size: 1.6rem;
	text-align: center;
}
.pagetitle-api h1 {
    color: #fff;
    font-size: 2.8rem;
    font-family: "Noto Sans JP";
    font-weight: bold;
}
.pagetitle-api p {
    margin: 10px 0 0;
    font-size: 1.4rem;
	line-height: 2;
	text-align: left;
}
.pagetitle-api .btn-box a{
	background: #000;
	border-radius: 100px;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	width: auto;
	padding: 10px 0;
	text-align: center;
	display: block;
}
.pagetitle-api .btn-box{
	padding: 30px 0 0 0;
}

   /* =====================================================
    * WORKS
    * ================================================== */

    .sec-works {
        position: relative;
        text-align: center;
    }

    .sec-works::before {
        position: absolute;
        top: -15%;
        left: 50%;
        z-index: -1;
        display: block;
        width: 1678px;
        height: 1478px;
        background: url("/images/top_2022/bg-02_sp.png") no-repeat 50% 50%;
        content: "";
        transform: translate(-50%, -50%);
    }

    .sec-works .ttl {
        display: block;
        padding: 17px 0 0 0;
        min-height: 107px;
        max-width: 347px;
        background-image: url("/images/top_2022/service-ill-01_sp.png"), url("/images/top_2022/service-ill-02_sp.png");
        background-position: 0 0, 100% 0;
        background-size: contain;
        font-size: 19px;
    }

    .sec-works .ttl span {
        position: relative;
        top: auto;
        font-size: 40px;
    }

    .sec-works .box-slider-01 {
        padding: 40px 0 10px 0;
    }

    .sec-works .box-slider-02 {
        padding: 34px 0 55px;
    }

    .sec-works .com-ttl-line {
        max-width: 300px;
    }

    .sec-works .box-slider-01 .com-ttl-line {
        margin-bottom: 25px;
    }

    .sec-works .box-slider-02 .com-ttl-line {
        margin-bottom: 22px;
    }

    .slider-company .slider li img {
        max-height: 35px;
        width: auto;
    }

    /* =====================================================
    * REASON
    * ================================================== */

    .sec-reason img {
        max-width: 100%;
        height: auto;
    }

    .sec-reason .com-box-inner {
        padding-top: 90px;
    }

    .sec-reason .com-box-inner::before {
        display: none;
    }

    .sec-reason .li-reason li > div {
        display: block;
        padding: 0 30px;
        max-width: 480px;
    }

    .sec-reason .li-reason .box-txt {
        display: flex;
        flex-wrap: wrap;
    }

    .sec-reason .li-reason li:nth-child(even) .box-txt {
        order: inherit;
    }

    .sec-reason .li-reason li:nth-child(even) .box-img {
        order: inherit;
    }

    .sec-reason .li-reason li:nth-child(odd)::before,
    .sec-reason .li-reason li:nth-child(even)::before {
        width: 90px;
        height: 227px;
    }

    .sec-reason .li-reason li:nth-child(odd)::before {
        background-image: url("/images/top_2022/reason-bg-01_sp.png");
    }

    .sec-reason .li-reason li:nth-child(even)::before {
        background-image: url("/images/top_2022/reason-bg-02_sp.png") ;
    }

    .sec-reason .li-reason li .num {
        display: flex;
        padding: 5px 0 0 0;
    }

    .sec-reason .li-reason li .num img {
        width: auto;
        height: 48px;
    }

    .sec-reason .li-reason li .ttl {
        margin: 0 0 0 20px;
        width: calc(100% - 110px);
        font-size: 17px;
        line-height: 30px;
    }

    .sec-reason .li-reason .box-txt .txt {
        margin: 21px auto 0;
        font-size: 14px;
        line-height: 30px;
    }

    .sec-reason .li-reason .box-txt .box-btn {
        margin: 34px auto 0;
        max-width: 330px;
        width: 100%;
    }

    .sec-reason .li-reason .box-txt .box-btn a {
        margin-bottom: 14px;
    }

    .sec-reason .li-reason li:nth-child(1)::before {
        top: 210px;
    }

    .sec-reason .li-reason li:nth-child(1) > div {
        margin: 58px auto 0;
    }

    .sec-reason .li-reason li:nth-child(1) .box-txt {
        margin-right: 0;
    }

    .sec-reason .li-reason li:nth-child(1) .box-img {
        position: relative;
        margin: 0 auto 0;
        width: 240px;
        height: 240px;
    }

    .sec-reason .li-reason li:nth-child(2)::before {
        top: 210px;
    }

    .sec-reason .li-reason li:nth-child(2) > div {
        margin: 53px auto 0;
    }

    .sec-reason .li-reason li:nth-child(2) .box-txt {
        margin-left: 0;
    }

    .sec-reason .li-reason li:nth-child(2) .box-img {
        margin: 0 auto;
        margin-top: 25px;
        width: 260px;
    }

    .sec-reason .li-reason li:nth-child(3)::before {
        top: 150px;
    }

    .sec-reason .li-reason li:nth-child(3) > div {
        margin: 55px auto 0;
    }

    .sec-reason .li-reason li:nth-child(3) .box-txt {
        margin-right: 0;
    }

    .sec-reason .li-reason li:nth-child(3) .box-img {
        margin-top: 30px;
    }

    .sec-reason .li-reason li:nth-child(4)::before {
        top: 120px;
    }

    .sec-reason .li-reason li:nth-child(4) > div {
        margin: 65px auto 0;
    }

    .sec-reason .li-reason li:nth-child(4) .box-txt {
        margin-left: 0;
    }

    .sec-reason .li-reason li:nth-child(4) .box-img {
        margin-top: 33px;
    }

/* =====================================================
    * CASE
    * ================================================== */

    .box-case {
        padding: 65px 0 74px;
    }

    .box-case ul {
        margin: 51px 0 0 0;
    }

    .box-case ul li {
        margin: 0 15px;
        min-height: 320px;
        max-width: 250px;
    }

    .box-case ul img {
        width: 100%;
        height: 148px;

        object-fit: cover;
    }

    .box-case ul li .box-txt {
        padding: 17px;
    }

    .box-case ul li .box-txt .ttl {
        font-size: 12px;
        line-height: 25px;
    }

    .box-case ul li .box-txt .txt {
        margin: 10px 0 0 ;
        font-size: 12px;
        line-height: 25px;
    }

    .slick-case .slick-prev,
    .slick-case .slick-next {
        bottom: -21px;
        width: 45px;
        height: 45px;
        background-size: auto 5px;
    }

    .slick-case .slick-prev {
        right: auto;
        left: calc(50% - 53px);
    }

    .slick-case .slick-next {
        right: calc(50% - 53px);
    }

    .box-case .box-btn {
        margin: 77px auto 0;
        padding: 0 30px;
        max-width: 390px;
    }
	
/* =====================================================
    * CASE caseページ
 * ================================================== */

.case-list {
    padding:0 30px;
	margin:50px auto 0 auto;
}

.case-list ul {
    margin:0 0 0 0;
	padding: 30px 0;
	display: block;
}

.case-list ul li {
    margin: 0 0 30px 0;
	padding: 0;
	width: auto;
}



    .case-list ul img {
        width: 100%;
        height: 160px;

        object-fit: cover;
    }

    .case-list ul li .box-txt {
        padding: 17px;
    }

    .case-list ul li .box-txt .ttl {
        font-size: 12px;
        line-height: 25px;
    }

    .case-list ul li .box-txt .txt {
        margin: 10px 0 0 ;
        font-size: 12px;
        line-height: 25px;
    }

	
	
/* =====================================================
    * SERVICE
    * ================================================== */

.about-sec-tit{
	text-align: center;
	padding: 0;
}
.about-sec-tit h3{
	font-size: 25px;
	padding-bottom: 20px;
}
.about-sec-tit p{
	font-size: 14px;
}
    .sec-service {
        padding: 80px 0 80px;
    }

    .slick-service {
        margin: 30px auto 0;
        max-width: 480px;
    }

    .slick-service li {
        display: block !important;
    }

    .slick-service li .box-img {
        margin: 0;
        padding: 75px 0 0 0;
        min-height: 346px;
    }

    .slick-service li .box-txt {
        padding: 0;
    }

    .slick-service li .box-txt .num {
        font-size: 12px;
    }

    .slick-service li .box-txt .num::after {
        margin: 0 0 0 12px;
        width: 71px;
    }

    .slick-service li .box-txt .ttl {
        margin: 28px auto 0;
        font-size: 17px;
        line-height: 27px;
    }

    .slick-service li .box-txt .txt {
        margin: 13px auto 0;
        font-size: 13px;
        line-height: 30px;
    }

    .slick-service .slick-dots {
        top: 6px;
        right: 0;
        left: 0;
        height: auto;
    }

    .slick-service .slick-dots li button {
        width: 35px;
        height: 35px;
    }

    .slick-service .slick-prev,
    .slick-service .slick-next {
        width: 43px;
        height: 43px;
        background: #009ee8 url("/images/top_2022/ico-arrow-short-white.svg") no-repeat center center;
        font-size: 0;
    }

    .slick-service .slick-prev {
        right: auto;
        left: 0;
    }

    .slick-service .com-btn-line {
        position: relative;
        bottom: auto;
        margin: 21px auto 0;
        padding: 10px 30px 10px 15px;
        max-width: 330px;
        width: 100%;
        height: auto;
        line-height: 1;
    }

    .sec-service .box-btn {
        margin-top: 40px;
        width: 100%;
    }

    .sec-service .box-btn a {
        width: 100%;
    }
	
/* =====================================================
 * ABOUT
 * ================================================== */
.contents-h4 {
	margin:0px 0 30px;
	width: 100%;
	 padding: 0 15px;
}
	
.contents-h4 h4 {
	border:3px #000 solid;
	border-radius: 30px;
	padding:10px 20px;
	text-align: center;
	font-size:14px;
	font-weight: 700;
	margin-bottom: 20px;
}
.contents-h4 h4 span{
	font-size:11px;
}
.contents-h4 p {
	font-size: 13px;
	line-height: 2;
	margin-bottom: 30px;
}
	
/* =====================================================
 * WEB請求
 * ================================================== */
.invoice-function-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	padding: 0 10px;
}
.invoice-function-list:after {
    content: "";
    display: block;
    width: 47%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
.invoice-function-list .list-dt{
	width: 47%;
	background: none;
	padding:0px;
	margin-bottom: 20px;
}
.invoice-function-list .list-dt h4{
	border-radius: 50px;
	padding:5px 10px;
	text-align: center;
	background: #009ee8;
	font-size: 13px;
	color: #fff;
}
.invoice-function-list .list-dt .ico{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	margin: 20px 0;
}
.invoice-function-list .list-dt .small{
	margin: 20px 20%;
}
.invoice-function-list .list-dt .small02{
	margin: 20px 30%;
}
.invoice-function-list .list-dt .small03{
	margin: 20px 25%;
}
.invoice-function-list .list-dt .small01{
	margin: 20px 10%;
}
.invoice-function-list .list-dt li{
	font-size: 12px;
}
.invoice-function-list .list-dt p{
	font-size: 12px;
}
	

.invoice-merit{
	padding: 0px 20px;
}
.invoice-merit-inner{
	display: block;
	margin: 0 auto 40px auto;
}
.invoice-merit-inner .merit-l{
	width: auto;
	display: flex;
}
.invoice-merit-inner .merit-r{
	width: auto;
}
.invoice-merit-inner .merit-r img{
	max-width: 100%;
}
.invoice-merit-inner p{
	font-size: 60px;
	width: 100px;
	line-height: 1;
}
.invoice-merit-inner dl{
	text-align: left;
}
.invoice-merit-inner dt{
	font-size: 20px;
	font-weight: bold;
	padding: 0px 0;
	color: #000;
}
.invoice-merit-inner dd{
	line-height: 2;
	color: #000;
}
.invoice-merit blockquote{
	margin-top: 40px;
}
	
.invoice-merit{
	padding: 0px 20px;
}
	
.invoice-flow{
	border-radius: 30px;
	padding: 40px 25px 0px 25px;
	margin-bottom: 80px;
}
.invoice-flow .flow_box{
	margin-bottom: 40px;
} 
.invoice-flow .flow_box .flow_no{
	padding: 14px;
	font-size: 17px;
	margin-bottom: 30px;
} 
.invoice-flow .flow_box .lead{
	margin-bottom: 30px;
	font-size: 17px;
} 
.invoice-flow .flow_box li{
	margin-bottom: 30px;
	padding-bottom: 30px;
	display: block;
}
.invoice-flow .flow_box .ch_l{
	width: auto;
	margin: 0 10% 30px 10%;
} 
.invoice-flow .flow_box .ch_r{
	width: auto;
} 
.invoice-flow .flow_box .ch_r dl{
	margin-top:20px;
}

.about_flow{
	padding: 80px 20px 50px 20px;
	margin-bottom: 0;
}
.about_flow .ttl {
    font-size: 22px;
	margin-bottom: 30px;
}
.about_flow .invoice-flow{
	margin: 0 auto 30px auto;
}
.about_flow h3 dl{
	display: block;
	text-align: center;
	padding-bottom: 30px;
}
.about_flow h3 dt{
	margin: 0px 0 20px 0;
}
.about_flow h3 dd{
	font-size: 20px;
}
/* =====================================================
 * 電子帳簿保存法について
 * ================================================== */
.denchoho-revisione-box{
	display: block;
	margin: 50px 10px 70px 10px;
}
.denchoho-revisione-box-inner{
	border-radius: 20px;
	padding: 30px ;
	width: auto;
	margin-bottom: 30px;
}
.revisione-title{
	background: #009ee8;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px 20px;
}
.revisione-pic{
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	width: 80%;
}
.revisione-pic .pic_small{
	width: 50%;
}
.revisione-pic .pic_small02{
	width: 70%;
}
.revisione-pic img{
	max-width: 100%;
}
.denchoho-revisione-box-inner p{
	line-height: 2;
}
	
.denchoho-class-box{
	margin: 50px 10px 70px 10px;
	border-radius: 20px;
	padding:30px 20px;
}
.denchoho-class-box .class-sub-title {
	position: relative;
}
.denchoho-class-box .class-sub-title h4{
	font-size: 16px;
	font-weight: bold!important;
	padding:8px 20px;
	margin:30px 0 30px;
}
.denchoho-class-box .class-sub-title-ico{
	position: absolute;
	left:-10px;
	top:-4px;
}
.denchoho-class-box .ico01{
	width: 80px;
}
.denchoho-class-box h5{
	padding: 10px 20px;
	margin-bottom: 20px;
}
.denchoho-class-box .ledger{
	display: flex;
	flex-wrap: wrap;
	padding-right: 0;
}
.denchoho-class-box .ledger li{
	width: 50%;
	padding: 6px 0 0 0;
	font-weight: bold;
}
.denchoho-class-box .class-sub-box{
	display: block;
	justify-content: space-between;
	margin-top: 20px;
}
.denchoho-class-box .class-sub-box .class-sub-box-inner{
	width: auto;
}
.denchoho-class-box .class-txt-box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.denchoho-class-box .class-txt-box ul{
	width: 48%;
}

.denchoho-class-box .class-txt-box li{
	padding: 6px 0 0 0;
	font-weight: bold;
}
	
.denchoho-storage-box{
	margin: 50px 20px 70px 20px;
	padding:0;
}
.denchoho-storage-box img{
	max-width: 100%;
}
.storage-inner{
	display: block;
}
.denchoho-storage-box .storage-pic{
	width:auto;
	margin:25px 25% 10px 25%;
}
.denchoho-storage-box .storage-dt{
	width:auto;
	margin:25px 0 50px 0;
}
.denchoho-storage-box h3{
	font-size: 16px;
	padding:12px 20px;
	margin:0;
	font-weight: bold!important;
}
.denchoho-storage-box .tx-small{
	font-size: 15px;
	letter-spacing: -0.4px;
}
.denchoho-storage-box .storage-dt h4{
	padding:0 0 10px 0;
	margin-bottom: 15px;
}
.denchoho-storage-box .storage-dt ul{
	margin-bottom: 30px;
}
.denchoho-storage-box .storage-dt .flex-box{
	display: block;
	margin-bottom: 30px;
}
.denchoho-storage-box .storage-dt .flex-box li{
	width: auto;
}
.denchoho-storage-box .storage-dt li{
	padding:0 0 5px 0;
}
.denchoho-storage-box .storage-dt p{
	margin-bottom: 30px;
	font-weight: bold;
}
.denchoho-storage-box .storage-dt dt{
	text-align: center;
	width: 120px;
	margin:0 0 10px 0px;
}
.denchoho-storage-box .storage-dt dl{
	display: block;
}
.denchoho-storage-box .storage-com{
	margin: 20px auto 0 auto;	
	text-align: center;
	padding: 20px;
	border-radius: 10px;
	border:1px #666 solid;
	font-weight: bold;
	width: 100%;
}
.denchoho-storage-box .storage-plit{
	display: block;
}
.denchoho-storage-box .storage-plit .storage-dt{
	width: auto;
	margin:25px 0 50px 0;
}
.denchoho-storage-box .storage-dt .storage-ico{
	position: relative;
}
.denchoho-storage-box .storage-dt .storage-ico .tit{
	padding: 10px 20px;
	margin-bottom: 20px;
}
.denchoho-storage-box .storage-dt .storage-ico p{
	position: absolute;
	left:10px;
	top:-7px;
z-index: 10;
}	
.denchoho-storage-box .storage-dt .storage-ico .ico01{
	left:15px;
	top:-12px;
}
.denchoho-storage-box .storage-dt .storage-ico .ico02{
	left:10px;
	top:-5px;
	width: 100px;
}

.denchoho-scanner-box{
	margin: 50px 20px 70px 20px;
	padding:0;
	border-top:#009ee8 solid 1px;
}
.denchoho-scanner-box dl{
	border-bottom:#009ee8 solid 1px;
	padding: 30px 0;
	display:block;
}
.denchoho-scanner-box dt{
	width:auto;
}
.denchoho-scanner-box dd{
	border-left:none;
	padding:10px 0 0 0;
}
.denchoho-scanner-box li{
	margin-left: 10px;
}
.denchoho-scanner-box li li{
	margin-left: 0;
}
	

.denchoho-law-box{
	margin: 20px 10px;
	padding:30px;
	border-radius: 20px;
}
.denchoho-law-box h3{
	font-size: 16px;
}
.denchoho-law-box h4{
	margin: 30px 0 0 0;
	line-height: 1.3;
}
.denchoho-law-box img{
	margin: 20px 0 0 0;
	max-width: 100%;
}
    /* =====================================================
    * NAYAMI
    * ================================================== */

    .sec-nayami {
        padding: 89px 10px 0;
    }

    .sec-nayami .ttl {
        font-size: 25px;
    }

    .sec-nayami .img-01 {
        margin: 36px auto 0;
        max-width: 376px;
    }

    .sec-nayami .img-02 {
        margin: 59px auto 0;
        max-width: 343.5px;
    }
	
	
/* =====================================================
    * FUNCTIONS
    * ================================================== */
.sec-functions .title {
        font-size: 25px;
    }
    .sec-functions {
        padding: 68px 0 40px 0;
    }

    .sec-functions ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 17px auto 0;
        max-width: 480px;
    }

    .sec-functions li {
        margin: 26px 0 0;
        max-width: 155px;
        width: 48%;
    }

    .sec-functions li .box-img {
        height: 145px;
        text-align: center;
    }

    .sec-functions li .box-txt .ttl {
        font-size: 12px;
        line-height: 25px;
    }

    .sec-functions li .box-txt .txt {
        font-size: 12px;
        line-height: 25px;
    }
.sec-security .title {
        font-size: 25px;
    }
.sec-security {
        padding: 68px 0 40px 0;
    }

.sec-security ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 17px auto 0;
    }

.sec-security li {
        margin: 26px 0 0;
        width: 47%;
    }

.sec-security li .box-img {
        text-align: center;
	max-width: 125px;
    }

.sec-security li .box-txt dt {
        font-size: 12px;
        line-height: 25px;
	text-align: left;
	margin: 10px auto;
    }

.sec-security li .box-txt dd {
        font-size: 12px;
        line-height: 20px;
    }

/* =====================================================
 * About-data
 * ================================================== */

 .new-picture img{
	padding: 10px;
}
/* =====================================================
 * WEBAPI-case
 * ================================================== */

.l-contents-webapi picture img{
	padding: 30px;
}
	
/* =====================================================
    * WEBAPI
    * ================================================== */

    .sec-webapi {
        padding: 54px 0 93px;
    }

    .box-webapi .com-ttl-line {
        font-size: min(5vw, 20px);
    }

    .box-webapi-01 ol {
        margin: 0 auto;
        max-width: 480px;
    }

    .box-webapi-01 ol > li {
        display: block;
        margin: 28px auto 0;
        padding: 0;
    }

    .box-webapi-01 ol li .ttl {
        display: flex;
        align-items: center;
        margin: 0 0 0 74px;
        padding: 0 0 0 15px;
        width: 100%;
        height: 43px;
        border-right: none;
        border-left: 1px solid #009ee8;
        font-size: 15px;
    }

    .box-webapi-01 ol li .ttl span {
        position: absolute;
        top: 0;
        left: 0;
        width: 68px;
        font-size: 9px;
    }

    .box-webapi-01 ol li .ttl .num {
        position: absolute;
        margin-bottom: 0;
        padding: 8px 0 0;
        font-size: 35px;
    }

    .box-webapi-01 ol li .ttl .num::after {
        display: none;
    }

    .box-webapi-01 ol li ul {
        justify-content: flex-start;
        margin: 0 auto;
        padding: 0 10px 18px;
        width: auto;
    }

    .box-webapi-01 ol li ul li {
        margin: 10px 10px 0 0;
        width: 100px;
        height: 100px;
        border: 0;
        font-size: 10px;
        line-height: 22px;
    }

    .box-webapi-01 ol li ul li:nth-child(3n) {
        margin-right: 0;
    }

    .box-webapi-01 ol li ul li:nth-child(4n) {
        margin-right: auto;
    }

    .box-webapi-01 ol li ul li img {
        width: auto;
        height: 48px;
    }

    .box-webapi-01 .img-cat {
        right: 40px;
        bottom: -19px;
        width: auto;
        height: 118.5px;
    }

    .box-webapi-02 {
        margin: 60px auto 0;
    }

    .box-webapi-02 ul {
        display: block;
        margin: 34px auto 0;
        width: 100%;
    }

    .box-webapi-02 ul li {
        margin: 10px auto 0 !important;
        text-align: center;
    }

    .sec-webapi .box-btn {
        display: block;
        margin: 32px 0 0 0;
    }

    .sec-webapi .box-btn a {
        margin: 15px auto 0;
    }
	
	
   /* =====================================================
    * KUBUN
    * ================================================== */

    .sec-kubun {
        padding: 27px 0 69px 0;
    }

    .sec-kubun .ttl {
        font-size: 20px;
        line-height: 30px;
    }
.sec-kubun .txt {
	margin: 10px auto 30px auto;
	font-size: 1.3rem;
        line-height: 2;
}

.sec-kubun .sub-ttl {
    font-size: 1.6rem;
	line-height: 1.7;
	background: #ccecfa;
	border-radius: 20px;
	padding: 15px;
	margin: 0 7%;
}
    .sec-kubun .box-img {
        margin: 24px 30px 0;
    }
.sec-kubun .chobo-box,.syorui-box,.denshi-box{
	margin: 15% 7% 0 7%;
	font-size: 1.4rem;
}
.sec-kubun .chobo-box-tit,.syorui-box-tit,.denshi-box-tit{
	padding:7%;
	font-size: 1.6rem;
	margin-bottom: 1px;
}
.sec-kubun .chobo-box-tit .ico{
	left:-2%;
	top:0;
}
.sec-kubun .denshi-box-tit .ico{
	left:-2%;
	top:0;
}

.sec-kubun .syorui-box-tit .ico{
	left:-2%;
	top:-2%;
}
.sec-kubun .syorui-box-tit .ico img{
	width: 30px;
}
.sec-kubun .chobo-inner-box,.syorui-inner-box,.denshi-inner-box{
	display: block;
}
.sec-kubun .chobo-inner-box dl,.syorui-inner-box dl,.denshi-inner-box dl{
	width:auto;
	margin-right: 0;
}
.sec-kubun .chobo-inner-box dl:last-of-type,.syorui-inner-box dl:last-of-type,.denshi-inner-box dl:last-of-type{
	margin-right: 0;
}
.sec-kubun .chobo-inner-box dt,.syorui-inner-box dt,.denshi-inner-box dt{
	padding:4%;
	margin-bottom: 1px;
}
.sec-kubun .chobo-inner-box dd, .syorui-inner-box dd, .denshi-inner-box dd{
	padding:4% 5%;
	line-height: 2;
}

.sec-kubun .chobo-inner-box dd img .syorui-inner-box dd img .denshi-inner-box dd img{
	padding-bottom: 7%;
}
.sec-kubun .report{
    padding: 60px 30px 0;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
	overflow-x: scroll;
}

.sec-kubun .report img{
	max-width: initial;
	width:800px;
}	

.report .ttl {
	margin-bottom: 30px;
}

/* -----------------------------------------------------
 * 資料請求/sec-trial
 * -------------------------------------------------- */
.sec-trial {
	padding:0 7%;
	font-size: 15px;
	margin:0 auto 50px auto;
}
.sec-trial .copy{
	margin:30px auto 0 auto;
}
.sec-trial h2{
	font-size: 30px;
}
.sec-trial .small{
	font-size: 22px;
}
.sec-trial .copy{
	font-weight: 700;
	text-align: center;
}
.sec-trial .trial_group{
	display: block;
}
.sec-trial .trial_group h3,.sec-trial .article_tr{
	padding: 13px;
	font-size: 17px;
	margin-bottom: 40px;
}
.sec-trial .trial_left{
	width: auto;
}
.sec-trial .trial_left .lead{
	margin-bottom: 30px;
}
.sec-trial .trial_left .pic{
	margin-bottom: 30px;
}
.sec-trial .trial_left .trial_dt{
	padding: 20px;
	margin-bottom: 10px;
}
.sec-trial .trial_left .trial_dt .ttl{
	margin-bottom: 10px;
}

.sec-trial .trial_right{
	width: auto;
}
.trial_list{
	display: block;
}
.trial_list .pic{
	width: auto;
}
.trial_list dl{
	width: auto;
}
.trial_list dt{
	margin: 20px 0 0 0;
	padding: 0;
}
.trial_list dd p{
	margin: 10px 0 0 0;
	padding: 0;
}

.trial_list a{
	font-size: 15px;
	margin: 20px 0 0 0;
}
	
	
}




@media screen and (max-width: 374px) {
    .box-webapi-01 .img-cat {
        right: -30px;
    }
}