@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
	overflow: auto;
	scroll-behavior: smooth;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	word-break: break-all;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	color: #222;
	font-family: 'Noto Sans JP', sans-serif, "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	letter-spacing: 0.1em;
/*	display: none;*/
}
* html body {	/* for IF6 */
	font-family: 'Noto Sans JP',"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
@media screen and (min-width:769px) {
@charset "utf-8";
body {
	min-width: 1050px;
}

.only_sp{
	display: none !important;
}

.btn_mail_signup{
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 3;
}

/* 基本装飾 */
header {
}

/* ボタン */
.btn-menu {
	cursor: pointer;
	z-index: 2;
	position: relative;
}

.link_transparent img{
	transition: all 0.3s;
}
.link_transparent img:hover{
	opacity: 0.7;
}
.link_expansion img{
	transition: all 0.3s;
}
.link_expansion img:hover{
	transform: scale(1.01, 1.01);
}

/*============================
スライドナビ
============================*/
/* ボタン */
.btn_none {
	display: none;
}

#menu_icon {
	position:fixed;
	top: 0px;
	right: 0px;
	z-index: 10001;
}
/* メニュー */
nav#all_btn {
	z-index: 10000;
	background: #000;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	overflow-x: hidden;
	height: 100%;
	position: fixed;
	width: 0;
	transition: .5s;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
}
/* メニューを開いた時 */
nav#all_btn.open-menu {
	width: 80%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE、Edge用 */
	scrollbar-width: none;    /* Firefox用 */
}
nav#all_btn.open-menu::-webkit-scrollbar {    /* Chrome、Safari用 */
	display:none;
}

nav#all_btn div.nav_inner {
	padding: 50px 50px 20px 50px;
}
nav#all_btn div.sitemap_table {
	border-left: #E4E8EE solid 1px;
	padding: 20px 0 20px 50px;
}
nav#all_btn div.sitemap_table dl {
	font-size: 16px;
	border-bottom: #E4E8EE solid 1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
}
nav#all_btn div.sitemap_table dl a {
	color: #fff;
	text-decoration: none;
}
nav#all_btn div.sitemap_table dl dt {
	width: 200px;
}
nav#all_btn div.sitemap_table dl dd {
}
nav#all_btn div.sitemap_table dl dd p {
	margin-bottom: 10px;
}
nav#all_btn div.sub_contents {
	font-size: 14px;
	padding: 35px 0 0 50px;
}
nav#all_btn div.sub_contents ul {
	display: flex;
	flex-wrap: wrap;
}
nav#all_btn div.sub_contents ul li {
	margin-bottom: 15px;
}
nav#all_btn div.sub_contents ul li a {
	color: #fff;
	text-decoration: none;
}
nav#all_btn div.sub_contents ul span {
	padding: 0 15px;
}



