/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 02 2025 | 06:15:48 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700;900&family=Noto+Serif+JP:wght@400;700;900&display=swap");
/* common */
html {scroll-behavior: smooth;}
html, body {
	font-family: "Noto Sans JP", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-top:0px;
}
body:lang(ja) {
	font-family: "Noto Sans JP", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-weight:normal;
	font-size:1.2rem;
	line-height:2rem;
}
body {
	background:#fff;
	max-width:1800px;
	width:100%;
	margin:0px auto;
	background:url(http://flare.mercrius.biz/flr/wp-content/uploads/bg_01.png) repeat-y top left,url(http://flare.mercrius.biz/flr/wp-content/uploads/bg_02.png) repeat-y top right;
	background-size:35% auto,35% auto;
}
.nonpc{display: none;}
.pc {display: block !important;}
.clear{
	float:none;
	clear:both;
	padding: 0px;
	margin:0px;
}
.wp-block-button a:hover{color:#fff;}
.comments-area{display:none;}
:target::before {
    content:"";	
    display:block;
	height: 100px;
    margin:-100px 0 0;  /* heightのマイナス値と0　0。 私の場合は、margin:-3rem 0 0; */
}

h3{
	color:#1e2f67;
	font-size: 2.5rem;
	margin-bottom: 1em;
	margin-top: 2.5em;	
	font-weight:lighter;
	padding:0.5em 0 0.5em 50px;
	background:url(http://flare.mercrius.biz/flr/wp-content/uploads/h3_bg_01.png)  no-repeat left bottom,url(http://flare.mercrius.biz/flr/wp-content/uploads/h3_bg_02.png)  no-repeat right bottom,url(http://flare.mercrius.biz/flr/wp-content/uploads/icon_h3.png)  no-repeat 10px 25px;
	background-size:auto 36px,auto 36px,30px auto;
}
h3 span{font-size: 1.5rem;}
h4{
	font-size: 1.8rem;
	margin: 2em 0px 0.8em;	
	font-weight:lighter;
	padding:0.5em 0.8em;
	border-radius:10px 0px 10px 0px;
	background:url(http://flare.mercrius.biz/flr/wp-content/uploads/h4_bg_01.gif)  no-repeat left bottom ,url(http://flare.mercrius.biz/flr/wp-content/uploads/h4_bg_02.gif)  no-repeat right top #eee;
	background-size:auto 60px,auto 60px;
}
.normal_h4 {
	margin: 2em 0px 0.8em;
	padding:0.5em 0.8em;
	font-size: 1.8rem;
	font-weight:lighter;
	background:#eee;
	border-radius:0px;
}
.top_h3{
	background:url(http://flare.mercrius.biz/flr/wp-content/uploads/h3_title_bar.png)  no-repeat top left;
	color:#1e2f67;
	font-size:5rem;
	text-align:left;
	padding-top:10px;
	line-height:1;
	font-weight:lighter;
	margin-bottom:20px;
	border-bottom:none;
	padding-left:0;
}
.top_h3 span{color:#000; font-size:1.2rem; display:block;font-weight:normal;}
h5{
	color:#009db7;
	font-size:1.5rem;
	font-weight:normal;
	background:url(http://flare.mercrius.biz/flr/wp-content/uploads/icon_h5.png)  no-repeat 5px 7px;
	background-size:15px auto;
	padding-left:30px;
}
@media (max-width: 820px) {
	body {max-width:100%;}
	
	h3{
		background:url(http://flare.mercrius.biz/flr/wp-content/uploads/h3_bg_01.png)  no-repeat left bottom,
			url(http://flare.mercrius.biz/flr/wp-content/uploads/h3_bg_02.png)  no-repeat right bottom,
			url(http://flare.mercrius.biz/flr/wp-content/uploads/icon_h3.png)  no-repeat 10px 18px;
		background-size:auto 25px,auto 25px,25px auto;
		padding:0.5em 0 1em 40px;
		line-height:1.1;
	}
	h5{background-position:5px 5px; padding-left:25px;}
}
@media (min-width: 821px) {.tb {display: none !important;}}
@media (min-width: 481px) and (max-width: 820px) {
	.nonpc{display: none;}
	.pc {display: block !important;}
	.tb {display: block !important;}
}

@media (max-width: 480px) {
	.nonpc{display:block;}
	.pc {display: none !important;}
	.tb {display: none !important;}
	h3{
		font-size: 2rem;
		padding:0.5em 0 1em 30px;
		background-position:left bottom,right bottom,5px 13px;
		background-size:auto 20px,auto 20px,18px auto;
	}
	.top_h3{margin-bottom:10px;}
	h4{
		background:url(http://flare.mercrius.biz/flr/wp-content/uploads/h4_bg_01.gif)  no-repeat left bottom ,url(http://flare.mercrius.biz/flr/wp-content/uploads/h4_bg_02_sp.gif)  no-repeat right top #eee;
		background-size:auto 50px,auto 70px;
	}
	
}
.top-bar-content,
.home-header-content,
.container-content,
.footer-widget-content,
.site-bottom-content{
	margin-left: auto;
	margin-right: auto;
	max-width:1000px;
	width:100%;
	padding-left: 0px;
	padding-right: 0px;
}
.main-header-content{
	margin-left: auto;
	margin-right: auto;
	max-width:1400px;
	width:100%;
	padding-left: 0px;
	padding-right: 0px;
}
.site-content{
	margin-left: auto;
	margin-right: auto;
	padding-left: 4%;
	padding-right: 4%;

}
.content-area {
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 0rem;
	max-width:1000px;
}

@media screen and (min-width: 981px) {
	.jumbotron-content,
	.three-column .site-content,
	.has-sidebar .site-content,
	.footer-widget-content {
		max-width: 1800px;
		width:100%;
		margin:0px;
		padding-left:0;
		padding-right:0;
	}
	.main-header-content {
		max-width:100%;
		width:100%;		
		flex-wrap: wrap;
	}
	.has-sidebar .site-content {
		display: flex;
		justify-content: space-between;
		margin:0px auto ;
		padding:0px 2% 80px;
		width: 96%;
		max-width:100%;
	}
	.has-sidebar .content-area {
		width: 76%;
	}
	.has-sidebar .sidebar-area{
		border-top: none;
		padding-top: 0;
		margin-right:0%;
		width: 20%;
		min-width:240px;
		vertical-align:top;
	}
	.sticky-sidebar{
		border-top: none;
		padding-top: 0;
		margin-right:2%;
		width: 90%;
		vertical-align:top;
	}
	.site-content{
		max-width:1400px;
	}

}
@media (max-width: 980px) {
	.jumbotron-content,
	.three-column .site-content,
	.has-sidebar .site-content,
	.footer-widget-content {
		max-width: 96%;
		padding-left:2%;
		padding-right:2%;
	}
	.top-bar-content,
	.home-header-content,
	.container-content,
	.footer-widget-content,
	.site-bottom-content,
	.home .site-content{
		margin-left: auto;
		margin-right: auto;
		max-width:100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.main-header-content{
		margin-left: auto;
		margin-right: auto;
		max-width:96%;
		padding-left: 0%;
		padding-right: 0%;
		width:100%;		}
	.site-content{
		margin-left: auto;
		margin-right: auto;
		max-width:90%;
		padding-left: 4%;
		padding-right: 4%;
	}
	.content-area {
		max-width:100%;
	}

}
@media (max-width: 480px) {

	.top-bar-content,
	.home-header-content,
	.container-content,
	.footer-widget-content,
	.site-bottom-content,
	.home .site-content {
		margin-left: auto;
		margin-right: auto;
		max-width:100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.main-header-content{
		margin-left: auto;
		margin-right: auto;
		max-width:90%;
		padding-left: 4%;
		padding-right: 4%;
	}
	.site-content{
		margin-left: auto;
		margin-right: auto;
		max-width:90%;
		padding-left: 4%;
		padding-right: 4%;
	}
}


input[type="text"] {
  padding: 5px 0px 5px 5px;
  border: solid 1px #dcdcde;
	width:80%;
}
input[type="tel"] {
  padding: 5px 0px 5px 5px;
  border: solid 1px #dcdcde;
	width:80%;
}
input[type="email"] {
  padding: 5px 0px 5px 5px;
  border: solid 1px #dcdcde;
	width:80%;
}
textarea {width:80%;}
@media (max-width: 820px) {
	input[type="text"] {
	  padding: 10px 0px 10px 10px;
	}
	input[type="tel"] {
	  padding: 10px 0px 10px 10px;
	}
	input[type="email"] {
	  padding: 10px 0px 10px 10px;
	}
}

/* header */
.main-header {
	padding: 0px;
}
.site-logo img {
	margin:5px 0px 0px 0px;
}
.main-navigation #menu-item-31{
	margin-left:1px;
	background:#1e2f67;
	color:#fff;
	padding:10px 0px;
	font-weight:bold;
}
.main-navigation #menu-item-35{
	margin-left:1px;
	background:#009db7;
	color:#fff;
	padding:10px 0px;
	font-weight:bold;
}
.main-navigation #menu-item-31 a:hover{color: #fff; background:#1e2f67; opacity:0.7;}
.main-navigation #menu-item-35 a:hover{color: #fff; background:#009db7; opacity:0.7;}
@media screen and (min-width: 980px) {
	.main-navigation div.menu > ul > li:first-child > a,
	.main-navigation ul.menu > li:first-child > a {
		padding-left: 15px;
	}
	.main-navigation div.menu > ul > li:last-child > a,
	.main-navigation ul.menu > li:last-child > a {
		padding-right: 15px;
	}
}


/* TOP-mv */
.home-header, .home .jumbotron{
	display: none;
}
.home .site-header{
	position: absolute;
	top: 0;
	left:0;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	z-index: 2;
	transition:0.5s;
	border-bottom:none;
}
.header_wrap{
	position: relative;
	width: 100vw;
	height: 100vh;
	margin: 0 calc(50% - 50vw);
}
.header_movie{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: 1;
}

.header_movie video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
}
.mess_area1 {
	z-index:2;
  vertical-align:middle;
	overflow: hidden;
	position: absolute;
	bottom:1.4%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.mess1{
	display: flex;
	justify-content:space-between;
	width:100%;
}
.mess1 img{width:75%;}
.mess1_bt{
	width:100%;
	padding:0px;
	margin:0px;
}
.bg_dot{
	z-index:1;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
	background-image:radial-gradient(#1e2f67 1%, transparent 20%);
	background-size: 4px 4px;
}
.mess_area2 {
	z-index:2;
  vertical-align:middle;
	overflow: hidden;
	position: absolute;/*←絶対位置*/
  bottom:0;
	left: 0;
	transform-origin: bottom left;
}
.mess_area2 .mess2 img {
	display:block;
	text-align:center;
	width:70%;
	height:auto;
}
.mess_area3 {
	z-index:2;
    vertical-align:middle;
	overflow: hidden;
	position: absolute;/*←絶対位置*/
    top:0;
	left: 4%;
	transform: translateY(0) translateX(0);
}
.mess_area3 .mess3 h2 {
	font-size: 1.4rem;
	line-height:3rem;
	font-weight:lighter;
	color: #fff;
	text-shadow: 2px 2px 8px #000;
	margin-top:-40px;
	padding:0px;
}
.mess_area3 .mess3 h3 {
	font-size: 3.8rem;
	line-height:5.2rem;
	font-weight:lighter;
	color: #fff;
	text-shadow: 2px 2px 8px #000;
	background:none;
	padding-left:0;
	margin-top:60px;
}

/* ▼予備▼ */
.header_text{
	position: absolute;
	z-index: 2;
	right: 3%;
	bottom: 3%;
	text-align: center;
}
.header_text h2 img{ width: 250px;}
.header_text h2{
	font-size: 45px;
	font-weight:normal;
	color: #fff;
	text-shadow: 2px 2px 8px #000;
	margin-bottom: 0;
}
.header_text h3{
	font-size: 20px;
	color: #fff;
	text-shadow: 2px 2px 8px #000;
	margin-top: 10px;
}

@media (max-width: 821px) {
  .header_text{	right: 4%; bottom: 18%;}
  .header_text h2 img{ width: 220px;}
}
@media (max-width: 481px) {
  .header_text{	right: 4%; bottom:0%;transform: translate(0%, -60%);}
  .header_text h2 img{ width: 130px;}
}
@media (max-width: 376px) {
  .header_text h2 img{ width: 100px;}
}


/* ▲予備▲ */

.arrow{
	position: absolute;
	top: 90%;
	left: 48.5%;
	width: 20px;
  height: 20px;
  border: 5px solid;
  border-color: transparent transparent #fff #fff;
  transform: rotate(-45deg) translatex(-30px);
	z-index: 3;
}
.down{
  position: absolute;
	top: 90%;
	left: 49%;
	transform: translatex(-50px);
	color: #fff;
	z-index: 3;
	font-weight:bold;
}
@media (max-width: 820px) {
	.header_wrap{height: 80vh;}
}
@media (max-width: 481px) {
	.header_wrap{height: 520px;}
	.header_movie{
		width: 100%;
	}
	.mess_area3 {width:90%;}
	.mess_area3 .mess3 h2 {
		font-size: 1.3rem;
		line-height:2rem;
		margin-top:-25px;
	}
	.mess_area3 .mess3 h3 {
		font-size: 2.1rem;
		line-height:3rem;

	}
	.mess_area1 {bottom:3.5%; width:80%;}
	.mess1 img{width:90%;}
	.arrow{
		top: 89%;
		left: 50%;
		width: 10px;
		height: 10px;
		border: 3px solid;
		border-color: transparent transparent #fff #fff;
	}
	.down{top: 89%;}
}
@media (max-width: 376px) {.header_wrap{height: 70vh;}}

/* TOP-最新情報 */
.news_area{
	border-top:1px #1e2f67 solid; 
	border-bottom:1px #1e2f67 solid; 
	margin:100px auto;
	width:96%;
	padding:1% 2%;

}
.news_list ul{
	border-top:none; 
	border-bottom:none; 
}
.news_list li{
	border:2px #eee solid;
	padding:2% 3% 1%;
	border-radius:15px;
}
.news_list .wp-block-latest-posts__post-date{color:#009db7;}
.news_area h3{
	color: #009db7;
	font-size:5rem;
	line-height:1.2;
	font-weight:lighter;
	margin-top:0px;
	margin-bottom:20px;
	padding-left:0;
	border-bottom:none;
	background:none;
}
.news_area h3 span{color:#009db7; font-size:1.2rem; display:block; font-weight:normal;}
.news_list a{ text-decoration:underline;}
@media (max-width: 820px) {
	.news_area{
		margin:50px auto 10px;
		padding:1%;
	}
}
@media (max-width: 480px) {
	.news_area ul{ margin:0;}
	.news_area h3{ font-size:4rem; margin-bottom:0;}
}

/* TOP-Policy */
.policy_area{
	background: rgba(30, 47, 103, 0.05);
	margin: 0px calc(50% - 50vw) 0px;
	padding:10px;
}
.policy{
	width:1000px;
	padding:0px 2%;
	margin:0px auto;
}
@media screen and (min-width: 981px) {.policy{max-width:1400px;}}
@media (max-width: 980px) {.policy{max-width:100%; width:96%; padding:20px 10px;}}
@media (max-width: 820px) {.policy_area{margin-top:20px;}.policy img{ width:100%; margin:0px auto; text-align:center;}}


/* TOP-Service */
.service_area{
	width:96%;
	padding:1% 2%;
	margin: 0px auto;	
	border-bottom:2px #333333 solid;
}
.service_area img {text-align:center;}
.service_area h4{
	background:none;
	font-size: 1.8rem;
	font-weight:normal;
	line-height:1.1;
}
.service_area h4 img{margin-bottom:10px;}
.service_text{
	border-top:2px #333333 solid;
	margin:0px auto 10px;
	padding:20px 0px 15px;
}
@media screen and (min-width: 981px) {.service_area{max-width:1400px;}}
@media (max-width: 980px) {.service_area{max-width:100%;}}
@media (max-width: 820px) {.service_area img{ width:70%; margin:0px auto;}}


/* TOP-採用情報 */
.recruit_wrap{
	background: url("http://flare.mercrius.biz/flr/wp-content/uploads/recruit_bg.jpg") no-repeat left bottom;
	margin: 0px calc(50% - 50vw);
	min-height:200px;
	padding:50px;
	background-attachment:fixed;
	background-size:100%;
}
.recruit{
	width:950px;
	padding:1% 0px 1% 50px;
	margin:0px auto;
}
.recruit h2{
	color: #009db7;
	font-size:5rem;
	line-height:1.2;
	font-weight:lighter;
	margin-top:0px;
	margin-bottom:20px;
}
.recruit h2 span{color:#009db7; font-size:1.2rem; display:block;font-weight:normal;}
.recruit a:hover{color:#fff;}
@media screen and (min-width: 981px) {.recruit{max-width:1400px;}}
@media (max-width: 980px) {.recruit{max-width:100%; width:95%; padding:1% 0px 1% 2%;}}
@media (max-width: 820px) {
	.recruit_wrap{
		min-height:100px;
		padding:40px;
		background-attachment: scroll;
		background-position:left -15px;
	}
}
@media (max-width: 480px) {
	.recruit_wrap{
		padding:20px 0px 0px 20px;
		background-position:right -15px;
		background-size:auto 80%;
	}
}


/* TOP-お問い合わせ */
.contact_area{
	background: rgba(30, 47, 103, 1);
	margin: 0px calc(50% - 50vw) 30px ;
	padding:3% 0px;
}
.contact{
	width:90%;
	padding:1.5% 2% 0px;
	margin:0px auto;
}
.contact a{ text-decoration:none;}
.contact h2{
	color: #fff;
	font-size:5rem;
	line-height:1.2;
	font-weight:lighter;
	margin-top:0px;
	margin-bottom:20px;
}
.contact h2 span{color:#fff; font-size:1.2rem; display:block;font-weight:normal;}
.form_btn{font-size:1.8rem; line-height:2.5rem;}
.form_btn span{font-size:1rem; display:block;}
.tel_btn{font-size:1.8rem; line-height:2.5rem;}
.tel_btn span{font-size:1.5rem; display:block;}
@media (min-width: 751px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}
@media screen and (min-width: 981px) {.contact{max-width:1400px;}}
@media (max-width: 980px) {
	.contact{max-width:100%;}
	.form_btn{font-size:1.4rem; line-height:2rem;}
	.form_btn span{font-size:0.8rem; display:block;}
	.tel_btn{font-size:1.4rem; line-height:2rem;}
	.tel_btn span{font-size:1.5rem; display:block;}
}
@media (max-width: 820px) {
	.contact{
	width:97%;
	padding:1.5% 1% 0px;
	}
	.contact h2{font-size:4rem;}
}
@media (max-width: 480px) {.contact{width:90%;padding:1.5% 2% 0px;}}

/* subpagetitle */
.jumbotron {
	background-color: #1e2f67;
	background-position: center;
	background-size: cover;
}
.jumbotron-overlay {
	background-color: rgba( 30, 47, 103, 0.4 );
}
.jumbotron-content {
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
}
.jumbotron-content .subheader{
	background:url(http://flare.mercrius.biz/flr/wp-content/uploads/h3_title_bar.png)  no-repeat top center;
	font-size:1.2rem;
	color: #fff;
	padding-top:10px;
	line-height:1;
	letter-spacing: 3px;
	font-weight:lighter;
	margin-bottom:0px;
}
.jumbotron-title {
	color: #fff;
	font-size: 1.8rem;
	font-weight:lighter;
	letter-spacing: 2px;
	margin-bottom: 0;
	margin-top: 0;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 );
}
@media screen and (min-width: 782px) {
	.jumbotron-title {
		font-size: 2.5rem;
	}
	.jumbotron-content {
		padding-bottom: 20px;
		padding-top: 20px;
	}
}
@media screen and (min-width: 981px) {
	.jumbotron-content {
		padding-bottom: 20px;
		padding-top: 20px;
	}
}


/* page top btn */
.back-to-top {background: rgba( 231, 49, 116, 1);}
.back-to-top:before {color: #fff;}


/* footer */
.footer-widget-area {
	padding-bottom: 0;
	padding-top:60px;
	border-top:none;
}
.site-bottom{display:none;}
.footer-widget-area{margin-top:0px;}
.footer-widget-area .widget{margin-bottom: 0;}
.footer-navigation ul {margin: 0 0 0 0;}

.footer-widget ul{margin-bottom:0;}
.footer-widget-3{border-left:1px solid #ccc; }
.footer-widget-4{border-left:1px solid #ccc; }
.footer-widget-5{border-left:1px solid #ccc; }
.footer-widget-6{border-left:1px solid #ccc; padding-right:3%; }
.copy_area{
	background: rgba(30, 47, 103, 1);
	margin: 2% calc(50% - 50vw) 0px;
	padding:20px 0px;
}
.copy{color:#fff;}
.footer-widget li{ padding-left:12px; background: url("http://flare.mercrius.biz/flr/wp-content/uploads/icon_arr.png") no-repeat left 8px;}
.footer-widget li ul{margin:0px;}
.footer-widget li li{margin:0px;}
.footer_isms_area img {text-align:right;}
@media (max-width: 980px) {
	.footer-widget ul{margin:0px 0px 0px 15px;}
	.footer-widget-3{border-left:none; margin:0px;}
	.footer-widget-4{border-left:none; margin:0px;}
	.footer-widget-5{border-left:none; margin:0px;}
	.footer-widget-6{border-left:none; border-top:1px solid #ccc; margin:0px;}
	.copy_area{margin:1% 0px 0px;}
}
@media (max-width: 481px) {.footer-widget-6{ padding-right:3%; }.copy_area{padding:20px 0px;}}
.box{border:1px solid #b2e1e9; padding:2%;}
.none-box{border:1px solid #fff; padding:2%;}
.graph_title span{background:#eee; padding:5px 20px;}

.system-tech_box{border-bottom:1px solid #000; padding-bottom:30px; margin-bottom:30px;}
.system-tech_box p{text-align:center; padding:0px 10px;}
.system-tech_box2{border-left:1px solid #000; border-right:1px solid #000;}
.system-tech_box h5{background:none;}
@media (max-width: 820px) {.system-tech_box{border-bottom:none;}.system-tech_box2{border-left:none; border-right:none;}}

/* 導入事例 */
.works_wrap{
	border-top:2px #333 solid;
	background: url("http://flare.mercrius.biz/flr/wp-content/uploads/works_bg.png") no-repeat right bottom;
	margin: 50px calc(50% - 50vw) 0px;
	padding:50px;
	background-size:90%;
}
.works{
	width:1000px;
	padding:1% 2% 0px;
	margin:0px calc(50% - 25vw) 0px;
}
.works h2{
	color: #009db7;
	font-size:5rem;
	line-height:1.2;
	font-weight:lighter;
	margin: 0 0 20px 0;
}
.works h2 span{color:#009db7; font-size:1.2rem; display:block;font-weight:normal;}
.works a:hover{color:#fff;}
@media screen and (min-width: 981px) {.works{max-width:1400px;}}
@media (max-width: 980px) {.works{max-width:100%;} .works_wrap{background-size:120%;}}
@media (max-width: 820px) {
	.works_wrap{padding:40px 20px 20px; background-size:120%;}
	.works{	margin:0px calc(50% - 47vw) 0px;
}
}

.works_case h3{background:none; padding-left:0;}
.works_case h3 span{background:#1e2f67; color:#fff; font-size:1.2rem; font-weight:normal; padding:3px 10px;}
@media (max-width: 820px) {
	.works_case h3{background:none; padding-left:0; margin-top:-10px; margin-bottom:-50px; line-height:1.5;}
	.works_case h3 span{ margin-bottom:5px;}
}
.tech_box h5{border-left:2px #333 solid; border-right:2px #333 solid;}
.tech_list li{ margin-bottom:10px;}
.tech_list li li{ margin-bottom:0px;}

.company_table{width:80%; margin:0px auto;}
.company_table td{ padding:2%;}
.company_table strong{padding:0px 20px;}
.company_dl{
	margin:0px; padding:0px; clear:both;
	display:inline-block;
}
.company_dl dt{
	margin:1% 1% 1% 0px;
	padding:1% 2%;
	display:inline-block;
	width:20%;
	text-align:center;
	background-color: #f0f0f0;
	font-weight:normal;
}
.company_dl dd{
	margin:0px; padding:0px;
	display:inline-block;
	width:70%;
}
.company_work_list{
	list-style:none;
	margin:0px; padding:0px;
}
.company_work_list li{
	background:url(http://flare.mercrius.biz/flr/wp-content/uploads/icon_h5.png)  no-repeat left 5px;
	background-size:15px auto;
	padding-left:25px;
}

@media (max-width: 480px) {
	.company_table{width:100%; margin:0px auto;}
	.company_table td{ padding:5px;}
	.company_table strong{padding:0px;}
	.company_dl dt{width:30%;}
	.company_dl dd{width:60%;}
	.company_work_list li{background-size:12px auto; background-position:left 6px; padding-left:20px;}
}

.contact {
	width:80%;
	border-collapse: collapse;
	margin-top: 10px auto 40px;
}
.contact_table th {
	padding: 8px;
	text-align:center;
	border-bottom: 1px solid #DFD9CA;
	border-right:none;
	color: #333;
	background-color: #F3F3E9;
}
.contact_table td {
	padding: 8px;
	border-bottom: 1px solid #DFD9CA;
	border-right:none;
}
.contact_table p{margin-bottom:1px;}
.hs{color:#fff; background:#e73174; border-radius:3px; font-size:11px; padding:3px 5px; line-height:0;}
@media (min-width: 481px) {.contact_table h5{display:none;}}
@media (min-width: 481px) and (max-width: 820px) {
	.contact_table_th{width:32%;}
}

@media (max-width: 480px) {
	.contact{width:100%;}
	.contact_table h5{text-align:left; padding-left:25px;}
	.contact_table h5 span{ margin-left:8px;}
	.contact_table th {display:none; border-top:none;}
	.contact_table td {
		text-align:left;
		display:block;
		width:98%;
		margin:0px auto;		
		padding: 8px 0px 0px;	
		border-left:none;
		border-right:none;
		border-bottom:none;
	}

}

/* 採用情報 */
.recruit_wrap2{
	background: url("http://flare.mercrius.biz/flr/wp-content/uploads/recruit_bg.jpg") no-repeat right 200px;
	margin: 0px calc(50% - 50vw);
	padding:0px 50px;
	background-size:70%;
	background-attachment:fixed;	
}
.recruit_content{
	width:950px;

	padding:1% 0px;
	margin:0px auto;
}
.wp-image-705{ width:40%;}
.recruit_text{

text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.recruit_content h2{
	color: #009db7;
	font-size:5rem;
	line-height:1.2;
	font-weight:lighter;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
}
.recruit_content h2 span{color:#009db7; font-size:1.2rem; display:block;font-weight:normal;}
.recruit_content a:hover{color:#fff;}
@media screen and (min-width: 981px) {.works{max-width:1400px;}}
@media (max-width: 980px) {.recruit_content{max-width:100%;} .recruit_wrap2{background-size:120%;}}
@media (max-width: 480px) {.recruit_wrap2{padding:40px 20px 20px; background-size:70%;}}

.recruit-table{background:#fff;}
.recruit-table th{
	width:20%;
	background:#eeeeee;
	border-top:#fff 1px solid;
	border-bottom:#fff 1px solid; 
	border-left:#fff 1px solid; 
	border-right:#fff 1px solid; 
	text-align:center; 
	padding:1%; 
	color:#333;
}
.recruit-table td{
	padding:1%;
	border-bottom:#eee 1px solid;
	border-right:#fff 1px solid;
	border-top:#eee 1px solid;
}

.package_list li{margin-bottom:10px;}
.package_list li span{ font-size:80%;}

.dx_box_01{
	background: linear-gradient(180deg, #65d9e5 0%, #65d9e5 19%, #00788c 19%, #00788c 100%);
	margin: 50px calc(50% - 50vw) 0px;
	padding:0px;	
}
.dx_box_01_text{
	color:#fff;
	width:1000px;
	padding:0% 1% 1px;
	margin:0px auto;
}
.dx_box_01_text h3{color:#fff; border-bottom:1px #fff solid; padding-top:10%; padding-left:0; background:none;}
.dx_box_01_text h4{
	color:#fff;
	background:none;
	font-size:2rem;
	line-height:1.2;
	font-weight:lighter;
	margin-top:0px;
	margin-bottom:20px;
	padding:0;
}

.dx_box_02_bg{background:#222; margin: 0px calc(50% - 50vw);}
.dx_box_02{
	background: url("http://flare.mercrius.biz/flr/wp-content/uploads/dx_bg_02.png") no-repeat left center,url("http://flare.mercrius.biz/flr/wp-content/uploads/dx_bg_03.png") no-repeat right center;
	background-size:auto 65%,auto 65%;
	margin: 0px calc(50% - 50vw);
	padding:30px 50px 10px;
	color:#fff;
	text-align:center;
}
.dx_box_02_img img{margin-top:8px;}
.dx_box_02 h4{	background:none; font-size:3rem; color:#fff;margin:0px 0px 0px;}
.dx_box_02 h5{	font-size:2rem; font-weight:lighter; margin-top:0px;}
.dx_box_02_text{ width:80%; margin:0px auto; color:#222; padding:1%;}
.dx_box_02_text ul{list-style:none;}
.dx_box_02_text li{padding:1%; margin:1% auto; font-size:1.5rem; width:300px; background:#eee; border-radius:5px;}

@media (max-width: 820px) {
	.dx_box_01_text{
		padding:0% 2% 1px;
		width:90%;
	}
	.dx_box_02{background-size:auto 40%,auto 40%;}
}
@media (max-width: 480px) {
	.dx_box_01{background: linear-gradient(180deg, #65d9e5 0%, #65d9e5 11%, #00788c 11%, #00788c 100%);}
	.wp-image-846{margin-top:0px;}
	.dx_box_01_text h3{padding-top:0px;margin-top:0px;}
	.dx_box_02{background-size:auto 30%,auto 30%;background-position:left bottom,right bottom;}
	.dx_box_02_text ul{list-style:none; display:block;}
	.dx_box_02_text li{width:95%; display:block; padding:1% 2%; margin:2% auto; font-size:1.5rem; }
	.dx_box_02 h5{background:none;}
}

.dx_box_03{
	background: url("http://flare.mercrius.biz/flr/wp-content/uploads/dx_bg_01.png") no-repeat center top, url("http://flare.mercrius.biz/flr/wp-content/uploads/dx_bx_04.jpg") no-repeat center right;
	background-size:100% auto ,auto cover;
	margin: 0px calc(50% - 50vw);
	padding:150px 50px 100px;	
}
.dx_box_03_text{ width:1000px; margin:0px auto; color:#222; line-height:2;}
.dx_box_03_text p{font-size:1.5rem;}
.dx_box_03 h4{background:none; font-size:4rem; margin:0px 0px 0px;}
@media (max-width: 820px) {
	.dx_box_03{
		background-position:center top,right bottom;
		padding:0px;
		background-size:100% auto ,auto 100%;
	}
	.dx_box_03 h4{font-size:3rem;}
	.dx_box_03_text{ width:70%; padding:3% 0% 3% 2%; margin:0px auto 0px 2%;}
}
@media (max-width: 480px) {
	.dx_box_03{
		background: url("http://flare.mercrius.biz/flr/wp-content/uploads/dx_bg_01.png") no-repeat center top, url("http://flare.mercrius.biz/flr/wp-content/uploads/dx_bx_04_sp.jpg") no-repeat center left;
		background-size:200% auto ,100% auto;
		padding:50px 1%;
	} 
	.dx_box_03_text{ width:90%; padding:1%;}
}

.dx_service_text{border:3px #eee solid;}

.recruit_list{
	list-style:none;
	margin-left:0;

}
.recruit_list li{
	background: url("http://flare.mercrius.biz/flr/wp-content/uploads/recruit_icon.png") no-repeat left center;
	background-size:15px auto;
	padding-left:20px;
}
.recruit_text_1{background:#def3f3; padding:2% 1% 1px; border-radius:5px; font-size:1.4rem;}
.usecase_table span{font-size:11px;}
.usecase_table ul{margin-bottom:0px;}
.use-case-list h5{margin-top:-10px;}
.use-case-list li{margin-left:30px;}
.technology_img:hover img{
  transform: scale(1.1);
  transition-duration: 0.5s;
}
@media (max-width: 480px) {
	.recruit_list li{background-position:left 5px; background-size:12px auto;}
}

/* 最新情報 */
.news-wrap{width:700px; margin:0px auto;}
.post-summary{border-bottom:3px #eee solid;}
.entry-title{
	color:#1e2f67;
	font-size: 2.5rem;
	margin-bottom: 1em;
	margin-top:0em;	
	font-weight:lighter;
	padding:0.5em 0 0.5em 50px;
	border-bottom:#1e2f67 1px solid;
	background:url(http://flare.mercrius.biz/flr/wp-content/uploads/icon_h3.png)  no-repeat 10px 25px;
	background-size:30px auto;
}
.entry-meta{margin-bottom:-50px; color:#009db7;}
.entry-summary p{margin:0;}

@media (max-width: 480px) {
	.entry-title{
		font-size: 2rem;
		margin-bottom: 0.5em;
		margin-top: 1em;
		background:url(http://flare.mercrius.biz/flr/wp-content/uploads/icon_h3.png)  no-repeat 10px 20px;
		background-size:15px auto;
		padding:0.5em 0 0.5em 30px;
	}
	.entry-meta{margin-bottom:-40px;}
}
.wp-block-latest-posts__post-date{ color:#009db7;}
.company-table-th{width:20%;}

.application_h4_1 {background:#eee; border-radius:0px;}
.application_h4_2 {background:#1e2f67; color:#fff; border-radius:0px;}

.solution-text h5{margin-bottom:5px; margin-top:0px; font-size:1.2rem;background-position:5px 3px;}
.solution-text .h5-top{margin-top:-20px;}

.process_bn{ background:url("http://flare.mercrius.biz/flr/wp-content/uploads/main_bg_02.png")  no-repeat right bottom;
background-size:100% auto;}
.process_bn img{width:50%;}
.p-flare_txt_bn{border-radius:10px; padding:10px; background:url("http://flare.mercrius.biz/flr/wp-content/uploads/icon_arr3-1.png") no-repeat right center; background-size:15px auto;}
.p-flare_txt_bn a{text-decoration:none;}
.p-flare_txt_bn p{line-height:180%; padding-bottom:0px; margin-bottom:0px;}
.p-flare_bn img{border-radius:10px;}