@charset "utf-8";

/*******************************
  共通設定
*******************************/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	background: none;
	color: #464646 !important;
	font-size: 16px;
	line-height: 1.5;
}
a,
a:hover {
	color: #464646 !important;
	text-decoration: none;
}

#wpadminbar a,
#wpadminbar a:hover {
	color: #fff !important;
}

a.hov,
.hov a,
a.input,
.input a,
button.hov,
.hov button {
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
a.hov:hover,
.hov a:hover,
a.input:hover,
.hov input:hover,
button.hov:hover,
.hov button:hover {
	opacity: .8;
}

a.arrow01:after,
a span.arrow01:after {
	content: "\f178";
	margin: 0 0 0 4px;
	font-family: FontAwesome;
	font-size: 14px;
}
a.arrow02:after,
a.arrow03:after {
	content: "\f178";
	display: block;
	border: 2px solid;
	border-radius: 50%;
	font-family: FontAwesome;
	text-align: center;
}
a.arrow02:after {
	width: 26px;
	height: 26px;
	font-size: 14px;
	line-height: 26px;
}
a.arrow03:after {
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
}

.notoSans {
	font-family: 'Noto Sans Japanese', sans-serif;
}

br.sp {
	display: none;
}

.tel a {
	pointer-events: none;
}

#wrap {
	width: 100%;
	overflow: hidden;
}
.wrap {
	box-sizing: content-box;
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
}
@media screen and (max-width: 767px) {
	body.home .wrap {
		margin-right: auto;
		margin-left: auto;
		overflow: visible;
	}
}
@media screen and (max-width: 640px) {
	.tel a {
		pointer-events: auto;
	}
	br.sp {
		display: inline;
	}
	br.pc {
		display: none;
	}
}

/* header */

#overray {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 9000;
	background: rgba(0,0,0,.7);
}

#header {
	width: 100%;
	border-bottom: 4px solid #eee;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #fff !important;
	font-family: 'Noto Sans Japanese', sans-serif;
	overflow: visible;
}
#header a,
#header a:hover {
	color: #464646 !important;
}
#header .wrap {
	margin-right: auto !important;
	margin-left: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	overflow: visible !important;
}
#header .inner {
	position: relative;
}
#siteTitle {
	width: 77px;
	padding: 25px 0 17px;
	float:left;/* add 20190722*/
	margin-right: 10px !important;
}
#siteTitle img {
	width: 100%;
}



/* moto
#gNav ul {
	padding: 20px 0 0;
	position: absolute;
	left: 90px;
	bottom: 0;
	font-size: 14px;
	line-height: 20px;
}
#gNav li {
	display: inline-block;
	border-left: 1px solid #eee;
}
#gNav .sp {
	display: none;
}
#gNav li:nth-child(2) {
	border-left: none;
}
#gNav a {
	display: block;
	padding: 16px 28px;
}
#gNav a.request {
	padding: 6px 36px 6px 12px;
	position: absolute;
	right: 0;
	bottom: 13px;
	background: #eb6100;
	border-radius: 2px;
	color: #fff;
	text-align: center;
}
#gNav a.request {
	color: #fff !important;
}
#gNav .tel {
	position: absolute;
	right: 100px;
	bottom: 0;
}
#gNav .tel a:before {
	content: "\f095";
	margin: 0 5px 0 0;
	font-family: FontAwesome;
}
#gNav a.request:after {
	position: absolute;
	top: 8px;
	right: 10px;
}
*/


#gNav ul {
	padding: 20px 0 0;
	/*position: absolute; add*/
	left: 90px;
	/*bottom: 0; add*/
	font-size: 14px;
	line-height: 20px;
}
#gNav li {
	display: inline-block;
	border-left: 1px solid #eee;
}
#gNav .sp {
	display: none;
}
#gNav li:nth-child(2) {
	border-left: none;
}
#gNav a {
	display: block;
	padding: 16px 28px;
}
#gNav a.request {
	padding: 6px 36px 6px 12px;
	position: absolute;
	right: 0;
	bottom: 13px;
	background: #eb6100;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	font-size:14px;
}
#gNav a.request {
	color: #fff !important;
}
#gNav .tel {
	position: absolute;
	right: 100px;
	bottom: 0;
}
#gNav .tel a:before {
	content: "\f095";
	margin: 0 5px 0 0;
	font-family: FontAwesome;
}
#gNav a.request:after {
	position: absolute;
	top: 8px;
	right: 10px;
}


/* pulldown */
#gNav .menu-wrap {
overflow: hidden;
}

#gNav .menu-wrap li ul {

display: none;
position: absolute;
margin-left: 180px;
margin-left: 0;
margin-top:-20px;
z-index:1000;
border-bottom: 1px solid #eee;
}

#gNav .menu-wrap li ul li{
   display: block;
    border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background: #fff;
width: 200px;

}

#gNav .menu-wrap> li li:hover > a {
background: #f4f4f4;
}

.menu-wrap li ul li a {
  border-top: 1px solid #eee;
}




@media only screen and (max-width:960px) {
}
@media only screen and (max-width:900px) {
	#header .wrap {
		padding: 0 !important;
	}
	#header #siteTitle {
		margin: 0 0 0 20px;
		padding: 10px 0;
	}
	#spMenuBtn {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 0;
		right: 0;
	}
	#spMenuBtn:before {
		content: '';
		display: block;
		width: 20px;
		height: 16px;
		border-top: 2px solid #001c58;
		border-bottom: 2px solid #001c58;
		position: absolute;
		top: 15px;
		right: 15px;
		-webkit-transition: .3s;
		transition: .3s;
	}
	#spMenuBtn:after {
		content: '';
		display: block;
		width: 20px;
		height: 2px;
		background: #001c58;
		position: absolute;
		top: 24px;
		right: 15px;
		-webkit-transition: .3s;
		transition: .3s;
	}
	#spMenuBtn.active:before {
		width: 20px;
		height: 2px;
		border-top: none;
		border-bottom: none;
		background: #001c58;
		top: 24px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#spMenuBtn.active:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#gNav {
		width: 100%;
		margin: 0;
		position: absolute;
		top: 54px;
		top: calc(100% + 4px);
		left: 0;
		background: #fff;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: top center;
		transform-origin: top center;
		-webkit-transition: .3s;
		transition: .3s;
	}
	#gNav.active {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
	#gNav ul {
		padding: 0;
		position: static;
		background: #fff;
		font-size: 16px;
	}
	#gNav li {
		box-sizing: border-box;
		width: 20%;
		border-bottom: 1px solid #eee;
	}
	#gNav a {
		padding: 15px 0;
		text-align: center;
	}
	#gNav .tel {
		position: static;
		background: #fff;
	}
	#gNav .tel a {
		padding: 13px 0;
	}
	#gNav a.request {
		padding: 13px 0;
		position: relative;
		bottom: auto;
		right: auto;
		border-radius: 0;
	}
	#gNav a.request:after {
		top: 15px;
		right: 10px;
	}
	
	
	/* pulldown */

#gNav .menu-wrap {
overflow: hidden;
}
	

#gNav .menu-wrap li ul {
width: 25%;
display: none;
position: absolute;
text-align: center;
margin-top:0px;
z-index:1000;
left: 0 !important;
margin-left: 25%;
margin-left: 0;		
}

#gNav .menu-wrap li ul li{
   display: block;
    border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background: #fff;
	width: 100%;
	text-align: center;
}

#gNav .menu-wrap> li li:hover > a {
background: #f4f4f4;
	text-align: center;
	width: 100%;
}

.menu-wrap li ul li a {
	padding: 15px;
  border-top: 1px solid #eee;
	text-align: center;
	width: 100%;
}
	

	
	
	
	
	
	
	
	
	
	
	
	
}


@media only screen and (max-width:640px) {
	#gNav li,
	#gNav .sp {
		display: block;
		width: auto;
		border-left: none;
	}
	
	
	/* pulldown */

#gNav .menu-wrap {
display:block;
}
	
#gNav ul li {
display:block;		
}
	
li.m3 {
		margin-top:102px;
}
	
#gNav .menu-wrap li ul {
display:block;		
width: 100%;
position: absolute;
text-align: center;
margin-top:0px;

left: 0 !important;

}

#gNav .menu-wrap li ul li{
  border-top: none;
    border-left: none;
	border-right: none;
	border-bottom: none;
	background: #fff;
	width: 100%;
	text-align: center !important;
	/*margin-left: -25%;*/
}

#gNav .menu-wrap> li li:hover > a {
background: #fff;
	text-align: center;
	width: 100%;
}

.menu-wrap li ul li a {
	padding: 15px;

	text-align: center;
	width: 100%;
}	
	
	
	
	
	
	
	
	
	
}






/* main */

#main {
}

#mainVisual {
	height: 550px;
	position: relative;
}
#mainVisual .slides {
	width: 100%;
	height: 550px;
	position: absolute;
	top: 0;
	left: 0;
}
#mainVisual .slides li {
	width: 100%;
	height: 550px;
}
#mainVisual .image {
	width: 100%;
	height: 550px;
	background: 50% 50% no-repeat;
	background-size: cover;
}
#mainVisual .inner {
	width: 100%;
	height: 550px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
#mainVisual .wrap {
	box-sizing: border-box;
	height: 550px;
	padding-top: 200px;
	color: #fff;
}
#mainVisual .logo {
	margin: 0 0 130px;
}
#mainVisual .logo img {
	width: 110px;
}
#mainVisual .copy {
	margin: 0 0 55px;
	position: relative;
	font-size: 48px;
	line-height: 58px;
}
#mainVisual .copy:before {
	content: '';
	display: block;
	width: 200px;
	height: 4px;
	position: absolute;
	top: -35px;
	left: 0;
	background: #eb6100;
}
#mainVisual .name {
	height: 77px;
	overflow: hidden;
	font-size: 20px;
	line-height: 82px;
}
#mainVisual .name img {
	margin: 0 20px 0 0;
	vertical-align: top;
}
#mainVisual .link {
	padding: 0 0 0 143px;
}
#mainVisual .link li {
	display: inline-block;
	margin: 0 10px 0 0;
}
#mainVisual .link li a {
	display: inline-block;
	padding: 15px 65px 15px 30px;
	position: relative;
	background: #eb6100;
	border-radius: 2px;
	color: #fff !important;
	font-size: 16px;
}
#mainVisual .link li a:after {
	position: absolute;
	top: 12px;
	right: 20px;
}

.title {
	color: #001c58;
}
.title em {
	color: #eb6100;
	font-style: normal;
}
.sectionTitle01 {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.sectionTitle01 span {
	display: inline-block;
	padding: 0 60px;
	position: relative;
	background: #fff;
}
.sectionTitle01:before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	top: calc(50% - 2px);
	left: 0;
	background: #e5e5e5;
}
.sectionTitle02 {
	position: relative;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.sectionTitle02 span {
	display: inline-block;
	padding: 0 30px;
	position: relative;
	background: #fff;
}
.sectionTitle02:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #e5e5e5;
}
.sectionTitle03 {
	position: relative;
	font-size: 24px;
	color: #eb6100;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.sectionTitle03 span {
	display: inline-block;
	padding: 0 30px;
	position: relative;
	background: #fff;
}
.sectionTitle03:before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	top: calc(50% - 2px);
	left: 0;
	background: #001c58;
}
.catch01 {
	font-size: 28px;
	line-height: 50px;
	text-align: center;
}
.row2_390 .text,
.row2_390 .image,
.row2_390 .panel {
	width: calc(100% * 390 / 920);
}
.row2_390.fromRight .text {
	margin: 0 calc(100% * 40 / 920) 0 calc(100% * 60 / 920);
}
.row2_390.fromLeft .text,
.row2_390 .panel {
	margin: 0 calc(100% * 60 / 920) 0 calc(100% * 40 / 920);
}
.row2_430 .panel {
	width: calc(100% * 430 / 920);
	margin: 0 0 0 calc(100% * 60 / 920);
}
.fromRight .text,
.fromRight .image {
	float: right;
}
.fromLeft .text,
.fromLeft .image,
.row2_390 .panel,
.row2_430 .panel {
	float: left;
}
.row2_390 .panel {
	margin-top: 55px;
}
.row2_390 .panel:nth-child(odd) {
	clear: both;
}
.row2_390 .panel:nth-child(even) {
	margin-right: 0;
	margin-left: 0;
}
.row2_430 .panel:first-child {
	margin-left: 0;
}

.row2_390 .panel .image {
	width: auto;
	float: none;
}
.panelTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}
.panel .panelTitle + p {
	margin: 20px 0 0;
}
.panel p + .image {
	margin: 25px 0 0;
}


