@charset "utf-8";
/* style.css
	20151215 up
  2020〜 Pardotフォーム用に使用
*/

/* =====================================
	 reset 
===================================== */

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
body {
	-webkit-text-size-adjust: 100%;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, select {
	vertical-align:middle;
}
textarea { /* for chrome fontsize bug */
  font-family: sans-serif;
}
button {
	letter-spacing: normal;
	font-family: sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
}
html {
	font-size: 62.5%;/* 62.5%を指定すると「1.0 rem = 10px」 */
}
img {
	max-width : 100%;
	vertical-align: bottom;
}
ul {
	list-style: none;
}
sub {
    font-size: 70%;
    position: relative;
    vertical-align: middle;
}

/* --- clearfix --- */

.cf {
	zoom: 1;
}
.cf::before, .cf::after {
	content: "";
	display: table;
}
.cf::after {
	clear: both;
}

.clear {
	clear: both;
}

/* annotation */

.annotation {
	font-size: 10px;
}

.opacity:hover img {
	opacity: 0.8;
}

.pc { display: none !important;}
.sp { display: inherit;}


.include_tag {
	display: block;
	width: 1px; height: 1px;
	overflow: hidden;
}
a[href*="smartphone"] {
	display: block;
	width: 1px; height: 1px;
	overflow: hidden;
	font-size: 0; line-height: 0;
}




/* ------------ common ------------ */

body {
  /*font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;*/
  font-family: "Noto Sans JP", sans-serif;
	font-size: 15px;
	line-height: 1.6;
	/*color: #333;*/
	color: #000;
	-webkit-text-size-adjust: 100%;
}
a:link {color: #284F9D;text-decoration:none;}
a:visited {color: #284F9D;text-decoration:none;}
a:hover {color: #284F9D; text-decoration: underline;}
a:active {color: #284F9D;text-decoration:none;}

.inner {
	max-width: 980px;
	padding-right: 4%;
	padding-left: 4%;
	margin: 0 auto;
}
.inner::before, .inner::after {
	content: "";
	display: table;
}
.inner::after {
	clear: both;
}

.note {
	font-size: 12px !important;
}
.note_box {
	background: #f4f4f4;
	padding: 10px;
}
.accent {
	color: #ce4242;
}
.accent_normal {
    color: inherit !important;
}
.attention_info {
    color: #455da8 !important;
}
.small {
	font-size: 75% !important;
}
.strong {
	color: #000;
	font-weight: 500;

}

/* btn */

.btn {
    font-size: 16px;
    padding:10px 16px;
    font-weight: 500;    
	display: inline-block;
	text-align: center;
}

.btn-lg{padding:14px 18px;font-size:20px;line-height:1.3333333}
.btn-sm{padding:4px 14px;font-size:14px;line-height:1.5;font-weight: normal;}

.btn-default {
	border: 3px solid #333;
	background: #fff;
}
.btn-default:link,.btn-default:visited,.btn-default:hover,.btn-default:active { color: #333; text-decoration: none;}
.btn-default:hover {
	background: #eee;
}
.btn-primary {
	background: #53BAA9;
	color: #fff;
	border-radius: 6px;
}
.btn-primary:link,.btn-primary:visited,.btn-primary:hover,.btn-primary:active { color: #fff; text-decoration: none;}
.btn-primary:hover {
	background: #75c8ba;
}

.btn-primary2 {
    background: #00b16e; /* Old browsers */
    background: -webkit-linear-gradient(top, #00b16e 0%,#00b16e 27%,#009f62 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00b16e 0%,#00b16e 27%,#009f62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
	color: #fff;
    text-shadow: 0 2px 1px #008452;
    box-shadow: 0 4px 0 #ddd;
}
.btn-primary2:link,.btn-primary2:visited,.btn-primary2:hover,.btn-primary2:active { color: #fff; text-decoration: none;}
.btn-primary2:hover {
background: #31c089; /* Old browsers */
background: -webkit-linear-gradient(top, #31c089 0%,#31bf89 30%,#31bd87 44%,#31ba85 45%,#31b985 65%,#31b683 66%,#31b181 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #31c089 0%,#31bf89 30%,#31bd87 44%,#31ba85 45%,#31b985 65%,#31b683 66%,#31b181 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.btn-disabled {
	background: #ccc;
	cursor: inherit;
}
.btn-disabled:link,.btn-disabled:visited,.btn-disabled:hover,.btn-disabled:active { color: #333; text-decoration: none;}

.btn-default.btn-sm {
	border-width: 2px;
}

.btn-warning {
	background: #ED3942;
	color: #fff;
}
.btn-warning:link,.btn-warning:visited,.btn-warning:hover,.btn-warning:active { color: #fff; text-decoration: none;}
.btn-warning:hover {
	background: #F16168;
}
.btn_area {
	text-align: center;
}
.btn_area .btn {
	width: 100%;
	box-sizing: border-box;
}

/* tableish */

.tableish dl {
}
.tableish dl dt {
	background: #F7F7F7;
	text-align: left;
	padding: 5px;
}
.tableish dl dd {
	padding: 10px 5px;
}

/* table */

.table dl {
	border-top: 1px solid #fff;
	padding: 10px;
}
.table dl {
	background: #F9F9F9;
}
.table dl:nth-of-type(even) {
	background: #F3F3F3;
}
.table dl dt {
	font-weight: 500;

}

/* SVG 20180830 */
#svgicon,
#svglogo {
    display: block;
    width: 0; height: 0; overflow: hidden;
}
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	text-align: center;
}
.hi-icon::after {
	content: '';
    width: 100%;
    height: 100%;
	display: block;
    background: url(../img/common/icon_sprite.svg) no-repeat;
    background-size: 200% 500%;
}
.icon_filing::after {background-position: 0 0;}
.icon_piggybank::after {background-position: 0 25%;}
.icon_observation::after {background-position: 0 50%;}
.icon_article::after {background-position: 0 75%;}
.icon_target::after {background-position: 0 100%;}


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

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	padding: 5px 0 0;
	z-index: 10;
  background: #fff;
}
#header .inner {
	width: 100%;
	padding: 0;
	max-width: auto;
}
#header .logo {
	padding-left: 16px;
	padding-bottom: 5px;
}
#header .logo img {
	width: 134px;
}




/* footer_logo
--------------------------- */

.ebis_logo{
	fill: #999;
}



/* footer_nav
--------------------------- */

#footer_nav {
    background: #f4f4f4;
	border-top: 1px solid #ccc;
}
#footer_nav a:link,
#footer_nav a:visited,
#footer_nav a:hover,
#footer_nav a:active {
	color: #000;
	text-decoration: none;
}
#footer_nav a:hover {
	text-decoration: underline;
}
#footer_nav h3 {
	font-size: 125%;
	margin-bottom: 7px;
	padding-top: 25px;
    font-weight: 500;
}
#footer_nav h3 a {
	display: block;
	position: relative;
}
#footer_nav h3 a:hover {
	text-decoration: none;
	opacity: .8;
}
#footer_nav li {
	line-height: 2;
}
#footer_nav .sns_box {
	text-align: center;
}
#footer_nav .sns_box > div {
	display: inline-block;
    margin: 0 10px;
    font-size: 40px;
}
#footer_nav .sns_box .twitter a { color: #00acee;}
#footer_nav .sns_box .facebook a { color: #3b5998;}

