/*コラム内セミナーバナー装飾*/
.banner-ttl{
  font-weight:bold;
  text-align: center;
  border: solid 1px #96bb5e;
  border-radius: 10px;
  margin: 20px auto 10px !important;
  padding: 5px 10px 5px 10px;
}

/* --- 電子請求書TIMES CTA追加 --- */

/* --共通css- - */
.column_cta_outer {
    margin-top: 16px;
    margin-bottom: 20px;
}

.column_cta_flex {
    display: flex;
    align-items: center;
    padding: 20px 25px;
}

.column_cta_img {
    width: 36%;
    height: auto;
    margin: 0 auto;
}

.column_cta_right {
	width:64%;
    padding-left: 20px;
}

.column_cta_right p {
    margin-bottom: 0 !important;
    line-height: 1.6 !important;
}

.column_cta01-list{
	   margin-bottom: 15px;
}

.cta-icon {
    display: inline-block;
    width: 18px !important;
    margin-right: 5px;
    vertical-align: middle;
}

.yellow_mark {
    background: linear-gradient(transparent 60%, #FEE994 60%);
}

a.column_cta_button{
    position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 85%;
    padding: 10px 0;
    margin: 0 auto;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #ff7800;
    border-radius: 100vh;
    transition: 0.5s;
}

a.column_cta_button::before {
    width: 7px;
    height: 7px;
    margin-right: 10px;
	content: '';
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}

a.column_cta_button:hover {
    opacity: 0.8;
}


.column_cta-list {
    margin: 10px 0 20px !important;
}

.column_cta-list dt{
	margin-top:0;
	font-size:18px;
    font-weight: 600;
    line-height: 1.8;
}

.cta-subtxt {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    line-height: 1.5;
    color: #2684e2;
	text-align: center;
}

.column_cta_img a{
	width: 100% !important;
}

.column_cta_img a img{
	width: 100% !important;
}

@media screen and (width <= 767px){
.column_cta_flex {
	flex-direction: column;
}

.column_cta_img {
    width: 80%;
	margin: 20px auto;
}

.column_cta_right {
    width: 100%;
	padding-left: 0;
}

a.column_cta_button {
	width: 85%
}
}


@media screen and (width <= 420px){
a.column_cta_button {
	width: 100%
}
}


/* -- cta01 -- */
.column_cta01 {
    border: solid 3px #267c3a;
}

.column_cta01_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #267c3a;
}

.cta01-dt{
	color:#267c3a;
}

.column_cta01_catch{
    margin-bottom: 0 !important;
    font-size: 20px;
    font-weight: bold;
	color: #267c3a;
	text-align: center;
}

.cta01-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta01-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_01_icon.png");
    transform: scale(0.25);
}

/* -- cta02 -- */
.column_cta02 {
    border: solid 3px #ca5b9d;
}

.column_cta02_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #ca5b9d;
}

.cta02-dt{
	color:#ca5b9d;
}

.column_cta02_catch{
    margin-bottom: 0 !important;
    font-size: 20px;
    font-weight: bold;
	color: #ca5b9d;
	text-align: center;
}

.cta02-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta02-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_02_icon.png");
    transform: scale(0.25);
}


/* ---cta03--- */
.column_cta03 {
    border: solid 3px #76c45f;
}

.column_cta03_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #76c45f;
}

.cta03-dt{
	color:#76c45f;
}

.column_cta03_catch{
    margin-bottom: 0 !important;
    font-size: 16px;
    font-weight: bold;
	color: #76c45f;
	text-align: center;
}

.cta03-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta03-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_03_icon.png");
    transform: scale(0.25);
}


/* ---cta04--- */
.column_cta04 {
    border: solid 3px #21d1bc;
}

.column_cta04_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #21d1bc;
}

.cta04-dt{
	color:#21d1bc;
}

.column_cta04_catch{
    margin-bottom: 0 !important;
    font-size: 20px;
    font-weight: bold;
	color: #21d1bc;
	text-align: center;
}

.cta04-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta04-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_04_icon.png");
    transform: scale(0.25);
}



/* ---cta05--- */
.column_cta05 {
    border: solid 3px #51932a;
}

.column_cta05_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #51932a;
}

.cta05-dt{
	color:#51932a;
}

.column_cta05_catch{
    margin-bottom: 0 !important;
    font-size: 20px;
    font-weight: bold;
	color: #51932a;
	text-align: center;
}

.cta05-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta05-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_05_icon.png");
    transform: scale(0.25);
}

/* ---cta06--- */
.column_cta06 {
    border: solid 3px #00A698;
}

