@charset "utf-8";

/* ****************************************************
Title: layout.css
***************************************************** */

/* --------------------------------------------------------------------
 body
-------------------------------------------------------------------- */

html{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


body {
 color: #0E0B16;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Roboto','Noto Sans Japanese', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;

	/*font-family: 'Vollkorn', 'Noto Serif TC', serif;*/
	/*font-family: 'Noto Serif JP', serif;*/

font-size: 13px;
 *font-size:small;
 *font:x-small;
 text-align: center;
  -webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	max-height: 999999px;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
}

#top {
	overflow: hidden;
	min-width: 1200px;
}

#wrap {
	/*overflow: hidden;*/
	/*width: 640px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	/*min-width: 1000px;*/
}

img {
	vertical-align: bottom;
	/*max-width: 100%;*/
	max-width: 100%;
	height: auto;
}
.newsBlock01 img {
	vertical-align: bottom;
	width: auto;
	max-width: 100%;
	height: auto;
}
a {
	transition-duration: 0.3s;
}

.relative-wrap {
	position: relative;
}

.contDispN {
	display: none;
}

p, span, dt, dd, th, td, li, h1, h2, h3, h4 {
	max-height: 999999px;
	background-image: url(../img/spacer.gif);
}


/*-----------------------*/

.anc {
	position: relative;
	font-size: 0px;
	line-height: 0px;
}
.ancIn {
	position: absolute;
	top: -116px;
}

/*-----------------------*/

.pc {
	display: block !important;
}

.sp {
	display: none !important;
}

.pcBr {
	display: inline !important;
}

.spBr {
	display: none !important;
}

.pcTable {
	display: table !important;
}
.spTable {
	display: none !important;
}

.contIn1020 {
	width: 1020px;
	margin: 0px auto;
	position: relative;
}
.contIn960 {
	width: 960px;
	margin: 0px auto;
	position: relative;
	z-index: 0;
}

.radius300 {
	-moz-border-radius: 300px;
	-webkit-border-radius: 300px;
	-o-border-radius: 300px;
	-ms-border-radius: 300px;
	border-radius: 300px;
}
.radius3 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.radius2 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}



@media screen and (max-width:768px) {
/*@media screen and (max-width:799px) {*/


	body {

	/* font-family:	"HiraginoKaku-W3-90msp-RKSJ-H", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック",  Verdana, Osaka, "MS PGothic", Sans-Serif;*/

	}

	#top {
		/*overflow: hidden;*/
		min-width: 375px;
	}

	#wrap {
		/*overflow: hidden;*/
		width: auto;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		/*min-width: 375px;*/
	}

	/*-----------------------*/

	.anc {
		position: relative;
	}
	.ancIn {
		position: absolute;
		top: -60px;
	}

	#top {
		padding-top: 50px;
	/*position: relative;
	z-index: 1;
	min-width: 0px;*/
	}

	/*-----------------------*/

	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	.pcBr {
		display: none !important;
	}
	.spBr {
		display: inline !important;
	}

	.pcTable {
		display: none !important;
	}
	.spTable {
		display: table !important;
	}

	.contIn1020 {
		width: auto;
		padding: 0px 0px;
	}
	.contIn960 {
		width: auto;
		margin: 0px auto;
	}


}







/* --------------------------------------------------------------------
 header
-------------------------------------------------------------------- */