#footer_nav .sns_box > div a:hover {
    opacity: 0.8;
}

.footer01 {
	font-size: 13px;
	padding: 30px 0;
	max-width: 1100px;
    margin: 0 auto;
	display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
    -ms-flex-wrap: wrap;/* IE10 */
    -webkit-flex-wrap: wrap;/* safari(PC) */
    flex-wrap: wrap;
}
.footer01 .column {
	width: 50%;
	padding: 0 2%;
	box-sizing: border-box;
}
.footer01 .logo_box,
.footer01 .column:last-child {
	width: 100%;
}

.footer02 {
	font-size: 14px;
	padding: 30px 0;
	border-top: 1px solid #ccc;
}
.footer02 li {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 10px;
}
.footer02 li i {
	margin-left: 2px;
}
.footer02 a {
	font-weight: 500;
}
.footer02 li.icon_twitter {
	margin-right: 10px;
}
.footer02 li.icon_facebook {
	margin-right: 0;
}

#footer_nav .footer02 li.icon_twitter a {
	display: inline-block;
	font-size: 18px;
	width: 24px; height: 24px;
	line-height: 24px;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background: #00ACEE;
}
#footer_nav .footer02 li.icon_facebook a {
	display: inline-block;
	font-size: 20px;
	width: 24px; height: 24px;
	line-height: 24px;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background: #3B5998;
}
#footer_nav .footer02 li.icon_facebook a i {
	position: relative;
    left: 2px;
    top: 3px;
}

.mailmagazine_area {
	background: #fff;
	margin-top: 20px;
}

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

#pagetop a {
    text-align: center;
    display: block;
    color: #fff;
    background: #f69ca0;
    padding: 5px;
}
#pagetop a:link,
#pagetop a:visited,
#pagetop a:active {
    color: #fff;
	text-decoration: none;
}
#pagetop a:hover {
    background: #f8b0b3;
}
#footer {
	text-align: center;
	font-size: 14px;
  background: #fff;
  font-weight: 700;
}
#footer ul {
	list-style-type: none;
	text-align: center;
	padding: 10px 0 0;
}
#footer ul li {
	display: inline-block;
}
#footer ul li:not(:first-child)::before {
	content: "/";
	color: #fff;
	font-weight: 500;
	margin-right: 8px;
}
#footer ul a {
	display: inline-block;
	padding: 5px 10px;
}

#footer ul a:link {
	color: #fff;
}
#footer ul a:visited {
	color: #fff;
}
#footer ul a:hover {
	color: #fff;
}
#footer ul a:active {
	color: #fff;
}
#footer .copyright {
	text-align: center;
	padding: 15px 10px;
}

/* ------- contents ----------- */

#contents {
	width: auto;
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
    padding-top: 47px;
}
.img,
.img_large {
	text-align: center;
}
/* txt */
.txt h2 {
	font-size: 20px;
	margin-bottom: 1em;
}
.function_ad .txt h2 {
	font-size: 16px;
	margin-bottom: 1em;
}
.txt p {
	font-size: 16px;
	margin-bottom: 1.3em;
}
.txt p:last-child {
	margin-bottom: 0;
}
.img .caption {
	font-size: 12px;
}
.txt .small {
	font-size: 12px;
}
/* section */

section {
	padding: 0;
}

/* hgroup */

.hgroup {
	text-align: center;
	padding: 17px 0 12px;
}
.hgroup h2, .hgroup h3 {
	font-size: 28px;
}
/* title */

#main .title {
	background: #D90000;
	color: #fff;
	font-size: 28px;
}
/* contact_area */

#contact_area {
	width: 100%;
	border-top: 1px solid #fff;
	background: #D80000; /* Old browsers */
	background: -moz-linear-gradient(top, #D80000 0%, #A20000 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #D80000 0%, #A20000 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, #D80000 0%, #A20000 100%); /* W3C */
	box-shadow: 0px -1px 4px 0px rgba(123,123,123,0.3);
}
#contact_area ul {
	list-style-type: none;
	display: table;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	box-sizing: border-box;
}
#contact_area ul li {
	text-align: center;
	width: 33.33333333%;
	display: table-cell;
	vertical-align: middle;
	border-left: 1px solid #fff;
}
#contact_area ul li:first-child {
	border-left: 0 none;
}
#contact_area ul a {
	display: block;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
	background: #ed3942;
}
#contact_area ul a img {
	width: auto;
	max-width: 24px;
	margin-bottom: 5px;
}
#contact_area ul .contact_partner img {
	max-width: 33px;
}
#contact_area ul a:link {
	text-decoration: none;
}
#contact_area ul a:visited {
	text-decoration: none;
}
#contact_area ul a:hover {
	text-decoration: none;
	background: #ed3942;
}
#contact_area ul a:active {
	text-decoration: none;
}
#contents.fixed + #footer {
	padding-top: 70px;
}
.fixed #contact_area {
	position: fixed;
	bottom: 0;
	z-index: 4;
}


/* alart */

.alart {
	text-align: center;
	margin: 0 auto;
	background: #fee;
	padding: 10px;
	border: 2px solid #c00;
}

/* heading_area */

.heading_area {

}

.heading_area .inner {
	padding-top: 15px;
	padding-bottom: 15px;
}
.heading_area .hgroup {
	padding: 0;
	text-align: left;
}
.heading_area .hgroup h1 {
	font-weight: 700;
	font-size: 30px;
}
.heading_area .hgroup h1 .small {
	font-size: 14px !important;
	display: block;
	position: relative;
	top: -10px;
}
.heading_area .hgroup h1 + p,
.heading_area .hgroup h1 + div {
	font-size: 14px;
  margin-top: 20px;
}
.heading_area .hgroup h1 + p:empty,
.heading_area .hgroup h1 + div:empty {
  margin-top: 0;
}
.heading_bottom_area {
	background: #F3F3F3;
	border-bottom: 1px solid #ccc;
	padding: 12px 0;
}
div[pardot-region="intro_text"] {
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 30px;
}
div[pardot-region="intro_text"]:empty {
  margin: 0;
}
/* seminar_list */