dl.point01 {
	background: #001c58;
}

dl.point01 dt,
dl.point01 dd {
border-top: 30px solid #fff;
}

dl.point01 dt {
	margin: 0 0 0;
	padding: 7px 10px 7px;
	background: #001c58;
	float: left;
	clear: both;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}
dl.point01 dd {
	margin: 0 0 0;
	padding: 7px 10px 7px 30px;
	float: left;
	background: #eee;
	color: #001c58;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}
dl.point01 dt:first-child,
dl.point01 dt:first-child + dd {
	margin: 0;
}
ul.point02 li {
	margin: 10px 0 0;
	color: #001c58;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
}
ul.point02 li:first-child {
	margin: 0;
}

.underline {
	display: inline-block;
	position: relative;
}
.underline:before {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 5px;
	background: #eb6100;
}
.underline span {
	display: inline-block;
	position: relative;
}
a.more {
	display: inline-block;
	width: 83px;
	background: #001c58;
	border-radius: 2px;
	color: #fff !important;
	font-size: 14px;
	line-height: 36px;
	text-align: center;
}
a.ask {
	display: inline-block;
	padding: 12px 110px 12px 60px;
	position: relative;
	background: #001c58;
	border-radius: 2px;
	color: #fff !important;
	line-height: 30px;
	text-align: center;
}
a.ask:after {
	position: absolute;
	top: 12px;
	right: 20px;
}

@media only screen and (max-width:960px) {
}
@media only screen and (max-width:768px) {
	#mainVisual .copy {
		font-size: 36px;
		line-height: 48px;
	}
}
@media only screen and (max-width:640px) {
	#mainVisual {
		margin-top: 54px;
	}
	#mainVisual,
	#mainVisual .inner,
	#mainVisual .wrap {
		height: auto;
	}
	#mainVisual .image {
		height: 0;
		padding-top: 45.833%;
	}
	#mainVisual .wrap {
		padding-top: 50px;
	}
	#mainVisual .logo {
		margin: 0 0 30px;
	}
	#mainVisual .logo img {
		height: 30px;
	}
	#mainVisual .copy {
		margin: 0 0 30px;
		font-size: 20px;
		line-height: 1.3;
	}
	#mainVisual .copy:before {
		width: 100px;
		height: 2px;
		top: -15px;
	}
	#mainVisual .name {
		height: 30px;
		margin: 0 0 20px;
		font-size: 14px;
		line-height: 30px;
	}
	#mainVisual .name img {
		height: 30px;
		margin: 0 5px 0 0;
	}
	#mainVisual .link {
		padding: 0 5%;
	}
	#mainVisual .link li {
		display: block;
		margin: 10px 0 0;
	}
	#mainVisual .link li a {
		display: block;
	}
	
	.sectionTitle01 {
		font-size: 20px;
	}
	.sectionTitle01 span {
		padding: 0 2em;
	}
	.sectionTitle01:before {
		height: 2px;
		top: calc(50% - 1px);
	}
	.sectionTitle02 {
		font-size: 18px;
	}
	.sectionTitle02 span {
		padding: 0 1em;
	}
	.sectionTitle03 {
		font-size: 20px;
	}
	.sectionTitle03 span {
		padding: 0 1em;
	}
	.sectionTitle03:before {
		height: 2px;
		top: calc(50% - 1px);
	}
	.catch01 {
		font-size: 20px;
		line-height: 1.5;
	}
	.row2_390 .text,
	.row2_390 .image {
		width: auto;
	}
	.row2_390.fromRight .text,
	.row2_390.fromLeft .text {
		margin: 0 0 20px;
	}
	.fromRight .text,
	.fromRight .image,
	.fromLeft .text,
	.fromLeft .image {
		float: none;
	}
	.row2_390 .image {
		text-align: center;
	}
	dl.point01 dt {
		margin: 10px 0 0;
		padding: 5px 10px;
		font-size: 16px;
		line-height: 26px;
	}
	dl.point01 dd {
		margin: 10px 0 0;
		padding: 5px 20px;
		font-size: 18px;
		line-height: 26px;
	}
	ul.point02 li {
		margin: 10px 0 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 26px;
	}

	.underline:before {
		height: 2px;
		bottom: 3px;
	}
	
	dl.point01 dd {
	border-top: none;
	}
	
	dl.point01 dt {
	border-top: 20px solid #fff;
	}

	
	
}

/* footer */

#footer {
	margin: 30px 0 0;
	border-top: 4px solid #e5e5e5 !important;
	color: #464646 !important;
	font-family: 'Noto Sans Japanese', sans-serif;
}
#footer > .contact .title {
	width: 670px;
	margin: -30px auto -25px;
	position: relative;
	top: -30px;
	background: #fff;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
#footer > .contact ul {
	box-sizing: border-box;
	width: 50%;
	padding: 40px 0 30px;
	float: left;
}
#footer > .contact ul:first-child {
	border-right: 1px solid #e5e5e5;
}
#footer > .contact li {
	margin: 0 0 30px;
	padding: 0 calc(100% * 40 / 460);
}
#footer > .contact .tel {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #001c58;
	font-size: 28px;
	font-weight: bold;
	line-height: 38px;
}
#footer > .contact .tel a {
	color: #001c58 !important;
}
#footer > .contact .inquery a,
#footer > .contact .request a,
#footer > .contact .trial a,
#footer > .contact .inquery a:hover,
#footer > .contact .request a:hover,
#footer > .contact .trial a:hover {
	display: block;
	padding: 15px 30px;
	position: relative;
	border-radius: 2px;
	color: #fff !important;
}
#footer > .contact .inquery a {
	background: #001c58;
}
#footer > .contact .request a,
#footer > .contact .trial a {
	background: #eb6100;
}
#footer > .contact .inquery a:after,
#footer > .contact .request a:after,
#footer > .contact .trial a:after {
	position: absolute;
	top: 12px;
	right: 22px;
}
#footer > .mailnews {
	background: #eee;
}
#footer > .mailnews .inner {
	padding: 72px calc(100% * 40 / 920);
	position: relative;
}
#footer > .mailnews .text {
	font-size: 20px;
	font-weight: bold;
	
}
#footer > .mailnews a {
	display: block;
	box-sizing: border-box;
	width: 280px;
	border: 2px solid #a0a0a0;
	padding: 13px 30px;
	position: absolute;
	top: calc(50% - 27px);
	right: calc(100% * 40 / 920);
	border-radius: 2px;
}
#footer > .mailnews a:after {
	position: absolute;
	top: 10px;
	right: 20px;
}
#footer .media,
#footer .facebook {
	box-sizing: border-box;
	width: 50%;
	padding: 25px calc(100% * 40 / 920) 50px;
	float: left;
}
#footer .media .title,
#footer .facebook .title {
	margin: 0 0 30px;
	border-bottom: 1px solid #dcdcdc;
	padding: 0 0 20px;
	position: relative;
	color: #464646;
	font-size: 18px;
	line-height: 1;
}
#footer .media .title:after,
#footer .facebook .title:after {
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -3px;
	background: #eb6100;
}
#footer .media li {
	float: left;
	/*margin-top: 25px;*/
	margin-right:15px;
	margin-bottom: 10px;
}

/*
#footer .media .diamondonline {
    width: calc(100% * 70 / 380);
    margin-top: 0;
    margin-right: calc(100% * 10  / 380);
}
#footer .media .toyokeizai {
    width: calc(100% * 94 / 380);
    margin-top: 0;
    margin-right: calc(100% * 10  / 380);
}


#footer .media .asahi {
	width: calc(100% * 100 / 380);
	margin-top: 0;
	margin-right: calc(100% * 10 / 380);
}
#footer .media .nikkei {
	width: calc(100% * 140 / 380);
	margin-top: 15px;
	margin-right: calc(100% * 10 / 380);
}
#footer .media .sendenkaigi {
	width: calc(100% * 120 / 380);
	margin-top: 15px;
}
#footer .media .advertimes {
	width: calc(100% * 120 / 380);
	margin-right: calc(100% * 10 / 380);
	margin-top: 15px;
}
#footer .media .diamond {
	width: calc(100% * 144 / 380);
	margin-top: 15px;
}
*/

#footer .media img {
	max-width: 100%;
}

#footer .ci {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#footer .ci .wrap {
	padding: 15px 10px;
	position: relative;
}
#footer .ci .logo {
	width: 77px;
}
#footer .ci .pagetop {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 10px;
	background: #001c58;
	color: #fff !important;
	font-size: 20px;
	line-height: 61px;
	text-align: center;
}
#footer .ci .pagetop:after {
	content: "\f077";
	font-family: FontAwesome;
}
#footer .nav {
	font-size: 12px;
	line-height: 1.5;
}
#footer .nav .wrap {
	padding: 0 10px;
}
#footer .nav .inner {
	display: table;
	box-sizing: border-box;
	width: 100%;
	border-right: 1px solid #e5e5e5;
}
#footer .nav .col {
	display: table-cell;
	box-sizing: border-box;
	width: 20%;
	border-left: 1px solid #e5e5e5;
	padding: 35px 20px 55px;
}
#footer .nav .col > ul > li > a {
	color: #001c58;
}
#footer .nav .col li ul {
	margin: 10px 0 20px;
}
#footer .nav .col li li {
	margin: 5px 0 0;
	padding-left: 1em;
}


#footer .nav .col li {
    margin: 10px 0 0;
}

#footer .nav .col li li:before {
}
#footer .nav .blog li {
	margin: 0 0 10px;
}
#footer .nav .contact {
	background: #eee;
}
#footer .nav .contact .request,
#footer .nav .contact .trial,
#footer .nav .contact .inquery,
#footer .nav .contact .smart {
	margin: 18px 0 0;
}
#footer .nav .contact a {
	display: block;
	padding: 7px 10px 7px 17px;
	color: #001c58 !important;
}
#footer .nav .contact .smart a {
	padding: 7px 10px 7px;
}
#footer .nav .contact a {
	border: 2px solid #eb6100;
	color: #eb6100 !important;
}
#footer .nav .inquery a {
	border: 2px solid #001c58;
	color: #001c58 !important;
}
#footer .nav .smart a {
	border: 2px solid #001c58;
	background: #001c58;
	color: #fff !important;
}
#footer .nav .smart a img {
	width: 40px;
	margin: -1px 5px -3px 0;
}
#footer .copyright {
	border-top: 1px solid #e5e5e5;
	padding: 30px 0 10px;
	font-size: 12px;
	line-height: 1;
	text-align: center;
}

@media only screen and (max-width:960px) {
	#footer > .mailnews {
		text-align: center;
	}
	#footer > .mailnews a {
		margin: 20px auto 0;
		position: relative;
		top: 0;
		right: 0;
	}
}
@media only screen and (max-width:768px) {
	#footer > .contact .title {
		width: auto;
		margin: 20px 20px 5px;
	}
	#footer > .contact ul {
		width: auto;
		float: none;
	}
	#footer > .contact ul:first-child {
		border-right: none;
		padding-bottom: 0;
	}
	#footer > .contact ul:last-child {
		padding-top: 0;
	}
	#footer .media,
	#footer .facebook {
		width: auto;
		padding: 30px 10px;
		float: none;
	}
	#footer .media .title:after,
	#footer .facebook .title:after {
		height: 2px;
		bottom: -2px;
	}
	#footer .media li {
		width: auto !important;
		margin: 0 20px 20px 0 !important;
		clear: none !important
	}
	#footer .ci .pagetop {
		right: 0;
	}
	#footer .nav .wrap,
	body.home #footer .nav .wrap {
		padding: 0;
	}
	#footer .nav .inner {
		display: block;
		border-right: none;
		padding: 20px 0 0;
	}
	#footer .nav .col {
		display: block;
		width: auto;
		border-left: none;
		padding: 0 10px;
	}
	#footer .nav .col li ul {
		margin: 10px 0 20px;
	}
	#footer .nav .contact {
		padding: 10px;
		background: #eee;
	}
	#footer .nav .contact .request,
	#footer .nav .contact .trial,
	#footer .nav .contact .inquery,
	#footer .nav .contact .smart {
		margin: 15px 0 0;
	}
	#footer .nav .contact a {
		display: block;
		text-align: center;
	}
}
@media only screen and (max-width:640px) {
	#footer > .contact .title {
		font-size: 20px;
	}
}

/* top */

body.home {
	background: none;
}
body.home .wrap {
	width: auto;
	margin: 0 auto !important;
}


/* Header navi slide move
body.home #header {
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
*/

body.home #header {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

