@charset "UTF-8";
#tpl-contents .main {
	padding: 0 50px;
	max-width: 1600px;
	min-width: 1100px;
	margin-left: auto;
	margin-right: auto; }
	@media only screen and (max-width: 750px) {
		#tpl-contents .main {
			padding: 0;
			max-width: 100%;
			min-width: 320px; } }

/* ===============================

 category-hero

================================ */
#category-hero.index .hero-img {
	background: url(../img/hero_index-20210811.jpg) center center no-repeat;
	background-size: cover; }
	@media only screen and (max-width: 750px) {
		#category-hero.index .hero-img {
			background: url(../img/hero_index_sp-20210811.jpg) center center no-repeat;
			background-size: cover; } }
	#category-hero.index .hero-img h2 {
		margin-top: -10px; }

#category-hero.partner .hero-img {
	background: url(../img/hero_partner.jpg) center center no-repeat;
	background-size: cover; }

/* ===============================

 category-v

================================ */
#category-v.index .v-img {
	background: url(../img/v_index.jpg) center center no-repeat;
	background-size: cover; }
	@media only screen and (max-width: 750px) {
		#category-v.index .v-img {
			background: url(../img/v_index_sp.jpg) center center no-repeat;
			background-size: cover; } }
	#category-v.index .v-img h2 {
		margin-top: -10px; }

#category-v.partner .v-img {
	background: url(../img/v_partner.jpg) center center no-repeat;
	background-size: cover; }

/* ===============================

 category-r

================================ */
#category-r.index .r-img {
	background: url(../img/r_index-20210811.jpg) center center no-repeat;
	background-size: cover; }
	@media only screen and (max-width: 750px) {
		#category-r.index .r-img {
			background: url(../img/r_index_sp-20210811.jpg) center center no-repeat;
			background-size: cover; } }
	#category-r.index .r-img h2 {
		margin-top: -10px; }

#category-r.partner .r-img {
	background: url(../img/r_partner.jpg) center center no-repeat;
	background-size: cover; }

/* ===============================

 service-index

================================ */
#service-index > .lead {
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.06em;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 150px;
}
	@media only screen and (max-width: 750px) {
		#service-index > .lead {
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.7;
			margin-bottom: 30px;
			margin-top: 25px; } }

#service-index .index-contents .ph {
	width: 76.92%; }
	@media only screen and (max-width: 750px) {
		#service-index .index-contents .ph {
			width: 100%; } }

#service-index .index-contents .card {
	width: 500px;
	height: 360px;
	padding-top: 50px; }
	@media only screen and (max-width: 750px) {
		#service-index .index-contents .card {
			padding: 0;
			margin-top: -20px;
			width: 84% !important;
			height: 130px !important;
			padding-top: 25px; } }
	#service-index .index-contents .card i {
		display: inline-block;
		margin-bottom: 25px; }
		@media only screen and (max-width: 750px) {
			#service-index .index-contents .card i {
				margin-bottom: 0;
				vertical-align: middle;
				margin-right: 10px; }
				#service-index .index-contents .card i img {
					width: 40px;
					height: 40px;
					vertical-align: top; } }
	#service-index .index-contents .card .card-title {
		color: #fff;
		font-size: 26px;
		font-size: 2.6rem;
		font-weight: 200;
		letter-spacing: 0.08em;
		line-height: 1.3; }
		@media only screen and (max-width: 750px) {
			#service-index .index-contents .card .card-title {
				display: inline-block;
				font-size: 18px;
				font-size: 1.8rem;
				vertical-align: middle;
				text-align: left; } }
	@media only screen and (max-width: 750px) {
		#service-index .index-contents .card .img {
			margin-top: 10px;
			width: 200px;
			margin-left: auto;
			margin-right: auto; }
			#service-index .index-contents .card .img img {
				width: 100%;
				height: auto; } }

@media only screen and (max-width: 750px) {
	#service-index .index-contents.en .card i {
		display: block;
		padding-bottom: 5px; } }

@media only screen and (max-width: 750px) {
	#service-index .index-contents.en .card .card-title {
		text-align: center; } }

@media only screen and (max-width: 750px) {
	#service-index .index-contents.en#corporate .card {
		height: 180px !important; } }