.seminar_list .seminar_item {
	margin-bottom : 20px;
}
.seminar_list .seminar_list_inner::before,
.seminar_list .seminar_list_inner::after {
	content: "";
	display: table;
}
.seminar_list .seminar_list_inner::after {
	clear: both;
}
.seminar_list .seminar_item a {
	display: block;
	font-size: 14px;
	background: #fff;
	border-bottom: 2px solid #ccc;
    padding-bottom: 15px;
}
.seminar_list .seminar_item a::before,
.seminar_list .seminar_item a::after {
	content: "";
	display: table;
}
.seminar_list .seminar_item a::after {
	clear: both;
}
.seminar_list .seminar_item.status_pickup a {
	background: #FFFFE8 !important;
}
.seminar_list .seminar_item.status_full a {
	background: #E6E6E6 !important;
}
.seminar_list .seminar_item a .seminar_img {
	position: relative;
}
.seminar_list .seminar_item a .seminar_img > img {
	width: 100%; height: auto;
}
.seminar_list .seminar_item a:hover .seminar_img > img {
	opacity: 0.8;
}
.seminar_list .seminar_item a .seminar_img .icon_level {
	position: absolute;
	right: 0;
	top: 0;
    display: none;
}
.seminar_list .seminar_item a .seminar_img .icon_level::before {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 49px 49px 0;
	border-color: transparent rgba(255,255,255,.9) transparent transparent;
}
.seminar_list .seminar_item a .seminar_img .icon_level img {
	width: 20px;
	height: 20px;
	position: relative;
	z-index: 2;
}
.seminar_list .seminar_item a:link {
	text-decoration: none;
}
.seminar_list .seminar_item a:visited {
	text-decoration: none;
}
.seminar_list .seminar_item a:hover {
	text-decoration: none;
}
.seminar_list .seminar_item a:active {
	text-decoration: none;
}
.seminar_list .seminar_item a .category {
	display: inline-block;
	position: relative;
	z-index: 2;
	font-weight: 500;
	width: 9em;
	text-align: center;
	padding: 3px;
}
.seminar_list .seminar_item a .seminar_category {
	display: inline-block;
	background: #fff;
	position: relative;
	top: -10px;
}
.seminar_list .seminar_item a .seminar_date {
	padding: 0 10px 5px;
	font-weight: 500;    
	color: #000;
}
.seminar_list .seminar_item a .seminar_title {
	padding: 0 10px;
}
.seminar_list .seminar_item a .seminar_detail {
	padding: 5px 10px 0;
    color: #000;
    font-size: 12px;
}
.seminar_list .seminar_item a .seminar_text {
	padding: 5px 10px 0;
    color: #000;
    font-size: 12px;
}
.seminar_list .seminar_item a .seminar_text p {
	padding: 0;
    color: #000;
    font-size: 12px;
}
.seminar_list .seminar_item a .place {
	color: #000;
	background-color: #fff;
	display: inline-block;
	padding: 0 10px 0 5px;
	font-weight: 500;    
}
.seminar_list .seminar_item a .seminar_date .status {
	font-weight: 500;
}
.seminar_list .seminar_item.status_full a .seminar_date .status {
	color: #e64642;
}
.seminar_list .seminar_item a .seminar_date .status_waning {
	color: #e64642;
}
.seminar_list .seminar_item a:hover .seminar_title {
	text-decoration: underline;
}
.category_introduction {
	background: #455da8;
	color: #fff;
}
.category_operation {
	background: #fac842;
	color: #fff;
}
.category_upgrade {
	background: #ff9642;
	color: #fff;
}
.category_webmarketing,
.category_co-host {
	background: #b4dc42;
	color: #fff;
}
.category_report {
	background: #e2baba;
	color: #fff;
}
.category_external {
	background: #e2baba;
	color: #fff;
}
.category_setting {
	background: #1CB6DA;
	color: #fff;	
}
.category_actual {
	background: #F37566;
	color: #fff;	
}


/*  20190531 各ページにCVエリア追加  */

.cv_area {
	text-align: center;
}
.cv_area .with_image {
	position: relative;
}
.cv_area .with_image::before {
	content: "";
	display: block;
	width: 100%; height: 100%;
	background: #F6F6F6;
	position: absolute;
	left: 50%; bottom: 0;
	transform: translateX( -50%);
	z-index: 0;
}

.cv_area .button_area {
	padding: 15px 0 25px;
	width: 100%;
}
.cv_area .btn_wrap {
	width: 100%;
	max-width: 420px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	display: inline-block;
}
.cv_area .btn {
	/*max-width: 350px;*/
	box-sizing: border-box;
	width: 100%;
	max-width: 420px;
	font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
	border-radius: 6px;
	border: none;
    padding: 10px 20px 15px 20px;
	line-height: 1.4;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
	margin: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
}

.cv_area .btn .small {
	font-size: 66% !important;
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle;
	font-weight: 400;
}
.cv_area .btn-attention {
	background: #ce4242;
	color: #fff;
	border: 5px solid #ce4242;
}
.cv_area .btn-attention-b {
	background: #fff;
	color: #ce4242;
	border: 5px solid #ce4242;
}

.cv_area .btn + .btn {
	margin: 25px 0 0;
}
.cv_area .btn_wrap + .btn_wrap {
	padding-top: 40px;
}
.cv_area .btn_wrap .btn {
	display: block;
	width: 100%;
}
.cv_area .btn-attention:link,.cv_area .btn-attention:visited,.cv_area .btn-attention:hover,.cv_area .btn-attention:focus,.cv_area .btn-attention:active,.cv_area .btn-attention.active {
	background: #ce4242;
	color: #fff;
	text-decoration: none;
}
.cv_area .btn-attention:hover {
	background-color: #D76767;
	border-color: #D76767;
}
.cv_area .btn-attention-b:link,.cv_area .btn-attention-b:visited,.cv_area .btn-attention-b:hover,.cv_area .btn-attention-b:focus,.cv_area .btn-attention-b:active,.cv_area .btn-attention-b.active {
	background: #fff;
	color: #ce4242;
	text-decoration: none;
}
.cv_area .btn-attention-b:hover {
	border-color: #D76767;
	color: #D76767;
}

 @media only screen and (min-width: 640px) {
	.cv_area .button_area {
		padding: 30px 0 40px;
	}

}
@media only screen and (min-width: 660px) {
 	 .cv_area .btn {
		font-size: 24px;
		font-size: 2.4rem;
	}
}
@media only screen and (min-width: 861px) {
 	 .cv_area .with_image::before {
		 height: 65%;
	}
	 .cv_area .btn {
		width: auto;
		max-width: inherit;
		padding: 15px 20px 20px 20px;
	}
	.cv_area .btn_wrap {
		width: auto;
	}
	.cv_area .btn + .btn {
		margin: 0 0 0 30px;
	}
	.cv_area .btn_wrap + .btn_wrap {
		padding-top: 0;
		margin-left: 30px;
	}	
}
@media only screen and (min-width: 992px) {

	.cv_area .with_image::before {
		width: 90%;
		max-width: 980px;
		border-radius: 6px;
	}
}

/* ------------ each contents ------------ */

/*
#ebis_form .mailmagazine_column .txt p:first-child {/* Form PAGE (Marketo)
--------------------------- */

#ebis_form .heading_area {
    margin-top: 30px;
    margin-bottom: 30px;
}
#ebis_form .hgroup {
    line-height: 1.6;
}
#ebis_form #mailmagazine_form {
	padding-bottom: 25px;
}
#ebis_form .mailmagazine_column .txt {
	width:100%;
	text-align: center;

    font-size: 24px;
    font-weight: 500;
    margin-bottom: 6px;
}
#ebis_form .mailmagazine_column .txt p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 6px;
}
#ebis_form .mailmagazine_column .txt p.small02 {
    font-size: 16px;
    margin-bottom: 6px;
    font-weight:normal;
}
#ebis_form .mailmagazine_column .document {
    margin: 25px auto 0;
    text-align: center;
}
#ebis_form #mailmagazine_form+.form_main .mktoButtonRow button::before{
   right: 20px; 
}
#ebis_form #mailmagazine_form+.form_main .mktoButtonRow button::after{
   right: 20px; 
}