body.home #header.active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
body.home #mainVisual .wrap {
	padding-top: 20px;
}
body.home #main {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック" ,sans-serif;
}
body.home .menu01 {
	padding: 115px 0 80px;
}
body.home .menu01 .title {
	margin: 0 0 50px;
	position: relative;
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
}
body.home .menu01 .title:before {
	content: '';
	display: block;
	margin: 0 0 0 -40px;
	position: absolute;
	top: -35px;
	left: 50%;
	width: 80px;
	height: 4px;
	background: #eb6100;
}
body.home .menu01 li {
	display: inline-block;
	width: calc(100% * 280 / 920);
	margin: 0 0 0 calc(100% * 40 / 920);
	text-align: center;
}
body.home .menu01 li:first-child {
	margin: 0;
}
body.home .menu01 a {
	display: block;
	position: relative;
}
body.home .menu01 .text {
	display: block;
	margin: 25px 0 0;
	padding: 35px 0 45px;
	background: #001c58;
	color:  #fff;
}
body.home .menu01 .more {
	display: block;
	width: 83px;
	padding: 9px 0;
	position: absolute;
	right: 20px;
	bottom: -17px;
	background: #ef4d0c;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}
body.home .catch {
	min-height: 262px;
	background: url(../../imgs/bg-top01.jpg) 50% 50% no-repeat;
	background-size: cover;
}
body.home .catch .inner {
	box-sizing: border-box;
	width: calc(100% * 420 / 920);
	padding: 55px calc(100% * 20 / 920) 55px  calc(100% * 40 / 920);
	float: left;
}
body.home .catch .title {
	margin: 0 0 30px;
	font-size: 20px;
	line-height: calc(35 / 20);
}
body.home .catch .title em {
	color: #001c58;
}
body.home .catch .image {
	width: calc(100% * 540 / 920);
	margin: 40px calc(100% * -40 / 920) 0 0;
	float: left;
}
body.home .menu02 {
	background: #001c58;
	color: #fff;
}
body.home .menu02 section {
	min-height: 413px;
	position: relative;
}
body.home .menu02 section:before {
	content: '';
	display: block;
	width: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	background: 50% 0 no-repeat;
	background-size: cover;
}
body.home .menu02 .section01::before {
	right: 0;
	background-image: url(../../imgs/img-top02-1.png);
}
body.home .menu02 .section02::before {
	left: 0;
	background-image: url(../../imgs/img-top03.png);
}
body.home .menu02 .section03::before {
	right: 0;
	background-image: url(../../imgs/img-top04-1.jpg);
}
body.home .menu02 .inner {
	box-sizing: border-box;
	width: 50%;
	padding: 95px calc(100% * 60 / 920) 0 calc(100% * 40 / 920);
	float: left;
}
body.home .menu02 .section02 .inner {
	padding: 95px calc(100% * 40 / 920) 0 calc(100% * 60 / 920);
	float: right;
}
body.home .menu02 .title {
	margin: 0 0 25px;
	position: relative;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	line-height: calc(36 / 24);
}
body.home .menu02 .title:before {
	content: '';
	display: block;
	position: absolute;
	top: -35px;
	left: 0;
	width: 80px;
	height: 4px;
	background: #eb6100;
}
body.home .menu02 .title em {
	display: block;
}
body.home .menu02 .title em {
	display: block;
}
body.home .menu02 .more {
	display: block;
	width: 83px;
	margin: 45px auto 0;
	border: 2px solid #fff;
	border-radius: 2px;
	background: #fff;
}
body.home .menu02 .more a {
	display: block;
	background: #001c58;
	color: #fff !important;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
}
body.home .news,
body.home .report {
	width: 50%;
	float: left;
}
body.home .news .inner,
body.home .report .inner {
	padding: 60px calc(100% * 40 / 460) 0;
}
body.home .news .headline,
body.home .report .headline {
	margin: 0 0 40px;
	border-top: 1px solid #dcdcdc;
	padding: 30px 0 0;
	position: relative;
}
body.home .news .headline:before,
body.home .report .headline:before {
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	position: absolute;
	top: -1px;
	left: 0;
	background: #eb6100;
}
body.home .news .title,
body.home .report .title {
	color: #464646;
	font-size: 18px;
	line-height: 1;
}
body.home .news .more,
body.home .report .more {
	position: absolute;
	top: 30px;
	right: 0;
	font-size: 14px;
}
body.home .news dl,
body.home .report dl {
	font-size: 14px;
	line-height: 24px;
}
body.home .news dt,
body.home .report dt {
	width: 95px;
	margin: 0 0 30px;
	float: left;
	clear: both;
}
body.home .news dd,
body.home .report dd {
	margin: 0 0 30px;
}

body.home .faq {
	margin: 55px 0 65px;
	border-top: 4px solid #e5e5e5;
}
body.home .faq .title {
	margin: -15px auto 45px;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
body.home .faq .title span {
	display: inline-block;
	padding: 0 2em;
	background: #fff;
}
body.home .faq ul{
	max-width: 880px;
	margin: 0 auto;
	font-size: 14px;
}
body.home .faq li{
	margin: 0 0 3px;
	float: left;
}
body.home .faq li:nth-child(odd) {
	width: 440px;
	margin-right: 30px;
}
body.home .faq li:nth-child(even) {
	width: 410px;
}
body.home .faq a {
	display: flex;
	min-height: 50px;
	padding: 0 0 0 65px;
	position: relative;
	color: #001c58;
	align-items: center;
}
body.home .faq span {
}
body.home .faq a:before {
	content: 'Q';
	display: block;
	width: 50px;
	position: absolute;
	top: 0;
	left: 0;
	background: #001c58;
	color: #fff;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック" , sans-serif;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
}

@media only screen and (max-width:960px) {
	body.home .faq .title {
		margin: 10px auto 45px;
	}
	body.home .faq li{
		float: none;
	}
	body.home .faq li:nth-child(odd),
	body.home .faq li:nth-child(even) {
		width: auto;
		margin-right: 0;
	}
}
@media only screen and (max-width:768px) {
	body.home #mainVisual .copy {
		margin: 0 0 50px;
		font-size: 28px;
	}
	body.home .catch .wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	body.home .catch .inner {
		width: auto;
		margin: 0 0 40px;
		padding: 0;
	}
	body.home .catch .title {
		font-size: 20px;
		line-height: 1.3;
	}
	body.home .catch .image {
		display: block;
		width: auto;
		max-width: 80%;
		margin: 0 auto;
		float: none;
	}
	body.home .news,
	body.home .report {
		width: auto;
		float: none;
	}
	body.home .news .inner {
		padding: 30px 0 0;
	}
	body.home .report .inner {
		padding: 0;
	}
}
@media only screen and (max-width:640px) {
	body.home #header {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	body.home #mainVisual .wrap {
		padding-top: 50px;
	}
	body.home #mainVisual,
	body.home #mainVisual .slides,
	body.home #mainVisual .slides li,
	body.home #mainVisual .image,
	body.home #mainVisual .inner,
	body.home #mainVisual .wrap {
		height: 400px;
	}
	body.home #mainVisual .image {
		padding: 0;
	}
	body.home #mainVisual .logo {
		display: none;
	}
	body.home .menu01 {
		padding: 70px 0 50px;
	}
	body.home .menu01 .title {
		margin: 0 0 30px;
		font-size: 20px;
		line-height: 1.5;
	}
	body.home .menu01 .title:before {
		width: 40px;
		height: 2px;
		margin: 0 0 0 -20px;
		top: -20px;
	}
	body.home .menu01 li {
		display: block;
		width: auto;
		margin: 30px 0 0;
	}
	body.home .menu01 .text {
		padding: 20px 0;
	}
	body.home .menu02 section {
		min-height: 0;
	}
	body.home .menu02 section:before {
		width: 100%;
		height: 200px;
		position: static;
	}
	body.home .menu02 .inner,
	body.home .menu02 .section02 .inner {
		width: auto;
		padding: 50px 0 30px;
		float: none;
	}
	body.home .menu02 .title {
		margin: 0 0 15px;
		font-size: 20px;
		line-height: 1.3;
	}
	body.home .menu02 .title:before {
		width: 40px;
		height: 2px;
		top: -20px;
	}
	body.home .menu02 .section03:before {
		background-position: 50% 50%;
	}
}


/* smart ==============================*/

#smart {
	background: none;
}
#smart #main {
	float: none;
}
#smart #about {
	margin: 75px 0 0;
}
#smart .catch01 {
	margin: 70px 0 0;
}
#smart .catch01 ~ section {
	margin: 70px 0 0;
}
#smart .sectionTitle02 + p {
	margin: 45px 0 35px;
	text-align: center;
}
#smart #about .section01 .point01 dt {
	width: 130px;
}
#smart #about .section01 .point01 dd {
	box-sizing: border-box;
	width: calc(100% - 130px);
}
#smart #about .section02 .point01 dt {
	width: 110px;
}
#smart #about .section02 .point01 dd {
	box-sizing: border-box;
	width: calc(100% - 110px);
	font-size:20px;
	padding-right:10px;
	padding-left:20px;
}
#smart #about .more {
	display: block;
	margin: 45px auto 0;
}
#smart #plan {
	margin: 100px 0 110px;
}
#smart #plan .panel {
	width: calc(100% * 280 / 920);
	margin: 75px 0 60px calc(100% * 40 / 920);
	float: left;
	background: #eee;
}
#smart #plan .panel:first-child {
	margin-left: 0;
}
#smart #plan .panel h3 {
	padding: 50px 25px;
	position: relative;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
#smart #plan .panel h3:before {
	content: '';
	display: block;
	width: 80px;
	height: 4px;
	margin: 0 0 0 -40px;
	position: absolute;
	top: 0;
	left: 50%;
	background: #eb6100;
}
#smart #plan .panel h3.new:before {
	content: 'NEW';
	height: auto;
	padding: 10px 0 6px;
	font-size: 16px;
	text-align: center;
	line-height: 1;
}
#smart #plan .panel h3.new:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 -40px;
	border-style: solid;
	border-width: 13px 40px 0 40px;
	border-color: #eb6100 transparent transparent transparent;
	position: absolute;
	top: 32px;
	left: 50%;
}

#smart .lite {
	background: #66779b;
}
#smart .standard {
	background: #334979;
}
#smart .pro {
	background: #001c58;
}
#smart #plan .panel .catch {
	min-height: 75px;
	padding: 20px 25px 15px;
	color: #eb6100;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
#smart #plan .panel p {
	padding: 0 25px 20px;
}

#smart sup {
	font-size: 12px;
}
#smart td sup {
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% + 13px);
}
#smart a.ask {
	display: block;
	box-sizing: border-box;
	max-width: 380px;
	margin: 50px auto 0;
}
#smart .note {
	margin: 60px auto 0;
	font-size: 14px;
	line-height: 1.5;
}
#smart .note li {
	margin: 4px 0 0;
}
#smart .note li:first-child {
	margin: 0;
}
#smart .note ol {
	counter-reset: num;
}
#smart .note ol li {
	counter-increment: num;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#smart .note ol li:before {
	content: '※' counter(num);
}
#smart .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}
#smart .note ul li:before {
	content: '※';
}
#smart .note .label {
	margin: 30px 0 10px;
	color: #001c58;
	font-size: 18px;
	font-weight: bold;
}
#smart .note em {
	color: #2d6dff;
}



/* info-table */


.info-table table {
	width: 100%;
	margin: 20px 0 0;
	border: none;
	border-bottom: 1px solid #dcdcdc;
	border-collapse: separate;
}
function p + table {
	margin: 25px 0 0;
}
.info-table tbody th,
.info-table tbody td {
	border: none;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 9px 15px;
}
.info-table tbody tr:nth-last-child(even) td {
	background: #f8f8f8;
}

.info-table tbody th {
	width: 210px;
	border-left: 1px solid #dcdcdc;
	background: #eee;
	font-weight: bold;
}

/* noborder table */

.smart-lblue-wrap{
background:#E7F0F7;
	padding:20px; 
	max-width:700px;
	margin: 30px auto 50px;
	color:#001c58;
}

.noborder-table table{
border:none;
}

.noborder-table th,
.noborder-table td {
	padding-bottom: 5px;
	border:none;
}


.center-block {
	margin: 0 auto 0;
}

.img-border {
	border: 1px solid #000;
}


.text-center {
	width: 100%;
	text-align: center;
}


.hading01 {
	text-align: center;
	max-width: 800px;
	margin : 0 auto 0;
	color: #001c58;
	font-size:21px;
	font-weight: bold;
}

.text-dblue {
	color: #001c58;
}

