@charset "UTF-8";


/********************************************************/
 /* リセット */
/********************************************************/
html{
-webkit-text-size-adjust: 100%;
}
body{
-webkit-text-size-adjust: 100%;
line-height:1;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
background-color: #fff;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	/*font-weight: normal;*/
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

img {
    max-inline-size: 100%;
    max-block-size: 100%;
}
table{
	border-collapse:collapse;
    border-spacing:0;
}
ul,ol{
	list-style: none;
}
em{
	font-family: unset;
}
h2 span{
	font-size:unset;
}

/********************************************************/
 /* 会計マエストロ LP (共通) */
/********************************************************/

#mo_LP{
	font-family: "Noto Sans JP", sans-serif!important;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #303e47;
	background-color: #fff;
}
#mo_LP *,
#mo_LP *::before,
#mo_LP *::after {
    box-sizing: border-box;
}

/*ページ幅*/
#mo_LP div.container{
	width:90%;
	max-width: 1200px;
	margin:0 auto;
	text-align: left;
}


/*基本色 (グラデーション)*/
#mo_LP .bg_color1{
	background-image:linear-gradient(to right, #123b96 0%, #41b2cb 100%);
}
#mo_LP .txt_color1{
	background-image:linear-gradient(to right, #123b96 0%, #41b2cb 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*背景色 (薄グレー)*/
#mo_LP{
	--bg_color2:#edf1f7;
}



#mo_LP em{
	font-weight: bold;
	font-style: normal;
}
#mo_LP .alignL{text-align: left;}
#mo_LP .alignR{text-align: right;}
#mo_LP .alignC{text-align: center;}





/********************************************************/
 /* ヘッダー */
/********************************************************/
/*ページ上部に固定*/
#mo_LP div.mo_header{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:75px;
	background-color: #fff;
	z-index:999;
	box-shadow: 0px 5px 5px -2px #a0a7ad;
}
#mo_LP div.mo_header div.headerWrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#mo_LP div.mo_header div.container{
	max-width: 1400px;
}
@media screen and (max-width:1400px) {
	#mo_LP div.mo_header div.container{width:95%;}
}

/*ロゴ*/
#mo_LP div.mo_header a.logo{
	display:block;
	height:75px;
}
#mo_LP div.mo_header a.logo img{
}


/********************************************************/
 /* ナビゲーションメニュー */
/********************************************************/

/* ===== メインメニュー (PC) ===== */
#mo_LP div.mo_mainNav {
	flex-grow: 1;
	display: flex;
	justify-content:space-between;
	padding-left:1em;
}

#mo_LP div.mo_mainNav ul{
	display:flex;
	flex-flow: row;
	justify-content: flex-end;
	align-items:flex-end;
	/*font-size:75%;*/
}
#mo_LP div.mo_mainNav ul li{
	display: block;
	position: relative;
	/*padding: 0.5em 0.8em;*/
	text-align: center;
	cursor: pointer;
}

/*ページ内リンク*/
#mo_LP div.mo_mainNav ul.mo_anchorLink li{
	border-right:1px #ddd solid;
	font-size:87.5%;
	/*font-size:75%;*/
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li:last-child{
	border-right:none;
}
/*アンダーライン*/
#mo_LP div.mo_mainNav ul.mo_anchorLink li:after{
	content: "";
	position: absolute;
	display: block;
	width:0%;
	height:2px;
	left:0;
	bottom:0;
	background-color: transparent;
	transition: 0.2s;
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li:hover:after{
	content: "";
	width:100%;
	background-color: #123b96;
}
/*下向き三角*/
#mo_LP div.mo_mainNav ul.mo_anchorLink li:before{
  content: '';
  width: 10px;
  height: 10px;
  border-top: solid 2px #666;
  border-right: solid 2px #666;
  position: absolute;
  left: calc(50% - 5px);
  bottom: 4px;
  transform: rotate(135deg);
}

#mo_LP div.mo_mainNav ul.mo_anchorLink li a{
	display:block;
	padding: 0.5em 0.8em 20px 0.8em;
}


/*お問い合わせボタン*/
#mo_LP div.mo_mainNav ul.btn{
	margin-left:0.5em;
	padding-bottom:5px;
}
#mo_LP div.mo_mainNav ul.btn li{
	display: flex;
	align-items: center;
	min-height: 45px;
	margin-right:0.5em;
	padding:7px 0 7px 0;
	padding:0;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:25px;
	background-color: #ffcc00;
	border:3px #fff solid;
	border-radius: 9999px;
	transition: 0.1s;
	font-size:0.75rem;
}
#mo_LP div.mo_mainNav ul.btn li:last-child{
	margin-right:0;
}
#mo_LP div.mo_mainNav ul.btn li:hover{
	/*background-color: #ff9900;*/
	background-color: #fff;
	border:3px #fc0 solid;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn_on.png);
}
#mo_LP div.mo_mainNav ul.btn li a{
	display: block;
	width: 100%;
	padding:5px 30px 5px 50px;
	text-decoration: none;
	color:#000;
}
/*リンク文字色を変えない*/
#mo_LP div.mo_mainNav ul li a{
	text-decoration: none;
	color:#000;
}


/* ===== メインメニュー (SP) ===== */
@media screen and (max-width:960px) {
#mo_LP div.mo_header {
	height:60px;
	}
#mo_LP div.mo_header a.logo{
	height:60px;
}
#mo_LP div.mo_mainNav {
	position: absolute;
	right: 0;
	left: 0;
	top: 60px;
	width: 100%;
	height: 100vh;
	height: calc(100vh - 60px);
	transform: translateX(100%);
	background-color: #123b96;
	color:#fff;
	transition: ease 0.3s;
	overflow-x: hidden;
	overflow-y: auto;
	padding:5px 0;
}
#mo_LP div.mo_mainNav.is-active {
  transform: translateX(0);
}
body.is-active{
	overflow: hidden;
}
#mo_LP div.mo_mainNav{
	display: block;
	padding-top:1em;
}
#mo_LP div.mo_mainNav ul{
	display: block;
	width:90%;
	margin:0 auto;
}
#mo_LP div.mo_mainNav ul li{
	display: block;
	position:relative;
	padding:0.3em 0;
	cursor: inherit;
	border-right:none;
	font-size:1.125rem!important;
	line-height: 1.3;
	text-align: center;
}

/*ページ内リンク (SP)*/
#mo_LP div.mo_mainNav ul.mo_anchorLink{
	margin-bottom:2em;
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li{
	padding:0;
	border-right:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:rgba(255, 255, 255, 0.4);
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li:before{
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  left: 1em;
  top: calc(50% - 5px);
  transform: rotate(135deg);
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li:after{
	display: none;
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li:hover{
	background-color: rgba(0,0,0,0.1);
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li a{
	display: block;
	margin:0;
	padding:1em 0;
	background-color: inherit;
	text-decoration: none;
	color:#fff;
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li a:link,
#mo_LP div.mo_mainNav ul.mo_anchorLink li a:visited{
	text-decoration: none;
}
#mo_LP div.mo_mainNav ul.mo_anchorLink li a:hover{
	text-decoration: underline;
}

/*お問い合わせボタン (SP)*/
#mo_LP div.mo_mainNav ul.btn{
	margin:0 auto;
	padding-bottom:0;
}
#mo_LP div.mo_mainNav ul.btn li{
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 0 0.5em 0;
	padding:20px 0;
	text-align: center;
	border-radius: 0.8em;
}
}/*960px*/

@media screen and (max-width:600px) {
#mo_LP div.mo_mainNav ul li{
	font-size:1rem !important;
	line-height: 1.3;
}
}
/*spここまで*/