.form-page {
  /*background: linear-gradient(135deg, #fcf9f9 0%, #f5eeef 100%);*/
  background: #f4f4f4;
}
.form-page .section .inner {
  background: #fff;
  padding-top: 30px; padding-bottom: 30px;
}


/* 20151006追加 */

#mailmagazine_form {
	padding-bottom: 40px;
}
.form-page .mailmagazine_column {
	background: url("../img/top/bg_main_visual.png") center center;
	padding: 6px;
	margin-top: 10px;
}
.form-page .mailmagazine_column .mailmagazine_column_inner {
	background: #fff;
	padding: 25px;
}
#ebis_form .mailmagazine_column .mailmagazine_column_inner p{
    margin:0 auto 20px;
    font-size: 16px;
    /*line-height: 1.7;*/
}
.form-page .mailmagazine_column .txt {
	padding-bottom: 20px;
    max-width: 760px;
    margin: 0 auto;
}
.form-page .mailmagazine_column .txt p:first-child {
	margin-bottom: 6px;
	font-size: 20px;
	font-weight: 500;
}
.form-page .mailmagazine_column .form {
	height: 45px;
	overflow: hidden;
    max-width: 760px;
    margin: 0 auto;
}

/* 20171010追加 資料ダウンロード */
.form-page .mailmagazine_column h2{
    font-size: 20px;
    text-align: center;
    margin: 10px 0 30px; 
}
.form-page .mailmagazine_column .material_img{
    max-width: 650px;
    margin: 0 auto;
}
.form-page .mailmagazine_column .material_img img:first-child{
    margin-right: 0;
    margin-bottom: 20px;
}
.form-page .mailmagazine_column .material_img00{
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}
.back_link_area {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}

.back_link_area li{
    width: 150px;
    display: inline-block;
}

.back_link_area .btn-primary{
    position: relative;
    display: block;
}

.back_link_area .btn-primary::after {
    background: url(../img/common/arrow_right01.png);
    background-size: 9px 13px;
    content: " ";
    display: block;
    height: 13px;
    margin-top: -6px;
    position: absolute;
    right: 5%;
    top: 50%;
    width: 9px;
}

/* 20171205 資料ダウンロードページ追記分finish.php */
.material_dl .heading_area .hgroup h1 {
    font-weight: 500;
    font-size: 30px;
}
.material_dl .heading_area .hgroup h1 + p {
    font-size: 14px;
}
.material_dl .material_main{
    max-width: 100%;
    box-sizing: border-box;
}
.material_dl .material_main .inner{
    padding: 30px 4% 50px;
}
.material_dl .material_main .slide_share{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
}
.material_dl .material_main .slide_share iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 478px;
  max-height: 400px;
}
.material_dl .material_main .material_discription{
    width: 100%;
    box-sizing: border-box;
}
.material_dl .material_main .material_discription h2{
    font-size: 1.6rem;
    border-bottom: 2px solid #333;
    padding: 10px 0;
    margin-bottom: 10px;
}
.material_dl .material_main .material_discription p{
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 10px;
}
.material_dl .material_main .material_discription .btn{
    margin-top: 10px;
    text-align: center;
    width: 100%;
    padding: 0;
	max-width: inherit;
	box-shadow: none;
}  
.material_dl .material_main .material_discription .btn a{
    display: inline-block;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 1.8rem;
    color: #fff;
    background:#00AD6B;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    text-decoration: none;
}

    
/* material_relation */
.material_dl .material_relation{
    background: #F3F3F3;
    padding: 30px 0 20px;
    border-bottom: 5px solid #ccc;
}
.material_dl .material_relation h3{
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
}
.material_dl .material_relation .material_list{
    max-width: 980px;
    padding: 0 4%;
    margin: 0 auto;
    box-sizing: border-box;
}
.material_dl .material_relation .material_list li{
    width: 100%;
    margin-bottom: 30px;
}
.material_dl .material_relation .material_list li::before,
.material_dl .material_relation .material_list li::after{
    content: "";
    display: table;
    clear: both;
}
.material_dl .material_relation .material_list li .material_img{
    width: 100%;
}
.material_dl .material_relation .material_list li .material_discription{
    width: 100%;
}
.material_dl .material_relation .material_list li .material_discription h4{
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 0;
}
.material_dl .material_relation .material_list li .material_discription p{
    font-size: 1.2rem;
    margin-bottom: 10px;
} 
.material_dl .material_relation .material_list li .material_discription .btn{
    width: 100%;
    padding: 0;
    font-weight: 500;
    display: inline-block;
    text-align: left;
}
.material_dl .material_relation .material_list li .material_discription .btn a{
    display: inline-block;
    width: 100%;
    padding: 7px 5px;
    box-sizing: border-box;
    font-size: 1.2rem;
    color: #fff;
    background:#00AD6B;
    border-bottom:#008453 solid 5px;
    text-align: center;
} 
    
/* 20170115 campaign */
#ebis_form .campaign .campaign_area{
    background: url(../img/form/campaign/bg_icon.png) #F06067;
    padding: 30px 10px;
    box-sizing: border-box;
    margin: 40px auto;
    max-width: 800px;
    border-radius: 10px;
}
#ebis_form .campaign .campaign_area h2{
    margin-bottom: 20px;
}
#ebis_form .campaign .campaign_area .campain_info{
    background: #fff;
    padding: 10px 15px;
    max-width: 700px;
    box-sizing: border-box;
}
#ebis_form .campaign .campaign_area p{
    line-height: 1.8;
    margin-bottom: 10px;
}
#ebis_form .campaign .campaign_area p .color_ad{
    color: #FFB904;
}
#ebis_form .campaign .campaign_area p .color_seo{
    color: #70D2BA;
}
#ebis_form .campaign .campaign_area p .color_log{
    color: #1BB6D9;
}
#ebis_form .campaign .campaign_area p .color_point{
    color: #F05F66;
    font-size: 16px;
}
#ebis_form .campaign .campaign_area .form_main{
    padding-top: 5px;
}
#ebis_form .campaign #contact_form .mktoButtonRow button {
    display: inline-block;
    max-width: 800px;
    font-size: 16px;
}
#ebis_form .campaign .mktoForm .mktoFieldWrap, #ebis_form .mktoForm .mktoButtonWrap{
    padding-left: 0;
    padding-right: 0;
}
#ebis_form .campaign #contact_form {
    padding-bottom: 0;
}
#ebis_form .campaign #contact_form .mktoButtonRow button::before {
    right: 14px;
}
#ebis_form .campaign #contact_form .mktoButtonRow button::after {
    right: 14px;
}
@media (min-width:640px){
	#ebis_form .campaign .campaign_area{
		padding: 50px;
		margin: 60px auto;
	}
	#ebis_form .campaign .campaign_area h2{
		margin-bottom: 30px;
	}
	#ebis_form .campaign .campaign_area .campain_info{
		padding: 20px 25px;
	}
	#ebis_form .campaign .campaign_area p{
		line-height: 1.8;
		margin-bottom: 10px;
	} 
	#ebis_form .campaign .campaign_area p .color_point{
		color: #F05F66;
		font-size: 20px;
	}
	#ebis_form .campaign .campaign_area .form_main{
		padding-top: 10px;
	}
	#ebis_form #contact_form .mktoButtonRow button {
		font-size: 20px;
	}
	#ebis_form .form-page .campaign .section {
		padding-bottom: 50px;
	}
	#ebis_form .campaign #contact_form .mktoButtonRow button::before {
		right: 30px;
	}
	#ebis_form .campaign #contact_form .mktoButtonRow button::after {
		right: 30px;
	}
	#ebis_form .campaign .row {
	   margin: 40px auto;
	}
}