.pcHeaderWrap {
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 50;
	background-color: #ffffff;
	/*min-width: 1200px;*/
	border-bottom: 1px solid #125990;
}
.pcHeader {
}
.logoWrap01 {
	float: left;
	display: table;
	position: relative;
	z-index: 3;
}
.logoWrap01 .headerH101 {
	padding-top: 12px;
  display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.logoWrap01 .headerH101 a {
	display: inline-block;
}
.logoWrap01 .headerH101 img {
	vertical-align: middle;
	width: 180px;
  pointer-events: none;
}
.logoWrap01 .headerH101.hrmos {
	padding-top: 8px;
}
.logoWrap01 .headerH101.hrmos img {
	width: 300px;
}
.headerRight01 {
	float: right;
	padding: 0;
	/*position: relative;*/
	z-index: 3;
	text-align: right;
}

.headerRTop01 {
	display: flex;
  justify-content: flex-end;
	margin: 10px 0;
}
.headerRTop01 .phone {
  text-align: right;
  display: flex;
  align-items: center;
  position: relative;
  
}
.headerRTop01 .phone span {
  display: block;
}
.headerRTop01 .phone .zenkoku {
  margin-right: 5px;
  padding: 2px 5px;
  color: #FFF;
  background: #125990;
  font-size: 12px;
  height: 20px;
}
.headerRTop01 .phone .number {
  font-family: 'Arial', Gadget, 'sans-serif';
  font-size: 24px;
  font-weight: bold;
}

.headerBtn01 {
	display:inline-block;
	text-align: right;
	vertical-align: middle;
	position: relative;
	z-index: 3;
	padding-left: 20px;
}
.headerBtn01 img {
	width: auto;
	height: 30px;
}

.headerSearchImg01 {
	width: 36px !important;
	height: 36px !important;
}
.headerLink01 {
	display: table;
	width: 460px;
}
.headerLink01.dl01 {
	margin: 0 auto;
}
.headerLink01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #FA7C1F;
	padding: 15px 20px;
	background-color: #FA7C1F;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
  transform: translate3d(0,0,0);
}
.headerLink01.dl01 a {
	background-color: #23B5EA;
	border: 1px solid #23B5EA;
}
.headerLink01 a:link {	color: #ffffff;	text-decoration: none;}
.headerLink01 a:visited {	color: #ffffff;	text-decoration: none;}
.headerLink01 a:hover {
	text-decoration: none;
  transform: scale(1.04);
}
.headerLink01.dl01 a:hover {
	color: #23B5EA;
}
.headerLink01 a:active {	color:#ffffff;	text-decoration: none;}

.headerLink01 .small {
	font-size: small;
}
.linkDown {
	display: inline-block;
	padding-left: 30px;
	position: relative;
}
/*
.linkDown::before {
	content: "";
	background-image: url("/img/dw_icon01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 0px;
}
.headerLink01 a:hover .linkDown::before {
	background-image: url("/img/dw_icon01_on.png");
}
.headerLink01.dl01 a:hover .linkDown::before {
	background-image: url("/img/dw_icon02_on.png");
}
*/
.linkNext {
	display: block;
	position: relative;
}
.linkNext::before {
	content: "";
	background-image: url("/img/next_icon01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 8px 13px;
	width: 8px;
	height: 13px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: -10px;
}
.linkNext2 {
	display: block;
	position: relative;
}
.linkNext2::before {
	content: "";
	background-image: url("/img/next_icon02.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 8px 13px;
	width: 8px;
	height: 13px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: -10px;
}

.headerLink01 .free {
	display: block;
	padding-right: 30px;
	position: relative;
}
.headerLink01 .free::before {
  content: "";
  background-image: url("/img/free_icon.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 62px 48px;
	width: 62px;
	height: 48px;
  display:block;
  position: absolute;
  top: -38px;
  right: 20px;
}
/*.headerLink01 a:hover .free::before {
  background-image: url("/img/free_icon_on.png");
}*/
.headerLink01 .whitepaper {
	display: block;
	padding-left: 30px;
	position: relative;
}
.headerLink01 .whitepaper::before {
  content: "";
  background-image: url("/img/download/hrmoskeihi-whitepaper.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80px 48px;
	width: 80px;
  height: 48px;
  display:block;
  position: absolute;
  top: -12px;
  left: 0;
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}
.headerLink01 a:hover .whitepaper::before {
  background-image: url("/img/download/hrmoskeihi-whitepaper.webp");
}
.headerLink01 .denchoguide {
	display: block;
	padding-left: 30px;
	position: relative;
}
.headerLink01 .denchoguide::before {
  content: "";
  background-image: url("/img/download/hrmoskeihi-ebook.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80px 48px;
	width: 80px;
  height: 48px;
  display:block;
  position: absolute;
  top: -12px;
  left: 0;
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}
.headerLink01 a:hover .denchoguide::before {
  background-image: url("/img/download/hrmoskeihi-ebook.png");
}
/*----*/

.headerLink02 {
	display: table;
}
.headerLink02 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #FA7C1F;
  padding: 4px 15px;
  font-weight: bold;
	background-color: #FA7C1F;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.headerLink02 a:link {	color: #ffffff;	text-decoration: none;}
.headerLink02 a:visited {	color: #ffffff;	text-decoration: none;}
.headerLink02 a:hover {
	background-color: #ffffff;
	color: #FA7C1F;
	text-decoration: none;
}
.headerLink02 a:active {	color:#ffffff;	text-decoration: none;}

.headerLink03 {
	display: table;
	width: 460px;
}
.headerLink03 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #125990;
	padding: 15px 20px;
	background-color: #125990;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
   transform: translate3d(0,0,0);
}
.headerLink03 a:link {	color: #ffffff;	text-decoration: none;}
.headerLink03 a:visited {	color: #ffffff;	text-decoration: none;}
.headerLink03 a:hover {
	text-decoration: none;
  transform: scale(1.04);
}
.headerLink03 a:active {	color:#ffffff;	text-decoration: none;}
.headerGengo span {
	border-right: 1px solid #BCBCBC;
	display: inline-block;
	padding: 0px 15px;
}
.headerLink04 {
	display: table;
	width: 460px;
}
.headerLink04 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #ffffff;
	padding: 15px 20px;
	background-color: #ffffff;
	color: #125990;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
   transform: translate3d(0,0,0);
}
.headerLink04 a:link {	color: #125990;	text-decoration: none;}
.headerLink04 a:visited {	color: #125990;	text-decoration: none;}
.headerLink04 a:hover {
	text-decoration: none;
  transform: scale(1.04);
}
.headerLink04 a:active {	color: #125990;	text-decoration: none;}
.headerGengo span {
	border-right: 1px solid #BCBCBC;
	display: inline-block;
	padding: 0px 15px;
}

.headerGengo span.genActive a {
	color: #125990;
}

.headerGengo span:nth-child(3){
  border-right: none;
}
/*----*/
.pcfixdHeaderWrap {
	position: fixed;
	background-color: #fff;
	z-index: 999;
	width: 100%;
	border-bottom: 1px solid #125990;
	display: none;
	top: 0;
}
.pcfixdHeaderWrap .headerRight01 {
	display: flex;
}
.pcfixdHeaderWrap .headerNaviWrap01 ul {
  margin-top: 5px;
}
.pcfixdHeaderWrap .headerNaviWrap01 ul li {
	padding: 0 0 0 15px;
}
.pcfixdHeaderWrap .headerNaviWrap01 ul li:first-of-type {
	
}
.pcfixdHeaderWrap .headerNaviWrap01 ul li:last-of-type {
	padding-right: 0;
}

.pcfixdHeaderWrap .megaNavi01Cont01 {
	top: 50px;
}
.pcfixdHeaderWrap .headerRight01 {
	padding-top: 0;
}
/*----*/
.pcfixdFootlink {
	position: fixed;
  background-color:rgba(18,89,144,0.8);
  color: #FFFFFF;
	z-index: 999;
	width: 100%;
	bottom: 0;
  text-align: center;
}
.pcfixdFootlink .top2btn {
  margin: 10px auto;
  display: flex;
  justify-content: center;
}
.pcfixdFootlink .headerLink01 {
	margin: 0;
  width: 450px;
}
.pcfixdFootlink .headerLink04 {
	margin: 0 0 0 30px;
  width: 450px;
}

@media screen and (max-width:768px) {
	.pcfixdFootlink .headerLink01 {
    margin: 0;
	padding: 0;
    width: 170px;
  }
	.pcfixdFootlink .headerLink04 {
    margin: 0 0 0 10px!important;
	padding: 0;
    width: 170px;
  }
  .pcfixdFootlink .headerLink01 a, .pcfixdFootlink .headerLink04 a {
	padding: 5px 0;
    font-size: 11px;
	display: block;
    box-sizing: border-box;
  }
  .linkNext::before, .linkNext2::before {
    display: none;
  }
	.pcfixdFootlink .baloon {
		display: none;
	}
}

/*-----------------*/

.headerNaviWrap01 {
	margin-top: 15px;
}
.headerNaviWrap01 ul {
	margin: 0;
  padding: 0;
  display: block;
}
.headerNaviWrap01 ul li {
	/*position: relative;*/
	display: inline-block;
	font-size: 14px;
	line-height: 0em;
	font-weight: bold;
	padding: 0px 15px;
}
.headerNaviWrap01 ul li a {
	display: block;
	position: relative;
}

.headerNaviWrap01 a:link {	color: #333333;	text-decoration: none;}
.headerNaviWrap01 a:visited {	color: #333333;	text-decoration: none;}
.headerNaviWrap01 a:hover {	color:#333333;	text-decoration: none;}
.headerNaviWrap01 a:active {	color:#333333;	text-decoration: none;}

.headerNaviWrap01 ul li:hover > a::after {
	content: "";
	width: 100%;
	height: 5px;
	background-color: #125990;
	position: absolute;
	left: 0px;
	bottom: -21px;
}
.headerNaviWrap01 ul li.naviActive01 a::after {
	content: "";
	width: 100%;
	height: 5px;
	background-color: #125990;
	position: absolute;
	left: 0px;
	bottom: -21px;
}
.headerNaviWrap01 ul li:hover a {
	color: #125990;
}
.headerNaviWrap01 ul li.naviActive01 a {
	color: #125990;
}

/*-------------------*/

.menuSp {
	display: none;
}
.menuSpWrap {
	display: none;
}

.megaNavi01Cont01 {
	background-image: url("/img/megamenu-base.png");
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 84px;
	padding: 10px 0px;
	transition-duration: 0.3s;
	visibility: hidden;
	opacity: 0;
}
.manyNavi .megaNavi01Cont01 {
	background-image: url("/img/megamenu-base2.png");
  padding: 0;
}
/*
.megaNavi01Cont01 {
  transition-duration: 0.3s;
  visibility: hidden;
  opacity: 0;
}*/
.headerNaviWrap01 ul li.megaNavi01 {
	padding-bottom: 21px;
}

.megaNavi01:hover .megaNavi01Cont01 {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.3s;
}


.megaNavi {
	padding: 20px;
}
.megaNavi ul {
	display: flex;
}
.megaNavi ul li {
	margin-right: 20px;
}
.megaNavi ul li a {
	width: 244px;
	padding: 20px;
	display: block;
	text-decoration: none;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: right 10px center;
	text-align: center;
	border: 1px solid #fff;
	background-image: url(/img/icon_ArrowLeft.png);
	background-color: #0068B7;
	color: #fff;
}
.manyNavi .megaNavi ul {
  gap: 10px 10px;
  flex-wrap: wrap;
}
.manyNavi .megaNavi ul li {
	margin: 0;
}
.manyNavi .megaNavi ul li a {
	width: 170px;
	padding: 15px;
  font-size: 12px;
  font-weight: normal;
}
.headerNaviWrap01 .megaNavi ul li a {
	color: #fff;
}
.headerNaviWrap01 .megaNavi ul li:hover a {
	color: #125990;
}
.headerNaviWrap01 .manyNavi a:hover {
	content: none;
}
.megaNavi ul li a:hover {
	background-color: #fff;
	background-image: url(/img/icon_ArrowLeft2.png);
	border: 1px solid #FFF;
}

@media screen and (max-width:768px) {
/*@media screen and (max-width:799px) {*/

	.spHeaderWrap {
		background-color: #ffffff;
		width: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		z-index: 50;
		/*min-width: 375px;*/
		display: table;
		border-bottom: 1px solid #125990;
	}
	.mm-opened .spHeaderWrap {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.spHeaderIn {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		padding: 0px 0px 0px 8px;
		height: 50px;
	}
	.spHeaderLogo {
		float: left;
		text-align: left;
		font-size: 11px;
		line-height: 1.2em;
		width: 120px;
		padding-top: 5px;
	}
  .spHeaderLogo.wide {
		margin-top: 3px;
    width: 160px;
	}
	.spHeaderLogo a {
		/*pointer-events: none;*/
	}
	.spHeaderLogo img {
		/*width: 50%;*/
		margin-right: 15px;
		vertical-align: middle;
		/*float: left;*/
	}
	.spHeaderLogo .spSpan01 {
		/*display: block;
		float: left;*/
	}

	.spHeaderMenu {
		float: right;
		width: 50px;
	}
	.spHeaderMenu a {
		display: block;
	}
	img {
		pointer-events: none;
	}

	.spHeaderBtn01 {
		display: inline-block;
		float: right;
		margin-right: 10px;
		padding-top: 5px;
	}
	.spHeaderBtn01 a {
		display: block;
		text-align: center;
		background-color: #125990;
		border-radius: 8px;
		color: #FFF;
		text-decoration: none;
		font-size: 10px;
		padding: 2px 0 5px;
		width: 66px;
	}
	.spHeaderBtn01 img {
		height: 18px;
		width: auto;
	}

	/*--------------------*/

	.headerLink01 {
		padding: 0 15px;
    display: table;
		width: 100%;
    box-sizing: border-box;
	}
	.headerLink01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		border: 1px solid #FA7C1F;
		padding: 13px 20px;
		background-color: #FA7C1F;
		color: #ffffff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		font-size: 18px;
		font-weight: bold;
	}
	.headerLink01 a:link {	color: #ffffff;	text-decoration: none;}
	.headerLink01 a:visited {	color: #ffffff;	text-decoration: none;}
	.headerLink01 a:hover {
	}
	.headerLink01 a:active {	color:#ffffff;	text-decoration: none;}
  .headerLink01 .whitepaper {
	padding-left: 0;
}
  .headerLink01 .whitepaper::before {
  display: none;
}
.headerLink01 .denchoguide {
	padding-left: 0;
}
  .headerLink01 .denchoguide::before {
  display: none;
}
.headerLink01 .small {
	display: none;
}
	.linkDown {
		display: inline-block;
		padding-left: 30px;
		position: relative;
	}
  .headerLink03 {
		padding: 0 15px;
    display: table;
		width: 100%;
    box-sizing: border-box;
	}
	.headerLink03 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		border: 1px solid #125990;
		padding: 13px 20px;
		background-color: #125990;
		color: #ffffff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		font-size: 18px;
		font-weight: bold;
	}
	.headerLink03 a:link {	color: #ffffff;	text-decoration: none;}
	.headerLink03 a:visited {	color: #ffffff;	text-decoration: none;}
	.headerLink03 a:hover {
	}
	.headerLink03 a:active {	color:#ffffff;	text-decoration: none;}
  .headerLink04 {
		padding: 0 15px;
    display: table;
		width: 100%;
    box-sizing: border-box;
	}
	.headerLink04 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		border: 1px solid #ffffff;
		padding: 13px 20px;
		background-color: #ffffff;
		color: #125990;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		font-size: 18px;
		font-weight: bold;
	}
	.headerLink04 a:link {	color: #125990;	text-decoration: none;}
	.headerLink04 a:visited {	color: #125990;	text-decoration: none;}
	.headerLink04 a:hover {
	}
	.headerLink04 a:active {	color: #125990;	text-decoration: none;}
}




/* --------------------------------------------------------------------
 main
-------------------------------------------------------------------- */

.mainvisualWrapTop {
	background-image: url("/img/top/top_mainvisual01.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
  background-size: 1800px;
}
#ebook .mainvisualWrapTop {
	background-image: url("/img/lp/ebook_mainvisual01r.jpg?1002");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
  background-size: 1800px;
}
#invoice .mainvisualWrapTop {
	background-image: url("/img/lp/invoice/invoice_mainvisual01.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
  background-size: 1800px;
}
#partner .mainvisualWrapTop {
	background-image: url("/img/partner/partner_mainvisual01.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
  background-size: 1800px;
}
.mainvisualIn01 {
	display: table;
}
.mainvisualCell01 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 420px;
}
.mainvisualCell02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.movieWrap {
	width: 522px;
}
.mainvisualCell01 .text01 {
	color: #125990;
	font-size: 22px;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 50px;
}
.mainvisualCell01 .h201 {
	font-size: 38px;
	line-height: 1.42em;
	font-weight: bold;
	margin-bottom: 20px;
}
.mainvisualCell01 .h201 .span01 {
	display: inline-block;
	text-indent: -0.5em;
}

.mainvisualText01 {
	width: 324px;
	text-align: center;
	box-sizing: border-box;
  padding: 7px 4px;
	background-color: #125990;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

.mainChusyaku {
	position:relative
}
.mainChusyaku01 {
	margin: 0;
  font-size: 11px;
	line-height: 1.5em;
	text-align: left;
  color: #666;
  position: absolute;
  top: -45px;
}

/*------------------------*/

.topBlock01 {
	padding: 60px 0;
}
.contText01 {
	color: #000000;
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 30px;
}
.contText01.mb10 {
	font-size: 26px;
	margin-bottom: 10px!important;
}

.topBlock01 .contBox01 {
	background-color: #f0f0f0;
	padding: 25px 20px 25px 20px;
	margin-bottom: 90px;
}
.contBox01Ul01 {
	text-align: left;
}
.contBox01Ul01 li {
	box-sizing: border-box;
	width: 50%;
	float: left;
	font-size: 18px;
	line-height: 1.44em;
	font-weight: bold;
	padding: 4px 0px 4px 34px;
	position: relative;
}
.contBox01Ul01 li::before {
	content: "";
	background-image: url("/img/icon_check01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 21px 18px;
	width: 21px;
	height: 18px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -9px;
}

.contH301 {
	text-align: center;
	margin-bottom: 30px;
}
.titwrap {
	margin-bottom: 30px;
	display: inline-block;
}
.titwrap .contH301 {
	text-align: center;
	margin-bottom: 5px;
}
.contH301 .span01 {
	display: block;
	font-size: 16px;
	line-height: 1.25em;
	font-weight: bold;
	margin-bottom: 10px;
}
.contH301 .span02::after {
	content: "";
	margin: 10px auto 0;
	width: 100px;
	height: 4px;
	background: #125990;
	display: block;
}
.contH301 .span02 {
	display: block;
	color: #125990;
	font-size: 32px;
	line-height: 1.28em;
	font-weight: bold;
}
.contH301 .span03 {
	display: block;
	font-size: 26px;
	line-height: 1.28em;
	font-weight: bold;
}
.contH301 .span03 b {
	color: #FA7C1F;
}

.contH301.contH3White .span01 {
	color: #ffffff;
}
.contH301.contH3White .span02 {
	color: #ffffff;
}

.contH301 .span02 .sml {
	font-size: 50%;
}

.newslistlink{
	padding: 20px 0 0 0;
	text-align: left;
}
.newslistlink a{
	color: #222;
	text-decoration: none;
}
.newslistlink a:hover{
	text-decoration: underline;
}

.contFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.contFlexBox01 {
	position: relative;
	text-align: center;
	box-sizing: border-box;
	width: 324px;
	background-color: #FFFFFF;
	padding: 20px;
}
.contFlexBox01.non::after {
	display: none;
	background: none;
	border: 0;
}
.contFlexBox01.non .text03 {
	margin-top: 10px;
	text-align: left;
}
.contFlex01 .contFlexBox01::after {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 15.5px 0 15.5px 14px;
border-color: transparent transparent transparent #028599;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	right: -16px;
}
.contFlex01 .contFlexBox01:last-child::after {
	display: none;
}

.contFlexBox01 .text01 {
	font-size: 22px;
	line-height: 1.36em;
	font-weight: bold;
}
.contFlexBox01 .img01 {
	width: 264px;
	margin: 20px auto 20px auto;
}
.contFlexBox01 .text02 {
	font-size: 18px;
	line-height: 1.28em;
}

/*--------------------*/

.contLink01 {
	display: table;
	width: 400px;
	margin: 30px auto 0px auto;
  position: relative;
}
.contLink01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #125990;
  padding: 7px 20px;
	background-color: #ffffff;
	color: #125990;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
}
.contLink01 a:link {	color: #125990;	text-decoration: none;}
.contLink01 a:visited {	color: #125990;	text-decoration: none;}
.contLink01 a:hover {
	border: 1px solid #ffffff;
	background-color: #125990;
	color:#ffffff;
	text-decoration: none;
}
.contLink01 a:active {	color:#125990;	text-decoration: none;}

.contLink01 a::before {
	content: "";
	background-image: url("/img/next_icon02.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px 10px;
	width: 7px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 10px;
}
.contLink01 a:hover::before {
  background-image: url("/img/next_icon01.svg");
}

/*--------------------*/

.topBlock02 {
	background-color: #125990;
	padding: 60px 0;
  color: #ffffff;
}

.contFlexBox02 {
	position: relative;
	text-align: center;
	box-sizing: border-box;
	width: 324px;
	background-color: #F9F9F9;
}
.contFlexBox02 a {
	display: block;
	padding: 20px 30px 30px 30px;
}
.contFlexBox02 a:link {	color: #333333;	text-decoration: none;}
.contFlexBox02 a:visited {	color: #333333;	text-decoration: none;}
.contFlexBox02 a:hover {	color:#333333;	text-decoration: none;}
.contFlexBox02 a:active {	color:#333333;	text-decoration: none;}

.contFlexBox02 .text001 {
	display: table;
	width: 50px;
	margin: 0px auto 20px auto;
}
.contFlexBox02 .text001 span {
	display: table-cell;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	background-color: #3C81D4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 26px;
	line-height: 1.0em;
	font-weight: bold;
	color: #ffffff;
}
.contFlexBox02 .text01 {
	font-size: 22px;
	line-height: 1.36em;
	font-weight: bold;
	margin-bottom: 20px;
}
.contFlexBox02 .text02 {
	font-size: 18px;
	line-height: 1.34em;
	margin-bottom: 20px;
	margin-top: 20px;
}
.contFlexBox02 .text03 {
	font-size: 16px;
	line-height: 1.34em;
	border: 1px solid #125990;
  padding: 7px 20px;
	background-color: #ffffff;
	color: #125990;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.contFlexBox02 a:hover .text03 {
	border: 1px solid #125990;
  padding: 7px 20px;
	background-color: #125990;
	color: #ffffff;
}

/*--------------------*/

.contLink02.contLink0202 {
	margin: 10px auto 0px 0px;
}
.contLink02.contLink0202 a {
	padding: 7px 3px;
}

.contLink02 {
	display: table;
	width: 324px;
	margin: 30px auto 0px auto;
}
.contLink02 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #125990;
  padding: 7px 20px;
	background-color: #125990;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
}
.contLink02 a:link {	color: #ffffff;	text-decoration: none;}
.contLink02 a:visited {	color: #ffffff;	text-decoration: none;}
.contLink02 a:hover {
	background-color: #ffffff;
	color:#125990;
	text-decoration: none;
}
.contLink02 a:active {	color:#ffffff;	text-decoration: none;}

/*--------------------*/
.topBlock03 {
	background-color: #F0F0F0;
	padding: 60px 0;
}
.contFlexBox03 {
	position: relative;
	text-align: left;
	box-sizing: border-box;
	width: 324px;
	background-color: #ffffff;
	/*padding: 20px 30px 20px 30px;*/
}

.contFlexBox03.bgColTr01 {
	background-color: transparent;
}
.topBtnBg01 {
	margin-right: 5px;
  padding: 0;
  background-color: #ffffff;
}

.contFlexBox03 .text01 {
	position: relative;
	/*display: inline-block;*/
	display: block;
	font-size: 18px;
	line-height: 1.36em;
	font-weight: bold;
	padding: 10px 10px 10px 4px;
  color: #125990;
}
.contFlexBox03 .text01 a:link {	color: #125990;	text-decoration: none;}
.contFlexBox03 .text01 a:visited {	color: #125990;	text-decoration: none;}
.contFlexBox03 .text01 a:hover {	color:#125990;	text-decoration: none;}
.contFlexBox03 .text01 a:active {	color:#125990;	text-decoration: none;}

.contFlexBox03 .text01::after {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #125990;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.contFlexBox03 .topBtnEreaBottom .text01::after {
	display: none;
}



.textIcon01::before {
	content: "";
	background-image: url("/img/kinou_icon01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px 24px;
	width: 30px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 0px;
}
.textIcon02::before {
	content: "";
	background-image: url("/img/kinou_icon02.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 31px 31px;
	width: 31px;
	height: 31px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 0px;
}
.textIcon03::before {
	content: "";
	background-image: url("/img/kinou_icon03.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 62px 62px;
	width: 62px;
	height: 62px;
	position: absolute;
	top: 50%;
	margin-top: -31px;
	left: -15px;
}
.textIcon04::before {
	content: "";
	background-image: url("/img/kinou_icon04.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 27px 25px;
	width: 27px;
	height: 25px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 0px;
}

.contFlexBox03 .ul01 {
	margin-top: 0px;
}
.contFlexBox03 .ul01 li {
	/*background-color: #F5F5F5;*/
	margin-top: 10px;
	font-size: 16px;
	text-align: left;
	padding: 0 10px;
	position: relative;
}
.contFlexBox03 .ul01 li img {
	margin-right: 10px;
}

.topIcon {
	width: 30px;
	vertical-align: middle;
}
.topIcon01 {
	width: 25px;
	vertical-align: middle;
}

.topIcon02 {
	width: 30px;
	vertical-align: middle;
}

.topIcon03 {
	width: 30px;
	vertical-align: middle;
}

.topIcon04 {
	width: 26px;
	vertical-align: middle;
}

.topIcon05 {
	width:30px;
	vertical-align: middle;
}

.topIcon06 {
	width:30px;
	vertical-align: middle;
}

.topIcon07 {
	width:30px;
	vertical-align: middle;
}

.topIcon08 {
	width:30px;
	vertical-align: middle;
}

.topIcon09 {
	width:30px;
	vertical-align: middle;
}


.topBtnEreaBottom {
	box-sizing: border-box;
	width: 100%;
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 10px 30px 10px 30px;
}



.contFlexBox03 .ul01 li::after {
		content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 1px #125990;
	border-right: solid 1px #125990;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5%;
	margin-top: -4px;
		/*! margin-left: 100px; */
	 z-index: 1;
	 backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}





.contBox02 {
	background-color: #ffffff;
	border: 3px solid #285993;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	margin-top: 60px;
	padding: 20px 30px 20px 30px;
}
.contBox02 .text01 {
	position: relative;
	display: inline-block;
	font-size: 22px;
	line-height: 1.36em;
	font-weight: bold;
	padding-left: 40px;
}

.contFlexBox04 {
	width: 468px;
}
.contBoxIn01 {
	background-color: #F5F5F5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	padding: 10px;
}
.contTb01 {
	display: table;
	width: 100%;
	position: relative;
  background-image: url(/img/icon_ArrowLeft2.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.contTb01Cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 44px;
	font-size: 16px;
	line-height: 1.25em;
}
.contMt01 {
	margin-top: 20px;
}

.contText02 {
	display: table;
	position: absolute;
	height: 100%;
	top: 0px;
	left: 0px;
}
.contText02 span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #125990;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.0em;
	font-weight: bold;
	padding: 10px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

.contInTb01 {
	display: table;
	width: 100%;
	margin-top: 20px;
}
.contInTb01Cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 50%;
}
.contInTb01Cell02 {
  	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 50%;
	font-size: 16px;
	line-height: 1.25em;
	word-break: break-all;
}
.contInTb01Cell02 p {
	word-break: break-all;
	word-wrap: break-word;
}
.amazon-copy {
  padding-bottom: 10px;
  line-height: 100%!important;
}
.contImg01 img {
	width: 192px;
}
.contImg02 img {
	width: 110px;
}


.d-flex{
    display: block;
}
.top-app-box .contBoxIn01{
    font-size: 16px;
}
.top-app-box .contBoxIn01 span{
    font-size: 22px;
    font-weight: bold;
    color: #125990;
}
.top-app-box p {
    text-align: left;
}
.top-app-box p a {
    color: #000;
		text-decoration: none;
}
.top-app-box p a:hover {
    color: #0033CC;
		text-decoration: underline
}
.top-app-item{
    width: 100%;
		display: flex;
		justify-content: space-between;

}
.top-app-item p.tit{
    font-size:  20px;
    font-weight: bold;
    color: #125990;
    display: flex;
    align-items: center;
    justify-content: left;
    margin: 0 auto 10px;
}
.top-app-item p.tit img{
    margin-right: 10px;
		width: 50px;
    height: 50px;
		overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.top-app-item p.tit + p{
    font-size: 16px;
    margin: 20px 0;
    text-align: left;
}
.top-app-text {
	padding-left: 10px;
	width: 60%;
	box-sizing: border-box;
}
.top-app-btn {
	width: 40%;
}

@media screen and (max-width:768px) {
    .d-flex{
        flex-wrap:wrap;

    }
    .top-app-item{
        display: block;
        width: 100%;
    }
		.top-app-item p.tit + p{
    		margin: 0;
		}
    .top-app-box {
        margin-top: 20px !important;
    }
		.top-app-text {
				width: 100%;
		}
		.top-app-btn {
				width: 100%;
		}
		.top-app-item:nth-child(1), .top-app-item:nth-child(2) {
				margin-bottom: 20px;
		}

}
.indent-1 {
padding-left:1em;
text-indent:-1em;
}
.top-azure{
    background:#125990;
    padding:60px 0;

}
.top-azure > h3 > .span01{
    font-size: 20px;
}
.top-azure > .d-flex{
    justify-content: center;


}
.top-azure-item{
    background:#F9F9F9;
    padding:30px;
    width:468px;

}
.top-azure-item p{
    font-size: 16px;
}
.top-azure-item img{
    width:auto;
}
.top-azure-item:nth-of-type(1){
    display: flex;
    align-items: center;
    margin-right: 24px;

}
.top-azure-item:nth-of-type(1) img{
    flex:0 0 auto;

}
.top-azure-item:nth-of-type(1) p{
    width:calc(100% - 221px);
    margin-right: 20px;
    text-align: left;
}
@media screen and (max-width:768px){
    .top-azure{
        padding:40px 15px;
    }
    .top-azure > .d-flex{
        flex-wrap:wrap;


    }
    .top-azure-item{
        background:#F9F9F9;
        padding:30px;
        width:100%;

    }
    .top-azure-item:nth-of-type(1){
        display: flex;
        align-items: center;
        margin-right: 0;

    }
    .top-azure-item:nth-of-type(1) img{
        flex:0 0 auto;
        width:30%

    }
    .top-azure-item:nth-of-type(1) p{
        width:100%;
        margin-right: 20px;
        text-align: left;
    }
    .top-azure-item:nth-of-type(2) img{
        width:100%

    }
}
/*--------------------*/

.topBlock04 {
	padding: 60px 0;
}
.contFlexBox05 {
	box-sizing: border-box;
	width: 672px;
	border: 3px solid #285993;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.contFlexBox05.contFlexBox0502 {
	width: 324px;
}

.contFlexBox05 .text01 {
	background-color: #285993;
	text-align: center;
	padding: 10px;
	color: #ffffff;
	font-size: 22px;
	line-height: 1.36em;
	font-weight: bold;
}
.contFlexBox05 .text01 span {
	display: inline-block;
	position: relative;
}
.contFlexBox05 .text01 span::before {
	content: "";
	background-image: url("/img/plice_icon01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 37px 23px;
	box-sizing: border-box;
	width: 37px;
	height: 23px;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: -45px;
}
.contFlexBox05 .text01.text0102 span::before {
	content: "";
	background-image: url("/img/plice_icon02.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 17px 24px;
	box-sizing: border-box;
	width: 17px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: -25px;
}

.contFlexIn01 {
	background-color: #ffffff;
	padding: 20px 25px 30px 25px;
}

.contBox0301 {
	width: 48%;
	float: left;
	text-align: left;
}
.contBox0302 {
	width: 48%;
	float: right;
	text-align: left;
}
.contUl01 li {
	margin-bottom: 10px;
}
.contUl01 li:last-child {
	margin-bottom: 0px;
}
.contUl01 {
	font-weight: bold;
}
.contUl01 .span01 {
	font-size: 18px;
	line-height: 1.2em;
	margin-right: 25px;
}
.contUl01 .span02 {
	font-size: 24px;
	line-height: 1.2em;
}
.contUl01 .span03 {
	font-size: 40px;
	line-height: 1.2em;
}
.contUl01 .span04 {
	font-size: 12px;
	line-height: 1.2em;
}

.contText03 {
	text-align: left;
	font-size: 16px;
	line-height: 1.25em;
}
.contText03 .span01 {
	color: #FF0000;
	font-weight: bold;
}

.contUl02 li {
	margin-bottom: 10px;
}
.contUl02 li:last-child {
	margin-bottom: 0px;
}
.contUl02 {
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
}
.contUl02 .span01 {
	font-size: 18px;
	line-height: 1.2em;
	margin-right: 25px;
}
.contUl02 .span02 {
	font-size: 24px;
	line-height: 1.2em;
}
.contUl02 .span03 {
	font-size: 28px;
	line-height: 1.2em;
}
.contUl02 .span04 {
	font-size: 12px;
	line-height: 1.2em;
}

/*------------------------------*/

.topBlock05 {
	padding: 60px 0px;
}

.contFlexBox06 {
	position: relative;
	text-align: left;
	box-sizing: border-box;
	width: 324px;
	padding: 30px;
}
.contText0401 {
	font-size: 18px;
	line-height: 1.3em;
	margin-top: 20px;
}
.contText0402 {
	font-size: 12px;
	line-height: 1.44em;
	margin-top: 20px;
}
.contText05 {
	text-align: right;
	font-size: 13px;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.titwrap .contText05 {
	text-align: left;
}


.top-logo-box{
    background-color: #fff;
    margin-bottom: 30px;
    padding:0 30px 30px 30px!important;
}
@media(min-width:769px){
    /* .top-logo-box .logos li{
        width:12% !important;
    } */
    /* .top-logo-box .logos li a{
        width:80% !important;
    } */
}

/*------------------------------*/

.topBlock06 {
	padding: 30px 0px 30px 0px;
}
.contFlex02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
     -ms-flex-align: flex-start;
        align-items: flex-start;
}

.topNewsTit {
	margin-bottom: 10px;
  color: #125990;
	font-size: 22px;
	line-height: 1.25em;
	font-weight: bold;
	width: 180px;
	text-align: left;
}
.topNewsCont li {
	text-align: left;
	font-size: 14px;
	line-height: 1.6em;
	padding: 2px 0px 2px 7em;
  text-indent: -7em;
}
.topNewsCont.event li {
  padding-left: 9em;
  text-indent: -9em;
}
.topNewsCont a:link {	color: #333333;	text-decoration: none;}
.topNewsCont a:visited {	color: #333333;	text-decoration: none;}
.topNewsCont a:hover {	color:#333333;	text-decoration: underline;}
.topNewsCont a:active {	color:#333333;	text-decoration: none;}

.topNewsCont.event li .date {
  margin-right: 1em;
  width: 10em;
}

/*---------------------*/

.contactBlock01 {
	background-color: #125990;
	padding: 30px 0px 0px 0px;
	border-bottom: 1px solid #125990;
}

.contactBox01 {
	width: 468px;
	padding-bottom: 30px;
}

/*--------------------*/

.contactBtn01 {
	display: table;
	width: 100%;
	position: relative;
}
.contactBtn01 a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 96px;
	border: 1px solid #FA7C1F;
  padding: 7px 20px 7px 85px;
	background-color: #FA7C1F;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.contactBtn01 a:link {	color: #ffffff;	text-decoration: none;}
.contactBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
.contactBtn01 a:hover {
	background-color: #ffffff;
	color: #FA7C1F;
	text-decoration: none;
}
.contactBtn01 a:active {	color:#ffffff;	text-decoration: none;}

.contactBtn01 a::before {
	content: "";
	background-image: url("/img/contact_icon_tri.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 34px 34px;
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 24px;
}
.contactBtn01 a:hover::before {
	background-image: url("/img/contact_icon_tri_on.png");
}

/*--------------------*/

.contactBtn02 {
	display: table;
	width: 100%;
	position: relative;
}
.contactBtn02 a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 96px;
	border: 1px solid #ffffff;
  padding: 7px 20px 7px 85px;
	background-color: #ffffff;
	color: #333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.contactBtn02 .telnum {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 96px;
	border: 1px solid #ffffff;
  padding: 7px 20px 7px 85px;
	background-color: #ffffff;
	color: #333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.contactBtn02 a:link {	color: #333333;	text-decoration: none;}
.contactBtn02 a:visited {	color: #333333;	text-decoration: none;}
.contactBtn02 a:hover {
	background-color: #125990;
	color:#ffffff;
	text-decoration: none;
}
.contactBtn02 a:active {	color:#333333;	text-decoration: none;}

.contactBtn02 a::before {
	content: "";
	background-image: url("/img/contact_icon_tel.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 53px 53px;
	box-sizing: border-box;
	width: 53px;
	height: 53px;
	position: absolute;
	top: 50%;
	margin-top: -26px;
	left: 24px;
}
.contactBtn02 .telnum::before {
	content: "";
	background-image: url("/img/contact_icon_tel.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 53px 53px;
	box-sizing: border-box;
	width: 53px;
	height: 53px;
	position: absolute;
	top: 50%;
	margin-top: -26px;
	left: 24px;
}
.contactBtn02 a:hover::before {
	background-image: url("/img/contact_icon_tel_on.svg");
}


/*--------------------*/

.contactBtn03 {
	display: table;
	width: 100%;
	position: relative;
}
.contactBtn03 a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 96px;
	border: 1px solid #FA7C1F;
  padding: 7px 20px 7px 118px;
	background-color: #FA7C1F;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.contactBtn03 a:link {	color: #ffffff;	text-decoration: none;}
.contactBtn03 a:visited {	color: #ffffff;	text-decoration: none;}
.contactBtn03 a:hover {
	background-color: #ffffff;
	color: #FA7C1F;
	text-decoration: none;
}
.contactBtn03 a:active {	color:#ffffff;	text-decoration: none;}

.contactBtn03 a::before {
	content: "";
	background-image: url("/img/download/hrmoskeihi-whitepaper.webp");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 92px 64px;
	box-sizing: border-box;
	width: 92px;
	height: 64px;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	left: 15px;
}
.contactBtn03.jireishu a::before {
	content: "";
	background-image: url("/img/download/hrmoskeihi-jireishu.png");
}
/*.contactBtn03 a:hover::before {
	background-image: url("/img/contact_icon_tri_on.png");
}*/

/*--------------------*/

.contactBtn04 {
	display: table;
	width: 100%;
	position: relative;
}
.contactBtn04 a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 96px;
	border: 1px solid #FA7C1F;
  padding: 7px 20px 7px 85px;
	background-color: #FA7C1F;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.contactBtn04 a:link {	color: #ffffff;	text-decoration: none;}
.contactBtn04 a:visited {	color: #ffffff;	text-decoration: none;}
.contactBtn04 a:hover {
	background-color: #ffffff;
	color: #FA7C1F;
	text-decoration: none;
}
.contactBtn04 a:active {	color:#ffffff;	text-decoration: none;}

.contactBtn04 a::before {
	content: "";
	background-image: url("/img/transportation/contact_icon01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 34px 34px;
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 24px;
}
.contactBtn04 a:hover::before {
	background-image: url("/img/transportation/contact_icon01_on.svg");
}


.contLink02.contLink1202 {
    margin: 10px auto 0px 0px;
}
.contLink02.contLink1202 a {
    padding: 7px 3px;
}


/*--------------------*/

.contactBtn01In .span01 {
	display: block;
	font-size: 19px;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 5px;
}
.contactBtn01In .span02 {
	display: block;
	font-size: 13px;
	line-height: 1.3em;
}

/*----------------------*/

.leadBlock {
	font-size: 16px;
	font-weight:bold;
	padding: 15px;
	background-color: #f0f0f0;
	margin-bottom:15px;
	text-align:center;
	border: 2px solid rgba(166,166,166,1.00)
}

.topBlock07 {
	padding: 60px 0px 40px 0px;
}
.contText06 {
	font-size: 15px;
	line-height: 1.4em;
	text-align: left;
	margin-bottom: 28px;
}
.contText06.demo {
	font-size: 15px;
	line-height: 1.6em;
}
.contText06.demo2 {
	font-size: 14px;
	line-height: 1.6em;
}
.contFlexBox07 {
  width: 460px;
	text-align: left;
}
.contFlexBox08 {
  width: 520px;
	text-align: left;
}
.contLink01.demo {
    margin: 30px auto;
}

@media screen and (min-width:769px) {
	.formSide {
		display: flex;
		align-items: center;
	}
  .semSide {
    display: flex;
		align-items: top;
	}
}
.contImg03 {
	margin-bottom: 24px;
  text-align: center;
}
.contImg03 img {
	margin: 0 auto;
  width: 80%;
}
.contImg03.demo {
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: center;
}
.contImg03.demo img {
	width: 70%;
}
.contMidashi01 {
	border-left: 6px solid #125990;
	padding-left: 18px;
}
.contMidashi01 .p01 {
	font-size: 18px;
	line-height: 1.27em;
	font-weight: bold;
}
.contMidashi01 .p02 {
	font-size: 16px;
	line-height: 1.43em;
}

#lpeCDiv_2911.lpeCElement {
	text-align: left;
	margin-top: 20px;
	padding: 0px 20px;
}

/*-----------------------*/

.pagetopButton {
	width: 140px;
	position: fixed;
	right: 0px;
	bottom: 100px;
}
.pagetopUl01 {}
.pagetopUl01 li {
	padding-bottom: 4px;
}
.pagetopButton.portrait {
	width: 50px;
}
.pagetopUl01 {}
.pagetopUl01 li {
	padding-bottom: 4px;
}


/*----*/

.sideBtn01 {
	display: table;
	width: 100%;
}
.sideBtn01 a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #FA7C1F;
  padding: 2px 10px;
	height: 40px;
  font-weight: bold;
	background-color: #FA7C1F;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-size: 13px;
	line-height: 1.3em;
}
.sideBtn01 a:link {	color: #ffffff;	text-decoration: none;}
.sideBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
.sideBtn01 a:hover {
	background-color: #ffffff;
	color: #FA7C1F;
	text-decoration: none;
}
.sideBtn01 a:active {	color:#ffffff;	text-decoration: none;}

/*----*/

.sideBtn01.sideBtn02 a {
	border: 1px solid #125990;
	background-color: #125990;
}
.sideBtn01.sideBtn02 a:hover {
	color:#125990;
	background-color: #ffffff;
}
/*----*/

.newsArcBlock01 li a {
	border: 1px solid #125990;
	background-color: #125990;
	display: table-cell;
text-align: left;
vertical-align: middle;
box-sizing: border-box;
padding: 2px 10px;
height: 40px;
font-weight: bold;
color: #ffffff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
line-height: 1.3em;
text-decoration: none
}
.newsArcBlock01 li a:hover {
	color:#125990;
	background-color: #ffffff;
}

.sideBtn01.sideBtn03 a {
	color: #3EA1CD;
	border: 1px solid #E4E4E4;
	background-color: #E4E4E4;
}
.sideBtn01.sideBtn03 a:hover {
	color:#E4E4E4;
	background-color: #3EA1CD;
}

/*----*/

.linkWrap01 {
	display: block;
}
.linkWrap01:link {	color: #333333;	text-decoration: none;}
.linkWrap01:visited {	color: #333333;	text-decoration: none;}
.linkWrap01:hover {
	color:#333333;
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	transition-duration: 0.3s;
}
.linkWrap01:active {	color:#333333;	text-decoration: none;}


/*---------------------------*/

.topTb01 {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.topTbCell01 {
	display: table-cell;
	text-align: left;
	vertical-align: bottom;
}

.formHisu {
	display: inline-block;
	background-color: #FA7C1F;
	color: #ffffff;
	font-size: 12px;
	line-height: 24px;
	width: 45px;
	text-align: center;
	vertical-align: middle;
}

.topFormTable01 {
	width: 100%;
}
.topFormTable01 th {
	text-align: left;
	vertical-align: top;
	padding: 10px 4px 10px 0px;
	font-size: 14px;
	line-height: 1.42em;
	font-weight: bold;
}
.topFormTable01 td {
	text-align: left;
	vertical-align: top;
	padding: 10px 0px 10px 1px;
	font-size: 12px;
	line-height: 1.5em;
	width: 220px;
}

.topInput01 {
	box-sizing: border-box;
	width: 240px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	letter-spacing: -0.02em;
}
.topTextArea01 {
	box-sizing: border-box;
	width: 240px;
	height: 110px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	letter-spacing: -0.02em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Roboto','Noto Sans Japanese', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}

.topFormTableWrap {
	background-color: #F9F9F9;
	padding: 30px 20px 30px 20px;
	border: 3px solid rgb(28,129,207);
}

.topTbSpan01 {
	margin-left: 5px;
	margin-right: 25px;
	vertical-align: middle;
}
.checkBox01 {
	vertical-align: middle;
}

.formBtnWrap01 {
	text-align: center;
}
.formBtn01 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
	background-color: #125990;
	width: 162px;
	height: 44px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.0em;
	cursor: pointer;
	margin: auto;
}

.contH401 {
  font-size: 18px;
  font-weight: bold;
}
.contH402 {
  margin-bottom: 20px;
	font-size: 28px;
  font-weight: bold;
}
.support .contFlexBox01 {
	border: 1px solid #5692C7;
	border-radius: 5px;
}
.lightgray {
	background: #eee;
}
.price.white {
	background: #fff;
}
.graphbox {
	padding: 60px 10px 30px 10px;
	background: #fff;
}

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

	.mainvisualWrapTop {
		background-image: none;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#ebook .mainvisualWrapTop {
		background-image: none;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#invoice .mainvisualWrapTop {
		background-image: none;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	#partner .mainvisualWrapTop {
		background-image: none;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.mainvisualIn01 {
		display: block;
		padding: 0;
	}
	.mainvisualCell01 {
		display: block;
		text-align: left;
		vertical-align: middle;
		height: auto;
	}
	.mainvisualCell02 {
		display: block;
		text-align: left;
		vertical-align: middle;
	}
  h1.h201 {
    display:none
  }


.movieWrap {
	width: auto;
	position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
	margin: 0 auto 20px;
}

.movieWrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


	.mainvisualCell01 .text01 {
		color: #125990;
		font-size: 14px;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 24px;
	}
	.mainvisualCell01 .h201 {
		font-size: 16px;
		line-height: 1.2em;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.mainvisualCell01 .h201 .span01 {
		display: inline-block;
		text-indent: -0.5em;
	}

	.mainvisualText01 {
		position: absolute;
		top: 10px;
		right: 8px;
		display: table;
		width: 120px;
		text-align: center;
		box-sizing: border-box;
		padding: 0px 0px;
		background-color: #125990;
		color: #ffffff;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
		font-size: 12px;
		font-weight: bold;
		margin-top: 0px;
	}
	.mainvisualText01 span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 120px;
	}

	.mainChusyaku {
		margin-bottom: 20px;
    font-size: 11px;
    top: -22px;
	}
  .mainChusyaku01 {
		margin: 0 0 0 5px;
    font-size: 11px;
    top: -24px;
	}

	/*------------------------*/

	.topBlock01 {
		padding: 60px 15px;
	}
	.contText01 {
		color: #000000;
		font-size: 15px;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.topBlock01 .contBox01 {
		background-color: #EAEAEA;
		padding: 10px;
		margin-bottom: 40px;
	}
	.contBox01Ul01 {
		text-align: left;
	}
	.contBox01Ul01 li {
		box-sizing: border-box;
		width: auto;
		float: none;
		font-size: 15px;
		font-weight: bold;
		padding: 0 0 0 34px;
		position: relative;
	}
	.contBox01Ul01 li::before {
		content: "";
		background-image: url("/img/icon_check01.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 21px 18px;
		width: 21px;
		height: 18px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -9px;
	}

	.contH301 {
		text-align: center;
		margin-bottom: 30px;
	}
	.contH301 .span01 {
		display: block;
		font-size: 16px;
		line-height: 1.25em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.contH301 .span02 {
		display: block;
		color: #125990;
		font-size: 20px;
		line-height: 1.28em;
		font-weight: bold;
	}
	.contH301 .span03 {
	font-size: 18px;
}

	.contH301.contH3White .span01 {
		color: #ffffff;
	}
	.contH301.contH3White .span02 {
		color: #ffffff;
	}
  .contH401 {
    font-size: 14px;
	}
	.contH402 {
    font-size: 16px;
	}

	.contFlex01 {
		display: block;
	}
	.contFlexBox01 {
		position: relative;
		text-align: center;
		box-sizing: border-box;
		width: auto;
		background-color: #ffffff;
		padding: 20px;
		margin-bottom: 30px;
	}
	.contFlexBox01.non::after {
	display: none;
	background: none;
	border: 0;
}
	.contFlex01 .contFlexBox01::after {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10px 0 10px;
	border-color: #007bff transparent transparent transparent;		position: absolute;
		top: auto;
		bottom: -20px;
		margin-top: 0px;
		right: auto;
		left: 50%;
		margin-left: -7px;
	}
	.contFlex01 .contFlexBox01:last-child::after {
		display: none;
	}

	.contFlexBox01 .text01 {
		font-size: 18px;
		line-height: 1.36em;
		font-weight: bold;
	}
	.contFlexBox01 .img01 {
		width: auto;
		margin: 15px auto 15px auto;
	}
	.contFlexBox01 .text02 {
		font-size: 16px;
		line-height: 1.28em;
	}

	/*--------------------*/

	.contLink01 {
		display: table;
		width: 100%;
		margin: 25px auto 0px auto;
	}
	.contLink01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		border: 1px solid #125990;
		padding: 7px 20px;
		background-color: #ffffff;
		color: #125990;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		font-size: 18px;
		font-weight: bold;
	}
	.contLink01 a:link {	color: #125990;	text-decoration: none;}
	.contLink01 a:visited {	color: #125990;	text-decoration: none;}
	.contLink01 a:hover {
		border: 1px solid #ffffff;
		background-color: #125990;
		color:#ffffff;
		text-decoration: none;
	}
	.contLink01 a:active {	color:#125990;	text-decoration: none;}

	/*--------------------*/

	.topBlock02 {
		background-color: #125990;
		padding: 60px 0px;
	}

	.contFlexBox02 {
		position: relative;
		text-align: center;
		box-sizing: border-box;
		width: auto;
		background-color: #F9F9F9;
		margin-bottom: 15px;
	}
	.contFlexBox02 a {
		display: block;
		padding: 20px 30px 30px 30px;
	}
	.contFlexBox02 a:link {	color: #333333;	text-decoration: none;}
	.contFlexBox02 a:visited {	color: #333333;	text-decoration: none;}
	.contFlexBox02 a:hover {	color:#333333;	text-decoration: none;}
	.contFlexBox02 a:active {	color:#333333;	text-decoration: none;}

	.contFlexBox02 .text001 {
		display: table;
		width: 46px;
		margin: 0px auto 20px auto;
	}
	.contFlexBox02 .text001 span {
		display: table-cell;
		height: 46px;
		text-align: center;
		vertical-align: middle;
		background-color: #3C81D4;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		font-size: 22px;
		line-height: 1.0em;
		font-weight: bold;
		color: #ffffff;
	}
	.contFlexBox02 .text01 {
		font-size: 20px;
		line-height: 1.36em;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.contFlexBox02 .text02 {
		font-size: 16px;
		line-height: 1.34em;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.contFlexBox02 .text03 {
		font-size: 16px;
		line-height: 1.34em;
		border: 1px solid #125990;
		padding: 7px 20px;
		background-color: #ffffff;
		color: #125990;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
	}
	.contFlexBox02 a:hover .text03 {
		border: 1px solid #125990;
		padding: 7px 20px;
		background-color: #125990;
		color: #ffffff;
	}

	/*--------------------*/

	.contLink02 {
		display: table;
		width: 100%;
		margin: 30px auto 0px auto;
	}
	.contLink02 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		border: 1px solid #125990;
		padding: 7px 20px;
		background-color: #125990;
		color: #ffffff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		font-size: 18px;
		font-weight: bold;
	}
	.contLink02 a:link {	color: #ffffff;	text-decoration: none;}
	.contLink02 a:visited {	color: #ffffff;	text-decoration: none;}
	.contLink02 a:hover {
		background-color: #ffffff;
		color:#125990;
		text-decoration: none;
	}
	.contLink02 a:active {	color:#ffffff;	text-decoration: none;}

	/*--------------------*/
	.topBlock03 {
		background-color: #F0F0F0;
		padding: 60px 10px;
	}
	.contFlexBox03 {
		position: relative;
		text-align: left;
		box-sizing: border-box;
		width: auto;
		background-color: #ffffff;
		padding: 0;
		margin-bottom: 15px;
	}
	.contFlexBox03 .text01 {
    position: relative;
		/*display: inline-block;*/
		font-size: 16px;
		line-height: 1.36em;
		font-weight: bold;
		padding-left: 4px;
	}
	.topBtnBg01 {
		margin-right: 0;
    background-color: #ffffff;
	}
	.contFlexBox03.bgColTr01 {
		background-color: #ffffff;;
	}

	.textIcon01::before {
		content: "";
		background-image: url("/img/kinou_icon01.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 30px 24px;
		width: 30px;
		height: 24px;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		left: 0px;
	}
	.textIcon02::before {
		content: "";
		background-image: url("/img/kinou_icon02.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 31px 31px;
		width: 31px;
		height: 31px;
		position: absolute;
		top: 50%;
		margin-top: -15px;
		left: 0px;
	}
	.textIcon03::before {
		content: "";
		background-image: url("/img/kinou_icon03.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 62px 62px;
		width: 62px;
		height: 62px;
		position: absolute;
		top: 50%;
		margin-top: -31px;
		left: -15px;
	}
	.textIcon04::before {
		content: "";
		background-image: url("/img/kinou_icon04.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 27px 25px;
		width: 27px;
		height: 25px;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		left: 0px;
	}

	.contFlexBox03 .ul01 {
		margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
	}
	.contFlexBox03 .ul01 li {
		/*background-color: #F5F5F5;*/
		margin-top: 10px;
		font-size: 14px;
		text-align: left;
		padding: 0 10px;
	}
  .contFlexBox03 .ul01 .linkWrap01 {
		width: 50%;
    display: block;
	}

	.topBtnEreaBottom {
		box-sizing: border-box;
		width: auto;
		position: relative;
		right: 0px;
		bottom: 0px;
		padding: 0px;
	}


	.contBox02 {
		background-color: #ffffff;
		border: 3px solid #285993;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		margin-top: 60px;
		padding: 20px 20px 20px 20px;
	}
	.contBox02 .text01 {
		position: relative;
		display: inline-block;
		font-size: 22px;
		line-height: 1.36em;
		font-weight: bold;
		padding-left: 40px;
	}

	.contFlexBox04 {
		width: auto;
		margin-top: 20px;
	}
	.contBoxIn01 {
		background-color: #F5F5F5;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-o-border-radius: 2px;
		-ms-border-radius: 2px;
		border-radius: 2px;
		padding: 10px;
	}
	.contTb01 {
		display: table;
		width: 100%;
		position: relative;
	}
	.contTb01Cell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 44px;
		font-size: 16px;
		line-height: 1.25em;
	}
	.contMt01 {
		margin-top: 0px;
	}

	.contText02 {
		display: table;
		position: relative;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 0px auto 5px auto;
	}
	.contText02 span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		background-color: #125990;
		color: #ffffff;
		font-size: 16px;
		line-height: 1.0em;
		font-weight: bold;
		padding: 10px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
	}

	.contInTb01 {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.contInTb01Cell01 {
		display: block;
		text-align: center;
		vertical-align: middle;
		width: auto;
		margin-bottom: 15px;
	}
	.contInTb01Cell02 {
		display: block;
		text-align: left;
		vertical-align: middle;
		width: auto;
		font-size: 16px;
		line-height: 1.25em;
		word-break: break-all;
	}
	.contImg01 img {
		width: 192px;
	}
	.contImg02 img {
		width: 110px;
	}

	/*--------------------*/

	.topBlock04 {
		padding: 60px 15px;
	}
	.contFlexBox05 {
		box-sizing: border-box;
		width: auto;
		border: 3px solid #285993;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-o-border-radius: 6px;
		-ms-border-radius: 6px;
		border-radius: 6px;
	}

	.contFlexBox05.contFlexBox0502 {
		width: auto;
		margin-top: 15px;
	}

	.contFlexBox05 .text01 {
		background-color: #285993;
		text-align: center;
		padding: 10px 10px 10px 40px;
		color: #ffffff;
		font-size: 16px;
		line-height: 1.36em;
		font-weight: bold;
	}
	.contFlexBox05 .text01 span {
		display: inline-block;
		position: relative;
	}
	.contFlexBox05 .text01 span::before {
		content: "";
		background-image: url("/img/plice_icon01.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 37px 23px;
		box-sizing: border-box;
		width: 37px;
		height: 23px;
		position: absolute;
		top: 50%;
		margin-top: -11px;
		left: -45px;
	}
	.contFlexBox05 .text01.text0102 span::before {
		content: "";
		background-image: url("/img/plice_icon02.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 17px 24px;
		box-sizing: border-box;
		width: 17px;
		height: 24px;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		left: -25px;
	}

	.contFlexIn01 {
		background-color: #ffffff;
		padding: 20px 25px 30px 25px;
	}

	.contBox0301 {
		width: auto;
		float: none;
		text-align: left;
		margin-bottom: 10px;
	}
	.contBox0302 {
		width: auto;
		float: none;
		text-align: left;
	}
	.contUl01 li {
		margin-bottom: 00px;
	}
	.contUl01 li:last-child {
		margin-bottom: 0px;
	}
	.contUl01 {
		font-weight: bold;
	}
	.contUl01 .span01 {
		font-size: 18px;
		line-height: 1.2em;
		margin-right: 20px;
	}
	.contUl01 .span02 {
		font-size: 24px;
		line-height: 1.2em;
	}
	.contUl01 .span03 {
		font-size: 30px;
		line-height: 1.2em;
	}
	.contUl01 .span04 {
		font-size: 12px;
		line-height: 1.2em;
	}

	.contText03 {
		text-align: left;
		font-size: 16px;
		line-height: 1.25em;
	}
	.contText03 .span01 {
		color: #FF0000;
		font-weight: bold;
	}

	.contUl02 li {
		margin-bottom: 10px;
	}
	.contUl02 li:last-child {
		margin-bottom: 0px;
	}
	.contUl02 {
		text-align: left;
		font-weight: bold;
		margin-top: 15px;
	}
	.contUl02 .span01 {
		font-size: 18px;
		line-height: 1.2em;
		margin-right: 25px;
	}
	.contUl02 .span02 {
		font-size: 24px;
		line-height: 1.2em;
	}
	.contUl02 .span03 {
		font-size: 28px;
		line-height: 1.2em;
	}
	.contUl02 .span04 {
		font-size: 12px;
		line-height: 1.2em;
	}

	/*------------------------------*/

	.topBlock05 {
		background-color: #F0F0F0;
		padding: 60px 15px;
	}

	.contFlexBox06 {
		position: relative;
		text-align: left;
		box-sizing: border-box;
		width: auto;
		background-color: #ffffff;
		padding: 20px 20px 20px 20px;
		margin-bottom: 20px;
	}
	.contText0401 {
		font-size: 16px;
		line-height: 1.3em;
		margin-top: 15px;
	}
	.contText0402 {
		font-size: 14px;
		line-height: 1.44em;
		margin-top: 15px;
	}
	.contText05 {
		text-align: right;
		font-size: 13px;
		line-height: 1.6em;
		margin-top: 5px;
	}

	/*------------------------------*/

	.topBlock06 {
		padding: 20px 15px 20px 15px;
	}
	.contFlex02 {
		display: block;
	}

	.topNewsTit {
		margin-bottom: 10px;
    color: #125990;
		font-size: 18px;
		line-height: 1.25em;
		font-weight: bold;
		width: auto;
		text-align: center;
	}
  .topNewsCont {
    margin-left: 100px;
  }
   .topNewsCont.event {
     margin-left: 0;
   }
	.topNewsCont li {
		text-align: left;
		font-size: 14px;
		line-height: 1.6em;
		padding: 2px 0px 2px 0px;
	}
  .topNewsCont.event li {
   
}
	.topNewsCont a:link {	color: #333333;	text-decoration: none;}
	.topNewsCont a:visited {	color: #333333;	text-decoration: none;}
	.topNewsCont a:hover {	color:#333333;	text-decoration: underline;}
	.topNewsCont a:active {	color:#333333;	text-decoration: none;}

	/*---------------------*/

	.contactBlock01 {
		background-color: #125990;
		padding: 20px 15px 0px 15px;
	}

	.contactBox01 {
		width: auto;
		padding-bottom: 20px;
	}

	/*--------------------*/

	.contactBtn01 {
		display: table;
		width: 100%;
		position: relative;
	}
	.contactBtn01 a {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		height: 96px;
		border: 1px solid #FA7C1F;
		padding: 7px 20px 7px 85px;
		background-color: #FA7C1F;
		color: #ffffff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
	}
	.contactBtn01 a:link {	color: #ffffff;	text-decoration: none;}
	.contactBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
	.contactBtn01 a:hover {
		background-color: #ffffff;
		color: #FA7C1F;
		text-decoration: none;
	}
	.contactBtn01 a:active {	color:#ffffff;	text-decoration: none;}

	.contactBtn01 a::before {
		content: "";
		background-image: url("/img/contact_icon_tri.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 34px 34px;
		box-sizing: border-box;
		width: 34px;
		height: 34px;
		position: absolute;
		top: 50%;
		margin-top: -17px;
		left: 24px;
	}
	.contactBtn01 a:hover::before {
		background-image: url("/img/contact_icon_tri_on.png");
	}

	/*--------------------*/

	.contactBtn02 {
		display: table;
		width: 100%;
		position: relative;
	}
	.contactBtn02 a {
		display: table-cell !important;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		height: 96px;
		border: 1px solid #ffffff;
		padding: 7px 20px 7px 85px;
		background-color: #ffffff;
		color: #333333;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
	}
	.contactBtn02 a:link {	color: #333333;	text-decoration: none;}
	.contactBtn02 a:visited {	color: #333333;	text-decoration: none;}
	.contactBtn02 a:hover {
		background-color: #125990;
		color:#ffffff;
		text-decoration: none;
	}
	.contactBtn02 a:active {	color:#333333;	text-decoration: none;}

	.contactBtn02 a::before {
		content: "";
		background-image: url("/img/contact_icon_tel.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 53px 53px;
		box-sizing: border-box;
		width: 53px;
		height: 53px;
		position: absolute;
		top: 50%;
		margin-top: -26px;
		left: 24px;
	}
	.contactBtn02 a:hover::before {
		background-image: url("/img/contact_icon_tel_on.svg");
	}


	/*--------------------*/

	.contactBtn03 {
		display: table;
		width: 100%;
		position: relative;
	}
	.contactBtn03 a {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		height: 96px;
		border: 1px solid #FA7C1F3;
		padding: 7px 20px 7px 85px;
		background-color: #FA7C1F;
		color: #ffffff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
	}
	.contactBtn03 a:link {	color: #ffffff;	text-decoration: none;}
	.contactBtn03 a:visited {	color: #ffffff;	text-decoration: none;}
	.contactBtn03 a:hover {
		background-color: #ffffff;
		color:#FA7C1F;
		text-decoration: none;
	}
	.contactBtn03 a:active {	color:#ffffff;	text-decoration: none;}

	.contactBtn03 a::before {
		content: "";
		background-image: url("/img/download/hrmoskeihi-whitepaper.webp");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 60px auto;
		box-sizing: border-box;
		width: 60px;
		height: 64px;
		position: absolute;
		top: 50%;
		margin-top: -32px;
		left: 15px;
	}
	/*.contactBtn03 a:hover::before {
		background-image: url("/img/contact_icon_tri_on.png");
	}*/

	/*--------------------*/

	.contactBtn04 {
		display: table;
		width: 100%;
		position: relative;
	}
	.contactBtn04 a {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		height: 96px;
		border: 1px solid #FA7C1F;
		padding: 7px 20px 7px 85px;
		background-color: #FA7C1F;
		color: #ffffff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
	}
	.contactBtn04 a:link {	color: #ffffff;	text-decoration: none;}
	.contactBtn04 a:visited {	color: #ffffff;	text-decoration: none;}
	.contactBtn04 a:hover {
		background-color: #ffffff;
		color: #FA7C1F;
		text-decoration: none;
	}
	.contactBtn04 a:active {	color:#ffffff;	text-decoration: none;}

	.contactBtn04 a::before {
		content: "";
		background-image: url("/img/transportation/contact_icon01.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 34px 34px;
		box-sizing: border-box;
		width: 34px;
		height: 34px;
		position: absolute;
		top: 50%;
		margin-top: -17px;
		left: 24px;
	}
	.contactBtn04 a:hover::before {
		background-image: url("/img/transportation/contact_icon01_on.svg");
	}


	/*--------------------*/

	.contactBtn01In .span01 {
		display: block;
		font-size: 19px;
		line-height: 1.3em;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.contactBtn01In .span02 {
		display: block;
		font-size: 13px;
		line-height: 1.3em;
	}

	/*----------------------*/

	.topBlock07 {
		padding: 60px 15px;
	}
	.contText06 {
		font-size: 15px;
		line-height: 1.3em;
		letter-spacing: -0.02em;
		text-align: left;
		margin-bottom: 25px;
	}
	.contFlexBox07, .contFlexBox08  {
		width: auto;
		text-align: left;
		margin-bottom: 20px;
	}

	.contImg03 {
		margin-bottom: 20px;
	}
	.contMidashi01 {
		border-left: 6px solid #125990;
		padding-left: 10px;
	}
	.contMidashi01 .p01 {
		font-size: 16px;
		line-height: 1.27em;
		font-weight: bold;
	}
	.contMidashi01 .p02 {
		font-size: 14px;
		line-height: 1.43em;
	}

	#lpeCDiv_2911.lpeCElement {
		text-align: left;
		margin-top: 20px;
		padding: 0px 20px;
	}

	.mktoForm {
		width: auto !important;
	}

	.mktoButtonRow {
		display: block !important;
		text-align: center !important;
	}
	.mktoButtonRow span {
		text-align: center !important;
		margin: auto !important;
	}
	.mktoButtonRow span button {
		margin: auto !important;
	}

	/*-----------------------*/

	.pagetopButton {
		display: none !important;
		width: 140px;
		position: fixed;
		right: 0px;
		bottom: 100px;
	}
	.pagetopUl01 {}
	.pagetopUl01 li {
		padding-bottom: 4px;
	}


	/*----*/

	.sideBtn01 {
		display: table;
		width: 100%;
	}
	.sideBtn01 a {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		border: 1px solid #FA7C1F;
		padding: 2px 10px;
		height: 40px;
		font-weight: bold;
		background-color: #FA7C1F;
		color: #ffffff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		font-size: 13px;
		line-height: 1.3em;
	}
	.sideBtn01 a:link {	color: #ffffff;	text-decoration: none;}
	.sideBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
	.sideBtn01 a:hover {
		background-color: #ffffff;
		color: #FA7C1F;
		text-decoration: none;
	}
	.sideBtn01 a:active {	color:#ffffff;	text-decoration: none;}

	/*----*/

	.sideBtn01.sideBtn02 a {
		border: 1px solid #125990;
		background-color: #125990;
	}
	.sideBtn01.sideBtn02 a:hover {
		color:#125990;
		background-color: #ffffff;
	}
	/*----*/

	.sideBtn01.sideBtn03 a {
		color: #3EA1CD;
		border: 1px solid #E4E4E4;
		background-color: #E4E4E4;
	}
	.sideBtn01.sideBtn03 a:hover {
		color:#E4E4E4;
		background-color: #3EA1CD;
	}

	/*----*/


}




/* --------------------------------------------------------------------
 footer
-------------------------------------------------------------------- */

#gfooter {
	background-color: #F5F5F5;
	padding: 30px 0px 10px 0px;
}
.footerLogo01 {
	width: 160px;
}
.footerLogo01 a {
  display: block;
}
.footerLogo01 a.logo-ek {
  margin-bottom: 30px;
  width: 160px;
}
.footerLogo01 a.hrmos {
  width: 250px;
}
.footerLogo01 a:hover {
opacity: 0.7;
transition-duration: 0.3s;
}
.footerLogo02 a:hover {
opacity: 0.7;
transition-duration: 0.3s;
}
.footerNaviWrap {
	display: inline-block;
	text-align: left;
}
.contFlex03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footerNaviBox01 {
	display: inline-block;
	padding-left: 32px;
}
.footerNaviWrap .link01 {
	margin-bottom: 10px;
	padding-left: 18px;
	position: relative;
}
.footerNaviWrap .link01::before {
	content: "";
	background-image: url("/img/footer_ar01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 9px 7px;
	box-sizing: border-box;
	width: 9px;
	height: 7px;
	position: absolute;
	top: 6px;
	left: 0px;
}
.footerNaviWrap .link01 a {
	font-size: 13px;
	line-height: 1.3em;
}
.footerNaviWrap a:link {	color: #333333;	text-decoration: none;}
.footerNaviWrap a:visited {	color: #333333;	text-decoration: none;}
.footerNaviWrap a:hover {	color:#333333;	text-decoration: underline;}
.footerNaviWrap a:active {	color:#333333;	text-decoration: none;}

.footerNaviBoxIn01 {
	padding-left: 18px;
}
.footerNaviWrap .link02 {
	margin-bottom: 10px;
}
.footerNaviWrap .link02 a {
	font-size: 12px;
	line-height: 1.3em;
}

.footerCopy01 {
	font-size: 9px;
	line-height: 2.0em;
	text-align: right;
	margin-top: 20px;
}
/* 削除予定 */
.footer-banner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.footer-banner a img{
    width:auto;
    height: 50px;
    margin:10px;
}

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

	#gfooter {
		background-color: #F5F5F5;
		padding: 30px 20px 10px 20px;
	}
	.footerLogo01 {
		width: 180px;
		margin: 0px auto 20px auto;
	}
	.footerNaviWrap {
		display: inline-block;
		text-align: left;
	}
	.contFlex03 {
		display: block;
	}
	.footerNaviBox01 {
		display: inline-block;
		padding-left: 0px;
	}
	.footerNaviWrap .link01 {
		margin-bottom: 10px;
		padding-left: 18px;
		position: relative;
	}
	.footerNaviWrap .link01::before {
		content: "";
		background-image: url("/img/footer_ar01.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 9px 7px;
		box-sizing: border-box;
		width: 9px;
		height: 7px;
		position: absolute;
		top: 6px;
		left: 0px;
	}
	.footerNaviWrap .link01 a {
		font-size: 13px;
		line-height: 1.3em;
	}
	.footerNaviWrap a:link {	color: #333333;	text-decoration: none;}
	.footerNaviWrap a:visited {	color: #333333;	text-decoration: none;}
	.footerNaviWrap a:hover {	color:#333333;	text-decoration: underline;}
	.footerNaviWrap a:active {	color:#333333;	text-decoration: none;}

	.footerNaviBoxIn01 {
		padding-left: 18px;
	}
	.footerNaviWrap .link02 {
		margin-bottom: 10px;
	}
	.footerNaviWrap .link02 a {
		font-size: 12px;
		line-height: 1.3em;
	}

	.footerCopy01 {
		font-size: 11px;
		line-height: 2.0em;
		text-align: center;
		margin-top: 20px;
	}
  
/* 削除予定 */
.footer-banner {
    flex-wrap:wrap;
    justify-content: space-between;

}


.footer-banner a:nth-of-type(1){
    width:70px;
}
.footer-banner a:nth-of-type(2),.footer-banner a:nth-of-type(3){
    width:calc(calc(100% - 90px)/2);

}
.footer-banner a:nth-of-type(2){
    margin-right: 10px;
}
.footer-banner a img{
    max-width:100%;
    height: auto;
    max-height: 50px;

}



}


/*-----*/








.formBtm {
 background-color: #F9F9F9;
padding: 30px 10px;
border: 3px solid rgb(28,129,207);
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Roboto','Noto Sans Japanese', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	}
.formBtm form {
 width: 100% !important;
	}

.formBtm .mktoFieldWrap .mktoLabel {
 width: 175px !important;
 display: inline-block;
 font-size: 12px;
 font-weight: bold;
 float: none;
 position: relative;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Roboto','Noto Sans Japanese', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	}
.formBtm .mktoFieldWrap .mktoLabel strong {
 font-weight: bold;
	}
.formBtm .mktoFieldWrap .mktoLabel .mktoAsterix {
 position: absolute;
 right: 20px;
 top:0;
 background-color: #FA7C1F;
 color: #FA7C1F;
 padding: 2px 6px 4px 0 !important;
	}
.formBtm .mktoFieldWrap .mktoLabel .mktoAsterix:first-letter {
	}
.formBtm .mktoFieldWrap .mktoLabel .mktoAsterix:after {
 content: "必須";
 color: #FFF;
	}
.formBtm .mktoFieldWrap .mktoField {
 width: 230px !important;
 float: none !important;
 vertical-align: top;
 font-size: 12px;
 padding: 5px 10px 5px 10px;
 border: 1px solid #CCCCCC;
	}
.formBtm .mktoFieldWrap textarea {
 height: 110px !important;
	}
.formBtm.fm1015 .mktoFormRow:nth-of-type(8) .mktoFieldWrap {
 position: relative;
	}
.formBtm.fm1015 .mktoFormRow:nth-of-type(8) .mktoFieldWrap .mktoLabel {
 width: auto !important;
 padding-right: 70px;
 padding-left: 0px;
 font-weight: bold;
	}
.formBtm.fm1015 .mktoFormRow:nth-of-type(8) .mktoFieldWrap .mktoLogicalField {
 width: auto !important;
 position: relative;
 top:auto;
	}
.formBtm.fm1015 .mktoFormRow:nth-of-type(8) .mktoFieldWrap .mktoLogicalField label {
 display: block;
	}
.formBtm.fm1015 .mktoFormRow:nth-of-type(8) .mktoFieldWrap .mktoLogicalField .mktoField {
 width: auto !important;
	}

.formBtm .fb_text {
 padding:20px 0 0;
 font-size: 12px;
 font-weight: bold;
	}
.fb_text a {
  color: #0033cc;
}
.fb_text a:visited {
  color: #0033cc;
}





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


 .formBtm .mktoFieldDescriptor {
 width: 100% !important;
	}
.formBtm .mktoFieldWrap {
 width: 100% !important;
	}
.formBtm .mktoFieldWrap .mktoLabel {
 width: 100% !important;
 padding-bottom: 10px;
	}
.formBtm .mktoFieldWrap .mktoField {
 width: 100% !important;
 height: 28px;
	}
.formBtm.fm1015 .mktoFormRow:nth-of-type(8) .mktoFieldWrap .mktoLogicalField {
 top:-6px;
	}

  .contactBtn02 .telnum {
	display: none;
}

	.mm-listview .btn{
	display: block;
		margin: 15px 10px 0 20px;
		overflow: hidden;
}
	.mm-listview .btn span{
	display: table;
		text-align: center;
		width: 48%;
		float: left;
}
	.mm-listview .btn span:last-child{
		float: right;
}
	.mm-listview .btn span a{
	display: table-cell;
		background-color: #FA7C1F;
		vertical-align: middle;
		color: #fff;
		font-weight: bold;
		padding: 3px;
		border-radius: 3px;
		border: 1px solid #FA7C1F;
}
	.mm-listview .btn span a:hover{
		background-color: #FFF;
		color: #FA7C1F;
}

}


    .mm-slideout{
        z-index:auto !important;
    }


/*--フォーム調整---*/


.mktoForm .mktoFieldWrap {
	padding-bottom:3px;
	width: 100%;
}
.mktoForm div.mktoFormRow:nth-of-type(6) .mktoFieldDescriptor {
	margin-bottom:3px !important;
}
.formBtm .mktoFieldWrap .mktoLabel {
    font-size: 14px;
	line-height:1.42em;
	    padding: 2px 4px 10px 0px;
	width:173px;
}
.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
	font-size:12px;
	line-height:24px;
	width:41px;
	padding:0 0 0 4px !important;
	text-align:left;
	right:15px !important;
}
.formBtm .fb_text {
    padding: 20px 0 0 5px;
    font-size: 14px;
}
.mktoForm .mktoFormCol {
	padding-top:3px;
}
.mktoForm .mktoButtonWrap.mktoSkip button.mktoButton {
       -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    background-color: #125990 !important;
    width: 162px;
    height: 44px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.0em;
	font-weight:normal;
	box-shadow: inset 0 0 0 0 #125990;
  text-shadow: 0 0 0 #125990;
}
.mktoForm .mktoButtonWrap.mktoSkip button.mktoButton:hover {
opacity: 0.7;
    transition-duration: 0.3s;
}
.mktoForm.mktoLayoutAbove textarea.mktoField {
  line-height:1.5em;
}
.mktoButtonRow {
  display: block;
	width:100%;
	text-align:center;
}
.mktoButtonRow .mktoButtonWrap {
	margin-left:0 !important;
  display: block;
	text-align:center;
}
#Lblprivacypolicy .mktoAsterix {
	right:0 !important;
}
#Lbldemosite_agree .mktoAsterix {
	right:0 !important;
}
.mktoForm .mktoFormRow .mktoFieldDescriptor{
	display: flex;
}
.mktoForm .mktoFormRow .formBtm .mktoFieldWrap .mktoLabel {
	width: 175px !important;
}
.mktoForm .mktoFormRow .mktoRadioList > input, 
.mktoForm .mktoFormRow .mktoCheckboxList > input{
	width: 10px !important;
}
.mktoForm .mktoFormRow .mktoCheckboxList{
	display: flex;
    flex-wrap: wrap;
	width: 100% !important;
	padding: 0px 10px;
}
.mktoForm .mktoFormRow .mktoRadioList > label, 
.mktoForm .mktoFormRow .mktoCheckboxList > label{
	margin-left: 0.5em;
    margin-right: 1.5em;
	width: calc(50% - 40px);
	font-size: 13px;
}
@media screen and (max-width:768px) {
	.mktoForm .mktoFormRow .mktoRadioList > label, 
	.mktoForm .mktoFormRow .mktoCheckboxList > label{
		width: calc(100% - 50px);
		display: inline-block;
		height: 25px;
		padding-bottom: 6px;
	}
	.formBtm.fm1015 .mktoFormRow:nth-of-type(8) .mktoFieldWrap .mktoLogicalField input{
		display: inline-block;
		height: 25px;
		padding-bottom: 6px;
	}
}

/* eSeikyu　ヘッダーロゴ */
.eseikyu .logoWrap01 .headerH101 img {
	vertical-align: middle;
	width: 180px;
}

/* eKeihi & eSeikyu　ヘッダーロゴ */
.logoWrap01 .headerH101 img.ekes {
	vertical-align: middle;
	width: 340px;
}

.spHeaderLogo img.ekes {
	width: 200px;
}

/* 電子帳簿保存法のメリット*/
.meritBox0001 .contFlex04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.meritBox0001 .contFlexBox04 {
  position: relative;
	text-align: center;
	box-sizing: border-box;
	width: 324px;
	background-color: #f0f0f0;
	padding: 20px;
}
.meritBox0001 .contFlex04 .meritFlexBox01 {
  margin-top: 0;
  padding-top: 0;
}
.meritBox0001 .contFlex04 .meritFlexBox01 .text01 {
  padding-left: 50px;
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #12598F;
}
.meritBox0001 .contFlex04 .meritFlexBox01 .text02 {
  padding-left: 50px;
  width: 200px;
  text-align: left;
}
.meritBox0001 .meritTit04 {
	box-sizing: border-box;
	text-align: center;
	padding: 20px 5px 20px 35px;
	position: relative;
	background-color: #FFF;
	border-radius: 8px;
}
.meritBox0001.meritTit04.meritTit0102 {
	padding: 6px 5px 5px 35px;
}
.meritBox0001 .meritTit04 .meritIcon01 {
  left: 10px;
	bottom: 20px;
}

.mainBtn01 {
	display: table;
	width: 450px;
	margin: 20px auto 0;
}
.mainBtn01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		border: 1px solid #FA7C1F;
		padding: 15px 20px;
		background-color: #FA7C1F;
		color: #ffffff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		font-size: 18px;
		font-weight: bold;
    text-decoration: none;
	}
.mainBtn01 a:link {	color: #ffffff;	text-decoration: none;}
.mainBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
.mainBtn01 a:hover {
		border: 1px solid #FA7C1F;
		background-color: #ffffff;
		color:#FA7C1F;
		text-decoration: none;
	}
.mainBtn a:active {	color:#FA7C1F;	text-decoration: none;}

/*TOP注目の機能修正*/
.attention .contFlexBox04 {
  margin: 0 10px;
  border: 1px solid #cccccc;
}
.attention .contInTb01 {
  padding: 10px;
  box-sizing: border-box;
}
/*TOP電帳法・インボイス*/
.secondBlock {
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
}
.secondBlock01 {
	padding: 20px;
	width: 49%;
	box-sizing: border-box;
	background: #fff;
}
.secondBlock01 h4 {
	margin-bottom: 5px;
	color: #12598F;
	font-size: 24px;
	font-weight: bold;
}
.secondBlock01 .contLink02 a {
	font-size: 90%;
}


@media screen and (max-width:768px) {
    .meritBox0001 .contFlex04 {
		  display: block;
	  }
    .meritBox0001 .contFlex04 .meritFlexBox01 {
      margin-bottom: 10px;
    }
    .meritBox0001 .contFlex04 .meritFlexBox01:last-child {
      margin-bottom: 0;
    }
    .mainBtn01 {
      width: 100%;
    }
    .attention .contFlexBox04 {
      margin: 0;
      border: 0;
		}
.secondBlock {
	display: block;
	font-size: 14px;
}
.secondBlock01 {
	width: 100%;
}
.secondBlock01:first-child {
	margin-bottom: 10px;
}
.secondBlock01 h4 {
	font-size: 18px;
}
}

.semSide {
  padding: 0;
}
.semImage img {
  margin-bottom: 30px;
}
.semContents {
  margin-bottom: 30px;
}
.semContents h3.tit01 {
  border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.semContents h3 span {
  font-size: 16px;
	text-decoration: underline;
}
.semContents h3 small {
  font-size: 16px;
	font-weight: normal;
}
.semText {
  margin-bottom: 30px;
}
.semTbl th {
  width: 20%!important;
  font-weight: bold;
}
.semTbl td {
  width: 80%;
}
.semTbl {
  margin-bottom: 1rem;
}
.footerLink {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.footerLinkL {
  height: 30px;
  display: flex;
}
.footerLinkR a {
 margin-left: 20px;
}
.footerLinkL p {
  width: 200px;
}
.footerLinkL p:first-child {
  margin-right: 20px;
}
.footerLink01 {
	display: block;
}
.footerLink01 a {
	display: block;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #FA7C1F;
  padding: 7px 0;
  font-weight: bold;
	background-color: #FA7C1F;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.footerLink01 a:link {color: #ffffff;	text-decoration: none;}
.footerLink01 a:visited {	color: #ffffff;	text-decoration: none;}
.footerLink01 a:hover { background-color: #ffffff; color: #FA7C1F; text-decoration: none;}
.footerLink01 a:active {	color:#ffffff;	text-decoration: none;}

.footerLink02 a {
	display: block;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #125990;
  padding: 7px 0;
  font-weight: bold;
	background-color: #125990;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.footerLink02 a:link {color: #ffffff;	text-decoration: none;}
.footerLink02 a:visited {	color: #ffffff;	text-decoration: none;}
.footerLink02 a:hover { background-color: #ffffff; color: #125990; text-decoration: none;}
.footerLink02 a:active {	color:#ffffff;	text-decoration: none;}

.footerLinkR a{
    display: inline-block;
}
.footerLinkR a img{
    max-width: 100%;
    height: auto;
    max-height: 50px;
}
.footerLinkR .logo-jiima {
	margin-left: 10px;
	height: 50px;
}
.baloon {
  width: 460px;
  background: #FFF;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  z-index: 20;
}
.baloon span  {
  margin: auto;
  padding: 2px 15px;
  background: #FFF;
  text-align: center;
  border-radius: 20px;
  display: inline-block;
  font-weight: bold;
  position: absolute;
  white-space: nowrap;
  color: #000000;
}
.baloon span.baloon1  {
  border: 5px solid #FA7C1F;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.baloon span.baloon2  {
  border: 5px solid #125990;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.bridge .top2btn .top2btn2 .baloon2, .pcfixdFootlink .top2btn .top2btn2 .baloon2 {
  background-color: #D6E0F1;
}
.bridge .top2btn .top2btn2 .baloon-tip::before, .pcfixdFootlink .top2btn .top2btn2 .baloon-tip::before {
  color: #D6E0F1;
  font-size: 10px;
  position: absolute;
  top: 3px;
  left: 50%;
  content: "▼";
}
.bridge .baloon span.baloon2, .pcfixdFootlink .baloon span.baloon2 {
  border: 5px solid #ffffff;
}
.yoshitani .baloon span.baloon2 {
  border: 5px solid #125990;
}
/*.baloon-tip {
  color: #FFF;
  font-size: 10px;
  position: absolute;
  top: 3px;
  left: 50%;
}*/
.baloon-tip::before {
  color: #FFF;
  font-size: 10px;
  position: absolute;
  top: 3px;
  left: 50%;
  content: "▼";
}

.table01 {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.table01 .table01-cell1 {
  width: 23%;
  height: auto;
  color: #000;
  background: #eee;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
}
.table01 .table01-cell2 {
  padding: 30px 0 30px 50px;
  width: 77%;
  text-align: left;
  background: #FFF;
  font-size: 14px;
  display: block;
  position: relative;
}
.table01 .table01-cell2 h3 {
  font-size: 20px;
  color: #12598F;
  font-weight: bold;
}
.table01 .table01-cell2 p {
  margin-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
.table01 .table01-cell2::before {
  content: "";
  background-image: url(/img/top/onayami-arrow.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 32px;
  position: absolute;
  top: 35%;
  left: 20px;
}
.table01 .table01-cell2.p1 {
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url(/img/top/onayami1.webp);
}
.table01 .table01-cell2.p2 {
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url(/img/top/onayami2.webp);
}
.table01 .table01-cell2.p3 {
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url(/img/top/onayami3.webp);
}
.table01 .table01-cell2.p4 {
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url(/img/top/onayami4r.webp);
}
.reason .contFlex05 {
  margin-bottom: 40px;
  padding-top: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-top: 1px solid #cccccc;
}
.reason .contFlex05:last-child {
  margin-bottom: 0;
}
.reason .contFlex05 .reasonText, .reason .contFlex05 .reasonPic {
  width: 50%;
  display: block;
  box-sizing: border-box;
}
.reason .contFlex05 .reasonText {
  font-size: 16px;
  text-align: left;
}
.reason .contFlex05 .reasonText h3 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 30px;
  color: #125990;
}
.reason .contFlex05 .reasonText h4 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 22px;
}
.reason .contFlex05 .reasonPic .junansei {
  width: 250px;
  height: 157px;
}
.reason .contFlex05 .reasonText.pr-3 {
  padding-right: 3rem;
}
.reason .rev {
  flex-direction: row-reverse;
}
.jisseki-logo {
  max-width: 850px;
}
.schedule {
  margin: 30px 0 0 0;
  font-size: 14px;
}
.schedule th {
  padding: 0 10px 0 5px;
  font-size: 16px;
  font-weight: bold;
  color: #125990;
  background: #F0F4FA;
  white-space: nowrap;
}
.schedule td {
  padding: 10px 5px;
  background: #ffffff;
  text-align: left;
  font-size: 12px;
}
.schedule td:nth-child(4) {
  padding-left: 20px;
}
.schedule td dl {
  margin: 5px 0;
  display: flex;
  align-items: center;
}
.schedule td dt {
  margin: 0 10px 0 0;
  padding: 4px 4px;
  width: 20%;
  color: #ffffff;
  background: #125990;
  border-radius: 14px;
  white-space: nowrap;
  text-align: center;
  display: block;
}
.schedule td dd {
  margin: 0;
  padding: 0;
  width: 80%;
  display: block;
}
.schedule tr.border {
  border-top: 1px solid #cccccc;
}
.schedule table {
  border-bottom: 1px solid #cccccc;
}
.schedule .timeline {
  padding: 0;
  font-size: 20px;
  color: #125990;
  background: #F0F4FA;
  background-image: url(/img/top/timeline.png);
  background-position: center;
  background-repeat: no-repeat repeat;
  text-align: center;
}
.schedule .period {
  white-space: nowrap;
}
.schedule .range {
  padding: 0;
  background-image: url(/img/top/period-bk.png);
  background-position: center;
  background-repeat: no-repeat repeat;
  vertical-align: bottom;
  text-align: center;
}
.schedule .range img {
  width: 18px;
  height: 10px;
}
.schedule .period {
  padding: 0;
}
.schedule td:nth-child(1) {
  background: #F0F4FA;
}
.schedule .attention2 {
  margin-top: 5px;
  text-align: left;
  font-size: 12px
}
.center {
  text-align: center!important;
}
.topfunc {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.topfuncBox01 span {
  display: table;
  width: 100%;
}
.topfunc .funcH401 {
  font-size: 18px;
}
.topfunc .funcH402 {
  font-size: 16px;
}
.topfunc span .funcH401, .topfunc span .funcH402 {
  display: table-cell;
  height: 3rem;
  text-align: center;
  vertical-align: middle;
}
.topfunc .topfuncBox01 .funcIconHyoujyun {
	width: 52px;
	padding: 3px 2px 4px 2px;
  font-size: 10px;
}
.topfunc .topfuncBox01 {
  box-sizing: border-box;
  width: 32%;
  margin: 0 0 20px 0;
  padding: 0 5px 10px;
  background: #ffffff;
  position: relative;
}
.topfunc .topfuncBox01 .topfuncImg {
  width: 100%;
  background: #ffffff;
}
.topfunc .topfuncBox01 .topfuncImg img {
  max-width: 160px;
}
.topfunc ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.topfunc ul li {
  margin-bottom: 10px;
  padding: 20px 0;
  width: 24%;
  background: #ffffff;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
.topfunc .topfuncBox01 .topfuncImg {
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box;
}
/*料金機能一覧*/
.pricefunc {
  margin: 0 auto;
	max-width: 100%;
	display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pricefuncBox01 span {
  display: table;
  width: 100%;
}
.pricefunc .funcH401 {
  font-size: 12px;
}
.pricefunc .funcH402 {
  font-size: 11px;
}
.pricefunc .funcH402.sml {
  font-size: 10px;
}
.pricefunc span .funcH401, .pricefunc span .funcH402 {
  display: table-cell;
  height: 2rem;
  text-align: center;
  vertical-align: middle;
}
.pricefunc .topfuncBox01 {
  box-sizing: border-box;
  width: 16%;
  margin: 0 0 20px 0;
  padding: 0 5px 10px;
  background: #f0f0f0;
  position: relative;
}
.pricefunc .topfuncBox01 .topfuncImg {
  width: 100%;
  background: #ffffff;
}
.pricefunc .topfuncBox01 .topfuncImg img {
  max-width: 100%;
}
.pricefunc ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pricefunc ul li {
  margin-bottom: 10px;
  padding: 20px 0;
  width: 24%;
  background: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
.pricefunc .topfuncBox01 .topfuncImg {
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box;
}
.meritfunc {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.meritfuncBox01 span {
  display: table;
  width: 100%;
}
.meritfunc .funcH401 {
  font-size: 18px;
}
.meritfunc .funcH402 {
  font-size: 16px;
}
.meritfunc span .funcH401, .meritfunc span .funcH402 {
  display: table-cell;
  height: 3rem;
  text-align: center;
  vertical-align: middle;
}
.meritfunc .topfuncBox01 .funcIconHyoujyun {
	width: 52px;
	padding: 3px 2px 4px 2px;
  font-size: 10px;
}
.meritfunc .topfuncBox01 {
  box-sizing: border-box;
  width: 23%;
  margin: 0 0 20px 0;
  padding: 0 5px 10px;
  background: #ffffff;
  position: relative;
}
.meritfunc .topfuncBox01 .topfuncImg {
  width: 100%;
  background: #ffffff;
}
.meritfunc .topfuncBox01 .topfuncImg img {
  max-width: 160px;
}
.meritfunc ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.meritfunc ul li {
  margin-bottom: 10px;
  padding: 20px 0;
  width: 25%;
  background: #f0f0f0;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
.meritfunc .topfuncBox01 .topfuncImg {
  margin: 0 auto;
  width: 90%;
  box-sizing: border-box;
}
.topfunc .topfuncBox01 .topfuncImg img {
  width: 80%;
}
.topPr a {
  padding: 10px 20px;
  width: 100%;
  color: #125990;
  background: #ffffff;
  border: 3px solid #125990;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  text-decoration: none;
}
.topPr .topPrText1 {
  font-size: 32px;
}
.topPr .topPrText1 u {
  text-decoration: none;
  background: linear-gradient(transparent 70%, #F8C166 0%);
}
.topPr .topPrText2 {
  font-size: 18px;
  line-height: 120%;
}
.topPr img {
  width: 250px;
  height: auto;
}
.topPr a:hover {
  color: #ffffff;
  background: #125990;
}
.topPr a:hover .topPrText1 u {
  background: none;
}
.topPr2 {
	display: flex;
	justify-content: space-around;
}
.topPr2 a{
	padding: 10px;
	width: 48%;
	display: block;
	text-decoration: none;
	color: #125990;
	border: 3px solid #125990;
	box-sizing: border-box;
}
.topPr2 a:hover {
  transform: scale(1.04);
}
.topPr2 .topPrBox {
	margin-left: 40px;
	width: 300px;
}
.topPr2 .topPrText1 {
	margin-bottom: 5px;
	padding: 3px 20px;
	font-size: 20px;
	color: #FFF;
	background: #125990;
	display: inline-block;
	border-radius: 20px;
}
.topPr2 a.bk1 {
	background-image: url(/img/top/top_banner1.png?1002);
	background-repeat: no-repeat;
	background-position: right;
}
.topPr2 a.bk2 {
	background-image: url(/img/top/top_banner2.png);
	background-repeat: no-repeat;
	background-position: right;
}
.topjisseki {
	background: #FFFFFF;
}

.caseTitle {
	margin: 0 auto 10px;
	width: 220px;
	padding: 5px;
	color: #FFFFFF;
	background: #125990;
	border-radius: 30px;
}
.checkList01 {
	margin: 10px auto 0;
	width: 250px;
}
.checkList01 li {
	margin-bottom: 5px;
	font-size: 14px;
	text-align: left;
	padding: 0px 0px 0px 30px;
	background-image: url(/img/top/icon-check.svg);
	background-repeat: no-repeat;
	background-size: 13px 13px;
	background-position: 10px 6px;
}
.reason01 .topfuncBox01 {
	padding: 20px 0;
	background-color: #FFFFFF;
}
.reason01 .topfuncBox01 .img01 {
	margin-top: 15px;
}
.reason01 .topfuncBox01 .img01 .pic {
	height: 180px;
}
.reason01 .text01 {
	font-size: 28px;
	font-weight: bold;
}

.mainvisualCell01 .top2btn {
  display: block;
}
.bridge .top2btn {
  margin-top: 30px;
	padding-left: 40px;
  display: flex;
	justify-content: center;
}
.bridge .top2btn1, .bridge .top2btn2 {
  margin: 0;
  box-sizing: border-box;
  width: 50%;
}

.top2btn2.ml {
  padding-left: 30px
}
.img-shiryo {
  width: 190px!important;
}

/* 交通費精算LP */
.text01 sup {
  font-size: 10px;
}
.merit .contFlex05 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.merit .contFlex05 .meritText {
  margin-bottom: 40px;
  padding: 30px;
  width: 48%;
  background: #EEEEEE;
  box-sizing: border-box;
  display:flex;
  flex-flow: column;
  justify-content:space-around;
}
.merit .contFlex05 .meritText h4 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
}
.merit .contFlex05 .meritText p {
  margin-bottom: 20px;
  font-size: 14px;
  text-align: left;
}
.merit .contFlex05 .meritPic {
  align-self: flex-end;
}
#koutsuhi .table01 .table01-cell2.p1 {
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url(/img/lp/onayami1.png);
}
#koutsuhi .table01 .table01-cell2.p2 {
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url(/img/lp/onayami2.png);
}
#koutsuhi .table01 .table01-cell2.p3 {
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url(/img/lp/onayami3.png);
}
#koutsuhi .table01 .table01-cell2.p4 {
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-image: url(/img/lp/onayami4r.png);
}

.single-event .flexbox {
	display: flex;
	justify-content: space-between;
}
.single-event .flexbox .flexbox1 {
	margin-right: 50px;
	width: 540px;
}
.single-event .flexbox .flexbox1 table {
	width: 100%;
}
.single-event .flexbox .flexbox2 {
	width: 400px;
}
.requestShiryo {
	display: block;
}
.requestShiryo p.p01 {
	margin-bottom: 10px;
}
.requestShiryo img {
	margin-bottom: 10px;
	max-width: 460px;
}
.requestShiryo h4 {
	font-size: 18px;
	font-weight: bold;
}
.requestShiryo .program {
	margin: 10px 0 30px;
}
.requestShiryo .program li {
	margin-top: 5px;
	font-size: 15px;
}
.requestShiryo .program .flexbox {
	display: flex;
}
.requestShiryo .program .flexbox ul {
	width: 45%;
}
.requestShiryo .program .flexbox ul:last-child {
	width: 55%;
}
.requestWatch h2 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.requestWatch .program .vdImage {
	margin: 0 0 10px 0;
	width: 100%;
}
.requestWatch {
	font-size: 16px;
}
.eseikyu .requestShiryo .program .flexbox ul {
	width: 60%;
}
.eseikyu .requestShiryo .program .flexbox ul:last-child {
	width: 40%;
}
.operation {
	max-width: 960px;
}
.column3 {
	margin-bottom: 30px;
}
.column3 ul {
	margin: 0;
	padding: 0;
	width: 100%;
	display: table;
}
.column3 ul.box {
	background: #F0F0F0;
}
.column3 ul li {
	border-right: 10px solid #FFF;
	width: 33.33%;
	text-align: center;
	display: table-cell;
	font-size: 16px;
}
.column3 ul li:last-child {
	border-right: 0;
}
.column3 ul li.f14 {
	font-size: 14px;
}
.column3 ul.middle li {
	padding: 20px 0;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
	color: #12598C;
}
.column3 ul li img {
	margin-bottom: 10px;
	max-width: 128px;
}
.column3 ul.arrow li {
	padding: 0;
}
.column3 ul.arrow li img {
	margin-top: 10px;
	width: 50px;
}
.column3 h4 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
}
.choose {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
  column-gap: 18px;
	box-sizing: border-box;
}
.choose li {
	margin-bottom: 20px;
	padding: 20px;
	background: #F0F0F0;
}
.choose li .c1 {
	max-width: 220px;
}
.choose li .c2 {
	max-width: 190px;
}
.choose li h3 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	line-height: 130%;
}

/* ヘッダー告知 */
.headMessage {
  padding: 8px 0;
	background: -moz-linear-gradient(left, #0CAF9B, #1777BD);
  background: -webkit-linear-gradient(left, #0CAF9B, #1777BD);
  background: linear-gradient(to right, #0CAF9B, #1777BD);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
}
/* アーカイブ動画 */
.post-password-form input:nth-child(1) {
  padding: 6px 10px;
}
.post-password-form input:nth-child(2) {
  padding: 3px 20px;
}
.video  {
	margin: 20px auto;
  text-align: left;
	font-size: 14px;
	box-sizing: border-box;
}
.video iframe {
  margin-bottom: 10px;
  width: 800px;
	height: 490px;
}
.video h2 {
  font-size: 16px;
	font-weight: bold;
}
.video h3 {
  margin-right: 20px;
  font-size: 16px;
  font-weight: bold;
}
.vdFrame {
	margin-bottom: 1rem;
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}
.vdFrame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vdTitle {
  margin-bottom: 30px;
}
.vdContents {
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-start;
}

.single-videos .contFlex01 {
  margin-bottom: 20px;
}
.contIn800 {
  margin:auto;
  max-width: 800px;
}
.logoLink {
  margin-right: 50px;
}


/*　アーカイブ動画資料申込みフォーム　*/
.formVideos .mktoForm button.mktoButton {
  margin: 20px 0 0 -19px;
  padding: 8px;
  width: 100%;
  background: #125990;
  color: #FFFFFF;
  border: 1px solid #125990;
  border-radius: 3px;
	font-weight: thin;
	font-size: 16px;
}
.formVideos .mktoForm button.mktoButton:hover {
  background: #FFFFFF;
  color: #125990;
  border: 1px solid #125990;
}

/*　販売パートナー　*/
#partner .securityBox02 {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: bold;
}
#partner .flexbox {
	display: flex;
	justify-content: space-between;
}
#partner .flexbox p {
	width: 540px;
	display: block;
}
#partner .flexbox .ma20-t {
	margin-bottom: 30px;
	width: 400px;
}
#partner dl.case {
	margin-bottom: 30px;
	font-size: 16px;
	text-align: left;
}
#partner dl.case dt {
	font-weight: bold;
	font-size: 22px;
}
#partner dl.case dd {
	margin-bottom: 1rem;
}
#partner .jireiText0201 {
	text-align: left;
}
#partner img.center {
	margin-top: 20px;
	width: 600px;
}
#partner .meritbox {
	display: flex;
	justify-content: space-between;
}
#partner .meritbox .merit {
	width: 19%;
}
#partner .meritbox .merit dt {
	margin-bottom: 10px;
	padding: 5px 0;
	font-weight: bold;
	font-size: 20px;
	background: #125990;
	color: #FFFFFF;
}
#partner .meritbox .merit dd {
	text-align: left;
}
.partnerStep {
	margin: 0 30px;
	display: flex;
	justify-content: space-between;
}
.partnerStep li {
	padding: 10px;
	text-align: left;
	width: 22%;
	background: #FFF;
}
.news .infoBox {
	margin-bottom: 50px;
	padding: 10px 20px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
.news .infoBox h3 {
	margin-bottom: 15px;
}
.news .infoFlexBox {
	margin: auto;
	max-width: 600px;
	display: flex;
	justify-content: space-around;
}
.news .infoFlexBox .infoBox1 {
	text-align: center;
}
.news .infoBox .infoFlexBox p {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
}
.news .infoBox .infoFlexBox p img {
	margin: auto;
	width: 80px;
	display: block;
}
.infoFlexBox {
	max-width: 500px;
	display: flex;
	justify-content: space-between;
}
.infoFlexBox .info1 img {
	width: 150px;
}
/* インボイス対応 */
#invoice h1 {
	font-size: 230%;
}
.flexMerit {
	display: flex;
	justify-content: space-between;
}
.flexMerit li {
	width: 33%;
}
.flexMerit li .imgMerit {
	height: 150px;
}
.flexMerit li img {
	margin-bottom: 1rem;
	width: 60%;
}
.flexMerit li h5 {
	font-size: 16px;
	font-weight: bold;
}
.flexMerit li p {
	text-align: left;
	text-indent: -0.8rem;
	padding-left: 0.8rem;
}
h5.contH501 {
	font-size: 20px;
	font-weight: bold;
}
.flexHalf {
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
}
.flexHalf dl {
	padding: 15px;
	width: 49%;
	font-size: 14px;
	border: 2px solid #125990;
	box-sizing: border-box;
}
.flexHalf .seller {
	padding-left: 110px;
	background-image: url(/img/lp/invoice/seller.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.flexHalf .buyer {
	padding-right: 90px;
	background-image: url(/img/lp/invoice/buyer.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.flexHalf dt {
	color: #125990;
	font-size: 18px;
	font-weight: bold;
}
.flexHalf dd {
	margin-top: 0.5rem;
	padding-left: 1.5rem;
	text-align: left;
	background-image: url(/img/reason/check_icon.svg);
	background-repeat: no-repeat;
	background-position: left top 2px;
	background-size: 18px 18px;
}
/*縦長追従ボタン*/
.sideBtnPortrait {
	display: table;
	width: 100%;
}
.sideBtnPortrait a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid #FA7C1F;
	padding: 10px 20px;
	font-weight: bold;
	background-color: #FA7C1F;
	color: #ffffff;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	font-size: 13px;
	line-height: 1.1em;
}
.sideBtnPortrait a:link {	color: #ffffff;	text-decoration: none;}
.sideBtnPortrait a:visited {	color: #ffffff;	text-decoration: none;}
.sideBtnPortrait a:hover {
	background-color: #ffffff;
	color: #FA7C1F;
	text-decoration: none;
}
.sideBtnPortrait a:active {	color:#ffffff;	text-decoration: none;}

/* HRMOS経費とは */
.meritArchivement {
		font-size: 16px;
		display: flex;
		flex-wrap: wrap;
}
.meritArchivement dl {
		padding: 0 20px 20px 0;
		box-sizing: border-box;
		width: 50%;
		text-align: left;
}
.meritArchivement dl.meritArchivement1 {
		padding-left: 110px;
		background: url(/img/merit/award-itreview.png);
		background-repeat: no-repeat;
		background-size: 99px 110px;
}
.meritArchivement dl.meritArchivement2 {
		padding-left: 120px;
		background: url(/img/merit/award-boxil.png);
		background-repeat: no-repeat;
		background-size: 110px 110px;
}
.meritArchivement dt {
		font-weight: bold;
}
.meritVoice {
		font-size: 16px;
		display: block;
		flex-wrap: wrap;
}
.meritVoice dl {
		padding: 0 20px 40px 65px;
		box-sizing: border-box;
		width: 100%;
		text-align: left;
		background: url(/img/merit/user.svg);
		background-repeat: no-repeat;
		background-size: 50px 50px;
}
.meritVoice dt {
		font-size: 120%;
		font-weight: bold;
}
.meritVoice dd u {
		text-decoration: underline;
		text-decoration-thickness: 0.5em;
		text-decoration-color: rgba(255, 228, 0, 0.4);
		text-underline-offset: -0.2em;
		text-decoration-skip-ink: none;
}
.meritVoice dl small {
		font-size: 70%;
		color: #666666;
		line-height: 90%;
}
.meritVoice dl small a {
		color: #aaaaaa;
}

/* 電子帳簿保存法LP */
.schematic {
	max-width: 800px;
}
.ebookRecommend .contH403 {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	color: #125990;
}
.ebookRecommend {
	padding-top: 20px;
	border: 1px solid #125990;
}
.ebookRecommend ul {
	margin: 0 auto 20px;
	width: 58%;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
}
.ebookRecommend li {
	margin-bottom: 5px;
	padding-left: 35px;
	background: url(/img/lp/icon-check.svg);
	background-repeat: no-repeat;
	background-size: 26px 26px;
	background-position: left center;
}
.ebookGuide {
	margin: 0 auto;
	width: 80%;
	display: flex;
	box-sizing: border-box;
}
.ebookGuide img {
	margin-right: 30px;
	max-width: 400px;
	max-height: 276px;
}
.ebookGuideInfo {
	width: 60%;
	text-align: left;
	font-size: 16px;
}
.ebookGuideInfo h4 {
	margin: 30px 0 10px;
	font-weight: bold;
	font-size: 32px;
	line-height: 120%;
}
.ebookGuideInfo .headerLink01 {
	margin-top: 20px;
}

.detailBlock02.series {
	padding: 20px 0 0 0;
}
.series .meritBlock01 {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.series .meritBlock01 .box1 {
	padding: 15px 15px 20px 15px;
	width: 31%;
	box-sizing: border-box;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
	background: #ffffff;
	display: block;
}
.series .meritBlock01 a.box1 {
	color: #888888;
	text-decoration: none;
}
.series .meritBlock01 a.box1:hover {
	color: #888888;
	text-decoration: none;
	transform: scale(1.05);
}
.series .meritBlock01 .box1 .contH301 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #125990;
}
.series .meritBlock01 .box1 img {
	margin-bottom: 10px;
	max-width: 250px;
}
.series .meritBlock01 .box1 ul {
	margin: 0 auto;
	width: 180px;
	text-align: left;
}
.series .meritBlock01 .box1 ul li {
	margin-top: 3px;
	padding-left: 20px;
	background: url(/img/merit/check1.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 0 5px;
}
.series .meritBlock01 .box1 .tm ul li {
	margin-top: 3px;
	padding-left: 20px;
	background: url(/img/merit/check2.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 0 5px;
}
.series .meritBlock01 .box1 .kintai ul li {
	margin-top: 3px;
	padding-left: 20px;
	background: url(/img/merit/check3.svg);
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: 0 5px;
}

/* 壁紙ページ */
.flex2box {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	column-gap: 20px;
}
.flex2box .wallpaper1 {
	width: calc(100%/2 - 20px);
}
.flex2box .wallpaper1 h4 {
	font-size: 14px;
	font-weight: bold;
}
.flex2box .wallpaper1 img {
	margin: 10px 0;
}
.flex2box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	column-gap: 5px;
}
.flex2box ul li {
	width: calc(100%/2 - 5px);
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-align: center;
}
.flex2box ul li a {
	padding: 5px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	color: #333;
}
.flex2box ul li a:hover {
	background: #eee;
}
/*キャンペーン*/
.campaign h3 {
	font-size: 22px!important;
	color: #125990;
}
.campaign .campaignInfo {
	margin-bottom: 30px;
}
.campaign .campaignInfo th, .campaign .campaignInfo td{
	padding: 10px;
	font-size: 16px;
	border: 1px solid #ccc;
}
.campaign .campaignInfo th {
	background: #F0F4FA;
}
.campaign .camptext01 {
	font-size: 18px;
	font-weight: bold;
}
.campaign .campaignList {
	font-weight: bold;
}
.mktoButtonRow .mktoButton {
    width: 90% !important;
}
@media screen and (max-width:768px) {
.campaign {
	padding: 0 20px;
}
.footerLink {
    margin-bottom: 0;
    display: block;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.footerLinkL {
  margin: 20px auto;
}
.footerLinkL p {
  width: 100%;
}
.footerLinkR {
  display: inline-flex;
	flex-wrap: wrap;
}
.footerLinkR a img{
  width: auto;
  height: 40px;
}
.footerLinkR img{
  margin-bottom: 10px;
	width: auto;
  height: 40px;
}
.footerLinkR .pmark {
	height: 50px;
}
.footerLogo01 {
	width: 100%;
}
.footerLogo01 a {
  display: inline-block;
}
.footerLogo01 a.logo-ek {
  margin: 0 10px;
  width: 160px;
}
.footerLogo01 a.hrmos {
  margin: 0 10px;
  width: 250px;
}
.footerLogo01 a.logo-es {
  margin: 0 10px;
  width: 160px;
}
.table01 {
  margin-bottom: 20px;
  display: block;
  justify-content: space-between;
}
.table01 .table01-cell1 {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.table01 .table01-cell2 {
  padding: 10px 0 10px 50px;
  width: 100%;
  text-align: left;
  background: #FFF;
  display: block;
  font-size: 12px;
  position: relative;
  box-sizing: border-box;
  background-image: none!important;
}
.table01 .table01-cell2 h3 {
  font-size: 16px;
}
.baloon {
  width: 100%;
}
.reason .contFlex05 {
  margin-bottom: 20px;
  flex-direction: column;
}
.reason .contFlex05 .reasonText, .reason .contFlex05 .reasonPic {
  width: 100%;
}
.reason .contFlex05 .reasonText, .reason .contFlex05 .reasonPic img {
  max-width: 100%;
}
.reason .contFlex05 .reasonPic .junansei {
  width: 200px;
	height: 125px;
}
.reason .contFlex05 .reasonText h3 {
  text-align: center;
}
.reason .contFlex05 .reasonText h4 {
  text-align: center;
}
.reason .contFlex05 .reasonText {
  margin-bottom: 20px;
}
.reason .contFlex05 .reasonText p {
  font-size: 14px;
}
.reason .contFlex05 .reasonText.pr-3 {
  padding-right: 0;
}
.schedule td dl {
  display: block;
}
.schedule td dt {
 width: 60%;
 display: block;
}
.schedule td dd {
  width: 100%;
}
.schedule th {
  font-size: 14px;
  text-align: center
}
.schedule td:nth-child(6) {
  padding-right: 10px;
  text-align: center
}
.topfunc span .funcH401 {
  font-size: 14px;
}
.topfunc span .funcH402 {
  font-size: 12px;
}
.topfunc .topfuncBox01 {
  margin: 0 0 10px 0;
}
.topfunc .topfuncBox01 .funcIconHyoujyun {
	display: none;
}
.topfunc ul li {
  font-size: 12px;
  width: 32%;
}
.topPr a {
  padding: 5px 10px 10px 10px;
  display: block;
}
.topPr .topPrText1 {
  font-size: 24px;
}
.topPr .topPrText2 {
  padding: 5px 0 10px;
  font-size: 10px;
}
.topPr img {
  display: none;
}
.topPr2 a {
	padding: 5px;
}
.topPr2 .topPrBox {
	margin: auto;
	width: 100%;
}
.topPr2 .topPrText1 {
	margin-bottom: 5px;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 110%;
	color: #FFF;
	background: #125990;
	display: inline-block;
	border-radius: 20px;
}
.topPr2 .topPrText2 {
	font-size: 10px;
}
.topPr2 a.bk1 {
	background-repeat: no-repeat;
	background-position: -80%;
}
.topPr2 a.bk2 {
	background-repeat: no-repeat;
	background-position: -80%;
}
.pricefunc .topfuncBox01 {
  width: 32%;
}
.bridge .top2btn {
  padding-left: 0;
	display: block;
}
.bridge .top2btn1, .bridge .top2btn2 {
  width: 100%;
}
.bridge .top2btn2 {
  margin-top: 40px;
}
.bridge .toptext02 {
  font-size: 13px;
}
.top2btn2.ml {
  padding-left: 10px
}
.merit .contFlex05 {  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.merit .contFlex05 .meritText {
  margin-bottom: 20px;
  padding: 15px;
  width: 100%;
}
.merit .contFlex05 .meritText h4 {
  margin-bottom: 5px;
  font-size: 16px;
}
.column3 ul li {
	border-right: 10px solid #FFF;
	width: 33.33%;
}
.column3 h4 {
	font-size: 14px;
}
.column3 ul li {
	font-size: 12px;
}
.column3 ul li.f14 {
	font-size: 11px;
}
.column3 ul.middle li {
	padding: 10px 5px;
	font-size: 14px;
}
.choose li h3 {
	font-size: 14px;
}
.partnerStep {
	margin: 0 20px;
	display: flex;
	justify-content: space-between;
}
.partnerStep li {
	padding: 5px;
	text-align: left;
	width: 22%;
	background: #FFF;
}
.headMessage {
  padding: 6px 0;
  font-size: 12px;
  font-weight: normal;
}
.contIn800 {
  padding: 0 15px;
}
.flexMerit {
	display: block;
}
.flexMerit li {
	width: 100%;
	display: flex;
}
.flexMerit li .imgMerit {
	margin-right: 0.5rem;
	width: 200px;
	height: auto;
}
.flexMerit li img {
	width: 100%;
}
.flexMerit li h5 {
	margin-top: 0.5rem;
	font-size: 13px;
	text-align: left;
}
.flexMerit li p {
	font-size: 12px;
}
.flexMerit1 {
	width: 100%;
}
h5.contH501 {
	font-size: 15px;
	font-weight: bold;
}
.flexHalf {
	display: block;
}
.flexHalf dl {
	width: 100%;
}
.flexHalf .seller {
	margin-bottom: 15px;
	padding-left: 15px;
	background-image: none;
}
.flexHalf .buyer {
	padding-right: 15px;
	background-image: none;
}
.flexHalf dt {
	color: #125990;
	font-size: 20px;
	font-weight: bold;
}
.resultgraph {
	width: 70%;
}
.jisseki-logo {
  width: 100%;
}

/* HRMOS経費とは */
.series .meritBlock01 {
	margin-top: 30px;
	display: block;
	justify-content: space-between;
}
.series .meritBlock01 .box1 {
	margin: 0 auto 30px;
	padding: 15px;
	width: 80%;
	box-sizing: border-box;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.series .meritBlock01 .box1 img {
	margin-bottom: 10px;
	max-width: 250px;
}
.meritVoice dd {
		font-size: 14px;
}
.meritfunc .topfuncBox01 {
  width: 49%;
}

/* 電子帳簿保存法LP */
.ebookRecommend .contH403 {
	font-size: 16px;
	leine-height: 120%;
}
.ebookRecommend ul {
	margin: 0 auto 20px;
	width: 90%;
	font-size: 14px;
}
.ebookRecommend li {
	margin-bottom: 5px;
	padding-left: 25px;
	background: url(/img/lp/icon-check.svg);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: left center;
}
.ebookGuide {
	margin: 0 auto;
	width: 100%;
	display: block;
	box-sizing: border-box;
}
.ebookGuide img {
	margin-right: 0;
	max-width: 300px;
	max-height: 207px;
}
.ebookGuideInfo {
	padding: 0 20px;
	width: 100%;
	text-align: left;
	font-size: 16px;
	box-sizing: border-box;
}
.ebookGuideInfo h4 {
	margin: 30px 0 10px;
	font-weight: bold;
	font-size: 26px;
	line-height: 120%;
}
.ebookGuideInfo .headerLink01 {
	margin-top: 20px;
}

.semContents {
	margin: 0 20px 20px 20px;
}
/* 壁紙ページ */
.wallpaper {
	padding: 0 20px;
}
.flex2box {
	display: block;
	justify-content:space-between;
	column-gap: 20px;
}
.flex2box .wallpaper1 {
	width: 100%;
}
.flex2box .wallpaper1 h4 {
	font-size: 14px;
	font-weight: bold;
}
.flex2box .wallpaper1 img {
	margin: 10px 0;
}
.flex2box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	column-gap: 5px;
}
.flex2box ul li {
	width: calc(100%/2 - 5px);
	border: 1px solid #ccc;
	box-sizing: border-box;
	text-align: center;
}
.flex2box ul li a {
	padding: 5px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	color: #333;
}
.flex2box ul li a:hover {
	background: #eee;
}
#top .secondBlock01 img{
	width: 140px;
	height: 140px;
}
#top .mainvisualIn01 img{
	width: 100%;
}
#top #headerSPlink_p1 img{
	width: 24px;
}
#top #headerSPlink_p1 img{
	width: 24px;
}
.reason01 .topfuncBox01 .img01 .pic {
	margin: 0 auto;
	height: 70px;
	display: block;
}
.reason01 .text01 {
	font-size: 11px;
}
}