/* 3本線メニューボタン */
#mo_LP button.mo_menuBtn {
	display: block;
	margin:0;
	padding:0;
	margin-left:auto;
	border: none;
	outline: none;
	font: inherit;
	color: inherit;
	background: none;
	width: 25px;
	height: 100%;
	cursor: pointer;
	background-color: transparent;
	border-color: transparent;
	z-index: 9999;
	padding-bottom:15px;
}
/*PC時*/
@media screen and (min-width: 960px) {
#mo_LP button.mo_menuBtn {
    display: none;
  }
}
#mo_LP button.mo_menuBtn span {
	width: 100%;
	height: 3px;
	/*background-color: #105da5;*/
	background-color: #123b96;
	position: relative;
	transition: ease 0.5s;
	display: block;
}
#mo_LP button.mo_menuBtn span:nth-child(1) {
  top: 0;
}
#mo_LP button.mo_menuBtn span:nth-child(2) {
  margin: 7px 0;
}
#mo_LP button.mo_menuBtn span:nth-child(3) {
  top: 0;
}
#mo_LP button.mo_menuBtn.is-active span:nth-child(1) {
  top: 10px;
  transform: rotate(315deg);
}
#mo_LP button.mo_menuBtn.is-active span:nth-child(2) {
  opacity: 0;
}
#mo_LP button.mo_menuBtn.is-active span:nth-child(3) {
  top: -10px;
  transform: rotate(-315deg);
}






/********************************************************/
 /* コンテンツエリア */
/********************************************************/
/*固定ヘッダーの高さ分 余白をあける*/
#mo_LP div#contentsWrap{
	margin-top:75px;
	/*overflow: hidden;*/
}
/*sp*/
@media screen and (max-width:960px) {
#mo_LP div#contentsWrap{
	margin-top:60px;
}
}


/********************************************************/
 /* メインビジュアル */
/********************************************************/

#mo_LP div#mainImg{
	position:relative;
	width:100%;
	margin:0;
	padding:0;
	
	background-color: #eee;
	color:#000;
	/*min-height: 600px;*/
	background-image: url(/Portals/0/LP/maestro/img/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	/*background-size: 100%;*/
	background-size: cover;
}
#mo_LP div#mainImg div.container{
	position: relative;
	z-index: 2;
	padding-top:35px;
}

#mo_LP div#mainImg div.silhouette{
	display: block;
	position: absolute;
	width:36%;
	/*width:696px;*/
	min-width:450px;
	bottom:-2px;
	right:13%;
	right:10%;
	z-index: 1;
	transition: 0.2s;
}


/*見出し (グループ全体の経理・会計工数～)*/
#mo_LP div#mainImg p.heading1{
	display: inline-block;
	margin:0 0 0.5em 0;
	padding:0;
	
	font-size:125%;
	font-size: clamp(18px, 1.04vw, 20px);
	line-height: 1.3;
	color:#123b96;
	font-weight:bold;
}
/*見出し (ベンダー依存脱却！自動化～)*/
#mo_LP div#mainImg p.heading2{
	margin:0 0 0.5em 0;
	padding:0;	
	font-size:112.5%;
	font-size: clamp(14px, 0.937vw, 18px);
	line-height: 1.3;
	font-weight:bold;
}
/*タイトルコピー*/
#mo_LP div#mainImg dl{
	margin-bottom:3em;
}
#mo_LP div#mainImg dl dt{}
/*見出し (月額5万円で)*/
#mo_LP div#mainImg dl dt p{
	display: inline-block;
	margin:0 0 0.5em 0;
	padding:0.2em 3em 0.4em 3em;
	background-color: #123b96;
	color:#fff;
	font-weight: bold;
	font-size:1.875rem;
	font-size: clamp(20px, 1.562vw, 30px);
	font-feature-settings: "palt";
	line-height: 1;
	border-radius: 7px;
}
#mo_LP div#mainImg dl dt p span{
	display: inline-block;
	padding:0 0.1em;
	font-size:3.75rem;
	font-size: clamp(40px, 3.125vw, 60px);
}
#mo_LP div#mainImg dl dd h1{
	font-weight: bold;
	font-size: clamp(40px, 3.125vw, 60px);
	line-height: 1.1;
	font-feature-settings: "palt";
}
#mo_LP div#mainImg dl dd h1 span{
	font-size: clamp(53px, 4.166vw, 80px);
}

#mo_LP div#mainImg ul{
	padding:0 0 2em 0;
}
#mo_LP div#mainImg ul li{
	position: relative;
	margin:0 0 0.3em 0;
	padding:0 0 0 1.5em;
	font-size:125%;
	font-size: clamp(16px, 1.04vw, 20px);
	line-height: 1.3;
}
#mo_LP div#mainImg ul li:before{
	content:"";
	position: absolute;
	top:0.3em;
	left:0;
	width:0.75em;
	height:0.75em;
	background-color:#123b96;
	border-radius: 50%;
}
/*レスポンシブ*/
@media screen and (max-width:1200px) {
#mo_LP div#mainImg div.silhouette{
	right:0;
}
}
@media screen and (max-width:960px) {
#mo_LP div#mainImg ul{
	width:50%;
}
}

@media screen and (max-width:600px) {
#mo_LP div#mainImg{
	min-height: auto;
}
#mo_LP div#mainImg div.container{
	padding-top:15px;
}
#mo_LP div#mainImg{
	background-position: bottom center;
}
#mo_LP div#mainImg div.silhouette{
	position: relative;
	margin:0 auto;
	right:0;
	width:300px;
	min-width: 300px;
}
#mo_LP div#mainImg ul{
	width:100%;
	padding-bottom:0;
}
#mo_LP div#mainImg dl{
	text-align: center;
	width:100%;
	margin-bottom:2em;
}
#mo_LP div#mainImg dl p{
	display: block;
	width:100%;
}
#mo_LP div#mainImg dl h1{
	text-align: left;
}
#mo_LP div#mainImg p.heading1{
	font-size:87.5%;/*14px*/
}
}/*600px*/




/********************************************************/
 /* CTAバナー */
/********************************************************/
#mo_LP div.cta{
	margin:0 0 0 0;
	padding:3em 0;
	color:#fff;
	background-image: linear-gradient(to right, #123b96 0%, #41b2cb 100%), url(/Portals/0/LP/maestro/img/cta_bg_img.jpg);
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	background-blend-mode: multiply;
}
#mo_LP div.cta div.container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*お電話で相談*/
#mo_LP div.cta div.telBlock{
	width:28%;
	padding-top:0.5em;
}
#mo_LP div.cta div.telBlock dl{
	width:100%;
	margin:0 0 0.5em 0;
	padding:0.5em 0 0.5em 70px;
	border-top:1px #fff solid;
	border-bottom:1px #fff solid;
	background-image: url(/Portals/0/LP/maestro/img/icon_tel.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size:50px;
}
#mo_LP div.cta div.telBlock dl dt{
	margin-bottom:0.3em;
	font-size:87.5%;
	line-height: 1.3;
}
#mo_LP div.cta div.telBlock dl dd{/*電話番号*/
	font-size:225%;
	font-size: clamp(28px, 1.875vw, 36px);
	line-height:1;
	font-weight: bold;
}
#mo_LP div.cta div.telBlock p{
	font-size:75%;
	line-height: 1.3;
}

/*問合せボタン*/
#mo_LP div.cta dl.btn{
	width:34%;
	text-align: center;
}
#mo_LP div.cta dl.btn dt{
	margin:0 0 0 0;
	padding:0.4em 1.5em;
	
	display: inline-block;
	position: relative;
	z-index: 2;
	font-size:0.75rem;
	line-height: 1.3;
	font-weight:bold;
	background-color: #303e47;
	color:#fff;
	border-radius: 9999px;
	bottom:0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}