#service-index .service-list {
	overflow: hidden; }
	@media only screen and (max-width: 750px) {
		#service-index .service-list {
			margin: 0; } }
	#service-index .service-list ul {
		width: 100%;
		margin-bottom: -40px;
		text-align: center;
		display: -webkit-flex;
		/*--- safari（PC）用 ---*/
		display: -ms-flexbox;
		/*--- IE10 ---*/
		display: flex;
		-webkit-flex-direction: row;
		/*--- safari（PC）用 ---*/
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: center;
		/*--- safari（PC）用 ---*/
		-ms-justify-content: center;
		/*--- IE10 ---*/
		justify-content: center;
		-webkit-flex-wrap: wrap;
		/*--- safari（PC）用 ---*/
		-ms-flex-wrap: wrap;
		/*--- IE10 ---*/
		flex-wrap: wrap; }
		@media only screen and (max-width: 750px) {
			#service-index .service-list ul {
				-webkit-flex-direction: column;
				/*--- safari（PC）用 ---*/
				-ms-flex-direction: column;
				flex-direction: column;
				width: 92%;
				margin-bottom: 0;
				margin-left: auto;
				margin-right: auto; } }
		#service-index .service-list ul li {
			margin: 0 1.57% 40px;
			-webkit-flex-basis: 31.23%;
			/*--- safari（PC）用 ---*/
			-ms-flex-basis: 31.23%;
			/*--- IE10 ---*/
			flex-basis: 31.23%;
			background-color: #fff; }
			@media only screen and (max-width: 750px) {
				#service-index .service-list ul li {
					-webkit-flex-basis: auto;
					/*--- safari（PC）用 ---*/
					-ms-flex-basis: auto;
					/*--- IE10 ---*/
					flex-basis: auto;
					width: 100%; } }
			#service-index .service-list ul li:nth-child(3n+1) {
				margin-left: 0; }
			#service-index .service-list ul li:nth-child(3n) {
				margin-right: 0; }
			#service-index .service-list ul li:last-of-type {
				margin-right: 0; }
			@media only screen and (max-width: 750px) {
				#service-index .service-list ul li {
					width: 100%;
					margin: 0 0 15px; }
					#service-index .service-list ul li:last-child {
						margin-bottom: 0; } }
			#service-index .service-list ul li dl {
    padding-top: 50px;
    padding-right: 12.32%;
    padding-left: 12.32%;
    padding-bottom: 60px;
}
				@media only screen and (max-width: 750px) {
					#service-index .service-list ul li dl {
						padding: 40px 30px; } }
				#service-index .service-list ul li dl dt {
					display: -webkit-flex;
					/*--- safari（PC）用 ---*/
					display: -ms-flexbox;
					/*--- IE10 ---*/
					display: flex;
					-webkit-justify-content: center;
					/*--- safari（PC）用 ---*/
					-ms-justify-content: center;
					/*--- IE10 ---*/
					justify-content: center;
					-webkit-align-items: center;
					/*--- safari（PC）用 ---*/
					-ms-align-items: center;
					/*--- IE10 ---*/
					align-items: center;
					text-align: center;
					margin-bottom: 30px;
					min-height: 58px; }
					@media only screen and (max-width: 750px) {
						#service-index .service-list ul li dl dt {
							min-height: 0;
							margin-bottom: 20px; } }
				#service-index .service-list ul li dl dd {
					line-height: 30px;
					font-weight: 300;
					letter-spacing: 0.06em; }
					@media only screen and (max-width: 750px) {
						#service-index .service-list ul li dl dd {
							line-height: 1.7; } }
					#service-index .service-list ul li dl dd.txt {
    text-align: center;
}
					#service-index .service-list ul li dl dd.btn {
						width: 100%;
						max-width: 260px;
						margin-left: auto;
						margin-right: auto;
						margin-top: 30px; }
						@media only screen and (max-width: 750px) {
							#service-index .service-list ul li dl dd.btn {
								width: 200px;
								margin-top: 20px; } }
						#service-index .service-list ul li dl dd.btn a {
							width: 100%; }
	#service-index .service-list .note {
		text-align: center;
		margin-top: 50px; }
		@media only screen and (max-width: 750px) {
			#service-index .service-list .note {
				width: 92%;
				margin-left: auto;
				margin-right: auto;
				margin-top: 30px; } }
		#service-index .service-list .note .link {
			text-decoration: underline;
			font-size: 17px;
			font-size: 1.7rem;
			font-weight: 300; }
			@media only screen and (max-width: 750px) {
				#service-index .service-list .note .link {
					font-size: 14px;
					font-size: 1.4rem; } }
			#service-index .service-list .note .link:hover {
				text-decoration: none; }
			#service-index .service-list .note .link::before {
				content: "";
				display: inline-block;
				width: 6px;
				height: 10px;
				background: url(../img/icon_arw_org.png) center center no-repeat;
				background-size: 6px 10px;
				margin-right: 10px; }

#service-index #personal .card-layout, #service-index #finance .card-layout, #service-index #mfx .card-layout {
	margin-bottom: 60px; }
	@media only screen and (max-width: 750px) {
		#service-index #personal .card-layout, #service-index #finance .card-layout, #service-index #mfx .card-layout {
			margin-bottom: 100px; } }
	#service-index #personal .card-layout .ph, #service-index #finance .card-layout .ph, #service-index #mfx .card-layout .ph {
    background: url(../img/ph_index01.jpg) center center no-repeat;
    background-size: cover;
}
	#service-index #personal .card-layout .card, #service-index #finance .card-layout .card, #service-index #mfx .card-layout .card {
		background-color: #009FFF;
		right: 0; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .card-layout .card, #service-index #finance .card-layout .card, #service-index #mfx .card-layout .card {
				right: auto; } }
		#service-index #personal .card-layout .card .card-title, #service-index #finance .card-layout .card .card-title, #service-index #mfx .card-layout .card .card-title {
			margin-bottom: 50px; }
			@media only screen and (max-width: 750px) {
				#service-index #personal .card-layout .card .card-title, #service-index #finance .card-layout .card .card-title, #service-index #mfx .card-layout .card .card-title {
					margin-bottom: 0; } }