.smart-bottom-text {
	width: 100%;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	color: #001c58;
}


em.light-blue {
	color: #24afde;
}

.b {
	font-weight:bold;
}

.text-right {
	text-align:right;
}



@media only screen and (max-width:640px) {
	#smart article > section {
		margin: 50px 0;
	}
	#smart .catch01 {
		margin: 50px 0;
	}
	#smart .section02,
	#smart .section03 {
		margin: 30px 0 0;
	}
	#smart .sectionTitle02 + p {
		margin: 30px 0 0;
	}
	#smart .section02 .panel {
		margin: 30px 0 0;
	}
	#smart .section02 p + .panel {
		margin: 20px 0 0;
	}


	/* info-table */
	.info-table p + table {
		margin: 20px 0 0;
	}
	.info-table table,
	.info-table tbody,
	.info-table tbody tr,
	.info-table tbody th,
	.info-table tbody td {
		display: block;
		width: auto;
	}
	.info-table tbody th,
	.info-table tbody td {
		border-left: 1px solid #dcdcdc;
		padding: 5px;
	}
	

}








@media only screen and (max-width:800px) {
	.row2_390 .text,
	.row2_390 .image,
	.row2_390 .panel {
		width: auto;
	}
	.row2_390.fromRight .text,
	.row2_390.fromLeft .text,
	.row2_390 .panel {
		margin: 0 0 20px;
	}
	.fromRight .text,
	.fromRight .image,
	.fromLeft .text,
	.fromLeft .image,
	.row2_390 .panel {
		float: none;
	}
	.row2_390 .image {
		text-align: center;
	}
}













@media only screen and (max-width:640px) {
	#smart #about {
		margin: 50px 0 0;
	}
	#smart .catch01 {
		margin: 50px 0 0;
	}
	#smart .catch01 ~ section {
		margin: 50px 0 0;
	}
	#smart .sectionTitle02 + p {
		margin: 30px 0;
	}
	#smart #about .section02 .point01 dt {
		width: 140px;
	}
	#smart #about .section02 .point01 dd {
		width: calc(100% - 140px);
	}
	#smart #about .more {
		display: block;
		margin: 30px auto 0;
	}
	#smart #plan {
		margin: 50px 0;
	}
	#smart #plan .panel {
		width: auto;
		margin: 20px 0 0;
		float: none;
		background: #eee;
	}
	#smart #plan .panel:first-child {
		margin-top: 50px;
	}
	#smart #plan .panel h3 {
		padding: 20px 10px;
		font-size: 20px;
		line-height: 1.5;
	}
	#smart #plan .panel h3.new {
		padding-top: 50px;
	}
	#smart #plan .panel .catch {
		min-height: 0;
		padding: 10px;
	}
	#smart #plan .panel p {
		padding: 0 10px 10px;
	}
	

	
	#smart a.ask {
		margin: 30px auto 0;
		padding-left: 10px;
		padding-right: 60px;
		text-align: center;
	}
	#smart .note {
		margin: 30px auto 0;
	}
	#smart .note .label {
		font-size: 16px;
	}

}










/* analysis ==============================*/

#analysis {
	background: none;
}
#analysis #main {
	float: none;
}
#analysis #about {
	margin: 75px 0 0;
}
#analysis .catch01 {
	margin: 70px 0 0;
}
#analysis .catch01 ~ section {
	margin: 70px 0 0;
}
#analysis .sectionTitle02 + p {
	margin: 45px 0 35px;
	text-align: center;
}
#analysis #about .section01 .point01 dt {
	width: 130px;
}
#analysis #about .section01 .point01 dd {
	box-sizing: border-box;
	width: calc(100% - 130px);
}
#analysis #about .section02 .point01 dt {
	width: 110px;
}
#analysis #about .section02 .point01 dd {
	box-sizing: border-box;
	width: calc(100% - 110px);
	font-size:20px;
	padding-right:10px;
	padding-left:20px;
}
#analysis #about .more {
	display: block;
	margin: 45px auto 0;
}
#analysis #plan {
	margin: 100px 0 110px;
}
#analysis #plan .panel {
	width: calc(100% * 280 / 920);
	margin: 75px 0 60px calc(100% * 40 / 920);
	float: left;
	background: #eee;
}
#analysis #plan .panel:first-child {
	margin-left: 0;
}
#analysis #plan .panel h3 {
	padding: 50px 25px;
	position: relative;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
#analysis #plan .panel h3:before {
	content: '';
	display: block;
	width: 80px;
	height: 4px;
	margin: 0 0 0 -40px;
	position: absolute;
	top: 0;
	left: 50%;
	background: #eb6100;
}
#analysis #plan .panel h3.new:before {
	content: 'NEW';
	height: auto;
	padding: 10px 0 6px;
	font-size: 16px;
	text-align: center;
	line-height: 1;
}
#analysis #plan .panel h3.new:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 -40px;
	border-style: solid;
	border-width: 13px 40px 0 40px;
	border-color: #eb6100 transparent transparent transparent;
	position: absolute;
	top: 32px;
	left: 50%;
}

#analysis .lite {
	background: #66779b;
}
#analysis .standard {
	background: #334979;
}
#analysis .pro {
	background: #001c58;
}
#analysis #plan .panel .catch {
	min-height: 75px;
	padding: 20px 25px 15px;
	color: #eb6100;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
#analysis #plan .panel p {
	padding: 0 25px 20px;
}

#analysis sup {
	font-size: 12px;
}
#analysis td sup {
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% + 13px);
}
#analysis a.ask {
	display: block;
	box-sizing: border-box;
	max-width: 380px;
	margin: 50px auto 0;
}
#analysis .note {
	margin: 60px auto 0;
	font-size: 14px;
	line-height: 1.5;
}
#analysis .note li {
	margin: 4px 0 0;
}
#analysis .note li:first-child {
	margin: 0;
}
#analysis .note ol {
	counter-reset: num;
}
#analysis .note ol li {
	counter-increment: num;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#analysis .note ol li:before {
	content: '※' counter(num);
}
#analysis .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}
#analysis .note ul li:before {
	content: '※';
}
#analysis .note .label {
	margin: 30px 0 10px;
	color: #001c58;
	font-size: 18px;
	font-weight: bold;
}
#analysis .note em {
	color: #2d6dff;
}



.title-bar {
	background: #001c58;
	padding: 10px 20px;
	font-size: 21px;
	/*font-weight: bold;*/
	color:  #fff;
	margin: 70px 0 50px;
}


@media only screen and (max-width:640px) {
	#analysis article > section {
		margin: 50px 0;
	}
	#analysis .catch01 {
		margin: 50px 0;
	}
	#analysis .section02,
	#analysis .section03 {
		margin: 30px 0 0;
	}
	#analysis .sectionTitle02 + p {
		margin: 30px 0 0;
	}
	#analysis .section02 .panel {
		margin: 30px 0 0;
	}
	#analysis .section02 p + .panel {
		margin: 20px 0 0;
	}
}

.lh16 {line-height: 1.6}
.lh20 {line-height: 2}


/* trial btn  */

.contact ul.trial-wrap{
	max-width: 840px;
	margin: 0 auto 0;
	display:inline;
	padding: 0;
}

.contact ul.trial-wrap li{
	margin:0;
border: none;
	width: 50%;
float: left;
}

.contact li.trial-info {
padding: 15px;
background: #E8E5E5;
}

#analysis li.trial-btn {


}

.trial-wrap .inquery a,
.trial-wrap .request a,
.trial-wrap .trial a,
.trial-wrap .inquery a:hover,
.trial-wrap .request a:hover,
.trial-wrap .trial a:hover {
	display: block;
	padding: 15px 30px;
	position: relative;
	border-radius: 2px;
	color: #fff !important;
}
.trial-wrap .inquery a {
	background: #001c58;
}
.trial-wrap .request a,
.trial-wrap .trial a {
	background: #eb6100;
}
.trial-wrap .inquery a:after,
.trial-wrap .request a:after,
.trial-wrap .trial a:after {
	position: absolute;
	top: 12px;
	right: 22px;
}

.mw840 {
	max-width: 840px;
	margin: 0 auto 0;
}


@media only screen and (max-width:640px) {
	#analysis #about {
		margin: 50px 0 0;
	}
	#analysis .catch01 {
		margin: 50px 0 0;
	}
	#analysis .catch01 ~ section {
		margin: 50px 0 0;
	}
	#analysis .sectionTitle02 + p {
		margin: 30px 0;
	}
	#analysis #about .section02 .point01 dt {
		width: 140px;
	}
	#analysis #about .section02 .point01 dd {
		width: calc(100% - 140px);
	}
	#analysis #about .more {
		display: block;
		margin: 30px auto 0;
	}
	#analysis #plan {
		margin: 50px 0;
	}
	#analysis #plan .panel {
		width: auto;
		margin: 20px 0 0;
		float: none;
		background: #eee;
	}
	#analysis #plan .panel:first-child {
		margin-top: 50px;
	}
	#analysis #plan .panel h3 {
		padding: 20px 10px;
		font-size: 20px;
		line-height: 1.5;
	}
	#analysis #plan .panel h3.new {
		padding-top: 50px;
	}
	#analysis #plan .panel .catch {
		min-height: 0;
		padding: 10px;
	}
	#analysis #plan .panel p {
		padding: 0 10px 10px;
	}
	

	
	#analysis a.ask {
		margin: 30px auto 0;
		padding-left: 10px;
		padding-right: 60px;
		text-align: center;
	}
	#analysis .note {
		margin: 30px auto 0;
	}
	#analysis .note .label {
		font-size: 16px;
	}
	
	
	
.contact ul.trial-wrap{
	max-width: 840px !important;
	margin: 0 auto 0 !important;
	display:block !important;
	padding: 0 !important;
}

.contact ul.trial-wrap li{
margin:0 !important;
border: none !important;
width: 100% !important;
float:none !important;
}
	
	
	

}






.bgwhite {
	background: #fff !important;
}



/* data ==============================*/

#data {
	background: none;
}
#data #main {
	float: none;
}
#data #about {
	margin: 75px 0 0;
}
#data .catch01 {
	margin: 70px 0 0;
}
#data .catch01 ~ section {
	margin: 70px 0 0;
}
#data .sectionTitle02 + p {
	margin: 45px 0 35px;
	text-align: center;
}
#data #about .section01 .point01 dt {
	width: 100px;
}
#data #about .section01 .point01 dd {
	box-sizing: border-box;
	width: calc(100% - 100px);
	font-size:20px;
	padding-right:10px;
	padding-left:20px;
}
#data .section02 .point01 dt {
	width: 240px;
}
#data .section02 .point01 dd {
	box-sizing: border-box;
	width: calc(100% - 240px);
	font-size:20px;
	padding-right:10px;
	padding-left:20px;
}


#data .section04 dl{
/*	background:#001c58;
	overflow: hidden;*/
}
#data .section04 .point01 dt {
	width: 200px;
}
#data .section04 .point01 dd {
	box-sizing: border-box;
	width: calc(100% - 200px);
	padding-right:10px;
	padding-left:20px;
}

#data .section04 .point01 dd p{
	font-size: 16px;
	color:#001c58;
	font-weight: normal;
}

#data #about .more {
	display: block;
	margin: 45px auto 0;
}
#data #plan {
	margin: 100px 0 110px;
}
#data #plan .panel {
	width: calc(100% * 280 / 920);
	margin: 75px 0 60px calc(100% * 40 / 920);
	float: left;
	background: #eee;
}
#data #plan .panel:first-child {
	margin-left: 0;
}
#data #plan .panel h3 {
	padding: 50px 25px;
	position: relative;
	color: #fff;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
#data #plan .panel h3:before {
	content: '';
	display: block;
	width: 80px;
	height: 4px;
	margin: 0 0 0 -40px;
	position: absolute;
	top: 0;
	left: 50%;
	background: #eb6100;
}
#data #plan .panel h3.new:before {
	content: 'NEW';
	height: auto;
	padding: 10px 0 6px;
	font-size: 16px;
	text-align: center;
	line-height: 1;
}
#data #plan .panel h3.new:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 -40px;
	border-style: solid;
	border-width: 13px 40px 0 40px;
	border-color: #eb6100 transparent transparent transparent;
	position: absolute;
	top: 32px;
	left: 50%;
}

#data .lite {
	background: #66779b;
}
#data .standard {
	background: #334979;
}
#data .pro {
	background: #001c58;
}
#data #plan .panel .catch {
	min-height: 75px;
	padding: 20px 25px 15px;
	color: #eb6100;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}
#data #plan .panel p {
	padding: 0 25px 20px;
}