#mo_LP div.cta dl.btn dd{
	display: flex;
	align-items: center;
	min-height: 45px;
	margin:0;
	padding:0;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:30px;
	background-color: #ffcc00;
	transition: 0.1s;

	font-size:1.125rem;
	line-height: 1.5;
	border:3px #fff solid;
	border-radius: 0.8em;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.4);
}
#mo_LP div.cta dl.btn dd:hover{
	background-color: #fff;
	border:3px #fc0 solid;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn_on.png);
}
#mo_LP div.cta dl.btn dd a{
	display: block;
	width:100%;
	text-decoration: none;
	color:#000;
	padding:20px 20px 20px 40px;
}
/*無料*/
#mo_LP div.cta dl.btn dd a span{
	display: inline-block;
	background-color: #fff;
	color:#f27d00;
	margin-left:0.5em;
	padding:0.2em 0.8em;
	border-radius: 9999px;
	font-size:0.875rem;
	font-weight: bold;
}
#mo_LP div.cta dl.btn dd:hover a span{
	background-color:#fc0;
	color:#fff;
}



/*1200px*/
@media screen and (max-width:1200px) {
	#mo_LP div.cta dl.btn dd{
	font-size:1rem;
	}
}
/*960px*/
@media screen and (max-width:960px) {
	#mo_LP div.cta div.telBlock{
	width:100%;
	margin-bottom:2em;
	padding-top:0;
	}
	#mo_LP div.cta div.telBlock dl dd{
	font-size:225%;
	}
	#mo_LP div.cta dl.btn{
	width:49%;
	}
}
/*600px*/
@media screen and (max-width:600px) {
	#mo_LP div.cta{
	padding-bottom:4em;
	}
	#mo_LP div.cta div.container{
	flex-direction: column;
	align-items: center;
	}
	#mo_LP div.cta div.telBlock{
	width:95%;
	}
	
	#mo_LP div.cta dl.btn{
	width:95%;
	margin-bottom:1.5em;
	}
	#mo_LP div.cta dl.btn:last-child{
	margin-bottom:0;
	}
	#mo_LP div.cta dl.btn dd{
		font-size:1rem;
	}
	#mo_LP div.cta dl.btn dd a span{
		font-size:0.75rem;
	}
}/*600px*/



/********************************************************/
 /* 導入ユーザー様 ロゴ */
/********************************************************/
#mo_LP div.sectUser{
	padding: 2.5em 0 3em 0;
}
#mo_LP div.sectUser h2{
	margin: 0 0 1.5em 0;
	font-size:1.25rem;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectUser h2 br{
	display: none;
}
#mo_LP div.sectUser h2 sup {
	font-size: 70%;
	vertical-align: top;
	position: relative;
	top: 0em;
}

/*ユーザーロゴ*/
#mo_LP div.sectUser ul{
	width:80%;
	margin:0 auto 1.5em auto;
	padding: 0 0 1em 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
#mo_LP div.sectUser ul li{
	width:15%;
	max-height: 50px;
	margin:0 0 0 0;
	padding:0 3%;
}

/*注釈*/
#mo_LP div.sectUser p.note{
	font-size:62.5%;
	line-height: 1.3;
}

@media screen and (max-width:600px) {
	#mo_LP div.sectUser{
		padding:3em 0;
	}
#mo_LP div.sectUser ul{
	width:90%;
	}
#mo_LP div.sectUser ul li{
	width:25%;
	margin:0 0 0.5em 0;
}
}/*600px*/




/********************************************************/
 /* 会計マエストロの導入効果 */
/********************************************************/
#mo_LP div.sectBenefit {
	padding:3em 0;
	background-color:var(--bg_color2);
	background-image:url(/Portals/0/LP/maestro/img/benefit_bg_img.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:50%;
	background-blend-mode: multiply;
	
}
#mo_LP div.sectBenefit h2{
	margin: 0 0 2em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectBenefit h2 span{
	color:#123b96;
}

#mo_LP div.sectBenefit div.flex{
	width:100%;
	margin:0 auto;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
#mo_LP div.sectBenefit div.flex dl{
	width:24%;
	margin-bottom:3em;
	padding:1.5em 1em 1.5em 1em;
	background-color: #fff;
	border-radius: 15px;
}
#mo_LP div.sectBenefit div.flex dt{
	margin:0 0 1em 0;
	padding-bottom:0.5em;
	font-size:100%;
	line-height: 1.3;
	text-align: center;
	font-weight:bold;
	
	border-bottom:1px #ddd solid;
}
#mo_LP div.sectBenefit div.flex dd.sub{
	margin:0 0 1em 0;
	font-size:75%;
	line-height: 1.5;
	text-align: center;
}

#mo_LP div.sectBenefit div.flex dd.highlight{
	font-size:0.875rem;
	font-weight: bold;
	text-align: center;
}

#mo_LP div.sectBenefit div.flex dd.highlight span.marker{
	/*display: inline-block;*/
	background: linear-gradient(transparent 80%, #fc0 80%);
	background-position: 0 bottom;
	white-space: nowrap;
}
#mo_LP div.sectBenefit div.flex dd.highlight span.num{
	display: inline-block;
	font-size:0.75rem;
	line-height: 1.3;
}

#mo_LP div.sectBenefit div.flex dd.highlight em{
	display:inline-block;
	font-size:1.5rem;
}

#mo_LP div.sectBenefit div.flex dd.highlight sup{
	font-size: 0.625rem;
	vertical-align:text-top;
}






#mo_LP div.sectBenefit div.grid{
	width:100%;
	margin:0 auto 3em auto;
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-template-rows: auto;
	grid-column-gap: 1.5%;
	grid-row-gap: 0;
}
#mo_LP div.sectBenefit div.grid dl{
	width:100%;
	/*margin-bottom:3em;*/
	padding:1.5em 1em 1.5em 1em;
	background-color: #fff;
	border-radius: 15px;
	
	display:grid;
	gap:0;
	grid-template-rows: subgrid;
	grid-row: span 3;
}

#mo_LP div.sectBenefit div.grid dt{
	margin:0 0 1em 0;
	padding-bottom:0.5em;
	font-size:100%;
	line-height: 1.3;
	text-align: center;
	font-weight:bold;
	border-bottom:1px #ddd solid;
}
#mo_LP div.sectBenefit div.grid dd.sub{
	margin:0 0 1em 0;
	font-size:75%;
	line-height: 1.5;
	text-align: center;
}

#mo_LP div.sectBenefit div.grid dd.highlight{
	font-size:0.875rem;
	font-weight: bold;
	text-align: center;
}

#mo_LP div.sectBenefit div.grid dd.highlight span.marker{
	background: linear-gradient(transparent 80%, #fc0 80%);
	background-position: 0 bottom;
	white-space: nowrap;
}
#mo_LP div.sectBenefit div.grid dd.highlight span.num{
	display: inline-block;
	font-size:0.75rem;
	line-height: 1.3;
}

#mo_LP div.sectBenefit div.grid dd.highlight em{
	display:inline-block;
	font-size:1.5rem;
}

#mo_LP div.sectBenefit div.grid dd.highlight sup{
	font-size: 0.625rem;
	vertical-align:text-top;
}


/*注釈*/
#mo_LP div.sectBenefit ul.note{
}
#mo_LP div.sectBenefit ul.note li{
	font-size:62.5%;
	line-height: 1.3;
}

@media screen and (max-width:600px) {
#mo_LP div.sectBenefit {
	padding:3em 0;
	background-size:60%;
}
#mo_LP div.sectBenefit h2 {
	font-size:1.5rem;/*24px*/
}
#mo_LP div.sectBenefit div.flex dl{
	width:48%;
	margin-bottom:1.5em;
}

#mo_LP div.sectBenefit div.grid{
	grid-template-columns: repeat(2,1fr);
	grid-column-gap: 4%;
	grid-row-gap:0;
}
#mo_LP div.sectBenefit div.grid dl{
	margin-bottom:1.5em;
}

}/*600px*/