#service-index #personal .service-list, #service-index #finance .service-list, #service-index #mfx .service-list {
	margin-bottom: 150px; }
	@media only screen and (max-width: 750px) {
		#service-index #personal .service-list, #service-index #finance .service-list, #service-index #mfx .service-list {
			margin-bottom: 50px; } }
	#service-index #personal .service-list .mf, #service-index #finance .service-list .mf, #service-index #mfx .service-list .mf {
		width: 100%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mf, #service-index #finance .service-list .mf, #service-index #mfx .service-list .mf {
				width: 82.22%;
				min-width: 220px; } }
	#service-index #personal .service-list .mp, #service-index #finance .service-list .mp, #service-index #mfx .service-list .mp {
		width: 85.53%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mp, #service-index #finance .service-list .mp, #service-index #mfx .service-list .mp {
				width: 65.22%;
				min-width: 220px; } }
	#service-index #personal .service-list .st, #service-index #finance .service-list .st, #service-index #mfx .service-list .st {
		width: 70%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .st, #service-index #finance .service-list .st, #service-index #mfx .service-list .st {
				width: 50%;
				min-width: 190px; } }
	#service-index #personal .service-list .mt, #service-index #finance .service-list .mt, #service-index #mfx .service-list .mt {
		width: 74%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mt, #service-index #finance .service-list .mt, #service-index #mfx .service-list .mt {
				width: 50%;
				min-width: 190px; } }
	#service-index #personal .service-list .mfmall, #service-index #finance .service-list .mfmall, #service-index #mfx .service-list .mfmall {
		width: 100%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mfmall, #service-index #finance .service-list .mfmall, #service-index #mfx .service-list .mfmall {
				width: 100%; } }
	#service-index #personal .service-list .mf_kessai, #service-index #finance .service-list .mf_kessai, #service-index #mfx .service-list .mf_kessai {
		width: 69.7%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mf_kessai, #service-index #finance .service-list .mf_kessai, #service-index #mfx .service-list .mf_kessai {
				width: 70%;
				max-width: 320px;
				min-width: 190px; } }
	#service-index #personal .service-list .tockpop, #service-index #finance .service-list .tockpop, #service-index #mfx .service-list .tockpop {
		width: 74%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .tockpop, #service-index #finance .service-list .tockpop, #service-index #mfx .service-list .tockpop {
				width: 50%;
				min-width: 190px; } }
	#service-index #personal .service-list .mfx, #service-index #finance .service-list .mfx, #service-index #mfx .service-list .mfx {
		width: 100%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mfx, #service-index #finance .service-list .mfx, #service-index #mfx .service-list .mfx {
				width: 50%;
				min-width: 190px; } }
	#service-index #personal .service-list .onbit, #service-index #finance .service-list .onbit, #service-index #mfx .service-list .onbit {
		width: 55%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .onbit, #service-index #finance .service-list .onbit, #service-index #mfx .service-list .onbit {
				width: 45%;
				min-width: 170px; } }
	#service-index #personal .service-list .bizaccel, #service-index #finance .service-list .bizaccel, #service-index #mfx .service-list .bizaccel {
		width: 78%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .bizaccel, #service-index #finance .service-list .bizaccel, #service-index #mfx .service-list .bizaccel {
				width: 70%;
				min-width: 170px; } }

#service-index #personal.en .service-list ul, #service-index #finance.en .service-list ul, #service-index #mfx.en .service-list ul {
	-webkit-justify-content: center;
	/*--- safari（PC）用 ---*/
	-ms-justify-content: center;
	/*--- IE10 ---*/
	justify-content: center; }

#service-index #corporate .card-layout {
	margin-bottom: 60px; }
	#service-index #corporate .card-layout .ph {
		background: url(../img/ph_index02.jpg) center center no-repeat;
		background-size: cover; }
	#service-index #corporate .card-layout .card {
		background-color: #009fff;
		left: 0; }
		#service-index #corporate .card-layout .card .card-title {
			margin-bottom: 20px; }
			@media only screen and (max-width: 750px) {
				#service-index #corporate .card-layout .card .card-title {
					margin-bottom: 0; } }

#service-index #corporate h4 {
	font-size: 32px;
	font-size: 3.2rem;
	text-align: center;
	color: #009fff;
	font-weight: 200;
	letter-spacing: 0.02em;
	margin-bottom: 30px; }
	@media only screen and (max-width: 750px) {
		#service-index #corporate h4 {
			font-size: 21px;
			font-size: 2.1rem;
			margin-bottom: 15px;
			font-weight: 300; }
			#service-index #corporate h4:first-of-type {
				margin-top: 100px; } }

#service-index #corporate .lead {
	text-align: center;
	line-height: 30px; }
	@media only screen and (max-width: 750px) {
		#service-index #corporate .lead {
			width: 84%;
			margin-left: auto;
			margin-right: auto;
			line-height: 1.7; } }