/* DEMO MOVIE PAGE
--------------------------- */

.form-page .demo_form {
    padding-top: 10px;
}
.demo_form .demo_image {
    text-align: center;
    padding-bottom: 30px;
}
.demo_form .demo_image p {
    text-align: left;
    margin-top: 15px;
    line-height: 1.5;
    font-size: 16px;
}
.demo_form .demo_image img + p {
    margin-top: 20px;
}

.demo_form .form_main p:first-child {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
}

/* movie */

#ebis_form .demo_movie_intro {
    padding-bottom: 10px;
}
.demo_movie_intro h2 {
    font-size: 20px;
    text-align: center;
    padding: 0;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 1.6;
}
.demo_movie_intro p {
    font-size: 14px;
    line-height: 1.6;   
}
.demo_movie_intro .img_l .txt {
    margin-bottom: 35px;
}
.demo_movie_intro .img_l .img {
    margin-bottom: 35px;
    text-align: center;
    float: none;
}
.demo_movie_intro .img_l .img .button_area {
    border: 1px solid #ccc;
    background: #f7f7f7;
    margin-top: 1.5em;
    padding: 15px;
    display: -webkit-box;/* Android < 4.3 */
    display: -webkit-flex;/* safari(PC) */
    display: flex;
    -webkit-box-pack: center;/* Android < 4.3 */
    -webkit-justify-content: center;/* safari(PC) */
    justify-content: center;
    -webkit-box-align:  center;/* Android < 4.3 */
    -webkit-align-items:  center;/* safari(PC) */
    align-items: center;
}
.demo_movie_intro .img_l .img .button_area p {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    padding: 0 10px 0 0;
}
.demo_movie_intro .img_l .img .button_area a {
    background: url(../img/demo/button_image.png) center center no-repeat;
    background-size: cover;
}
.demo_movie_intro .img_l .img .button_area a:hover {
    opacity: 0.8;
}
.demo_movie_intro .img_l .img .button_area a img {
    opacity: 0;
    height: 37px;
    min-width: 60px;
}


.demo_movie_link .movie_link_area {
    background: #f7f7f7;
    padding: 20px 20px 5px;
}
.demo_movie_link .movie_link_area h2 {
    text-align: center;
    margin-bottom: 20px;
}
.demo_movie_link .movie_link_area h3 {
    text-align: center;
    background: url(../img/demo/triangle_image.png) left top no-repeat;
    background-size: 44px 44px;
    min-height: 44px;
    position: relative;
}
.demo_movie_link .movie_link h3::before {
    display: block;
    position: absolute;
    left: 10px; top: 5px;
    color: #fff;
    font-weight: 500;
}
.demo_movie_link .movie_link:nth-of-type(1) h3::before { content: "1";}
.demo_movie_link .movie_link:nth-of-type(2) h3::before { content: "2";}
.demo_movie_link .movie_link:nth-of-type(3) h3::before { content: "3";}
.demo_movie_link .movie_link:nth-of-type(4) h3::before { content: "4";}
.demo_movie_link .movie_link:nth-of-type(5) h3::before { content: "5";}
.demo_movie_link .movie_link:nth-of-type(6) h3::before { content: "6";}

.demo_movie_link .movie_link_area h3 .heading_inner {
    padding: 20px 15px 15px;
    display: block;
}
.demo_movie_link .movie_link {
    background: #fff;
    box-shadow: 5px 5px 0 #ccc;
    max-width: 400px;
    margin: 0 auto 30px;
}
.demo_movie_link .movie_link p {
    margin: 0 30px 15px;
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
}
.demo_movie_link .movie_link .button {
    text-align: center;
    padding-bottom: 20px;
}
.demo_movie_link .movie_link .button img {
    width: 140px;
}
.demo_movie_link .movie_link .button a:hover img {
    opacity: 0.8;
}


/* ROUNDTABLE PAGE
--------------------------- */

.roundtable-page .mainvisual {
	padding-bottom: 15px;
}
.roundtable-page .mainvisual .mainimg {
	background: #F3F3F3;
	margin: 35px 0 20px;
}
.roundtable-page .mainvisual .mainimg h2 {
    margin-bottom: 5px;
}
.roundtable-page .mainvisual .txt {
	padding: 20px;
}
.roundtable-page .section {
	border-top: 2px solid #ccc;
}
.roundtable-page .section .inner {
	padding-bottom: 20px;
}
.roundtable-page .section .inner .img,
.roundtable-page .section .inner .img_large {
	margin-bottom: 15px;
}
.roundtable-page .section .inner .img_c {
	text-align: center;
	margin-bottom: 15px;
}
.roundtable-page .section .inner .img_c.bnr {
    margin: 50px 0 0;
}
.roundtable-page .section .inner .img .caption {
	display: block;
	text-align: center;
	margin-top: 5px;
}
.roundtable-page .section .inner .img_c .caption {
	display: block;
	text-align: center;
	margin-top: 5px;
}
.roundtable-page .section .inner .img_r + .img_r {
	padding-top: 15px;
}
.roundtable-page .section .inner h3 {
	font-size: 16px;
	font-weight: 500;
	border-left: 5px solid #ED3942;
	padding: 0 0 0 10px;
	margin: 20px 0 15px;
	line-height: 1.4;
}
.roundtable-page .section .inner p {
	font-size: 14px;
	padding-bottom: 10px;
	line-height: 1.5;
}
.roundtable-page .section .inner p strong {
	font-size: 16px;
	color: #EB393F;
	font-weight: 500;
}
.roundtable-page .section .inner .note {
	display: block;
	text-align: right;
}

.roundtable-page .img img:not(:first-child) {
    margin-top: 20px;
}



/***************** Media Queries *****************/