/********************************************************/
 /* こんなお悩みありませんか */
/********************************************************/
#mo_LP div.sectProblem {
	margin:0;
	padding:3em 0 0 0;
}
#mo_LP div.sectProblem h2{
	margin: 0 0 1em 0;
	
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}





#mo_LP div.sectProblem div.flex{
	display: flex;
	width:100%;
	padding-bottom:4em;
	justify-content:center;
}
#mo_LP div.sectProblem div.photo{
	position: relative;
	width:25%;
	margin-left:5%;
	transition: 0.2s;
}


#mo_LP div.sectProblem ul{
	width:60%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#mo_LP div.sectProblem ul li{
	width:49%;
	margin: 0 0 1em 0;
	padding:1.5em 2em;
	background-color:var(--bg_color2);
	border-radius: 15px;
	
	font-size:1.125rem;
	line-height: 1.5;
	text-align: center;
	
	display:flex;
	align-items: center;
}
#mo_LP div.sectProblem ul li p{
	text-align: center;
	margin:0 auto;
}


@media screen and (max-width:960px) {
#mo_LP div.sectProblem div.photo{
	width:35%;
}
}/*960px*/


@media screen and (max-width:600px) {
#mo_LP div.sectProblem{
	padding:3em 0 0 0;
}
#mo_LP div.sectProblem h2{
	font-size:1.5rem;
}

#mo_LP div.sectProblem div.flex{
	flex-direction: column;
	align-items: center;
}
#mo_LP div.sectProblem ul{
	width:95%;
	display: block;
	margin-bottom:1em;
}
#mo_LP div.sectProblem ul li{
	width:100%;
	margin-bottom: 0.5em;
	padding:1.5em 2em;
	font-size:1rem;
}
#mo_LP div.sectProblem ul li br{
	display:none;
}
#mo_LP div.sectProblem div.photo{
	width:50%;
	
	margin-left:0;
}
#mo_LP div.sectProblem div.photo img{
	top:0;
}

}/*600px*/


/*原因*/
#mo_LP div.sectProblem div.cause{
	position: relative;
	width:100%;
	padding:70px 0 2em 0;

	background-color:#5f7080;
	background-image:url(/Portals/0/LP/maestro/img/problem_bg_img.jpg);
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	color:#fff;
}
#mo_LP div.sectProblem div.cause:before{
	display: block;
	position: absolute;
	content: '';
	width: 16%;
	height: 40px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	left: calc(50% - 8%);
	top: -1px;
	background-color: #fff;
}


/*本文*/
#mo_LP div.sectProblem div.txtArea{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#mo_LP div.sectProblem div.txtArea p{
	text-align: center;
}
#mo_LP div.sectProblem div.txtArea p.line1{
	margin: 0 0 1em 0;
	font-size:1.125rem;
	line-height: 1.5;
	font-weight: bold;
}
#mo_LP div.sectProblem div.txtArea p.line2{
	margin: 0 0 1em 0;
	font-size:1.5em;
	line-height: 2;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: rgba(255, 255, 255, 0.5);
	text-underline-offset: 0.3em;
}
#mo_LP div.sectProblem div.txtArea p.line2 em{
	font-size:1.75rem;
	color:#ffcc00;
}


@media screen and (max-width:600px) {

#mo_LP div.sectProblem div.txtArea p.line1{
	font-size:1rem;
}
#mo_LP div.sectProblem div.txtArea p.line2{
	font-size:1.125rem;
}
#mo_LP div.sectProblem div.txtArea p.line2 br{
	display:none;
}
#mo_LP div.sectProblem div.txtArea p.line2 em{
	font-size:1.125rem;
}
}/*600px*/



/********************************************************/
 /* システム導入前 */
/********************************************************/
#mo_LP div.sectCurrent {
	margin:0;
	padding:3em 0 3em 0;
}
#mo_LP div.sectCurrent h2{
	margin: 0 0 1em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectCurrent div.fig{
	width:90%;
	margin: 0 auto 3em auto;
}
#mo_LP div.sectCurrent p.ques{
	padding:0 0 1em 0;
	font-size:150%;
	font-size: clamp(20px, 1.25vw, 24px);
	line-height: 1.5;
	text-align: center;
}
/*強調 (なぜか)*/
#mo_LP div.sectCurrent p.ques span{
	display: inline-block;
	padding-top:0.5em;
	font-size:1.75rem;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	color:#123b96;
}

@media screen and (max-width:600px) {
#mo_LP div.sectCurrent {
	/*padding:3em 0 1em 0;*/
}
#mo_LP div.sectCurrent h2{
	font-size:1.5rem;/*28px*/
}
}/*600px*/



/********************************************************/
 /* データ連携のニーズ */
/********************************************************/

#mo_LP div.sectNeeds{
	position: relative;
	width:100%;
	margin: 0;
	padding:100px 0 3em 0;
	background-color:var(--bg_color2);
}
#mo_LP div.sectNeeds:before{
	display: block;
	position: absolute;
	content: '';
	width: 16%;
	height: 40px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	left: calc(50% - 8%);
	top: 0;
	background-color: #fff;
}

#mo_LP div.sectNeeds div.flex{
	width:80%;
	margin:0 auto 3em auto;
	display: flex;
	justify-content: center;
}
#mo_LP div.sectNeeds div.flex dl{
	width:24%;
	margin:0 1%;
	padding:1em 1.5em;
	background-color: #fff;
	border-radius: 15px;
}
/*アイコン*/
#mo_LP div.sectNeeds div.flex dl dt{
	max-width:80px;
	margin:0 auto 1em auto;
}
#mo_LP div.sectNeeds div.flex dl dd{
	margin:0;
	padding:0 0 0.5em 0;
	font-size:1rem;
	line-height: 1.3;
	text-align: center;
}
/*コピー (これらの変更が発生する限り～)*/
#mo_LP div.sectNeeds p{
	margin:0;
	padding:0 0 0.5em 0;
	font-size:1.5rem;
	line-height: 1.5;
	text-align: center;
}
#mo_LP div.sectNeeds p span{
	font-weight: bold;
}
/*下向き三角*/
#mo_LP div.sectNeeds p.sankaku{
	position: relative;
	padding-bottom:80px;
	margin-bottom:40px;
}
#mo_LP div.sectNeeds p.sankaku:after{
  	display: block;
	position: absolute;
	content: '';
	width: 15%;
	height: 30px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	left: calc(50% - 7.5%);
	bottom: 0;
	background-color: #fff;
}

@media screen and (max-width:960px) {
#mo_LP div.sectNeeds div.flex{
	width:90%;
	justify-content: space-between;
}
#mo_LP div.sectNeeds div.flex dl{
	width:32%;
	margin:0;
}
}/*960px*/

@media screen and (max-width:600px) {
#mo_LP div.sectNeeds{
	padding:100px 0 3em 0;
}
#mo_LP div.sectNeeds p{
	text-align: left;
	font-size:1.25rem;
	line-height: 1.5;
}
#mo_LP div.sectNeeds p.sankaku{
	padding-bottom:60px;
	margin-bottom:30px;
}

#mo_LP div.sectNeeds p br{
	display:none;
}
#mo_LP div.sectNeeds div.flex{
	width:100%;
}

#mo_LP div.sectNeeds div.flex dl{
	padding:1em;
}
#mo_LP div.sectNeeds div.flex dl dd{
	font-size:0.875rem;
	line-height: 1.3;
}
}/*600px*/



/********************************************************/
 /* 会計マエストロで解決 (導入後システム図) */
/********************************************************/