#service-index #corporate .service-list {
	margin-top: 60px;
	margin-bottom: 100px; }
	@media only screen and (max-width: 750px) {
		#service-index #corporate .service-list {
			margin-top: 30px;
			margin-bottom: 50px; } }
	#service-index #corporate .service-list:last-of-type {
		margin-bottom: 150px; }
	#service-index #corporate .service-list .mfc_kaikei {
		width: 70%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_kaikei {
				width: 56.52%;
				max-width: 280px;
				min-width: 195px; } }
	#service-index #corporate .service-list .mfc_kakutei {
		width: 85%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_kakutei {
				width: 76%;
				max-width: 340px;
				min-width: 230px; } }
	#service-index #corporate .service-list .mfc_seikyu {
		width: 72%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_seikyu {
				width: 62.9%;
				max-width: 300px;
				min-width: 217px; } }
	#service-index #corporate .service-list .mfc_kyuyo {
		width: 68%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_kyuyo {
				width: 57.1%;
				max-width: 280px;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_keshikomi {
		width: 78.62%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_keshikomi {
				width: 57.1%;
				max-width: 280px;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_kesikomi {
		width: 58.87%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_kesikomi {
				width: 57.1%;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_mynum {
		width: 94.08%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_mynum {
				width: 84%;
				max-width: 360px;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_keihi {
		width: 66%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_keihi {
				width: 57.1%;
				max-width: 280px;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_fin {
		width: 83.05%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_fin {
				width: 72%;
				max-width: 380px;
				min-width: 230px; } }
	#service-index #corporate .service-list .mfc_att {
		width: 70%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_att {
				width: 56.52%;
				max-width: 280px;
				min-width: 195px; } }
	#service-index #corporate .service-list .mf_kessai {
		width: 69.7%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mf_kessai {
				width: 70%;
				max-width: 320px;
				min-width: 190px; } }
	#service-index #corporate .service-list .STREAMED {
		width: 61%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .STREAMED {
				width: 50%;
				max-width: 320px;
				min-width: 190px; } }
	#service-index #corporate .service-list .Manageboard {
		width: 86%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .Manageboard {
				width: 70%;
				min-width: 220px; } }

#service-index #finance .card-layout .ph {
    background: url(../img/ph_index03.jpg) center center no-repeat;
    background-size: cover;
}

#service-index #finance.en .service-list ul {
	-webkit-justify-content: center;
	/*--- safari（PC）用 ---*/
	-ms-justify-content: center;
	/*--- IE10 ---*/
	justify-content: center; }

#service-index #mfx .card-layout .ph {
    background: url(../img/ph_index04.jpg) center center no-repeat;
    background-size: cover;
}

#service-index #mfx.en .service-list ul {
	-webkit-justify-content: center;
	/*--- safari（PC）用 ---*/
	-ms-justify-content: center;
	/*--- IE10 ---*/
	justify-content: center; }

_::content, _:future, body.is-pc .index-contents .service-list dt img:not(*:root) {
	image-rendering: -webkit-optimize-contrast; }

/* ===============================

 service-index

================================ */
#service-index > .lead {
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.06em;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 150px;
}
	@media only screen and (max-width: 750px) {
		#service-index > .lead {
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.7;
			margin-bottom: 30px;
			margin-top: 25px; } }

#service-index .index-contents .ph2 {
	width: 76.92%; }
	@media only screen and (max-width: 750px) {
		#service-index .index-contents .ph2 {
			width: 100%; } }

#service-index .index-contents .ph3 {
	width: 76.92%; }
	@media only screen and (max-width: 750px) {
		#service-index .index-contents .ph3 {
			width: 100%; } }

#service-index .index-contents .card {
	width: 500px;
	height: 360px;
	padding-top: 50px; }
	@media only screen and (max-width: 750px) {
		#service-index .index-contents .card {
			padding: 0;
			margin-top: -20px;
			width: 84% !important;
			height: 130px !important;
			padding-top: 25px; } }
	#service-index .index-contents .card i {
		display: inline-block;
		margin-bottom: 25px; }
		@media only screen and (max-width: 750px) {
			#service-index .index-contents .card i {
				margin-bottom: 0;
				vertical-align: middle;
				margin-right: 10px; }
				#service-index .index-contents .card i img {
					width: 40px;
					height: 40px;
					vertical-align: top; } }
	#service-index .index-contents .card .card-title {
		color: #fff;
		font-size: 26px;
		font-size: 2.6rem;
		font-weight: 200;
		letter-spacing: 0.08em;
		line-height: 1.3; }
		@media only screen and (max-width: 750px) {
			#service-index .index-contents .card .card-title {
				display: inline-block;
				font-size: 18px;
				font-size: 1.8rem;
				vertical-align: middle;
				text-align: left; } }
	@media only screen and (max-width: 750px) {
		#service-index .index-contents .card .img {
			margin-top: 10px;
			width: 200px;
			margin-left: auto;
			margin-right: auto; }
			#service-index .index-contents .card .img img {
				width: 100%;
				height: auto; } }

@media only screen and (max-width: 750px) {
	#service-index .index-contents.en .card i {
		display: block;
		padding-bottom: 5px; } }

@media only screen and (max-width: 750px) {
	#service-index .index-contents.en .card .card-title {
		text-align: center; } }

@media only screen and (max-width: 750px) {
	#service-index .index-contents.en#corporate .card {
		height: 180px !important; } }