.column_cta06_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #00A698;
}

.cta06-dt{
	color:#00A698;
}

.column_cta06_catch{
    margin-bottom: 0 !important;
    font-size: 13px;
    font-weight: bold;
	color: #00A698;
	text-align: center;
}

.cta06-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta06-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_06_icon.png");
    transform: scale(0.25);
}


/* ---cta07--- */
.column_cta07 {
    border: solid 3px #fdaf06;
}

.column_cta07_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #fdaf06;
}

.cta07-dt {
	color:#ff7800;
}

.column_cta07_catch{
    margin-bottom: 0 !important;
    font-size: 17px;
    font-weight: bold;
	color: #ff7800;
	text-align: center;
}

.cta07-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta07-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_07_icon.png");
    transform: scale(0.25);
}

/* ---cta08--- */
.column_cta08 {
    border: solid 3px #86B81C;
}

.column_cta08_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #86B81C;
}

.cta08-dt {
	color:#86B81C;
}

.column_cta08_catch{
    margin-bottom: 0 !important;
    font-size: 17px;
    font-weight: bold;
	color: #86B81C;
	text-align: center;
}

.cta08-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta08-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_08_icon.png");
    transform: scale(0.25);
}

/* ---cta09--- */
.column_cta09 {
    border: solid 3px #FFA319;
}

.column_cta09_heading {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #FFA319;
}

.cta09-dt {
	color:#FFA319;
}

.column_cta09_catch{
    margin-bottom: 0 !important;
    font-size: 17px;
    font-weight: bold;
	color: #FFA319;
	text-align: center;
}

.cta09-features-list dd{
	position: relative;
	padding-left:25px;
    margin-bottom: 10px;
	line-height: 1.4;
}

.cta09-features-list dd::before {
    position: absolute;
    top: -29px;
    left: -28px;
    display: inline-block;
    vertical-align: middle;
    content: url("https://lp.infomart.co.jp/cms_cta_09_icon.png");
    transform: scale(0.25);
}

/* -- 内部リンク -- */
.column_txt_cta {
	padding: 12px 15px 8px;
	margin-top: 15px;
	margin-bottom: 25px;
	border: solid 1px #ccc;
}

.column_txt_cta_category {
	padding: 4px 6px;
	margin-right: 5px;
	color: #267c3a !important;
	border: solid 1px #267c3a
}

.column_txt_cta span {
	font-size: 13px;
	color: #2684e2;
}

.column_txt_cta p {
	margin-bottom: 0 !important;
	line-height: 1.5;
	color: #2684e2;
}

.column_txt_cta span:hover,
.column_txt_cta p:hover {
	color: #297f39;
}

.case-button {
    display: flex;
    flex-wrap: wrap;
	row-gap: 10px;
    justify-content: space-between;
}

.case-button a{
	display: inline-block;
	width:49%;
	height: auto !important;
	color:#333;
	border: 1px solid #888;
	border-radius: 40px;
}

.case-button a:hover{
	box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
}

/* =========================================
   コラムCTA01＿機能
========================================= */

.cta-01_function_area{
    padding: 0 20px 20px;
    margin-top: 16px;
	margin-bottom: 2.5rem;
	background: #ECF9CF;
    border-top: 5px solid #487D26;
    border-radius: 10px 10px 0 0;
}

.cta-01_function_area p{
	position: static;
    padding: 0;
    margin: 25px 0;
    font-size:18px;
	font-weight: normal;
	text-align: center;
	border:none;
}

.cta-01_function_area p .br-reco25{
	display: none;
}

.cta-01_function_area p::before{
	content: none !important;
}

.cta-01_function_area p img:not([width]) {
   display: block;
   width: 90%;
   max-width: 320px;
   height: auto;
   margin: 0 auto 10px;
}