#mo_LP div.sectIntoduction{
	margin: 0 0 0 0;
	padding:3em 0;
}
#mo_LP div.sectIntoduction h2{
	margin: 0 0 1em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectIntoduction h2 span{
	color:#123b96;
}
#mo_LP div.sectIntoduction h2 + p{
	margin: 0 0 2em 0;
	text-align: center;
	font-size:1.125rem;
	line-height: 1.5;
}
#mo_LP div.sectIntoduction div.fig{
	width:90%;
	margin:0 auto;
}
@media screen and (max-width:600px) {
#mo_LP div.sectIntoduction{
	padding:3em 0;
}
#mo_LP div.sectIntoduction h2{
	font-size:1.5rem;/*24px*/
	line-height: 1.5;
	}
#mo_LP div.sectIntoduction h2 + p{
	text-align: left;
	font-size:1rem;
	line-height: 1.5;
}
#mo_LP div.sectIntoduction div.fig{
	width:100%;
}
}/*600px*/





/********************************************************/
 /* 会計マエストロの機能 */
/********************************************************/

#mo_LP div.sectFunction{
	margin: 0;
	padding:3em 0;
	
	background-color:var(--bg_color2);
	background-image:url(/Portals/0/LP/maestro/img/function_bg_img.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:60%;
	background-blend-mode: multiply;

}
#mo_LP div.sectFunction h2{
	margin: 0 0 1em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectFunction h2 span{
	color:#123b96;
}
#mo_LP div.sectFunction h2 + p{
	margin: 0 0 3em 0;
	text-align: center;
	font-size:1.125rem;
	line-height: 1.5;
}

#mo_LP div.sectFunction div.flex{
	width:90%;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#mo_LP div.sectFunction div.flex dl{
	width:32%;
	margin: 0 0 2em 0;
	padding:1.5em 2em;
	background-color: #fff;
	border-radius: 15px;
}
#mo_LP div.sectFunction div.flex dt{
	margin:0 0 1em 0;
	padding-bottom:0.5em;
	/*font-size:1.125rem;*/
	font-size:1.5rem;
	line-height: 1.5;
	font-weight: bold;
	border-bottom:1px #ddd solid;
}
#mo_LP div.sectFunction div.flex dt span{
	/*font-size:150%;
	line-height: 1;*/
	color:#123b96;
}
#mo_LP div.sectFunction div.flex dd{
	margin:0 0 0.5em 0;
	font-size:0.75rem;
	line-height: 1.5;
}

@media screen and (max-width:600px) {
#mo_LP div.sectFunction{
	padding:3em 0;
	
	background-size:100%;
}
#mo_LP div.sectFunction h2{
	margin: 0 0 1em 0;
	font-size:1.5rem;/*24px*/
	line-height: 1.5;
}
#mo_LP div.sectFunction h2 + p{
	text-align: left;
	font-size:1rem;
	line-height: 1.5;
}
#mo_LP div.sectFunction div.flex{
	display:block;
}
#mo_LP div.sectFunction div.flex dl{
	width:100%;
	margin:0 0 1em 0;
}
#mo_LP div.sectFunction div.flex dt{
	
	font-size:1rem;/*16px*/
	font-size:1.25rem;
	line-height: 1.5;
}
#mo_LP div.sectFunction div.flex dd{
	font-size:0.75rem;/*12px*/
	line-height: 1.3;
}
}/*600px*/







/********************************************************/
 /* こんな課題も解決します */
/********************************************************/

#mo_LP div.sectSolution{
	margin: 0;
	padding:3em 0 4em 0;
}
#mo_LP div.sectSolution h2{
	margin: 0 0 1.5em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectSolution h2 span{
	color:#123b96;
}


#mo_LP div.sectSolution div.grid{
	width:90%;
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: auto;
	grid-column-gap: 2%;
	grid-row-gap: 0;
}
#mo_LP div.sectSolution div.grid div.box{
	width:100%;
	margin: 0 0 0 0;
	display: grid;
	gap:0;
	grid-template-rows: subgrid;
	grid-row: span 3;
}



#mo_LP div.sectSolution div.box div.heading{
	width:100%;
	padding:1em;
	display: flex;
	justify-content: center;
	align-items:center;
	background-color: #123b96;
	color:#fff;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
#mo_LP div.sectSolution div.box div.heading h3{
	text-align: center;
	font-size:1.25rem;
	line-height: 1.5;
	font-weight:bold;
}

/*課題*/
#mo_LP div.sectSolution div.grid div.txtBlock1{
	position: relative;
	margin:0 0 30px 0;
	padding:1.5em 1.5em 2em 1.5em;
	background-color:var(--bg_color2);
	font-size:0.875rem;
	line-height: 1.5;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
#mo_LP div.sectSolution div.grid div.txtBlock1:after{
	display: block;
	position: absolute;
	content: '';
	width: 50px;
	height: 25px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	left: calc(50% - 25px);
	bottom: -25px;
	background-color:var(--bg_color2);
}
/*解決*/
#mo_LP div.sectSolution div.grid div.txtBlock2{
	margin:0;
	padding:1.5em 1.5em;
	background-color: #fff;
	font-size:1rem;
	line-height: 1.5;
	font-weight:normal;
	border:#2a78b1 2px solid;
	border-radius: 15px;
}





@media screen and (max-width:600px) {
#mo_LP div.sectSolution{
}
#mo_LP div.sectSolution h2{
	font-size:1.5rem;/*24px*/
	line-height: 1.5;
}

#mo_LP div.sectSolution div.grid{
	/*width:100%;*/
	display:block;
}
#mo_LP div.sectSolution div.grid div.box{
	width:100%;
	margin:0 0 2em 0;
}
#mo_LP div.sectSolution div.grid div.box:last-child{
	margin-bottom:0;
}

#mo_LP div.sectSolution div.box div.heading{
	width:100%;
	padding: 0.5em;
}
#mo_LP div.sectSolution div.box div.heading h3{
	font-size:1.25rem;
	line-height: 1.5;
}
}/*600px*/






/********************************************************/
 /* 会計マエストロが選ばれる理由 */
/********************************************************/

#mo_LP div.sectSelection{
	margin: 0;
	padding:3em 0 5em 0;
	background-color:var(--bg_color2);
}
#mo_LP div.sectSelection h2{
	margin: 0 0 1.5em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectSelection h2 span{
	color:#123b96;
}

#mo_LP div.sectSelection div.box{
	width:100%;
	margin: 0 0 2em 0;
	padding:2em;
	display:flex;
	justify-content:space-between;
	flex-wrap: nowrap;
	
	background-color:#fff;
	border-radius: 15px;
}
#mo_LP div.sectSelection div.box:last-child{
	margin-bottom:0;
}

#mo_LP div.sectSelection div.pict{
	width:30%;
}
#mo_LP div.sectSelection div.text{
	width:68%;
}

/*イメージ画像*/
#mo_LP div.sectSelection div.box img{
	width:100%;
	aspect-ratio:16/9;
	object-fit: cover;
	transition: 0.3s;
}

/*見出し*/
#mo_LP div.sectSelection h3{
	margin:0 0 1em 0;
	padding-bottom:0.5em;
	font-size:1.25rem;
	line-height: 1.5;
	font-weight: bold;
	border-bottom:1px #ccc solid;
	
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#mo_LP div.sectSelection h3 span{
	font-size:1.125rem;
	line-height: 1.5;
	margin:0.3em 1em 0 0;
	padding:0.5em 0.5em;
	border-radius: 3px;
	background-color: #303e47;
	color:#fff;
}

/*本文*/
#mo_LP div.sectSelection div.text p{
	margin:0 0 0.5em 0;
	font-size:0.875rem;
	line-height: 1.5;
}


@media screen and (max-width:960px) {
#mo_LP div.sectSelection div.box img{
	aspect-ratio:1;
}
}/*960px*/

