@charset "utf-8";

/* 20240711  No74.画面構成改善 WA*/

.btn-cta-microcopy {
    color: #297f3a;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 8px;
}

.txt-ctl-span {
	display: inline-block;
}

#sec-auto-issue_function .color-highlight {
	color: #FF3333;
	font-size: 20px;
	font-weight: 700;
}

#sec-auto-issue_about,
#sec-auto-issue_point {
	padding-top:80px;
}

#sec-auto-issue_point {
    background: url(../../../../../web/jp/asp/buyer/images/menu-kanri_line-sp.png) top center no-repeat;
}

#sec-auto-issue_about h2,
#sec-auto-issue_point h2 {
	margin:0 0 1.5em;
	color:#333;
	font-size:1.4em;
}

#sec-auto-issue_about p,
#sec-auto-issue_point p {
	margin:0 auto 1.5em;
	line-height:1.6em;
}

.img-sp-only {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.img-pc-only {
	display: none;
}

#sec-auto-issue_about .box-center,
#sec-auto-issue_function .box-center {
	margin: 32px auto 60px;
}

#sec-auto-issue_about .btn-cta-microcopy,
#sec-auto-issue_function .btn-cta-microcopy {
	margin: 0;
}

#sec-auto-issue_point .point-list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	max-width: 600px;
	margin: 0 auto 80px;
}

#sec-auto-issue_point .point-list li {
	width: 100%;
	background-color: #EDF5ED;
	border: 1px solid #40A83E;
	border-radius: 64px;
	padding: 6%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#sec-auto-issue_point .point-list li .point-img {
	width: 95px;
	height: auto;
	object-fit: contain;
	margin-bottom: 16px;
}

#sec-auto-issue_point .point-list li .point-txt {
	width: 100%;
}

#sec-auto-issue_point .point-list li .point-txt h3 {
	color: #40A83E;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	padding-bottom: 11px;
	position: relative;
	margin-bottom: 16px;
}

#sec-auto-issue_point .point-list li .point-txt h3 span {
	font-size: 18px;
	color: #333;
	display: block;
}

#sec-auto-issue_point .point-list li .point-txt h3::before {
	content: '';
	width: 100%;
	height: 3px;
	border-radius: 9999px;
	background-color: #40A83E;
	position: absolute;
	bottom: 0;
}

#sec-auto-issue_point .point-list li .point-txt p {
	text-align: left;
	margin: 0;
}


@media screen and (min-width:48em){
	#sec-auto-issue_about h2,
	#sec-auto-issue_point h2 {
		font-size:1.7em !important;
	}
	#sec-auto-issue_about p,
	#sec-auto-issue_point p {
		text-align: center;
	}
	.img-pc-only {
		display: block;
		width: 100%;
		max-width: 700px;
		margin: 0 auto;
	}
	.img-sp-only {
		display: none;
	}

	#sec-auto-issue_point .point-list {
		max-width: 900px;
	}

	#sec-auto-issue_point .point-list li {
		flex-direction: row;
		padding: 40px;
	}

	#sec-auto-issue_point .point-list li .point-img {
		margin: 0 24px 0 0;
	}

	#sec-auto-issue_point .point-list li .point-txt {
		width: calc(100% - 24px - 95px);
	}

	#sec-auto-issue_point .point-list li .point-txt h3 span {
		display: inline;
	}

	#sec-auto-issue_point .point-list li .point-txt h3 span.not-inline {
		display: block;
	}
}

@media screen and (min-width:64em){
	#sec-auto-issue_point .point-list li .point-txt h3 {
		font-size: 24px;
		line-height: 35px;
	}
	
	#sec-auto-issue_point .point-list li .point-txt h3 span {
		font-size: 20px;
	}
	
	#sec-auto-issue_point .point-list li .point-txt h3 span.not-inline {
		display: inline;
	}
}
/* 202521 自動発行機能の特徴 追加*/
#seikyu h2 img.seikyu_logo02 {
	width: 85%;
	padding-bottom: 5px;
	vertical-align: text-bottom;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	#seikyu h2 img.seikyu_logo02 {
		width: 450px;
	}
}
/*-----------------
 *sec-auto-issue_function02 主な機能
-----------------*/
#sec-auto-issue_function02 {
	padding: 4em 0;
	background: linear-gradient(-20deg, #D1EFD5 0%, #F5FFF7 100%);
}
#sec-auto-issue_function02 h2 {
	color: #267C3A;
	font-size: 1.4em;
}
#sec-auto-issue_function02 h3 {
	font-size: 22px;
	color: #ffffff;
	background-color: #267C3A;
	padding: 7px 10px 10px;
	border-radius: 30px;
	width: 90%;
	text-align: center;
	margin: 0 auto 35px;
}
#sec-auto-issue_function02 #sec-auto-issue_function02_h3_02 {
	padding-top: 60px;
	margin-top: -60px;
}
#sec-auto-issue_function02 h3.function_top {
	margin-top: 40px;
}
#sec-auto-issue_function02 .function_box_wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}
#sec-auto-issue_function02 .function_box {
	width: 90%;
	max-width: 480px;
	margin: 0 5px 20px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 8px;
	padding: 18px 18px 20px;
}
#sec-auto-issue_function02 .function_box img {
	height: 100px;
	margin: 0 auto 24px;
	display: block;
}
#sec-auto-issue_function02 .function_box p {
	line-height: 1.3;
	text-align: left;
}
#sec-auto-issue_function02 .function_box .function_ttl_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	height: 70px;
}
#sec-auto-issue_function02 .function_box .function_ttl_wrap .function_ttl {
	color: #333;
	font-size: 23px;
	font-weight: bold;
	display: block;
	text-align: center;
	margin-bottom: 5px;
	line-height: 1.2;
}
#sec-auto-issue_function02 .function_box .function_ttl_wrap .function_ttl span {
	font-size: 16px;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	#sec-auto-issue_function02 .function_box {
		width: 40%;
	}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	#sec-auto-issue_function02 h3 {
		font-size: 24px;
		width: 350px;
	}
	#sec-auto-issue_function02 .function_box{
		width: 28%;
	}
	#sec-auto-issue_function02 .function_box02 {
		width: 40%;
	}
	#sec-auto-issue_function02 .function_box_wrap02 {
		width: 80%;
	}
}

/* 202505 WA  */
.function_connect {
	margin-top: 24px;
}

.function_connect p {
	display: inline-block;
	position: relative;
	padding: 0 1em;
	margin: 0 auto 1em;
	font-weight: 600;
}

.function_connect p::before,
.function_connect p::after {
	content: "";
	width: 40px;
	height: 1px;
	background-color: #333;
	position: absolute;
}

.function_connect p::before {
	left: 0;
	top: 50%;
	translate: -100% -50%;
}
.function_connect p::after {
	right: 0;
	top: 50%;
	translate: 100% -50%;
}

.function_connect ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 20px;
}

.function_connect li {
	width: auto;
	padding: 0.5em 1.2em;
	background-color: #EDF5ED;
	color: #297F3A;
	font-weight: 700;
	font-size: 20px;
}
/* 202510 リンク先追加  */
.function_link {
	margin-top: 15px;
	border: 1px solid #297F3A;
	padding: 2px;
	position: relative;
}
.function_link a {
	display: block;
	color: #297F3A;
	padding: 8px 3px;
}
.function_link::after {
    content: '>';
    position: absolute;
    right: 0.625em;
    top: 55%;
    transform: translateY(-57%) scale(0.5, 1.0);
    display: inline-block;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.5em;
	color: #297F3A;
}
.function_link:hover {
	background-color: #F5FFF7;
}