#service-index .service-list {
	overflow: hidden; }
	@media only screen and (max-width: 750px) {
		#service-index .service-list {
			margin: 0; } }
	#service-index .service-list ul {
		width: 100%;
		margin-bottom: -40px;
		text-align: center;
		display: -webkit-flex;
		/*--- safari（PC）用 ---*/
		display: -ms-flexbox;
		/*--- IE10 ---*/
		display: flex;
		-webkit-flex-direction: row;
		/*--- safari（PC）用 ---*/
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: center;
		/*--- safari（PC）用 ---*/
		-ms-justify-content: center;
		/*--- IE10 ---*/
		justify-content: center;
		-webkit-flex-wrap: wrap;
		/*--- safari（PC）用 ---*/
		-ms-flex-wrap: wrap;
		/*--- IE10 ---*/
		flex-wrap: wrap; }
		@media only screen and (max-width: 750px) {
			#service-index .service-list ul {
				-webkit-flex-direction: column;
				/*--- safari（PC）用 ---*/
				-ms-flex-direction: column;
				flex-direction: column;
				width: 92%;
				margin-bottom: 0;
				margin-left: auto;
				margin-right: auto; } }
		#service-index .service-list ul li {
			margin: 0 1.57% 40px;
			-webkit-flex-basis: 31.23%;
			/*--- safari（PC）用 ---*/
			-ms-flex-basis: 31.23%;
			/*--- IE10 ---*/
			flex-basis: 31.23%;
			background-color: #fff; }
			@media only screen and (max-width: 750px) {
				#service-index .service-list ul li {
					-webkit-flex-basis: auto;
					/*--- safari（PC）用 ---*/
					-ms-flex-basis: auto;
					/*--- IE10 ---*/
					flex-basis: auto;
					width: 100%; } }
			#service-index .service-list ul li:nth-child(3n+1) {
				margin-left: 0; }
			#service-index .service-list ul li:nth-child(3n) {
				margin-right: 0; }
			#service-index .service-list ul li:last-of-type {
				margin-right: 0; }
			@media only screen and (max-width: 750px) {
				#service-index .service-list ul li {
					width: 100%;
					margin: 0 0 15px; }
					#service-index .service-list ul li:last-child {
						margin-bottom: 0; } }
			#service-index .service-list ul li dl {
    padding-top: 50px;
    padding-right: 12.32%;
    padding-left: 12.32%;
    padding-bottom: 60px;
}
				@media only screen and (max-width: 750px) {
					#service-index .service-list ul li dl {
						padding: 40px 30px; } }
				#service-index .service-list ul li dl dt {
					display: -webkit-flex;
					/*--- safari（PC）用 ---*/
					display: -ms-flexbox;
					/*--- IE10 ---*/
					display: flex;
					-webkit-justify-content: center;
					/*--- safari（PC）用 ---*/
					-ms-justify-content: center;
					/*--- IE10 ---*/
					justify-content: center;
					-webkit-align-items: center;
					/*--- safari（PC）用 ---*/
					-ms-align-items: center;
					/*--- IE10 ---*/
					align-items: center;
					text-align: center;
					margin-bottom: 30px;
					min-height: 58px; }
					@media only screen and (max-width: 750px) {
						#service-index .service-list ul li dl dt {
							min-height: 0;
							margin-bottom: 20px; } }
				#service-index .service-list ul li dl dd {
					line-height: 30px;
					font-weight: 300;
					letter-spacing: 0.06em; }
					@media only screen and (max-width: 750px) {
						#service-index .service-list ul li dl dd {
							line-height: 1.7; } }
					#service-index .service-list ul li dl dd.txt {
    text-align: center;
}
					#service-index .service-list ul li dl dd.btn {
						width: 100%;
						max-width: 260px;
						margin-left: auto;
						margin-right: auto;
						margin-top: 30px; }
						@media only screen and (max-width: 750px) {
							#service-index .service-list ul li dl dd.btn {
								width: 200px;
								margin-top: 20px; } }
						#service-index .service-list ul li dl dd.btn a {
							width: 100%; }
	#service-index .service-list .note {
		text-align: center;
		margin-top: 50px; }
		@media only screen and (max-width: 750px) {
			#service-index .service-list .note {
				width: 92%;
				margin-left: auto;
				margin-right: auto;
				margin-top: 30px; } }
		#service-index .service-list .note .link {
			text-decoration: underline;
			font-size: 17px;
			font-size: 1.7rem;
			font-weight: 300; }
			@media only screen and (max-width: 750px) {
				#service-index .service-list .note .link {
					font-size: 14px;
					font-size: 1.4rem; } }
			#service-index .service-list .note .link:hover {
				text-decoration: none; }
			#service-index .service-list .note .link::before {
				content: "";
				display: inline-block;
				width: 6px;
				height: 10px;
				background: url(../img/icon_arw_org.png) center center no-repeat;
				background-size: 6px 10px;
				margin-right: 10px; }