#data sup {
	font-size: 12px;
}
#data td sup {
	position: absolute;
	top: calc(50% - 5px);
	left: calc(50% + 13px);
}
#data a.ask {
	display: block;
	box-sizing: border-box;
	max-width: 380px;
	margin: 50px auto 0;
}
#data .note {
	margin: 60px auto 0;
	font-size: 14px;
	line-height: 1.5;
}
#data .note li {
	margin: 4px 0 0;
}
#data .note li:first-child {
	margin: 0;
}
#data .note ol {
	counter-reset: num;
}
#data .note ol li {
	counter-increment: num;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#data .note ol li:before {
	content: '※' counter(num);
}
#data .note ul li {
	padding-left: 1em;
	text-indent: -1em;
}
#data .note ul li:before {
	content: '※';
}
#data .note .label {
	margin: 30px 0 10px;
	color: #001c58;
	font-size: 18px;
	font-weight: bold;
}
#data .note em {
	color: #2d6dff;
}

#data .detail {
	vertical-align: top;
}

#data .detail a {
	padding: 8px 15px 8px 20px;
	background: #001c58;
	border-radius: 2px;
	color: #fff !important;
	font-size: 14px;
	line-height: 20px;
	/*vertical-align: top;*/
}


/*
.dbbg {
	background-color: #001c58 ;
}

#data dl {
	background-color: #001c58 !important;
zoom: 100%;
}

#data dl:after {
	height: 0;
visibility: hidden;
content: ".";
display: block;
clear: left;
}


#data dl.point01 dt,
#data dl.point01 dd {
	border-top: 10px solid #fff;
}

#data dl.point01 dt {
	margin: 0 0 0;
	padding: 7px 10px 7px;
	background: #001c58;
	float: left;
	clear: both;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}
#data dl.point01 dd {
	margin: 0 0 0;
	padding: 7px 10px 7px 30px;
	float: left;
	background: #eee;
	color: #001c58;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;

}
#data dl.point01 dt:after {
    content: "."; 
    display: block; 
    height: 1em; 
    clear: both; 
}
*/

/* dblue table */	

table.dblue-table {
	width:100%;
}

table.dblue-table th {
	white-space: nowrap;
	text-align: center !important;
	padding: 10px 20px !important;
background: #001c58 !important;
	border-bottom: 10px solid #fff !important;
	color: #fff !important;
	    vertical-align: middle;
}

table.dblue-table td{
	padding: 10px !important;
	color: #001c58 !important;
background: #eee !important;
	border-bottom: 10px solid #fff !important;
}








@media only screen and (max-width:640px) {
	#data article > section {
		margin: 50px 0;
	}
	#data .catch01 {
		margin: 50px 0;
	}
	#data .section02,
	#data .section03 {
		margin: 30px 0 0;
	}
	#data .sectionTitle02 + p {
		margin: 30px 0 0;
	}
	#data .section02 .panel {
		margin: 30px 0 0;
	}
	#data .section02 p + .panel {
		margin: 20px 0 0;
	}

	#data dl.point01 dt {
	border-top: 20px solid #fff;
}
	
		#data dl.point01 dd {
	border-top: none;
}
	
/* dblue table */	

table.dblue-table{
border: none !important;
}	

	
table.dblue-table tr{
display: block;
}



table.dblue-table th {
width:100% !important;
border: none !important;
vertical-align: top;
/*line-height:1.8;*/
list-style-type:none;
display: list-item;
display: block;
		font-size: 18px ;
	font-weight:bold;
}

table.dblue-table td {
	width:100% !important;
	border: none !important;
vertical-align: top;
/*line-height:1.8;*/
	list-style-type:none;
display: list-item;
display: block;
	margin-bottom:10px;
	font-size: 18px;
}
	


	
	
	
	

}










@media only screen and (max-width:640px) {
	#data #about {
		margin: 50px 0 0;
	}
	#data .catch01 {
		margin: 50px 0 0;
	}
	#data .catch01 ~ section {
		margin: 50px 0 0;
	}
	#data .sectionTitle02 + p {
		margin: 30px 0;
	}
	#data #about .section02 .point01 dt {
		width: 140px;
	}
	#data #about .section02 .point01 dd {
		width: calc(100% - 140px);
	}
	#data #about .more {
		display: block;
		margin: 30px auto 0;
	}
	#data #plan {
		margin: 50px 0;
	}
	#data #plan .panel {
		width: auto;
		margin: 20px 0 0;
		float: none;
		background: #eee;
	}
	#data #plan .panel:first-child {
		margin-top: 50px;
	}
	#data #plan .panel h3 {
		padding: 20px 10px;
		font-size: 20px;
		line-height: 1.5;
	}
	#data #plan .panel h3.new {
		padding-top: 50px;
	}
	#data #plan .panel .catch {
		min-height: 0;
		padding: 10px;
	}
	#data #plan .panel p {
		padding: 0 10px 10px;
	}
	

	
	#data a.ask {
		margin: 30px auto 0;
		padding-left: 10px;
		padding-right: 60px;
		text-align: center;
	}
	#data .note {
		margin: 30px auto 0;
	}
	#data .note .label {
		font-size: 16px;
	}

}












/* function ==============================*/

#function {
	background-image: none;
}
#function #main {
	float: none;
}
#function article > section {
	margin: 75px 0 110px;
}
#function .catch01 {
	margin: 70px 0;
}
#function .section02 {
	margin: 45px 0 0;
}
#function .section03 {
	margin: 80px 0 0;
}
#function .sectionTitle02 + p {
	margin: 50px 0 0;
	text-align: center;
}
#function .section02 .panel {
	margin: 55px 0 0;
}
#function .section02 p + .panel {
	margin: 30px 0 0;
}

#function table {
	width: 100%;
	margin: 20px 0 0;
	border: none;
	border-bottom: 1px solid #dcdcdc;
	border-collapse: separate;
}
function p + table {
	margin: 25px 0 0;
}
#function tbody th,
#function tbody td {
	border: none;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 9px 15px;
}
#function tbody tr:nth-last-child(even) td {
	background: #f8f8f8;
}

#function tbody th {
	width: 200px;
	border-left: 1px solid #dcdcdc;
	background: #eee;
	font-weight: bold;
}
@media only screen and (max-width:640px) {
	#function article > section {
		margin: 50px 0;
	}
	#function .catch01 {
		margin: 50px 0;
	}
	#function .section02,
	#function .section03 {
		margin: 30px 0 0;
	}
	#function .sectionTitle02 + p {
		margin: 30px 0 0;
	}
	#function .section02 .panel {
		margin: 30px 0 0;
	}
	#function .section02 p + .panel {
		margin: 20px 0 0;
	}
	#function p + table {
		margin: 20px 0 0;
	}
	#function table,
	#function tbody,
	#function tbody tr,
	#function tbody th,
	#function tbody td {
		display: block;
		width: auto;
	}
	#function tbody th,
	#function tbody td {
		border-left: 1px solid #dcdcdc;
		padding: 5px;
	}
}






/* case ==============================*/

#case {
	background-image: none;
}
#case #main {
	float: none;
}
#case #selection {
	margin: 75px 0 0;
}
#case #targeting,
#case #basicAnalyse {
	margin: 40px 0 0;
}
#case #advancedAnalyse {
	margin: 40px 0 110px;
}

#case #selection .catch01 {
	margin: 100px 0 0;
	padding: 20px 0 20px 280px;
	position: relative;
	background: #eee;
	border-radius: 10px;
	text-align: left;
}

/*
 * #case #selection .catch01,
#case #targeting .catch01,
#case #basicAnalyse .catch01 {
	margin: 100px 0 0;
	padding: 20px 0 20px 240px;
	position: relative;
	background: #eee;
	border-radius: 10px;
	text-align: left;
}
#case #selection .catch01:before {
	position: absolute;
	top: -21px;
	left: 30px;
}
*/


/*
#case #selection .catch01:before {
	content: url(../../imgs/img-case01.png);
}
#case #targeting .catch01:before {
	content: url(../../imgs/img-case02.png);
}
#case #basicAnalyse .catch01:before {
	content: url(../../imgs/img-case03.png);
}
*/



#case .catch01 {
    font-size: 21px;
    line-height: 1.6;
}

#case .case-targeting .catch01:before {
	content: url(../../imgs/img-case-targeting2.png);
		position: absolute;
	top: -5px;
	left: 60px;
}
#case .case-timeshift .catch01:before {
	content: url(../../imgs/img-case-timeshift2.png);
		position: absolute;
	top: -5px;
	left: 60px;
}
#case .case-realtime .catch01:before {
	content: url(../../imgs/img-case-realtime2.png);
	position: absolute;
	top: 10px;
	left: 60px;
}
#case .case-cm .catch01:before {
	content: url(../../imgs/img-case-cm2.png);
		position: absolute;
	top: -5px;
	left: 60px;
}
#case .case-management .catch01:before {
	content: url(../../imgs/img-case-management2.png);
		position: absolute;
	top: -5px;
	left: 60px;
}
#case .case-westarea .catch01:before {
	content: url(../../imgs/img-case-westarea2.png);
		position: absolute;
	top: -5px;
	left: 60px;
}





#case .name {
	margin: 5px 0 0;
	color: #001c58;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}
#case #selection section,
#case #targeting section,
#case #basicAnalyse section {
	max-width: 840px;
	margin: 35px auto 0;
	padding: 0 0 55px;
	position: relative;
	text-align: center;
}
#case #selection section:after,
#case #targeting section:after,
#case #basicAnalyse section:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 -30px;
	border-width: 30px 30px 0 30px;
	border-style: solid;
	border-color: #001c58 transparent transparent transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
}
#case section .name + section {
	margin-top: 60px;
}
#case section section p {
	margin: 32px 0 0;
}
#case #selection .resolution,
#case #targeting .resolution,
#case #basicAnalyse .resolution {
	border: 3px solid #001c58;
	border-radius: 10px;
	padding: 0 15px 15px;
	color: #001c58;
}
#case #selection .resolution:after,
#case #targeting .resolution:after,
#case #basicAnalyse .resolution:after {
	content: normal;
}
#case section .resolution .sectionTitle02 {
	margin: -15px 0 0;
	color: #eb6100;
}
#case section .resolution .sectionTitle02:before {
	content: normal;
}
#case section .resolution p {
	margin: 10px 0 0;
}
/*
#case .detail {
	max-width: 840px;
	margin: 30px auto 0;
	text-align: right;
}

#case .detail a {
	padding: 8px 15px 8px 20px;
	background: #001c58;
	border-radius: 2px;
	color: #fff !important;
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
}
*/

#case .detail {
	float:right;
	max-width: 840px;
	margin: -20px 30px 0 0;
	vertical-align: top;
}

#case .detail a {
	padding: 8px 15px 8px 20px;
	background: #001c58;
	border-radius: 2px;
	color: #fff !important;
	font-size: 14px;
	line-height: 20px;
	/*vertical-align: top;*/
}




#case #advancedAnalyse .catch01 {
	margin: 70px 0;
}
#case #advancedAnalyse .panel .image + .title {
	margin: 70px 0 0;
}
@media only screen and (max-width:800px) {
	#case #selection .catch01,
	#case #targeting .catch01,
	#case #basicAnalyse .catch01 {
		margin: 200px 0 0;
		padding: 40px 20px 20px;
		text-align: left;
	}
	#case #selection .catch01:before,
	#case #targeting .catch01:before,
	#case #basicAnalyse .catch01:before {
		margin: 0 0 -35px -135px;
		position: absolute;
		top: auto;
		bottom: 100%;
		left: 50%;
	}
}
@media only screen and (max-width:640px) {
	#case #selection,
	#case #targeting,
	#case #basicAnalyse {
		margin: 50px 0 0;
	}
	#case #advancedAnalyse {
		margin: 50px 0;
	}
	/*
	#case #selection .catch01:before {
		content: url(../../imgs/img-case01.png);
	}
	#case #targeting .catch01:before {
		content: url(../../imgs/img-case02.png);
	}
	#case #basicAnalyse .catch01:before {
		content: url(../../imgs/img-case03.png);
	}
	*/
	#case #selection section,
	#case #targeting section,
	#case #basicAnalyse section {
		margin: 30px auto 0;
	}
	