/*============================
#top
============================*/
section.top_main {
	height: 710px;
	position: relative;
}
section.top_main div.top_mov_bg {
	background-image: url(/assets/img/top_mv_bg_pc.70236d00.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	z-index: -2;
	position: absolute;
	height: 100%;
	width: 100%;
	animation-name: fadeInAnime0;
	animation-duration:3s;
	animation-fill-mode:forwards;
	opacity: 0;
	animation-delay: 0.5s;
}
@keyframes fadeInAnime0{
	0% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
}
section.top_main div.top_mov_bg2_1 {
	z-index: -1;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_txt_pc_1.1cd16674.svg);
	background-size:  72%;
	background-repeat: no-repeat;
	animation-delay: 0.1s;
	animation-name: fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeInAnime{
	0% {
	  opacity: 0;
	  background-position: top 47% right -70px;
	}
	100% {
	  opacity: 1;
	  background-position: top 47% right -70px;
	}
}
section.top_main div.top_mov_bg2_2 {
	z-index: -1;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_txt_pc_2.17c92100.svg);
	background-repeat: no-repeat;
	animation-delay: 0.5s;
	animation-name: fadeInAnime2;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
	opacity: 0;
	background-size:  72%;
}
@keyframes fadeInAnime2{
	0% {
		opacity: 0;
		background-position: top 47% right;
	}
	100% {
		opacity: 1;
		background-position: top 47% right -70px;
	}
}
section.top_main div.top_mov_bg2_3 {
	z-index: -1;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_txt_pc_3.3eb1f688.svg);
	background-repeat: no-repeat;
	animation-delay: 1.0s;
	animation-name: fadeInAnime3;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeInAnime3{
	0% {
		opacity: 0;
		background-position: top 47% right -70px;
		background-size:  88%;
	}
	100% {
		opacity: 1;
		background-position: top 47% right -70px;
		background-size:  72%;
	}
}
section.top_main div.top_mov_bg2_4 {
	z-index: -1;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_txt_pc_4.f7b9e46f.svg);
	background-size:  72%;
	background-repeat: no-repeat;
	animation-delay: 1.6s;
	animation-name: fadeInAnime4;
	animation-duration:0.3s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeInAnime4{
	0% {
	  opacity: 0;
	  background-position: top 47% right -40px;
	}
	100% {
	  opacity: 1;
	  background-position: top 47% right -70px;
	}
}
section.top_main div.top_mov_bg2_5 {
	z-index: -1;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_txt_pc_5.d7c2b083.svg);
	background-repeat: no-repeat;
	animation-delay: 2.0s;
	animation-name: fadeInAnime5;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeInAnime5{
	0% {
		opacity: 0;
		background-position: top 47% right -50px;
		background-size:  100%;
	}
	100% {
		opacity: 1;
		background-position: top 47% right -70px;
		background-size:  72%;
	}
}
section.top_main div.top_mov_bg3 {
	z-index: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_mov_pc.f436a6a5.png);
	background-size:  50%;
	background-position: center right;
	background-repeat: no-repeat;
	animation-delay: 2s;
	animation-name: fadeInAnime6;
	animation-duration:0.4s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeInAnime6{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
section.top_main div.wrapper {
	width: 1050px;
	margin: 0 auto;
	padding-top: 80px;
	height: 100%;
}
section.top_main div.wrapper nav.gnavi_left {
	width: 210px;
	padding-left: 10px;
	float: left;
    top: 0;
	position: relative;
	z-index: 1001;
}
section.top_main div.wrapper nav.gnavi_left p.logo {
	margin-bottom: 30px;
}
section.top_main div.wrapper nav.gnavi_left p.logo img {
}
section.top_main div.wrapper nav.gnavi_left ul {
	font-size: 16px;
	font-weight: bold;
}
section.top_main div.wrapper nav.gnavi_left ul li a {
	color: #222222;
	text-decoration: none;
}
section.top_main div.wrapper nav.gnavi_left ul li {
	margin-bottom: 20px;
}
section.top_main div.wrapper nav.gnavi_left ul li:last-child {
	margin-bottom: 0;
}


section.top_main div.wrapper div.main_img_area {
	width: 830px;
	padding-top: 430px;
	margin-left: auto;
}
section.top_main div.wrapper div.main_img_area h1 {
	font-size: 35px;
	margin-bottom: 30px;
	font-weight: normal;
}
section.top_main div.wrapper div.main_img_area h2 {
	font-size: 16px;
	display: table;
	margin-left: auto;
}
section.top_group {
	height: 660px;
	background: url(/assets/img/back_1_pc.9907d6c7.svg) no-repeat center;
	background-size:  100%;
}
section.top_group div.warpper {
	width: 1050px;
	margin: 0 auto;
}
section.top_group div.warpper div.contents_block {
	width: 830px;
	margin-left: auto;
}
section.top_group div.warpper div.contents_block p {
	margin-top: -10px;
	width: 810px;
	height: 481px;
	position: relative;
	background-image: url(/assets/img/top_group_pc.c4bbe89e.svg);
	background-repeat: no-repeat;
}
section.top_group div.warpper div.contents_block p img.btn1 {
	position: absolute;
	top: 210px;
	left: 389px;
	transition: .5s;
}
section.top_group div.warpper div.contents_block p img.btn1:hover {
	top: 206px;
}
section.top_group div.warpper div.contents_block p img.btn2 {
	position: absolute;
	top: 370px;
	left: 490px;
	transition: .5s;
}
section.top_group div.warpper div.contents_block p img.btn2:hover {
	top: 366px;
}
section.top_saas {
}
section.top_saas div.wrapper {
	width: 1050px;
	margin: 0 auto;
}
section.top_saas div.wrapper div.contents_block {
	width: 830px;
	margin-left: auto;
	padding-left: 50px;
}
section.top_saas div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	min-height: 28px;
	font-size: 30px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	margin-left: -50px;
	padding-left: 50px;
}
section.top_saas div.wrapper div.contents_block p.head {
	font-size: 16px;
}
section.top_saas div.wrapper div.contents_block dl {
	margin-top: 50px;
	display: flex;
	align-items: center;
}
section.top_saas div.wrapper div.contents_block dl dt {
	padding-right: 50px;
}
section.top_saas div.wrapper div.contents_block dl dt p {
	font-size: 16px;
	line-height: 2.0;
}
section.top_saas div.wrapper div.contents_block dl dt p.btn_area {
	text-align: right;
	margin-top: 20px;
}
section.top_saas div.wrapper div.contents_block dl dt p.btn_area img {
}
section.top_saas div.wrapper div.contents_block dl dd {
	width: 380px;
}
section.top_saas div.wrapper div.contents_block dl dd img {
	width: 380px;
	height: 380px;
}
section.top_column {
	margin: 100px 0;
}
section.top_column div.wrapper {
	width: 1050px;
	margin: 0 auto;
}
section.top_column div.wrapper div.contents_block {
	width: 830px;
	margin-left: auto;
	padding-left: 50px;
}
section.top_column div.wrapper div.contents_block a {
	text-decoration: none;
}
section.top_column div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	min-height: 28px;
	font-size: 30px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	margin-left: -50px;
	padding-left: 50px;
}
section.top_column div.wrapper div.contents_block p.head {
	font-size: 16px;
}
section.top_column div.wrapper div.contents_block div.main_column {
	margin-top: 50px;
}
section.top_column div.wrapper div.contents_block div.main_column dl {
	display: flex;
	align-items: center;
}
section.top_column div.wrapper div.contents_block div.main_column dl dt {
	width: 360px;
	height: 200px;
	overflow: hidden;
}
section.top_column div.wrapper div.contents_block div.main_column dl dt img {
	width: 300px;
	height: 200px;
}
section.top_column div.wrapper div.contents_block div.main_column dl dd {
	padding-left: 40px;
}
section.top_column div.wrapper div.contents_block div.main_column dl dd h2 {
	color: #00A4B0;
	margin-bottom: 20px;
}
section.top_column div.wrapper div.contents_block div.main_column dl dd p {
}
section.top_column div.wrapper div.contents_block div.sub_column {
	margin-top: 40px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dt {
	width: 150px;
	height: 150px;
	margin-right: 20px;
	overflow: hidden;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dt img {
	width: 150px;
	height: 150px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd {
	width: 255px;
	margin-right: 20px;
	font-size: 16px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd:last-child {
	margin-right: 0px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd h2 {
	color: #00A4B0;
	margin-bottom: 10px;
}
section.top_column div.wrapper div.contents_block p.btn_area {
	text-align: right;
}
section.top_column div.wrapper div.contents_block p.btn_area img {
}
div.bg_gray {
	background: url(/assets/img/back_2_pc.dbe745f8.svg) no-repeat top center,linear-gradient(#E4E8EE, #ffffff);
	background-position: top 30% center;
	background-repeat: no-repeat;
	background-size:  100%;
}
div.bg_gray section.top_news {
	padding-top: 100px;
}
div.bg_gray section.top_news div.wrapper {
	width: 1050px;
	margin: 0 auto;
}
div.bg_gray section.top_news div.wrapper div.news_list {
	width: 830px;
	margin-left: auto;
	padding-left: 50px;
}
div.bg_gray section.top_news div.wrapper div.news_list a {
	text-decoration: none;
	color: #222222;
}
div.bg_gray section.top_news div.wrapper div.news_list h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	min-height: 28px;
	font-size: 30px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	margin-left: -50px;
	padding-left: 50px;
}
div.bg_gray section.top_news div.wrapper div.news_list p.head {
	font-size: 16px;
	margin-bottom: 50px;
}
div.bg_gray section.top_news div.wrapper div.news_list dl {
	border-bottom: #00A4B0 solid 1px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
div.bg_gray section.top_news div.wrapper div.news_list dl:last-child {
	margin-bottom: 50px;
}
div.bg_gray section.top_news div.wrapper div.news_list dl dt {
	color: #00A4B0;
	font-weight: bold;
}
div.bg_gray section.top_news div.wrapper div.news_list dl dd {
	font-size: 16px;
}
div.bg_gray section.top_news div.wrapper p.btn_area {
	text-align: right;
}
div.bg_gray section.top_news div.wrapper p.btn_area img {
}
div.bg_gray section.top_company {
	margin-top: 100px;
	min-height: 400px;
}
div.bg_gray section.top_company div.wrapper {
	width: 1050px;
	margin: 0 auto;
}
div.bg_gray section.top_company div.wrapper div.contents_block {
	width: 830px;
	margin-left: auto;
	padding-left: 50px;
	position: relative;
	z-index: 1001;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.img_bg {
	background: url(/assets/img/top_company_bg_pc.735e2c02.jpg) no-repeat;
	background-size:cover;
	background-position: top right;
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0px;
	left: 28px;
	z-index: 1000;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.u_img {
	position: relative;
	z-index: 1001;
	padding-top: 100px;
}
div.bg_gray section.top_company div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	min-height: 28px;
	font-size: 30px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	margin-left: -50px;
	padding-left: 50px;
	color: #fff;
}
div.bg_gray section.top_company div.wrapper div.contents_block p.head {
	font-size: 16px;
	margin-bottom: 30px;
	color: #fff;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area {
	width: 500px;
	margin: 50px auto 0 auto;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul {
	display: flex;
	justify-content: space-between;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul li {
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul li img {
	width: 300px;
}
div.bg_gray section.top_inq {
	padding: 150px 0;
}
div.bg_gray section.top_inq div.wrapper {
	width: 1050px;
	margin: 0 auto;
}
div.bg_gray section.top_inq div.wrapper div.contents_block {
	width: 830px;
	margin-left: auto;
	text-align: center;
}
div.bg_gray section.top_inq div.wrapper div.contents_block p {
	font-size: 16px;
	margin-bottom: 30px;
}
div.bg_gray section.top_inq div.wrapper div.contents_block p.btn_area {
}
div.bg_gray section.top_inq div.wrapper div.contents_block p.btn_area img {
}
footer {
	background: #013753;
	color: #fff;
	padding: 100px 0;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
	text-decoration: none;
}
footer div.wrapper {
	width: 830px;
	margin: 0 auto;
}
footer div.wrapper p.head {
	font-size: 20px;
	margin-bottom: 50px;
}
footer div.wrapper div.footer_gnavi {
	font-size: 16px;
}
footer div.wrapper div.footer_gnavi dl {
	border-bottom: #888888 solid 1px;
	padding: 20px 0;
	display: flex;
}
footer div.wrapper div.footer_gnavi dl dt {
	width: 220px;
	font-weight: normal;
}
footer div.wrapper div.footer_gnavi dl dd {
	font-weight: normal;
}
footer div.wrapper div.footer_gnavi dl dd p {
}
footer div.wrapper ul.footer_pnavi {
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
footer div.wrapper ul.footer_pnavi li {
	padding-right: 10px;
}
footer div.wrapper ul.footer_pnavi span {
	padding-right: 10px;
}

section.pagetop_area {
	position: relative;
}
section.pagetop_area p.copy {
	height: 70px;
	text-align: center;
	padding-top: 20px;
	box-sizing: border-box;
}
section.pagetop_area p.pagetop_btn {
}
section.pagetop_area p.pagetop_btn img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

}
@media screen and (min-width:769px) {
@charset "utf-8";

span.pc_br {
    display: block;
}

section.site_pass {
    font-size: 14px;
    margin-bottom: 50px;
}
section.site_pass ul {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
section.site_pass ul span {
    padding-right: 5px;
    color: #222;
}
section.site_pass ul li {
    color: #222;
    padding-right: 5px;
}
section.site_pass ul li a {
    color: #00A4B0;
    text-decoration: none;
}

section.contents section.left_area nav.gnavi_left {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
section.contents section.left_area nav.gnavi_left p.logo {
	margin-bottom: 30px;
}
section.contents section.left_area nav.gnavi_left p.logo img {
}
section.contents section.left_area nav.gnavi_left ul {
	font-size: 16px;
	font-weight: bold;
}
section.contents section.left_area nav.gnavi_left ul li {
	margin-bottom: 20px;
}
section.contents section.left_area nav.gnavi_left ul li a {
	color: #222222;
	text-decoration: none;
}
section.contents section.left_area nav.gnavi_left ul li:last-child {
	margin-bottom: 0;
}
section.contents {
    width: 1050px;
    margin: 0 auto;
    padding: 150px 0 50px 0;
    display: flex;
    justify-content: space-between;
}
section.contents section.left_area {
    width: 210px;
    height: auto;
    padding-left: 10px;
}
section.contents section.right_area {
    width: 1000px;
    margin: 0 auto;
}
section.contents section.right_area section.common_inq {
    padding: 100px 0;
}
section.contents section.right_area section.common_inq div.wrapper {
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block {
    width: 830px;
    margin: 0 auto;
    text-align: center;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p {
    margin-bottom: 30px;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p a {
    color: #00A4B0;
    text-decoration: none;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area {
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area input {
    width: 500px;
    height: 80px;
    background-image: url(/assets/img/button_privacypolicy_pc.b1c10170.svg);
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    outline: none;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area input {
    border: none;
}

/*============================
#case
============================*/
div#case {
    background-image: url(/assets/img/mv_bg_navy.69b7bcaf.svg);
    background-repeat: no-repeat;
    background-position: 800px 221px;
}
div#case section.contents section.right_area section.page_title {
    position: relative;
    width: 780px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#case section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/case_mv_pc.bdc8b513.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#case section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#case section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#case section.contents section.right_area section.case_list {
}
div#case section.contents section.right_area section.case_list div.list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
div#case section.contents section.right_area section.case_list div.list p.list_img {
    width: 200px;
}
div#case section.contents section.right_area section.case_list div.list p.list_img img {
    width: 200px;
    height: 200px;
}
div#case section.contents section.right_area section.case_list div.list dl {
    width: 750px;
}
div#case section.contents section.right_area section.case_list div.list dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    font-size: 18px;
}
div#case section.contents section.right_area section.case_list div.list dl dd {
    padding-top: 20px;
    font-size: 16px;
}
div#case section.contents section.right_area div.saas_banner_area {
    background: url(/assets/img/saas_banner_pc.8d2aed9e.jpg) no-repeat;
    width: 860px;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
div#case section.contents section.right_area div.saas_banner_area::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(/assets/img/saas_banner_pc.8d2aed9e.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
div#case section.contents section.right_area div.saas_banner_area:hover:after {
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
div#case section.contents section.right_area div.saas_banner_area div.content {
    position: absolute;
    bottom: 0px;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    z-index: 1;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl {
    padding: 0 0 40px 30px;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl dt {
    font-size: 20px;
    font-weight: bold;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl dd {
    font-size: 16px;
    font-weight: normal;
}
div#case section.contents section.right_area div.saas_banner_area div.content p.btn_area {
}
div#case section.contents section.right_area div.saas_banner_area div.content p.btn_area img {
    vertical-align: bottom;
    text-align: right;
}

/*============================
#column
============================*/
div#column {
    background-image: url(/assets/img/mv_bg_navy.69b7bcaf.svg);
    background-repeat: no-repeat;
    background-position: 800px 221px;
}
div#column section.contents {
}
div#column section.contents section.right_area section.page_title {
    position: relative;
    width: 780px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/column_mv_pc.93e04552.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#column section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#column section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents {
}
div#column section.contents section.right_area section.company_contents div.column_list_area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl {
    width: 370px;
    margin-bottom: 50px;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dt {
    padding-bottom: 10px;
    width: 370px;
    height: 246px;
    overflow: hidden;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dt img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dd {
    font-size: 16px;
}
div#column section.contents section.right_area section.company_contents div.colum_profile {
    border-top: #888888 solid 1px;
    margin-top: 100px;
}
div#column section.contents section.right_area section.company_contents div.colum_profile p.head {
    font-size: 18px;
    padding: 50px 0;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dt {
    width: 150px;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dt img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd {
    width: 800px;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.name {
    font-size: 18px;
    margin-bottom: 10px;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.position {
    font-size: 14px;
    margin-bottom: 20px;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.profile_text {
    font-size: 14px;
}
div#column section.contents section.right_area section.page_in_title {
    position: relative;
    width: 780px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.blockchain div.img_bg {
    background: url(/assets/img/column_blockchain_mv_pc.dbe95d42.jpg) no-repeat;
}
div#column section.contents section.right_area section.page_in_title div.img_bg {
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#column section.contents section.right_area section.page_in_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#column section.contents section.right_area section.page_in_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index {
    background: #E4E8EE;
    padding: 50px 50px 35px 50px;
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.company_contents p.column_normal_text {
    margin-bottom: 50px;
    line-height: 2;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index p.head {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl {
    font-size: 16px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl a {
    color: #222;
    text-decoration: none;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl dt {
    background: url(/assets/img/column_list_icon1.26266b1b.svg) left 10px no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl dd {
    background: url(/assets/img/column_list_icon2.7dc25027.svg) left 10px no-repeat;
    padding-left: 30px;
    margin-left: 40px;
    margin-bottom: 15px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area {
    padding-bottom: 100px;
    border-bottom: #888888 solid 1px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area p.column_block_title {
    margin-bottom: 30px;
    font-size: 18px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block {
    border-top: #888888 solid 1px;
    border-left: #888888 solid 1px;
    padding: 50px 0 50px 50px;
    background: rgb(63,207,218);
    background: linear-gradient(140deg, rgba(63,207,218,1) 0%, rgba(245,246,248,1) 18%);
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.text {
    margin-bottom: 50px;
    line-height: 2;
    font-size: 16px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.img {
    margin-bottom: 50px;
    text-align: center;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.img img {
    width: 530px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl {
    margin-bottom: 50px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 30px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd {
    padding: 30px 0 0 50px;
    line-height: 2;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p {
    margin-bottom: 50px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p.img {
    text-align: center;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p.img img {
    width: 530px;
}
div#column section.contents section.right_area section.company_contents p.column_list_head {
    padding: 50px 0;
}


/*============================
#news
============================*/
div#news {
}
div#news section.contents section.right_area section.page_title {
    position: relative;
    width: 1000px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#news section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/news_mv_pc.09bcea40.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#news section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#news section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#news section.contents {
}
div#news section.contents section.right_area section.news_list {
}
div#news section.contents section.right_area section.news_list dl {
    border-bottom: #00A4B0 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
div#news section.contents section.right_area section.news_list dl dt {
    font-size: 18px;
    font-weight: bold;
    color: #00A4B0;
    padding-bottom: 10px;
}
div#news section.contents section.right_area section.news_list dl dd {
    font-size: 16px;
    color: #222;
}
div#news section.contents section.right_area section.news_list dl dd a {
    color: #222;
    text-decoration: none;
}

div#news section.contents section.right_area section.news_page_title {
    color: #222;
}
div#news section.contents section.right_area section.news_page_title p.cate_text {
    background: #E4E8EE;
    padding: 6px 12px;
    font-size: 14px;
    display: table;
}
div#news section.contents section.right_area section.news_page_title h1 {
    border-bottom: #888888 solid 1px;
    padding: 20px 0 30px 0;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: normal;
}
div#news section.contents section.right_area section.news_page_title p.date_text {
    font-size: 14px;
}
div#news section.contents section.right_area section.news_contents {
    padding-top: 100px;
    font-size: 16px;
}
div#news section.contents section.right_area section.news_contents p {
    margin-bottom: 30px;
}
div#news section.contents section.right_area section.news_contents p a {
    color: #00A4B0;
    text-decoration: none;
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn {
    text-align: center;
    margin-top: 100px;
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn p {
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn p img {
}




/*============================
#company
============================*/
div#company {
    background-image: url(/assets/img/mv_bg_navy.69b7bcaf.svg);
    background-repeat: no-repeat;
    background-position: 800px 221px;
}
div#company.message_page {
    background-image: url(/assets/img/company_message_mv_bg.8eeecf2b.svg);
    background-repeat: no-repeat;
    background-position: 800px 221px;
}
div#company section.contents section.right_area section.page_title {
    position: relative;
    width: 780px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#company section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/company_profile_mv_pc.283428cc.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#company section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents {
}
div#company section.contents section.right_area section.company_contents div.index_headtext {
    font-size: 16px;
    margin-bottom: 100px;
    color: #222;
}
div#company section.contents section.right_area div.conpany_banner_area {
}
div#company section.contents section.right_area div.conpany_banner_area a {
    color: #222222;
    text-decoration: none;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_message {
    width: 860px;
    height: 200px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 auto 50px auto;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_message:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(/assets/img/company_banner_message_pc.63bcf9d3.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_message:hover:after {
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_message p.banner_title {
    font-size: 20px;
    font-weight: bold;
    padding-left: 100px;
    position: relative;
    z-index: 1;
}
div#company section.contents section.right_area div.conpany_banner_area p.btn_area {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
div#company section.contents section.right_area div.conpany_banner_area p.btn_area img {
    vertical-align: bottom;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_profile {
    width: 860px;
    height: 200px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_profile:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(/assets/img/company_banner_profile_pc.927a5c4d.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_profile:hover:after {
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_profile p.banner_title {
    font-size: 20px;
    font-weight: bold;
    padding-left: 100px;
    position: relative;
    z-index: 1;
}

div#company section.contents section.right_area section.page_message_title {
    position: relative;
    width: 780px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    margin-bottom: 100px;
    padding-right: 50px;
    box-sizing: border-box;
}
div#company section.contents section.right_area section.page_message_title div.img_bg {
    background: url(/assets/img/company_message_mv_pc.cf489c0f.jpg) no-repeat;
	background-size:cover;
	background-position: top right;
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_message_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#company section.contents section.right_area section.page_message_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents div.message_text {
    font-size: 16px;
}
div#company section.contents section.right_area section.company_contents div.message_text p {
    margin-bottom: 40px;
    line-height: 2;
}
div#company section.contents section.right_area section.company_contents p.representative_name {
    text-align: right;
    padding-bottom: 100px;
}
div#company section.contents section.right_area section.company_contents div.representative_profile {
    border-top: #888888 solid 1px;
    padding-top: 50px;
    padding-bottom: 100px;
}
div#company section.contents section.right_area section.company_contents div.representative_profile p.head {
    font-size: 18px;
    padding-bottom: 50px;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl {
    display: flex;
    justify-content: space-between;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dt {
    width: 150px;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dt img {
    width: 100%;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd {
    width: 800px;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.name {
    font-size: 18px;
    margin-bottom: 10px;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.position {
    font-size: 14px;
    margin-bottom: 20px;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.profile_text {
    font-size: 14px;
}

div#company section.contents section.right_area section.page_profile_title {
    position: relative;
    width: 780px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#company section.contents section.right_area section.page_profile_title div.img_bg {
    background: url(/assets/img/company_profile_mv_pc.283428cc.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_profile_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#company section.contents section.right_area section.page_profile_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents div.profile_table {
    margin-bottom: 100px;
    font-size: 16px;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    border-bottom: #888888 solid 1px;
    padding: 30px 0;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl:first-child {
    border-top: #888888 solid 1px;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl dt {
    width: 210px;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl dd {
    width: 570px;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl dd a {
    color: #00A4B0;
    text-decoration: none;
}


/*============================
#careers
============================*/
div#careers {
    background-image: url(/assets/img/mv_bg_navy.69b7bcaf.svg);
    background-repeat: no-repeat;
    background-position: 600px 221px;
}
div#careers section.contents {
}
div#careers section.contents section.right_area section.page_title {
    position: relative;
    width: 780px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#careers section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/careers_in_mv_pc.b7e21a63.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#careers section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#careers section.contents section.right_area section.company_contents {
}
div#careers section.contents section.right_area section.company_contents div.index_headtext {
    margin-bottom: 100px;
    font-size: 16px;
}
div#careers section.contents section.right_area section.company_contents div.index_headtext p {
    margin-top: 20px;
}
div#careers section.contents section.right_area section.company_contents div.index_headtext p a {
    color: #00A4B0;
    text-decoration: none;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area {
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area h2 {
    font-size: 20px;
    background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left top;
    background-size: 28px 28px;
    padding-left: 48px;
    margin-bottom: 100px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul {
    margin-bottom: 100px;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li {
    font-size: 16px;
    border-bottom: #00A4B0 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li a {
    color: #222222;
    text-decoration: none;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li:last-child {
    margin-bottom: 0px;
}
section.careers_img {
    position: relative;
    width: 900px;
    height: 240px;
    display: flex;
    align-items: center;
    margin: 0 auto 100px auto;
}
section.careers_img div.img_bg {
    background: url(/assets/img/careers_pct_pc.e6c9db2d.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 240px;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#careers section.contents section.right_area section.page_in_title {
    position: relative;
    width: 780px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#careers section.contents section.right_area section.page_in_title div.img_bg {
    background: url(/assets/img/careers_in_mv_pc.b7e21a63.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 780px;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#careers section.contents section.right_area section.page_in_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.page_in_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

div#careers section.contents section.right_area section.company_contents div.careers_table {
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl {
    border-bottom: #888888 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl:first-child {
    border-top: #888888 solid 1px;
    padding-top: 30px;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl dt {
    width: 180px;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl dd {
    width: 600px;
}



/*============================
#sitemap
============================*/
div#sitemap {
}
div#sitemap section.contents section.right_area section.company_contents {
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table {
    padding: 20px 0 0 50px;
    border-left: #888888 solid 1px;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl {
    border-bottom: #888888 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dt {
    width: 220px;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table a {
    color: #00A4B0;
    text-decoration: none;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dd {
    width: 500px;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dd p {
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents {
    font-size: 14px;
    padding-left: 50px;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul {
    display: flex;
    flex-wrap: wrap;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul li {
    padding-bottom: 10px;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul li a {
    color: #00A4B0;
    text-decoration: none;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul span {
    padding: 0 10px;
}



/*============================
#saas
============================*/
div#saas {
    background: url(/assets/img/back_1_pc.9907d6c7.svg) no-repeat;
    background-size:  100%;
    background-position: 0px 110px;
}
div#saas section.contents {
}
div#saas section.contents section.right_area section.page_title {
    position: relative;
    width: 780px;
    height: 250px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#saas section.contents section.right_area section.page_title h1 {
    color: #222222;
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 30px;
}
div#saas section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.page_title h2 {
    color: #222222;
    font-size: 18px;
    font-weight: normal;
}
div#saas section.contents section.right_area section.saas_main {
    position: relative;
    height: 540px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#saas section.contents section.right_area section.saas_main div.img_bg {
    background: url(/assets/img/saas_lead_pc.22d31db5.jpg) no-repeat;
	background-size:cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
}
div#saas section.contents section.right_area section.saas_main div.saas_box {
    width: 680px;
    background: #fff;
	position: relative;
	z-index: 1001;
    display: flex;
    align-items: center;
    padding: 40px 60px;
    box-sizing: border-box;
    margin: 0 auto;
}
div#saas section.contents section.right_area section.saas_main div.saas_box h1 {
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_main div.saas_box p.contents_text {
    font-size: 16px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents {
}
div#saas section.contents section.right_area section.saas_contents div.system_area {
    margin-bottom: 100px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area h1.saas_contents_title {
    color: #222222;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.head_text {
    margin-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.head_text p {
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area {
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first {
    display: flex;
    justify-content: space-between;
    height: 320px;
    margin-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dt {
    width: 550px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dd {
    width: 390px;
    position: relative;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dd div.img_bg {
    background: url(/assets/img/saas_pct_hashst.1cc7da10.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 320px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.second {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dt {
    width: 390px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dt img {
    width: 100% ;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dd {
    width: 550px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area {
}
div#saas section.contents section.right_area section.saas_contents div.service_area h1.saas_contents_title {
    color: #222222;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text {
    margin-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text p {
    margin-bottom: 30px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text p:last-child {
    margin-bottom: 0px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area {
    margin-bottom: 100px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first {
    width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow:0.01em 0.01em 0.5em rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first p.img {
    width: 312px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first p.img img {
    width: 100%;
    vertical-align: bottom;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text {
    width: 690px;
    padding: 0 50px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text p.head {
    font-size: 20px;
    margin-bottom: 20px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text p.text {
    font-size: 16px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second {
    width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow:0.01em 0.01em 0.5em rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second p.img {
    width: 312px;
    order: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second p.img img {
    width: 100%;
    vertical-align: bottom;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text {
    width: 690px;
    padding: 0 50px;
    box-sizing: border-box;
    order: 1;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p.head {
    font-size: 20px;
    margin-bottom: 20px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p.text {
    font-size: 16px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text ul {
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text ul li {
    background: url(/assets/img/column_list_icon1.26266b1b.svg) left 8px no-repeat;
    padding-left: 10px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p {
}
div#saas section.contents section.right_area section.saas_contents div.response_area {
}
div#saas section.contents section.right_area section.saas_contents div.response_area h1.saas_contents_title {
    color: #222222;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.head_text {
    margin-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.head_text p {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.foot_text p {
    padding-top: 50px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area {
    display: flex;
    justify-content: space-between;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl {
    width: 375px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl dt {
    background: #013753;
    height: 80px;
    color: #fff;
    font-size: 18px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first dt {
    background-image: url(/assets/img/saas_number_1.7226f975.svg);
    background-repeat: no-repeat;
    background-position: 35px 25px;
    padding: 26px 0 0 80px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first dt span {
    display: block;
    font-size: 14px;
    line-height: 0.8;
    margin-left: -10px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl dd {
    border-left: #E4E8EE solid 1px;
    border-right: #E4E8EE solid 1px;
    border-bottom: #013753 solid 2px;
    padding: 50px 30px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second dt {
    background-image: url(/assets/img/saas_number_2.3579990e.svg);
    background-repeat: no-repeat;
    background-position: 35px 25px;
    padding: 26px 0 0 80px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second dd {
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile {
    border-top: #888888 solid 1px;
    margin-top: 100px;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile p.head {
    padding: 50px 0;
    font-size: 18px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dt {
    width: 150px;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dt img {
    width: 100%;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd {
    width: 800px;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.name {
    font-size: 18px;
    margin-bottom: 10px;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.position {
    font-size: 14px;
    margin-bottom: 20px;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.profile_text {
    font-size: 14px;
    margin-bottom: 20px;
}

div#saas div.wrapper {
    margin: 0 auto;
}
div#saas div.wrapper div.achievement_area {
    width: 780px;
    margin: 0 auto;
    padding-top: 100px;
}
div#saas div.wrapper div.achievement_area h1.saas_contents_title {
    color: #222222;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 50px;
}
div#saas div.wrapper div.achievement_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas div.wrapper div.achievement_area section.case_list {
}
div#saas div.wrapper div.achievement_area section.case_list div.list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
div#saas div.wrapper div.achievement_area section.case_list div.list p.list_img {
    width: 200px;
}
div#saas div.wrapper div.achievement_area section.case_list div.list p.list_img img {
    width: 200px;
    height: 200px;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl {
    width: 530px;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    font-size: 18px;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl dd {
    padding-top: 20px;
    font-size: 16px;
}
div#saas div.wrapper div.achievement_area p.btn_area {
    text-align: right;
}
div#saas div.wrapper div.achievement_area section.common_inq{
    padding: 100px 0;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block{
    text-align: center;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block p.inq_text{
    font-size: 16px;
    margin-bottom: 30px;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block p.inq_btn{
}



/*============================
#public
============================*/
div#public {
}
div#public section.contents {
}
div#public section.contents section.right_area section.public_page_title {
    border-bottom: #888888 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    font-size: 26px;
}
div#public section.contents section.right_area section.public_page_title h1 {
}
div#public section.contents section.right_area section.public_contents {
}
div#public section.contents section.right_area section.public_contents div.index_headtext {
    font-size: 16px;
    margin-bottom: 100px;
}
div#public section.contents section.right_area section.public_contents h2 {
    font-size: 22px;
    margin-bottom: 40px;
    font-weight: normal;
}
div#public section.contents section.right_area section.public_contents h3 {
    font-size: 20px;
    margin: 30px 0 20px 0;
    font-weight: normal;
}
div#public section.contents section.right_area section.public_contents div.step {
    margin-bottom: 80px;
}
div#public section.contents section.right_area section.public_contents dl.out_list dt {
    font-size: 18px;
    margin-bottom: 20px;
}
div#public section.contents section.right_area section.public_contents dl.out_list dd {
    font-size: 16px;
    padding-left: 20px;
    margin-bottom: 30px;
}
div#public section.contents section.right_area section.public_contents ol.in_list {
}
div#public section.contents section.right_area section.public_contents ol.in_list li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 32px;
    margin-bottom: 20px;
}
div#public section.contents section.right_area section.public_contents ul.in_list li {
    margin-bottom: 20px;
    margin-left: 10px;
}
div#public section.contents section.right_area section.public_contents p.in_text {
    font-size: 16px;
    margin-bottom: 20px;
}
div#public section.contents section.right_area section.public_contents p.foot_text {
    display: table;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: right;
    font-size: 16px;
}
div#public section.contents section.right_area section.public_contents p.other_line {
    margin: 50px 0;
    padding: 0.5em 1em;
    background-color: #eee;
}

div#public section.contents section.right_area section#iso {
    margin-top: 100px;
}
div#public section.contents section.right_area section.public_contents div.iso_table {
}
div#public section.contents section.right_area section.public_contents div.iso_table dl:first-child {
    border-top: #888888 solid 1px;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    border-bottom: #888888 solid 1px;
    padding: 30px 0;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dt {
    width: 140px;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd {
    width: 640px;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd ul {
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd ul li {
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area {
    padding-top: 30px;
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0.5em 0px 0.8em 0px;
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li::before {
    counter-increment: list;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    height: 0.5em;
    width: 0.5em;
    border-radius: 50%;
    background: #00a4b0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li a {
    color: #00A4B0;
    text-decoration: none;
}



/*============================
#contact
============================*/
div#contact {
    background-image: url(/assets/img/mv_bg_navy.69b7bcaf.svg);
    background-repeat: no-repeat;
    background-position: 800px 221px;
}
div#contact section.contents {
}
div#contact section.contents section.right_area {
}
div#contact section.contents section.right_area section.page_title {
    position: relative;
    width: 780px;
    height: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}
div#contact section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/contact_mv_pc.c9924e1b.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#contact section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    padding-left: 100px;
    font-size: 30px;
    font-weight: normal;
}
div#contact section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#contact section.contents section.right_area section.contact_contents {
    margin-bottom: 100px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext {
    font-size: 16px;
    margin-bottom: 100px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext p {
    margin-bottom: 30px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext p:last-child {
    margin-bottom: 0px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext a {
    color: #00A4B0;
    text-decoration: none;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul li {
    width: 30%;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul li img {
    width: 100%;
}

div#contact section.contents section.right_area section.contact_contents div.contact_list_area {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dt {
    width: 160px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd {
    width: 800px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_text input {
    width: 100%;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd input::placeholder {
    color: #888888;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd input:active {
    border: #707070 solid 1px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd select.form-select {
    width: 100%;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    color: #888888;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd select.form-select option {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd textarea.form-textarea {
    width: 100%;
    height: 200px;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd textarea.form-textarea::placeholder {
    color: #888888;

}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio ul {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio label {
    margin-right: 20px;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio label input {
    margin-right: 5px;
}
div#contact section.contents section.right_area section.common_inq {
    padding: 0 0 100px 0;
}

/*============================
#notfound
============================*/
div#notfound {
}
div#notfound section.contents {
}
div#notfound section.contents section.right_area section.company_contents {
}
div#notfound section.contents section.right_area section.company_contents p.title_en {
    font-size: 42px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-align: center;
    color: #111111;
}
div#notfound section.contents section.right_area section.company_contents p.title_jp {
    text-align: center;
    font-size: 26px;
    padding: 20px 0 30px 0;
}
div#notfound section.contents section.right_area section.company_contents p.text {
    text-align: center;
    font-size: 16px;
    line-height: 2;
}


/*============================
error
============================*/
section#error div.error_block {
}
section#error div.error_block div.container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto 50px auto;
    width: 80%;
}
section#error div.error_block p.error_name {
    font-weight: bold;
    font-size: 48px;
    color: #111;
}
section#error div.error_block p.error_name span {
    font-size: 60px;
    display: table;
}
section#error div.error_block p.error_text {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
section#error div.error_block p.error_icon {
    margin: 30px 0 50px 0;
}
section#error div.error_block p.error_atte_text {
    font-size: 16px;
    text-align: center;
}

/*============================
#st_banner
============================*/

.st_banner {
    background-color: rgba(0,0,0,.4);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2000;
}
.st_banner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.st_banner ul li a {
    display: inline-block;
    background-color: #00a4b0;
    width: 300px;
    padding: .5em 0;
    margin: 1em;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: .5s;
}
.st_banner ul li a:hover {
    background-color: #fff;
    color: #00a4b0;
}

.st_banner ul li.hashst a {
    background-color: #000;
}
.st_banner ul li.hashst a:hover {
    background-color: #fff;
    color: #000;
}
}
@media screen and (min-width:641px) and (max-width:768px) {
@charset "utf-8";

.sp_br{
	display: block;
}
.only_pc{
	display: none !important;
}
.btn_mail_signup{
	display: none;
}

/* ボタン */
.btn-menu {
  cursor: pointer;
  z-index: 2;
  position: relative;
}
/*============================
スライドナビ
============================*/
/* ボタン */
.btn-menu {
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.btn_none {
	display: none;
}

#menu_icon {
	position:fixed;
	top: 0px;
	right: 0px;
	z-index: 10001;
	width: 60px;
}
#menu_icon img {
	width: 100%;
}
/* メニュー */
nav#all_btn {
	background: #000;
	color: #fff;
	position: absolute;
	z-index: 10000;
	top: 0;
	right: 0;
	overflow-x: hidden;
	height: 100%;
	position: fixed;
	width: 0;
	transition: .5s;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
}
/* メニューを開いた時 */
nav#all_btn.open-menu {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE、Edge用 */
	scrollbar-width: none;    /* Firefox用 */
}
nav#all_btn.open-menu::-webkit-scrollbar {    /* Chrome、Safari用 */
	display:none;
}

nav#all_btn div.nav_inner {
	padding: 50px 20px 20px 20px;
}
nav#all_btn div.sitemap_table {
	border-left: #E4E8EE solid 1px;
	padding: 20px 0 0 20px;
}
nav#all_btn div.sitemap_table dl {
	font-size: 16px;
	border-bottom: #E4E8EE solid 1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
nav#all_btn div.sitemap_table dl a {
	color: #fff;
	text-decoration: none;
}
nav#all_btn div.sitemap_table dl dt {
}
nav#all_btn div.sitemap_table dl dd {
	padding-left: 20px;
}
nav#all_btn div.sitemap_table dl dd p:first-child {
	margin-top: 10px;
}
nav#all_btn div.sitemap_table dl dd p {
	margin-bottom: 10px;
}
nav#all_btn div.sub_contents {
	font-size: 14px;
	padding: 20px 0 0 20px;
}
nav#all_btn div.sub_contents ul {
}
nav#all_btn div.sub_contents ul li {
	margin-bottom: 10px;
}
nav#all_btn div.sub_contents ul li a {
	color: #fff;
	text-decoration: none;
}
nav#all_btn div.sub_contents ul span {
	display: none;
}


/*============================
#top
============================*/
section.top_main {
	background-image: url(/assets/img/top_mv_bg_sp.a5eaa799.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -2;
	height: 710px;
	width: 100%;
	position: relative;
	animation-name: fadeInAnime0;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeInAnime0{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
section.top_main div.top_mov_bg2_1 {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_txt_sp.4d29dd26.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
	animation-delay: 0.1s;
	animation-name: fadeInAnime;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
	background-size: 25%;
}
@keyframes fadeInAnime{
	0% {
		opacity: 0;
		background-position: right bottom;
	}
	100% {
		opacity: 1;
		background-position: right bottom 40px;
	}
}
section.top_main div.top_mov_bg3 {
	z-index: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_mov_sp.370a63a5.png);
	background-size: 100% 50%;
	background-position: top right;
	background-repeat: no-repeat;
}
section.top_main div.wrapper {
}

section.top_main div.wrapper nav.gnavi_left {
}
section.top_main div.wrapper nav.gnavi_left p.logo {
	padding: 40px 0 0 30px;
	width: 140px;
}
section.top_main div.wrapper nav.gnavi_left p.logo img {
	width: 100%;
}
section.top_main div.wrapper nav.gnavi_left ul {
	display: none;
}
section.top_main div.wrapper nav.gnavi_left ul li {
	margin-bottom: 20px;
}
section.top_main div.wrapper nav.gnavi_left ul li:last-child {
	margin-bottom: 0;
}


section.top_main div.wrapper div.main_img_area {

}
section.top_main div.wrapper div.main_img_area h1 {
	font-size: 25px;
	margin-bottom: 30px;
	margin-top: 270px;
	font-weight: normal;
	padding-left: 30px;
}
section.top_main div.wrapper div.main_img_area h2 {
	font-size: 14px;
	padding-left: 30px;
}
section.top_group {
	background: url(/assets/img/back_1_pc.9907d6c7.svg) no-repeat center;
	background-size:  100%;
}
section.top_group div.warpper {
	margin: 0 auto;
}
section.top_group div.warpper div.contents_block {
	padding-bottom: 100px;
	position: relative;
}
section.top_group div.warpper div.contents_block p {
	text-align: center;
}
section.top_group div.warpper div.contents_block p img {
	margin-top: -10px;
	width: 90%;
}
section.top_group div.warpper div.contents_block p img.btn1 {
	position: absolute;
	top: 62%;
	width: 80%;
    left: 50%;
    transform: translate(-50%, -62%);
    -webkit-transform: translate(-50%, -62%);
    -ms-transform: translate(-50%, -62%);
}
section.top_group div.warpper div.contents_block p img.btn2 {
	position: absolute;
	top: 82%;
	width: 80%;
    left: 50%;
    transform: translate(-50%, -82%);
    -webkit-transform: translate(-50%, -82%);
    -ms-transform: translate(-50%, -82%);
}
section.top_saas {
}
section.top_saas div.wrapper {
	margin: 0 auto;
}
section.top_saas div.wrapper div.contents_block {
}
section.top_saas div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	background-size: 20px 20px;
	min-height: 28px;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	padding-left: 30px;
}
section.top_saas div.wrapper div.contents_block p.head {
	font-size: 14px;
	padding-left: 30px;
}
section.top_saas div.wrapper div.contents_block dl {
	margin-top: 50px;
	display: flex;
	flex-direction: column;
}
section.top_saas div.wrapper div.contents_block dl dt {
	padding: 50px 30px;
	order: 2;
}
section.top_saas div.wrapper div.contents_block dl dt p {
	font-size: 14px;
	line-height: 2.0;
}
section.top_saas div.wrapper div.contents_block dl dt p.btn_area {
	text-align: right;
	margin-top: 50px;
}
section.top_saas div.wrapper div.contents_block dl dt p.btn_area img {
}
section.top_saas div.wrapper div.contents_block dl dd {
	width: 100%;
	order: 1;
}
section.top_saas div.wrapper div.contents_block dl dd img {
	width: 100%;
}
section.top_column {
	margin: 100px 0;
}
section.top_column div.wrapper {
	margin: 0 auto;
}
section.top_column div.wrapper div.contents_block {

}
section.top_column div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	background-size: 20px 20px;
	min-height: 28px;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	padding-left: 30px;
}
section.top_column div.wrapper div.contents_block p.head {
	font-size: 14px;
	padding-left: 30px;
}
section.top_column div.wrapper div.contents_block div.main_column {
	margin-top: 50px;
}
section.top_column div.wrapper div.contents_block div.main_column dl {
	width: 84.75%;
	margin: 0 auto;
}
section.top_column div.wrapper div.contents_block div.main_column dl a {
	text-decoration: none;
}
section.top_column div.wrapper div.contents_block div.main_column dl dt {
	margin-bottom: 10px;
}
section.top_column div.wrapper div.contents_block div.main_column dl dt img {
	width: 100%;
}
section.top_column div.wrapper div.contents_block div.main_column dl dd {
}
section.top_column div.wrapper div.contents_block div.main_column dl dd h2 {
	color: #00A4B0;
	margin-bottom: 20px;
	font-size: 16px;
}
section.top_column div.wrapper div.contents_block div.main_column dl dd p {
	font-size: 14px;
}
section.top_column div.wrapper div.contents_block div.sub_column {
	margin-top: 40px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 50px auto;
	width: 85.75%;
}
section.top_column div.wrapper div.contents_block div.sub_column dl a {
	text-decoration: none;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dt {
	width: 30%;
	margin-bottom: 30px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dt img {
	width: 100%;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd {
	width: 65%;
	font-size: 14px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd:last-child {
	margin-right: 0px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd h2 {
	color: #00A4B0;
	margin-bottom: 10px;
	font-size: 16px;
}
section.top_column div.wrapper div.contents_block p.btn_area {
	text-align: right;
	width: 87.45%;
	margin: 0 auto;
}
section.top_column div.wrapper div.contents_block p.btn_area img {
}
div.bg_gray {
	background: url(/assets/img/back_2_sp.68272ccf.svg) no-repeat top center,linear-gradient(#E4E8EE, #ffffff);
	background-position: top 30% center;
	background-repeat: no-repeat;
	background-size:  100%;
}
div.bg_gray section.top_news {
	padding-top: 100px;
}
div.bg_gray section.top_news div.wrapper {
	margin: 0 auto;
}
div.bg_gray section.top_news div.wrapper div.news_list {
	margin-left: auto;
}
div.bg_gray section.top_news div.wrapper div.news_list h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	background-size: 20px 20px;
	min-height: 28px;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	padding-left: 30px;
}
div.bg_gray section.top_news div.wrapper div.news_list p.head {
	font-size: 14px;
	padding-left: 30px;
	margin-bottom: 50px;
}
div.bg_gray section.top_news div.wrapper div.news_list dl {
	border-bottom: #00A4B0 solid 1px;
	padding-bottom: 30px;
	margin: 0 auto 30px auto;
	width: 87.45%;
}
div.bg_gray section.top_news div.wrapper div.news_list dl a {
	color: #222222;
	text-decoration: none;
}
div.bg_gray section.top_news div.wrapper div.news_list dl:last-child {
	margin-bottom: 50px;
}
div.bg_gray section.top_news div.wrapper div.news_list dl dt {
	color: #00A4B0;
	font-weight: bold;
}
div.bg_gray section.top_news div.wrapper div.news_list dl dd {
	font-size: 16px;
}
div.bg_gray section.top_news div.wrapper p.btn_area {
	text-align: right;
	width: 87.45%;
	margin: 0 auto;
}
div.bg_gray section.top_news div.wrapper p.btn_area img {
}
div.bg_gray section.top_company {
	margin-top: 100px;
}
div.bg_gray section.top_company div.wrapper {
	margin: 0 auto;
}
div.bg_gray section.top_company div.wrapper div.contents_block {
	margin-left: auto;
	padding-left: 20px;
	position: relative;
	z-index: 1001;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.img_bg {
	background: url(/assets/img/top_company_bg_sp.5883e772.jpg) no-repeat;
	background-size:cover;
	background-position: top right;
	width: 92vw;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 20px;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.u_img {
	position: relative;
	z-index: 1001;
	padding: 100px 0;
}
div.bg_gray section.top_company div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	background-size: 20px 20px;
	min-height: 28px;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	margin-left: -20px;
	padding-left: 30px;
	color: #fff;
}
div.bg_gray section.top_company div.wrapper div.contents_block p.head {
	font-size: 14px;
	padding-left: 30px;
	margin-bottom: 30px;
	color: #fff;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area {
	margin: 50px auto 0 auto;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul {
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul li {
	text-align: center;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul li img {
	width: 80%;
}
div.bg_gray section.top_inq {
	padding: 100px 0;
}
div.bg_gray section.top_inq div.wrapper {
	margin: 0 auto;
}
div.bg_gray section.top_inq div.wrapper div.contents_block {
	text-align: center;
	width: 87.45%;
	margin: 0 auto;
}
div.bg_gray section.top_inq div.wrapper div.contents_block p {
	font-size: 14px;
	margin-bottom: 30px;
}
div.bg_gray section.top_inq div.wrapper div.contents_block p.btn_area {
}
div.bg_gray section.top_inq div.wrapper div.contents_block p.btn_area img {
	width: 100%;
}
footer {
	background: #013753;
	color: #fff;
	padding: 100px 0;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
	text-decoration: none;
}
footer div.wrapper {
	margin: 0 auto;
	width: 87.45%;
}
footer div.wrapper p.head {
	font-size: 20px;
	margin-bottom: 50px;
}
footer div.wrapper div.footer_gnavi {
	font-size: 16px;
}
footer div.wrapper div.footer_gnavi dl {
	border-bottom: #888888 solid 1px;
	padding: 20px 0;
}
footer div.wrapper div.footer_gnavi dl dt {
	font-weight: normal;
}
footer div.wrapper div.footer_gnavi dl dd {
	font-weight: normal;
	padding: 20px 0 0 20px;
}
footer div.wrapper div.footer_gnavi dl dd p {
}
footer div.wrapper ul.footer_pnavi {
	font-size: 14px;
	margin-top: 20px;
}
footer div.wrapper ul.footer_pnavi li {
	padding-right: 10px;
	margin-bottom: 10px;
}
footer div.wrapper ul.footer_pnavi span {
	display: none;
}

section.pagetop_area {
	position: relative;
}
section.pagetop_area p.copy {
	height: 70px;
	padding: 15px 0 0 30px;
	box-sizing: border-box;
	font-size: 12px;
}
section.pagetop_area p.pagetop_btn {
}
section.pagetop_area p.pagetop_btn img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

}
@media screen and (max-width:640px) {
@charset "utf-8";

.sp_br{
	display: block;
}
.only_pc{
	display: none !important;
}
.btn_mail_signup{
	display: none;
}

/* ボタン */
.btn-menu {
  cursor: pointer;
  z-index: 2;
  position: relative;
}
/*============================
スライドナビ
============================*/
/* ボタン */
.btn-menu {
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.btn_none {
	display: none;
}

#menu_icon {
	position:fixed;
	top: 0px;
	right: 0px;
	z-index: 10001;
	width: 60px;
}
#menu_icon img {
	width: 100%;
}
/* メニュー */
nav#all_btn {
	background: #000;
	color: #fff;
	position: absolute;
	z-index: 10000;
	top: 0;
	right: 0;
	overflow-x: hidden;
	height: 100%;
	position: fixed;
	width: 0;
	transition: .5s;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
}
/* メニューを開いた時 */
nav#all_btn.open-menu {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	right: 0px;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE、Edge用 */
	scrollbar-width: none;    /* Firefox用 */
}
nav#all_btn.open-menu::-webkit-scrollbar {    /* Chrome、Safari用 */
	display:none;
}

nav#all_btn div.nav_inner {
	padding: 50px 20px 20px 20px;
}
nav#all_btn div.sitemap_table {
	border-left: #E4E8EE solid 1px;
	padding: 20px 0 0 20px;
}
nav#all_btn div.sitemap_table dl {
	font-size: 16px;
	border-bottom: #E4E8EE solid 1px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
nav#all_btn div.sitemap_table dl a {
	color: #fff;
	text-decoration: none;
}
nav#all_btn div.sitemap_table dl dt {
}
nav#all_btn div.sitemap_table dl dd {
	padding-left: 20px;
}
nav#all_btn div.sitemap_table dl dd p:first-child {
	margin-top: 10px;
}
nav#all_btn div.sitemap_table dl dd p {
	margin-bottom: 10px;
}
nav#all_btn div.sub_contents {
	font-size: 14px;
	padding: 20px 0 0 20px;
}
nav#all_btn div.sub_contents ul {
}
nav#all_btn div.sub_contents ul li {
	margin-bottom: 10px;
}
nav#all_btn div.sub_contents ul li a {
	color: #fff;
	text-decoration: none;
}
nav#all_btn div.sub_contents ul span {
	display: none;
}


/*============================
#top
============================*/
section.top_main {
	background-image: url(/assets/img/top_mv_bg_sp.a5eaa799.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -2;
	height: 710px;
	width: 100%;
	position: relative;
	animation-name: fadeInAnime0;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
}
@keyframes fadeInAnime0{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
section.top_main div.top_mov_bg2_1 {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_txt_sp.4d29dd26.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
	animation-delay: 0.1s;
	animation-name: fadeInAnime;
	animation-duration:0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
	background-size: 25%;
}
@keyframes fadeInAnime{
	0% {
		opacity: 0;
		background-position: right bottom;
	}
	100% {
		opacity: 1;
		background-position: right bottom 40px;
	}
}
section.top_main div.top_mov_bg3 {
	z-index: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/top_mv_mov_sp.370a63a5.png);
	background-size: 100% 50%;
	background-position: top right;
	background-repeat: no-repeat;
}
section.top_main div.wrapper {
}

section.top_main div.wrapper nav.gnavi_left {
}
section.top_main div.wrapper nav.gnavi_left p.logo {
	padding: 40px 0 0 30px;
	width: 140px;
}
section.top_main div.wrapper nav.gnavi_left p.logo img {
	width: 100%;
}
section.top_main div.wrapper nav.gnavi_left ul {
	display: none;
}
section.top_main div.wrapper nav.gnavi_left ul li {
	margin-bottom: 20px;
}
section.top_main div.wrapper nav.gnavi_left ul li:last-child {
	margin-bottom: 0;
}


section.top_main div.wrapper div.main_img_area {

}
section.top_main div.wrapper div.main_img_area h1 {
	font-size: 25px;
	margin-bottom: 30px;
	margin-top: 270px;
	font-weight: normal;
	padding-left: 30px;
}
section.top_main div.wrapper div.main_img_area h2 {
	font-size: 14px;
	padding-left: 30px;
}
section.top_group {
	background: url(/assets/img/back_1_pc.9907d6c7.svg) no-repeat center;
	background-size:  100%;
}
section.top_group div.warpper {
	margin: 0 auto;
}
section.top_group div.warpper div.contents_block {
	padding-bottom: 100px;
	position: relative;
}
section.top_group div.warpper div.contents_block p {
	text-align: center;
}
section.top_group div.warpper div.contents_block p img {
	margin-top: -10px;
	width: 90%;
}
section.top_group div.warpper div.contents_block p img.btn1 {
	position: absolute;
	top: 62%;
	width: 80%;
    left: 50%;
    transform: translate(-50%, -62%);
    -webkit-transform: translate(-50%, -62%);
    -ms-transform: translate(-50%, -62%);
}
section.top_group div.warpper div.contents_block p img.btn2 {
	position: absolute;
	top: 82%;
	width: 80%;
    left: 50%;
    transform: translate(-50%, -82%);
    -webkit-transform: translate(-50%, -82%);
    -ms-transform: translate(-50%, -82%);
}
section.top_saas {
}
section.top_saas div.wrapper {
	margin: 0 auto;
}
section.top_saas div.wrapper div.contents_block {
}
section.top_saas div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	background-size: 20px 20px;
	min-height: 28px;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	padding-left: 30px;
}
section.top_saas div.wrapper div.contents_block p.head {
	font-size: 14px;
	padding-left: 30px;
}
section.top_saas div.wrapper div.contents_block dl {
	margin-top: 50px;
	display: flex;
	flex-direction: column;
}
section.top_saas div.wrapper div.contents_block dl dt {
	padding: 50px 30px;
	order: 2;
}
section.top_saas div.wrapper div.contents_block dl dt p {
	font-size: 14px;
	line-height: 2.0;
}
section.top_saas div.wrapper div.contents_block dl dt p.btn_area {
	text-align: right;
	margin-top: 50px;
}
section.top_saas div.wrapper div.contents_block dl dt p.btn_area img {
}
section.top_saas div.wrapper div.contents_block dl dd {
	width: 100%;
	order: 1;
}
section.top_saas div.wrapper div.contents_block dl dd img {
	width: 100%;
}
section.top_column {
	margin: 100px 0;
}
section.top_column div.wrapper {
	margin: 0 auto;
}
section.top_column div.wrapper div.contents_block {

}
section.top_column div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	background-size: 20px 20px;
	min-height: 28px;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	padding-left: 30px;
}
section.top_column div.wrapper div.contents_block p.head {
	font-size: 14px;
	padding-left: 30px;
}
section.top_column div.wrapper div.contents_block div.main_column {
	margin-top: 50px;
}
section.top_column div.wrapper div.contents_block div.main_column dl {
	width: 84.75%;
	margin: 0 auto;
}
section.top_column div.wrapper div.contents_block div.main_column dl a {
	text-decoration: none;
}
section.top_column div.wrapper div.contents_block div.main_column dl dt {
	margin-bottom: 10px;
}
section.top_column div.wrapper div.contents_block div.main_column dl dt img {
	width: 100%;
}
section.top_column div.wrapper div.contents_block div.main_column dl dd {
}
section.top_column div.wrapper div.contents_block div.main_column dl dd h2 {
	color: #00A4B0;
	margin-bottom: 20px;
	font-size: 16px;
}
section.top_column div.wrapper div.contents_block div.main_column dl dd p {
	font-size: 14px;
}
section.top_column div.wrapper div.contents_block div.sub_column {
	margin-top: 40px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 50px auto;
	width: 85.75%;
}
section.top_column div.wrapper div.contents_block div.sub_column dl a {
	text-decoration: none;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dt {
	width: 30%;
	margin-bottom: 30px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dt img {
	width: 100%;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd {
	width: 65%;
	font-size: 14px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd:last-child {
	margin-right: 0px;
}
section.top_column div.wrapper div.contents_block div.sub_column dl dd h2 {
	color: #00A4B0;
	margin-bottom: 10px;
	font-size: 16px;
}
section.top_column div.wrapper div.contents_block p.btn_area {
	text-align: right;
	width: 87.45%;
	margin: 0 auto;
}
section.top_column div.wrapper div.contents_block p.btn_area img {
}
div.bg_gray {
	background: url(/assets/img/back_2_sp.68272ccf.svg) no-repeat top center,linear-gradient(#E4E8EE, #ffffff);
	background-position: top 30% center;
	background-repeat: no-repeat;
	background-size:  100%;
}
div.bg_gray section.top_news {
	padding-top: 100px;
}
div.bg_gray section.top_news div.wrapper {
	margin: 0 auto;
}
div.bg_gray section.top_news div.wrapper div.news_list {
	margin-left: auto;
}
div.bg_gray section.top_news div.wrapper div.news_list h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	background-size: 20px 20px;
	min-height: 28px;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	padding-left: 30px;
}
div.bg_gray section.top_news div.wrapper div.news_list p.head {
	font-size: 14px;
	padding-left: 30px;
	margin-bottom: 50px;
}
div.bg_gray section.top_news div.wrapper div.news_list dl {
	border-bottom: #00A4B0 solid 1px;
	padding-bottom: 30px;
	margin: 0 auto 30px auto;
	width: 87.45%;
}
div.bg_gray section.top_news div.wrapper div.news_list dl a {
	color: #222222;
	text-decoration: none;
}
div.bg_gray section.top_news div.wrapper div.news_list dl:last-child {
	margin-bottom: 50px;
}
div.bg_gray section.top_news div.wrapper div.news_list dl dt {
	color: #00A4B0;
	font-weight: bold;
}
div.bg_gray section.top_news div.wrapper div.news_list dl dd {
	font-size: 16px;
}
div.bg_gray section.top_news div.wrapper p.btn_area {
	text-align: right;
	width: 87.45%;
	margin: 0 auto;
}
div.bg_gray section.top_news div.wrapper p.btn_area img {
}
div.bg_gray section.top_company {
	margin-top: 100px;
}
div.bg_gray section.top_company div.wrapper {
	margin: 0 auto;
}
div.bg_gray section.top_company div.wrapper div.contents_block {
	margin-left: auto;
	padding-left: 20px;
	position: relative;
	z-index: 1001;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.img_bg {
	background: url(/assets/img/top_company_bg_sp.5883e772.jpg) no-repeat;
	background-size:cover;
	background-position: top right;
	width: 92vw;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 20px;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.u_img {
	position: relative;
	z-index: 1001;
	padding: 100px 0;
}
div.bg_gray section.top_company div.wrapper div.contents_block h1 {
	background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left;
	background-size: 20px 20px;
	min-height: 28px;
	font-size: 25px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.2em;
	margin-left: -20px;
	padding-left: 30px;
	color: #fff;
}
div.bg_gray section.top_company div.wrapper div.contents_block p.head {
	font-size: 14px;
	padding-left: 30px;
	margin-bottom: 30px;
	color: #fff;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area {
	margin: 50px auto 0 auto;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul {
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul li {
	text-align: center;
}
div.bg_gray section.top_company div.wrapper div.contents_block div.btn_area ul li img {
	width: 80%;
}
div.bg_gray section.top_inq {
	padding: 100px 0;
}
div.bg_gray section.top_inq div.wrapper {
	margin: 0 auto;
}
div.bg_gray section.top_inq div.wrapper div.contents_block {
	text-align: center;
	width: 87.45%;
	margin: 0 auto;
}
div.bg_gray section.top_inq div.wrapper div.contents_block p {
	font-size: 14px;
	margin-bottom: 30px;
}
div.bg_gray section.top_inq div.wrapper div.contents_block p.btn_area {
}
div.bg_gray section.top_inq div.wrapper div.contents_block p.btn_area img {
	width: 100%;
}
footer {
	background: #013753;
	color: #fff;
	padding: 100px 0;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
	text-decoration: none;
}
footer div.wrapper {
	margin: 0 auto;
	width: 87.45%;
}
footer div.wrapper p.head {
	font-size: 20px;
	margin-bottom: 50px;
}
footer div.wrapper div.footer_gnavi {
	font-size: 16px;
}
footer div.wrapper div.footer_gnavi dl {
	border-bottom: #888888 solid 1px;
	padding: 20px 0;
}
footer div.wrapper div.footer_gnavi dl dt {
	font-weight: normal;
}
footer div.wrapper div.footer_gnavi dl dd {
	font-weight: normal;
	padding: 20px 0 0 20px;
}
footer div.wrapper div.footer_gnavi dl dd p {
}
footer div.wrapper ul.footer_pnavi {
	font-size: 14px;
	margin-top: 20px;
}
footer div.wrapper ul.footer_pnavi li {
	padding-right: 10px;
	margin-bottom: 10px;
}
footer div.wrapper ul.footer_pnavi span {
	display: none;
}

section.pagetop_area {
	position: relative;
}
section.pagetop_area p.copy {
	height: 70px;
	padding: 15px 0 0 30px;
	box-sizing: border-box;
	font-size: 12px;
}
section.pagetop_area p.pagetop_btn {
}
section.pagetop_area p.pagetop_btn img {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

}
@media screen and (min-width:641px) and (max-width:768px) {
@charset "utf-8";

span.sp_br {
    display: block;
}

section.site_pass {
    font-size: 14px;
    margin: 0 auto 20px auto;
    width: 84%;
}
section.site_pass ul {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
section.site_pass ul span {
    padding-right: 5px;
    color: #222;
}
section.site_pass ul li {
    color: #222;
    padding-right: 5px;
}
section.site_pass ul li a {
    color: #00A4B0;
    text-decoration: none;
}

section.contents section.left_area nav.gnavi_left {

}
section.contents section.left_area nav.gnavi_left p.logo {
    padding: 40px 30px 20px 30px;
    width: 140px;
}
section.contents section.left_area nav.gnavi_left p.logo img {
    width: 100%;
}
section.contents section.left_area nav.gnavi_left ul {
	display: none;
}
section.contents section.left_area nav.gnavi_left ul li {
	margin-bottom: 20px;
}
section.contents section.left_area nav.gnavi_left ul li:last-child {
	margin-bottom: 0;
}
section.contents {
    margin: 0 auto;
}
section.contents section.left_area {

}
section.contents section.right_area {
    padding-top: 100px;
}
section.contents section.right_area section.common_inq {
    padding: 100px 0;
    width: 84%;
    margin: 0 auto;
}
section.contents section.right_area section.common_inq div.wrapper {
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block {
    margin: 0 auto;
    text-align: center;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p {
    margin-bottom: 30px;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p a {
    color: #00A4B0;
    text-decoration: none;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area {
    text-align: center;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area input {
    width: 315px;
    height: 80px;
    background-image: url(/assets/img/button_privacypolicy_sp.29f56ecb.svg);
    background-repeat: no-repeat;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area img{
    width: 100%;
}

/*============================
#case
============================*/
div#case {
}
div#case section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#case section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/case_mv_sp.70b90fe8.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#case section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#case section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#case section.contents section.right_area section.case_list {
    width: 84%;
    margin: 0 auto;
}
div#case section.contents section.right_area section.case_list div.list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    width: 84%;
    margin: 0 auto 50px auto;
}
div#case section.contents section.right_area section.case_list div.list p.list_img {
    width: 40%;
}
div#case section.contents section.right_area section.case_list div.list p.list_img img {
    width: 100%;
}
div#case section.contents section.right_area section.case_list div.list dl {
    width: 60%;
    padding-left: 20px;
    box-sizing: border-box;
}
div#case section.contents section.right_area section.case_list div.list dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    font-size: 16px;
}
div#case section.contents section.right_area section.case_list div.list dl dd {
    padding-top: 20px;
    font-size: 14px;
}
div#case section.contents section.right_area div.saas_banner_area {
    background: url(/assets/img/saas_banner_sp.e0abe19c.jpg) no-repeat;
    background-size: cover;
    width: 315px;
    height: 250px;
    position: relative;
    margin: 0 auto;
}
div#case section.contents section.right_area div.saas_banner_area div.content {
    position: absolute;
    bottom: 0px;
    color: #fff;
    width: 100%;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl {
    padding: 0 30px 10px 30px;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl dd {
    font-size: 14px;
    font-weight: normal;
}
div#case section.contents section.right_area div.saas_banner_area div.content p.btn_area {
    text-align: right;
}
div#case section.contents section.right_area div.saas_banner_area div.content p.btn_area img {
    vertical-align: bottom;
}

/*============================
#column
============================*/
div#column {
}
div#column section.contents {
}
div#column section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/column_mv_sp.8c4f714d.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#column section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#column section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents {
    margin: 0 auto;
}
div#column section.contents section.right_area section.company_contents div.column_list_area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl {
    width: 84%;
    margin: 0 auto 50px auto;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dt {
    padding-bottom: 10px;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dt img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dd {
    font-size: 16px;
}
div#column section.contents section.right_area section.company_contents div.colum_profile {
    border-top: #888888 solid 1px;
    margin: 100px auto 0 auto;
    width: 84%;
}
div#column section.contents section.right_area section.company_contents div.colum_profile p.head {
    font-size: 18px;
    padding: 50px 0;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl {
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dt {
    width: 38%;
    padding-bottom: 20px;
    float: left;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dt img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd {
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.name {
    font-size: 16px;
    margin-bottom: 10px;
    width: 58%;
    margin-top: 40px;
    float: right;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.position {
    font-size: 12px;
    width: 58%;
    margin-bottom: 20px;
    float: right;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.profile_text {
    font-size: 12px;
    width: 100%;
    clear: both;
}
div#column section.contents section.right_area section.page_in_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.blockchain div.img_bg {
    background: url(/assets/img/column_blockchain_mv_sp.c8e67b7f.jpg) no-repeat;
}
div#column section.contents section.right_area section.page_in_title div.img_bg {
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#column section.contents section.right_area section.page_in_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#column section.contents section.right_area section.page_in_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index {
    background: #E4E8EE;
    padding: 50px 8% 35px 8%;
    margin-bottom: 100px;
    margin-top: -100px;
}
div#column section.contents section.right_area section.company_contents p.column_normal_text {
    font-size: 14px;
    padding: 0 8%;
    margin-bottom: 30px;
    line-height: 2;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index p.head {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl {
    font-size: 14px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl a {
    color: #222;
    text-decoration: none;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl dt {
    background: url(/assets/img/column_list_icon1.26266b1b.svg) left 8px no-repeat;
    padding-left: 18px;
    margin-bottom: 15px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl dd {
    background: url(/assets/img/column_list_icon2.7dc25027.svg) left 8px no-repeat;
    padding-left: 18px;
    margin-left: 26px;
    margin-bottom: 15px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area {
    padding-bottom: 100px;
    border-bottom: #888888 solid 1px;
    width: 84%;
    margin: 0 auto;
}
div#column section.contents section.right_area section.company_contents div.column_block_area p.column_block_title {
    margin-bottom: 30px;
    font-size: 16px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block {
    border-top: #888888 solid 1px;
    border-left: #888888 solid 1px;
    padding: 30px 0 30px 30px;
    background: rgb(63,207,218);
    background: linear-gradient(140deg, rgba(63,207,218,1) 0%, rgba(245,246,248,1) 18%);
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.text {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 2;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.img {
    margin-bottom: 30px;
    text-align: center;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.img img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl {
    margin-bottom: 50px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    font-size: 14px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd {
    padding: 30px 0 0 20px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p {
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 2;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p.img {
    text-align: center;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p.img img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents p.column_list_head {
    padding: 50px 0;
    width: 84%;
    margin: 0 auto;
}


/*============================
#news
============================*/
div#news {
}
div#news section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#news section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/news_mv_sp.0458e133.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#news section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#news section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#news section.contents {
}
div#news section.contents section.right_area section.news_list {
}
div#news section.contents section.right_area section.news_list dl {
    border-bottom: #00A4B0 solid 1px;
    padding-bottom: 30px;
    margin: 0 auto 30px auto;
    width: 84%;
}
div#news section.contents section.right_area section.news_list dl dt {
    font-size: 16px;
    font-weight: bold;
    color: #00A4B0;
    padding-bottom: 10px;
}
div#news section.contents section.right_area section.news_list dl dd {
    font-size: 14px;
    color: #222;
}
div#news section.contents section.right_area section.news_list dl dd a {
    color: #222;
    text-decoration: none;
}

div#news section.contents section.right_area section.news_page_title {
    color: #222;
    width: 84%;
    margin: 0 auto;
}
div#news section.contents section.right_area section.news_page_title p.cate_text {
    background: #E4E8EE;
    padding: 6px 12px;
    font-size: 14px;
    display: table;
}
div#news section.contents section.right_area section.news_page_title h1 {
    border-bottom: #888888 solid 1px;
    padding: 20px 0;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
}
div#news section.contents section.right_area section.news_page_title p.date_text {
    font-size: 14px;
}
div#news section.contents section.right_area section.news_contents {
    padding-top: 50px;
    font-size: 14px;
}
div#news section.contents section.right_area section.news_contents p {
    margin: 0 auto 30px auto;
    width: 84%;
}
div#news section.contents section.right_area section.news_contents p a {
    color: #00A4B0;
    text-decoration: none;
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn {
    text-align: center;
    margin-top: 100px;
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn p {
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn p img {
    width: 70%;
}




/*============================
#company
============================*/
div#company {
}
div#company section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#company section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/company_profile_mv_sp.71290256.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#company section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents {
}
div#company section.contents section.right_area section.company_contents div.index_headtext {
    font-size: 16px;
    margin: 0 auto 100px auto;
    color: #222;
    width: 84%;
}
div#company section.contents section.right_area div.conpany_banner_area {
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_message {
    width: 315px;
    height: 250px;
    background: url(/assets/img/company_banner_message_sp.b7004285.jpg) no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 auto 50px auto;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_message p.banner_title {
    font-size: 18px;
    font-weight: bold;
    padding: 80px 0 0 40px;
}
div#company section.contents section.right_area div.conpany_banner_area p.btn_area {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
div#company section.contents section.right_area div.conpany_banner_area p.btn_area img {
    vertical-align: bottom;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_profile {
    width: 315px;
    height: 250px;
    background: url(/assets/img/company_banner_profile_sp.256d083e.jpg) no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 auto;
}
div#company section.contents section.right_area div.conpany_banner_area a {
    color: #222222;
    text-decoration: none;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_profile p.banner_title {
    font-size: 18px;
    font-weight: bold;
    padding: 80px 0 0 40px;
}

div#company section.contents section.right_area section.page_message_title {
    position: relative;
    width: 100%;
    height: 400px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 100px;
}
div#company section.contents section.right_area section.page_message_title div.img_bg {
    background: url(/assets/img/company_message_mv_sp.3f2033dc.jpg) no-repeat;
	background-size:cover;
	background-position: top right;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_message_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: right;
    font-size: 25px;
    font-weight: normal;
    padding: 0 30px 100px 0;
}
div#company section.contents section.right_area section.page_message_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents div.message_text {
    font-size: 14px;
    width: 84%;
    margin: 0 auto;
}
div#company section.contents section.right_area section.company_contents div.message_text p {
    margin-bottom: 40px;
    line-height: 2;
}
div#company section.contents section.right_area section.company_contents p.representative_name {
    text-align: right;
    padding-bottom: 100px;
    width: 84%;
    margin: 0 auto;
}
div#company section.contents section.right_area section.company_contents div.representative_profile {
    border-top: #888888 solid 1px;
    margin: 100px auto;
    width: 84%;
}
div#company section.contents section.right_area section.company_contents div.representative_profile p.head {
    font-size: 18px;
    padding: 50px 0;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl {
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dt {
    width: 38%;
    padding-bottom: 20px;
    float: left;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dt img {
    width: 100%;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd {
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.name {
    font-size: 16px;
    margin-bottom: 10px;
    width: 58%;
    margin-top: 40px;
    float: right;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.position {
    font-size: 12px;
    width: 58%;
    margin-bottom: 20px;
    float: right;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.profile_text {
    font-size: 12px;
    width: 100%;
    clear: both;
}

div#company section.contents section.right_area section.page_profile_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#company section.contents section.right_area section.page_profile_title div.img_bg {
    background: url(/assets/img/company_profile_mv_sp.71290256.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_profile_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#company section.contents section.right_area section.page_profile_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents div.profile_table {
    margin: 0 auto 100px auto;
    font-size: 14px;
    width: 84%;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl {
    border-bottom: #888888 solid 1px;
    padding: 30px 0;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl:first-child {
    border-top: #888888 solid 1px;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl dt {
    color: #013753;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl dd {
}


/*============================
#careers
============================*/
div#careers {
}
div#careers section.contents {
}
div#careers section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#careers section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/careers_in_mv_sp.51a42f79.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#careers section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#careers section.contents section.right_area section.company_contents {
}
div#careers section.contents section.right_area section.company_contents div.index_headtext {
    margin: 0 auto 100px auto;
    font-size: 14px;
    width: 84%;
}
div#careers section.contents section.right_area section.company_contents div.index_headtext p {
    margin-top: 20px;
}
div#careers section.contents section.right_area section.company_contents div.index_headtext p a {
    color: #00A4B0;
    text-decoration: none;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area {
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area h2 {
    font-size: 18px;
    background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left top 4px;
    background-size: 20px 20px;
    padding-left: 8%;
    margin-bottom: 50px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul {
    margin: 0 auto 50px auto;
    width: 84%;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li {
    font-size: 14px;
    border-bottom: #00A4B0 solid 1px;
    padding-bottom: 40px;
    margin-bottom: 30px;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li a {
    color: #222222;
    text-decoration: none;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li:last-child {
    margin-bottom: 0px;
}
section.careers_img {
    margin-bottom: 100px;
}
section.careers_img div.img_bg img {
    width: 100%;
}

div#careers section.contents section.right_area section.page_in_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#careers section.contents section.right_area section.page_in_title div.img_bg {
    background: url(/assets/img/careers_in_mv_sp.51a42f79.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#careers section.contents section.right_area section.page_in_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.page_in_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

div#careers section.contents section.right_area section.company_contents div.careers_table {
    width: 84%;
    margin: 0 auto;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl {
    border-bottom: #888888 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 14px;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl:first-child {
    border-top: #888888 solid 1px;
    padding-top: 30px;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl dt {
    color: #013753;
    margin-bottom: 10px;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl dd {
}



/*============================
#sitemap
============================*/
div#sitemap {
}
div#sitemap section.contents section.right_area section.company_contents {
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table {
    padding: 20px 0 0 20px;
    box-sizing: border-box;
    border-left: #888888 solid 1px;
    width: 84%;
    margin: 0 auto;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl {
    border-bottom: #888888 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 16px;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dt {
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table a {
    color: #00A4B0;
    text-decoration: none;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dd {
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dd p {
    padding-left: 20px;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents {
    font-size: 16px;
    padding-left: 50px;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul {
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul li {
    padding-bottom: 10px;
    font-size: 14px;
    padding-left: 10px;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul li a {
    color: #00A4B0;
    text-decoration: none;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul span {
    display: none;
}



/*============================
#saas
============================*/
div#saas {
}
div#saas section.contents {
    background: url(/assets/img/saas_mv_sp.1fe20315.jpg) no-repeat top left;
    background-size: 100%;
}
div#saas section.contents section.right_area section.page_title {
    position: relative;
    width: 84%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 50px 0;
}
div#saas section.contents section.right_area section.page_title h1 {
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 30px;
}
div#saas section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}
div#saas section.contents section.right_area section.page_title h2 {
    color: #222222;
    font-size: 16px;
    font-weight: normal;
}
div#saas section.contents section.right_area section.saas_main {
    position: relative;
    padding: 50px 0;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
    background: url(/assets/img/saas_lead_sp.8dfb2cf0.jpg) no-repeat;
    background-size:cover;
}
div#saas section.contents section.right_area section.saas_main div.img_bg {
    display: none;
}
div#saas section.contents section.right_area section.saas_main div.saas_box {
    width: 84%;
    background: #fff;
    margin: 0 auto;
    padding: 50px 30px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_main div.saas_box h1 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_main div.saas_box p.contents_text {
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents {
}
div#saas section.contents section.right_area section.saas_contents div.system_area {
    margin: 0 0 100px 0;
}
div#saas section.contents section.right_area section.saas_contents div.system_area h1.saas_contents_title {
    width:84%;
    margin: 0 auto;
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.head_text {
    font-size: 14px;
    width:84%;
    margin: 0 auto 50px auto;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.head_text p {
    line-height: 2;
    font-size: 14px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area {
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dt {
    order: 2;
    width: 84%;
    margin: 50px auto;
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dd {
    order: 1;
    width: 100%;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dd div.img_bg {
    display: none;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dd img {
    width: 100%;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.second {
    display: flex;
    flex-direction: column;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dt {
    width: 84%;
    margin: 0 auto;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dt img {
    width: 100% ;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dd {
    width: 84%;
    margin: 50px auto 0 auto;
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area {
    width: 84%;
    margin: 0 auto;
}
div#saas section.contents section.right_area section.saas_contents div.service_area h1.saas_contents_title {
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text {
    margin-bottom: 50px;
    font-size: 14px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text p {
    margin-bottom: 30px;
    line-height: 2;
    font-size: 14px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text p:last-child {
    margin-bottom: 0px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area {
    margin-bottom: 100px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow:0.01em 0.01em 0.5em rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first p.img {
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first p.img img {
    width: 100%;
    vertical-align: bottom;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text {
    padding: 50px 30px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text p.head {
    font-size: 18px;
    margin-bottom: 20px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text p.text {
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow:0.01em 0.01em 0.5em rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second p.img {
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second p.img img {
    width: 100%;
    vertical-align: bottom;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text {
    padding: 50px 30px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p.head {
    font-size: 18px;
    margin-bottom: 20px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p.text {
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text ul {
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text ul li {
    background: url(/assets/img/column_list_icon1.26266b1b.svg) left 8px no-repeat;
    padding-left: 10px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p {
}
div#saas section.contents section.right_area section.saas_contents div.response_area {
    width: 84%;
    margin: 0 auto;
}
div#saas section.contents section.right_area section.saas_contents div.response_area h1.saas_contents_title {
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.head_text {
    margin-bottom: 50px;
    font-size: 14px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.head_text p {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.foot_text p {
    padding-top: 50px;
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first {
    margin-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl dt {
    background: #013753;
    height: 80px;
    color: #fff;
    font-size: 18px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first dt {
    background-image: url(/assets/img/saas_number_1.7226f975.svg);
    background-repeat: no-repeat;
    background-position: 35px 25px;
    padding: 26px 0 0 80px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first dt span {
    display: block;
    font-size: 14px;
    line-height: 0.8;
    margin-left: -10px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl dd {
    border-left: #E4E8EE solid 1px;
    border-right: #E4E8EE solid 1px;
    border-bottom: #013753 solid 2px;
    padding: 50px 30px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second dt {
    background-image: url(/assets/img/saas_number_2.3579990e.svg);
    background-repeat: no-repeat;
    background-position: 35px 25px;
    padding: 26px 0 0 80px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second dd {
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile {
    border-top: #888888 solid 1px;
    margin: 100px auto 0 auto;
    width: 84%;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile p.head {
    font-size: 18px;
    padding: 50px 0;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl {
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dt {
    width: 38%;
    padding-bottom: 20px;
    float: left;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dt img {
    width: 100%;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd {
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.name {
    font-size: 16px;
    margin-bottom: 10px;
    width: 58%;
    margin-top: 40px;
    float: right;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.position {
    font-size: 12px;
    width: 58%;
    margin-bottom: 20px;
    float: right;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.profile_text {
    font-size: 14px;
    line-height: 2;
    width: 100%;
    clear: both;
}
div#saas section.common_inq {
    padding: 100px 0;
    width: 84%;
    margin: 0 auto;
}
div#saas section.common_inq div.wrapper {
}
div#saas section.common_inq div.wrapper div.contents_block {
    margin: 0 auto;
    text-align: center;
}
div#saas section.common_inq div.wrapper div.contents_block p {
    margin-bottom: 30px;
}
div#saas section.common_inq div.wrapper div.contents_block p.btn_area {
}
div#saas section.common_inq div.wrapper div.contents_block p.btn_area img {
    width: 100%;
}
div#saas div.wrapper div.achievement_area h1.saas_contents_title {
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    margin: 0 auto 50px auto;
    width: 84%;
    padding-top: 100px;
}
div#saas div.wrapper div.achievement_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

div#saas div.wrapper div.achievement_area section.case_list {
}
div#saas div.wrapper div.achievement_area section.case_list div.list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    width: 84%;
    margin: 0 auto 50px auto;
}
div#saas div.wrapper div.achievement_area section.case_list div.list p.list_img {
    width: 40%;
}
div#saas div.wrapper div.achievement_area section.case_list div.list p.list_img img {
    width: 100%;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl {
    width: 60%;
    padding-left: 20px;
    box-sizing: border-box;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    font-size: 16px;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl dd {
    padding-top: 20px;
    font-size: 14px;
}
div#saas div.wrapper div.achievement_area p.btn_area {
    width: 84%;
    margin: 0 auto;
    text-align: right;
}
div#saas div.wrapper div.achievement_area section.common_inq{
    padding: 100px 0;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block{
    text-align: center;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block p.inq_text{
    font-size: 16px;
    margin-bottom: 30px;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block p.inq_btn img{
    width: 100%;
}


/*============================
#public
============================*/
div#public {
}
div#public section.contents {

}
div#public section.contents section.right_area section.public_page_title {
    border-bottom: #888888 solid 1px;
    padding: 50px 0 30px 0;
    font-size: 20px;
    width: 84%;
    margin: 0 auto 50px auto;
}
div#public section.contents section.right_area section.public_page_title h1 {
}
div#public section.contents section.right_area section.public_contents {
    width: 84%;
    margin: 0 auto;
}
div#public section.contents section.right_area section.public_contents div.index_headtext {
    font-size: 14px;
    margin-bottom: 100px;
}
div#public section.contents section.right_area section.public_contents h2 {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: normal;
}
div#public section.contents section.right_area section.public_contents h3 {
    font-size: 18px;
    margin: 30px 0 20px 0;
    font-weight: normal;
}
div#public section.contents section.right_area section.public_contents div.step {
    margin-bottom: 100px;
}
div#public section.contents section.right_area section.public_contents dl.out_list dt {
    font-size: 16px;
    margin-bottom: 20px;
}
div#public section.contents section.right_area section.public_contents dl.out_list dd {
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 30px;
}
div#public section.contents section.right_area section.public_contents ol.in_list {
}
div#public section.contents section.right_area section.public_contents ol.in_list li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 24px;
    margin-bottom: 20px;
    font-size: 14px;
}
div#public section.contents section.right_area section.public_contents ul.in_list li {
    margin-bottom: 20px;
    font-size: 14px;
}
div#public section.contents section.right_area section.public_contents p.in_text {
    font-size: 14px;
    margin-bottom: 20px;
}

div#public section.contents section.right_area section.public_contents p.foot_text {
    display: table;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: right;
    font-size: 14px;
}
div#public section.contents section.right_area section.public_contents p.other_line {
    margin: 40px 0;
    padding: 0.5em 1em;
    background-color: #eee;
}



div#public section.contents section.right_area section#iso {
    margin-top: 50px;
}
div#public section.contents section.right_area section.public_contents div.iso_table {
}
div#public section.contents section.right_area section.public_contents div.iso_table dl:first-child {
    border-top: #888888 solid 1px;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl {
    border-bottom: #888888 solid 1px;
    padding: 30px 0;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dt {
    font-weight: bold;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd {
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd ul {
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd ul li {
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area {
    padding-top: 30px;
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0.5em 0px 0.8em 0px;
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li::before {
    counter-increment: list;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    height: 0.5em;
    width: 0.5em;
    border-radius: 50%;
    background: #00a4b0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li a {
    color: #00A4B0;
    text-decoration: none;
}

/*============================
#contact
============================*/
div#contact {
}
div#contact section.contents {
}
div#contact section.contents section.right_area {
}
div#contact section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#contact section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/contact_mv_sp.ccd27017.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#contact section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#contact section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#contact section.contents section.right_area section.contact_contents {
    margin-bottom: 100px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext {
    font-size: 14px;
    width: 84%;
    margin: 0 auto 50px auto;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext p {
    margin-bottom: 30px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext p:last-child {
    margin-bottom: 0px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext a {
    color: #00A4B0;
    text-decoration: none;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul {
    width: 100%;
    margin: 0 auto;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul li {
    margin-bottom: 30px;
    text-align: center;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul li img {
    width: 94%;
}

div#contact section.contents section.right_area section.contact_contents div.contact_list_area {
    width: 84%;
    margin: 0 auto;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl {
    margin-bottom: 50px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dt {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_text input {
    width: 100%;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd input::placeholder {
    color: #888888;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd input:active {
    border: #707070 solid 1px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd select.form-select {
    width: 100%;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    color: #888888;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd select.form-select option {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd textarea.form-textarea {
    width: 100%;
    height: 200px;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd textarea.form-textarea::placeholder {
    color: #888888;

}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio ul {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio label {
    margin-right: 20px;
    font-size: 14px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio label input {
    margin-right: 5px;
}
div#contact section.contents section.right_area section.common_inq {
    padding: 0 0 100px 0;
}


/*============================
error
============================*/
section#error div.error_block {
    padding: 0 20px;
}
section#error div.error_block div.container {
    margin: 0 auto 50px auto;
}
section#error div.error_block p.error_name {
    font-weight: bold;
    font-size: 40px;
    color: #111;
    text-align: center;
}
section#error div.error_block p.error_name span {
    font-size: 52px;
    display: table;
    margin: 0 auto;
}
section#error div.error_block p.error_text {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
section#error div.error_block p.error_icon {
    margin: 30px 0 50px 0;
    text-align: center;
}
section#error div.error_block p.error_icon img {
    width: 30%;
}
section#error div.error_block p.error_atte_text {
    font-size: 16px;
}


/*============================
#st_banner
============================*/

.st_banner {
    background-color: rgba(0,0,0,.4);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2000;
}
.st_banner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.st_banner ul li {
    width: 50%;
}

.st_banner ul li a {
    display: inline-block;
    background-color: #00a4b0;
    padding: .5em 0;
    margin: 1em 0;
    width: 90%;
    white-space: nowrap;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: .5s;
}
.st_banner ul li a:active {
    background-color: #fff;
    color: #00a4b0;
}

.st_banner ul li.hashst a {
    background-color: #000;
}
.st_banner ul li.hashst a:active {
    background-color: #fff;
    color: #000;
}
}
@media screen and (max-width:640px) {
@charset "utf-8";

span.sp_br {
    display: block;
}

section.site_pass {
    font-size: 14px;
    margin: 0 auto 20px auto;
    width: 84%;
}
section.site_pass ul {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
section.site_pass ul span {
    padding-right: 5px;
    color: #222;
}
section.site_pass ul li {
    color: #222;
    padding-right: 5px;
}
section.site_pass ul li a {
    color: #00A4B0;
    text-decoration: none;
}

section.contents section.left_area nav.gnavi_left {

}
section.contents section.left_area nav.gnavi_left p.logo {
    padding: 40px 30px 20px 30px;
    width: 140px;
}
section.contents section.left_area nav.gnavi_left p.logo img {
    width: 100%;
}
section.contents section.left_area nav.gnavi_left ul {
	display: none;
}
section.contents section.left_area nav.gnavi_left ul li {
	margin-bottom: 20px;
}
section.contents section.left_area nav.gnavi_left ul li:last-child {
	margin-bottom: 0;
}
section.contents {
    margin: 0 auto;
}
section.contents section.left_area {

}
section.contents section.right_area {
    padding-top: 100px;
}
section.contents section.right_area section.common_inq {
    padding: 100px 0;
    width: 84%;
    margin: 0 auto;
}
section.contents section.right_area section.common_inq div.wrapper {
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block {
    margin: 0 auto;
    text-align: center;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p {
    margin-bottom: 30px;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p a {
    color: #00A4B0;
    text-decoration: none;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area {
    text-align: center;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area input {
    width: 315px;
    height: 80px;
    background-image: url(/assets/img/button_privacypolicy_sp.29f56ecb.svg);
    background-repeat: no-repeat;
}
section.contents section.right_area section.common_inq div.wrapper div.contents_block p.btn_area img{
    width: 100%;
}

/*============================
#case
============================*/
div#case {
}
div#case section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#case section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/case_mv_sp.70b90fe8.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#case section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#case section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#case section.contents section.right_area section.case_list {
    width: 84%;
    margin: 0 auto;
}
div#case section.contents section.right_area section.case_list div.list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    width: 84%;
    margin: 0 auto 50px auto;
}
div#case section.contents section.right_area section.case_list div.list p.list_img {
    width: 40%;
}
div#case section.contents section.right_area section.case_list div.list p.list_img img {
    width: 100%;
}
div#case section.contents section.right_area section.case_list div.list dl {
    width: 60%;
    padding-left: 20px;
    box-sizing: border-box;
}
div#case section.contents section.right_area section.case_list div.list dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    font-size: 16px;
}
div#case section.contents section.right_area section.case_list div.list dl dd {
    padding-top: 20px;
    font-size: 14px;
}
div#case section.contents section.right_area div.saas_banner_area {
    background: url(/assets/img/saas_banner_sp.e0abe19c.jpg) no-repeat;
    background-size: cover;
    width: 315px;
    height: 250px;
    position: relative;
    margin: 0 auto;
}
div#case section.contents section.right_area div.saas_banner_area div.content {
    position: absolute;
    bottom: 0px;
    color: #fff;
    width: 100%;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl {
    padding: 0 30px 10px 30px;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
div#case section.contents section.right_area div.saas_banner_area div.content dl dd {
    font-size: 14px;
    font-weight: normal;
}
div#case section.contents section.right_area div.saas_banner_area div.content p.btn_area {
    text-align: right;
}
div#case section.contents section.right_area div.saas_banner_area div.content p.btn_area img {
    vertical-align: bottom;
}

/*============================
#column
============================*/
div#column {
}
div#column section.contents {
}
div#column section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/column_mv_sp.8c4f714d.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#column section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#column section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents {
    margin: 0 auto;
}
div#column section.contents section.right_area section.company_contents div.column_list_area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl {
    width: 84%;
    margin: 0 auto 50px auto;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dt {
    padding-bottom: 10px;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dt img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents div.column_list_area dl dd {
    font-size: 16px;
}
div#column section.contents section.right_area section.company_contents div.colum_profile {
    border-top: #888888 solid 1px;
    margin: 100px auto 0 auto;
    width: 84%;
}
div#column section.contents section.right_area section.company_contents div.colum_profile p.head {
    font-size: 18px;
    padding: 50px 0;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl {
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dt {
    width: 38%;
    padding-bottom: 20px;
    float: left;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dt img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd {
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.name {
    font-size: 16px;
    margin-bottom: 10px;
    width: 58%;
    margin-top: 40px;
    float: right;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.position {
    font-size: 12px;
    width: 58%;
    margin-bottom: 20px;
    float: right;
}
div#column section.contents section.right_area section.company_contents div.colum_profile dl dd p.profile_text {
    font-size: 12px;
    width: 100%;
    clear: both;
}
div#column section.contents section.right_area section.page_in_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.blockchain div.img_bg {
    background: url(/assets/img/column_blockchain_mv_sp.c8e67b7f.jpg) no-repeat;
}
div#column section.contents section.right_area section.page_in_title div.img_bg {
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#column section.contents section.right_area section.page_in_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#column section.contents section.right_area section.page_in_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index {
    background: #E4E8EE;
    padding: 50px 8% 35px 8%;
    margin-bottom: 100px;
    margin-top: -100px;
}
div#column section.contents section.right_area section.company_contents p.column_normal_text {
    font-size: 14px;
    padding: 0 8%;
    margin-bottom: 30px;
    line-height: 2;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index p.head {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl {
    font-size: 14px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl a {
    color: #222;
    text-decoration: none;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl dt {
    background: url(/assets/img/column_list_icon1.26266b1b.svg) left 8px no-repeat;
    padding-left: 18px;
    margin-bottom: 15px;
}
div#column section.contents section.right_area section.company_contents div.column_contents_index dl dd {
    background: url(/assets/img/column_list_icon2.7dc25027.svg) left 8px no-repeat;
    padding-left: 18px;
    margin-left: 26px;
    margin-bottom: 15px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area {
    padding-bottom: 100px;
    border-bottom: #888888 solid 1px;
    width: 84%;
    margin: 0 auto;
}
div#column section.contents section.right_area section.company_contents div.column_block_area p.column_block_title {
    margin-bottom: 30px;
    font-size: 16px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block {
    border-top: #888888 solid 1px;
    border-left: #888888 solid 1px;
    padding: 30px 0 30px 30px;
    background: rgb(63,207,218);
    background: linear-gradient(140deg, rgba(63,207,218,1) 0%, rgba(245,246,248,1) 18%);
    margin-bottom: 100px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.text {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 2;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.img {
    margin-bottom: 30px;
    text-align: center;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block p.img img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl {
    margin-bottom: 50px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    font-size: 14px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd {
    padding: 30px 0 0 20px;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p {
    margin-bottom: 50px;
    font-size: 14px;
    line-height: 2;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p.img {
    text-align: center;
}
div#column section.contents section.right_area section.company_contents div.column_block_area div.column_block dl dd p.img img {
    width: 100%;
}
div#column section.contents section.right_area section.company_contents p.column_list_head {
    padding: 50px 0;
    width: 84%;
    margin: 0 auto;
}


/*============================
#news
============================*/
div#news {
}
div#news section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#news section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/news_mv_sp.0458e133.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#news section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#news section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#news section.contents {
}
div#news section.contents section.right_area section.news_list {
}
div#news section.contents section.right_area section.news_list dl {
    border-bottom: #00A4B0 solid 1px;
    padding-bottom: 30px;
    margin: 0 auto 30px auto;
    width: 84%;
}
div#news section.contents section.right_area section.news_list dl dt {
    font-size: 16px;
    font-weight: bold;
    color: #00A4B0;
    padding-bottom: 10px;
}
div#news section.contents section.right_area section.news_list dl dd {
    font-size: 14px;
    color: #222;
}
div#news section.contents section.right_area section.news_list dl dd a {
    color: #222;
    text-decoration: none;
}

div#news section.contents section.right_area section.news_page_title {
    color: #222;
    width: 84%;
    margin: 0 auto;
}
div#news section.contents section.right_area section.news_page_title p.cate_text {
    background: #E4E8EE;
    padding: 6px 12px;
    font-size: 14px;
    display: table;
}
div#news section.contents section.right_area section.news_page_title h1 {
    border-bottom: #888888 solid 1px;
    padding: 20px 0;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: normal;
}
div#news section.contents section.right_area section.news_page_title p.date_text {
    font-size: 14px;
}
div#news section.contents section.right_area section.news_contents {
    padding-top: 50px;
    font-size: 14px;
}
div#news section.contents section.right_area section.news_contents p {
    margin: 0 auto 30px auto;
    width: 84%;
}
div#news section.contents section.right_area section.news_contents p a {
    color: #00A4B0;
    text-decoration: none;
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn {
    text-align: center;
    margin-top: 100px;
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn p {
}
div#news section.contents section.right_area section.news_contents div.news_backlist_btn p img {
    width: 70%;
}




/*============================
#company
============================*/
div#company {
}
div#company section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#company section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/company_profile_mv_sp.71290256.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#company section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents {
}
div#company section.contents section.right_area section.company_contents div.index_headtext {
    font-size: 16px;
    margin: 0 auto 100px auto;
    color: #222;
    width: 84%;
}
div#company section.contents section.right_area div.conpany_banner_area {
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_message {
    width: 315px;
    height: 250px;
    background: url(/assets/img/company_banner_message_sp.b7004285.jpg) no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 auto 50px auto;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_message p.banner_title {
    font-size: 18px;
    font-weight: bold;
    padding: 80px 0 0 40px;
}
div#company section.contents section.right_area div.conpany_banner_area p.btn_area {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
div#company section.contents section.right_area div.conpany_banner_area p.btn_area img {
    vertical-align: bottom;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_profile {
    width: 315px;
    height: 250px;
    background: url(/assets/img/company_banner_profile_sp.256d083e.jpg) no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 auto;
}
div#company section.contents section.right_area div.conpany_banner_area a {
    color: #222222;
    text-decoration: none;
}
div#company section.contents section.right_area div.conpany_banner_area div.banner_profile p.banner_title {
    font-size: 18px;
    font-weight: bold;
    padding: 80px 0 0 40px;
}

div#company section.contents section.right_area section.page_message_title {
    position: relative;
    width: 100%;
    height: 400px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 100px;
}
div#company section.contents section.right_area section.page_message_title div.img_bg {
    background: url(/assets/img/company_message_mv_sp.3f2033dc.jpg) no-repeat;
	background-size:cover;
	background-position: top right;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_message_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: right;
    font-size: 25px;
    font-weight: normal;
    padding: 0 30px 100px 0;
}
div#company section.contents section.right_area section.page_message_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents div.message_text {
    font-size: 14px;
    width: 84%;
    margin: 0 auto;
}
div#company section.contents section.right_area section.company_contents div.message_text p {
    margin-bottom: 40px;
    line-height: 2;
}
div#company section.contents section.right_area section.company_contents p.representative_name {
    text-align: right;
    padding-bottom: 100px;
    width: 84%;
    margin: 0 auto;
}
div#company section.contents section.right_area section.company_contents div.representative_profile {
    border-top: #888888 solid 1px;
    margin: 100px auto;
    width: 84%;
}
div#company section.contents section.right_area section.company_contents div.representative_profile p.head {
    font-size: 18px;
    padding: 50px 0;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl {
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dt {
    width: 38%;
    padding-bottom: 20px;
    float: left;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dt img {
    width: 100%;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd {
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.name {
    font-size: 16px;
    margin-bottom: 10px;
    width: 58%;
    margin-top: 40px;
    float: right;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.position {
    font-size: 12px;
    width: 58%;
    margin-bottom: 20px;
    float: right;
}
div#company section.contents section.right_area section.company_contents div.representative_profile dl dd p.profile_text {
    font-size: 12px;
    width: 100%;
    clear: both;
}

div#company section.contents section.right_area section.page_profile_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#company section.contents section.right_area section.page_profile_title div.img_bg {
    background: url(/assets/img/company_profile_mv_sp.71290256.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#company section.contents section.right_area section.page_profile_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#company section.contents section.right_area section.page_profile_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#company section.contents section.right_area section.company_contents div.profile_table {
    margin: 0 auto 100px auto;
    font-size: 14px;
    width: 84%;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl {
    border-bottom: #888888 solid 1px;
    padding: 30px 0;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl:first-child {
    border-top: #888888 solid 1px;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl dt {
    color: #013753;
}
div#company section.contents section.right_area section.company_contents div.profile_table dl dd {
}


/*============================
#careers
============================*/
div#careers {
}
div#careers section.contents {
}
div#careers section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#careers section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/careers_in_mv_sp.51a42f79.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#careers section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#careers section.contents section.right_area section.company_contents {
}
div#careers section.contents section.right_area section.company_contents div.index_headtext {
    margin: 0 auto 100px auto;
    font-size: 14px;
    width: 84%;
}
div#careers section.contents section.right_area section.company_contents div.index_headtext p {
    margin-top: 20px;
}
div#careers section.contents section.right_area section.company_contents div.index_headtext p a {
    color: #00A4B0;
    text-decoration: none;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area {
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area h2 {
    font-size: 18px;
    background: url(/assets/img/icon_title.d62f812a.svg) no-repeat left top 4px;
    background-size: 20px 20px;
    padding-left: 8%;
    margin-bottom: 50px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul {
    margin: 0 auto 50px auto;
    width: 84%;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li {
    font-size: 14px;
    border-bottom: #00A4B0 solid 1px;
    padding-bottom: 40px;
    margin-bottom: 30px;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li a {
    color: #222222;
    text-decoration: none;
}
div#careers section.contents section.right_area section.company_contents div.careers_list_area ul li:last-child {
    margin-bottom: 0px;
}
section.careers_img {
    margin-bottom: 100px;
}
section.careers_img div.img_bg img {
    width: 100%;
}

div#careers section.contents section.right_area section.page_in_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#careers section.contents section.right_area section.page_in_title div.img_bg {
    background: url(/assets/img/careers_in_mv_sp.51a42f79.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#careers section.contents section.right_area section.page_in_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#careers section.contents section.right_area section.page_in_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

div#careers section.contents section.right_area section.company_contents div.careers_table {
    width: 84%;
    margin: 0 auto;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl {
    border-bottom: #888888 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 14px;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl:first-child {
    border-top: #888888 solid 1px;
    padding-top: 30px;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl dt {
    color: #013753;
    margin-bottom: 10px;
}
div#careers section.contents section.right_area section.company_contents div.careers_table dl dd {
}



/*============================
#sitemap
============================*/
div#sitemap {
}
div#sitemap section.contents section.right_area section.company_contents {
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table {
    padding: 20px 0 0 20px;
    box-sizing: border-box;
    border-left: #888888 solid 1px;
    width: 84%;
    margin: 0 auto;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl {
    border-bottom: #888888 solid 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 16px;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dt {
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table a {
    color: #00A4B0;
    text-decoration: none;
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dd {
}
div#sitemap section.contents section.right_area section.company_contents div.sitemap_table dl dd p {
    padding-left: 20px;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents {
    font-size: 16px;
    padding-left: 50px;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul {
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul li {
    padding-bottom: 10px;
    font-size: 14px;
    padding-left: 10px;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul li a {
    color: #00A4B0;
    text-decoration: none;
}
div#sitemap section.contents section.right_area section.company_contents div.sub_contents ul span {
    display: none;
}



/*============================
#saas
============================*/
div#saas {
}
div#saas section.contents {
    background: url(/assets/img/saas_mv_sp.1fe20315.jpg) no-repeat top left;
    background-size: 100%;
}
div#saas section.contents section.right_area section.page_title {
    position: relative;
    width: 84%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 50px 0;
}
div#saas section.contents section.right_area section.page_title h1 {
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    padding-bottom: 30px;
}
div#saas section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
}
div#saas section.contents section.right_area section.page_title h2 {
    color: #222222;
    font-size: 16px;
    font-weight: normal;
}
div#saas section.contents section.right_area section.saas_main {
    position: relative;
    padding: 50px 0;
    display: flex;
    align-items: center;
    margin-bottom: 100px;
    background: url(/assets/img/saas_lead_sp.8dfb2cf0.jpg) no-repeat;
    background-size:cover;
}
div#saas section.contents section.right_area section.saas_main div.img_bg {
    display: none;
}
div#saas section.contents section.right_area section.saas_main div.saas_box {
    width: 84%;
    background: #fff;
    margin: 0 auto;
    padding: 50px 30px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_main div.saas_box h1 {
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_main div.saas_box p.contents_text {
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents {
}
div#saas section.contents section.right_area section.saas_contents div.system_area {
    margin: 0 0 100px 0;
}
div#saas section.contents section.right_area section.saas_contents div.system_area h1.saas_contents_title {
    width:84%;
    margin: 0 auto;
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.head_text {
    font-size: 14px;
    width:84%;
    margin: 0 auto 50px auto;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.head_text p {
    line-height: 2;
    font-size: 14px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area {
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dt {
    order: 2;
    width: 84%;
    margin: 50px auto;
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dd {
    order: 1;
    width: 100%;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dd div.img_bg {
    display: none;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.first dd img {
    width: 100%;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dl.second {
    display: flex;
    flex-direction: column;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dt {
    width: 84%;
    margin: 0 auto;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dt img {
    width: 100% ;
}
div#saas section.contents section.right_area section.saas_contents div.system_area div.system_box_area dd {
    width: 84%;
    margin: 50px auto 0 auto;
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area {
    width: 84%;
    margin: 0 auto;
}
div#saas section.contents section.right_area section.saas_contents div.service_area h1.saas_contents_title {
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text {
    margin-bottom: 50px;
    font-size: 14px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text p {
    margin-bottom: 30px;
    line-height: 2;
    font-size: 14px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.head_text p:last-child {
    margin-bottom: 0px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area {
    margin-bottom: 100px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow:0.01em 0.01em 0.5em rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first p.img {
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first p.img img {
    width: 100%;
    vertical-align: bottom;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text {
    padding: 50px 30px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text p.head {
    font-size: 18px;
    margin-bottom: 20px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.first div.text p.text {
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow:0.01em 0.01em 0.5em rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second p.img {
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second p.img img {
    width: 100%;
    vertical-align: bottom;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text {
    padding: 50px 30px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p.head {
    font-size: 18px;
    margin-bottom: 20px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p.text {
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text ul {
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text ul li {
    background: url(/assets/img/column_list_icon1.26266b1b.svg) left 8px no-repeat;
    padding-left: 10px;
}
div#saas section.contents section.right_area section.saas_contents div.service_area div.service_box_area div.second div.text p {
}
div#saas section.contents section.right_area section.saas_contents div.response_area {
    width: 84%;
    margin: 0 auto;
}
div#saas section.contents section.right_area section.saas_contents div.response_area h1.saas_contents_title {
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 50px;
    background: url(/assets/img/icon_title.d62f812a.svg) top left no-repeat;
    padding-top: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.head_text {
    margin-bottom: 50px;
    font-size: 14px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.head_text p {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.foot_text p {
    padding-top: 50px;
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first {
    margin-bottom: 50px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl dt {
    background: #013753;
    height: 80px;
    color: #fff;
    font-size: 18px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first dt {
    background-image: url(/assets/img/saas_number_1.7226f975.svg);
    background-repeat: no-repeat;
    background-position: 35px 25px;
    padding: 26px 0 0 80px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.first dt span {
    display: block;
    font-size: 14px;
    line-height: 0.8;
    margin-left: -10px;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl dd {
    border-left: #E4E8EE solid 1px;
    border-right: #E4E8EE solid 1px;
    border-bottom: #013753 solid 2px;
    padding: 50px 30px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 2;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second {
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second dt {
    background-image: url(/assets/img/saas_number_2.3579990e.svg);
    background-repeat: no-repeat;
    background-position: 35px 25px;
    padding: 26px 0 0 80px;
    box-sizing: border-box;
}
div#saas section.contents section.right_area section.saas_contents div.response_area div.response_box_area dl.second dd {
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile {
    border-top: #888888 solid 1px;
    margin: 100px auto 0 auto;
    width: 84%;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile p.head {
    font-size: 18px;
    padding: 50px 0;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl {
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dt {
    width: 38%;
    padding-bottom: 20px;
    float: left;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dt img {
    width: 100%;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd {
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.name {
    font-size: 16px;
    margin-bottom: 10px;
    width: 58%;
    margin-top: 40px;
    float: right;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.position {
    font-size: 12px;
    width: 58%;
    margin-bottom: 20px;
    float: right;
}
div#saas section.contents section.right_area section.saas_contents div.saas_profile dl dd p.profile_text {
    font-size: 14px;
    line-height: 2;
    width: 100%;
    clear: both;
}
div#saas section.common_inq {
    padding: 100px 0;
    width: 84%;
    margin: 0 auto;
}
div#saas section.common_inq div.wrapper {
}
div#saas section.common_inq div.wrapper div.contents_block {
    margin: 0 auto;
    text-align: center;
}
div#saas section.common_inq div.wrapper div.contents_block p {
    margin-bottom: 30px;
}
div#saas section.common_inq div.wrapper div.contents_block p.btn_area {
}
div#saas section.common_inq div.wrapper div.contents_block p.btn_area img {
    width: 100%;
}
div#saas div.wrapper div.achievement_area h1.saas_contents_title {
    color: #222222;
    font-size: 25px;
    font-weight: normal;
    margin: 0 auto 50px auto;
    width: 84%;
    padding-top: 100px;
}
div#saas div.wrapper div.achievement_area h1.saas_contents_title span {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}

div#saas div.wrapper div.achievement_area section.case_list {
}
div#saas div.wrapper div.achievement_area section.case_list div.list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
    width: 84%;
    margin: 0 auto 50px auto;
}
div#saas div.wrapper div.achievement_area section.case_list div.list p.list_img {
    width: 40%;
}
div#saas div.wrapper div.achievement_area section.case_list div.list p.list_img img {
    width: 100%;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl {
    width: 60%;
    padding-left: 20px;
    box-sizing: border-box;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl dt {
    border-bottom: #888888 solid 1px;
    padding-bottom: 20px;
    font-size: 16px;
}
div#saas div.wrapper div.achievement_area section.case_list div.list dl dd {
    padding-top: 20px;
    font-size: 14px;
}
div#saas div.wrapper div.achievement_area p.btn_area {
    width: 84%;
    margin: 0 auto;
    text-align: right;
}
div#saas div.wrapper div.achievement_area section.common_inq{
    padding: 100px 0;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block{
    text-align: center;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block p.inq_text{
    font-size: 16px;
    margin-bottom: 30px;
}
div#saas div.wrapper div.achievement_area section.common_inq div.contents_block p.inq_btn img{
    width: 100%;
}


/*============================
#public
============================*/
div#public {
}
div#public section.contents {

}
div#public section.contents section.right_area section.public_page_title {
    border-bottom: #888888 solid 1px;
    padding: 50px 0 30px 0;
    font-size: 20px;
    width: 84%;
    margin: 0 auto 50px auto;
}
div#public section.contents section.right_area section.public_page_title h1 {
}
div#public section.contents section.right_area section.public_contents {
    width: 84%;
    margin: 0 auto;
}
div#public section.contents section.right_area section.public_contents div.index_headtext {
    font-size: 14px;
    margin-bottom: 100px;
}
div#public section.contents section.right_area section.public_contents h2 {
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: normal;
}
div#public section.contents section.right_area section.public_contents h3 {
    font-size: 18px;
    margin: 30px 0 20px 0;
    font-weight: normal;
}
div#public section.contents section.right_area section.public_contents div.step {
    margin-bottom: 100px;
}
div#public section.contents section.right_area section.public_contents dl.out_list dt {
    font-size: 16px;
    margin-bottom: 20px;
}
div#public section.contents section.right_area section.public_contents dl.out_list dd {
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 30px;
}
div#public section.contents section.right_area section.public_contents ol.in_list {
}
div#public section.contents section.right_area section.public_contents ol.in_list li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 24px;
    margin-bottom: 20px;
    font-size: 14px;
}
div#public section.contents section.right_area section.public_contents ul.in_list li {
    margin-bottom: 20px;
    font-size: 14px;
}
div#public section.contents section.right_area section.public_contents p.in_text {
    font-size: 14px;
    margin-bottom: 20px;
}

div#public section.contents section.right_area section.public_contents p.foot_text {
    display: table;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: right;
    font-size: 14px;
}
div#public section.contents section.right_area section.public_contents p.other_line {
    margin: 40px 0;
    padding: 0.5em 1em;
    background-color: #eee;
}



div#public section.contents section.right_area section#iso {
    margin-top: 50px;
}
div#public section.contents section.right_area section.public_contents div.iso_table {
}
div#public section.contents section.right_area section.public_contents div.iso_table dl:first-child {
    border-top: #888888 solid 1px;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl {
    border-bottom: #888888 solid 1px;
    padding: 30px 0;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dt {
    font-weight: bold;
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd {
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd ul {
}
div#public section.contents section.right_area section.public_contents div.iso_table dl dd ul li {
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area {
    padding-top: 30px;
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0.5em 0px 0.8em 0px;
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li::before {
    counter-increment: list;
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    height: 0.5em;
    width: 0.5em;
    border-radius: 50%;
    background: #00a4b0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
div#public section.contents section.right_area section.public_contents div.iso_table ul.iso_link_area li a {
    color: #00A4B0;
    text-decoration: none;
}

/*============================
#contact
============================*/
div#contact {
}
div#contact section.contents {
}
div#contact section.contents section.right_area {
}
div#contact section.contents section.right_area section.page_title {
    position: relative;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
div#contact section.contents section.right_area section.page_title div.img_bg {
    background: url(/assets/img/contact_mv_sp.ccd27017.jpg) no-repeat;
	background-size:cover;
	background-position: top left;
	width:100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#contact section.contents section.right_area section.page_title h1 {
    color: #fff;
	position: relative;
	z-index: 1001;
    text-align: center;
    font-size: 25px;
    font-weight: normal;
}
div#contact section.contents section.right_area section.page_title h1 span.fnt_en {
    display: block;
    font-size: 16px;
	font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
div#contact section.contents section.right_area section.contact_contents {
    margin-bottom: 100px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext {
    font-size: 14px;
    width: 84%;
    margin: 0 auto 50px auto;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext p {
    margin-bottom: 30px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext p:last-child {
    margin-bottom: 0px;
}
div#contact section.contents section.right_area section.contact_contents div.index_headtext a {
    color: #00A4B0;
    text-decoration: none;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul {
    width: 100%;
    margin: 0 auto;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul li {
    margin-bottom: 30px;
    text-align: center;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area ul li img {
    width: 94%;
}

div#contact section.contents section.right_area section.contact_contents div.contact_list_area {
    width: 84%;
    margin: 0 auto;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl {
    margin-bottom: 50px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dt {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_text input {
    width: 100%;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd input::placeholder {
    color: #888888;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd input:active {
    border: #707070 solid 1px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd select.form-select {
    width: 100%;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    color: #888888;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd select.form-select option {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd textarea.form-textarea {
    width: 100%;
    height: 200px;
    border: #707070 solid 1px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 16px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd textarea.form-textarea::placeholder {
    color: #888888;

}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio ul {
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio label {
    margin-right: 20px;
    font-size: 14px;
}
div#contact section.contents section.right_area section.contact_contents div.contact_list_area dl dd.form_radio label input {
    margin-right: 5px;
}
div#contact section.contents section.right_area section.common_inq {
    padding: 0 0 100px 0;
}


/*============================
error
============================*/
section#error div.error_block {
    padding: 0 20px;
}
section#error div.error_block div.container {
    margin: 0 auto 50px auto;
}
section#error div.error_block p.error_name {
    font-weight: bold;
    font-size: 40px;
    color: #111;
    text-align: center;
}
section#error div.error_block p.error_name span {
    font-size: 52px;
    display: table;
    margin: 0 auto;
}
section#error div.error_block p.error_text {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
section#error div.error_block p.error_icon {
    margin: 30px 0 50px 0;
    text-align: center;
}
section#error div.error_block p.error_icon img {
    width: 30%;
}
section#error div.error_block p.error_atte_text {
    font-size: 16px;
}


/*============================
#st_banner
============================*/

.st_banner {
    background-color: rgba(0,0,0,.4);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2000;
}
.st_banner ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
}

.st_banner ul li {
    width: 50%;
}

.st_banner ul li a {
    display: inline-block;
    background-color: #00a4b0;
    padding: .5em 0;
    margin: 1em 0;
    width: 90%;
    white-space: nowrap;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 15%);
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    transition: .5s;
}
.st_banner ul li a:active {
    background-color: #fff;
    color: #00a4b0;
}

.st_banner ul li.hashst a {
    background-color: #000;
}
.st_banner ul li.hashst a:active {
    background-color: #fff;
    color: #000;
}
}
@charset "utf-8";
/* ===================================================================
CSS information

 file name  :import.css
 style info :各cssファイル読み込み用
=================================================================== */

/* default style - リセット及びbody基本設定
----------------------------------------------------------- */

/* PC style
----------------------------------------------------------- */