.cta-01_function_area p .cta-function_ttl{
  display: inline;
  padding-bottom: 0.35em; /* 線の位置（上下） */
  background: linear-gradient(transparent calc(100% - 4px), #F7DD3D 0);
  box-decoration-break: clone;
}

.cta-01_function_area p .ttl-highlight{
   font-size: 22px;
   font-weight: bold;
}

.cta-01_function_list{
    display: flex;
    flex-wrap: wrap;
	align-items: stretch;
	margin-bottom: 0 !important;
}

.cta-01_function_list li{
	display: flex;
	width: calc(((100% - 10px*(3 - 1)) / 3) - .01px);
    margin-right: 10px;

}

.cta-01_function_list li:nth-child(3n){
	margin-right: 0;
}

.cta-01_function_area .item-inner{
	display: flex;
	flex-direction: column;
	height: 100%;
}

.cta-01_function_area .function_box figure {
    margin: 0 auto 1rem;
    overflow: hidden;
	text-align: center;
}

.cta-01_function_area .function_box img {
    width: auto;
    height: 72px;
}

.cta-01_function_area a.function_box {
    display: flex;
    flex-direction: column;
    height: 100%;
	padding: 15px;
    overflow: hidden;
    color: #333;
    background-color: #fff;
	border:2px solid #A1CE41;
	border-radius: 10px;
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    transition: box-shadow .1s ease-in;
}

.cta-01_function_area a.function_box:hover {
	text-decoration: none;
    opacity: .8;
}

.cta-01_function_area .recommend_item_namelist{
	display: flex;
	flex: 1;
	flex-direction: column;
	margin-bottom: 0 !important;
}

.cta-01_function_area .recommend_item_namelist dt{
	min-height: 3em;
	margin-bottom: 5px;
	font-size: 15px;
    font-weight: 600;
	line-height: 1.5;
    text-align: center;
}

.cta-01_function_area .recommend_item_namelist dd{
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
}

/* ボタン */
.cta-01_function_list .btn-normal {
    position: relative;
    display: inline-block;
    padding: .3rem 3rem;
    margin: 10px auto;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    outline: none;
    background-color: #E87624;
    border: 1px solid #E87624;
	border-radius: 9999px;
}

.cta-01_function_list .btn-normal span{
	color:#fff;
}

.cta-01_function_list .case-button {
   margin-top: auto;
}

.cta-01_function_list .br-function{
	display:none;
}

.cta-01_function_area a.function_box:hover .btn-normal {
    color: #E87624;
	background-color: #fff;
    border: 1px solid #E87624;

}

.cta-01_function_area a.function_box:hover .btn-normal span {
  color: #E87624 !important;
}

@media (width <= 1090px) {
.cta-01_function_list .br-function{
	display:block;
}
}


@media (width <= 945px) {
.cta-01_function_list .br-function{
	display:none;
}

.cta-01_function_list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

.cta-01_function_list li:last-child {
    margin-bottom: 0;
}

.cta-01_function_area a.function_box{
		width: 100%;
}

.cta-01_function_area .recommend_item_namelist dt {
	min-height: auto;
    text-align: center;
}
}

@media (width <= 500px) {
.cta-01_function_area p .br-reco25{
	display: block;
}

.cta-01_function_area p .cta-function_ttl {
    padding-bottom: 0.15em;
}
}

#cnv-include.cnv-include-btn-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    align-items: center;
    justify-content: center;
	margin-bottom: 40px;
}

#cnv-include .cnv-include-btn {
    position: relative;
    padding-top: 2.0em;
    width: fit-content;
    margin: 0;
}

#cnv-include .cnv-include-btn a {
    text-decoration: none;
}

#cnv-include .cnv-include-btn.cnv-or::before {
    content: '＼ 3分でわかる！ ／';
    width: 100%;
    height: auto;
    color: #FF7800;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

#cnv-include .cnv-include-btn.cnv-gr::before {
    content: '＼ お困りごと・不明点を解消 ／';
    width: 100%;
    height: auto;
    color: #297F3A;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;

}

#cnv-include .cnv-include-btn a {
    box-sizing: border-box;
    display: inline-block;
    min-width: 296px;
    padding: 16px 40px;
    border-radius: 6px;
    color: #fff;
    box-shadow: 0 5px 12px rgb(0 0 0 / 40%);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

#cnv-include .cnv-include-btn.cnv-or a {
    background-color: #FF7800;
}
#cnv-include .cnv-include-btn.cnv-gr a {
    background-color: #297F3A;
}

#cnv-include .cnv-include-btn a:hover {
    opacity: 0.7;
}


.p-turn-wrap a:hover{
	opacity: 0.7;
}

.p-turn02{
	width:60%;
	display: flex;
	flex-direction: row-reverse;
	margin: 0 auto;
	align-items: center;
	border:1px solid #d9d9d9;
	background:#ffffff;
    margin-bottom: 32px;
}
.p-turn02 dt{
	width: 50%;
}
.p-turn02 dd{
	width: 50%;
	text-align: center;
	box-sizing: border-box;
	padding:15px;
}
@media screen and (max-width: 767px){
.p-turn02{
	width:80%;
	margin:0 auto;
	}
}
.p-turn02 dt{
	width: 50%;
}
.p-turn02 dd{
	width: 50%;
	text-align: center;
	box-sizing: border-box;
	padding:15px;
}