#case .case-targeting .catch01:before {
	content: url(../../imgs/img-case-targeting2.png);
}
#case .case-timeshift .catch01:before {
	content: url(../../imgs/img-case-timeshift2.png);
}
#case .case-realtime .catch01:before {
	content: url(../../imgs/img-case-realtime2.png);
}
#case .case-cm .catch01:before {
	content: url(../../imgs/img-case-cm2.png);
}
#case .case-management .catch01:before {
	content: url(../../imgs/img-case-management2.png);
}
#case .case-westarea .catch01:before {
	content: url(../../imgs/img-case-westarea2.png);
}


	
	#case section .name + section {
		margin-top: 30px;
	}
	#case section section p {
		margin: 20px 0 0;
	}
	#case section .resolution .sectionTitle02 {
		margin: -14px 0 0;
	}
	
		#case .detail {
	float:none;
	max-width: 840px;
	margin: 0px 30px 0 0;
	vertical-align: top;
		
}

#case .detail a {
	padding: 8px 15px 8px 20px;
	background: #001c58;
	border-radius: 2px;
	color: #fff !important;
	font-size: 14px;
	line-height: 20px;
	/*vertical-align: top;*/
}
	
	
	.catch01 br {
		display: none;
}
	
	#case .detail {
		max-width: 840px;
		margin: 10px auto 0;
		text-align: right;
	}
	#case .detail a {
		padding: 8px 15px 8px 20px;
		background: #001c58;
		border-radius: 2px;
		color: #fff !important;
		font-size: 14px;
		line-height: 20px;
	}
	#case #advancedAnalyse .catch01 {
		margin: 50px 0;
	}
	#case #advancedAnalyse .panel:first-child {
		margin-top: 20px;
	}
	#case #advancedAnalyse .panel .image + .title {
		margin: 50px 0 0;
	}
}


/* add 20180717 */

/* case */

.case-heading {
	text-indent: -0.6em;
	max-width: 800px;
	color: #001c58;
	font-size:24px;
	font-weight: bold;
	margin: 0 auto 70px;
	padding: 0 20px 0 20px;
}



/* case study ==============================*/

#casestudy {
	background-image: none;
}
#casestudy #main {
	float: none;
}
#casestudy #selection {
	margin: 75px 0 0;
}
#casestudy #targeting,
#casestudy #basicAnalyse {
	margin: 40px 0 0;
}
#casestudy #advancedAnalyse {
	margin: 40px 0 110px;
}
#casestudy #selection .catch01,
#casestudy #targeting .catch01,
#casestudy #basicAnalyse .catch01 {
	margin: 100px 0 0;
	padding: 20px 0 20px 340px;
	position: relative;
	background: #eee;
	border-radius: 10px;
	text-align: left;
}
/*
#casestudy #selection .catch01:before,
#casestudy #targeting .catch01:before,
#casestudy #basicAnalyse .catch01:before {
	position: absolute;
	top: -21px;
	left: 62px;
}
*/
/*
#casestudy #selection .catch01:before {
	position: absolute;
	top: -21px;
	left: 62px;
}
*/
#casestudy .case-targeting .catch01:before {
	content: url(../../imgs/img-case-targeting.png);
	position: absolute;
	top: -10px;
	left: 62px;
}
#casestudy .case-timeshift .catch01:before {
	content: url(../../imgs/img-case-timeshift.png);
	position: absolute;
	top: -10px;
	left: 62px;
}
#casestudy .case-realtime .catch01:before {
	content: url(../../imgs/img-case-realtime.png);
	position: absolute;
	top: 13px;
	left: 62px;
}
#casestudy .case-cm .catch01:before {
	content: url(../../imgs/img-case-cm.png);
	position: absolute;
	top: -10px;
	left: 62px;
}
#casestudy .case-management .catch01:before {
	content: url(../../imgs/img-case-management.png);
	position: absolute;
	top: -10px;
	left: 62px;
}
#casestudy .case-westarea .catch01:before {
	content: url(../../imgs/img-case-westarea.png);
	position: absolute;
	top: -10px;
	left: 62px;
}


/*
#casestudy #basicAnalyse .catch01:before {
	content: url(../../imgs/img-case03.png);
}
*/
#casestudy .name {
	margin: 5px 0 0;
	color: #001c58;
	font-weight: bold;
	font-size: 18px;
	text-align: right;
}
#casestudy #selection section,
#casestudy #targeting section,
#casestudy #basicAnalyse section {
	max-width: 840px;
	margin: 35px auto 0;
	padding: 0 0 55px;
	position: relative;
	text-align: center;
}
#casestudy #selection section:after,
#casestudy #targeting section:after,
#casestudy #basicAnalyse section:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 -30px;
	border-width: 30px 30px 0 30px;
	border-style: solid;
	border-color: #001c58 transparent transparent transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
}
#casestudy section .name + section {
	margin-top: 60px;
}
#casestudy section section p {
	margin: 32px 0 0;
}
#casestudy #selection .resolution,
#casestudy #targeting .resolution,
#casestudy #basicAnalyse .resolution {
	border: 3px solid #001c58;
	border-radius: 10px;
	padding: 0 15px 15px;
	color: #001c58;
}
#casestudy #selection .resolution:after,
#casestudy #targeting .resolution:after,
#casestudy #basicAnalyse .resolution:after {
	content: normal;
}
#casestudy section .resolution .sectionTitle02 {
	margin: -15px 0 0;
	color: #eb6100;
}
#casestudy section .resolution .sectionTitle02:before {
	content: normal;
}
#casestudy section .resolution p {
	margin: 10px 0 0;
}
#casestudy .detail {
	max-width: 840px;
	margin: 30px auto 0;
	text-align: right;
}
#casestudy .detail a {
	padding: 8px 15px 8px 20px;
	background: #001c58;
	border-radius: 2px;
	color: #fff !important;
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
}
#casestudy #advancedAnalyse .catch01 {
	margin: 70px 0;
}
#casestudy #advancedAnalyse .panel .image + .title {
	margin: 70px 0 0;
}
@media only screen and (max-width:800px) {
	#casestudy #selection .catch01,
	#casestudy #targeting .catch01,
	#casestudy #basicAnalyse .catch01 {
		margin: 200px 0 0;
		padding: 40px 20px 20px;
		text-align: center;
	}
	#casestudy #selection .catch01:before,
	#casestudy #targeting .catch01:before,
	#casestudy #basicAnalyse .catch01:before {
		margin: 0 0 -35px -135px;
		position: absolute;
		top: auto;
		bottom: 100%;
		left: 50%;
	}
}

@media only screen and (max-width:640px) {
	
	/*
	#casestudy #selection,
	#casestudy #targeting,
	#casestudy #basicAnalyse {
		margin: 50px 0 0;
	}
	#casestudy #advancedAnalyse {
		margin: 50px 0;
	}
	*/
	
	#casestudy #selection {
		margin: 50px 0 0;
	}
	
	#casestudy .case-targeting .catch01:before {
		content: url(../../imgs/img-case-targeting.png);
	}
	#casestudy .case-timeshift .catch01:before {
		content: url(../../imgs/img-case-timeshift.png) !important;
	}	
	#casestudy .case-realtime .catch01:before {
		content: url(../../imgs/img-case-realtime.png) !important;
	}	
	#casestudy .case-cm .catch01:before {
		content: url(../../imgs/img-case-cm.png) !important;
	}	
	#casestudy .case-management .catch01:before {
		content: url(../../imgs/img-case-management.png) !important;
	}	
	#casestudy .case-westarea .catch01:before {
		content: url(../../imgs/img-case-westarea.png) !important;
	}	
		
	
	/*
	#casestudy .selection .catch01:before {
		content: url(../../imgs/img-case01.png);
	}
	#casestudy .basicAnalyse .catch01:before {
		content: url(../../imgs/img-case03.png);
	}
	*/
	#casestudy #selection section,
	#casestudy #targeting section,
	#casestudy #basicAnalyse section {
		margin: 30px auto 0;
	}
	#casestudy section .name + section {
		margin-top: 30px;
	}
	#casestudy section section p {
		margin: 20px 0 0;
	}
	#casestudy section .resolution .sectionTitle02 {
		margin: -14px 0 0;
	}
	#casestudy .detail {
		max-width: 840px;
		margin: 30px auto 0;
		text-align: right;
	}
	#casestudy .detail a {
		padding: 8px 15px 8px 20px;
		background: #001c58;
		border-radius: 2px;
		color: #fff !important;
		font-size: 14px;
		line-height: 20px;
	}
	#casestudy #advancedAnalyse .catch01 {
		margin: 50px 0;
	}
	#casestudy #advancedAnalyse .panel:first-child {
		margin-top: 20px;
	}
	#casestudy #advancedAnalyse .panel .image + .title {
		margin: 50px 0 0;
	}
}


.case-border-box {
	font-weight: bold;
	text-align: left;
	padding: 20px;
	color: #001c58;
	border: solid 1px #001c58;
}

.text-left-box {
	font-weight: bold;
	text-align:left;
	color: #001c58;
}

.case-gamen-caption {
	max-width: 640px;
	font-size: 14px;
	margin:10px auto 0 !important;
	text-align: center;	
}

.sectionTitle02 em.light-blue {
	color: #1faddd !important;
}

.case-bottom-btn-wrap {
	text-align: left;
	width: 100%;
	margin-top:50px;
}

.case-bottom-btn-wrap h3{
	margin-left:5px;
	font-weight: bold;
	color: #001c58;
}

.case-bottom-btn-wrap ul {
	list-style-type: none;
}

.case-bottom-btn-wrap ul li{
		display: inline-block;
	padding: 10px 5px 0px;
}

.case-bottom-btn-wrap ul li img {
	max-width:170px;
	height: auto;
}

.case-bottom-btn-wrap2 {
	text-align: center;
	width: 100%;
	margin-top:30px;
}

.case-bottom-btn-wrap2 ul {
	list-style-type: none;

}

.case-bottom-btn-wrap2 ul li{
	display: inline-block;
	padding: 10px 5px 0px;

}

.case-bottom-btn-wrap2 ul li a:link,
.case-bottom-btn-wrap2 ul li a:visited {
	border: 1px solid #ccc !important;
	padding: 7px 15px !important;
	background: #e6e1e1 !important;
	display: block !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.case-bottom-btn-wrap2 ul li a:hover {
	border: 1px solid #ccc !important;
	padding: 7px 15px !important;
	background: #fff !important;
	display: block !important;
}

/* add 20180815 */

.case-bottom-btn-wrap3 {
	/*text-align: left;*/
	width: 100%;
	margin-top:50px;
}

.case-bottom-btn-wrap3 h3{
	margin-left:5px;
	font-weight: bold;
	color: #001c58;
}

.case-bottom-btn-wrap3 ul {
	list-style-type: none;
}

.case-bottom-btn-wrap3 ul li{
		display: inline-block;
	padding: 10px 5px 0px;
}

.case-bottom-btn-wrap3 ul li img {
	max-width:170px;
	height: auto;
}



/* faq ==============================*/

#faq {
	background-image: none;
}
#faq #main {
	float: none;
}
#faq article > section {
	margin: 75px 0 110px;
}
#faq section section {
	margin: 70px 0 0;
}
#faq dl {
	max-width: 840px;
	margin: 55px auto 0;
}
#faq dt,
#faq dd {
	box-sizing: content-box;
	padding: 0 0 0 90px;
	position: relative;
}
#faq dt {
	color: #001c58;
	min-height: 50px;
	padding-top: 20px;
}

#faq dd {
	min-height: 60px;
	margin: 0 0 40px;
	border-bottom: 1px solid #dcdcdc;
	padding-top: 10px;
	padding-bottom: 40px;
}
#faq dd:last-child {
	margin: 0;
	border-bottom: none;
	padding-bottom: 0;
}
#faq dt:before,
#faq dd:before {
	display: block;
	width: 70px;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック" , sans-serif;
	font-size: 30px;
	line-height: 70px;
	text-align: center;
}
#faq dt:before {
	content: 'Q';
	background: #001c58;
}
#faq dd:before {
	content: 'A';
	background: #eb6100;
}
@media only screen and (max-width:640px) {
	#faq article > section {
		margin: 50px 0;
	}
	#faq section section {
		margin: 30px 0 0;
	}
	#faq dl {
		margin: 30px 0 0;
	}
	#faq dt,
	#faq dd {
		padding-left: 60px;
	}
	#faq dt {
		min-height: 45px;
		padding-top: 5px;
	}

	#faq dd {
		min-height: 45px;
		margin: 0 0 30px;
		padding-top: 5px;
		padding-bottom: 30px;
	}
	#faq dt:before,
	#faq dd:before {
		width: 50px;
		line-height: 50px;
	}
}

/* company ==============================*/