@media only screen and (min-width: 450px) {
	 
	/* =====================================
		 450px ～
	===================================== */


	/* ------------ each contents ------------ */


	/* FUNCTION PAGE
	--------------------------- */
    
    /* サブカテゴリ */
    
    .sub_category ul li {
        display: inline-block;
    }


	/* Partner PAGE
	--------------------------- */
	
    .partner-page .section_about .img img {
        max-width: 100%;
        width: auto;
    }
    .partner-page .heading_area_large .inner {
        background-size: contain;
    }
    .partner-page .heading_area_large .hgroup {
        padding-top: 15px;
    }
    .partner-page .heading_area_large .hgroup h1 {
        margin-bottom: 15px;
    }
    .partner-page .heading_area_large .btn_area {
        max-width: 300px;
    }

}
@media only screen and (min-width: 522px) {

	.footer02 iframe {
		height: 70px !important;
	 }
}
 @media only screen and (min-width: 640px) {
	 
	/* =====================================
		 640px ～
	===================================== */

	.pc {
		display: block !important;
	}
	.sp {
		display: none !important;
	}
	.note_box {
		padding: 20px;
	}
	.btn_area .btn {
		max-width: 330px;
		margin: 0 auto;
	}
	
	/* tableish */
		
	.tableish {
		display: table;
		border-collapse: collapse;
	}
	.tableish dl {
		display: table-row;
	}
	.tableish dl dt {
		padding: 10px 15px;
		display: table-cell;
		border: 1px solid #ccc;
	}
	.tableish dl dd {
		display: table-cell;
		padding: 10px 15px;
		border: 1px solid #ccc;
	}
	/* table */
		
	.table {
		display: table;
	}
	.table .thead {
		display: table-header-group;
	}
	.table .tbody {
		display: table-row-group;
	}
	.table .thead li {
		display: table-cell;
	}
	.table .tbody dl {
		display: table-row;
		border-top: 0 none;
		padding: 0;
		background: none;
	}
	.table dl dt,  .table dl dd {
		display: table-cell;
		background: #F9F9F9;
		border-top: 1px solid #fff;
		border-left: 1px solid #DBDBDB;
		padding: 7px 10px;
	}
	.table .tbody dl dd:last-child {
		border-right: 1px solid #DBDBDB;
	}
	.table .tbody dl:last-child dt,  .table .tbody dl:last-child dd {
		border-bottom: 1px solid #DBDBDB;
	}
	.table dl:nth-of-type(even) dt,  .table dl:nth-of-type(even) dd {
		background: #F3F3F3;
	}

	/* footer_nav */
	
	#footer_nav .inner {
		max-width: 1200px;
	 }
	.footer01 .column:not(.logo_box) {
		width: 33.33333%;
	 }
	.footer02 .column {
		margin: 0 2%;
	 }


	/* ------------ common ------------ */

	
	/* contact_area */

	#contact_area {
		width: 100%;
		border-top: 0 none;
		padding: 30px 0;
		background: #F3F3F3;
		box-shadow: none;
		border-bottom: 2px solid #ccc;
	}
	#contact_area ul {
		max-width: 700px;
		padding: 0 4%;
		margin: 0 auto;
        text-align: center;
	}
	#contact_area ul li {
        display: inline-block;
		border: 0 none;
		width: 50%;
	}
	#contact_area ul li:last-child img {
		max-width: 100%;
		width: auto;
	}
	#contact_area ul a {
		display: block;
		font-size: 20px;
		font-weight: 500;
		padding: 15px 0;
        line-height: 1.2;
		margin-right: 8px;
        margin-left: 8px;
		border: 3px solid #333;
		background: #fff;
		color: #333;
	}
	#contact_area ul a:hover {
		background: #eee;
	}  
	#contact_area ul a img {
		display: none;
	}
    #contact_area ul li a.contact_installation .pc,
    #contact_area ul li a.contact_partner .pc {
        display: none !important;
    }
    #contact_area ul li.pc {
        width: 100%;
        margin-top: 20px;
    }    
	.btn-default {
		border: 3px solid #333;
		background: #fff;
	}
	#contents.fixed + #footer {
		padding-top: static;
	}
	.fixed #contact_area {
		position: static;
		z-index: 1;
	}
	/* heading_area */
	
	[class^="heading_area"] .topicpath {
		max-width: 1290px;
		margin: 0 auto;
	}
	.heading_area .hgroup {
		max-width: 980px;
		margin: 0 auto;
	}
	/* side */
		
	#side {
		top: 80px;
	}


	/* txt */

	.txt h2 {
		font-size: 28px;
		margin-bottom: 24px;
	}
	.img_l .img {
		float: left;
		text-align: left;
	}
	.img_r .img {
		float: right;
		text-align: right;
	}
	
	/* step_column */
	
	#provide_area .step_column {
		padding: 40px 55px;
		margin-top: 40px;
	}
	#provide_area .step_column .step1 {
		float: left;
		width: 70%;
	}
	#provide_area .step_column .step1 li {
		width: 20%;
		padding: 0 14px 20px 0;
	}
	#provide_area .step_column .step2 {
		float: left;
		width: 30%;
	}
	#provide_area .step_column .step2 li {
		width: 50%;
		padding: 0 0 20px 14px;
	}
	#provide_area .step_column ul li.fn_audience img.icon_badge {
		top: 15%;
		right: auto;
		left: -webkit-calc(50% + 70px);
		left: calc(50% + 70px);
	}

	/* ------------ each contents ------------ */
    

     
	/* Form PAGE
	--------------------------- */
	
	.form-page .heading_area .hgroup {
		width: 100%;
    text-align: center;
	}
	.form-page .section {
		padding-bottom: 70px;
	}
	#contact_form iframe {
		height: 1000px;
	}
	#material_form iframe {
		height: 1400px;
	}
	#partner_material_form iframe {
		height: 1500px;
	}
	#estimate_form iframe {
		height: 1500px;
	}
	
    /* 20171010追加 資料ダウンロード */
    .form-page .mailmagazine_column h2{
        font-size: 20px;
        text-align: center;
        margin: 10px 0 30px; 
    }
    .form-page .mailmagazine_column .material_img{
        max-width: 650px;
        margin: 0 auto;
    }
    .form-page .mailmagazine_column .material_img img:first-child{
        margin-right: 20px;
        margin-bottom: 0;
    }

    .back_link_area li{
        width: 260px;
        margin: 5px 10px 10px;
    }
     
    .back_link_area .btn-primary {
        padding: 20px 0;
    }
     
    
    /* DEMO MOVIE PAGE
    --------------------------- */

    .demo_movie_intro .img_l .txt h2 {
        font-size: 20px;
    }
    .demo_movie_link .movie_link {
        box-shadow: 10px 10px 0 #ccc;
    }
    .demo_movie_link .movie_link_area h2 {
        font-size: 20px;
    }
    .demo_movie_link .movie_link_area h3 {
        font-size: 18px;
    }
	 
    
    
   /* 20171205 資料ダウンロードページ追記finish.php */ 
     .material_dl .heading_area .hgroup h1 {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    width: 1%;
    }
    .material_dl .heading_area .hgroup h1 + p {
        display: table-cell;
        font-size: 16px;
        padding-left: 50px;
        text-align: left;
        vertical-align: middle;
    }
    .material_dl .material_main{
        max-width: 980px;
        margin: 0 auto;
    }
    .material_dl .material_main .inner{
        padding: 50px 0 70px;
        overflow: hidden;
    }
    .material_dl .material_main .slide_share{
        float:left;
        position: relative;
        width: 50%;
        height: 0;
        padding-bottom: 32.1%;
    }
    .material_dl .material_main .material_discription{
        float:right;
        width: 50%;
        box-sizing: border-box;
        padding-left: 30px;
    }
    .material_dl .material_main .material_discription h2{
        font-size: 20px;
        font-size: 2.0rem;
        border-bottom: 2px solid #333;
        padding: 0 0 20px;
        margin-bottom: 20px;
    }
    .material_dl .material_main .material_discription p{
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6;
        margin-bottom: 20px;
    }
    .material_dl .material_main .material_discription .btn a{
        margin-left: -30px;
        width: 70%;
        font-size: 20px;
        font-size: 2.0rem;
    }
    .material_dl .btn a:hover{
        text-decoration: none;
        opacity: 0.8;
    }

    /* material_relation */
    .material_dl .material_relation{
        background: #F3F3F3;
        padding: 70px 0 40px;
        border-bottom: 5px solid #ccc;
    }
    .material_dl .material_relation h3{
        text-align: center;
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 60px;
    }
    .material_dl .material_relation .material_list{
        max-width: 980px;
        margin: 0 auto;
        padding: 0;
    }
    .material_dl .material_relation .material_list li{
        width: 50%;
        float: left;
        box-sizing: border-box;
        margin-bottom: 60px;
    }
    .material_dl .material_relation .material_list li .material_img{
        width: 50%;
        float: left;
    }
    .material_dl .material_relation .material_list li .material_discription{
        width: 45%;
        float: right;
    }
    .material_dl .material_relation .material_list li:nth-child(2n){
        padding-left: 25px;
    }
    .material_dl .material_relation .material_list li:nth-child(2n+1){
        padding-right: 25px;
    }
    .material_dl .material_relation .material_list li .material_discription h4{
        font-size: 17px;
        font-size: 1.7rem;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .material_dl .material_relation .material_list li .material_discription p{
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 20px;
    } 
    .material_dl .material_relation .material_list li .material_discription .btn{
        width: 100%;
        font-size: 14px;
        padding: 0;
        font-weight: 500;
        display: inline-block;
        text-align: left;
    }
    .material_dl .material_relation .material_list li .material_discription .btn a{
        width: 90%;
        font-size: 14px;
        font-size: 1.4rem;
    }
     
	 
}
 @media only screen and (min-width: 660px) {

	/* =====================================
		 660px ～
	===================================== */

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

    #header {
		padding: 0;
		width: 100%;
		height: 60px;
	}
	#header .logo {
		width: 167px;
		height: 60px;
		line-height: 60px;
		padding: 0 0 0 10px;
		vertical-align: middle;
	}
	#header .logo img {
		vertical-align: middle;
	}
     
     #header .tel_icon {
         top: 10px;
     }
	
	/* contents */
		
	#contents {
		padding-top: 60px;
	}
	/* footer_nav
	--------------------------- */
	
	#footer_nav h4 {
		float: left;
	}
	#footer_nav h4 + ul {
		padding-left: 4em;
		padding-bottom: 20px;
	}
	
	/* footer
	--------------------------- */
	
	#footer .inner {
		max-width: 1290px;
		padding: 0 10px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#footer #nav_footer {
		float: left;
		text-align: left;
		padding: 10px 0;
	}
	 

	/* Form PAGE (Marketo)
	--------------------------- */
    
    #ebis_form #header {
        position: relative;
        height: 60px;
    }
    #ebis_form #contents {
        padding-top: 0;
    }    


}
 @media only screen and (min-width: 769px) {
	 
	/* =====================================
		 769px ～
	===================================== */
    
    #contact_area ul li {
        display: table-cell !important;
        width: auto;
	}
	#contact_area ul li a {
        white-space: nowrap;
        margin: 0;
        min-width: 150px;
    }
	#contact_area ul li:not(:last-child) a {
		margin: 0 25px 0 0;
	}
     #contact_area ul li a.contact_installation .pc {
         display: inline-block !important;
    }

     
	/* form-page */
	#ebis_form .mailmagazine_column .txt {
		float: left;
        text-align: left;
		width: 59%;
		padding-bottom: 0;
	}
	#ebis_form .mailmagazine_column .form {
		float: right;
		width: 39%;
		padding-top: 20px;
	}
    #ebis_form .mailmagazine_column .document {
        text-align: right;
    }


	/* Form PAGE (Marketo)
	--------------------------- */
    
    
	/* visual */
    #ebis_form .visual {
        margin: 0 auto;
        max-width: 802px;
    }
	#ebis_form .mailmagazine_column .mailmagazine_column_inner {
        padding: 30px 25px;
	}
	
    #ebis_form .mailmagazine_column .mailmagazine_column_inner p{
        margin:0 auto 20px;
        width: 90%;
    }
     
	#ebis_form .mailmagazine_column .txt {
        float:left;
        width:40%;
        text-align:left;
	}
    #ebis_form.request .mailmagazine_column .txt {
        float: left;
        text-align: left;
        width: 42%;
    }
	#ebis_form .mailmagazine_column .document {
        float: right;
        margin: 0;
        text-align: right;
        width: 58%;
	}
	#ebis_form .mailmagazine_column {
        margin: 4px 0 0;
        padding: 6px;
    }

        
    
    /* DEMO MOVIE PAGE
    --------------------------- */

    .demo_movie_intro .img_l {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;/*--- Android ---*/
        -ms-flex-align: center;/*--- IE10 ---*/
        -webkit-align-items: center;/*--- safari(PC) ---*/
        align-items: center;
    }
    .demo_movie_intro .img_l .img {
        padding-right: 7%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        width: 43%;
    }
    .demo_movie_intro .img_l .img .button_area a img {
        min-width: 74px;
        height: 42px;
    }
    .demo_movie_intro .img_l .txt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        width: 52%; 
    }
    .demo_movie_intro .img_l .txt h2 {
        text-align: left;
    }
    .demo_movie_intro .img_l .txt p {
        font-size: 16px;
    }
    .demo_movie_link .movie_link_area::after,
    .demo_movie_link .movie_link_area::before {
        content: "";
        display: table;
     }
    .demo_movie_link .movie_link_area::after {
        clear: both;
     }
    .demo_movie_link .movie_link {
        width: 46.5%;
        max-width: 100%;
        float: left;
        margin-bottom: 40px;
    }
    .demo_movie_link .movie_link:nth-of-type(2n) {
        float: right;
    }
    .demo_movie_link .movie_link_area {
        padding: 30px 30px 0;
    }
    .demo_movie_link .movie_link_area h2 {
        margin-bottom: 30px;
    }
    .demo_movie_link .movie_link_area h3 {
        background-size: 66px 66px;
        min-height: 66px;
        position: relative;
    }
    .demo_movie_link .movie_link h3::before {
        left: 15px; top: 7px;
    }
    .demo_movie_link .movie_link_area h3 .heading_inner {
        padding: 15px;
    }
    /* 2つずつ横並びさせたときにテキスト量が多いh3に.height_baseをつける */
    .demo_movie_link .movie_link_area h3:not(.height_base) .heading_inner {
        -ms-transform: translateY( -50%);
        -webkit-transform: translateY( -50%);
        transform: translateY( -50%);
        padding: 20px 20px 15px;
        position: absolute;
        left: 0; top: 50%;
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

}