#service-index #personal .card-layout, #service-index #finance .card-layout, #service-index #mfx .card-layout {
	margin-bottom: 60px; }
	@media only screen and (max-width: 750px) {
		#service-index #personal .card-layout, #service-index #finance .card-layout, #service-index #mfx .card-layout {
			margin-bottom: 100px; } }
	#service-index #personal .card-layout .ph2, #service-index #finance .card-layout .ph2, #service-index #mfx .card-layout .ph2 {
    background: url(../img/ph2_index02.jpg) center center no-repeat;
    background-size: cover;
}

#service-index #personal .card-layout .ph3, #service-index #finance .card-layout .ph3, #service-index #mfx .card-layout .ph3 {
    background: url(../img/ph3_index03.jpg) center center no-repeat;
    background-size: cover;
}

	#service-index #personal .card-layout .card, #service-index #finance .card-layout .card, #service-index #mfx .card-layout .card {
		background-color: #009FFF;
		right: 0; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .card-layout .card, #service-index #finance .card-layout .card, #service-index #mfx .card-layout .card {
				right: auto; } }
		#service-index #personal .card-layout .card .card-title, #service-index #finance .card-layout .card .card-title, #service-index #mfx .card-layout .card .card-title {
			margin-bottom: 50px; }
			@media only screen and (max-width: 750px) {
				#service-index #personal .card-layout .card .card-title, #service-index #finance .card-layout .card .card-title, #service-index #mfx .card-layout .card .card-title {
					margin-bottom: 0; } }

#service-index #personal .service-list, #service-index #finance .service-list, #service-index #mfx .service-list {
	margin-bottom: 150px; }
	@media only screen and (max-width: 750px) {
		#service-index #personal .service-list, #service-index #finance .service-list, #service-index #mfx .service-list {
			margin-bottom: 50px; } }
	#service-index #personal .service-list .mf, #service-index #finance .service-list .mf, #service-index #mfx .service-list .mf {
		width: 100%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mf, #service-index #finance .service-list .mf, #service-index #mfx .service-list .mf {
				width: 82.22%;
				min-width: 220px; } }
	#service-index #personal .service-list .mp, #service-index #finance .service-list .mp, #service-index #mfx .service-list .mp {
		width: 85.53%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mp, #service-index #finance .service-list .mp, #service-index #mfx .service-list .mp {
				width: 65.22%;
				min-width: 220px; } }
	#service-index #personal .service-list .st, #service-index #finance .service-list .st, #service-index #mfx .service-list .st {
		width: 70%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .st, #service-index #finance .service-list .st, #service-index #mfx .service-list .st {
				width: 50%;
				min-width: 190px; } }
	#service-index #personal .service-list .mt, #service-index #finance .service-list .mt, #service-index #mfx .service-list .mt {
		width: 74%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mt, #service-index #finance .service-list .mt, #service-index #mfx .service-list .mt {
				width: 50%;
				min-width: 190px; } }
	#service-index #personal .service-list .mfmall, #service-index #finance .service-list .mfmall, #service-index #mfx .service-list .mfmall {
		width: 100%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mfmall, #service-index #finance .service-list .mfmall, #service-index #mfx .service-list .mfmall {
				width: 100%; } }
	#service-index #personal .service-list .mf_kessai, #service-index #finance .service-list .mf_kessai, #service-index #mfx .service-list .mf_kessai {
		width: 69.7%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mf_kessai, #service-index #finance .service-list .mf_kessai, #service-index #mfx .service-list .mf_kessai {
				width: 70%;
				max-width: 320px;
				min-width: 190px; } }
	#service-index #personal .service-list .tockpop, #service-index #finance .service-list .tockpop, #service-index #mfx .service-list .tockpop {
		width: 74%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .tockpop, #service-index #finance .service-list .tockpop, #service-index #mfx .service-list .tockpop {
				width: 50%;
				min-width: 190px; } }
	#service-index #personal .service-list .mfx, #service-index #finance .service-list .mfx, #service-index #mfx .service-list .mfx {
		width: 100%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .mfx, #service-index #finance .service-list .mfx, #service-index #mfx .service-list .mfx {
				width: 50%;
				min-width: 190px; } }
	#service-index #personal .service-list .onbit, #service-index #finance .service-list .onbit, #service-index #mfx .service-list .onbit {
		width: 55%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .onbit, #service-index #finance .service-list .onbit, #service-index #mfx .service-list .onbit {
				width: 45%;
				min-width: 170px; } }
	#service-index #personal .service-list .bizaccel, #service-index #finance .service-list .bizaccel, #service-index #mfx .service-list .bizaccel {
		width: 78%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #personal .service-list .bizaccel, #service-index #finance .service-list .bizaccel, #service-index #mfx .service-list .bizaccel {
				width: 70%;
				min-width: 170px; } }

#service-index #personal.en .service-list ul, #service-index #finance.en .service-list ul, #service-index #mfx.en .service-list ul {
	-webkit-justify-content: center;
	/*--- safari（PC）用 ---*/
	-ms-justify-content: center;
	/*--- IE10 ---*/
	justify-content: center; }

#service-index #corporate .card-layout {
	margin-bottom: 60px; }
	#service-index #corporate .card-layout .ph2 {
		background: url(../img/ph2_index02.jpg) center center no-repeat;
		background-size: cover; }