@media screen and (max-width:600px) {
#mo_LP div.sectSelection{
	padding:3em 0 4em 0;
}
#mo_LP div.sectSelection h2{
	font-size:1.5rem;
	line-height: 1.5;
}
#mo_LP div.sectSelection div.box{
	flex-direction:column;
}
#mo_LP div.sectSelection div.text{
	width:100%;
	order:1;
	margin-bottom:1em;
}
#mo_LP div.sectSelection div.pict{
	width:100%;
	order:2;
}
#mo_LP div.sectSelection div.box img{
	aspect-ratio:2/1;
}
#mo_LP div.sectSelection div.text h3 br{
	display: none;
}
}/*600px*/







/********************************************************/
 /* 導入企業様の声 */
/********************************************************/

#mo_LP div.sectCase{
	margin: 0;
	padding:4em 0 5em 0;
}
#mo_LP div.sectCase h2{
	margin: 0 0 1em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}

#mo_LP div.sectCase div.grid{
	width:70%;
	margin:0 auto;
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: auto;
	grid-column-gap: 2%;
	grid-row-gap: 0;
}

#mo_LP div.sectCase div.grid div.box{
	width:100%;
	padding-bottom:1.8rem;
	/*background-color: var(--bg_color2);*/
	background-color: #f9f9f9;
	border-radius: 15px;
	
	display: grid;
	gap:0;
	grid-template-rows: subgrid;
	grid-row: span 4;
}
/*写真*/
#mo_LP div.sectCase div.grid div.pict{
	position: relative;
	margin: 0 0 2em 0;
}
#mo_LP div.sectCase div.grid div.pict img.situation{
	width:100%;
	aspect-ratio:3/2;
	object-fit: cover;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}
/*ロゴ*/
#mo_LP div.sectCase div.grid div.pict div.logo{
	position: absolute;
	width:30%;
	height:4em;
	background-color: #fff;
	bottom:-1.5rem;
	left:1.8rem;
}
#mo_LP div.sectCase div.grid div.pict div.logo img{
	position: absolute;
	max-width: 80%;
  	height: auto;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
/*社名*/
#mo_LP div.sectCase div.grid h3.company{
	margin:0 0 0.5em 0;
	padding: 0 1.8rem;
	font-size:1rem;
	line-height: 1.5;
	font-weight:bold;
}
/*本文*/
#mo_LP div.sectCase div.grid p.outline{
	margin:0 0 1.5em 0;
	padding:0 1.8rem;
	font-size:0.75rem;
	line-height: 1.5;
}
/*強調マーカー*/
#mo_LP div.sectCase div.grid p.outline span{
	font-weight:bold;
	background: linear-gradient(transparent 85%, #fc0 85%);
	background-position: 0 bottom;
}
/*企業概要*/
#mo_LP div.sectCase div.grid ul{
	padding:0 1.8rem;
}
#mo_LP div.sectCase div.grid ul li{
	position: relative;
	padding: 0 0 0 1em;
	margin: 0 0 0.5em 0;
	font-size:0.75rem;
	line-height: 1.3;
}
#mo_LP div.sectCase div.grid ul li:before{
	content:"";
	position: absolute;
	top:0.4em;
	left:0;
	width:0.5em;
	height:0.5em;
	background-color:#303e47;
	border-radius: 50%;
}


@media screen and (max-width:960px){
	#mo_LP div.sectCase div.grid{
	width:90%;
	}
}
@media screen and (max-width:600px) {
#mo_LP div.sectCase{
	padding:3em 0;
}
#mo_LP div.sectCase h2{
	font-size:1.5rem;
	line-height: 1.5;
}

#mo_LP div.sectCase div.grid{
	display: block;
}
#mo_LP div.sectCase div.grid div.box{
	width:100%;
	margin:0 0 2em 0;
}
#mo_LP div.sectCase div.grid div.pict img.situation{
	aspect-ratio:16/9;
}
}/*600px*/





/********************************************************/
 /* 料金のご案内 */
/********************************************************/

#mo_LP div.sectPlan{
	margin: 0;
	padding:3em 0 4em 0;
	background-color:var(--bg_color2);
}
#mo_LP div.sectPlan h2{
	margin: 0 0 1em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectPlan h2 + p{
	margin: 0 0 2em 0;
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.5;
}


#mo_LP div.sectPlan div.grid{
	width:70%;
	margin:0 auto 3em auto;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 2%;
	grid-row-gap: 0;
}

#mo_LP div.sectPlan div.grid div.group{
	width:100%;
	padding:2em 1.5em;
	background-color:#fff;
	border-radius: 15px;
	
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 6;
	grid-row-gap: 0;
}

/*プラン名*/
#mo_LP div.sectPlan div.group h3{
	margin:0 0 0.5em 0;
	font-size:1.25rem;/*20px*/
	font-weight:normal;
}
/*料金*/
#mo_LP div.sectPlan div.group h4{
	margin:0 0 1em 0;
	font-size:100%;/*18px*/
	line-height: 1.3;
	white-space: nowrap;
	text-align: center;
}
#mo_LP div.sectPlan div.group h4 span{
	display: inline-block;
	padding:0 0.2em;
	font-size:1.25rem;
}
/*数字*/
#mo_LP div.sectPlan div.group h4 span em{
	font-size:3rem
}
/*年額プランの場合～*/
#mo_LP div.sectPlan div.group h4 + p{
	font-size:0.625rem;
	line-height: 1.3;
	color:#999;
}

/*プラン紹介文*/
#mo_LP div.sectPlan div.group h5{
	margin:1.5em 0 1.5em 0;
	font-size:0.75rem;
	line-height: 1.3;
	font-weight: normal;
	color:#303e47;
}

/*サービス内容*/
#mo_LP div.sectPlan div.group table{
	width:100%;
}
#mo_LP div.sectPlan div.group table th,
#mo_LP div.sectPlan div.group table td{
	padding:0.5em 0.3em;
	font-size:100%;
	line-height: 1.3;
	font-weight: normal;
}
#mo_LP div.sectPlan div.group table th{
	text-align: left;
	font-size:0.75rem;
	padding-left:0.5em;
}
#mo_LP div.sectPlan div.group table td{
	text-align: right;
	white-space: nowrap;
	font-size:0.75rem;
	font-weight: bold;
	padding-right:0.5em;
}

#mo_LP div.sectPlan div.group table tr:nth-child(odd){
	background-color: #eee;
}
#mo_LP div.sectPlan div.group table sup{
	font-size: 70%;
	vertical-align:text-top;
}

/*お問い合わせボタン*/
#mo_LP div.sectPlan div.btn{
	width:100%;
	display: flex;
	align-items: center;
	min-height: 60px;
	margin:1em auto 0 auto;
	padding:0;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:30px;
	background-color: #ffcc00;
	transition: 0.1s;
	font-size:0.75rem;
	line-height: 1.3;
	text-align: center;
	border-radius: 0.8em;
	border:3px #fff solid;
}
#mo_LP div.sectPlan div.btn:hover{
	background-color: #fff;
	border:3px #fc0 solid;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn_on.png);
}
#mo_LP div.sectPlan div.btn a{
	display: block;
	width:100%;
	text-decoration: none;
	color:#000;
	padding:15px 15px 15px 50px;
}

/*注釈*/
#mo_LP div.sectPlan p.note{
	width:70%;
	margin:0 auto;
	font-size:75%;
	line-height: 1.3;
}

/*オプション*/
#mo_LP div.sectPlan dl.option{
	width:70%;
	margin:0 auto;
	margin-top:1em;
	display:flex;
	justify-content: flex-start;
}
#mo_LP div.sectPlan dl.option dt{
	margin:0 1em 0 0;
}
#mo_LP div.sectPlan dl.option dt span{
	display: inline-block;
	padding:0.2em 1.5em 0.3em 1.5em;
	background-color: #303e47;
	color:#fff;
	border-radius: 9999px;
	font-size:0.75rem;
	line-height: 1.5;
	white-space: nowrap;
}
#mo_LP div.sectPlan dl.option dd{
	padding:0.3em 0 0 0;
	font-size:0.75rem;
	line-height: 1.3;
}