@media only screen and (min-width: 860px) {
	
	/* =====================================
		 860px ～
	===================================== */
    
    
    
    /* contact_area */

	#contact_area ul a {
		padding: 15px 25px;
	}

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

	.footer01 .column:not(.logo_box) {
		width: 18%;
	}	
	.footer01 .column:last-child {
		width: 28%;
	}
    
    /* DEMO MOVIE PAGE
    --------------------------- */

	.demo_form .inner .demo_image {
        width: 37.5%;
        float: left;
    }
	.demo_form .inner .form_main {
        width: 56%;
        float: right;
    }
	.demo_form .form_main p:first-child {
        margin-bottom: 30px;
    }

}


@media only screen and (min-width: 990px) {
	
	/* =====================================
		 990px ～
	===================================== */	

	/* header */
	
    #header .inner{
        display: table;
        max-width: 1290px;
    }
    #header .logo {
        width: 134px;
        height: 60px;
        padding: 0 30px 0 10px;
        display: table-cell;
        vertical-align: middle;
    }
    #header .logo a {
        display: inline-block;
        width: 134px; height: 40px;
    }
}



@media only screen and (min-width: 1075px) {
	
	/* =====================================
		 1075px ～
	===================================== */
    
	/* footer */
	
	    /* footer
    --------------------------- */

	.footer01 .column:not(:last-child) {
		width: 15% !important;
	}
	.footer01 .column:last-child {
		width: 25%;
	}
	#footer_nav h3 {
		padding-top: 0;
	}
	.footer02 {
		display: -webkit-box;/* Android < 4.3 */
		display: -ms-flexbox;/* IE10 */	
		display: -webkit-flex;/* safari(PC) */
		display: flex;
		-webkit-box-align: center;/* Android < 4.3 */
		-ms-flex-align: center;/* IE10 */
		-webkit-align-items: center;/* safari(PC) */
		align-items: center;
		-ms-flex-line-pack: distribute;/* IE10 */
		-webkit-justify-content: space-around;/* safari(PC) */
		justify-content: space-around;
	}
	.footer02 .mailmagazine_area {
		min-width: 485px;
		margin-left: 0;
	}
	
	
	/* #contact_area
	--------------------------- */ 

    #contact_area ul li:last-child {
        text-align: center;
    }
    #contact_area ul li a {
        min-width: 140px;
    }    
	#contact_area ul a.contact_partner span.pc {
        display: inline-block !important;
    }
    

    /* DEMO MOVIE PAGE
    --------------------------- */

    .demo_movie_link .movie_link_area h3 {
        font-size: 20px;
    }
    .demo_movie_intro .img_l .txt h2 {
        font-size: 24px;
    }
    .demo_movie_intro .img_l .img {
        width: 52%; 
    }
    .demo_movie_intro .img_l .img .button_area p {
        font-size: 18px;
    }
    .demo_movie_intro .img_l .img .button_area a img {
        min-width: 90px;
        height: 50px;
    }
    .demo_movie_intro .img_l .txt {
        width: 43%;
    }
    .demo_movie_link .movie_link_area {
        padding: 30px 40px 0;
    }    

}

 @media only screen and (min-width: 1190px) {
	 
	/* =====================================
		 1190px ～
	===================================== */
	

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

	#header .inner {
		display: table;
		width: 100%;
		height: 60px;
		box-sizing: border-box;
        position: relative;
	}
	#header .logo {
		width: 134px;
		height: 60px;
		padding: 0 40px 0 10px;
		display: table-cell;
		vertical-align: middle;
	}
	#header .inner {
		max-width: 1290px;
		margin: 0 auto;
	}

	#contact_area ul li {
		width: auto;
	}
	#contact_area ul li:last-child img {
		width: 345px;
	}
	#contact_area ul li a {
        padding: 18px 30px;
    }
	#contact_area ul li a.contact_partner .pc {
        display: inline !important;
    }
    
	
	/* Form PAGE (Marketo)
	--------------------------- */
    
    #ebis_form:not(.is_header_fixed) #header .inner {
        display: block;
    }
    
}
@media only screen and (min-width: 660px) {
    .case_index #case_area_01,
    .case_index #case_area_02,
    .case_index #case_area_03,
    .case_index #case_area_04 {
        padding: 60px 0;
    }
}