#service-index #corporate .card-layout .ph3 {
		background: url(../img/ph3_index03.jpg) center center no-repeat;
		background-size: cover; }

	#service-index #corporate .card-layout .card {
		background-color: #009fff;
		left: 0; }
		#service-index #corporate .card-layout .card .card-title {
			margin-bottom: 20px; }
			@media only screen and (max-width: 750px) {
				#service-index #corporate .card-layout .card .card-title {
					margin-bottom: 0; } }

#service-index #corporate h4 {
	font-size: 32px;
	font-size: 3.2rem;
	text-align: center;
	color: #009fff;
	font-weight: 200;
	letter-spacing: 0.02em;
	margin-bottom: 30px; }
	@media only screen and (max-width: 750px) {
		#service-index #corporate h4 {
			font-size: 21px;
			font-size: 2.1rem;
			margin-bottom: 15px;
			font-weight: 300; }
			#service-index #corporate h4:first-of-type {
				margin-top: 100px; } }

#service-index #corporate .lead {
	text-align: center;
	line-height: 30px; }
	@media only screen and (max-width: 750px) {
		#service-index #corporate .lead {
			width: 84%;
			margin-left: auto;
			margin-right: auto;
			line-height: 1.7; } }

#service-index #corporate .service-list {
	margin-top: 60px;
	margin-bottom: 100px; }
	@media only screen and (max-width: 750px) {
		#service-index #corporate .service-list {
			margin-top: 30px;
			margin-bottom: 50px; } }
	#service-index #corporate .service-list:last-of-type {
		margin-bottom: 150px; }
	#service-index #corporate .service-list .mfc_kaikei {
		width: 70%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_kaikei {
				width: 56.52%;
				max-width: 280px;
				min-width: 195px; } }
	#service-index #corporate .service-list .mfc_kakutei {
		width: 85%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_kakutei {
				width: 76%;
				max-width: 340px;
				min-width: 230px; } }
	#service-index #corporate .service-list .mfc_seikyu {
		width: 72%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_seikyu {
				width: 62.9%;
				max-width: 300px;
				min-width: 217px; } }
	#service-index #corporate .service-list .mfc_kyuyo {
		width: 68%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_kyuyo {
				width: 57.1%;
				max-width: 280px;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_keshikomi {
		width: 78.62%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_keshikomi {
				width: 57.1%;
				max-width: 280px;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_kesikomi {
		width: 58.87%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_kesikomi {
				width: 57.1%;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_mynum {
		width: 94.08%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_mynum {
				width: 84%;
				max-width: 360px;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_keihi {
		width: 66%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_keihi {
				width: 57.1%;
				max-width: 280px;
				min-width: 197px; } }
	#service-index #corporate .service-list .mfc_fin {
		width: 83.05%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_fin {
				width: 72%;
				max-width: 380px;
				min-width: 230px; } }
	#service-index #corporate .service-list .mfc_att {
		width: 70%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mfc_att {
				width: 56.52%;
				max-width: 280px;
				min-width: 195px; } }
	#service-index #corporate .service-list .mf_kessai {
		width: 69.7%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .mf_kessai {
				width: 70%;
				max-width: 320px;
				min-width: 190px; } }
	#service-index #corporate .service-list .STREAMED {
		width: 61%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .STREAMED {
				width: 50%;
				max-width: 320px;
				min-width: 190px; } }
	#service-index #corporate .service-list .Manageboard {
		width: 86%;
		height: auto; }
		@media only screen and (max-width: 750px) {
			#service-index #corporate .service-list .Manageboard {
				width: 70%;
				min-width: 220px; } }

#service-index #finance .card-layout .ph2 {
    background: url(../img/ph2_index03.jpg) center center no-repeat;
    background-size: cover;
}

#service-index #finance.en .service-list ul {
	-webkit-justify-content: center;
	/*--- safari（PC）用 ---*/
	-ms-justify-content: center;
	/*--- IE10 ---*/
	justify-content: center; }

#service-index #mfx .card-layout .ph2 {
    background: url(../img/ph2_index04.jpg) center center no-repeat;
    background-size: cover;
    }

#service-index #finance .card-layout .ph3 {
    background: url(../img/ph3_index03.jpg) center center no-repeat;
    background-size: cover;
}

#service-index #finance.en .service-list ul {
	-webkit-justify-content: center;
	/*--- safari（PC）用 ---*/
	-ms-justify-content: center;
	/*--- IE10 ---*/
	justify-content: center; }

#service-index #mfx .card-layout .ph3 {
    background: url(../img/ph3_index04.jpg) center center no-repeat;
    background-size: cover;
    }


#service-index #mfx.en .service-list ul {
	-webkit-justify-content: center;
	/*--- safari（PC）用 ---*/
	-ms-justify-content: center;
	/*--- IE10 ---*/
	justify-content: center; }

_::content, _:future, body.is-pc .index-contents .service-list dt img:not(*:root) {
	image-rendering: -webkit-optimize-contrast; }