@media screen and (max-width:960px) {

#mo_LP div.sectPlan div.grid{
	width:90%;
	display:block;
}
#mo_LP div.sectPlan div.group{
	width:100%;
	margin-bottom:2em;
}
#mo_LP div.sectPlan div.group:last-child{
	margin-bottom:0;
}
#mo_LP div.sectPlan div.group div.btn{
	width:90%;
}
#mo_LP div.sectPlan div.btn br{
	display:none;
}
#mo_LP div.sectPlan p.note{
	width:90%;
}
#mo_LP div.sectPlan dl.option{
	width:90%;
}
}/*960px;*/

@media screen and (max-width:600px) {
#mo_LP div.sectPlan{
}
#mo_LP div.sectPlan h2{
	font-size:1.5rem;
	line-height: 1.5;
}
#mo_LP div.sectPlan h2 + p{
	font-size: 1rem;
	line-height: 1.5;
}
}/*600px;*/






/********************************************************/
 /* 導入の流れ */
/********************************************************/

#mo_LP div.sectFlow{
	margin: 0;
	padding:3em 0 4em 0;
}
#mo_LP div.sectFlow h2{
	margin: 0 0 1.5em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}


#mo_LP div.sectFlow div.grid{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 1.5%;
	grid-row-gap: 0;
}


#mo_LP div.sectFlow div.grid div.step{
	position: relative;
	width:100%;
	
	margin:0 0 0 0;
	padding:2em 2em;
	border:2px #ccc solid;
	border-radius: 15px;
	
	display:grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	grid-row-gap: 0;
}

/*STEP*/
#mo_LP div.sectFlow div.grid div.stepNum{
	position: absolute;
	margin:0;
	padding:0.3em 1.5em;
	color:#fff;
	background-color:#123b96;
	font-weight: bold;
	font-size:1rem;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	top:0;
	left:50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border-radius: 9999px;
}

/*アイコン*/
#mo_LP div.sectFlow div.step div.icon{
	text-align: center;
	margin-bottom:1em;
}
#mo_LP div.sectFlow div.step div.icon img{
	display: block;
	max-width:40%;
	margin:0 auto;
}

/*ステップ項目*/
#mo_LP div.sectFlow div.grid div.step h3{
	margin:0 0 1em 0;
	font-size:1rem;
	font-weight:bold;
	line-height: 1.5;
}
/*説明文*/
#mo_LP div.sectFlow div.grid div.step p{
	font-size:0.75rem;
	line-height: 1.5;
}




@media screen and (max-width:960px) {
#mo_LP div.sectFlow{
	padding:3em 0;
}
#mo_LP div.sectFlow div.grid{
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 3%;
	grid-row-gap: 0;
}
#mo_LP div.sectFlow div.grid div.step{
	margin-bottom:2em;
}
}/*960px*/


@media screen and (max-width:600px) {
#mo_LP div.sectFlow{
	padding:3em 0;
}
#mo_LP div.sectFlow h2{
	font-size:1.5rem;
	line-height: 1.5;
}

#mo_LP div.sectFlow div.grid{
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 4%;
	grid-row-gap: 0;
}
#mo_LP div.sectFlow div.grid div.step{
	padding:1.5em 1em;
}

#mo_LP div.sectFlow div.step p.stepNum{
	font-size:0.875rem;
}
#mo_LP div.sectFlow div.grid div.stepNum{
	font-size:0.875rem;
}

}/*600px*/








/********************************************************/
 /* 導入効果 */
/********************************************************/

#mo_LP div.sectEffect{
	margin: 0;
	padding:3em 0 4em;
	background-color:var(--bg_color2);
}
#mo_LP div.sectEffect h2{
	margin: 0 0 1em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectEffect h2 + p{
	margin: 0 0 2em 0;
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.5;
}
#mo_LP div.sectEffect div.fig{
	width:90%;
	margin: 0 auto 3em auto;
	padding:2em 2em;
	background-color:#fff;
	border-radius: 15px;
}




/*お問い合わせボタン*/
#mo_LP div.sectEffect div.btn{
	width:40%;
	display: flex;
	align-items: center;
	min-height: 60px;
	margin:1em auto 0 auto;
	padding:0;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:30px;
	background-color: #ffcc00;
	transition: 0.1s;
	font-size:1em;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
	border-radius: 0.8em;
	border:3px #fff solid;	
}

#mo_LP div.sectEffect div.btn:hover{
	background-color: #fff;
	border:3px #fc0 solid;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn_on.png);
}
#mo_LP div.sectEffect div.btn a{
	display: block;
	width:100%;
	text-decoration: none;
	color:#000;
	padding:10px 10px 10px 40px;
}

@media screen and (max-width:960px) {
#mo_LP div.sectEffect div.btn{
	width:50%;
}
}/*960px*/

@media screen and (max-width:600px) {
#mo_LP div.sectEffect{
}
#mo_LP div.sectEffect h2{
	font-size:1.5rem;
	line-height: 1.5;
}
#mo_LP div.sectEffect h2 + p{
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}

#mo_LP div.sectEffect div.btn{
	width:90%;
	font-size:1rem;
}
}/*600px*/










/********************************************************/
 /* よくあるご質問 */
/********************************************************/
#mo_LP div.sectFaq{
	margin: 0;
	padding:3em 0;
}
#mo_LP div.sectFaq h2{
	margin: 0 0 1em 0;
	font-size:1.75rem;/*28px*/
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}


/*FAQ アコーディオン*/
#mo_LP div.sectFaq div.qaSet{
	margin: 0 0 1em 0;
}
#mo_LP div.sectFaq .boxA {
  display: none;
}
#mo_LP div.sectFaq .boxQ {
	background-color: #eee;
	margin: 0 0 1em 0;
	padding:1em 70px 1em 2em;
	transition: background 0.2s ease;
	cursor: pointer;
	position: relative;
	border-radius: 9999px;
}
/* + 記号 */
#mo_LP div.sectFaq .boxQ:before,
#mo_LP div.sectFaq .boxQ:after{
	position:absolute;
	content:'';
	top:1px;
	right:30px;
	bottom:0;
	width:20px;
	height:3px;
	margin:auto;
	background-color:#123b96;
}
#mo_LP div.sectFaq .boxQ:after{
	transform:rotate(-90deg);
	transition:transform 0.3s;
}
#mo_LP div.sectFaq .boxQ.active:after{transform:rotate(0deg);}

/* マウスオーバー */
#mo_LP div.sectFaq .boxQ:hover {
  background-color: #ccc;
}


/*Q見出し*/
#mo_LP div.sectFaq .boxQ h3{
	font-size:1.125rem;
	line-height: 1.3;
	font-weight: normal;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
}
#mo_LP div.sectFaq .boxQ h3 span{
	display: inline-block;
	padding-right:0.5em;
	font-size:1.5rem;
	font-weight: bold;
	color:#123b96;
}
#mo_LP div.sectFaq .boxA {
	margin-bottom:2em;
	padding: 2em 2.5em 2em 2.5em;
	background-color:var(--bg_color2);
	border-radius: 15px;
}
/*選んでいる見出し(背景ブルー、文字を白に)*/
#mo_LP div.sectFaq .boxQ.active{
	background-color: #123b96;
	background-image:linear-gradient(to right, #123b96 0%, #41b2cb 100%);
	color:#fff;
}
#mo_LP div.sectFaq .boxQ.active h3 span{
	color:#fff;
}
#mo_LP div.sectFaq .boxQ.active:before,
#mo_LP div.sectFaq .boxQ.active:after{
	background-color: #fff;
}