#company {
	background-image: none;
}
#company #main {
	float: none;
}
#company #concept {
	margin: 75px 0 0;
}
#company #mission {
	margin: 75px 0 0;
}
#company #outline {
	margin: 70px 0 0;
}
#company #history,
#company #message {
	margin: 75px 0 0;
}
#company #vision {
        margin: 75px 0 0;
}
#company #vision p {
        margin: 55px 0 0;
        text-align: center;
}
#company #employee {
	margin: 75px 0 110px;
}
#company #concept .catch01 {
	margin: 55px 0 0;
}
#company #concept p {
	margin: 55px 0 0;
	text-align: center;
}
#company #concept p {
	margin: 55px 0 0;
	text-align: center;
}

#company #mission .catch01 {
	margin: 55px 0 0;
}
#company #mission p {
	margin: 55px 0 0;
	text-align: center;
}
#company #mission p {
	margin: 55px 0 0;
	text-align: center;
}


#company table {
	width: 100%;
	border: none;
	border-bottom: 1px solid #dcdcdc;
	border-collapse: separate;
}
#company th,
#company td {
	border: none;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 9px 15px;
}
#company th {
	border-left: 1px solid #dcdcdc;
	background: #eee;
	font-weight: bold;
}

/* 20190315
#company tr:nth-last-child(even) td {
	background: #f8f8f8;
}
*/

#company #outline .panel {
	margin-top: 40px;
}
#company #outline th {
	width: 100px;
}
#company #outline .caution {
	color: #f00;
}
#company #outline a {
	color: #2d6dff !important;
}
#company #map_canvas {
	width: 100%;
	height: 450px;
	margin: 0 0 15px;
	border: none;
}
#company #history table {
	margin: 55px 0 0;
}
#company #history th {
	width: 100px;
}
#company #message .catch01 {
	margin: 75px 0 65px;
}
#company #message .image {
	position: relative;
}
#company #message .text {
	width: calc(100% * 390 / 920);
	position: absolute;
	top: 30px;
	left: calc(100% * 40 / 920);
	background: #fff;
}
#company #message .text p {
	padding: calc(100% * 25 / 390) calc(100% * 40 / 390);
	color: #001c58;
}
#company #message .text .data {
	padding: calc(100% * 25 / 390) calc(100% * 40 / 390);
	background: #001c58;
	color: #fff;
}
#company #message .text .data .resume {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 20px;
}
#company #employee .panel {
	padding: calc(100% * 40 / 920);
	position: relative;
}
#company #employee .panel:first-child {
	margin: 55px 0 0;
}
#company #employee .panel:nth-child(odd) {
	background: #eee;
}
#company #employee .panel:before {
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	margin: 0 0 0 -20px;
	top: 0;
	left: 50%;
	position: absolute;
	background: #eb6100;
}
#company #employee .image {
	margin: 0 30px 0 0;
	margin: 0 30px 40px 0; /* 20190315 */
	border: 2px solid #001c58;
	border-radius: 50%;
	float: left;
	overflow: hidden;
}
#company #employee .name {
	margin: 0 0 15px;
	color: #001c58;
}
@media only screen and (max-width:980px) {
	#company #message .text {
		width: auto;
		position: static;
		left: calc(100% * 40 / 920);
	}
	#company #message .text p,
	#company #message .text .data {
		padding: calc(100% * 25 / 920) calc(100% * 40 / 920);
	}
}
@media only screen and (max-width:800px) {
	#company #outline .panel {
		width: auto;
		float: none;
		margin-left: 0;
	}
}
@media only screen and (max-width:640px) {
	#company #concept,
	#company #outline,
	#company #history,
	#company #message {
		margin: 50px 0 0;
	}
	#company #employee {
		margin: 50px 0;
	}
	#company #concept .catch01,
	#company #concept p {
		margin: 30px 0 0;
		text-align: center;
	}
	#company table,
	#company tbody,
	#company tr,
	#company th,
	#company td {
		display: block;
	}
	#company td {
		border-left: 1px solid #dcdcdc;
	}
	#company #outline .panel {
		margin-top: 30px;
	}
	#company #outline th {
		width: auto;
	}
	#company #map_canvas {
		height: 325px;
	}
	#company #history table {
		margin: 30px 0 0;
	}
	#company #history th {
		width: auto;
	}
	#company #message .catch01 {
		margin: 30px 0;
	}
	#company #message .text p {
		padding: 0;
		margin: 30px 0;
	}
	#company #message .text .data {
		padding: 10px;
	}
	#company #employee .panel {
		padding: calc(100% * 40 / 920);
		position: relative;
	}
	#company #employee .panel:first-child {
		margin: 55px 0 0;
	}
	#company #employee .panel:nth-child(odd) {
		background: #eee;
	}
	#company #employee .image {
		width: 164px;
		margin: 0 auto 30px;
		float: none;
	}
}

/* recruit ==============================*/

#recruit {
	background-image: none;
}
#recruit #main {
	float: none;
}
#recruit #info {
	margin: 75px 0 0;
}
#recruit #info .articleArea {
	margin: 45px 0 0;
	text-align: center;
}

#recruit #info article.post {
	border: none;
	width: 30.00%;
	margin-right: 2.0%;
/*	display: inline-block;*/
        display: inline-table;
	position: relative;
	text-align: left;
}


#recruit #info article.post {
	border: none;
	width: 35.00%;
	margin-right: 1.0%;
	margin-left: 1.0%;
    display: inline-table;
	position: relative;
	text-align: left;
}


#recruit #info article.post:first-child {
	margin-left: 0;
}
#recruit #info .p_date {
	position: absolute;
	top: 0;
	left: 0;
	background: #3B4552;
	width: 48px;
	height: 48px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	opacity: .7;
}
#recruit #info .p_date span {
	display: block;
	line-height: 18px;
}
#recruit #info .p_date .date-y {
	font-size: 12px;
	padding-top: 6px;
}
#recruit #info .p_date .date-mj {
	font-size: 14px;
	padding-bottom: 6px;
}
#recruit #info .btn {
	padding-left: calc(78.66% - 30px);
}
#recruit #vision {
	margin: 75px 0 110px;
}
#recruit #vision h3 {
	width: 120px;
	margin: 55px auto;
	background: #001c58;
	position: relative;
	color: #fff;
	font-size: 22px;
	text-align: center;
	line-height: 32px;
}
#recruit #vision h3:before {
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background: #eb6100;
	position: absolute;
	top: 0;
	left: 30px;
}
#recruit #vision .section01,
#recruit #vision .section02 {
	max-width: 840px;
	margin: 0 auto;
}
#recruit #vision .section01 h3 {
	padding: 44px 0;
}
#recruit #vision .section02 h3 {
	padding: 28px 0;
}
#recruit #vision .section01 p {
	color: #001c58;
	font-size: 24px;
	line-height: 2;
	text-align: center;
}
#recruit #vision .section02 p {
	margin: 25px 0 70px;
	color: #001c58;
	font-size: 18px;
	line-height: 2;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#recruit #info article.post {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	#recruit #info .btn {
		padding-left: 0;
	}
}
@media screen and (max-width: 440px) {
	#recruit #vision h3 {
		width: 10em;
		margin: 55px auto;
	}
	#recruit #vision h3:before {
		margin-left: -30px;
		left: 50%;
	}
}

/* form */

#pricelist,
#inquiry,
#inquiry_thanks,
#request,
#request_thanks,

#document_request,
#document_request_thanks,

/* add 20200530*/
#tro_inquiry,
#tro_inquiry_thanks,

#smart-trial,
#smart-trial_thanks,
#newsubscription,
#newsubscription_thanks {
	background-image: none;
}

#pricelist .wrap,
#inquiry .wrap,
#inquiry_thanks .wrap,
#request .wrap,
#request_thanks .wrap,

#document_request .wrap,
#document_request_thanks .wrap,

/* add 20200530*/
#tro_inquiry .wrap,
#tro_inquiry_thanks .wrap,

#smart-trial .wrap,
#smart-trial_thanks .wrap,
#newsubscription .wrap,
#newsubscription_thanks .wrap {
	box-sizing: border-box;
}

#pricelist #mainVisual,
#inquiry #mainVisual,
#inquiry_thanks #mainVisual,
#request #mainVisual,
#request_thanks #mainVisual,

#document_request #mainVisual,
#document_request_thanks #mainVisual,

/* add 20200530*/
#tro_inquiry #mainVisual,
#tro_inquiry_thanks #mainVisual,

#smart-trial #mainVisual,
#smart-trial_thanks #mainVisual,
#newsubscription #mainVisual,
#newsubscription_thanks #mainVisual,

#pricelist #mainVisual .image,
#inquiry #mainVisual .image,
#inquiry_thanks #mainVisual .image,
#request #mainVisual .image,
#request_thanks #mainVisual .image,

#document_request #mainVisual .image,
#document_request_thanks #mainVisual .image,

/* add 20200530*/
#tro_inquiry #mainVisual .image,
#tro_inquiry_thanks #mainVisual .image,

#smart-trial #mainVisual .image,
#smart-trial_thanks #mainVisual .image,
#newsubscription #mainVisual .image,
#newsubscription_thanks #mainVisual .image,

#pricelist #mainVisual .inner,
#inquiry #mainVisual .inner,
#inquiry_thanks #mainVisual .inner,
#request #mainVisual .inner,
#request_thanks #mainVisual .inner,

#document_request #mainVisual .inner,
#document_request_thanks #mainVisual .inner,

/* add 20200530*/
#tro_inquiry #mainVisual .inner,
#tro_inquiry_thanks #mainVisual .inner,

#smart-trial #mainVisual .inner,
#smart-trial_thanks #mainVisual .inner,
#newsubscription #mainVisual .inner,
#newsubscription_thanks #mainVisual .inner,

#pricelist #mainVisual .wrap,
#inquiry #mainVisual .wrap,
#inquiry_thanks #mainVisual .wrap,
#request #mainVisual .wrap,
#request_thanks #mainVisual .wrap,

#document_request #mainVisual .wrap,
#document_request_thanks #mainVisual .wrap,

/* add 20200530*/
#tro_inquiry #mainVisual .wrap,
#tro_inquiry_thanks #mainVisual .wrap,

#smart-trial #mainVisual .wrap,
#smart-trial_thanks #mainVisual .wrap,
#newsubscription #mainVisual .wrap,
#newsubscription_thanks #mainVisual .wrap {
	height: 360px;
}
#formContents .caution {
	color: #f00;
}
#formContents .detail {
	text-align: center;
}
#formContents .detail a {
	display: inline-block;
	padding: 8px 15px 8px 20px;
	background: #001c58;
	border-radius: 2px;
	color: #fff !important;
	font-size: 14px;
	line-height: 20px;
	vertical-align: top;
}
#formContents .catch {
	margin-top: 2em;
}
body.color03 .post-content #formContents h3 {
	border-bottom: none;
}
#formContents ul li {
	list-style: square;
}

table.form {
	border: none !important;
}
table.form th,
table.form td {
	border: none !important;
}
table.form th {
	width: 10em;
	background: transparent !important;
	color: #000 !important;
}
table.form .must th:after {
	content: '＊';
	color: #f00;
	font-size: 12px;
}

#formContents form input[type="submit"] {
	background: #001c58 !important;
	border-radius: 2px;
}

#pricelist header.post-header {
display:none !important;
} 

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

	#pricelist #mainVisual,
	#inquiry #mainVisual,
	#inquiry_thanks #mainVisual,
	#request #mainVisual,
	#request_thanks #mainVisual,

#document_request #mainVisual,
#document_request_thanks #mainVisual,

/* add 20200530*/
#tro_inquiry #mainVisual,
#tro_inquiry_thanks #mainVisual,

	#smart-trial #mainVisual,
	#smart-trial_thanks #mainVisual,
	#newsubscription #mainVisual,
	#newsubscription_thanks #mainVisual,

	#pricelist #mainVisual .image,
	#inquiry #mainVisual .image,
	#inquiry_thanks #mainVisual .image,
	#request #mainVisual .image,
	#request_thanks #mainVisual .image,

#document_request #mainVisual .image,
#document_request_thanks #mainVisual .image,

/* add 20200530*/
#tro_inquiry #mainVisual .image,
#tro_inquiry_thanks #mainVisual .image,

	#smart-trial #mainVisual .image,
	#smart-trial_thanks #mainVisual .image,
	#newsubscription #mainVisual .image,
	#newsubscription_thanks #mainVisual .image,

	#pricelist #mainVisual .inner,
	#inquiry #mainVisual .inner,
	#inquiry_thanks #mainVisual .inner,
	#request #mainVisual .inner,
	#request_thanks #mainVisual .inner,

#document_request #mainVisual .inner,
#document_request_thanks #mainVisual .inner,