/* material_download area */

.material_download_area {
    padding: 70px 0 20px;
}
.material_download_area .actual_inner {
    max-width: 980px;
    text-align: center;
    margin: 0 4%;
    padding: 15px;
    border: 10px solid #f3f3f3;
    box-sizing:  border-box;
}
.material_download_area .actual_inner .sub_text {
    padding: 0 0 10px 0;
	position: relative;
}
.material_download_area .actual_inner .sub_text img {
	margin-top: -50px;
	position: relative;
}
.material_download_area .btn_area {
    padding: 0;
	font-size: 13px;
	font-size: 1.3rem;
    text-align: center;
    -webkit-box-pack: center;/* Android < 4.3 */
    -ms-flex-pack: center;/* IE10 */
    -webkit-justify-content: center;/* safari(PC) */
    justify-content: center;
}
.material_download_area .btn_area p {
	margin-bottom: 5px;
	font-size: 11px;
}
.material_download_area .btn_area p span {
	font-size: 108%;
}
.material_download_area .btn_area .btn-info {
    background: #3794D7;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    width: 100%;
	max-width: 380px;
    text-align: center;
	font-size: 128%;
	padding: 10px 28px;
}
.material_download_area .btn_area .btn-info:hover {
    background: #2175c6;
}


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

	.material_download_area {
		padding: 50px 0 20px;
	}	
	.actual-page .material_download_area {
		padding-bottom: 10px !important;
	}
	
    .material_download_area .actual_inner {
        text-align: left;
        padding: 15px 25px;
        border: 10px solid #f3f3f3;
        display: -webkit-box;/* Android < 4.3 */
        display: -ms-flexbox;/* IE10 */	
        display: -webkit-flex;/* safari(PC) */
        display: flex;
        -webkit-box-pack: justify;/* Android < 4.3 */
        -ms-flex-pack: justify;/* IE10 */
        -webkit-justify-content: space-between;/* safari(PC) */
        justify-content: space-between;
        align-items: center;
        box-sizing:  border-box;
    }
    .material_download_area .actual_inner .sub_text {
		padding: 5px 15px 0 0;
	}
	.material_download_area .actual_inner .sub_text img {
		margin-top: 0;
	}
    .material_download_area .actual_inner .btn {
        white-space: nowrap;
    }
}
@media only screen and (min-width: 769px) {

	.material_download_area {
		padding: 70px 0 30px;
	}		
	.material_download_area .actual_inner {
        margin: 0 auto;
		padding: 5px 25px;
		max-width: 710px;
	}
    .material_download_area .actual_inner .sub_text {
		padding: 0 20px 0 0;
	}
	.material_download_area .actual_inner .sub_text img {
		margin-top: -10%;
	}
}

@media only screen and (min-width: 861px) {
    .material_download_area .actual_inner {
		max-width: 770px;
    }
    .material_download_area .actual_inner .sub_text {
		padding: 0 25px 0 0;
	}
	.material_download_area .btn_area {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 10px 0;
	}
	.material_download_area .btn_area p {
		font-size: 13px;
	}
	.material_download_area .btn_area .btn-info {
	    padding: 15px 30px;
	}
}
@media only screen and (min-width: 992px) {
	.material_download_area .actual_inner {
		max-width: 840px;
	}
	.material_download_area .btn_area {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.material_download_area .btn_area p {
		font-size: 16px;
	}
	.material_download_area .btn_area .btn-info {
	    padding: 15px 50px;
	}
}


/* rebranding */
.online_span {
  background: #ce4242 !important;
}
::selection {
  background: #455da8;
  color: #fff;
}
::-moz-selection {
  background: #455da8;
  color: #fff;
}