/* ===============================

 service-contents

================================ */
.service-contents {
	background-color: #fff;
	width: 100%;
	padding: 80px 50px 100px;
	margin: 50px 0 100px;
	min-width: 1000px; }
	@media only screen and (max-width: 750px) {
		.service-contents {
			margin: 15px 0 40px;
			width: 92%;
			padding: 30px 15px 40px;
			min-width: 320px;
			margin-left: auto;
			margin-right: auto; } }
	.service-contents .inner {
		width: 100%;
		min-width: 900px;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto; }
		@media only screen and (max-width: 750px) {
			.service-contents .inner {
				width: 100%;
				min-width: 0px;
				max-width: 100%; } }
	.service-contents h3 {
		font-size: 36px;
		font-size: 3.6rem;
		text-align: center;
		color: #009FFF;
		font-weight: 200;
		margin-bottom: 40px; }
		@media only screen and (max-width: 750px) {
			.service-contents h3 {
				font-size: 25px;
				font-size: 2.5rem;
				margin-bottom: 30px; } }
	.service-contents .lead {
		text-align: center;
		line-height: 34px;
		font-weight: 200; }
		@media only screen and (max-width: 750px) {
			.service-contents .lead {
				line-height: 1.7; } }

/* ===============================

 list

================================ */
.list {
	margin-top: 60px;
	margin-bottom: 80px; }
	@media only screen and (max-width: 750px) {
		.list {
			margin-top: 30px;
			margin-bottom: 40px; } }
	.list ul {
		width: 100%;
		display: -webkit-flex;
		/*--- safari（PC）用 ---*/
		display: -ms-flexbox;
		/*--- IE10 ---*/
		display: flex;
		-webkit-flex-direction: row;
		/*--- safari（PC）用 ---*/
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: space-between;
		/*--- safari（PC）用 ---*/
		-ms-justify-content: space-between;
		/*--- IE10 ---*/
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		/*--- safari（PC）用 ---*/
		-ms-flex-wrap: wrap;
		/*--- IE10 ---*/
		flex-wrap: wrap;
		margin-bottom: -40px; }
		@media only screen and (max-width: 750px) {
			.list ul {
				-webkit-flex-direction: column;
				/*--- safari（PC）用 ---*/
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-justify-content: center;
				/*--- safari（PC）用 ---*/
				-ms-justify-content: center;
				/*--- IE10 ---*/
				justify-content: center; } }
		.list ul li {
			width: 31%;
			margin-bottom: 40px; }
			@media only screen and (max-width: 750px) {
				.list ul li {
					width: 78.26%;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 15px; } }
			.list ul li a {
				text-decoration: none; }
			.list ul li .p-logo {
				display: -webkit-flex;
				/*--- safari（PC）用 ---*/
				display: -ms-flexbox;
				/*--- IE10 ---*/
				display: flex;
				-webkit-justify-content: center;
				/*--- safari（PC）用 ---*/
				-ms-justify-content: center;
				/*--- IE10 ---*/
				justify-content: center;
				-webkit-align-items: center;
				/*--- safari（PC）用 ---*/
				-ms-align-items: center;
				/*--- IE10 ---*/
				align-items: center;
				height: 240px;
				border: 1px solid #e9e9e9; }
				@media only screen and (max-width: 750px) {
					.list ul li .p-logo {
						height: auto;
						padding-top: 25px;
						padding-bottom: 25px; }
						.list ul li .p-logo img {
							width: 87.96%;
							height: auto; } }
			.list ul li figcaption {
				text-align: center;
				padding-top: 20px;
				padding-bottom: 20px;
				font-size: 17px;
				font-size: 1.7rem;
				letter-spacing: 0.04em; }
				@media only screen and (max-width: 750px) {
					.list ul li figcaption {
						font-size: 13px;
						font-size: 1.3rem;
						padding-top: 15px;
						padding-bottom: 15px; } }

/* ===============================

 contact-contents

================================ */
#contact-contents {
	background-color: #fef4ea;
	border: 1px solid #009FFF;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 60px; }
	@media only screen and (max-width: 750px) {
		#contact-contents {
			padding: 25px 20px 30px; } }
	#contact-contents h4 {
		display: inline-block;
		vertical-align: middle;
		font-size: 24px;
		font-size: 2.4rem;
		color: #009FFF;
		font-weight: 200; }
		@media only screen and (max-width: 750px) {
			#contact-contents h4 {
				font-size: 15px;
				font-size: 1.5rem;
				text-align: left;
				padding-top: 0.5em;
				display: table;
				width: 100%;
				margin-bottom: 20px; } }
		#contact-contents h4 span {
			display: table-cell;
			vertical-align: middle; }
		#contact-contents h4 i {
			display: inline-block;
			width: 100px;
			height: 100px;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			background-color: #fff;
			vertical-align: middle;
			margin-right: 20px;
			text-align: center; }
			@media only screen and (max-width: 750px) {
				#contact-contents h4 i {
					width: 60px;
					height: 60px;
					margin-right: 10px; } }
			#contact-contents h4 i img {
				width: 56px;
				height: auto;
				margin-top: 24px; }
				@media only screen and (max-width: 750px) {
					#contact-contents h4 i img {
						width: 34px;
						height: auto;
						margin-top: 15px; } }
	#contact-contents .btn a {
		margin-left: auto;
		margin-right: auto; }

.id {
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
}