/* add 20200530*/
#tro_inquiry #mainVisual .inner,
#tro_inquiry_thanks #mainVisual .inner,

	#smart-trial #mainVisual .inner,
	#smart-trial_thanks #mainVisual .inner,
	#newsubscription #mainVisual .inner,
	#newsubscription_thanks #mainVisual .inner,

	#pricelist #mainVisual .wrap,
	#inquiry #mainVisual .wrap,
	#inquiry_thanks #mainVisual .wrap,
	#request #mainVisual .wrap,
	#request_thanks #mainVisual .wrap,

#document_request #mainVisual .wrap,
#document_request_thanks #mainVisual .wrap,

/* add 20200530*/
#tro_inquiry #mainVisual .wrap,
#tro_inquiry_thanks #mainVisual .wrap,

	#smart-trial #mainVisual .wrap,
	#smart-trial_thanks #mainVisual .wrap,
	#newsubscription #mainVisual .wrap,
	#newsubscription_thanks #mainVisual .wrap {
		height: auto;
	}
	body#inquiry article.page {
		border: none;
	}
	body#inquiry article.page .post-content {
		padding: 0;
	}
	table.form,
	table.form tbody,
	table.form tr,
	table.form th,
	table.form td {
		display: block;
		width: auto;
		white-space: normal;
	}
	table.form th,
	table.form td {
		padding-right: 0;
		padding-left: 0;
	}

	span.wpcf7-list-item {
		display: block;
		margin: 10px 0;
	}
}

/* archice */

.post-loop-wrap .post-footer a.morelink {
	color: #fff !important;
}

.single-post .post a {
	color: #0399A8 !important;
}



/*** 2017/06 改修 ***/

.one-column #content .wrap {
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

.post-content ul li {
	list-style: disc;
}

.post-content ol li {
	list-style: decimal;
}

body.color01 .post-cta .post-cta-btn a, 
body.color02 .post-cta .post-cta-btn a, 
body.color03 .post-cta .post-cta-btn a, 
body.color04 .post-cta .post-cta-btn a {
	color: #fff!important;
}

.background-one {
	margin: 0 0 28px;
	padding: 20px;
	border: 1px #e5e5e5 solid;
	background: #fafafa;
}

.background-two {
	margin: 0 0 28px;
	padding: 20px;
	background: #e5e5e5;
}


/* .post-cta */
.post-cta ul, 
.post-cta ol {
	padding-left: 1.2em;
}

.post-cta ul li {
	list-style: disc;
}

.post-cta ol li {
	list-style: decimal;
}


/* .post-share */
.post-share {
	padding: 0 45px;
}

.post-share > * {
	margin: 30px 0;
}

@media screen and (max-width: 767px) {
	.post-share {
		padding: 0 20px;
	}
	
	.post-share > * {
		margin: 25px 0;
	}
}

.post-share, 
.side-widget {
	font-size: 12px;
}

.post-share h3 {
	font-size: 24px;
	margin: 0 0 24px;
	padding: 20px 0;
	font-weight: normal;
	border-bottom: 2px solid #3B4552;
	line-height: 1;
}

.side-widget-area {
	margin-top: 50px;
}

.side-widget {
	margin: 0;
}

.side-widget .yarpp-related-widget h3, 
.side-widget .side-title {
	margin: 0 0 12px!important;
	padding: 8px;
	border: solid 1px #e4e4e4;
	background: #ebebeb;
	font-size: 16px;
}

@media screen and ( max-width: 991px ) {
	.side-widget .yarpp-related-widget h3, 
	.side-widget .side-title {
		margin-bottom: 20px!important;
	}
}



/* オススメ記事 .yarpp-switch
- パターン
レスポンシブパターン：992px以上[2カラム時]・901以上[PC]・768px以上[タブレット]・767px以下[SMP]
表示箇所パターン：記事下・サイド
カラムパターン：1カラム・2カラム
- パターン指定方法
2カラム時の記事下を指定：.left-content かつ .right-content
サイドを指定：.side-widget-area
*/
.yarpp-switch {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.yarpp-switch li {
	display: inline-block;
	margin: 0 2% 5% 0!important;
	padding: 0!important;
	border: none!important;
	vertical-align: top;
}

.yarpp-switch li a {
	text-decoration: none;
}

.yarpp-switch li a .yarpp-switch-img {
	display: block;
}

.yarpp-switch li a .yarpp-switch-img img {
	width: 100%;
	height: auto;
}

.yarpp-switch li a .yarpp-switch-title {
	display: block;
	margin-top: 0.5em;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 1.35;
}

@media screen and ( min-width: 992px ) {
	.yarpp-switch li {
		width: 31%;
	}
	
	.left-content .yarpp-switch li ,
	.right-content .yarpp-switch li {
		width: 48%;
	}
	
	.side-widget-area .yarpp-switch li {
		width: 48%;
	}
	
	.side-widget-area .yarpp-switch li a .yarpp-switch-title {
		font-size: 14px;
	}
}

@media screen and ( max-width: 991px ) {
	.yarpp-switch li {
		width: 31%;
	}
}

@media screen and ( max-width: 900px ) {
	.yarpp-switch li {
		width: 48%;
	}
}

@media screen and ( max-width: 767px ) {
	.yarpp-switch li {
		width: 48%;
	}
	
	.yarpp-switch li a .yarpp-switch-title {
		font-size: 14px;
	}
}


/* 人気の記事　.postviews */
.postviews {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.postviews li {
	display: inline-block;
	margin: 0 1% 1% 0!important;
	padding: 0!important;
	border: none!important;
	vertical-align: top;
}

.postviews li a {
	display: block;
	clear: both;
	overflow: hidden;
	text-decoration: none;
	border: solid 1px #cfcfcf;
	padding-bottom: 10px;
}

.postviews li a:hover {
	border-color: #0399A8;
}

.postviews li a .postviews-switch-img {
	display: block;
	float: left;
	width: 35%;
	margin: 10px 0 0 10px;
}

.postviews li a .postviews-switch-img img {
	width: 100%;
	height: auto;
}

.postviews li a .postviews-switch-div {
	display: block;
	margin: 5px 8px 0 45%;
}

.postviews li a .postviews-switch-title {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	line-height: 1.35;
}

.postviews li a .postviews-switch-date {
	display: block;
	color: #666;
	font-size: 12px;
}

.postviews li a .postviews-switch-cat {
	display: block;
	color: #666;
	font-size: 12px;
}

@media screen and ( min-width: 992px ) {
	.postviews li {
		width: 32%;
	}
	
	.left-content .postviews li ,
	.right-content .postviews li {
		width: 49%;
	}
	
	.side-widget-area .postviews li {
		width: 100%;
		margin-right: 0!important;
	}
	
	.side-widget-area .postviews li a .postviews-switch-title {
		font-size: 14px;
	}
}

@media screen and ( max-width: 991px ) {
	.postviews li {
		width: 32%;
	}
}

@media screen and ( max-width: 900px ) {
	.postviews li {
		width: 49%;
	}
}

@media screen and ( max-width: 767px ) {
	.postviews li {
		width: 100%;
		margin-right: 0!important;
		margin-bottom: 10px!important;
	}
	
	.postviews li a .postviews-switch-img {
		width: 120px;
	}
	
	.postviews li a .postviews-switch-div {
		margin: 10px 10px 0 140px;
	}
	
	.postviews li a .postviews-switch-title {
		font-size: 14px;
	}
}

/* font */

.icon-checkcheck {
	font-size:2.5em;
	margin-right:10px;
	margin-top: 10px;
	vertical-align: middle; 
}

@font-face {
  font-family: 'check';
  src:  url('../fonts2/check.eot?kxbrdm');
  src:  url('../fonts2/check.eot?kxbrdm#iefix') format('embedded-opentype'),
    url('../fonts2/check.ttf?kxbrdm') format('truetype'),
    url('../fonts2/check.woff?kxbrdm') format('woff'),
    url('../fonts2/check.svg?kxbrdm#check') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-check"], [class*=" icon-check"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'check' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-checkcheck:before {
  content: "\e900";
}


@media only screen and (max-width:640px) {
	dl.point01 dt {
					margin: 0 0 0 0!important;
		width: 100% !important;
		float:none !important;
	}
	
		dl.point01 dd {
			margin: 0 0 0 0!important;
			padding-top:10px!important;
			padding-bottom:10px!important;
			width: 100% !important;
		float:none !important;
		text-align: center !important;
	}
}


/* 20190315 */

.analysis-sub-menu {
margin-top:80px;
width: 100%;
text-align: center;
}

.history-overview {
text-align: center;
margin-top:50px;
line-height:2;
}

.employee-title {
margin-bottom:15px;
font-weight: bold;
}

.sectionTitle01e {
    position: relative;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.sectionTitle01e:before {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    background: #e5e5e5;
}

.sectionTitle01e span {
    display: inline-block;
    padding: 0 60px;
    position: relative;
    background: #fff;
}

@media only screen and (max-width: 640px) {
.sectionTitle01e {
    font-size: 24px;
}
.sectionTitle01e:before {
    height: 2px;
    top: calc(50% - 1px);
}
.sectionTitle01e span {
    padding: 0 2em;
}
}




.img-respo {
display:block;
width:100%;
height:auto;
}

.recruit-value {
max-width: 800px;
margin: 0 auto 0;
background: #f4f4f4;

}

.recruit-value h4{
font-size: 21px;
font-weight: bold;
margin-bottom:10px;
}

.recruit-value-left1 {
background: #f4f4f4;
width:50%;
float:left;
}

.recruit-value-right1 {
text-align: left;
width:50%;
float:right;
}

.recruit-value-left2 {
background: #f4f4f4;
width:50%;
float:left;
}

.recruit-value-right2 {
text-align: left;
width:50%;
float:right;
}

.recruit-value-right1 p,
.recruit-value-left1 p,
.recruit-value-right2 p,
.recruit-value-left2 p {
text-align: left !important;
margin: 0 !important;
}

.text-wrap-l {
text-align: left;
padding: 30px;
}


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

.recruit-value {
max-width: 800px;
margin: 0 auto 0;
background: #fff;

}

.recruit-value-left1 {
background: #f4f4f4;
width:100%;
float:none !important;
}

.recruit-value-right1 {
background: #f4f4f4;
width:100%;
float:none !important;
}

.recruit-value-left2 {
background: #f4f4f4;
width:100%;
float:none!important;
}

.recruit-value-right2 {
background: #f4f4f4;
width:100%;
float:none!important;}

}

.clearfix {
clear: both;
}

.recruit-info {
padding: 50px;
background: #f4f4f4;
margin-bottom: 100px;
}

.recruit-info-inner {
max-width: 920px;
margin: 0 auto 0;
}

.recruit-info-inner-l {
float:left;
width: 30%;
}

.recruit-info-inner-r {
float:right;
width: 70%;
}


.recruit-img-bar {
width: 100%;
display: block;
}

.recruit-info h3 {
font-size: 21px;
font-weight: bold;
margin-bottom: 20px;
}

.recruit-info p {
margin-bottom: 30px;
}

.recruit-info a {
border: solid 1px #000;
padding: 10px;
font-size: 18px;
}

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

.recruit-info-inner-l {
float:left;
width: 100%;

}

.recruit-info h3 {
margin-top: 20px;
}

.recruit-info-inner-r {
float:right;
width: 100%;
}

}

.link-btn-blue a {
	margin: 0 auto 0;
	color: #fff !important;
	max-width:340px;
	text-align: left;
	display: block;
	padding: 15px;
    background: #001c58;
	position: relative;
}

.link-btn-blue a:after {
    position: absolute;
    top: 12px;
    right: 22px;
}

.link-btn-orange a {
	margin: 0 auto 0;
	color: #fff !important;
	max-width:340px;
	text-align: left;
	display: block;
	padding: 15px;
    background: #e3611e;
	position: relative;
}

.link-btn-orange a:after {
    position: absolute;
    top: 12px;
    right: 22px;
}


.ifw iframe {
	width:100% !important;
}


@media only screen and (max-width: 640px) {
	#gNav a {
    padding: 15px 0;
    text-align: center !important;
}
}
	
/* GOOGLE MAP */

.map-canvas{
position: relative;
padding: 0 0 100%;
height: 0;
overflow: hidden;
}

.map-canvas iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* 20200528 add */

.news-link-box {
margin-top: 30px !important;
border: solid 1px #e3611e;
padding:10px !important;
}

.news-link-box p{
font-size: 12px;
padding:0px !important;
}

.news-link-box a {
font-weight:bold;
text-decoration:underline;
}