/* Answer 詳細*/
#mo_LP div.sectFaq .boxA p{
	margin: 0 0 0.5em 0;
	padding:0;
	font-size:0.875rem;
	line-height: 1.5;
}
#mo_LP div.sectFaq .boxA div.flex{
	display:flex;
	justify-content: space-between;
	padding:1em 0;
}

/*A1 詳細*/
#mo_LP div.sectFaq div.a1 div.flex{
	padding-top:2em;
}
#mo_LP div.sectFaq div.a1 dl{
	width:48%;
	margin-bottom:1em;
}
#mo_LP div.sectFaq div.a1 dl dt{
	margin-bottom:1em;
	font-size:0.75rem;
}
/*図*/
#mo_LP div.sectFaq div.a1 dl dd{
	padding:1em;
	background-color: #fff;
	border-radius: 15px;
}





@media screen and (max-width:600px) {
#mo_LP div.sectFaq{
	padding:3em 0;
}
#mo_LP div.sectFaq h2{
	font-size:1.5rem;
	line-height: 1.5;
}

#mo_LP div.sectFaq div.qaSet{
	margin: 0 0 1em 0;
}
/*Q見出し*/
#mo_LP div.sectFaq .boxQ h3{
	font-size:1rem;
	line-height: 1.3;
}
#mo_LP div.sectFaq .boxQ h3 span{
	font-size:1.25rem;
}
#mo_LP div.sectFaq .boxA {
	  padding: 2em 1.5em 3em 1.5em;
	  font-size:0.875rem;
}
#mo_LP div.sectFaq .boxA p{
	
}

/* Answer 詳細用 */
#mo_LP div.sectFaq .boxA div.flex{
	display:block;
}
/* A1 */
#mo_LP div.sectFaq div.a1 dl{
	width:100%;
	margin-bottom:1em;
}
}/*600px*/













/********************************************************/
 /* 経理・会計DXのドアを開きましょう (コンタクト) */
/********************************************************/
#mo_LP div.sectContact{
	position: relative;
	margin: 0 0 50px 0;
	padding:0 0 0 0;
	background-color: #f3f3f3;
	
	background-image: url(/Portals/0/LP/maestro/img/footer_bg_img.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	
}
#mo_LP div.sectContact div.container{
	position: relative;
	padding:3em 0 50px 0;
	}
#mo_LP div.sectContact h2{
	margin: 0 0 1em 0;
	font-size:2.5rem;/*40px*/
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
}
#mo_LP div.sectContact h2 span{
	font-size:3rem;/*48px*/
}


#mo_LP div.sectContact div.pcImg{
	width:45%;
	position: absolute;
	bottom:-50px;
	right:0;
	z-index: 1;
}

#mo_LP div.sectContact div.cta2{
	position: relative;
	/*width:40%;*/
	width:500px;
	z-index: 2;
	margin-left:10%;
}



/*お電話で相談*/
#mo_LP div.sectContact div.cta2 div.telBlock{
	padding-top:1em;
}
#mo_LP div.sectContact div.cta2 div.telBlock dl{
	width:100%;
	display:flex;
	justify-content: flex-start;
}

#mo_LP div.sectContact div.cta2 div.telBlock dt{
	margin-right:15px;
	font-size:0.75rem;
	font-weight:bold;
}
#mo_LP div.sectContact div.cta2 div.telBlock dt img{
	display:block;
	width:40px;
	margin: 0 auto 0.5em auto;;
}
#mo_LP div.sectContact div.cta2 div.telBlock dd{
	padding:0 0 0 15px;
	border-left:3px #303e47 solid;
}
#mo_LP div.sectContact div.cta2 div.telBlock dd p.tel{
	margin: 0 0 0.3em 0;
	font-size:2rem;
	line-height: 1;
	font-weight: bold;
	white-space: nowrap;
}
#mo_LP div.sectContact div.cta2 div.telBlock dd p.note{
	font-size:0.625rem;
	white-space: nowrap;
}


/*問合せボタン*/
#mo_LP div.sectContact div.cta2 dl.btn{
	text-align: center;
	width:100%;
	margin-bottom:1.5em;
}
#mo_LP div.sectContact div.cta2 dl.btn dt{
	padding:0.4em 1.5em;
	margin:0 0 0 0;
	
	display: inline-block;
	position: relative;
	z-index: 2;
	font-size:0.75rem;
	line-height: 1.3;
	font-weight:bold;
	background-color: #303e47;
	color:#fff;
	border-radius: 9999px;
	bottom:0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	
}
#mo_LP div.sectContact div.cta2 dl.btn dd{
	/*position: relative;*/
	display: flex;
	align-items: center;
	min-height: 45px;
	margin:0;
	padding:0;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:30px;
	background-color: #ffcc00;
	transition: 0.1s;
	font-size:1.125rem;/*18px*/
	line-height: 1.5;
	border:3px #fff solid;
	border-radius: 0.8em;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.4);
}
#mo_LP div.sectContact div.cta2 dl.btn dd:hover{
	background-color: #fff;
	border:3px #fc0 solid;
	background-image: url(/Portals/0/LP/maestro/img/icon_arrow_btn_on.png);
}
#mo_LP div.sectContact div.cta2 dl.btn dd a{
	display: block;
	width:100%;
	text-decoration: none;
	color:#000;
	padding:20px 20px 20px 40px;
}
/*無料*/
#mo_LP div.sectContact div.cta2 dl.btn dd a span{
	display: inline-block;
	background-color: #fff;
	color:#f27d00;
	margin-left:0.5em;
	padding:0.2em 0.8em;
	border-radius: 9999px;
	font-size:0.875rem;
	font-weight: bold;
}
#mo_LP div.sectContact div.cta2 dl.btn dd:hover a span{
	background-color:#fc0;
	color:#fff;
}






@media screen and (max-width:960px) {
#mo_LP div.sectContact div.cta2{
	margin-left:0;
}
}/*960*/

@media screen and (max-width:600px) {
#mo_LP div.sectContact h2{
	font-size:2rem;
}
#mo_LP div.sectContact h2 span{
	font-size:2.25rem;
}

#mo_LP div.sectContact div.container{
	padding:3em 0 0 0;
	}

#mo_LP div.sectContact div.pcImg{
	width:65%;
	position: relative;
	bottom:-30px;
	margin: 0 auto 0 auto;
}

#mo_LP div.sectContact div.cta2{
	width:100%;
	margin:0 auto;
}
#mo_LP div.sectContact div.cta2 dl.btn{
	margin-bottom:1em;
}
#mo_LP div.sectContact div.cta2 dl.btn dd{
	font-size:1rem;
}
#mo_LP div.sectContact div.cta2 dl.btn dd a span{
	font-size:0.75rem;
}
}/*600*/


















/*****************************/
 /* フッター */
/*****************************/
#mo_LP footer {
	width:100%;
	margin-top: auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	color:#fff;
	background-color: #123b96;
}
#mo_LP footer div.container{
}
#mo_LP footer p.copyright{
	font-size:0.75rem;
	line-height: 1.3;
	text-align: center;
}





/*****************************/
 /* トップに戻る */
/*****************************/
div.backTopBtn {
	position: fixed;
	bottom: 5%;
	right: 3%;
	display: none;
	width: 60px;
	height: 36px;
	background-image: url("/Portals/0/LP/maestro/img/icon_pagetop.png");
	background-size: cover;
	opacity: 1;
	z-index:10;
}
div.backTopBtn:hover{
opacity: 0.8;
}
div.backTopBtn a{
	display: block;
	width:100%;
	height:100%;
	text-align: center;
	font-size:0.75rem;
	font-size:0;
	text-decoration: none;
}
@media screen and (max-width:960px) {
div.backTopBtn {
bottom: 5%;
}
}