@charset "utf-8";
/* style.css
	20151215 up
*/

/* =====================================
	 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: "M PLUS 1p", "Hiragino Kaku Gothic ProN", メイリオ, meiryo, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	-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: #F7F7F7;
	padding: 10px;
}
.accent {
	color: #D80000;
}
.accent_normal {
    color: inherit !important;
}
.attention_info {
    color: #264D9D !important;
}
.small {
	font-size: 75% !important;
}
.strong {
	color: #333;
	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;
	background: #ED3942;
	z-index: 10;
	box-shadow: 1px 1px 9px rgba(0,0,0,.25);
}
#header .inner {
	width: 100%;
	padding: 0;
	max-width: auto;
}
#header .logo {
	padding-left: 16px;
	padding-bottom: 5px;
}
#header .logo img {
	width: 134px;
}



/* #nav
--------------------------- */

@media only screen and (max-width: 859px) {
    #nav {
        max-height: 78vh;
        max-height: -webkit-calc(88vh - 60px);
        max-height: calc(88vh - 60px);
        overflow-y: auto;
		background: #fff;
    }
}
#nav ul {
    vertical-align: middle;
}
#nav > ul {
    display: none;
}
#nav  li {
	border-top: 1px solid #fff;
	background: #f3f3f3;
}
#nav > ul > li {
	background: #f3f3f3;
}

#nav li.nav_material,
#nav li.nav_inquiry {
	background: #E4E4E4;
}
#nav li a {
	font-size: 14px;
	display: block;
    color: #333;
	max-width: 640px;
	margin: 0 auto;
	padding: 0.8em 4%;
	background: #f3f3f3;
    position: relative;
    font-weight: 500;
}
#nav > ul > li > a {
    background: #E7E7E7;
}
#nav > ul > li > ul > li a {
    background: #f3f3f3;
    padding-left: 2.2em;
}

#nav li a[href]::after {
    content: "";
    display: block;
    position: absolute;
    right: 4%; top: 50%;
    margin-top: -6px;
    width: 10px; height: 10px;
    border: 2px solid #999;
    border-width: 2px 2px 0 0;
    -ms-transform: rotate( 45deg );
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
}

#nav li.spnav a {
	font-size: 16px;
	color: #545454;
	display: block;
	max-width: 640px;
	margin: 0 auto;
	padding: 0.8em 4%;
	background: #FFD24D;
}

#nav ul.nav_contact {
	display: none;
}

#nav li a:link { text-decoration: none;}
#nav li a:visited { text-decoration: none;}
#nav li a:hover { text-decoration: none;}
#nav li a[href]:hover { background: #e0e0e0; }
#nav li li a[href]:hover { background: #f0f0f0; text-decoration: none;}
#nav li.spnav a:hover { background: #ffc73d; text-decoration: none;}
#nav li a:active { text-decoration: none;}

#nav li a.mark_pc {
	background-image: url(../img/common/icon_pc.png);
	background-position: 96% center;
	background-repeat: no-repeat;
	background-size: 15px 15px; 
}


#nav li a span {
	display: inline-block;
}
#nav li a img {
	display: none;
}

#bt_menu {
    position: absolute;
    right: 16px; top: 4px;
	cursor: pointer;
    text-align: center;
}
#bt_menu span {
    line-height: 1;
    font-size: 10px;
    color: #fff;
    display: block;
    vertical-align: middle;
}
#bt_menu span.menu_line {
	display: inline-block;
	width: 28px; height: 28px;
	overflow: hidden;
	text-indent: -1080px;
	background: url(../img/common/bt_menu.png) left top no-repeat;
	background-size: 28px auto;
}
.menu_open #bt_menu span.menu_line {
	background-position: left bottom;
}

#header .tel_icon {
    position: absolute;
    right: 60px; top: 4px;
    text-align: center;
	width: 28px;
}
#header .tel_icon a {
	display: block;
	color: #fff;
}
#header .tel_icon a span {
    line-height: 1;
    font-size: 10px;
    color: #fff;
    display: block;
    vertical-align: middle;
}
#header .tel_icon a img {
	width: auto;
	max-width: 24px;
	margin-bottom: 4px;
}
#header .tel_icon a:link {
	text-decoration: none;
}
#header .tel_icon a:visited {
	text-decoration: none;
}
#header .tel_icon a:hover {
	text-decoration: none;
	background: #ed3942;
}
#header .tel_icon a:active {
	text-decoration: none;
}


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

.ebis_logo{
	fill: #999;
}



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

#footer_nav {
    background: #F3F3F3;
	border-top: 1px solid #ccc;
}
#footer_nav a:link,
#footer_nav a:visited,
#footer_nav a:hover,
#footer_nav a:active {
	color: #333;
	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 {
	background: #ED3942;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
#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;
	color: #fff;
	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;
}

/* キャンペーンエリア 20170620 */

#campaign_area {
    display: none;
}

.front-page #campaign_area {
    position: fixed;
    left: 0; bottom: 0;
    width: 100%;
    z-index: 10;
    box-shadow: 0 0 8px rgba(0,0,0,.25);
}
.front-page #section_mv .campaign_area {
    display: none;
}
.front-page #campaign_area a {
    display: block;
    font-size: 13px;
    color: #333;
    width: 100%;
    background: #FFF4C1;
    padding: 10px 4%;
    box-sizing: border-box;
    text-align: center;
}
.front-page #campaign_area a:link,
.front-page #campaign_area a:visited,
.front-page #campaign_area a:hover,
.front-page #campaign_area a:active {
    color: #333;
    text-decoration: none;
}
.front-page #campaign_area a:hover {
    background: #FFE992;
}
.front-page #mailmagazine_area + .campaign_area a .campaign_sp { display: block;}
.front-page #mailmagazine_area + .campaign_area a .campaign_pc { display: none;}

.front-page #campaign_area a .attention {
    font-weight: 500;
    color: #EB3940;
}
.front-page #footer {
    padding-bottom: 40px;
}

/* alart */

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

/* icon_color */
.icon_ad { background: #FFAA16; }
.icon_viewthru { background: #2C73C0; }
.icon_seo { background: #59D2BA; }
.icon_lpo { background: #00B26E; }
.icon_log { background: #1CB6DA; }
.icon_tag { background: #F37566; }
.icon_api { background: #D98120; }
.icon_agent { background: #FFC22B; }
.icon_app { background: #20548E; }
.icon_contents { background: #7E2786; }
.icon_report { background: #72CAD3; }
.icon_glu { background: #fff; border: 2px solid #666; }
.icon_etc { background: #ccc; }
.icon_research { background: #208AC9; }
.icon_listing { background: #fff; border: 2px solid #F2D500; }
.icon_listing_link { background: #FFAA16; }
.icon_three { background: #FCDF32; color: #333 !important; }

.icon_audience {
	background: #d0b263; /* Old browsers */
	background: -moz-linear-gradient(left, #d0b263 25%, #D6B768 50%, #d0b263 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #d0b263 25%, #D6B768 50%, #d0b263 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #d0b263 25%, #D6B768 50%, #d0b263 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.icon_tv { background: #8157C2;}

/* heading_area */

.heading_area {
	background: #F7F7F7;
	border-bottom: 5px solid #ED3942;
}
[class^="heading_area"] .topicpath {
	padding: 0 4%;
}
[class^="heading_area"] .topicpath ol {
	padding: 5px 0;
}
[class^="heading_area"] .topicpath ol li {
	display: inline-block;
	font-size: 12px;
}
[class^="heading_area"] .topicpath ol li::after {
	content: ">";
}
[class^="heading_area"] .topicpath ol li:last-child::after {
	content: "";
}
[class^="heading_area"] .topicpath ol li a:link {
	color: #333;
	text-decoration: underline;
}
[class^="heading_area"] .topicpath ol li a:visited {
	color: #333;
	text-decoration: underline;
}
[class^="heading_area"] .topicpath ol li a:hover {
	color: #333;
	text-decoration: none;
}
[class^="heading_area"] .topicpath ol li a:active {
	color: #333;
	text-decoration: underline;
}
.heading_area .inner {
	padding-top: 10px;
	padding-bottom: 15px;
}
.heading_area .hgroup {
	padding: 0;
	text-align: left;
}
.heading_area .hgroup h1 {
	font-weight: 500;
	font-size: 30px;
}
.heading_area .hgroup h1 .small {
	font-size: 14px !important;
	font-weight: 500;
	display: block;
	position: relative;
	top: -10px;
}
.heading_area .hgroup h1 + p {
	font-size: 14px;
}
.heading_bottom_area {
	background: #F3F3F3;
	border-bottom: 1px solid #ccc;
	padding: 12px 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: #333;
}
.seminar_list .seminar_item a .seminar_title {
	padding: 0 10px;
}
.seminar_list .seminar_item a .seminar_detail {
	padding: 5px 10px 0;
    color: #333;
    font-size: 12px;
}
.seminar_list .seminar_item a .seminar_text {
	padding: 5px 10px 0;
    color: #333;
    font-size: 12px;
}
.seminar_list .seminar_item a .seminar_text p {
	padding: 0;
    color: #333;
    font-size: 12px;
}
.seminar_list .seminar_item a .place {
	color: #333;
	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: #EC3941;
}
.seminar_list .seminar_item a .seminar_date .status_waning {
	color: #EC3941;
}
.seminar_list .seminar_item a:hover .seminar_title {
	text-decoration: underline;
}
.category_introduction {
	background: #1CB6DA;
	color: #fff;
}
.category_operation {
	background: #FFBC20;
	color: #fff;
}
.category_upgrade {
	background: #F37566;
	color: #fff;
}
.category_webmarketing,
.category_co-host {
	background: #00B26E;
	color: #fff;
}
.category_report {
	background: #BA98DC;
	color: #fff;
}
.category_external {
	background: #BA98DC;
	color: #fff;
}
.category_setting {
	background: #1CB6DA;
	color: #fff;	
}
.category_actual {
	background: #F37566;
	color: #fff;	
}


/* news_list */

.news_list li {
	border-top: 1px dotted #ccc;
	padding: 10px 0;
	font-size: 14px;
}
.news_list li:first-child {
	border-top: 0 none;
}
.news_list .news_date {
	font-weight: 500;
	display: block;
}

/* side */

#side {
	width: 250px;
	background: #fff;
	position: absolute;
	z-index: 5;
	top: 30px;
	right: 0;
	box-shadow: 0 1px 1px 1px rgba(102,102,102,0.1);
	-ms-transform: translateX(251px);
	-webkit-transform: translateX(251px);
	transform: translateX(251px);
	-ms-transition: ease .3s;
	-webkit-transition: ease .3s;
	transition: ease .3s;
}
#side.active {
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
#side .side_inner {
	height: 300px;
	max-height: 100%;
	overflow-y: auto;
	border-bottom: 1px solid #ccc;
}
#side a:link, #side a:visited, #side a:hover, #side a:active {
	color: #333;
	text-decoration: none;
}
#side h3 a {
	display: block;
	background: #ED3942;
	color: #fff;
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	cursor: pointer;
}
#side h3 a:link, #side h3 a:visited, #side h3 a:hover, #side h3 a:active {
	color: #fff;
}
#side h3 a::before {
	content: "";
	width: 43px;
	height: 50px;
	background: url(../img/common/side_arrow_left.png) center center no-repeat #ED3942;
	background-size: 20px 20px;
	border-radius: 3px 0 0 3px;
	line-height: 50px;
	position: absolute;
	top: 0;
	left: -43px;
}
#side h3 a:hover, #side h3 a:hover::before {
	background-color: #ef5f66;
}
#side.active h3 a::before {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	border-radius: 0 3px 3px 0;
}
#side h4 {
	border-left: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	font-weight: 500;
	background: #F3F3F3;
	padding: 10px 15px;
}
#side ul li a {
	display: block;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;
}
#side ul li a:hover {
	background: #f9f9f9;
}
#side ul li a img {
	vertical-align: middle;
	margin-left: 5px;
}
#side ul li .icon_new {
	font-size: 10px;
	background: #ED3942;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	padding: 6px 5px 5px;
	line-height: 1.2;
	vertical-align: middle;
	margin-left: 5px;
}
#side ul li .icon_new02 {
	font-size: 10px;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	padding: 6px 7px 5px;
	line-height: 1.2;
	vertical-align: middle;
	margin-left: 5px;
	background: #c09b3a; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ebd798 0%, #c09b3a 85%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #ebd798 0%, #c09b3a 85%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ebd798 0%, #c09b3a 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* slick */

.slick-prev, .slick-next {
	border: 0 none;
	width: 16px;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	background-position: center center;
	background-repeat: no-repeat;
	color: transparent;
	cursor: pointer;
	padding: 0 15px;
	position: absolute;
	z-index: 1;
}
.slick-prev:hover, .slick-next:hover {
	background-color: rgba(0,0,0,0.2);
}
.slick-prev {
	top: 0;
	left: 0;
	background-image: url(../img/top/arrow_left02.png);
}
.slick-next {
	top: 0;
	right: 0;
	background-image: url(../img/top/arrow_right02.png);
}



/*  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: #ED4932;
	color: #fff;
	border: 5px solid #ED4932;
}
.cv_area .btn-attention-b {
	background: #fff;
	color: #ED4932;
	border: 5px solid #ED4932;
}

.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: #ED4932;
	color: #fff;
	text-decoration: none;
}
.cv_area .btn-attention:hover {
	background-color: #FF6A55;
	border-color: #FF6A55;
}
.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: #ED4932;
	text-decoration: none;
}
.cv_area .btn-attention-b:hover {
	border-color: #FF6A55;
	color: #FF6A55;
}

 @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 ------------ */



/* TOP PAGE
--------------------------- */

.front-page .tel {
	font-weight: 500;
	line-height: 1.1;
}
.front-page .tel > span {
	font-weight: 400;
	font-size: 62.5%;
	vertical-align: middle;
}
.front-page .tel > small {
	font-weight: 400;
	font-size: 40%;
	vertical-align: middle;
}
.front-page .tel i {
    font-size: 130%;
    color: #ED3942;
    transform: rotate(-95deg);
    position: relative;
    top: 1px;
    left: 3px;
}
.front-page .btn {
	box-sizing: border-box;
	width: 100%;
	max-width: 420px;
	font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
	border-radius: 6px;
	border: none;
    padding: 15px 40px;
	line-height: 1.4;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.16);
    transition: all 0.2s ease;
}
.front-page .btn-lg {
    padding: 15px 20px;
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 auto;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
	font-weight: 500;
}
.front-page .btn_area .btn {
	width: auto;
}
.front-page .btn-attention {
	background: #ED4932;
	color: #fff;
	border: 5px solid #ED4932;
}
.front-page .btn-attention-b {
	background: #fff;
	color: #ED4932;
	border: 5px solid #ED4932;
}
.front-page .btn-attention:link,.front-page .btn-attention:visited,.front-page .btn-attention:hover,.front-page .btn-attention:focus,.front-page .btn-attention:active,.front-page .btn-attention.active {
	background: #ED4932;
	color: #fff;
	text-decoration: none;
}
.front-page .btn-attention:hover {
	background-color: #FF6A55;
	border-color: #FF6A55;
}
.front-page .btn-attention-b:link,.front-page .btn-attention-b:visited,.front-page .btn-attention-b:hover,.front-page .btn-attention-b:focus,.front-page .btn-attention-b:active,.front-page .btn-attention-b.active {
	background: #fff;
	color: #ED4932;
	text-decoration: none;
}
.front-page .btn-attention-b:hover {
	border-color: #FF6A55;
	color: #FF6A55;
}
.front-page .btn .small {
	font-size: 66% !important;
	display: inline-block;
	font-weight: 400;
	line-height: 1.2;
	vertical-align: middle;
}

.front-page h3.text_title {
	font-size: 20px;
	font-weight: 400;
	padding: 25px 0 15px;
    text-align: center;
    background-size: 100px 5px;
}
.front-page h3.text_title .text_large {
	font-size: 110%;
	font-weight: 500;
}
.front-page h3.text_title .attention {
	font-weight: 500;
	color: #ED4932;
}

/* mainvisual */

.front-page .section_mv {
	position: relative;
	padding: 0;
	box-sizing: border-box;
    overflow: hidden;
	width: 100%;
}
.front-page .section_mv .inner {
	max-width: 1180px;
}
.front-page .section_mv .mv_inner {
	text-align: center;
    background: url(../img/top/bg_mainvisual_sp.jpg) center center no-repeat;
    background-size: cover;
}
.front-page .mainimage {
	width: 95%;
	padding: 30px 0 10px;
	margin: 0 auto;
}
.front-page .mainimage .img_reason {
	margin-bottom: 10px;
}
.front-page .mainimage .button_area {
	padding: 15px 0 0;
}
.front-page .mainimage .btn_area {
	margin-bottom: 15px;
}
 .front-page .section_mv .mainimage .btn-lg {
	padding: 10px 15px 15px;
	/*margin-left: 15px;
	margin-right: 15px;
	min-width: 375px;*/
	margin-bottom: 20px;
	font-size: 20px;
	font-size: 2rem;
}
.front-page .mainimage .tel {
	font-size: 20px;
	font-size: 2rem;
	color: #fff;
}
.front-page .mainimage .tel a {
	color: #fff;
}
.front-page .mainimage .tel i {
	color: #fff;
}
.front-page .section_mv .note {
	font-size: 9px !important;
	font-size: 0.9rem !important;
	color: #ccc;
	text-align: right;
	margin-bottom: 30px;
}


/* banner_area */

.front-page .material_banner_area {
	padding: 30px 4% 20px;
	margin-bottom: 5px;
}

/* actual_list_area */

.front-page .actual_list_area h3.text_title .text_large .attention {
	font-size: 154%;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
	line-height: 1.1;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,247,31,0) 79%, rgba(255,247,28,1) 80%, rgba(255,247,28,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,247,31,0) 79%,rgba(255,247,28,1) 80%,rgba(255,247,28,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,247,31,0) 79%,rgba(255,247,28,1) 80%,rgba(255,247,28,1) 100%);
	position: relative;
	top: 3px;
}
.front-page .actual_list_area {
	padding: 0 0 30px;
    background: #fff;
}

.front-page .actual_list_area .actual_list {
    width: 100%;
	text-align: center;
	margin: 30px auto 0;
    background: url(../img/lp/actual_logo_group.png) repeat-x 0 0;
    background-size: 1956px auto;
    height: 226px;
    overflow: hidden;
    -moz-animation: loop 33s linear infinite;
    animation: loop 33s linear infinite;
}

/* 無限ループアニメーション */

@keyframes loop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3912px 0;
  }
}

/* solution_area */

.front-page .solution_area {
	background: #EFF3F3;
}
.front-page .solution_area .inner {
	/*max-width: 1220px;*/
	max-width: 730px;
}
.front-page .solution_area h3.text_title {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 500;
	box-sizing: content-box;
	margin-bottom: 30px;
}
.front-page .solution_area h3.text_title span {
    font-size: 66.6%;
    font-weight: 400;
}
.front-page .solution_area .text_title::before {
	content: "";
	width: 60px; height: 61px;
	background: url("../img/lp/bg_solution_title.png");
	background-size: contain;
	position: static;
	display: block;
	margin: 0 auto;
}
.front-page .solution_area dl {
	font-size: 14px;
	position: relative;
}
.front-page .solution_area dl:not(:last-child) {
	margin-bottom: 50px;
}
.front-page .solution_area dt {
	display: inline-block;
	color: #fff;
	padding: 5px;
	width: 90%;
	background: #44588E;
	border-radius: 3px;
	position: absolute;
	top: -15px; left: 50%;
	transform: translateX( -50%);
	font-weight: 400;
	text-align: center;
	z-index: 1;
}
.front-page .solution_area dt br {
	display: none;
}
.front-page .solution_area dd {
	background: #fff;
	border-radius: 6px;
	padding: 20px 5% 15px;
}
.front-page .solution_area dd strong {
	color: #ED4932;
	font-weight: 400;
}
.front-page .solution_area dd.result {
	background: #FFFEF1;
	margin-top: 15px;
	font-weight: 500;
	padding: 10px;
	text-align: center;
	font-size: 130%;
}
.front-page .solution_area dd.result::before {
	content: "";
	position: absolute;
	left: 50%; top: -14px;
	margin-left: -50px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 50px 0 50px;
    border-color: #ED4932 transparent transparent transparent;
}
.front-page .solution_area dd.result strong {
	font-weight: 500;
	font-size: 125%;
}
.front-page .solution_area .text_finish {
	text-align: center;
	font-size: 24px;
	line-height: 1.3;
	padding: 1.5em 0;
}
.front-page .solution_area .text_finish strong {
	color: #ED4932;
	display: inline-block;
	height: 100%;
	line-height: 1.2;
	position: relative;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,247,31,0) 79%, rgba(255,247,28,1) 80%, rgba(255,247,28,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,247,31,0) 79%,rgba(255,247,28,1) 80%,rgba(255,247,28,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,247,31,0) 79%,rgba(255,247,28,1) 80%,rgba(255,247,28,1) 100%);
}

/* voice_area */

.front-page .voice_area {
    position: relative;
}
.front-page .voice_area .inner {
	padding: 0;
	/*max-width: 1210px;*/
	max-width: 800px;
}
.front-page .voice_area h3.text_title {
    font-size: 22px;
    font-weight: 500;
    padding: 25px 0 7px;
    text-align: center;
    position: relative;
    line-height: 1.6;
    margin-bottom: 20px;
}
.front-page .voice_area h3.text_title::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 4em;
    margin-left: -2em;
    height: 3px;
    background-color: #F36F63;
}
.front-page .voice_area h3.text_title span {
    font-size: 66.6%;
    font-weight: 400;
	display: block;
    line-height: 1.5;
}
.front-page .voice_area .text_title .accent {
    display: inline;
    font-size: inherit;
}
.front-page .voice_area .slider-for .items {
	width: 280px;
	padding: 0 10px 10px;
}
.front-page .voice_area .slider-for a {
    display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
    -webkit-box-orient: vertical;/* Android < 4.3 */
    -webkit-flex-direction: column;/* safari(PC) */
    flex-direction: column;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
	font-size: 16px;
	font-size: 1.6rem;
}

.front-page .voice_area .slider-for a:hover img {
    opacity: 0.8;
}
.front-page .voice_area .slider-for a:link,
.front-page .voice_area .slider-for a:visited,
.front-page .voice_area .slider-for a:hover,
.front-page .voice_area .slider-for a:active {
	text-decoration: none;
	color: #000;
}

.front-page .voice_area .slider-for a > p {
	padding: 18px 20px 10px;
    line-height: 28px;
}
.front-page .voice_area .slider-for a > p.description strong {
	font-size: 145%;
	color: #ED4932;
	display: inline-block;
}
.front-page .voice_area .slider-for a > p.company_name {
	padding: 0 20px 20px;
	color: #717171;
	margin: auto 0 0;
	font-size: 12px;
	line-height: 1.4;
}

.front-page .voice_area .slider-for {
    visibility: hidden;
}
.front-page .voice_area .slider-for.slick-initialized {
    visibility: visible; /*slick-initializedが付与されたら表示*/
}
.front-page .voice_area .slider-for .slick-track {
    display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
}
.front-page .voice_area .slider-for .slick-slide {
    float: none;
    display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
    height: auto;
}
.front-page .voice_area .slick-prev {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2234%22%20viewBox%3D%220%200%2011.02%2033.34%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23707070%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Earrow%3C%2Ftitle%3E%3Cg%20id%3D%22arrow01%22%20data-name%3D%22arrow01%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.68.67l-8%2C16%2C8%2C16%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 10px 0 no-repeat;
    width: 12px; height: 34px;
    top: 43%; left: 0;
    margin-top: -15px;
    overflow: hidden;
    -webkit-filter: drop-shadow(1px 1px 0 #fff);
	filter: drop-shadow(1px 1px 0 #fff);
}
.front-page .voice_area .slick-next {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2234%22%20viewBox%3D%220%200%2011.02%2033.34%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23707070%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Earrow%3C%2Ftitle%3E%3Cg%20id%3D%22arrow02%22%20data-name%3D%22arrow02%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.34%2C32.67l8-16-8-16%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 10px 0 no-repeat;
    width: 12px; height: 34px;
    top: 43%; right: 0;
    margin-top: -15px;
    overflow: hidden;
    -webkit-filter: drop-shadow(1px 1px 0 #fff);
	filter: drop-shadow(1px 1px 0 #fff);
}
.front-page .voice_area .slick-prev:hover,
.front-page .voice_area .slick-next:hover {
	opacity: 0.8;
}

/* Dots */
.front-page .voice_area .slider-for .slick-dots {
    display: block;
    width: 100%;
    padding: 0 0 5px;
    list-style: none;
    text-align: center;
}
.front-page .voice_area .slider-for .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 6px;
    padding: 0;
    cursor: pointer;
}
.front-page .voice_area .slider-for .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.front-page .voice_area .slider-for .slick-dots li button:hover,
.front-page .voice_area .slider-for .slick-dots li button:focus {
    outline: none;
}
.front-page .voice_area .slider-for .slick-dots li button:hover::before,
.front-page .voice_area .slider-for .slick-dots li button:focus::before {
    opacity: 1;
}
.front-page .voice_area .slider-for .slick-dots li button::before {
	content:" ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    text-align: center;
    background-color: #BFBFBF;
	border-radius: 50%;
}

.front-page .voice_area .slider-for .slick-dots li.slick-active button::before {background:#ED4932;}



/* conversion_area */

.front-page .conversion_area {
	background: url("../img/lp/bg_conversion_area.png") center center no-repeat;
	background-size: cover;
	text-align: center;
}
.front-page .conversion_area .inner {
	padding-top: 20px;
    padding-bottom: 15px;
	max-width: 1081px;
}
.front-page .conversion_area .conv_intro_text {
	padding: 0 0 5px;
}
.front-page .conversion_area .conv_intro_text::before,
.front-page .conversion_area .conv_intro_text::after {
	content: "";
	display: inline-block;
	width: 20px; height: 20px;
	position: relative;
	top: 5px;
	margin: 0 5px;
	background: url("../img/lp/arrow_yellow.svg");
	background-size: contain;
}
.front-page .conversion_area .btn_area {
	margin-bottom: 15px;
}
.front-page .conversion_area .btn {
	width: 100%;
	max-width: 560px;
}
.front-page .conversion_area .tel {
	font-size: 20px;
	font-size: 2rem;
}
.front-page .conversion_area .tel a {
	color: #333;
}

/* support_area */

.front-page .support_area {
	text-align: center;
	padding: 50px 0 30px;
}
.front-page .support_area p {
	margin-bottom: 30px;
	font-size: 14px;
}
.front-page .support_area .button_area {
	margin-bottom: 20px;
}
.front-page .support_area .btn-attention {
	border-radius: 6px;
	line-height: 1.4;
	width: 100%;
    max-width: 580px;
}
.front-page .support_area .btn-primary {
    border: none;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 30px;
    margin: 8px 10px;
    width: auto;
    max-width: 350px;
    display: inline-block;
    min-width: inherit;
}



 @media only screen and (min-width: 640px) {
	 
	.front-page .tel i br {
		display: none;
	}
	 
	/* main_visual */

	 .front-page .mainimage {
		 padding-bottom: 20px;
	 }
	 .front-page .mainimage .tel br {
		 display: none;
	 }
	 .front-page .mainimage .img_reason {
		 margin-bottom: 15px;
	 }
	 .front-page .section_mv .note {
		 margin-top: 5px;
	 }
	 
	/* solution_area */
	 
	.front-page .solution_area h3.text_title {
		font-size: 24px;
		font-size: 2.4rem;
		padding: 50px 0 10px;
	 }
	.front-page .solution_area .text_title::before {
		width: 120px;
		height: 122px;
	}
	.front-page .solution_area dl {
		max-width: 580px;
		margin-left: auto; margin-right: auto;
		margin-top: 40px;
		font-size: 16px;
		font-size: 1.6rem;
	 }
	.front-page .solution_area dt {
		font-size: 18px;
		font-size: 1.8rem;
		top: -20px;
	}
	.front-page .solution_area dd {
		padding: 25px 5% 20px;
	 }
	.front-page .solution_area .text_finish {
		font-size: 30px;
		font-size: 3rem;
	}
	 
	/* actual_list_area */
    
    .front-page .actual_list_area h3 {
        font-size: 26px;
        font-size: 2.6rem;
        margin-bottom: 0;
    }
    .front-page .actual_list_area .actual_list {
		height: 452px;
		background-size: 3912px auto;
		margin: 20px auto;
    }

	 .front-page .support_area .btn-primary {
		 font-size: 16px;
		 font-size: 1.6rem;
	 }
	.front-page .voice_area h3.text_title {
		font-size: 24px;
		font-size: 2.4rem;
		padding: 50px 0 10px;
	}
	 
	/* voice_area */
	 
	.front-page .voice_area .slider-for .items {
		width: 330px;

	 } 
	 
}

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

	.front-page .btn-lg {
		max-width: 560px;
		font-size: 30px;
	 }
	 
	/* solution_area */
	 
	.front-page .solution_area h3.text_title {
		font-size: 30px;
		font-size: 3rem;
	 }
	.front-page .solution_area dl:not(:last-child) {
		margin-bottom: 70px;
	}

	/* conversion_area */

	.front-page .conversion_area .conv_intro_text {
		font-size: 20px;
	}
	.front-page .conversion_area .conv_intro_text::before,
	.front-page .conversion_area .conv_intro_text::after {
		 width: 22px; height: 24px;
		 margin: 0 15px;
	}
	.front-page .conversion_area .tel {
		font-size: 24px;
		font-size: 2.4rem;
	}
	 
	/* voice_area */
	 
	.front-page .voice_area h3.text_title {
		font-size: 30px;
		font-size: 3rem;
		padding-bottom: 15px;
	 }
	 
	.front-page .voice_area h3.text_title::before {
		height: 5px;
	}

}

@media only screen and (min-width: 769px) {
	
	.front-page .btn-lg {
		font-size: 36px;
		padding: 20px;
	}
	
	/* main_visual */
	 .front-page .section_mv .mainimage .btn-lg {
		font-size: 22px;
		width: inherit;
		margin-right: 8px;
		margin-left: 8px;
		min-width: 335px;
	 }
	.front-page .mainimage .img_reason {
		margin-bottom: 20px;
	}
	.front-page .mainimage .tel {
		 font-size: 32px;
		 font-size: 3.2rem;
	 }

	 /* conversion_area */
	 
	.front-page .conversion_area .conv_intro_text {
		font-size: 30px;
		font-size: 3rem;
	}
	.front-page .conversion_area .conv_intro_text::before, .conversion_area .conv_intro_text::after {
		width: 36px;
		height: 38px;
		margin: 0 15px;
		position: relative;
		top: 7px;
	}
	.front-page .conversion_area .tel {
		font-size: 36px;
		font-size: 3.6rem;
	}
	
	/* solution_area */
	 
	.front-page .solution_area h3.text_title {
		font-size: 36px;
		font-size: 3.6rem;
	 }	
	.front-page .solution_area dl {
		 font-size: 20px;
		 font-size: 2rem;
	 }
	.front-page .solution_area dt {
		font-size: 20px;
		font-size: 2rem;
		padding-left: 15px;
		padding-right: 15px;
	}
	 .front-page .solution_area dd {
		padding: 35px 5% 30px;
	 }
	 .front-page .solution_area .inner {
		 padding-left: 0;
		 padding-right: 0;
	 }
	.front-page .support_area p {
		font-size: 20px;
		font-size: 2rem;
	}
	.front-page .support_area .btn-primary {
		font-size: 20px;
		font-size: 2rem;
		padding: 15px 35px;
		margin: 5px 10px;
	}
	
	/* voice_area */
	
	.front-page .voice_area h3.text_title {
		font-size: 36px;
		font-size: 3.6rem;
		margin-bottom: 30px;
	}
	.front-page .voice_area .slider-for a {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.front-page .voice_area .slider-for a > p {
		line-height: 30px;
		padding-top: 22px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.front-page .voice_area .slider-for a > p.company_name {
		line-height: 1.4;
		padding-bottom: 25px;
	}	
	
}
@media only screen and (min-width: 860px) {
		
	.front-page .tel > span {
		margin-right: 5px;
	}
	
    /* mainvisual */
    
    .front-page .section_mv .mv_inner {
        background-image: url(../img/top/bg_mainvisual.jpg);
        background-size: cover;
		padding: 0 4%; 
    }
	.front-page .section_mv .mainimage {
		padding: 40px 0 15px;
		max-width: 800px;
		margin-left: 0;
	}

	/* actual_list_area */

    .front-page .actual_list_area h3.text_title {
        padding-bottom: 10px;
        font-size: 32px;
        font-size: 3.2rem;
    }	
	
	/* solution_area */
	
	.front-page .solution_area .inner {
		padding-top: 30px;
	}
	.front-page .solution_area h3.text_title {
		max-width: 560px;
		background: url("../img/lp/bg_solution_title.png") left center no-repeat;
		background-size: 120px auto;
		padding: 15px 0 15px 140px;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
	}
	.front-page .solution_area .text_title::before {
		display: none;
	}
	.front-page .solution_area .text_finish {
		font-size: 40px;
		font-size: 4rem;
		padding: 40px 0;
	 }
	.front-page .voice_area .slick-prev {
		left: -30px;
	}
	.front-page .voice_area .slick-next {
		right: -27px;
	}

	/* voice_area */

	.front-page .voice_area .voice_pickup {
		padding: 0 4%;
	}

}


@media only screen and (min-width: 1075px) {
	
    .front-page h3.text_title{
        font-size: 28px;
        font-size: 2.8rem;
    }	
	
	/* main_visual */
	
    .front-page h1.page_title {
        font-size: 40px;
        font-size: 4rem;
    }
    .front-page .section_mv .mv_inner {
		padding: 0 7%; 
    }

	.front-page .section_mv .mainimage .img_reason {
		text-align: left;
		padding-left: 8px;
	}
	.front-page .section_mv .mainimage .btn-lg {
		min-width: 380px;
	}
	
	/* actial_area */

	 .front-page .actual_list_area h3.text_title{
        font-size: 36px;
        font-size: 3.6rem;
    }	
	.front-page .actual_list_area .inner {
		padding: 0 4%;
	}

	 /* conversion_area */

	.front-page .conversion_area .contact_area {
		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;
		-webkit-box-pack: center;/* Android < 4.3 */
		-ms-flex-pack: center;/* IE10 */
		-webkit-justify-content: center;/* safari(PC) */
		justify-content: center;
	}
	.front-page .conversion_area .inner {
		padding-top: 55px;
		padding-bottom: 45px;
	}
	.front-page .conversion_area .conv_intro_text {
		margin-bottom: 10px;
	}
	.front-page .conversion_area .tel {
		text-align: left; 
		margin-bottom: 25px;
	}
	.front-page .conversion_area .tel i {
		font-size: 100%;
		left: 5px;
	}
	.front-page .conversion_area .btn_area {
		margin-right: 30px;
	}
	.front-page .conversion_area .btn {
		display: block;
	}

	/* solution_area */

	.front-page .solution_wrap {
		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;
	 }
	 .front-page .solution_area dl {
		width: 30.5%;
		font-size: 17px;
		font-size: 1.7rem;
		margin-top: 15px;
		margin-bottom: 0 !important;
		box-sizing: border-box;
	 }
	.front-page .solution_area dl dt {
		width: 80%;
	}
	 .front-page .solution_area dd {
		padding: 60px 5% 15px;
	 }
	.front-page .solution_area dt br {
		display: block;
	}
	.front-page .solution_area dd.result {
		padding: 20px 5%;
		margin-top: 50px;
		font-size: 110%;
	}
	.front-page .solution_area dd.result br {
			display: none;
	}
	.front-page .solution_area dd.result::before {
		top: -34px;
	}
	.front-page .solution_area .text_finish {
		padding: 40px 0 50px;
	}
	
	/* voice_area */
	

	.front-page .voice_area h3.text_title {
		padding-top: 80px;
		margin-bottom: 50px;
	}
		
    .front-page .voice_area .actual_logo {
        height: auto;
    }

	
}

 @media only screen and (min-width: 1190px) {
	
	 
	 .front-page .section_mv .mainimage .btn-lg {
		 font-size: 24px;
		 padding: 15px 15px 20px;
	 }
	 
	/* actual_list_area */

	 .front-page .actual_list_area h3.text_title{
        font-size: 40px;
        font-size: 4rem;
    }	
	 	 
	/* solution_area */
	 
	 .front-page .solution_area dl dd {
		padding: 60px 20px 20px;
	 }
	 
	/* conversion_area */
	 
	.front-page .conversion_area .btn {
		width: 560px;
	}
	.front-page .conversion_area .tel {
		font-size: 38px;
		font-size: 3.8rem;
	}
	 
	/* voice_area */
	 
	.front-page .voice_area .slider-for .items {
		padding: 0 20px 10px;
	}
	 
}

 @media only screen and (min-width: 1300px) {
	.front-page .section_mv .mainimage {
		padding: 60px 0 15px;
		width: auto;
		max-width: 1090px;
		margin: 0 auto;
	}
	.front-page .mainimage .button_area {
		text-align: left;
	}
	 .front-page .mainimage .tel {
	 	text-align: center;
		 max-width: 790px;
	 }
}

/* FUNCTION PAGE
--------------------------- */

/* subnavアイコン設定 */
.function_icon {
    display: inline-block;
    width: 26px; height: 24px;
    background-image: url(../img/function/function_icon.png);
    background-repeat: no-repeat;
    background-size: 208px 50px;
}
.function_icon.mark_view {
    background-position: 0 0;
}
.function_icon.mark_click {
    background-position: -26px 0;
}
.function_icon.mark_route {
    background-position: -52px 0;
}
.function_icon.mark_lp {
    background-position: -78px 0;
}
.function_icon.mark_foot {
    background-position: -104px 0;
}
.function_icon.mark_cv {
    background-position: -130px 0;
}
.function_icon.mark_log {
    background-position: -156px 0;
}
.function_icon.mark_cooperation {
    background-position: -182px 0;
}


a.active .function_icon.mark_view,
a:hover .function_icon.mark_view {
    background-position: 0 -25px;
}
a.active .function_icon.mark_click,
a:hover .function_icon.mark_click {
    background-position: -26px -25px;
}
a.active .function_icon.mark_route,
a:hover .function_icon.mark_route {
    background-position: -52px -25px;
}
a.active .function_icon.mark_lp,
a:hover .function_icon.mark_lp {
    background-position: -78px -25px;
}
a.active .function_icon.mark_foot,
a:hover .function_icon.mark_foot {
    background-position: -104px -25px;
}
a.active .function_icon.mark_cv,
a:hover .function_icon.mark_cv {
    background-position: -130px -25px;
}
a.active .function_icon.mark_log,
a:hover .function_icon.mark_log {
    background-position: -156px -25px;
}
a.active .function_icon.mark_cooperation,
a:hover .function_icon.mark_cooperation {
    background-position: -182px -25px;
}
.function_subnav li {
    position: relative;
    border-bottom: 1px solid #ccc;
}
.function_subnav a {
    color: #333;
    display: block;
    font-size: 16px;
    position: relative;
    background: #fff;
    border-left-style: solid;
    border-left-width: 5px;

    -webkit-transition: background ease .2s;
    transition: background ease .2s;
}
.function_subnav a::after {
    background: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-transition: background ease .2s;
    transition: background ease .2s;
}
.function_subnav li:not(:last-of-type) a::after {
    display: block;
    width: 14px; height: 14px;
    content: "";
    position: absolute;
    left: 50%; bottom: -9px;
    -ms-transform: rotate( 45deg );
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
.function_subnav a:link,
.function_subnav a:visited,
.function_subnav a:hover,
.function_subnav a:active {
    text-decoration: none;
    color: #333;
}   

.function_subnav a.active,
.function_subnav a:hover {
    color: #fff;
}
.function_subnav a br {
    display: none;
}
.function_subnav a .function_icon {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin: 0 10px;
}



/* 矢印出すために重なり順変更 */
.function_view { z-index: 8;}
.function_click { z-index: 7;}
.function_route { z-index: 6;}
.function_lp { z-index: 5;}
.function_foot { z-index: 4;}
.function_cv { z-index: 3;}
.function_actionlog { z-index: 2;}
.function_distro { z-index: 1;}

/* 各サービスの色指定 */
.function_view a { border-color: #2C73C0; }
.function_click a { border-color: #FFAA16;}
.function_route a { border-color: #42C3A6;}
.function_lp a { border-color: #00B26E;}
.function_foot a { border-color: #1CB6DA;}
.function_cv a { border-color: #C39E4B;}
.function_actionlog a { border-color: #F3858A;}
.function_distro a { border-color: #8DC747;}

.function_view a.active,
.function_view a:hover,
.function_view a:hover::after,
.function_view a.active::after {
    background: #2C73C0;
}
.function_click a.active,
.function_click a:hover,
.function_click a:hover::after,
.function_click a.active::after {
    background: #FFAA16;
}
.function_route a.active,
.function_route a:hover,
.function_route a:hover::after,
.function_route a.active::after {
    background: #42C3A6;
}
.function_lp a.active,
.function_lp a:hover,
.function_lp a.active::after,
.function_lp a:hover::after {
    background: #00B26E;
}
.function_foot a.active,
.function_foot a:hover,
.function_foot a:hover::after,
.function_foot a.active::after {
    background: #1CB6DA;
}
.function_cv a.active,
.function_cv a:hover,
.function_cv a:hover::after,
.function_cv a.active::after {
    background: #C39E4B;
}
.function_actionlog a.active,
.function_actionlog a:hover,
.function_actionlog a:hover::after,
.function_actionlog a.active::after {
    background: #F3858A;
}
#subnav .function_distro a.active,
#subnav .function_distro a:hover,
#subnav .function_distro a:hover::after,
#subnav .function_distro a.active::after {
    background: #8DC747;
}

.function_subnav a .nav_text {
    display: block;
    font-weight: 500;
    padding: 10px 0;
}


/* サブカテゴリ */

.sub_category ul li a {
    display: block;
    padding: 11px 18px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
}

.sub_category ul li a:link,
.sub_category ul li a:visited,
.sub_category ul li a:hover,
.sub_category ul li a:active {
    text-decoration: none;
}
.sub_category.view_sub {
    background: #2C73C0;
}
.sub_category a:hover,
.sub_category .active a {
    background: rgba( 255, 255, 255, 0.3 ); 
}


/* heading_area */

.function_ad .heading_area {
	border-color: #FFAA16;
}
.function_viewthru .heading_area {
	border-color: #2C73C0;
}
.function_seo .heading_area {
	border-color: #59D2BA;
}
.function_lpo .heading_area {
	border-color: #00B26E;
}
.function_log .heading_area {
	border-color: #1CB6DA;
}
.function_tag .heading_area {
	border-color: #F37566;
}
.function_api .heading_area {
	border-color: #D98120;
}
.function_agent .heading_area {
	border-color: #FFC22B;
}
.function_appli .heading_area {
	border-color: #20548E;
}
.function_contents .heading_area {
	border-color: #7E2786;
}

.function_analysis .heading_area {
	border-color: #72CAD3;
}
.function_listing .heading_area {
	border-color: #F2D500;
}
.function_audience .heading_area {
	border: 0 none;
}
.function_audience .heading_area::after {
	content: "";
	display: block;
	height: 5px;
	width: 100%;
	background: #e3cc88; /* Old browsers */
	background: -moz-linear-gradient(top, #e3cc88 0%, #dcbf68 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e3cc88 0%, #dcbf68 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e3cc88 0%, #dcbf68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.function_logicad .heading_area,
.function_customer_rings .heading_area,
.function_research .heading_area,
.function_listing_link .heading_area,
.function_gyro-n_dfm .heading_area,
.function_make_repeater .heading_area,
.function_tv .heading_area {
	border-color: #8DC747;
}
.function-page .txt, .function-page .img {
	padding-bottom: 35px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.function-page .txt h2 span.option {
	display: inline-block;
	vertical-align: middle;
	padding: 1px 10px;
	margin-right: 10px;
	color: #fff;
	font-size: 12px;
	border-radius: 12px;
}
.function_ad .txt h2 span.option {
	background: #FFAA16;
}
.function_viewthru .txt h2 span.option {
	background: #2C73C0;
}
.function_seo .txt h2 span.option {
	background: #59D2BA;
}
.function_lpo .txt h2 span.option {
	background: #00B26E;
}
.function_log .txt h2 span.option {
	background: #1CB6DA;
}
.function_tag .txt h2 span.option {
	background: #F37566;
}
.function_api .txt h2 span.option {
	background: #D98120;
}
.function_agent .txt h2 span.option {
	background: #FFC22B;
}
.function_appli .txt h2 span.option {
	background: #20548E;
}
.function_contents .txt h2 span.option {
	background: #7E2786;
}
.function_tv .txt h2 span.option {
	background: #7D52C0;
}
.function_analysis .txt h2 span.option {
	background: #72CAD3;
}
.function_research .txt h2 span.option {
	background: #208AC9;
}
.function_listing .txt h2 span.option {
	background: #F2D500;
}
.function-page .txt .checkarea {
	padding: 5px 0 15px;
}
.function-page .txt .checkarea:last-child {
	padding-bottom: 0;
}
.function-page .txt .checkarea li, .function-page .checkmark {
	padding: 6px 0 6px 27px;
	background-position: left 8px;
	background-repeat: no-repeat;
}
.function_ad .txt .checkarea li, .function_ad .checkmark {
	background-image: url(../img/function/ad/mark_check.png);
}
.function_viewthru .txt .checkarea li, .function_viewthru .checkmark {
	background-image: url(../img/function/viewthru/mark_check.png);
}
.function_seo .txt .checkarea li, .function_seo .checkmark {
	background-image: url(../img/function/seo/mark_check.png);
}
.function_lpo .txt .checkarea li, .function_lpo .checkmark {
	background-image: url(../img/function/lpo/mark_check.png);
}
.function_log .txt .checkarea li, .function_log .checkmark {
	background-image: url(../img/function/log/mark_check.png);
}
.function_tag .txt .checkarea li, .function_tag .checkmark {
	background-image: url(../img/function/tag/mark_check.png);
}
.function_api .txt .checkarea li, .function_api .checkmark {
	background-image: url(../img/function/api/mark_check.png);
}
.function_agent .txt .checkarea li, .function_agent .checkmark {
	background-image: url(../img/function/agent/mark_check.png);
}
.function_appli .txt .checkarea li, .function_appli .checkmark {
	background-image: url(../img/function/appli/mark_check.png);
}
.function_contents .txt .checkarea li, .function_contents .checkmark {
	background-image: url(../img/function/contents/mark_check.png);
}
.function_analysis .txt .checkarea li, .function_analysis .checkmark {
	background-image: url(../img/function/analysis/mark_check.png);
}
.function_research .txt .checkarea li, .function_research .checkmark {
	background-image: url(../img/function/cooperation/research/mark_check.png);
}
.function_listing .txt .checkarea li, .function_listing .checkmark {
	background-image: url(../img/function/cooperation/listing/mark_check.png);
}
.function_audience .txt .checkarea li, .function_audience .checkmark {
	background-image: url(../img/function/audience/mark_check.png);
}
.function-page .section {
	border-bottom: 2px solid #ccc;
	padding: 30px 0 10px;
}
.function-page .section:nth-of-type(even) {
	background: #F7F7F7;
}
.function-page .section .inner .img_c {
	text-align: center;
	margin-bottom: 15px;
	margin-top: 30px;
}
.function_column .inner p{
    font-size: 16px;
}
.function-page .section .inner .update {
	display: inline-block;
	position: relative;
}
.function-page .section .inner .update::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: url(../img/top/bg_main_visual.png) -320px center no-repeat;
	width: 100%;
	height: 100%;
}
.function-page .section .inner .update span {
	margin: 6px;
	padding: 5px 8px;
	font-size: 85%;
	line-height: 1.1;
	background: #fff;
	position: relative;
	z-index: 1;
	display: inline-block;
}
.function-page .section .title {
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}

/* index */

.function .section:not(:last-of-type) {
    border: 0 none;
}
.function-page .function_index .section {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
    border: none;
}
.function_index .function_subnav {
    display: none;
}
.function_index .heading_area {
    border-bottom: 0 none;
}
.function_index .heading_area .hgroup {
    padding-bottom: 20px;
}
.function_index .heading_area .hgroup h1 {
    text-align: center;
    margin-bottom: 10px;
}

/* slider */

.function_index .slide h2 {
    font-size: 20px;
    font-size: 2.0rem;
    vertical-align: middle;
}
.function_index .slide .step_number {
    min-height: 65.5px;
    margin-bottom: 15px;
    position: relative;
    vertical-align: bottom;
    text-align: center;
}
.function_index .slide .step_number::after {
    content: "";
    width: 122.5px; height: 65.5px;
    display: inline-block;
    vertical-align: bottom;
    background-size: 122.5px 65.5px;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.function_index .slide .step_number span {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2;
    margin-right: 10px;
    font-weight: 500;
}
.function_index .slide .step_number span::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0; bottom: 0;
    width: 2em; height: 3px;
    background-color: #333;
}
.function_index .step1 .slide .step_number::after { background-image: url(../img/function/icons_step01.png);}
.function_index .step2 .slide .step_number::after { background-image: url(../img/function/icons_step02.png);}
.function_index .step3 .slide .step_number::after { background-image: url(../img/function/icons_step03.png);}
.function_index .step4 .slide .step_number::after { background-image: url(../img/function/icons_step04.png);}
.function_index .step5 .slide .step_number::after { background-image: url(../img/function/icons_step05.png);}

.function_index .slider {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 4%;
    border-radius: 0 0 6px 6px;
    opacity: 0;
    transition: opacity .3s linear;
}
.function_index .slider.slick-initialized{
    opacity: 1;
}
.function_index .slide h2 {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 15px;
}
.function_index .slider .slick-list {
    max-width: 600px;    
    border: 3px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;    
}
.function_index .slider .image {
    position: relative;
}
.function_index .slider .image::before {
    content:"";
    display: block;
    padding-top: 66.3%;
}
.function_index .slider .image img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.function_index .slider .image img:nth-of-type(2),
.function_index .slider .image img:nth-of-type(3) {
    opacity: 0;    
}
.function_index .current.on .slider .image img:nth-of-type(2) {
    animation: fadeImage 0.3s 1.5s linear forwards;
}
.function_index .slider .slick-slider {
    top: -1px;
}

/* Dots */
.function_index .slider .slick-dots {
    display: block;
    width: 100%;
    padding: 0 0 5px;
    list-style: none;
    text-align: center;
}
.function_index .slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}
.function_index .slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.function_index .slider .slick-dots li button:hover,
.function_index .slider .slick-dots li button:focus {
    outline: none;
}
.function_index .slider .slick-dots li button:hover:before,
.function_index .slider .slick-dots li button:focus:before {
    opacity: 1;
}
.function_index .slider .slick-dots li button:before {
	content:" ";
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    text-align: center;
    background-color: #DBDBDB;
	border-radius: 50%;
}
.function_index .slider .slick-dots li button.thumbnail img {
	width: 0; height: 0;
}

.function_index .slider .slick-next,
.function_index .slider .slick-prev {
    width: 20px;
    height: 20px;
    top: auto;
    bottom: 22px;
    overflow: hidden;
    outline: none;
    background: none;
}
.function_index .slider .slick-next {
    right: 50%;
    margin-right: -80px; 
}
.function_index .slider .slick-next::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 3px solid #999;
    border-right: 3px solid #999;
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
    top: 4px;
    bottom: auto;
    right: 12px;
}
.function_index .slider .slick-prev {
    left: 50%;
    margin-left: -80px; 
}
.function_index .slider .slick-prev::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 3px solid #999;
    border-left: 3px solid #999;
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
    top: 4px;
    bottom: auto;
    left: 12px;
}
.function_index .slider .slick-next:hover::after,
.function_index .slider .slick-prev:hover::after {
    opacity: 0.8;
}
.function_index .slider .slick-disabled {
    display: none !important;
}

.function_index .slide_detail {
    border-radius: 6px 6px 0 0;
    padding: 15px 4% 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.function_index .slide_detail p {
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    background-size: 4px 2.2em;
    line-height: 2.2;
}
.function_index .slide_detail .slick-track {
    text-align: center;
    display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
}
.function_index .slide_detail .function_detail {
    float: none;
    height: auto;
    display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
}
.function_index .slider-nav {
    opacity: 0;
}
.function_index .slider-nav.slick-initialized {
    opacity: 1;
}
.function_index .slide-for-navigation {
    text-align: center;
    margin-bottom: 20px;
}
.function_index .slide-for-navigation li {
    display: inline-block;
    margin: 0 1px;
    width: 30%;
    max-width: 110px;
}
.function_index .slide-for-navigation button {
    padding: 5px;
    display: block;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
    border: 0;
    outline: none;
    letter-spacing: 0.3em;
    position: relative;
    background: #fff;
    box-sizing: border-box;
}
.function_index .slide-for-navigation li:first-child button { border-radius: 4px 0 0 4px;}
.function_index .slide-for-navigation li:last-child button { border-radius: 0 4px 4px 0;}

.function_index .slide-for-navigation li button:hover {
    opacity: 0.8;
}
.function_index .slide-for-navigation li.slick-active button::after {
    border: solid transparent;
    content:'';
    height: 0; width: 0;
    pointer-events: none;
    position: absolute;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-right-width: 5px;
    margin-left: -5px;
    top: 100%;
    left: 50%;
}

/* step1 color set */
.function_index .step1 .slider {background:#E7F6F8;}
.function_index .step1 .slide_detail {background:#E7F6F8;}
.function_index .step1 .slide-for-navigation li.slick-active button {background:#69D1DA; color: #fff;}
.function_index .step1 .slide-for-navigation li.slick-active button::after {border-top-color:#69D1DA;}
.function_index .step1 .slide_detail p { 
    background-image: linear-gradient(to right, #E7F6F8 1.1px, transparent 1px), linear-gradient(to top, #69D1DA 1.1px, transparent 1px); /* ノートの罫線つけるやつ */
}
.function_index .step1 .slider .slick-dots li.slick-active button:before {background-color: #69D1DA;}


/* step2 color set */
.function_index .step2 .slider {background:#E2F2EC;}
.function_index .step2 .slide_detail {background:#E2F2EC;}
.function_index .step2 .slide-for-navigation li.slick-active button {background:#64DAAD; color: #fff;}
.function_index .step2 .slide-for-navigation li.slick-active button::after {border-top-color:#64DAAD;}
.function_index .step2 .slide_detail p { 
    background-image: linear-gradient(to right, #E2F2EC 1.1px, transparent 1px), linear-gradient(to top, #64DAAD 1.1px, transparent 1px); /* ノートの罫線つけるやつ */
}
.function_index .step2 .slider .slick-dots li.slick-active button:before {background-color: #64DAAD;}


/* step3 color set */
.function_index .step3 .slider {background:#E7F0F8;}
.function_index .step3 .slide_detail {background:#E7F0F8;}
.function_index .step3 .slide-for-navigation li.slick-active button {background:#4D8DC8; color: #fff;}
.function_index .step3 .slide-for-navigation li.slick-active button::after {border-top-color:#4D8DC8;}
.function_index .step3 .slide_detail p { 
    background-image: linear-gradient(to right, #E7F0F8 1.1px, transparent 1px), linear-gradient(to top, #4D8DC8 1.1px, transparent 1px); /* ノートの罫線つけるやつ */
}
.function_index .step3 .slider .slick-dots li.slick-active button:before {background-color: #4D8DC8;}


/* step4 color set */
.function_index .step4 .slider {background:#FFEEDC;}
.function_index .step4 .slide_detail {background:#FFEEDC;}
.function_index .step4 .slide-for-navigation li.slick-active button {background:#FF912B; color: #fff;}
.function_index .step4 .slide-for-navigation li.slick-active button::after {border-top-color:#FF912B;}
.function_index .step4 .slide_detail p { 
    background-image: linear-gradient(to right, #FFEEDC 1.1px, transparent 1px), linear-gradient(to top, #FF912B 1.1px, transparent 1px); /* ノートの罫線つけるやつ */
}
.function_index .step4 .slider .slick-dots li.slick-active button:before {background-color: #FF912B;}


/* step5 color set */
.function_index .step5 .slider {background:#FFF4DE;}
.function_index .step5 .slide_detail {background:#FFF4DE;}
.function_index .step5 .slide-for-navigation li.slick-active button {background:#FFCC5E; color: #fff;}
.function_index .step5 .slide-for-navigation li.slick-active button::after {border-top-color:#FFCC5E;}
.function_index .step5 .slide_detail p { 
    background-image: linear-gradient(to right, #FFF4DE 1.1px, transparent 1px), linear-gradient(to top, #FFCC5E 1.1px, transparent 1px); /* ノートの罫線つけるやつ */
}
.function_index .step5 .slider .slick-dots li.slick-active button:before {background-color: #FFCC5E;}

/* detail image animation */

/* 2枚あるやつ */
@keyframes fadeImage {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.function_index .button_area {
    padding-top: 30px;
}
.function_index .button_area .button_comment {
    margin: 0 0 5px;
}
.function_index .button_area .button_comment svg {
    stroke: #ED4932;
    stroke-linecap: round;
    stroke-width: 2px;
    fill: none;
}
.function_index .button_area  .button_comment svg:first-child {
    transform: rotate( -90deg );
}
.function_index .button_area  .button_comment svg:last-child {
    transform: rotate( 90deg );
}


.function_index .function_outro {
    text-align: center;
    padding: 30px 0;
}
.function_index .function_outro::before {
    content: "";
    display: inline-block;
    width: 1px; height: 70px;
    background: #333;
    margin-bottom: 20px;
}
.function_index .function_outro p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
	font-weight: 500;
}
.function_index .function_outro p strong {
    color: #ED3942;
}
.function_index .function_outro .button_area {
    margin: 15px 0 30px;
}
.function_index .function_outro .btn {
	border-radius: 6px;
}


/* アイコン付き各用途 */

.step_column dt br {
    display: none;
}
.step_column dt {
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
}
.step_column .function_icon {
    vertical-align: middle;
    position: relative;
    top: -4px;
    margin-right: 8px;
}
.step_column ol {
    background: #f3f3f3;
    list-style: none;
}
.step_column ol > li {
    border-bottom: 1px solid #D4D4D4;
    position: relative;
    padding: 15px 4%;
}

.step_column .step1 {
    margin-bottom: 15px;
}
.step_column .step1 h4 {
    text-align: center;
    padding: 5px;
    background: #D5EFFB;
    color: #333;
    letter-spacing: 5px;
}
.step_column .step1 ol > li::after,
.step_column .step2 ol > li::after{
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -13px;
    background: #f3f3f3;
    border-right: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    -ms-transform: rotate( 45deg ) translate( -50% , 0 );
    -webkit-transform: rotate( 45deg ) translate( -50% , 0 );
    transform: rotate( 45deg ) translate( -50% , 0 );
}
.step_column .step2 ol > li:last-child::after{
	display: none;
}
.step_column .step2 h4 {
    text-align: center;
    padding: 5px;
    background: #FBDEDD;
    color: #333;
    letter-spacing: 5px;
}
.step_column ol dl dt,
.step_column ol dl dd {
    line-height: 1.4;
    margin: 10px 0;
}

/* 各サービスの色指定 */

.step_column .function_view { color: #2C73C0; }
.step_column .function_click { color: #FFAA16;}
.step_column .function_route { color: #42C3A6;}
.step_column .function_lp { color: #00B26E;}
.step_column .function_foot { color: #1CB6DA;}
.step_column .function_cv { color: #C39E4B;}
.step_column .function_actionlog { color: #F3858A;}


.service_list li {
    display: inline;
}
.service_list li:not(:last-child)::after {
    content: "/";
    margin: 0 5px 0 10px;
}


/* 各機能のボタン */

.function_list li {
    margin-bottom: 5px;
    box-sizing: border-box;
}
.function_list a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    display: block;
    color: #333;
    padding: 10px 15px;
    position: relative;
    font-weight: 500;
    background: #F3F3F3;
    border-right-style: solid;
    border-right-width: 18px;
    box-shadow: 0 2px 0 #ccc;
    box-sizing: border-box;
    transition: opacity 0.2s ease; 
}
.function_list a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.function_list .function_ad a { color: #fff; background: #FFAB1A; border-right-color: #FFC768; }
.function_list .function_viewthru a { color: #fff; background: #2E75C0; border-right-color: #8AB5E3; }
.function_list .function_seo a { color: #fff; background: #43C3A6; border-right-color: #70D1BB; }
.function_list .function_lpo a { color: #fff; background: #05B371; border-right-color: #49CB9A; }
.function_list .function_log a { color: #fff; background: #1CB6DA; border-right-color: #57CCEA; }
.function_list .function_contents a { color: #fff; background: #7E2786; border-right-color: #C179C8; }
.function_list .function_research a { color: #fff; background: #208AC9; border-right-color: #42A6E1; }
.function_list .function_audience a { color: #fff; background: #D9BD6B; border-right-color: #E2CD8D; }
.function_list .function_tv a { color: #fff; background: #7D52C0; border-right-color: #B59BDB; }
.function_list .function_cooperation a { color: #fff; background: #8DC747; border-right-color: #C8E866; }
.function_list .function_tag a { border-right-color: #F37566; }
.function_list .function_api a { border-right-color: #D98120; }
.function_list .function_report a { border-right-color: #72CAD3; }
.function_list .function_agent a { border-right-color: #FFC22B; }
.function_list .function_listing a { border-right-color: #FFAA16; }
.function_list .function_three a { border-right-color: #F0D301; }

.function_list a span {
    margin-top: 5px;
    display: inline-block;
    line-height: 1.4;
    font-size: 78%;
    font-weight: normal;
}
.function_list a .ad_attention {
    background: #ff0;
    font-weight: 500;
    color: #ED3942;
    padding: 2px 10px;
    margin-left: 10px;
    border-radius: 10px;
    position: relative;
    top: -2px;
}

/* 小さな矢印 */
.function_list a::before {
    content: "";
    height: 5px;
    right: -10px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    -ms-transform: skew(35deg, 0deg);
    -moz-transform: skew(35deg, 0deg);
    -webkit-transform: skew(35deg, 0deg);
    transform: skew(35deg, 0deg);
    width: 3px;
    background-color: #fff;
}
.function_list a::after {
    content: "";
    height: 5px;
    right: -10px;
    position: absolute;
    margin-top: -5px;
    top: 51%;    
    top: -webkit-calc(50% + 5px );
    top: calc(50% + 5px );
    -ms-transform: skew(-35deg, 0deg);
    -moz-transform: skew(-35deg, 0deg);
    -webkit-transform: skew(-35deg, 0deg);
    transform: skew(-35deg, 0deg);
    width: 3px;
    background-color: #fff;
}


/* cooperative_service */

.function-page #cooperative_service {
	padding-bottom: 30px;
}
.function-page #cooperative_service h2 {
	font-size: 16px;
	text-align: left;
	margin-bottom: 10px;
}
.function-page #cooperative_service ul {
	text-align: center;
	padding-bottom: 10px;
}
.function-page #cooperative_service li {
	display: inline-block;
	padding: 0 7px;
}
.function-page #cooperative_service li img {
	height: 37px;
	width: auto;
}

/* AD */
.function_ad .txt p.mini_title {
    font-size: 17px;
}
.function_ad #function_ad_pickup {
	padding-bottom: 10px;
}
.function_ad #function_ad_pickup .img {
	padding-bottom: 35px;
}
.function_ad .section .inner .update + span {
	display: inline-block;
	padding-top: 5px;
}

.function_ad #function_ad01 .txt {
	background-image: url(../img/function/ad/bg01.png);
}
.function_ad #function_ad02 .txt {
	background-image: url(../img/function/ad/bg02.png);
}
.function_ad #function_ad03 .txt {
	background-image: url(../img/function/ad/bg03.png);
}
.function_ad #function_ad05 .txt {
	background-image: url(../img/function/ad/bg08.png);
}
.function_ad #function_ad07 .txt {
	background-image: url(../img/function/ad/bg07.png);
}
.function_ad #function_ad08 .txt {
	background-image: url(../img/function/ad/bg05.png);
}
.function_ad #function_ad09 .txt {
	background-image: url(../img/function/ad/bg06.png);
}



.function_ad #function_ad04 h3 {
	font-size: 16px;
	margin-bottom: 10px;
}


/* ViewThru */

.function_viewthru #function_viewthru01 {
    padding-bottom: 0;
}
.function_viewthru #function_viewthru01 .txt {
	background-image: url(../img/function/viewthru/bg01.png);
}
.function_viewthru #function_viewthru02 .txt {
	background-image: url(../img/function/viewthru/bg02.png);
}
.function_viewthru #function_viewthru03 .txt {
	background-image: url(../img/function/viewthru/bg03.png);
}
.function_viewthru #function_viewthru04 .txt {
	background-image: url(../img/function/viewthru/bg04.png);
}

/* SEO */

.function_seo .section:first-of-type .img {
	padding-bottom: 35px;
}
.function_seo #function_seo01 .txt {
	background-image: url(../img/function/seo/bg01.png);
}
.function_seo #function_seo02 .txt {
	background-image: url(../img/function/seo/bg02.png);
}
.function_seo #function_seo03 .txt {
	background-image: url(../img/function/seo/bg03.png);
}

.function_seo #function_seo04 .txt {
	padding-top: 15px;
}

/* LPO */

.function_lpo #function_lpo01 {
    padding-bottom: 0;
}
.function_lpo #function_lpo01 .img {
    padding-bottom: 0;
}
.function_lpo #function_lpo01 .txt {
	background-image: url(../img/function/lpo/bg01.png);
}
.function_lpo #function_lpo02 .txt {
	background-image: url(../img/function/lpo/bg02.png);
}
.function_lpo #function_lpo03 .txt {
	background-image: url(../img/function/lpo/bg03.png);
}
.function_lpo #function_lpo04 .txt {
	background-image: url(../img/function/lpo/bg04.png);
}
.function_lpo #function_lpo05 .txt {
	background-image: url(../img/function/lpo/bg05.png);
}



/* LOG */

.function_log #function_log01 {
    padding-bottom: 0;
}
.function_log #function_log01 .txt {
	background-image: url(../img/function/log/bg01.png);
}
.function_log #function_log02 .txt {
	background-image: url(../img/function/log/bg02.png);
}
.function_log #function_log03 .txt {
	background-image: url(../img/function/log/bg03.png);
}
.function_log #function_log04 .txt {
	background-image: url(../img/function/log/bg04.png);
}

/* TAG */

.function_tag #function_tag01 {
	padding-bottom: 40px;
}
.function_tag #function_tag01 .txt {
	background-image: url(../img/function/tag/bg01.png);
}
.function_tag #function_tag03 .txt {
	background-image: url(../img/function/tag/bg02.png);
}
.function_tag #function_tag04 .txt {
	background-image: url(../img/function/tag/bg03.png);
}
.function_tag #function_tag05 .txt {
	background-image: url(../img/function/tag/bg04.png);
}
.function_tag #cooperative_service ul {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.function_tag #cooperative_service ul li a:hover img {
	opacity: 0.8;
}
.function_tag #cooperative_service .other {
	border-top: 1px solid #ccc;
	text-align: center;
	padding-top: 20px;
}
.function_tag #cooperative_service .other p {
	font-size: 14px;
}
.function_tag #cooperative_service .note {
	text-align: right;
	padding-top: 20px;
}

/* AGENT */

.function_agent #function_agent01 {
	padding-bottom: 40px;
}
.function_agent #function_agent01 .txt {
	background-image: url(../img/function/agent/bg01.png);
}
.function_agent #function_agent02 .txt {
	background-image: url(../img/function/agent/bg02.png);
}
.function_agent #function_agent03 .txt {
	background-image: url(../img/function/agent/bg03.png);
}
.function_agent #function_agent04 .txt {
	background-image: url(../img/function/agent/bg04.png);
}

/* API */

.function_api #function_api01 {
	padding-bottom: 40px;
}
.function_api #function_api01 .txt {
	background-image: url(../img/function/api/bg01.png);
	padding-top: 0;
}
.function_api #function_api02 .txt {
	background-image: url(../img/function/api/bg02.png);
}
.function_api #function_api02 .txt strong {
    color: #274E9D;
}
.function_api #function_api03 .txt {
	background-image: url(../img/function/api/bg03.png);
}
.function_api #function_api04 .txt {
	background-image: url(../img/function/api/bg04.png);
}
.function_api #function_api05 .txt {
	background-image: url(../img/function/api/bg05.gif);
}

/* CONTENTS */

.function_contents .icon_new {
	font-size: 8px;
	background: #ED3942;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	padding: 2px 3px 1px;
	line-height: 1.2;
	vertical-align: middle;
	margin-left: 5px;
}
.function_contents #function_contents01 strong.accent {
	color: #7E2786;
}
.function_contents #function_contents01 {
	padding-bottom: 40px;
}
.function_contents #function_contents01 .img {
	margin: 0 0 30px;
	text-align: center;
}
.function_contents #function_contents01 .txt:last-child p {
	margin-bottom: 10px;
}
.function_contents #function_contents02 .txt {
	background-image: url(../img/function/contents/bg01.png);

}
.function_contents #function_contents02 .txt p {
	vertical-align: middle;
}
.function_contents #function_contents02 .txt p strong:nth-of-type(1) {
	color: #2C8CD2;
}
.function_contents #function_contents02 .txt p strong:nth-of-type(2) {
	color: #32B972;
}
.function_contents #function_contents02 .txt p strong:nth-of-type(3) {
	color: #F88014;
}
.function_contents #function_contents02 .txt p strong:nth-of-type(4) {
	color: #7E2685;
}
.function_contents #function_contents02 .txt p strong:nth-of-type(5) {
	color: #F0461A;
}
.function_contents #function_contents03 .txt {
	background-image: url(../img/function/contents/bg02.png);
}
.function_contents #function_contents04 .txt {
	background-image: url(../img/function/contents/bg03.png);
}

/* APPLI */

.function_appli #function_appli01 .txt {
	background-image: url(../img/function/appli/bg01.png);
	padding-top: 0;
}
.function_appli #function_appli02 .txt {
	background-image: url(../img/function/appli/bg02.png);
}
.function_appli #function_appli03 .txt {
	background-image: url(../img/function/appli/bg03.png);
}

/* RESEARCH */

.function_research .icon_new {
	font-size: 10px;
	background: #ED3942;
	display: inline-block;
	color: #fff;
	font-weight: 500;
	padding: 2px 3px 1px;
	line-height: 1.2;
	vertical-align: middle;
	margin-left: 5px;
}
.function_research .function_column .txt h2 {
	font-weight: 500;
}
.function_research .function_column .txt strong {
    font-weight: 400;
    color: #EB393F;
}
.function_research #function_research01 {
	padding-top: 60px;
	padding-bottom: 70px;
}
.function_research #function_research01 .txt {
	background-image: url(../img/function/cooperation/research/bg01.png);
}
.function_research #function_research02 {
	padding-top: 60px;
	padding-bottom: 65px;
}
.function_research #function_research02 .txt > ul {
    max-width: 300px;
    margin: 0 auto;
}
.function_research #function_research02 .txt > ul > li {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 300 300' width='300' height='300'><circle cx='150' cy='140' r='140' fill='%23ffffff' /></svg>");
    background-size: 100% auto;
    background-position: center 35px;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 30px;
}
.function_research #function_research02 .txt > ul > li:last-child {
	padding-bottom: 0;
}

.actual-page .slider .slider-for .slick-next {
    background: rgba( 255,255,255,0.7);
    width: 30px; height: 30px;
    border-radius: 15px;
    top: 50%; right: -15px;
    margin-top: -15px;
    overflow: hidden;
}
.actual-page .slider .slider-for .slick-prev::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px; height: 10px;
    border-top: 3px solid #999;
    border-left: 3px solid #999;
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
    top: 8px; left: 11px;
}
.actual-page .slider .slider-for .slick-next::after {
    content: "";
    display: block;
    position: absolute;
    width: 10px; height: 10px;
    border-top: 3px solid #999;
    border-right: 3px solid #999;
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
    top: 8px; right: 11px;
}
.function_research #function_research02 .txt > ul > li dl dt {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    padding-bottom: 20px;
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
}
.function_research #function_research02 .txt > ul > li dl dt .step {
    font-size: 28px;
    font-size: 2.8rem;
    display:  block;
    color: #3464A0;
}
.function_research #function_research02 .txt > ul > li dl .image {
    text-align: center;
}
.function_research #function_research02 .txt > ul > li dl .text {
    padding-top: 25px;
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
}
.function_research #function_research02 .txt .slick-prev {
    background: none;
    width: 50px; height: 50px;
    top: 50%; left: -13px;
    margin-top: -25px;
    overflow: hidden;    
}
.function_research #function_research02 .txt .slick-next {
    background: none;
    width: 50px; height: 50px;
    top: 50%; right: -13px;
    margin-top: -25px;
    overflow: hidden;
}
.function_research #function_research02 .txt .slick-prev::after {
    content: "";
    display: block;
    position: absolute;
    width: 25px; height: 25px;
    border-top: 4px solid #E4E5E6;
    border-left: 4px solid #E4E5E6;
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
    top: 10px; left: 18px;
    -ms-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.function_research #function_research02 .txt .slick-next::after {
    content: "";
    display: block;
    position: absolute;
    width: 25px; height: 25px;
    border-top: 4px solid #E4E5E6;
    border-right: 4px solid #E4E5E6;
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
    top: 10px; right: 18px;
    -ms-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.function_research #function_research02 .txt .slick-prev:hover::after {
    left: 14px;
}
.function_research #function_research02 .txt .slick-next:hover::after {
    right: 14px;
}
.function_research #function_research02 .txt .slick-prev:focus,
.function_research #function_research02 .txt .slick-next:focus {
    outline: none;
}

/* function_contact area */

.function_research #function_contact {
    padding: 50px 0;
}
.function_research #function_contact .function_inner {
    max-width: 980px;
    text-align: center;
    margin: 0 4%;
    padding: 15px;
    border: 10px solid #f3f3f3;
    box-sizing:  border-box;
}
.function_research #function_contact .function_inner .sub_text {
    padding: 0 0 10px 0;
}
.function_research #function_contact .btn_area {
    padding: 0;
    text-align: center;
    -webkit-box-pack: center;/* Android < 4.3 */
    -ms-flex-pack: center;/* IE10 */
    -webkit-justify-content: center;/* safari(PC) */
    justify-content: center;
}
.function_research #function_contact .btn_area .btn-info {
    background: #53BAA9;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    width: 250px;
    text-align: center;
}
.function_research #function_contact .btn_area .btn-info:hover {
    background: #75c8ba;
}

.function_research .contact_area {
	border-bottom: 2px solid #ccc;
}
.function_research .contact_area .inner {
	padding-top: 30px;
	padding-bottom: 60px;
}
.function_research .contact_area h2 {
	text-align: center;
	font-size: 20px;
	padding: 20px 25px 30px;
}
.function_research .contact_area iframe {
	height: 1340px;
}

/* ANALYSIS */

.function_analysis #function_analysis01 {
	padding-top: 60px;
	padding-bottom: 70px;
}
.function_analysis #function_analysis01 .txt {
	background-image: url(../img/function/analysis/bg01.png);
}
.function_analysis #function_analysis02 .txt {
	background-image: url(../img/function/analysis/bg02.png);
}
.function_analysis #function_analysis03 .txt {
	background-image: url(../img/function/analysis/bg03.png);
}
.function_analysis #function_analysis04 .txt {
	background-image: url(../img/function/analysis/bg04.png);
}

/* AUDIENCE */

.function_audience #function_audience01 {
	padding: 30px 0;
}
.function_audience .attention_box {
	position: relative;
	margin: 30px 6px 6px;
	width: -webkit-calc(100% - 12px);
	width: calc(100% - 12px);
}
.function_audience .attention_box::before {
	background: rgba(0, 0, 0, 0) url("../img/top/bg_main_visual.png") -320px center;
	content: "";
	display: block;
	width: -webkit-calc(100% + 12px);
	width: calc(100% + 12px);
	height: -webkit-calc(100% + 12px);
	height: calc(100% + 12px);
	position: absolute;
	top: -6px; left: -6px;
	z-index: 0;
}
.function_audience .attention_box_inner {
	background: #fff;
	text-align: center;
	padding: 20px;
	position: relative;
	z-index: 1;
}
.function_audience .attention_box .main_txt {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 10px;
}
.function_audience .attention_box .accent {
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
	line-height: 1.2;
	font-size: 16px;
	font-weight: 500;
	background: #F05323;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.function_audience .attention_box .btn {
	padding: 1px 35px 1px 25px;
	font-size: 18px;
	position: relative;
}
.function_audience .attention_box .btn:after {
	content: "";
	width: 7px;
	height: 11px;
	background: url(../img/common/arrow_right02.png);
	background-size: 7px 11px;
	position: absolute;
	right: 9px;
	top: 50%;
	margin-top: -6px;
}
.function_audience #function_audience01 .txt {
	background-image: url(../img/function/audience/bg01.gif);
}
.function_audience #function_audience02 .function_column:first-of-type {
	border-bottom: 1px solid #ccc;
	box-shadow: 0 1px 0 #fff;
	margin-bottom: 30px;
}
.function_audience #function_audience02 .function_column:first-of-type .txt {
	background-image: url(../img/function/audience/bg04.gif);
}
.function_audience #function_audience02 .function_column:nth-of-type(2) .txt {
	background-image: url(../img/function/audience/bg02.png);
}
.function_audience #function_audience02 h3 {
	font-size: 16px;
}
.function_audience #function_audience03 .txt {
	background-image: url(../img/function/audience/bg03.png);
}
.function_audience #function_audience04 .txt {
	background-image: url(../img/function/audience/bg05.png);
}

.function_audience .txt .box {
	padding-top: 20px;
}
.function_audience .txt .btn_cj {
	display: block;
	font-size: 18px;
	line-height: 1.3;
	position: relative;
	text-align: center;
	padding: 6px 0;
}
.function_audience .txt a.btn_cj:link,
.function_audience .txt a.btn_cj:visited,
.function_audience .txt a.btn_cj:hover,
.function_audience .txt a.btn_cj:active {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
}
.function_audience .txt .btn_cj::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: url(../img/top/bg_main_visual.png) -320px center;
	width: 100%;
	height: 100%;
}
.function_audience .txt .btn_cj > span {
	margin: 0 6px;
	display: block;
	padding: 23px 28px 13px 12px;
	line-height: 1.1;
	position: relative;
	z-index: 1;
	background: url(../img/common/arrow_right02.png) 97% center no-repeat #fff;
	background-size: 8px auto;
}
.function_audience .txt a.btn_cj:hover > span {
	background-color: #f6f6f6;
}
.function_audience .txt .btn_cj span.btn_title {
	background: #000;
	color: #fff;
	width: 75%;
	font-size: 15px;
	padding: 5px 17px;
	display: inline-block;
	position: absolute;
	top: 0; left: 50%;
	-ms-transform: translate( -50%, -55% );
	-webkit-transform: translate( -50%, -55% );
	transform: translate( -50%, -55% );
	border-radius: 25px;
}

/* LISTING LINK */

.function_listing_link .function_column .txt {
    padding-bottom: 0;
    margin-bottom: 30px;
}
.function_listing_link #function_listing_link01 {
	padding-bottom: 40px;
}
.function_listing_link #function_listing_link01 .txt {
	background-image: url(../img/function/cooperation/listing/bg01.png);
    background-size: contain;
}
.function_listing_link #function_listing_link02 .txt {
	background-image: url(../img/function/cooperation/listing/bg02.png);
}
.function_listing_link #function_listing_link03 .txt {
	background-image: url(../img/function/cooperation/listing/bg03.png);
}
.function_listing_link #function_listing_link04 .txt {
	background-image: url(../img/function/cooperation/listing/bg04.png);
}


/* TV */

.function_contact_form .inner{
    background: #fff;
    border-radius: 6px;
    padding: 50px 4%;
}
.function_contact_form .inner h3{
    text-align: center;
    font-size: 28px;
    margin-bottom: 40px;
}


/* function_logicad */

.function_logicad #function_logicad01 .txt {
	background-image: url(../img/function/cooperation/logicad/bg01.png);
}
.function_logicad h2 span.red,
.function_logicad strong.red{
	color: #DF393F;
}
.function_logicad .section h3{
	margin: 40px 0 30px 0;
}
.function_logicad #function_logicad02 p{
	text-align: left;
}
.function_logicad #function_logicad03 p{
    font-size:16px;
}



/* function_customer_rings */

.function_customer_rings #function_customer_rings01 .txt {
	background-image: url(../img/function/cooperation/customer_rings/bg01.png);
}
.function_customer_rings #function_customer_rings02 p,
.function_customer_rings #function_customer_rings03 p{
	text-align: left;
    margin-top: 30px;
    font-size: 16px;
}
.function_customer_rings #function_customer_rings02 .img_c {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}
.function_customer_rings #function_customer_rings02 .img{
    padding-bottom: 0;
}
.function_customer_rings #function_customer_rings03 h4{
    text-align: center;
    font-size: 22px;
    color: #EB3940;
    background: #FEFEB4;
    padding: 5px 10px;
}
.function_customer_rings #function_customer_rings03{
    padding-bottom: 70px;
}



/* function_gyro-n_dfm */

.function_gyro-n_dfm #function_gyro-n_dfm01 .txt {
	background-image: url(../img/function/cooperation/gyro-n_dfm/bg01.png);
}
.function_gyro-n_dfm #function_gyro-n_dfm02 h2,
.function_gyro-n_dfm #function_gyro-n_dfm03 h2{
    margin-bottom: 30px;
}
.function_gyro-n_dfm #function_gyro-n_dfm02 h3,
.function_gyro-n_dfm #function_gyro-n_dfm03 h3{
    margin-bottom: 30px;
}
.function_gyro-n_dfm #function_gyro-n_dfm03 h4{
    font-size: 18px;
    line-height: 1.4;
    color: #DF393F;
    background: #FEFEB4;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.function_gyro-n_dfm #function_gyro-n_dfm02 p,
.function_gyro-n_dfm #function_gyro-n_dfm03 p{
    text-align: left;
}

/* function_make_repeater */

.function_make_repeater #function_make_repeater01 .txt {
	background-image: url(../img/function/cooperation/make_repeater/bg01.png);
}
.function_make_repeater #function_make_repeater02 h2 {
    text-align: center;
}
.function_make_repeater #function_make_repeater03 .img_c {
    margin: 10px 0 0;
}
.function_make_repeater #function_make_repeater03 .txt {
    text-align: left;
    
}
.function_make_repeater #function_make_repeater04 {
    background: #fff;
}
.function_make_repeater .campaign_column {
    max-width: 798px;
	background: url("../img/top/bg_main_visual.png") center center;
	padding: 6px;
	margin: 10px auto 30px;
    text-align: center;
}
.function_make_repeater .campaign_column .campaign_column_inner {
	background: #fff;
	padding: 10px;
}
.function_make_repeater .campaign_column h3 {
    margin: 10px 0;
}
.function_make_repeater .campaign_column h3 + p {
    margin-bottom: 20px;
}
.function_make_repeater .campaign_column .detail_area {
    background: #FFFFE8;
    padding: 15px 10px;
}
.function_make_repeater .campaign_column .detail_area h4 {
    background: #F9B923;
    color: #FFF;
    font-size: 16px;
    padding: 5px;
    margin: 20px 0 10px;
}
.function_make_repeater .campaign_column .detail_area h4:first-child {
    margin-top: 0;
}
.function_make_repeater .campaign_column .detail_area p {
    margin-bottom: 10px;
    text-align: left;
}
.function_make_repeater .campaign_column .detail_area ul {
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 10px;
}
.function_make_repeater .campaign_column .detail_area ul li {
    text-align: left;
}
.function_make_repeater .campaign_column .detail_area .campaign_date {
    text-align: center;
}
.function_make_repeater .campaign_column .button_area {
    margin: 15px 0;
}
.function_make_repeater .campaign_column .btn {
    min-width: 270px;
    position: relative;
    font-size: 20px;
}
.function_make_repeater .campaign_column .btn::after {
    background: url(../img/common/arrow_right01.png) right center no-repeat;
    background-size: auto 11px;
    content: " ";
    display: block;
    width: 7px; height: 11px;
    margin-top: -5px;
    position: absolute;
    right: 5%;
    top: 50%;
}

/* actual_link */

.function-page #actual_link h2 {
	font-size: 16px;
}
.function-page #actual_link ul li a {
	display: block;
	margin-right: 15px;
}
.function-page #actual_link ul li a::before, .function-page #actual_link ul li a::after {
	content: "";
	display: table;
}
.function-page #actual_link ul li a::after {
	clear: both;
}
.function-page #actual_link ul li a img {
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 20px 0;
}
.function-page #actual_link ul li a dl {
	margin-bottom: 20px;
	font-size: 14px;
}
.function-page #actual_link ul li a dt {
	font-weight: 500;
	color: #333;
}
.function-page #actual_link ul li a:hover {
	text-decoration: none;
}
.function-page #actual_link ul li a:hover img {
	opacity: 0.8;
}
.function-page #actual_link ul li a:hover dd {
	text-decoration: underline;
}

/* COOPERATION */

.function_cooperation div.support_btn {
    padding: 30px 0;
    text-align: center;
    background: #fff;
}
.function_cooperation .heading_area_large {
    background: #f7f7f7;
}
.function_cooperation .heading_area_large .hgroup {
    text-align: left;
    padding-bottom: 20px;
}
.function_cooperation .heading_area_large .hgroup + .image {
    text-align: center;
    margin-bottom: 35px;
}
.function_cooperation .heading_area_large .hgroup h1 {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.function_cooperation .heading_area_large .hgroup h1 + p {
    line-height: 1.3;
    color: #000;
}
.function-page .function_cooperation .section_wrap {
	padding-bottom: 50px;
}

.function-page .function_cooperation .sub {
    display: none;
}

.function-page .function_cooperation .main .hgroup br {
    display: none;
}

.function-page .function_cooperation .main .hgroup {
    border-bottom: 2px solid #EEE;
    position: relative;
    padding: 35px 0 15px;
    margin-bottom: 20px;
}
.function-page .function_cooperation .main .cooperation_section .hgroup {
    text-align: left;
}
.function-page .function_cooperation .main .hgroup::after {
    content: "";
    width: 50px; height: 2px;
    position: absolute;
    left: 0; bottom: -2px;
    background: #8DC747;
}

.cooperation_list {
    display: -webkit-box;/* Android < 4.3 */
    display: -webkit-flex;/* safari(PC) */
    display: flex;
    -webkit-flex-wrap: wrap;/* safari(PC) */
    flex-wrap: wrap;
    max-width: 480px; 
    margin: 0 auto;
}
.cooperation_list li {
    display: -webkit-box;/* Android < 4.3 */
    display: -webkit-flex;/* safari(PC) */
    display: flex;
    text-align: center;
    font-size: 12px;
    width: 50%;
    padding: 1em 1.7%;
    box-sizing: border-box;
}
.cooperation_list li p {
    padding: 5px 4% 10px;
	border-top: 1px dotted #ccc; 
}
.cooperation_list li a {
    display: block;
    color: #333;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 4px;
	transition: background .3s ease;
}
.cooperation_list li a img {
    border-radius: 4px 4px 0 0;
	transition: all .2s ease;
}
.cooperation_list li a:link,
.cooperation_list li a:visited,
.cooperation_list li a:hover,
.cooperation_list li a:active {
    text-decoration: none;
    color: #333;
}
.cooperation_list li a[href] {
	position: relative;
}
.cooperation_list li a[href]::after {
	content: "";
	display: block;
	width: 100%; height: 0;
	padding-top: 59%; 
	vertical-align: middle;
	position: absolute;
	top: 0; left: 0;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffb404%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3E%E3%83%AA%E3%83%B3%E3%82%AF%3C%2Ftitle%3E%3Cg%20id%3D%22arrow_right%22%20data-name%3D%22arrow_right%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.5%2C0A9.5%2C9.5%2C0%2C1%2C1%2C0%2C9.5%2C9.5%2C9.5%2C0%2C0%2C1%2C9.5%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M10%2C5V8.05H5v3h5v3.05L15%2C9.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-size: 19px 19px;
	background-repeat: no-repeat;
	background-position: 95% 100%;
	
}
.cooperation_list li a[href]:hover {
	background: #fcfcfc;
}
.cooperation_list li a[href]:hover img {
    opacity: 0.8;
}

.cooperation_list li strong {
    display: block;
    font-size: 16px;
}

/* detail page */

.cooperation_detail .cooperation_section {
	background: #F6F6F6;
	border-radius: 6px;
	margin-top: 35px;
	padding: 20px 4%;
}
.cooperation_detail .heading_area {
	border-bottom-color: #8DC747;
}
.cooperation_detail .service_header {
	text-align: center;
	margin-bottom: 20px;
}
.service_header .service_name {
	font-size: 20px;
	margin-bottom: 5px;
}
.service_header .service_link {
	fonrt-size: 13px;
}
.service_header .service_link::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	width: 19px; height: 19px;
	margin-left: 5px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2019%2019%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffb404%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3E%E3%83%AA%E3%83%B3%E3%82%AF%3C%2Ftitle%3E%3Cg%20id%3D%22arrow_right%22%20data-name%3D%22arrow_right%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.5%2C0A9.5%2C9.5%2C0%2C1%2C1%2C0%2C9.5%2C9.5%2C9.5%2C0%2C0%2C1%2C9.5%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M10%2C5V8.05H5v3h5v3.05L15%2C9.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-size: contain;
}
.service_header .service_text {
	text-align: left;
}
.service_header .company_name {
	font-size: 14px;
}
.service_header .service_link {
	margin-bottom: 5px;
}
.cooperation_detail .service_logo {
	background: #fff;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 10px;
}
.cooperation_detail .company_name {
	margin-bottom: 10px;
}
.cooperation_detail .service_comment {
	text-align: center;
}
.cooperation_detail .service_comment p {
	text-align: left;
	margin-bottom: 20px;
}
.cooperation_detail .service_comment .image {
	display: inline-block;
	background: #fff;
	padding: 15px;
	border-radius: 4px;
	margin-bottom: 20px;
}
.cooperation_detail .other_detail .other_column {
	border-top: 1px dotted  #ccc;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cooperation_detail .other_detail .note {
	padding-top: 15px;
	padding-bottom: 15px;
}
.cooperation_detail .other_detail .other_column:last-child {
	padding-bottom: 0;
}
.cooperation_detail .other_detail .disc_list li {
	margin-left: 1em;
	text-indent: -1em;
}

.cooperation_detail .btn-primary {
	padding: 15px 10px;
	line-height: 1.4;
	width: 100%;
	max-width: 370px;
	box-sizing: border-box;
	border-width: 0;
	border-radius: 6px;
	font-weight: normal;
}
.cooperation_detail .cooperation_section + .btn_area {
	margin-top: 30px;
}
.cooperation_detail .btn-secondary {
	background: #bbb;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    width: 250px;
    text-align: center;
	font-weight: normal;
}
.cooperation_detail .btn-secondary:hover {
    background: #c3c3c3;
}

@media only screen and (min-width: 450px) {
	.cooperation_detail .cooperation_section {
		padding-top: 30px;
	}
}
@media only screen and (min-width: 640px) {
	.cooperation_detail .service_header {
		display: -webkit-box;/* Android < 4.3 */
		display: -ms-flexbox;/* IE10 */	
		display: -webkit-flex;/* safari(PC) */
		display: flex;
		width: 100%;
		margin-bottom: 30px;
	}
	.cooperation_detail .service_logo {
		margin: 0 20px 0 0;
		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;
		-webkit-box-flex: 0;
		-ms-flex:0 0 auto;/* IE10 */	
		flex: 0 0 auto;
	}
	.cooperation_detail .service_text {
		text-align: left;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;/* IE10 */	
		flex: 1 1 auto;
	}
	.cooperation_detail .service_comment p,
	.cooperation_detail .service_comment .image {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 25px;
	}
	.cooperation_detail .service_text .btn_area {
		text-align: left;
	}
}

	
/* Actual PAGE
--------------------------- */

.actual-page .actual_pickup {
    max-width: 980px;
    margin: 40px auto 0;
    position: relative;
}
.actual-page .actual_pickup a {
    display: block;
}
.actual-page .actual_pickup a:hover img {
    opacity: 0.8;
}
.actual-page .actual_pickup .caption {
    font-size: 16px;
    margin-top: 15px;
}
.actual-page .actual_pickup .caption span {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    background: #ED3942;
    color: #fff;
    padding: 2px 10px;
    margin-right: 8px;
}

/* for isotope.js */
.actual-page .visible_item {
    display:none;
}
.actual-page .sub_pickup {
	padding-bottom: 15px;
}
.actual-page .sub_pickup .sub_pickup_item:not(:first-child) {
	display: none;
}
.actual-page .sub_pickup .sub_pickup_item a {
    display: block;
    color: #333;
    text-decoration: none;
    background-color: #F6F6F6;
    border-bottom: 5px solid #ccc;
    padding: 10px;
    box-sizing:  border-box;
    -webkit-transition: background ease .2s;
    transition: background ease .2s;
}
.actual-page .sub_pickup .sub_pickup_item a:hover {
    background-color: #f0f0f0;
}
.actual-page .sub_pickup .sub_pickup_item .img {
    float: left;
    width: 150px;
    margin: 0 0 8px 0;
}
.actual-page .sub_pickup .sub_pickup_item .txt {
    float: right;
    width: -webkit-calc( 100% - 165px );
    width: calc( 100% - 165px );
}
.actual-page .sub_pickup .sub_pickup_item .actual_logo {
    height: 25px;
    width: auto;
    margin-top: 5px;
}
.actual-page .sub_pickup .sub_pickup_item .actual_logo img {
    max-height: 25px;
    width: auto;
    max-width: 100%;
}
.actual-page .sub_pickup .sub_pickup_item .company_name {
    font-size: 12px;
    color: #999;
    padding: 8px 0;
}
.actual-page .sub_pickup .sub_pickup_item .txt + p {
    clear: both;
    font-weight: 500;
    margin-bottom: 8px;
    line-height: 1.8;
}

.actual-page .heading_area .hgroup h1 small {
    font-size: 65%;
    display: inline-block;
    margin-right: 10px;
}

/* 20181106 追加↓ */

.actual-page :not(.actual_index) .heading_area .inner {
	padding-bottom: 7px;
}
.actual-page .heading_area .sns {
	text-align: right;
	padding: 0 4% 10px;
	margin-top: -0.5em;
}
.actual-page .heading_area .sns ul {
	margin: 0; padding: 0;
}
.actual-page .heading_area .sns li {
	display: inline-block;
}
.actual-page .heading_area .sns li iframe {
	vertical-align: bottom;
    margin: 0; padding: 0;
}
.actual_special .heading_area .sns {
	text-align: center;
	margin-top: 0;
}

@media only screen and (min-width: 1200px) {
	.actual_special .heading_area .sns {
		text-align: right;
		margin-top: -1em;
    }
}

/* 20181106 追加↑ */


.actual-page .mainvisual {
	padding-bottom: 15px;
}
.actual-page .mainvisual .mainimg {
	background: #F3F3F3;
	margin: 35px 0 20px;
}
.actual-page .mainvisual .txt {
	padding: 20px;
}
.actual-page .company_column {
	background: #f7f7f7;
	padding: 10px;
}
.actual-page div.company_column {
	background: #F7F7F7;
	padding: 10px;
}
.actual-page .actual_list > li {
	margin-bottom: 10px;
}
.actual-page .actual_list li .company_column {
	border-bottom: 2px solid #ccc;
	display: block;
    background: #fff;
    position: relative;
}
.actual-page .company_column:link, .actual-page .company_column:visited, .actual-page .company_column:hover, .actual-page .company_column:active {
	color: #333;
	text-decoration: none;
}
.actual-page .company_column:hover {
	background: #f3f3f3;
}
.actual-page div.company_column:hover {
	background: #F7F7F7;
	padding: 10px;
}
.actual-page .actual_list a:hover img {
	opacity: 0.8;
}
.actual-page .mainvisual .company_name {
    line-height: 1.5;
}
.actual-page .mainvisual .company_name small {
    display: block;
    font-size: 70%;
}
.actual-page .mainvisual .txt .actual_logo {
	background: #fff;
	padding: 15px;
	text-align: center;
    margin-bottom: 10px;
}
.actual-page .mainvisual .txt .actual_logo img {
	max-height: 50px;
}
.actual-page .mainvisual .icon li {
    display: inline-block;
    padding: 0;
}
.actual-page .mainvisual .icon li span {
    display: inline-block;
    padding: 2px 5px;
    line-height: 1.2;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
}
.actual-page .cat_icon {
    display: inline-block;
    padding: 4px 10px;
    line-height: 1.2;
    font-size: 11px;
    color: #fff;
    position: absolute;
    right: 0; top: 0;
}
.cat_icon.icon_retail {background: #83CF87;}
.cat_icon.icon_consulting {background: #8C76B9;}
.cat_icon.icon_entertainment {background: #000;}
.cat_icon.icon_it {background: #6CACE6;}
.cat_icon.icon_financial {background: #4B82B4;}
.cat_icon.icon_education {background: #FF7186;}
.cat_icon.icon_media {background: #E0C77A;}
.cat_icon.icon_personnel {background: #999;}
.cat_icon.icon_architecture {background: #B7985E;}
.cat_icon.icon_apparel {background: #F1975B;}


.actual-page .actual_list a {
    display: block;
    color: #333;
    text-decoration: none;
    background-color: #F6F6F6;
    border-bottom: 5px solid #ccc;
    padding: 15px;
    -webkit-transition: background ease .2s;
    transition: background ease .2s;
}
.actual-page .actual_list a:hover {
    background-color: #f0f0f0;
}
.actual-page .actual_list .img {
    float: left;
    width: 150px;
    margin: 0 0 8px 0;
}
.actual-page .actual_list .txt {
    float: right;
    width: -webkit-calc( 100% - 165px );
    width: calc( 100% - 165px );
}
.actual-page .actual_list .actual_logo {
    height: 25px;
    width: auto;
    margin-top: 10px;
}
.actual-page .actual_list .actual_logo img {
    max-height: 25px; width: auto;
    max-width: 100%;
}
.actual-page .actual_list .company_name {
    font-size: 12px;
    color: #999;
    padding: 3px 0 8px;
}
.actual-page .actual_list .txt + p {
    clear: both;
    font-weight: 500;
    margin-bottom: 8px;
}


.actual-page .mainvisual .company_url {
	font-size: 14px;
	font-weight: 500;
}
.actual-page .mainvisual .company_profile .company_logo {
	height: 20px;
	margin-bottom: 10px;
}
.actual-page .mainvisual .company_profile .company_logo img {
	height: 100%;
	width: auto;
}
.actual-page .mainvisual .company_profile .person {
	font-size: 12px;
	line-height: 1.2;
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
    display: -webkit-box;/* Android < 4.3 */
    display: -webkit-flex;/* safari(PC) */
    display: flex;
}
.actual-page .mainvisual .company_profile .person .img {
	padding: 0 10px 0 0;
}
.actual-page .mainvisual .company_profile .person .name {
	font-size: 14px;
	display: block;
	margin-top: 3px;
}
.actual-page .mainvisual .company_profile .company_info {
	font-size: 12px;
}
.actual-page .mainvisual .company_profile .company_info p + p {
    margin-top: 10px;
}

/* company_profile2 */
.actual-page .mainvisual .company_profile2 .company_info {
	font-size: 12px;
}
.actual-page .mainvisual .company_profile2 .company_info p + p {
    margin-top: 10px;
}
.actual-page .mainvisual .company_profile2 .company_info:first-child {
	width: 100%;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	margin-bottom: 15px;
}
.actual-page .mainvisual .company_profile2 .person {
	font-size: 12px;
	line-height: 1.2;
	margin-bottom: 30px;
}
.actual-page .mainvisual .company_profile2 .person .img {
	margin-bottom: 10px;
}
.actual-page .mainvisual .company_profile2 .person .person_name {
	line-height: 1.6;
	margin-bottom: 5px;
}
.actual-page .mainvisual .company_profile2 .person .person_name .name {
	font-size: 142%;
	font-weight: 500;
	display: block;
}
.actual-page .mainvisual .company_profile2 .person .person_detail {
	line-height: 1.6;
}


@media only screen and (min-width: 522px) {
	.actual-page .mainvisual .company_profile2 .person {
		display: -webkit-box;/* Android < 4.3 */
		display: -webkit-flex;/* safari(PC) */
		display: flex;
	}
	.actual-page .mainvisual .company_profile2 .person .img {
		width: 25%;
		padding-right: 3%;
		-webkit-box-flex: 0;
		-ms-flex:0 0 auto;/* IE10 */	
		flex: 0 0 auto;
	}
}
@media only screen and (min-width: 640px) {
	
	.actual-page .mainvisual .company_profile2 .person {
		font-size: 14px;
	}
	.actual-page .mainvisual .company_profile2 .company_info {
		font-size: 14px;
	}
	.actual-page .mainvisual .company_profile2 .company_info:first-child {
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
	.actual-page .mainvisual .company_profile2 .person .person_name {
		font-weight: 500;
	}
}

@media only screen and (min-width: 992px) {
	.actual-page .mainvisual .company_profile2 {
		margin-bottom: 25px;
	}
	.actual-page .mainvisual .company_profile2 .person .person_detail {
		line-height: 1.8;
	}
	.actual-page .mainvisual .company_profile2 .person .person_name .name {
		margin-top: 5px;
	}
}

/* mainvisual detail area */

.actual-page .mainvisual .detail_area {
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 10px solid #f3f3f3;
    box-sizing:  border-box;
}
.actual-page .mainvisual .detail_area strong {
    color: #EB393F;
    font-weight: 500;
}
.actual-page .mainvisual .detail_area dt {
    font-weight: 500;
    background: #F3F3F3;
    padding: 5px 8px;
}
.actual-page .mainvisual .detail_area dd {
    padding: 8px 8px 15px;
}
.actual-page .mainvisual .detail_area dd li {
    margin-left: 1em;
    text-indent: -1em;
}
.actual-page .mainvisual .detail_area dd li::before {
    content: "・";
}
.actual-page .dl_button_area {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}
.actual-page .dl_button_area .sub_text {
    padding: 0 0 10px 0;
    font-size: 14px;
}
.actual-page .dl_button_area .btn_area {
    padding: 5px 0;
    text-align: center;
}
.actual-page .btn_area .btn-info {
    background: #3794D7;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    width: 250px;
    text-align: center;
}
.actual-page .btn_area .btn-info:hover {
    background: #2175c6;
}
.actual-page .btn_area .btn-secondary {
    background: #bbb;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    width: 250px;
    text-align: center;
}
.actual-page .btn_area .btn-secondary:hover {
    background: #acacac;
}
.actual_outro {
    padding: 30px 0;
}
.actual_outro li {
    margin-bottom: 20px;
    text-align: center;
}


.actual-page .section {
	border-top: 2px solid #ccc;
}
.actual-page .section .inner {
	padding-bottom: 20px;
}
.actual-page .title_area {
	font-size: 16px;
	background: #F7F7F7;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
.actual-page .title_area .inner {
	padding-bottom: 0;
}
.actual-page .section .inner h3 {
	color: #EC4B52;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	padding: 30px 0 0;
}
.actual-page .section .inner .img,
.actual-page .section .inner .img_large {
	margin-bottom: 15px;
}
.actual-page .section .inner .img_c {
	text-align: center;
	margin: 20px 0 30px;
}
.actual-page .section .inner .img_c.bnr {
    margin: 50px 0 0;
}
.actual-page .section .inner .img .caption {
	display: block;
	text-align: center;
	margin-top: 5px;
}
.actual-page .section .inner .img_c .caption {
	display: block;
	text-align: center;
	margin-top: 5px;
}
.actual-page .section .inner .img_r + .img_r {
	padding-top: 15px;
}
.actual-page .section .inner p {
	font-size: 14px;
	padding-bottom: 10px;
	line-height: 1.5;
}
.actual-page .section .inner p.company_name {
	font-size: 12px;
	line-height: 1.5;
}
.actual-page .section .inner p strong {
	font-size: 16px;
	color: #EB393F;
	font-weight: 500;

}
.actual-page .section .inner p.question {
	font-size: 16px;
	font-weight: 500;
	border-left: 5px solid #ED3942;
	padding: 0 0 0 10px;
	margin: 20px 0 15px;
	line-height: 1.4;
}
.actual-page .section .inner .note {
	display: block;
	text-align: right;
}

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


/* actual_special 
----------------------*/

.actual_special .heading_area .hgroup {
    text-align: center;
}
.actual-page .actual_special .mainvisual {
    padding: 0;
}
.actual-page .actual_special .mainvisual .inner {
    padding: 0; margin: 0;
    max-width: inherit;
}
.actual-page .actual_special .mainvisual .mainimg {
    padding: 0; margin: 0;
}
.actual-page .actual_special .section .note_transferer {
    font-size: 12px;
    text-align: right;
}
.actual-page .actual_special .note_transferer img {
    vertical-align: middle;
}

/* material_column */

.actual-page .material_column {
	background: url("../img/top/bg_main_visual.png") center center;
	padding: 6px;
	margin: 30px auto 10px;
    max-width: 890px;
}
.actual-page .material_column .material_column_inner {
	background: #fff;
	padding: 15px 20px;
}
.actual-page .material_column .txt {
	text-align: center;
    margin: 0 auto;
}
.actual-page .material_column .txt p {
    margin:0 auto;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 1.5 !important;
}
.actual-page .material_column .document {
    margin: 0 auto 10px;
    text-align: center;
}
.actual-page .material_column p.button_area {
    padding-bottom: 0;
}
.actual-page .material_column .btn-info {
    background: #53BAA9;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    width: 250px;
    text-align: center;
}
.actual-page .material_column .btn-info:hover {
    background: #75c8ba;
}


/* each page */

.actual-page .actual_mag2 .inner > p + p,
.actual-page .actual_emnet .inner > p + p,
.actual-page .actual_videomarket .inner > p + p,
.actual-page .actual_videomarket .inner .img_r + p,
.actual-page .actual_digitalidentity .inner > p + p,
.actual-page .actual_digitalidentity .inner .img_r + p,
.actual-page .actual_k-two .inner > p + p,
.actual-page .actual_fracta .inner > p + p,
.actual-page .actual_flacta .inner .img_r + p,
.actual-page .actual_flacta .inner .img_l + p,
.actual-page .new_rules .inner > p + p,
.actual-page .new_rules .inner .img_r + p,
.actual-page .new_rules .inner .img_l + p{
    margin-top: 1em;
}

.actual-page .img_r+p,
.actual-page .img_l+p{
    margin-top: 1.5em;
}
	
/* relation_link */

.actual-page #relation_link {
	padding: 30px 0 10px;
}
.actual-page #relation_link h2 {
	font-size: 16px;
}
.actual-page #relation_link ul li a {
	display: block;
	margin-right: 15px;
}
.actual-page #relation_link ul li a::after {
	clear: both;
}
.actual-page #relation_link ul li a::before, .actual-page #relation_link ul li a::after {
	content: "";
	display: table;
}
.actual-page #relation_link ul li a::after {
	clear: both;
}
.actual-page #relation_link ul li a span {
	display: block;
	float: left;
	margin: 0 10px 20px 0;
}
.actual-page #relation_link ul li a dl {
	margin-bottom: 20px;
	font-size: 14px;
}
.actual-page #relation_link ul li a dt {
	font-weight: 500;
	color: #333;
}
.actual-page #relation_link ul li a:hove {
	text-decoration: none;
}
.actual-page #relation_link ul li a:hover img {
	opacity: 0.8;
}
.actual-page #relation_link ul li a:hover dd {
	text-decoration: underline;
}


.actual-page .actual_list .logo_area {
	text-align: center;
	padding: 12px 0;
}
.actual-page .actual_list .logo_area li {
	display: inline-block;
	padding: 0 5px 10px;
}
.actual-page .actual_list .logo_area li img {
	width: auto;
	height: 18px;
}
.actual-page .actual_list .logo_area li a:hover img {
	opacity: 0.8;
}
.actual-page .actual_list .txt .actual_logo {
	margin-bottom: 2px;
}
.actual-page .actual_list .icon li {
	display: inline-block;
}
.actual-page .actual_list .icon li span {
	display: inline-block;
	padding: 2px 5px;
	line-height: 1.2;
	font-size: 11px;
}
 .actual-page .section .with_name{
     margin-bottom: 10px;
 }

.actual-page .section .inner .with_name>p:first-child {
	font-weight: 500;
	margin-bottom: 0;
	padding-bottom: 0;
}
.actual-page .section .inner h3.section_title {
	margin-bottom: 20px;
}
#actual_01 .btn_area .showMore {
    margin: 10px 0 60px;
}
#actual_01 .actual_list .description {
    margin: 0; padding: 0;
    line-height: 1.8;
}



/* EbiColle PAGE
--------------------------- */

.ebicolle-page .heading_area .sns {
	text-align: right;
}
.ebicolle-page .heading_area .sns li {
	display: inline-block;
}
.ebicolle-page .heading_area .sns li iframe {
	vertical-align: bottom;
}
.ebicolle-page .section {
	border-top: 2px solid #ccc;
}
.ebicolle-page .section:first-of-type {
	border-top: none;
}
.ebicolle-page .section .inner {
	padding-bottom: 20px;
}
.ebicolle-page h2 {
	font-size: 20px;
	margin-bottom: 10px;
}
.ebicolle-page b{
    font-weight: 500;
}

/* actual_tabnav */

.actual_tabnav {
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
}
.actual_tabnav ul {
    text-align: center;
    position: relative;
    bottom: -1px;
}
.actual_tabnav li {
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    margin: 0 10px;
}
.actual_tabnav li a {
    color: #333;
    display: inline-block;
    background: #ddd;
    font-weight: 500;
    text-decoration: none;
    padding: 3px 30px;
}
.actual_tabnav li.active {
    border-bottom: 1px solid #fff;
}
.actual_tabnav li.active a {
    background: #fff;
}
.actual_tabnav li a:hover {
    background: #fff;
}

/* tab

.ebicolle-page label.panel_label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #888888;
    cursor: pointer;
    background-color: #EEEEEE;
    border-bottom: 4px solid #ED3942;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    box-shadow: 0 4px 0  #EEEEEE;
}
.ebicolle-page label.panel_label:hover {
    color: #666;
}
.ebicolle-page #panels {
    background-color: white;
}
.ebicolle-page #panels section label.panel_label {
    padding: 10px 24px;
    box-sizing: border-box;
}
.ebicolle-page #panels .panel_inner {
    box-sizing: border-box;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 600ms;
    transition: opacity 600ms;
    overflow: hidden;
}
.ebicolle-page #panel_online_ctrl:checked ~ #panels #panel_online .panel_inner {
    max-height: 100%;
    opacity: 1;
    padding: 24px 0;
}
.ebicolle-page #panel_offline_ctrl:checked ~ #panels #panel_offline .panel_inner {
    max-height: 100%;
    opacity: 1;
    overflow: hidden;
}
.ebicolle-page #panel_online_ctrl:checked ~ #tabs_list #li_for_panel_online {
    pointer-events: none;
    cursor: default;
    border-right: none;
}
.ebicolle-page #panel_online_ctrl:checked ~ #tabs_list #li_for_panel_online label.panel_label {
    background-color: #ED3942;
    color: #fff;
}
.ebicolle-page #panel_offline_ctrl:checked ~ #tabs_list #li_for_panel_offline {
    pointer-events: none;
    cursor: default;
}
.ebicolle-page #panel_offline_ctrl:checked ~ #tabs_list #li_for_panel_offline label.panel_label {
    background-color: #ED3942;
    color: #fff;
}
.ebicolle-page ul#tabs_list {
    display: flex;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
.ebicolle-page ul#tabs_list li {
    text-align: center;
    width: 50%;
    position: relative;
}
.ebicolle-page ul#tabs_list li:hover {
    -webkit-transition: none;
    transition: none;
    border-right: none;
}
.ebicolle-page ul#tabs_list li label.panel_label {
    position: relative;
    padding: 14px 0 10px 0;
    font-weight: 500;
}
.ebicolle-page .panel_radios {
    display: none;
}
.ebicolle-page .pannel_online_lead {
	text-align: center;
	font-size: 16px;
	margin-bottom: 20px;
}

.ebicolle-page #panels #panel_offline #seminar_area {
	padding: 24px 0;
} */
.ebicolle-page #contents{
    overflow: inherit;
}

.ebicolle-page #contents .ebicolle_inner{
    max-width: 980px;
    margin: 0 auto;
    padding-top: 50px;
    display: block;
    flex-flow: row;
}
.ebicolle-page #contents .ebicolle_inner .college_download{
    width: 100%;
    padding: 0;
    margin-left: 0;
}
.ebicolle-page #contents .ebicolle_inner .college_download .inner{
    padding-right: 4%;
    padding-left: 4%;
}
.ebicolle-page #contents .ebicolle_inner .college_download .download_detail{
    border-bottom: 1px dotted #ccc;
}
.ebicolle-page #contents .ebicolle_inner .college_nav{
    width: 100%;
    overflow: visible;
}
.ebicolle-page #contents .ebicolle_inner .college_nav aside{
	position: static;
	top: 0px;
}
.ebicolle-page #contents .ebicolle_inner .college_nav li a{
    border-bottom:1px solid #f1f1f1;
    padding: 18px 10px;
    text-align: center;
    display: block;
    color: #333;
    font-size: 15px;
}
.ebicolle-page #contents .ebicolle_inner .college_nav li.active a,
.ebicolle-page #contents .ebicolle_inner .college_nav li:hover a{
    font-weight: 500;
    background: #F9F9F9;
    text-decoration: none;
}
.ebicolle-page #contents .ebicolle_inner .college_nav li:first-child a{
    border-top:1px solid #f1f1f1;
}


/* college_seminar */

.college_seminar {
    padding: 0;
}
.college_seminar .inner {
    padding: 0 4%;
}
.college_seminar .inner h2 {
    text-align: center;
}
.ebicolle-page .college_seminar li a {
	background: #F3F3F3;
    padding-bottom: 15px;
}
.ebicolle-page .seminar_list .seminar_item {
	margin-bottom : 20px;
}
.ebicolle-page .seminar_list .seminar_list_inner::before,
.ebicolle-page .seminar_list .seminar_list_inner::after,
.ebicolle-page .seminar_list .seminar_item::before,
.ebicolle-page .seminar_list .seminar_item::after{
	content: "";
	display: table;
}
.ebicolle-page .seminar_list .seminar_list_inner::after,
.ebicolle-page .seminar_list .seminar_item::after{
	clear: both;
}
.ebicolle-page .seminar_list .seminar_item a {
	display: block;
	font-size: 14px;
	background: #fff !important;
    border-bottom: 1px dotted #ccc;
    position: relative;
    padding-left: 0;
}
.ebicolle-page .seminar_list .seminar_item:last-child a {
    border-bottom: none;
}
.ebicolle-page .seminar_list .seminar_item a::before,
.ebicolle-page .seminar_list .seminar_item a::after {
	content: "";
	display: table;
}
.ebicolle-page .seminar_list .seminar_item a::after {
	clear: both;
}
.ebicolle-page .seminar_list .seminar_item.status_pickup a {
	background: #fff !important;
}
.ebicolle-page .seminar_list .seminar_item.status_full a {
	background: #fff !important;
}
.ebicolle-page .seminar_list .seminar_item a .seminar_img {
    position: static;
    width: 100%;
    padding-bottom: 10px;
}
.ebicolle-page .seminar_list .seminar_item a .seminar_img > img {
	width: 100%;
}
.ebicolle-page .seminar_list .seminar_item a:hover .seminar_img > img {
	opacity: 0.8;
}
.ebicolle-page .seminar_list .seminar_item a .seminar_img .icon_level {
    display: none;
}
.ebicolle-page .seminar_list .seminar_item a:link {
	text-decoration: none;
}
.ebicolle-page .seminar_list .seminar_item a:visited {
	text-decoration: none;
}
.ebicolle-page .seminar_list .seminar_item a:hover {
	text-decoration: none;
}
.ebicolle-page .seminar_list .seminar_item a:active {
	text-decoration: none;
}
.ebicolle-page .seminar_list .seminar_item a .category {
	display: inline-block;
	position: relative;
	z-index: 2;
	font-weight: 500;
	text-align: center;
	padding: 1px 10px;
    width: auto;
}
.ebicolle-page .seminar_list .seminar_item a .seminar_category {
	display: inline-block;
	background: #fff;
    top: -5px;
}
.ebicolle-page .seminar_list .seminar_item a .place {
	color: #333;
	background-color: #fff;
	display: inline-block;
	padding: 4px 0 4px 26px;
	font-weight: 500;
    background: url(../img/college/icon_pos.png) no-repeat 10px center;
}
.ebicolle-page .seminar_list .seminar_item a .seminar_date {
	padding: 0 10px 0 0;
	font-weight: 500;
	color: #333;
	display: inline-block;
}
.ebicolle-page .seminar_list .seminar_item a .seminar_title {
    font-size: 18px;
    font-weight: 500;
    color: #284F9D;
    line-height: 1.4;
    padding: 0;
}
.ebicolle-page .seminar_list .seminar_item a .event_title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 1.4;
    padding: 0;
}
.ebicolle-page .seminar_list .seminar_item a .seminar_detail {
    color: #333;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

/* セミナー終了分のボタンを変更 20180517 */
.ebicolle-page .close_seminar .btn-primary{
    background: #44AE9C;
    color: #7ACBBD
}
.ebicolle-page .close_seminar .btn-primary::before{
    content:"";
    display: block;
    position: absolute;
    top:4px;
    left:0;
    width: 100%;
    height: 100%;
    background: url(../img/college/stamp_close.png) no-repeat top center;
    z-index: 100;
}
.ebicolle-page .close_seminar .btn-primary{
    cursor: default;
}
.ebicolle-page .close_seminar .btn-primary::after{
    opacity: 0.5;
}
.ebicolle-page .close_seminar .btn-primary:hover{
    border-bottom: 5px solid #388D7E;
}

/* report_detail */
.ebicolle-page .report_detail{
    text-align: left;
}
.ebicolle-page .report_detail .seminar_date_end{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
}
.ebicolle-page .report_detail .event_title{
    font-size: 16px;
    font-size: 1.6rem; 
}
.ebicolle-page .report_detail h2{
    font-size: 20px;
    font-size: 2.0rem;
    text-align: left;
    line-height: 1.4;
    padding:5px 0 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    position: relative;
}
.ebicolle-page .report_detail h2::before{
    content:"";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background: #ED3942;
}
.ebicolle-page .report_detail .inner>p{
    margin-bottom: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.7;
}
.ebicolle-page .report_detail .inner .img{
    text-align: center;
    margin-bottom: 30px;
}
.ebicolle-page .report_detail .report_point{
    max-width: 700px;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #DF3B41;
    background: #FEFCFC;
    margin-bottom: 30px;
}
.ebicolle-page .report_detail .report_point li{
    padding: 20px 0 0 25px;
    background: url(../img/college/report/icon_point.png) left center no-repeat;
    font-weight: 500;
    font-size: 14px;
}
.ebicolle-page .report_detail .report_point li:first-child{
    padding-top: 0; 
}
.ebicolle-page .report_detail .report_dl{
    text-align: center;
}
.ebicolle-page .report_detail .report_dl .btn-primary{
    position: relative;
    padding: 15px 60px 15px 40px;
    font-size: 22px;
    margin-bottom: 70px;
}
.ebicolle-page .report_detail .report_dl .btn-primary::after {
    content: " ";
    display: block;
    background: url(../img/common/arrow_right01.png);
    background-size: 10px auto;
    width: 10px;
    height: 16px;
    position: absolute;
    right: 6%;
    top: 50%;
    margin-top: -9px;
}

/* mailmagazine_column */
.ebicolle-page .mailmagazine_column{
     text-align:  center;
    background: #F3F3F3;
    margin: 30px auto;
    padding: 30px 20px;
}
.ebicolle-page .mailmagazine_column h4{
    font-size: 18px;
    font-size: 1.8rem;
}
.ebicolle-page .mailmagazine_column h4+p{
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
}
.ebicolle-page .mailmagazine_column .input_address{
    max-width: 400px;
    margin: 0 auto;
}
#seminar_detail_area .btn_area.custom{
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 25px;
}
#seminar_detail_area .btn_area.custom p{
    width:100%;
    margin: 0 auto 15px;
}
#seminar_detail_area .btn_area.custom p .btn-primary{
    padding: 15px 40px 15px 15px;
    font-size: 16px;
}
#seminar_detail_area .address_text {
}
#seminar_detail_area .address_text {
    display: block;
}
#seminar_detail_area .address_text:not(:last-child) {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

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

    /* =====================================
       640px ～  
    ===================================== */
    
    .college_seminar .inner {
        padding: 0;
    }
    .college_seminar .inner h2 {
        margin-bottom: 30px;
        font-size: 26px;
        font-size: 2.6rem;
    }
    .ebicolle-page .seminar_list .seminar_item a {
        padding-left: 245px;
    }
    .ebicolle-page .seminar_list .seminar_item a .seminar_img {
        position: absolute;
        width: 230px;
        top: 0px;
        left: 0px;
        padding-bottom: 0;
    }
    #seminar_detail_area .btn_area.custom p{
        width:46%;
        margin: 0 2% 15px;
        float: left;
    }
    #seminar_detail_area .btn_area.custom p .btn-primary{
        padding: 15px 40px 15px 15px;
        font-size: 18px;
    }
    .ebicolle-page #contents .ebicolle_inner{
        max-width: 980px;
        margin: 0 auto;
        padding-top: 50px;
        display: flex;
        flex-flow: row-reverse;
    }
    .ebicolle-page #contents .ebicolle_inner .college_download,
    .ebicolle-page #contents .ebicolle_inner .college_seminar,
    .ebicolle-page #contents .ebicolle_inner #seminar_detail_area{
        width: 72%;
        padding: 0;
        margin-left: 4%;
    }
    .ebicolle-page #contents .ebicolle_inner .college_download .inner,
    .ebicolle-page #contents .ebicolle_inner #seminar_detail_area .inner{
        padding: 0;
    }
    .ebicolle-page #contents .ebicolle_inner .college_download .download_detail{
        border-bottom: none;
    }
    .ebicolle-page #contents .ebicolle_inner .college_nav{
        width: 22%;
        overflow: visible;
    }
    .ebicolle-page #contents .ebicolle_inner .college_nav aside{
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
    }
    .ebicolle-page #contents .ebicolle_inner .college_nav li a{
        border-bottom:1px solid #f1f1f1;
        padding: 18px 10px;
        text-align: center;
        display: block;
        color: #333;
    }
    .ebicolle-page #contents .ebicolle_inner .college_nav li:first-child a{
        border-top:1px solid #f1f1f1;
    }
    

    /* report_detail */
    .ebicolle-page .report_detail .seminar_date_end{
        font-size: 16px;
        font-size: 1.6rem;
        display: inline-block;
    }
    .ebicolle-page .report_detail .event_title{
        font-size: 16px;
        font-size: 1.6rem;
        display: inline-block;
        padding-left: 20px;
    }
    .ebicolle-page .report_detail h2{
        font-size: 26px;
        font-size: 2.6rem;
        padding-bottom: 20px;
    }
    .ebicolle-page .report_detail .inner>p{
        font-size: 16px;
        font-size: 1.6rem;
    }
    .ebicolle-page .report_detail .inner .img{
        text-align: center;
        margin-bottom: 40px;
    }
    .ebicolle-page .report_detail .report_point{
        padding: 30px;
        margin-bottom: 30px;
    }
    .ebicolle-page .report_detail .report_point li{
        padding: 20px 0 0 25px;
        font-size: 16px;
    }
    .ebicolle-page .report_detail .report_point li:first-child{
        padding-top: 0; 
    }

    
    /* mailmagazine_column */
    .ebicolle-page .mailmagazine_column{
        margin:  30px auto 50px;
    }

}
@media only screen and (min-width: 769px) {
    .college_seminar {
        padding: 60px 0 50px;
    }
}

/* college_download */

.college_download {
    background: #fff;
    padding: 40px 0;
}
.college_download .inner h2 {
    text-align: center;
}
.college_download #mktoForm_1083 .mktoFormRow #Email {
    font-size: 12px;
    padding: 0 5px;
    height: 36px;
    line-height: 28px;
    border: 2px solid #666;
    background: #fff;
    vertical-align: middle;
}

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

    /* =====================================
       640px ～  
    ===================================== */
    
    .college_download .inner h2 {
        font-size: 26px;
        font-size: 2.6rem;
    }

}

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

    /* =====================================
       769px ～  
    ===================================== */
    
    .college_download {
        padding: 50px 0 50px;
    }

    .college_download .inner h2 {
        margin-bottom: 30px;
    }
}

/* download_list */

.ebicolle-page .download_list::before, .download_list::after {
	content: "";
	display: table;
}
.ebicolle-page .download_list::after {
	clear: both;
}
.ebicolle-page .download_list li {
	margin-bottom : 20px;
}
.ebicolle-page .download_list li a {
	display: block;
	font-size: 14px;
    line-height: 1.4;
	background: #fff;
}
.ebicolle-page .download_list li a .download_image {
	position: relative;
}
.ebicolle-page .download_list li a .download_image > img {
	width: 100%;
}
.ebicolle-page .download_list li a:hover .download_image > img {
	opacity: 0.8;
}
.ebicolle-page .download_list li a:link,
.ebicolle-page .download_list li a:link,
.ebicolle-page .download_list li a:visited,
.ebicolle-page .download_list li a:visited *,
.ebicolle-page .download_list li a:hover,
.ebicolle-page .download_list li a:hover *,
.ebicolle-page .download_list li a:active,
.ebicolle-page .download_list li a:active * {
	text-decoration: none;
	color: #333;
}
.ebicolle-page .download_list li a .download_title {
    font-size: 14px;
	font-weight: 500;
    padding: 10px 10px 8px;
	color: #264C9D;
}
.ebicolle-page .download_list li a:hover .download_title {
	text-decoration: underline;
}
.ebicolle-page .download_list li .download_detail {
    padding: 0 10px 15px;
}

/* report_area(旧) */

.ebicolle-page #report_area {
	padding-top: 30px;
}
.ebicolle-page #report_area ul::before, .ebicolle-page #report_area ul::after {
	content: "";
	display: table;
}
.ebicolle-page #report_area ul::after {
	clear: both;
}
.ebicolle-page #report_area li a {
	display: block;
	font-size: 14px;
	padding: 10px 0;
}
.ebicolle-page #report_area li a::before, .ebicolle-page #report_area li a::after {
	content: "";
	display: table;
}
.ebicolle-page #report_area li a::after {
	clear: both;
}
.ebicolle-page #report_area li a .seminar_img {
	position: relative;
	float: left;
	width: 33%;
}
.ebicolle-page #report_area li a .seminar_txt {
	float: right;
	width: 65%;
}
.ebicolle-page #report_area li a:hover .seminar_img > img {
	opacity: 0.8;
}
.ebicolle-page #report_area li a:link {
	text-decoration: none;
}
.ebicolle-page #report_area li a:visited {
	text-decoration: none;
}
.ebicolle-page #report_area li a:hover {
	text-decoration: none;
}
.ebicolle-page #report_area li a:active {
	text-decoration: none;
}
.ebicolle-page #report_area li a .seminar_category {
	display: inline-block;
	background: #fff;
	margin-bottom: 5px;
}
.ebicolle-page #report_area li a .category {
	display: inline-block;
	position: relative;
	z-index: 2;
	font-weight: 500;
	width: 9em;
	text-align: center;
}
.ebicolle-page #report_area li a .seminar_date {
	font-weight: 500;
	color: #333;
	display: inline;
	padding: 0;
	margin-left: 10px;
}
.ebicolle-page #report_area li a:hover .seminar_title {
	text-decoration: underline;
}


/* seminar_detail */

#seminar_detail_area {
	padding-top: 0;
}
#seminar_detail_area .seminar_date {
	color: #333;
    font-size: 16px;
    font-weight: 500;
}
#seminar_detail_area .seminar_date .status {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	padding: 1px 10px;
	margin-left: 10px;
	color: #fff;
}
#seminar_detail_area .seminar_date .status_full {
	background: #EB3940;
}
#seminar_detail_area .seminar_date .status_waning {
	background: #EB3940;
}
#seminar_detail_area .seminar_title {
	font-size: 20px;
	font-weight: 500;
    text-align: left;
    line-height: 1.4;
    padding: 5px 0 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
    position: relative;
}
#seminar_detail_area .seminar_title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 50px;
    height: 2px;
    background: #ED3942;
}
#seminar_detail_area .seminar_img {
	position: relative;
}
#seminar_detail_area .seminar_img img {
	width: 100%;
}
#seminar_detail_area .seminar_img .icon_level {
	position: absolute;
	right: 0;
	top: 0;
    display: none;
}
#seminar_detail_area .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 98px 98px 0;
	border-color: transparent rgba(255,255,255,.9) transparent transparent;
}
#seminar_detail_area .seminar_img .icon_level img {
	width: 40px;
	height: 40px;
	top: 7px;
	right: 7px;
	position: relative;
	z-index: 2;
}
#seminar_detail_area .seminar_category {
	display: inline-block;
	background: #fff;
	position: relative;
	top: -10px;
}
#seminar_detail_area .category {
	display: inline-block;
	position: relative;
	z-index: 2;
	font-weight: 500;
	width: 9em;
	text-align: center;
	padding: 4px;
    font-size: 14px;
}
#seminar_detail_area .place {
	color: #333;
	background-color: #fff;
	display: inline-block;
	padding: 4px 10px;
	font-weight: 500;
    font-size: 14px;
}
#seminar_detail_area .btn-primary {
	padding: 15px 40px 15px 15px;
	font-size: 18px;
	position: relative;
}
#seminar_detail_area .btn-primary::after {
	content: " ";
	display: block;
	background: url(../img/common/arrow_right01.png);
	background-size: 10px auto;
	width: 10px;
	height: 16px;
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -9px;
}
#seminar_detail_area .seminar_detail{
    font-size: 16px;
}
#seminar_detail_area .btn_area {
	clear: both;
	padding: 25px 0;
}
#seminar_detail_area .tableish {
	font-size: 14px;
	width: 100%;
    margin-bottom: 10px;
}
#seminar_detail_area .tableish .timetable {
	border: 1px solid #ddd;
}

#seminar_detail_area.error{
    text-align: center;
}
#seminar_detail_area.error .error_msg{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;
    margin: 50px auto 35px;
}
#seminar_detail_area.error .error_msg+p{
    margin-bottom: 90px; 
}
#seminar_detail_area.error .error_msg+p a{
    font-size: 16px;
    color: #264C9D;
}

/* Support PAGE
--------------------------- */


.support-page #support01 {
	padding: 30px 0 40px;
	border-bottom: 0 none;
}
.support-page #support01 h2 {
	font-size: 20px;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 10px;
	font-weight: 500;
}
.support-page .section p {
	font-size: 14px;
}
.support-page .section h3 {
	font-size: 18px;
	font-weight: 500;
	padding: 10px 0;
}
.support-page #support01 .btn-default {
    font-size: 14px;
    display: inline-block;
    padding: 4px 10px;
    border-width: 2px;
    float: right;
    margin: 5px 0 10px 10px;
}
.support-page #support01 h3 + p {
    clear: both;
}
.support-page #support01 .img {
    margin-top: 15px;
}
.support-page #support01 .txt {
	padding-bottom: 10px;
}
.support-page #support01 .contact_img {
	text-align: center;
}
.support-page #support01 .photo_adviser_member {
    text-align: center;
}
.support-page #support01 .contact_img .btn {
    display: block;
    margin-top: 20px;
}
.support-page .banner_area .inner {
    padding: 0 4% 40px;
}
.support-page .banner_area .note {
    text-align: right;
    margin-top: 5px;
}
.support-page #seminar_area {
	background: #F3F3F3;
    padding: 30px 0 40px;
}
.support-page #seminar_area .seminar_list {
	clear: both;
}
.support-page #seminar_area .seminar_item a {
	border-bottom: none;
}
.support-page #seminar_area .btn-default {
    font-size: 14px;
    display: inline-block;
    padding: 4px 10px;
    border-width: 2px;
    float: right;
    margin: 5px 0 10px 10px;
}
.support-page .seminar_list .pickup_seminar a {
     background: #fffdef;
 }

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


	/* Support PAGE
	--------------------------- */

	.support-page .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.support-page .heading_area .hgroup h1 {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		white-space: nowrap;
		width: 1%;
	}
	.support-page .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}
	.support-page .section h2 {
		font-size: 28px;
		padding: 0 4%;
		margin-bottom: 35px;
	}
	.support-page .section p {
		font-size: 16px;
	}
	.support-page .section h3 {
		font-size: 28px;
		padding: 10px 0;
	}
	.support-page #support01 {
		padding: 50px 0 60px;
	}
    .support-page #support01 .btn-default {
        float: none;
        margin-top: 0; margin-bottom: 0;
        vertical-align: middle;
        position: relative;
        top: -3px;
    }
    .support-page #support01 .txt > p {
        margin-bottom: 2em;
    }
    .support-page #support01 .txt {
        padding-bottom: 0;
    }
    .support-page #support01 .img {
        margin-top: 45px;
    }
    .support-page .banner_area .inner {
        padding: 0 4% 60px;
    }
    .support-page .banner_area a:hover img {
        opacity: 0.8;
    }
    .support-page .banner_area .note {
        padding: 0;
    }
	.support-page #seminar_area .btn-default {
        float: none;
        margin-top: 0; margin-bottom: 0;
        vertical-align: middle;
        position: relative;
        top: -3px;
	}
}
@media only screen and (min-width: 860px) {

	/* Support PAGE
	--------------------------- */
    
    .support-page #support01 .member_wrap {
        position: relative;
    }
    .support-page #support01 .txt {
        width: 61%;
    }
    .support-page #support01 .txt > p:last-child {
        margin-bottom: 0;
    }
    .support-page #support01 .img {
        width: 35%;
        margin-top: 0;
        position: absolute;
        right: 0; top: 50%;
        -webkit-transform: translateY( -50%);
        transform: translateY( -50%);        
    }
    .support-page #support01 .contact_img .btn {
        margin-top: 12px;
    }
}

@media only screen and (min-width: 1150px) {
	
	/* Support PAGE
	--------------------------- */
    
	.support-page #support01 .btn_area a.btn {
		font-size: 20px;
		padding: 18px 16px
	}
}



.support-page #support02 {
	padding: 30px 0 40px;
}
/*.support-page #support02 .column {
	padding-bottom: 30px;
}
.support-page #support02 .column img {
	margin-bottom: 10px;
}
.support-page #support02 .column h4 {
	font-weight: 500;
	color: #333;
	font-size: 16px;
	margin-bottom: 2px;
}
.support-page #support02 .column h4 a {
	background: url(../img/common/arrow_right02.png) left center no-repeat;
	background-size: 6px auto;
	padding-left: 10px;
}
.support-page #support02 .column h4 a:link {
	color: #333;
	text-decoration: none;
}
.support-page #support02 .column h4 a:visited {
	color: #333;
	text-decoration: none;
}
.support-page #support02 .column h4 a:hover {
	color: #333;
	text-decoration: underline;
}
.support-page #support02 .column h4 a:active {
	color: #333;
	text-decoration: none;
}
.support-page #support02 .column h4 a img {
	margin-left: 5px;
}*/

.support-page #support02 h3 {
    text-align: center;
}
.support-page #support02 .support_tool .column {
    padding: 5px 0;
}
.support-page #support02 .support_tool .column a {
    display: block;
    background: #F9F9F9;
    padding: 10px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #333;
    text-align: center;
    border: 1px solid #ccc;
    border-bottom-width: 3px;
    border-radius: 5px;
}
.support-page #support02 .support_tool .column a:link,
.support-page #support02 .support_tool .column a:visited,
.support-page #support02 .support_tool .column a:hover,
.support-page #support02 .support_tool .column a:active {
    color: #333;
    text-decoration: none;
}
.support-page #support02 .support_tool .column a:hover {
    background: #f3f3f3;
}


.support-page #support02 .support_tool .column p {
    font-size: inherit;
    line-height: 1.4;
}
.support-page #support02 .support_tool .column a h4 {
    font-size: 140%;
    margin-bottom: 5px;
}
.support-page #support02 .support_tool .column a img {
    width: 64px;
    margin-bottom: 10px;
}

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

    .support-page #support02 .support_tool .support_tool_inner {
        margin: 0 -5px;
    }
    .support-page #support02 .support_tool .column {
        float: left;
        width: 50%;
        padding: 5px;
        text-align: center;
        box-sizing: border-box;
    }
    
}

@media only screen and (min-width: 640px) {
    
    .support-page #support02 {
        padding: 50px 0 60px;
    }
    .support-page #support02 h3 {
		padding: 10px 0 30px;
	}
	
	/* seminar */
		
	.support-page #seminar_area {
		padding: 50px 0 60px;
	}	
	.support-page .seminar_list {
		margin: 0 -12px;
	}
	.support-page .seminar_list .seminar_item {
		width: 33.333333%;
		float: left;
		padding: 0 12px;
		box-sizing: border-box;
	}
	.support-page .seminar_list .seminar_item a {
		padding: 0 0 15px;
        border-bottom: none;
	}
	.support-page .seminar_list .seminar_item a .seminar_img {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.support-page .seminar_list .seminar_item a .seminar_img .icon_level::before {
		border-width: 0 98px 98px 0;
	}
	.support-page .seminar_list .seminar_item a .seminar_img .icon_level img {
		width: 40px;
		height: 40px;
		top: 7px;
		right: 7px;
	}
	
    .support-page #support02 .support_tool {
        margin-left: auto;
        margin-right: auto;
    }
    .support-page #support02 .support_tool .support_tool_inner {
        margin-left: -12px;
        margin-right: -12px;
    }
    .support-page #support02 .support_tool .column {
        width: 33.33333%;
        width: -webkit-calc( 100% / 3 );
        width: calc( 100% / 3 );
        padding: 12px;
    }
    .support-page #support02 .support_tool .column a {
        padding: 20px 10px;
        font-size: 14px;
        font-size: 1.4rem;
        border-bottom-width: 4px;
    }
    .support-page #support02 .support_tool .column a img {
        width: 80px;
        margin-bottom: 15px;
    }
    .support-page #support02 .support_tool .column a h4 {
        margin-bottom: 10px;
    }
    
}
@media only screen and (min-width: 860px) {
    .support-page #support01 .btn-default {
        float: right;
        margin: 10px 0 5px 10px;
    }
    .support-page #support02 .support_tool {
        max-width: 100%;
    }
    .support-page #support02 .support_tool .column a img {
        width: auto;
        margin-bottom: 20px
    }

}


/* Plan PAGE
--------------------------- */

.plan-page .plan_custom .btn-primary {
	position: relative;
}
.plan-page .plan_custom .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;
}

/* plan01 */

.plan-page #plan01 {
	font-size: 14px;
	padding: 40px 0 5px;
	text-align: center;
}
.plan-page .price_card {
    width: 100%;
    margin: 0 auto;
}
.plan-page .price_card input,
.plan-page .price_card label {
    display: none;
}
.plan-page .price_card .button {
    border: 2px solid #ccc;
    display: inline-block;
    border-radius: 8px;
    padding: 7px 10px;
    text-align: center;
    position: relative;
    min-width: 200px;
    box-sizing: border-box;
}
.plan-page .price_card .button.disabled {
    border-color: #EFEFEF;
    background: #EFEFEF;
    color: #ccc;
}
.plan-page .price_card .button:hover {
    background: #f3f3f3;
    text-decoration: none;
}
.plan-page .price_card .button::after {
    content: "";
    display: block;
    width: 7px; height: 13px;
    background-image: url(../img/common/arrow_right02.png);
    background-size: 7px 13px;
    opacity: 0.7;
    position: absolute;
    right: 4%; top: 50%;
    margin-top: -6px;
}
.plan-page .price_card .button.disabled {
    background: #EFEFEF;
    cursor: default;
}
.plan-page .price_card .button.disabled span {
    color: #ccc;    
}
.plan-page .price_card .button.disabled::after {
    display: none;
}
.plan-page .price_card .button span {
    line-height: 1.4;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
.plan-page .price_card .button:hover span {
    text-decoration: none;
}
.plan-page .price_item {
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba( 0, 0, 0, 0.1);
    clear: both;
    position: relative;
}
.plan-page .price_card h3 {
    line-height: 1.4;
    font-size: 24px;
}
.plan-page .price_card h3::after {
    content: "";
    display: block;
    width: 80px; height: 2px;
    margin: 10px auto 30px;
}
.plan-page .price_card #plan_menu-s h3::after { background: #FA7D7D;}
.plan-page .price_card #plan_menu-m h3::after { background: #0085B2;}
.plan-page .price_card #plan_menu-l h3::after { background: #FDC94F;}

.plan-page .price_card .text {
    padding-bottom: 15px;
}
.plan-page .price_card .text p {
    line-height: 1.4;
    font-size: 20px;
    margin-bottom: 15px;
}
.plan-page .price_card .text p span {
    font-size: 14px;
}
.plan-page .price_card li {
    margin-bottom: 10px;
}

.plan-page #plan01 .price_card + .icon_plus {
    font-size: 24px;
    margin: 10px auto 5px;
}
.plan-page #plan01 .price_card + .icon_plus span {
    display: block;
    width: 68px;
    font-size: 45px;
    line-height: 60px;
	font-weight: 500;
    vertical-align: middle;
    height: 68px;
    box-sizing: border-box;
    background: #fff;
    color: #999;
    margin: 15px auto 0;
}
.plan-page .cooperation_column {
    background: #F3F9EC;
    border-radius: 10px;
    padding: 15px 0 20px;
    margin: 0 auto 20px;
    max-width: 400px;
}
.plan-page .cooperation_column h3 {
    font-size: 16px;
    margin-bottom: 15px;
}
.plan-page .cooperation_column h3::before {
    content: "";
    display: block;
    width: 52px;
    height: 50px;
    background-image: url(../img/function/function_icon.png);
    background-repeat: no-repeat;
    background-size: 416px 100px;
    background-position: -360px 0;
    margin: 0 auto;
}
.plan-page .other_column {
    padding: 15px 0 20px;
    margin: 0 auto 35px;
    max-width: 400px;
}
.plan-page .other_column h3 {
    font-size: 16px;
    margin-bottom: 15px;
}

/* faq */

.plan-page #faq {
	background: #F9F9F9;
}
.plan-page #faq .inner {
	padding-top: 40px;
	padding-bottom: 40px;
}
.plan-page .faq_box h2 {
	text-align: center;
	font-size: 24px;
}
.plan-page .faq_box dl {
	position: relative;
	margin-top: 2.2em;
}
.plan-page .faq_box dt {
	font-size: 16px;
    font-weight: 500;
	padding-left: 40px;
	line-height: 1.4;
	margin-bottom: 10px;
}
.plan-page .faq_box dt::before {
	content: "Q";
	font-size: 16px;
	color: #fff;
	background: #0F56BF;
	display: block;
	position: absolute;
	left: 0;
	font-weight: 400;
	border-radius: 13px;
	width: 26px; height: 26px;
	line-height: 26px;
	margin-top: 1px;
	vertical-align:  middle;
	text-align: center;	
}
.plan-page .faq_box dd {
	font-size: 14px;
	padding-left: 40px;
}
.plan-page .faq_box dd::before {
	content: "A";
	font-size: 16px;
	color: #fff;
	background: #ED4932;
	display: block;
	position: absolute;
	left: 0;
	font-weight: 400;
	width: 26px; height: 26px;
	line-height: 26px;
	margin-top: 3px;
	border-radius: 13px;
	vertical-align:  middle;
	text-align: center;	
}

/* link_list */
.plan-page .link_list a {
    border: 2px solid #666;
    border-radius: 5px;
    width: 80%; height: 51px;
    max-width: 300px;
    padding: 0 10px;
    margin: 5px auto;
    font-size: 14px;
    line-height: 1.3;
    color: #333;
    text-decoration: none;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
    -webkit-box-pack: center;/* Android < 4.3 */
    -ms-flex-pack: center;/* IE10 */
    -webkit-justify-content: center;/* safari(PC) */
    justify-content: center;    
    -webkit-box-align: center;/* Android < 4.3 */
    -ms-flex-align: center;/* IE10 */
    -webkit-align-items: center;/* safari(PC) */
    align-items: center;
}
.plan-page .cooperation_column .link_list a { border-color: #8DC747; }

.plan-page .link_list a:hover {
    background: rgba(255, 255, 255, 0.5);
}

.plan-page .link_list a::after {
    content: "";
    display: block;
    width: 7px; height: 13px;
    background-image: url(../img/common/arrow_right02.png);
    background-size: 7px 13px;
    opacity: 0.7;
    position: absolute;
    right: 4%; top: 50%;
    margin-top: -6px;
}
.plan-page .other_column {
    background: #f3f3f3;
    border-radius: 10px;
}

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

    .plan-page .price_card {
        max-width: 400px;
    }
    .plan-page .price_card .price-content {
        text-align: center;
    }
    .plan-page .price_card label {
        width: 33.33333%;
        width: -webkit-calc( 100% / 3);
        width: calc( 100% / 3);
        display: block;
        float: left;
        border-radius: 10px 10px 0 0;
        border: 1px solid #ccc;
        background: #f8f8f8;
        cursor: pointer;
        color: #666;
        font-size: 16px;
        box-sizing: border-box;
        z-index: 1;
        position: relative;
        overflow: hidden;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
    }
    .plan-page .price_card #plan_menu_title-l + label {
        float: right;
    }
    .plan-page .price_card label span {
        padding: 5px 10px;
        display: block;
        border-top: 6px solid #ccc;
    }
    .plan-page .price_card input#plan_menu_title-s + label { background: #FCC6C5; color:#fff;}
    .plan-page .price_card input#plan_menu_title-m + label { background: #8AC9DD; color:#fff;}
    .plan-page .price_card input#plan_menu_title-l + label { background: #FEE8B0; color:#fff;}
    
    .plan-page .price_card input#plan_menu_title-s + label span { border-color: #FCC6C5;}
    .plan-page .price_card input#plan_menu_title-m + label span { border-color: #8AC9DD;}
    .plan-page .price_card input#plan_menu_title-l + label span { border-color: #FEE8B0;}
    
    .plan-page .price_card input:checked + label,
    .plan-page .price_card label:hover {
        background: #fff !important;
        border-bottom-color: #fff;
    }
    .plan-page .price_card input#plan_menu_title-s + label:hover,
    .plan-page .price_card input#plan_menu_title-s:checked + label { color: #FA7D7D;}
    .plan-page .price_card input#plan_menu_title-m + label:hover,
    .plan-page .price_card input#plan_menu_title-m:checked + label { color: #0085B2;}
    .plan-page .price_card input#plan_menu_title-l + label:hover,
    .plan-page .price_card input#plan_menu_title-l:checked + label { color: #FDC94F;}
    
    .plan-page .price_card input#plan_menu_title-s + label:hover span,
    .plan-page .price_card input#plan_menu_title-s:checked + label span { border-color: #FA7D7D;}
    .plan-page .price_card input#plan_menu_title-m + label:hover span,
    .plan-page .price_card input#plan_menu_title-m:checked + label span { border-color: #0085B2;}
    .plan-page .price_card input#plan_menu_title-l + label:hover span,
    .plan-page .price_card input#plan_menu_title-l:checked + label span { border-color: #FDC94F;}
    
    .plan-page .price_card #plan_menu-s, .plan-page .price_card #plan_menu-m, .plan-page .price_card #plan_menu-l {
        display: none;
        position: relative;
        padding: 40px 0 0;
        z-index: 0;
    }
    .plan-page .price_card #plan_menu_title-s:checked ~ #plan_menu-s,
    .plan-page .price_card #plan_menu_title-m:checked ~ #plan_menu-m,
    .plan-page .price_card #plan_menu_title-l:checked ~ #plan_menu-l {
        display: block;
    }
    .plan-page .price_card label {
        font-size: 16px;
    }
    .plan-page .price_item {
        border-top: 0 none;
        border-radius: 0 0 10px 10px;
        margin-top: -1px;
    }
}

@media only screen and (min-width: 768px) {
    
    .plan-page .price-content {
        width: 100%;
        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;
    }
    .plan-page .price_item {
        width: 32%;
        overflow: hidden;
        padding-bottom: 5px;
    }
    .plan-page .price_item h3 {
        border-top: 6px solid #ccc;
        padding-top: 30px;
    }
    .plan-page #plan_menu-s h3 { border-color: #FA7D7D; }
    .plan-page #plan_menu-m h3 { border-color: #0085B2; }
    .plan-page #plan_menu-l h3 { border-color: #FDC94F; }
    
    .plan-page .cooperation_column,
    .plan-page .other_column {
        max-width: 940px;
        padding-bottom: 15px;
        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;       
    }
    .plan-page .cooperation_column h3,
    .plan-page .other_column h3 {
        width: 195px;
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex:0 0 auto;/* IE10 */	
        flex: 0 0 auto;
    }
    .plan-page .link_list {
        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;    
    }
    .plan-page .link_list a {
        width: 170px;
        margin: 5px;
    }
	.plan-page .faq_box dt {
		font-size: 20px;
	}
	.plan-page .faq_box dt::before {
		margin-top: 2px;
	}
}
@media only screen and (min-width: 860px) {
    
    /* plan01 */
    .plan-page #plan01 {
        padding-top: 60px;
    }
    .plan-page .price_item {
        width: 31%;
    }

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

}

.plan-page h3.sub_title {
    font-size: 24px;
    font-weight: 500;    
    border-bottom: 2px dotted #ddd;
    padding-bottom: 5px;
    margin: 0 auto 30px;
    max-width: 600px;
}

/* basic_function */

.plan-page #basic_function {
    padding: 100px 0 40px;
    margin-top: -65px;
}
.plan-page #basic_function .column {
    padding: 0 4%;
}
.plan-page #basic_function dl {
    margin: 0 auto 30px;
    max-width: 600px;
}
.plan-page #basic_function dt {
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 500;
}
.plan-page #basic_function .basic_ad dt { background: #FFEAB0; }
.plan-page #basic_function .basic_seo dt { background: #C7EDE6; }
.plan-page #basic_function .basic_analysis dt { background: #D3E3F5; }
.plan-page #basic_function .basic_audience dt { background: #EBDEB1; }

.plan-page #basic_function dd {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 10px;
    padding: 0 2%;
}

/* support_program */

.plan-page #support_program {
    padding: 80px 0 40px;
    margin-top: -65px;
}
.plan-page #support_program .column > p {
    max-width: 600px;
    margin: 0 auto;
}
.plan-page #support_program .image {
    text-align: center;
    max-width: 600px;
    margin: 20px auto 70px;
}


/* contact_box */

.plan-page .contact_box .contact_box_inner {
    text-align: center;
    padding: 0 15px 15px;
    margin: 70px 0 50px;
    border: 10px solid #f3f3f3;
    box-sizing:  border-box;
}
.plan-page .contact_box .btn-primary {
    padding: 15px 10px;
    line-height: 1;
    width: 100%;
    max-width: 270px;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 1.8rem;
    border-width: 0;
    border-radius: 6px;
    position: relative;
}
.plan-page .contact_box dl{
    margin-top: 15px;
}
.plan-page .contact_box dt {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}
.plan-page .contact_box .tel {
    padding-top: 15px;
    margin-top: 20px;
    border-color: #ddd;
    border-style: dotted;
    border-width: 2px 0 0 0;
}
.plan-page .contact_box .tel dd {
    font-szie: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}
.plan-page .contact_box .tel dd strong {
    font-szie: 28px;
    font-size: 2.8rem;
    position: relative;
    left: -7px;
}
.plan-page .contact_box .tel i {
    font-size: 130%;
    color: #ED3942;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    position: relative;
    top: 3px; left: 7px;
}
.plan-page .faq_box + .contact_box .contact_box_inner {
    margin: 40px 0 10px;
	background: #fff;
}

@media only screen and (min-width: 768px) {
    .plan-page h3.sub_title,
    .plan-page #basic_function dl,
    .plan-page #support_program .column > p,
    .plan-page #support_program .image {
        max-width: inherit;
    }
    .plan-page #basic_function .column {
        max-width: 1010px;
        margin: 0 auto;
        padding: 0 2.5%;        
        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;

    }
    .plan-page #basic_function .column dl {
        width: 22.5%;
    }
    .plan-page #basic_function .column dl dt {
        text-align: center;
    }
}

@media only screen and (min-width: 860px) {
    .plan-page #basic_function dl {
        margin-bottom: 50px;
    }
    .plan-page #basic_function dt {
        padding: 15px;
    }
    .plan-page #support_program .image {
        margin-top: 35px;
    }
}
@media only screen and (min-width: 1075px) {
    

}

.plan-page .note_box {
	margin-top: 30px;
}

/* News PAGE
--------------------------- */

.news-page #news {
	padding: 25px 0;
}

/* newslist */

.news-page .news_list article {
	border-top: 1px dotted #ccc;
	padding: 20px 0;
	display: block;
	overflow: hidden;
}
.news-page .news_list article a:hover img {
	opacity: 0.8;
}
.news-page .news_list article:first-child {
	border: 0 none;
}
.news-page .news_list article:after {
	clear: both;
}
.news-page .news_list article:before,
.news-page .news_list article:after {
	display: table;
	content: "";
}
.news-page .news_list article .news_date {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #fff;
	background: #ED3942;
	display: inline-block;
	padding: 4px 8px;
}
.news-page .news_list article .news_img {
	text-align: center;
	margin-bottom: 10px;
	overflow: hidden;
}

.news-page .news_list article .news_title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.7;
    margin-top: 5px;
}
.news-page .news_list article .news_title a { color: #333;}
.news-page .news_list article .news_title a:hover{ color: #666;}

.news-page .news_list .btn_area {
    padding: 40px 0 60px;
}
.news-page .news_list .btn_area i {
    font-weight: 400;
}


/* pagination(201805不使用) */

.news-page #pagination {
	text-align: center;
	vertical-align: middle;
}
.news-page #pagination li {
	font-size: 14px;
	display: inline-block;
	margin: 10px 5px;
}
.news-page #pagination li.on {
	background: #ED3942;
	border: 2px solid #ED3942;
	color: #fff;
	padding: 7px 13px;
}
.news-page #pagination li a {
	display: block;
	padding: 7px 13px;
	border: 2px solid #ED3942;
}
.news-page #pagination li a:link {
	text-decoration: none;
	color: #333;
}
.news-page #pagination li a:visited {
	text-decoration: none;
	color: #333;
}
.news-page #pagination li a:hover {
	text-decoration: none;
	background: #ED3942;
	color: #fff;
}
.news-page #pagination li a:active {
	text-decoration: none;
	color: #333;
}

/* Partner PAGE
--------------------------- */

.partner-page .section p {
	font-size: 14px;
}
.partner-page .section h2 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}
.partner-page .partner_section_title {
	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;
}
.partner-page .partner_section_title img {
	margin-right: 15px;
}
.partner-page .section .note li {
	text-indent: -1em;
	margin-left: 1em;
}
.partner-page .section {
	padding: 30px 0 0;
}
.partner-page .heading_area_large {
    background-color:  #F9FAF7;
}
.partner-page .heading_area_large .inner {
    background: url(../img/partner/bg_mainvisual_sp.jpg) right top no-repeat;
    background-size: cover;
}
.partner-page .inner .topicpath {
    padding: 0;
}
.partner-page .heading_area_large .hgroup {
    text-align: left;
    padding-top: 5px;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}
.partner-page .heading_area_large .hgroup h1 {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.partner-page .heading_area_large .hgroup h1 + p {
    padding-right: 24%;
    line-height: 1.3;
    color: #000;
}
.partner-page .heading_area_large .btn_area {
    padding: 5px 0 22px;
}
.partner-page .section .subtext {
	padding: 0 4%;
}
.partner-page .section_about h2 img {
	vertical-align: middle;
}
.partner-page .section_about .img {
	padding-bottom: 20px;
    text-align: center;
}
.partner-page .section_about .img img {
	max-width: 185px;
}
.partner-page .section_about .txt {
	padding-bottom: 40px;
}
.partner-page .section_about .btn_area {
	max-width: 333px;
}
.partner-page .section_about .btn_area li {
	margin-top: 10px;
}
.partner-page .section_about .btn_area a {
	display: block;
	font-size: 18px;
	background: #F7F7F7;
	text-align: left;
	color: #333;
	border-radius: 5px;
	padding: 10px 10px 10px 37px;
	text-decoration: none;
	font-weight: 500;
}
.partner-page .section_about .btn_area a:hover {
	background: rgba(247,247,247,.8);
}
.partner-page .section_about .btn_area a::before {
    content: "";
    display: block;
    position: absolute;
    width: 6px; height: 6px;
    border-top: 2px solid #C6C7C9;
    border-right: 2px solid #C6C7C9;
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
    top: 50%; left: 17px;
	margin-top: -4px;
}

.partner-page .flow_area {
    margin-top: 10px;
}
.partner-page .flow_area ol {
	list-style: none;
}
.partner-page .flow_area dl {
	padding-bottom: 20px;
}
.partner-page .flow_area dl dt {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.partner-page .flow_area li:nth-of-type(1) dt { background: #A8A8A8;}
.partner-page .flow_area li:nth-of-type(2) dt { background: #9C9C9C;}
.partner-page .flow_area li:nth-of-type(3) dt { background: #919191;}
.partner-page .flow_area li:nth-of-type(4) dt { background: #868686;}
.partner-page .flow_area li:nth-of-type(5) dt { background: #7C7C7C;}

.partner-page .flow_area dl dt .step {
	font-size: 14px;
}
.partner-page .flow_area dl dt .step::after {
	content: "：";
}
.partner-page .flow_area dl dt .accent {
	display: inline-block;
	text-align: center;
	background: #ED3942;
	color: #fff;
	font-weight: 500;
	padding: 0 10px;
	margin-left: 10px;
	font-size: 12px;
}
.partner-page .flow_area dl dd {
	font-size: 14px;
}

.partner-page .section_sales_partner h2,
.partner-page .section_introduction_partner h2 {
	vertical-align: middle;
	padding: 0 4%;
}
.partner-page .tab_content {
    margin-top: 20px;
}
.partner-page .tab_content .tab {
    display: table;
    width: 100%;
}
.partner-page .tab_content .tab li {
    display: table-cell;
    border-collapse: collapse;
    border-bottom: 1px solid #B6B4B5;
    border-top: 1px solid transparent;
}
.partner-page .tab_content .tab li a {
    padding: 10px;
    display: block;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    text-decoration: none;
    color: #333;
}
.partner-page .tab_content .tab li:hover,
.partner-page .tab_content .tab li.is-active {
    font-weight: 500;
    border-top: 1px solid #B6B4B5;
    border-bottom: 1px solid #f7f7f7;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    text-decoration: none;
    color: #333;
}
.partner-page .tab_content .tab li:hover + li,
.partner-page .tab_content .tab li.is-active + li {
    border-left: 0 none !important;
}
.partner-page .tab_content .tab li:hover a,
.partner-page .tab_content .tab li.is-active a {
    border-top: 4px solid #ccc;
}
.partner-page .tab_content .panel > div {
    padding: 15px 4%;
	display: none;
}
.partner-page .tab_content .panel > div.is-show {
	display: block;
}

.partner-page .tab_content .panel ul.program_item {
    display: table;
    width: 100%;
}
.partner-page .tab_content .panel ul.program_item li {
    display: table-row;
	max-width: 353px;
}
.partner-page .tab_content .panel ul.program_item li > div,
.partner-page .tab_content .panel ul.program_item li > dl {
    display: table-cell;
    vertical-align: middle;
}
.partner-page .tab_content .panel ul.program_item li > dl {
    padding: 10px 0 10px 15px;
    line-height: 1.5;
}
.partner-page .tab_content .panel ul.program_item li > dl dt {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}
.partner-page .tab_content .panel ul.program_item li > dl dd {
    font-size: 12px;
}
.partner-page .tab_content .panel ul.program_item li .image {
    width: 20%;
    text-align: center;
}
.partner-page .tab_content .panel ul.program_item li .image img {
    width: 60px;
}

/* section_sales_partner */

#section_sales_partner,
#section_introduction_partner {
	margin-top: -87px;
	padding-top: 87px;
}
.partner-page .section_sales_partner {
    background: #F7F7F7;
	border-top: 7px solid #64B91D;
	border-bottom: 5px solid #fff;
}
.partner-page .section_sales_partner .inner {
        padding-right: 0;
        padding-left: 0;
}
.section_sales_partner .tab_content .tab li.tab_program:hover,
.section_sales_partner .tab_content .tab li.tab_program.is-active {
    border-right: 1px solid #B6B4B5;
}
.section_sales_partner .tab_content .tab li.tab_merit:hover,
.section_sales_partner .tab_content .tab li.tab_merit.is-active {
    border-right: 1px solid #B6B4B5;
    border-left: 1px solid #B6B4B5;
}
.section_sales_partner .tab_content .tab li.tab_howto:hover,
.section_sales_partner .tab_content .tab li.tab_howto.is-active {
    border-left: 1px solid #B6B4B5;
}
.section_sales_partner .tab_content .tab li:hover a,
.section_sales_partner .tab_content .tab li.is-active a {
    border-top-color: #64B91D;
}

.partner-page .section_sales_partner .note {
    margin-bottom: 10px;
}
.partner-page .section_sales_partner .note li {
	text-indent: -3.6em;
	margin-left: 3.6em;
}
.partner-page .section_sales_partner .btn_area {
    padding: 0 4% 25px;
}


/* section_introduction_partner */

.partner-page .section_introduction_partner {
    background: #F7F7F7;
	border-top: 7px solid #54C0DD;
}
.section_introduction_partner .tab_content .tab li.tab_merit:hover,
.section_introduction_partner .tab_content .tab li.tab_merit.is-active {
    border-right: 1px solid #B6B4B5;
}
.section_introduction_partner .tab_content .tab li.tab_howto:hover,
.section_introduction_partner .tab_content .tab li.tab_howto.is-active {
    border-left: 1px solid #B6B4B5;
}

.section_introduction_partner .tab_content .tab li:hover a,
.section_introduction_partner .tab_content .tab li.is-active a {
    border-top-color: #54C0DD;
}

/* section_partner_outro */

 .partner-page .section_partner_outro {
	padding-top: 30px;
 }


.partner-page .column_ebistar {
    background: #fff;
    margin: 20px 4%;
    padding: 25px 4%;
	border-radius: 6px;
}
.partner-page .column_ebistar h3 {
    font-size: 20px;
    font-size: 2rem;
}
.partner-page .column_ebistar h3 span {
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    background: #F90;
    border-radius: 13px;
    padding: 0 10px;
    margin-left: 5px;
}
.partner-page .column_ebistar .image {
    text-align: center;
    padding: 25px 0;
}
.partner-page .column_ebistar .image img {
        max-width: 305px;
}
.partner-page .column_ebistar .text p:not(:last-child) {
    margin-bottom: 1em;
}
@media only screen and (min-width: 769px) {
    .partner-page .column_ebistar {
        padding: 30px 35px;
    }
    .partner-page .column_ebistar .text p:last-child {
        margin-bottom: 1em;
    }
    .partner-page .section_sales_partner .btn_area {
        padding-top: 25px;
    }
}

@media only screen and (min-width: 992px) {
    
    .partner-page .column_ebistar h3 {
        margin-bottom: 15px;
    }
    .partner-page .column_ebistar .image {
        float: right;
        max-width: 305px;
        margin-left: 20px;
        padding-top: 0;
    }
    .partner-page .column_ebistar .image img {
        vertical-align: top;
    }
    
}

.partner-page .partner_outro {
    text-align: center;
    padding: 30px 0;
}
.partner-page .partner_outro::before {
    content: "";
    display: inline-block;
    width: 1px; height: 70px;
    background: #333;
    margin-bottom: 20px;
}
.partner-page .partner_outro p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;    
}
.partner-page .partner_outro .button_area {
    margin: 15px 0 30px;
}
.partner-page .partner_outro .btn-primary {
    padding: 15px 10px;
    line-height: 1.4;
    width: 100%;
    max-width: 370px;
    box-sizing: border-box;
    border-width: 0;
    border-radius: 6px;
    font-weight: normal;
}

.partner .intro_column {
    margin-bottom: 30px;
}
.partner .intro_column h2 img {
    margin-bottom: 10px;
}
.partner .intro_column h2,
.partner .intro_column p,
.partner .outro_column p {
    text-align: center;
}
.partner .outro_column {
    padding: 30px 0 ;
}
.partner .outro_column .btn {
    margin: 10px 1em;
}
#ebistar_list > .inner {
    overflow: hidden;
    max-width: 980px;
}


/* ebistar_list */

.ebistar_list {
    text-align: center;
    position: relative;
    margin-left: -10px;
}
.ebistar_list::before,
.ebistar_list::after {
    content: "";
    display: table;
}
.ebistar_list::after {
    clear: both;
}
.ebistar_list .item {
    width: 33.33333%;
    width: calc( 100% / 3 );
    float: left;
    padding: 0 0 10px 10px;
    box-sizing: border-box;
}
.ebistar_list .item a {
    display: inline-block;
    width: 99%;
    width: calc(100% - 2px);
    max-width: 230px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    position: relative;
    transition: all 0.2s ease;
}
.ebistar_list .item .popup-modal[data-mfp-src]:hover {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.ebistar_list .item .popup-modal[data-mfp-src]::after {
    content: "";
    display: block;
    width: 0; height: 0;
    right: 2px; bottom: 2px;
    position: absolute;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #ED4932 transparent;
}
.partner .outro_column .btn {
    display: block;
    width: 7em;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 640px) {
    #ebistar_list .intro_column h2 {
        padding-bottom: 5px;
    }
    .ebistar_list .item a::after {
        border-width: 0 0 15px 15px;
    }
}
@media only screen and (min-width: 769px) {
    .ebistar_list {
        margin: 0 auto;
        max-width: 690px;
    }
    .ebistar_list .item {
        width: 230px;
        padding: 0 10px 20px;
    }
    .partner .outro_column {
        padding: 40px 0 30px;
    }
    .partner .outro_column .btn {
        display: inline-block;
        width: auto;
    }
}
@media only screen and (min-width: 992px) {
    .partner .intro_column {
        margin-bottom: 40px;
    }
    .ebistar_list {
        margin-left: -18px;
        max-width: 1000px;
    }
    .ebistar_list .item {
        width: 25%;
        padding: 0 0 18px 18px;
    }    
}

/* - modal - */

.partner-page .modal_wrap {
	max-width: 800px;
	background: #fff;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}
.partner-page .company_name {
    padding: 20px;
}
.partner-page .company_logo {
    text-align: center;
}
.partner-page .company_logo img {
    width: 100%;
    max-width: 230px;
    height: auto;
}
.partner-page .name strong  {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 8px;
}
.partner-page .name a {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
}
.partner-page .company_comment {
    background: #F3F3F3;
    padding: 20px;
}
.partner-page .company_comment p {
    font-size: 14px;
    font-size: 1.4rem;
}
.partner-page .company_comment p:not(:last-child) {
    margin-bottom: 1.2em;
}
.partner-page .company_detail {
    padding: 20px;
}
.partner-page .company_detail dt {
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
}
.partner-page .company_detail dd {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 1em;
}
.partner-page .popup-modal[data-mfp-src] {
    cursor: pointer;
}
.partner-page .popup-modal-dismiss {
	text-align: center;
    padding: 0 30px 30px;
}
.partner-page .popup-modal-dismiss a {
	cursor: pointer;
    padding: 4px 13px;
}


@media only screen and (min-width: 769px) {
    .partner-page .company_name {
        display: -webkit-box;/* Android < 4.3 */
        display: -ms-flexbox;/* IE10 */	
        display: -webkit-flex;/* safari(PC) */
        display: flex;
        padding: 30px 30px 20px;
    }
    .partner-page .company_logo {
        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;
        padding-right: 20px;
        border-right: 1px solid #ccc;
    }
    .partner-page .company_logo img {
        display: inline-block;
        width: 100%;
        height: auto;
    }
    .partner-page .company_comment {
        padding: 20px 30px;
    }
    .partner-page .name {
        display: -webkit-box;/* Android < 4.3 */
        display: -ms-flexbox;/* IE10 */	
        display: -webkit-flex;/* safari(PC) */
        display: flex;
        -webkit-box-pack: center;/* Android < 4.3 */
        -ms-flex-pack: center;/* IE10 */
        -webkit-justify-content: center;/* safari(PC) */
        justify-content: center;
        -webkit-box-orient: vertical;/* Android < 4.3 */
        -webkit-flex-direction: column;/* safari(PC) */
        flex-direction: column;
        padding-left: 30px;
    }
    .partner-page .name strong  {
        font-size: 20px;
        font-size: 2rem;
    }
    .partner-page .company_detail {
        padding: 20px 30px;
    }
    .partner-page .company_detail dt {
        float: left;
    }
    .partner-page .company_detail dd {
        padding-left: 10em;

    }
}


/* partner_list */

.partner-page #partner_list {
	padding: 30px 0;
}
.partner-page #partner_list .list_wrap {
	border-top: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}
.partner-page #partner_list ul li {
	padding: 5px 10px;
	background: #F9F9F9;
	border-top: 1px solid #fff;
	border-left: 1px solid #DBDBDB;
}
.partner-page #partner_list ul:nth-child(2n+1) li:nth-child(2n), .partner-page #partner_list ul:nth-child(2n) li:nth-child(2n+1) {
	background: #F3F3F3;
}
.partner-page #partner_list .align_r {
	font-size: 14px;
	text-align: right;
	margin-top: 10px;
}
/* 2015/12/24追加 */
.partner-page #partner_list .intro_box {
	background: #f5f5f5;
	padding: 15px 10px;
	width: 100%;
	margin-bottom: 40px;
	text-align: center;
	box-sizing: border-box;
}
.partner-page #partner_list .intro_box p.intro {
	text-align: center;
	margin: 14px 0;
}
.partner section#partner_list .intro_box .btn {
	font-size: 16px;
	width: 83%;
}

/* Form PAGE
--------------------------- */

.form-page .heading_bottom_area {
	margin-bottom: 30px;
}
.form-page .heading_bottom_area p {
	font-size: 14px;
}
.form-page .heading_bottom_area p .btn {
	padding-left: 25px;
	padding-right: 25px;
	margin-left: 15px;
}
.form-page .section {
	padding-bottom: 50px;
}
#contact_form iframe {
	height: 1240px;
}
#material_form iframe {
	height: 2050px;
}
#partner_material_form iframe {
	height: 2260px;
}
#estimate_form iframe {
	height: 2300px;
}
/* backnumber */

.section#backnumber {
	padding-top: 30px;
	border-top: 2px solid #ccc;
}
.section#backnumber h3 {
	font-size: 20px;
}
.section#backnumber dl {
	padding-top: 15px;
	line-height: 1.4;
}
.section#backnumber dt {
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 10px;
}
.section#backnumber dd {
	font-size: 14px;
}
.section#backnumber dd ul li {
	border-left: 2px solid #999;
	padding: 0 0 0 7px;
	margin-bottom: 13px;
}

/* Form PAGE (Marketo)
--------------------------- */

#ebis_form .heading_area {
    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;
    padding-bottom: 0;
}
#ebis_form .mailmagazine_column .txt p:first-child {
    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; 
}

/* 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;
	}
}
.front-page .banner_wrap {
	background: #f1f1f1;
}
.material_banner_area {
	text-align: center;
	padding: 0 4% 40px;
}
.material_banner_area a {
	display: block;
	margin-bottom: 10px;
}
.material_banner_area a:hover img {
	opacity: 0.8;
}
@media only screen and (min-width: 660px) {

	.front-page .banner_wrap {
		background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(241,241,241,1) 70%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(241,241,241,1) 70%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(241,241,241,1) 70%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
	.material_banner_area {
		max-width: 930px;
		margin: 0 auto;
		display: -webkit-box;/* Android < 4.3 */
		display: -ms-flexbox;/* IE10 */
		display: -webkit-flex;/* safari(PC) */
		display: flex;
		/* バナー1個のとき */
/*		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;*/
		
		/* バナー2個のとき↓ */
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.front-page .material_banner_area {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.material_banner_area a {
		/*width: 49%;*/
		margin-bottom: 0;
	}

}


/* SLO PAGE
--------------------------- */

.slo-page .section {
    padding: 25px 0;
}
.slo-page .section#slo06 {
    padding-bottom: 50px;
}
.slo-page .section .heading02 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1;
}
.slo-page .section .heading02::before {
    content: "";
    position: relative;
    top: 0.15em;
    display: inline-block;
    width: 5px; height: 1em;
    background: #ED3942;
    margin-right: 8px;
}
.slo-page .section .heading03 {
    font-size: 16px;
    font-weight: 500;
    background: #F7F7F7;
    padding: 5px 15px;
    margin-bottom: 10px;
}
.slo-page .section .heading04 {
    font-size: 14px;
    margin: 0 0 3px 15px;
    font-weight: 500;
}
.slo-page .section p {
    font-size: 14px;
    margin: 0 15px;
}
.slo-page .section p.small {
    font-size: 90% !important;
}
.slo-page .section .img {
    padding: 20px 15px;
}
.slo-page .section p + .heading03,
.slo-page .section .img + .heading03 {
    margin-top: 35px;
}
.slo-page .section p + .heading04,
.slo-page .section .img + .heading04 {
    margin-top: 25px;
}
.slo-page .accent_area {
    background: #FCFCFC;
    border: 1px solid #ccc;
    padding: 20px;
}
.slo-page .accent_area dt {
    font-size: 16px;
    font-weight: 500;
}
.slo-page .accent_area dd {
    font-size: 14px;
}
.slo-page .accent_area dd.date {
    text-align: right;
    font-size: 12px;
}
.slo-page .btn_area {
    padding-bottom: 30px;
}
.slo-page .btn_area .btn-default {
    max-width: 240px;
    border-width: 1px;
}

.slo-page #contents.popup {
    padding-top: 0;
    border-top: 5px solid #ED3942;
}
.slo-page .popup h1 {
    padding: 50px 0 20px;
    text-align: center;
    font-size: 24px;
}
.slo-page .popup .inner {
    padding: 0 2%;
}
.slo-page .popup select {
    margin-bottom: 10px;
    font-size: 16px;
    width: 108px;
    height: 25px;
}

.slo-page .popup .table_wrap {
    width: 100%;
    overflow: auto;
}
.slo-page .popup .table_wrap table {
    min-width: 730px;
}
.slo-page .popup table th,
.slo-page .popup table td {
    border: 1px solid #bbb;
    font-size: 13px;
    padding: 0.8em;
    font-weight: normal;
}
.slo-page .popup table thead tr:first-child th {
    font-size: 16px;
    font-weight: 500;
    width: 30%;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #EAEBEC;
    white-space: nowrap;
}
.slo-page .popup table .sub_heading {
    background: #F5F5F5;
}
.slo-page .popup table th.date {
    font-size: 14px;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 20px;
    white-space: nowrap;
    background: #F5F5F5;
}
.slo-page .popup table td {
    text-align: right;
    white-space: nowrap;
}
.slo-page .popup .nodata {
      background-image:url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%3e%3cline%20x2%3d%22100%25%22%20y2%3d%22100%25%22%20stroke%3d%22%23999%22%20stroke%2dwidth%3d%22%2e7%22%2f%3e%3c%2fsvg%3e");
      background-size: 100% 100%;
}
.slo-page .popup .btn_area {
    padding: 40px 0;
}
.slo-page .popup .btn_area .btn-default {
    max-width: 90px;
    margin: 0 auto;
    padding: 5px 10px;
    font-size: 14px;
}
.slo-page .popup sup {
	font-size: 85%;
}
.slo-page .popup sup[title] {
	cursor: default;
}

/* Policy PAGE
--------------------------- */

.policy-page .section {
	padding: 25px 0;
}
.policy-page .section p {
	font-size: 14px;
}
.policy-page .section h2 {
	font-size: 18px;
	font-weight: 500;
	padding: 25px 0 5px;
}
.policy-page .section h2:first-child {
	padding-top: 0;
}
.policy-page .section h3 {
	font-size: 16px;
	font-weight: 500;
	padding: 25px 0 5px;
}
.policy-page .section ul {
	padding-top: 10px;
}
.policy-page .section ul li {
	font-size: 14px;
	text-indent: -1em;
	margin-left: 1em;
}
.policy-page .section ul li ul {
	padding: 5px 0;
}
.policy-page .section ul li ul li {
	font-size: 12px;
}
.policy-page .section ul li ul.number_list {
	margin: 0 0 0 -1em;
	padding : 15px 0;
}
.policy-page .section ul li ul.number_list li {
	text-indent: -1.2em;
	margin-left: 1.2em;
	font-size: 14px;
}
.policy-page .section .date {
	text-align: right;
	padding-top: 25px;
}
.policy-page .legal_table {
	margin-top: 15px;
	width: 100%;
	max-width: 500px;
}
.policy-page .legal_table caption {
	text-align: left;
	font-weight: 500;
	font-size: 90%;
	margin-bottom: 5px;
}
.policy-page .legal_table th,
.policy-page .legal_table td {
	padding: 8px 10px;
	font-size: 14px;
	display: table-cell;
	border: 1px solid #ccc;
}
.policy-page .legal_table th {
	background: #F7F7F7;
}
.policy-page .legal_table .w40per {
	width: 40%;
}
.policy-page .legal_table .w60per {
	width: 60%;
}


/* 404 PAGE
--------------------------- */

.notfound-page .section p {
	font-size: 14px;
}
.notfound-page .section h3 {
	font-size: 18px;
	padding: 30px 0 15px;
}
.notfound-page #notfound01 {
	padding: 40px 0;
}
.notfound-page #notfound01 h2 {
	font-size: 20px;
	padding: 0 4%;
}


/* GDPR PAGE
--------------------------- */

html[lang="en"] .gdpr-page #header {
    position: inherit;
}
.gdpr-page #header .inner::before,
.gdpr-page #header .inner::after {
    display: none;
}
html[lang="en"] .gdpr-page #contents {
    padding-top: 0;
}
.gdpr-page .nav_link {
    text-align: right;
    padding: 0 4% 10px;;
}
.gdpr-page .nav_link a {
    background: #fff;
    color: #ED3942;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 12px;
    text-decoration:  none;
}
.gdpr-page .nav_link a:hover {
    text-decoration:  none;
    opacity: 0.8;
}
.gdpr-page .heading_area .hgroup h1 + p {
    text-align: right;
}
.gdpr-page .heading_area .hgroup h1 + p a {
    background: #ED3942;
    color: #fff;
    display: inline-block;
    padding: 1px 10px;
    border-radius: 3px;
    font-size: 12px;
    text-decoration:  none;
}
.gdpr-page .heading_area .hgroup h1 + p a:hover {
    text-decoration:  none;
    opacity: 0.8;
}

.gdpr-page .section {
	padding: 35px 0;
}
.gdpr-page .section p {
    margin-bottom: 1.5em;
    padding: 0 4%;
}
.gdpr-page .section h3 {
	font-size: 18px;
	padding: 30px 0 15px;
}

.gdpr-page .copy {
    background: #333;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}
.gdpr-page .copy .inner {
    max-width: 980px;
}

@media only screen and (min-width: 660px) {
    .gdpr-page .heading_area .hgroup h1 {
        display: table-cell;
        vertical-align: middle;
        width: 1%;
    }
    html[lang="ja"] .gdpr-page .heading_area .hgroup h1 {
        text-align: right;
        white-space: nowrap;
    }
    .gdpr-page .heading_area .hgroup h1 + p {
        display: table-cell;
        font-size: 16px;
        padding-left: 50px;
        text-align: right;
        vertical-align: middle;
    }
    .gdpr-page #header .inner {
        display: table;
    }    
    .gdpr-page #header .logo {
        display: table-cell;
    }
    .gdpr-page #contents .section {
        min-height: 350px;
    }
    .gdpr-page .nav_link {
        display: table-cell;
        padding: 0 10px;
        vertical-align: middle;
        text-align: right;
    }
}


/* 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 .inner {
		padding-bottom: 25px;
	}
	.heading_area .hgroup {
		max-width: 980px;
		margin: 0 auto;
	}
	.heading_area .hgroup h1 {
		font-size: 40px;
	}
	/* 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 ------------ */
    

	/* Function PAGE
	--------------------------- */

	.function-page .section .title {
		font-size: 27px;
		margin-bottom: 40px;
        line-height: 1.4;
	}
	.function-page .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.function-page .heading_area .hgroup h1 {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		white-space: nowrap;
		width: 1%;
	}
	.function-page .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}
     
	.function-page .function_ad .heading_area .hgroup h1 + p {
		font-size: 14px;
	}   
	.function-page .function_column.img_l,  .function-page .function_column.img_r {
		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;
	}
	.function-page .function_column.img_l .txt,  .function-page .function_column.img_r .txt {
		float: none;
		width: 42%;
		padding: 20px 0;
		vertical-align: middle;
	}
	.function-page .section:first-of-type .function_column.img_l .txt,  .function-page .section:first-of-type .function_column.img_r .txt {
		padding-top: 5px;
		-webkit-align-self: flex-start;
		-moz-align-self: flex-start;
		align-self: flex-start;
	}
	.function-page .function_column.img_l .img,  .function-page .function_column.img_r .img {
		float: none;
		/*width: 53%;*/
        padding-bottom: 0;
		vertical-align: middle;
		text-align: center;
	}
	.function-page .function_column.img_l .img {
		padding-right: 7%;
		-webkit-box-ordinal-group: 1;/*--- Android ---*/
		-ms-flex-order: 1;/*--- IE10 ---*/

		-webkit-order: 1;/*--- safari(PC) ---*/
		order: 1;
	}
	.function-page .function_column.img_l .txt {
		-webkit-box-ordinal-group: 2;/*--- Android ---*/
		-ms-flex-order: 2;/*--- IE10 ---*/
		-webkit-order: 2;/*--- safari(PC) ---*/
		order: 2;
	}
	.function-page .function_column.img_r .img {
		padding-left: 7%;
		-webkit-box-ordinal-group: 2;/*--- Android ---*/
		-ms-flex-order: 2;/*--- IE10 ---*/
		-webkit-order: 2;/*--- safari(PC) ---*/
		order: 2;
	}
	.function-page .function_column.img_r .txt {
		-webkit-box-ordinal-group: 1;/*--- Android ---*/
		-ms-flex-order: 1;/*--- IE10 ---*/
		-webkit-order: 1;/*--- safari(PC) ---*/
		order: 1;
	}
	.function-page .function_column .img img {
		width: 100%;
	}
	.function-page .function_column .txt h2 {
		font-size: 28px;
        line-height: 1.4;
	}
	.function-page .function_column .txt h2 span.option {
		padding: 2px 10px;
	}
	.function-page .section {
		padding: 70px 0;
	}
	.function-page .section:first-of-type .function_column {
		margin-bottom: 0;
	}
	.function-page .section:first-of-type .function_column .txt {
		padding-bottom: 15px;
	}
	.function-page #actual_link {
		padding-bottom: 120px;
	}
	.function-page #actual_link h2 {
		font-size: 20px;
	}
	
	/* cooperative_service */
		
	.function-page #cooperative_service {
		padding-bottom: 70px;
	}
	.function-page #cooperative_service h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.function-page #cooperative_service li {
		padding:  0 15px;
	}
	.function-page #cooperative_service li img {
		height: auto;
	}
	.function-page #function_ad_pickup {
		padding-top: 50px;
	}
	.function_viewthru #cooperative_service {
		padding: 30px 0;
	}
	.function_tag #cooperative_service {
		padding: 30px 0;
	}
	.function_tag #cooperative_service ul li img {
		height: 64px;
	}
	
    /* index */
     
    .function_index .heading_area .hgroup {
        display: block;
    }
    .function_index .heading_area .hgroup h1 {
        display: block;
        text-align: center;
        width: auto;
    }
    .function_index .heading_area .hgroup h1 + p {
        display: block;
        padding-left: 0;
        max-width: 600px;
        margin: 0 auto;
    }
    .function-page .function_index .section {
        padding: 50px 0 70px;
    }
    .function_index .slide-for-navigation {
        margin-bottom: 15px;
    }
    .function_index .slide-for-navigation li {
        width: 100px;
    }
    .function_index .slide .step_number span {
        font-size: 28px;
        font-size: 2.8rem;
        margin-right: 20px;
    }
    .function_index .slide .step_number::after {
        content: "";
        width: 245px;
        height: 131px;
        background-size: 245px 131px;
    }
    .function_index .slide h2 {
        font-size: 36px;
        font-size: 3.6rem;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .function_index .slide_detail {
        padding-top: 23px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .function_index .slide_detail p {
        font-size: 16px;
        font-size: 1.6rem;
    }
    .function_index .slider {
        padding-left: 30px;
        padding-right: 30px;
    }
    .function_index .button_area {
        display: inline-block;
        padding-top: 50px;
    }
    .function_index .button_area .button_comment {
        font-size: 17px;
        font-size: 1.7rem;
    }
    .function_index .button_area .button .btn {
        font-size: 19px;
        font-size: 1.9rem;
        padding: 15px 30px;
        transition: background 0.2s ease;
    }
    .function_index .button_area svg {
        stroke-dasharray: 10 10;
        stroke-dashoffset: 0;
    }
    .function_index .button_area:hover svg {
        animation: dash2 0.5s ease 0.1s;
    }
    .function_index .function_outro {
         padding: 60px 0;
     }
    .function_index .function_outro p {
         font-size: 24px;
         font-size: 2.4rem;
     }
    .function_index .function_outro .button_area {
        max-width: 370px;
        min-height: 110px;
        margin: 0 auto;
        padding: 10px 85px 0 0;
        background: url(../img/function/image_ebis.png) right bottom no-repeat;
        background-size: 73px auto;
     }
    .function_index .function_outro .button_area a {
         margin-top: 40px;
         font-size: 19px;
         font-size: 1.9rem;
         padding: 20px 10px;
         vertical-align: bottom;
        transition: background 0.2s ease;
     }
	.function_index .function_outro + .cv_area {
		padding-bottom: 150px;
	}	 
	 
	/* CONTENTS */
	
	.function_contents #function_contents01 strong.accent {
		font-size: 150%;
	}
	.function_contents #function_contents01 .img {
		margin: 30px 0;
	}
	.function_contents .function_column.img_r .txt {
		width: 36.8%;
		padding: 0;
	}
	.function_contents #function_contents02 .function_column.img_r .img,  .function_contents #function_contents04 .function_column.img_r .img {
		padding-left: 4%;
	}
	
	/* AD */
    
    .function_ad .txt p.mini_title {
		font-size: 20px;
	}
	.function_ad .function_column.img_l .img,  .function_ad .function_column.img_r .img {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.function_ad #function_ad_pickup .function_column .img,  .function_ad #function_ad_pickup .function_column .txt {
		padding-bottom: 45px;
	}
    .function_ad .function_column .img img {
        width: auto;
        max-width: 100%;
    }

	.function_ad #function_ad_pickup .img_r .txt {
		width: 47.8%;
	}
	.function_ad #function_ad_pickup .img_r .txt p {
		font-size: 20px;
		text-align: left;
	}
	.function_ad #function_ad_pickup .img_r .btn_area {
		text-align: left;
	}
	.function_ad #function_ad_pickup .img_r .btn_area .btn {
		font-size: 18px;
	}
	.function_ad #function_ad_pickup .img_r .img {
		width: 48.1%;
		padding-left: 4%;
	}
    
    .function_ad #function_ad01 .img {
        width: 56.5%;
    }
    .function_ad #function_ad02 .img,
    .function_ad #function_ad03 .img {
        width: 56%;
    }
	.function_ad #function_ad04 .inner {
		background-image: url(../img/function/ad/bg04.gif);
		background-position: 10% center;
		background-repeat: no-repeat;
		background-size: 35% auto;
	}
	.function_ad #function_ad04 .img_l:not(:first-child) {
		-webkit-box-align: flex-start;/*--- Android ---*/
		-ms-flex-align: flex-start;/*--- IE10 ---*/
		-webkit-align-items: flex-start;/*--- safari(PC) ---*/
		align-items: flex-start;
	}
	.function_ad #function_ad04 .img_l .txt {
		width: 44%;
		vertical-align: top;
		padding-top: 20px;
	}
	.function_ad #function_ad04 .img_l .img {
		width: 55%;
		vertical-align: top;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.function_ad #function_ad05 .txt {
		width: 48%;
	}
	.function_ad #function_ad05 .img {
		width: 49%;
	}
	.function_ad #function_ad06 .function_column.img_l .txt,  .function_ad #function_ad06 .function_column.img_r .txt {
		-webkit-align-self: flex-start;
		-moz-align-self: flex-start;
		align-self: flex-start;
	}
	.function_ad #function_ad06 .txt {
		width: 40%;
	}
	.function_ad #function_ad06 .img {
		width: 54%;
	}
	.function_ad #function_ad07 .txt {
		width: 42.3%;
	}
	.function_ad #function_ad07 .img {
		width: 50.9%;
	}
	
	/* SEO */
    
	.function_seo .function_column.img_l .img,  .function_seo .function_column.img_r .img {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.function_seo #function_seo_pickup .function_column .img,  .function_seo #function_seo_pickup .function_column .txt {
		padding-top: 0;
		padding-bottom: 50px;
	}
	.function_seo #function_seo_pickup .img_r .txt {
		width: 43%;
	}
	.function_seo #function_seo_pickup .img_r .txt p {
		font-size: 20px;
		text-align: left;
	}
	.function_seo #function_seo_pickup .img_r .btn_area {
		text-align: left;
	}
	.function_seo #function_seo_pickup .img_r .btn_area .btn {
		font-size: 18px;
	}
	.function_seo #function_seo_pickup .img_r .img {
		width: 54%;
		padding-left: 4%;
	}
	.function_seo #function_seo02 .txt {
		width: 37%;
	}
	.function_seo #function_seo02 .img {
		width: 57%;
	}
	.function_seo #function_seo02 .img_r .txt {
		-webkit-align-self: flex-start;
		-moz-align-self: flex-start;
		align-self: flex-start;
	}
	.function_seo #function_seo04 .function_column.img_l .txt,  .function_seo #function_seo04 .function_column.img_r .txt {
		-webkit-align-self: flex-start;
		-moz-align-self: flex-start;
		align-self: flex-start;
	}
	.function_seo #function_seo04 .txt {
		width: 40%;
	}
	.function_seo #function_seo04 .img {
		width: 54%;
	}
	.function_seo #function_seo04 .txt p.mini_title {
		font-size: 20px;
	}
	
	/* APPLI */

	.function_appli .function_column.img_l .txt,  .function_appli .function_column.img_r .txt {
		padding: 0;
	}
	.function_appli #function_appli02 .txt {
		width: 50%;
	}
	
	/* RESEARCH */
	
    .function_research .function_column.img_l .txt,  .function_research .function_column.img_r .txt {
		padding: 0;
	}
	.function_research #function_research01 .img {
		width: 61%;
	}
	.function_research #function_research01 .txt {
		width: 32%;
	}
	.function_research #function_research03 .img {
        width: 49.5%;
     }
	.function_research #function_research03 .txt {
        width: 43%;
        padding-top: 10px;
        -webkit-align-self: flex-start;
		-moz-align-self: flex-start;
		align-self: flex-start;
     }
	.function_research #function_research03 .txt h2 {
        max-width: 11em; /* いい感じに改行してほしい幅 */
     }
	.function_research #function_research04 .img {
        width: 60%;
     }
	.function_research #function_research04 .txt {
        width: 33%;
        -webkit-align-self: flex-start;
		-moz-align-self: flex-start;
		align-self: flex-start;        
     }
    .function_research #function_research01 .img img,
    .function_research #function_research03 .img img,
    .function_research #function_research04 .img img {
        width: auto;
        max-width: 100%;
     }
     
     
    .function_research #function_contact .function_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;
    }
    .function_research #function_contact .function_inner .sub_text {
        padding: 0 15px 0 0;
    }
    .function_research #function_contact .function_inner .btn {
        white-space: nowrap;
    }     
     
	.function_research .contact_area .inner {
		padding-top: 70px;
	}
	.function_research .contact_area h2 {
		font-size: 28px;
		padding-bottom: 70px;
	}
	.function_research .contact_area iframe {
		height: 1040px;
	}
	
	/* ANALYSIS */

	.function_analysis .function_column.img_l .txt,  .function_analysis .function_column.img_r .txt {
		padding: 0;
	}
	
	/* AUDIENCE */
	
	.function_audience .attention_box {
		margin: 40px 6px 6px;
	}
	.function_audience #function_audience01 {
		padding: 58px 0;
	}
	.function_audience #function_audience02 .function_column:first-of-type {
		padding-bottom: 25px;
	}
	.function_audience #function_audience02 .img_l:not(:first-child) {
		-webkit-box-align: flex-start;/*--- Android ---*/
		-ms-flex-align: flex-start;/*--- IE10 ---*/
		-webkit-align-items: flex-start;/*--- safari(PC) ---*/
		align-items: flex-start;
	}
	.function_audience #function_audience02 .img_l .txt {
		vertical-align: top;
		padding-top: 20px;
	}
	.function_audience #function_audience02 .img_l .img {
		vertical-align: top;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.function_audience #function_audience01 .txt {
		width: 35%;
	}
	.function_audience #function_audience01 .img {
		width: 58%;
	}
	.function_audience #function_audience01 .img img {
		width: auto;
	}
	.function_audience #function_audience02 .function_column:first-of-type {
		-webkit-box-align: flex-start;/*--- Android ---*/
		-ms-flex-align: flex-start;/*--- IE10 ---*/
		-webkit-align-items: flex-start;/*--- safari(PC) ---*/
		align-items: flex-start;
	}
	.function_audience #function_audience02 h3.checkmark {
		font-size: 20px;
		background-position: left 7px;
		margin-bottom: 13px;
		padding: 0 0 6px 27px;
	}
	.function_audience #function_audience02 .txt {
		width: 39%;
	}
	.function_audience #function_audience02 .img {
		width: 54%;
		text-align: left;
	}
	.function_audience #function_audience02 .img img {
		width: auto;
		max-width: 100%;
	}
	.function_audience #function_audience03 .txt,
    .function_audience #function_audience04 .txt{
		width: 40%;
	}
	.function_audience #function_audience03 .img,
    .function_audience #function_audience04 .img{
		width: 62%;
	}
	.function_audience #function_audience03 .img img {
		width: auto;
		max-width: 100%;
	}
     
     .function_audience #function_audience04 .function_column.img_l{
        -webkit-align-items: center;
        align-items: flex-start;
     }

	/* LISTING LINK */

	.function_listing_link .function_column.img_l .txt,  .function_listing_link .function_column.img_r .txt {
		padding: 0;
	}
    .function_listing_link .function_column .txt {
        margin-bottom: 0;
    }
	.function_listing_link #function_listing_link01 .img {
        padding-left: 5.8%;
	}
	.function_listing_link #function_listing_link04 .function_column {
        -webkit-box-pack: justify;/* Android < 4.3 */
        -webkit-justify-content: space-between;/* safari(PC) */
        justify-content: space-between;    
    }
	.function_listing_link #function_listing_link04 .txt {
        padding-top: 30px;
        padding-bottom: 30px;
        width: 47%;
    }

    /* TV */

	.function_tv #function_tv01 .txt {
		width: 36%;
	}
	.function_tv #function_tv01 .img {
		width: 61%;
        padding-left: 3%;
	}
    .function_tv #function_tv02 {
        padding: 40px 0 20px;
    }
	.function_tv #function_tv02 .note {
		margin-top: 20px;
	}
    .function_tv #function_tv03 {
        padding-top: 30px;
    }
    .function_tv #function_tv03 .txt h2 {
        text-align: center;
    }

    /* API */

	.function_api #function_api05 .txt {
		width: 43%;
	}
	.function_api #function_api05 .img {
        padding-left: 2%;
        width: 55%;
	}
	.function_api #function_api05 .img img {
        max-width: 100%;
        width: auto;
    }
     
     
    .cooperation_list {
        margin: 0 auto 0 0;
    }

    /* function_customer_rings */   
     
    .function-page #function_customer_rings01 .function_column.img_r .txt {
        width:460px;
    }
     

    /* function_gyro-n_dfm */

    .function_gyro-n_dfm #function_gyro-n_dfm02 h2,
    .function_gyro-n_dfm #function_gyro-n_dfm03 h2{
        margin-bottom: 50px;
    }
    .function_gyro-n_dfm #function_gyro-n_dfm02 h3,
    .function_gyro-n_dfm #function_gyro-n_dfm03 h3{
        margin-bottom: 40px;
    }
    .function_gyro-n_dfm #function_gyro-n_dfm03 h4{
        font-size: 22px;
        padding: 5px 10px;
        box-sizing: border-box;
        margin-bottom: 30px;
    }

    /* function_make_repeater */
     
    .function-page .function_make_repeater .section {
        padding: 50px 0;
    }
    .function-page #function_make_repeater01 .img_r .img {
        width: 51%;
        padding-left: 6%;
    }
    .function-page #function_make_repeater01 .img img,
    .function-page #function_make_repeater02 .img img,
    .function-page #function_make_repeater03 .img img {
        width: auto;
        height: auto;
        max-width: 100%;
     }
    .function-page #function_make_repeater01 .img_r .txt {
        width: 49%;
    }     
    .function_make_repeater #function_make_repeater02 h2,
    .function_make_repeater #function_make_repeater03 h2 {
        margin-bottom: 40px;
    }     
    .function_make_repeater #function_make_repeater02 .txt,
    .function_make_repeater #function_make_repeater03 .txt {
        padding-bottom: 10px;
    }
    .function_make_repeater .campaign_column h3 {
         margin: 40px 10px 30px;
    }
    .function_make_repeater .campaign_column h3 + p {
         margin-bottom: 35px;
    }
    .function_make_repeater .campaign_column .detail_area {
        padding: 25px;
    }
    .function_make_repeater .campaign_column .detail_area h4 {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 8px;
        margin: 20px 0 15px;
    }
    .function_make_repeater .campaign_column .detail_area p {
        margin: 0 15px 30px;
    }
    .function_make_repeater .campaign_column .detail_area ul {
        padding: 0 15px;
     }
    .function_make_repeater .campaign_column .campaign_column_inner {
        padding: 20px;
    }
    .function_make_repeater .campaign_column .button_area {
        padding: 10px;
     }
    .function_make_repeater .campaign_column .btn {
        padding: 15px;
    }
         
         
	/* Actual PAGE
	--------------------------- */
		
	.actual-page .mainvisual {
		padding-bottom: 30px;
	}
	.actual-page .mainvisual .mainimg {
		margin-top: 50px;
		display: table;
		width: 100%;
	}
	.actual-page .mainvisual .mainimg .img {
		display: table-cell;
		width: 56.6%;
		vertical-align: top;
	}
	.actual-page .mainvisual .mainimg .img img {
		width: 100%;
	}
	.actual-page .mainvisual .mainimg .txt {
		display: table-cell;
		vertical-align: top;
		text-align: left;
        padding-bottom: 5px;
	}
	.actual-page .mainvisual .mainimg .txt .actual_logo {
		text-align: center;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	.actual-page .mainvisual .company_name {
		font-size: 24px;
		font-weight: 500;
        margin-bottom: 10px;
	}
	.actual-page .actual_index .mainvisual .company_name {
		font-weight: 500;
	}
	.actual-page .mainvisual .company_url {
		font-size: 14px;
	}
	.actual-page .mainvisual .company_profile {
		display: -webkit-box;/* Android < 4.3 */
		display: -webkit-flex;/* safari(PC) */
		display: flex;
	}
	.actual-page .mainvisual .company_profile .person {
		padding: 0;
		border-bottom: 0 none;
		-webkit-box-flex: 0;
		flex: 1 0 300px;
	}
	.actual-page .mainvisual .company_profile .person_small {
		-webkit-box-flex: 0;
		flex: 1 0 230px;
     }
    .actual-page .mainvisual .company_profile .person .img {
		padding-bottom: 0;
		-webkit-box-flex: 0;
		flex: 0 0 62px;
	}
    .actual-page .mainvisual .company_profile .person .text {
		padding-bottom: 0;
		-webkit-box-flex: 1;
		flex: 0 1 240px;
		padding-right: 10px;
	}
	.actual-page .mainvisual .company_profile .person_small .text {
		flex: 0 1 150px;
	}
	.actual-page .mainvisual .company_profile .company_info {
		padding: 0 0 0 15px;
		border-left: 2px solid #ccc;
		-webkit-box-flex: 1;
		flex: 0 1 auto;
	}
	 
	.actual-page .mainvisual .company_profile .company_info.border-none {
		padding: 0 ;
		border-left: none;
	}
	 
	.actual-page .actual_index .logo_area {
		padding-bottom: 25px;
	}
	.actual-page .title_area {
		padding: 30px 0;
		font-size: 28px;
	}
	.actual-page .section .inner h3 {
		font-size: 28px;
		padding: 70px 0 0;
	}
	.actual-page .section .inner .img .caption {
		text-align: left;
	}
	.actual-page .section .inner .img_c .caption {
		text-align: center;
	}
	.actual-page .section .img_l .img {
		margin: 0 30px 10px 0;
	}
	.actual-page .section .img_r .img {
		margin: 0 0 10px 30px;
	}
	.actual-page .section .inner {
		padding-bottom: 40px;
	}
	.actual-page .title_area .inner {
		padding-bottom: 0;
	}
	.actual-page .section .inner p {
		font-size: 16px;
		line-height: 1.8;
		padding-bottom: 10px;
	}
	.actual-page .section .inner p strong {
		font-size: 18px;
	}
	.actual-page .section .inner p.question {
		font-size: 20px;
		margin: 40px 0 25px;
		line-height: 1.6;
	}
	 
	.actual-page .section .inner p.notes {
    font-size: 14px;
}  
	.actual-page .section:last-of-type {
		padding-bottom: 70px;
	}
	
    .actual-page .section .inner h3.section_title {
        margin-bottom: 60px;
    }
    .actual-page .section .txt p.question  {
        margin-top: 0;
    }
    .actual-page .img img:not(:first-child) {
        margin-top: 30px;
    }


     /* actual_index */
	
	.actual-page .actual_index .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.actual-page .actual_index .heading_area .hgroup h1 {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		white-space: nowrap;
		width: 1%;
	}
	.actual-page .actual_index .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}    
	.actual-page .actual_index .logo_area li {
		padding: 0 20px 15px;
	}
	.actual-page .actual_index .logo_area li img {
		height: auto;
	}
	.actual-page .section .inner .actual_list {
		margin: 0 -12px;
	}
	.actual-page .section .inner .actual_list > li {
		padding: 0 12px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
	.actual-page .section .inner .with_name > p:first-child {
		float: left;
		font-weight: 500;
	}
	.actual-page .section .inner .with_name.not_short > p:first-child {
		float: none;
	}
	
    .actual-page .comments{
        color:#EB4B52; 
    }
     
	.actual-page .actual_kel .img_l .txt {
		padding-left: 330px;
	}
	.actual-page .actual_ecc .img_l .txt {
		padding-left: 330px;
	}
	.actual-page .inner .with_name > p:first-child + p {
		padding-left: 7em;
	}
	.actual-page .actual_ecc .mainvisual .company_profile .person {
		width: 36%;
	}
	.actual-page .actual_leverages .mainvisual .company_profile .person {
		width: 215px;
	}
	.actual-page .actual_leverages .with_name > p:first-child + p {
		padding-left: 6em;
	}
	.actual-page .actual_tone .mainvisual .company_profile .person_small {
		padding-right: 15px;
     }
	.actual-page .actual_tone .inner .img_c {
        margin: 30px 0 55px;
     }
	.actual-page .actual_gdo .mainvisual .company_profile .person {
        border-right: 0 none;
     }
	.actual-page .actual_gdo .mainvisual .company_profile .person_small {
		font-size: 10px;
     }
	 .actual-page .actual_gdo .mainvisual .company_profile .company_info {
        border-left: 2px solid #ccc !important;
     }
	.actual-page .actual_gdo .inner .img_c {
        margin: 30px 0 55px;
     }
	.actual-page .actual_gdo #actual_gdo03 a {
		font-weight: 500;
     }
	.actual-page .actual_gdo .mainvisual .company_profile .person_small {
		-webkit-box-flex: 0;
		flex: 1 0 195px;
     }
     
	.actual-page .actual_ad-printing .mainvisual .company_profile .person_small,
    .actual-page .actual_ad-value .mainvisual .company_profile .person_small,
    .actual-page .actual_piala .mainvisual .company_profile .person_small{
		font-size: 10px;
     }
	.actual-page .actual_ad-printing .mainvisual .company_profile .person_small{
		-webkit-box-flex: 0;
		flex: 1 0 190px;
     }
     .actual-page .actual_ad-printing #actual_ad-printing_02 .img_c{
        margin: 40px 0 30px;
     }
     
    .actual-page .actual_ad-value .mainvisual .company_profile .person_small,
     .actual-page .actual_piala .mainvisual .company_profile .person_small{
		-webkit-box-flex: 0;
		flex: 1 0 180px;
     }

	.actual-page .actual_alij .mainvisual .company_profile .person_small,
    .actual-page .actual_assion .mainvisual .company_profile .person_small{
		font-size: 10px;
     }
	.actual-page .actual_alij .mainvisual .company_profile .person_small 
     {
		-webkit-box-flex: 0;
		flex: 1 0 170px;
     }
     
	 .actual-page .actual_fullspeed .inner .img_c {
        margin: 30px 0 55px;
     }

    .actual-page .actual_assion .mainvisual .company_profile .person_small {
		-webkit-box-flex: 0;
		flex: 1 0 180px;
     }
	 .actual-page .actual_fullspeed .inner .img_c {
        margin: 30px 0 55px;
     }
    .actual-page .actual_srg #actual_srg03 .img {
    }
	.actual-page .actual_srg #actual_srg03 p:not(.question) {
		margin-bottom: 0;
    }
    .actual-page .actual_srg #actual_srg03 .img_r + p {
        margin-top: 20px;
    }
	.actual-page .actual_smaregi .inner .img_c  {
        margin: 40px 0;
     }
	.actual-page .actual_smaregi .inner > p:last-of-type  {
        margin-bottom: 1.3em;
     }
	.actual-page .actual_mag2 .mainvisual .company_profile .person {
		-webkit-box-flex: 0;
        flex: 1 0 190px;
	}
	.actual-page .actual_mag2 .inner .img_c {
        margin: 40px 0 55px;
     }
	.actual-page .actual_mag2 .inner .img_r .img {
		margin: 0 0 15px 30px;
	}
	.actual-page .actual_mag2 .inner > p:last-of-type {
        margin-bottom: 1.3em;
     }

	.actual-page .actual_emnet .mainvisual .company_profile .person {
		-webkit-box-flex: 0;
        flex: 1 0 165px;
	}
	.actual-page .actual_emnet .inner .img_c,
	.actual-page .actual_videomarket .inner .img_c,
	.actual-page .actual_digitalidentity .inner .img_c,
	.actual-page .actual_k-two .inner .img_c,
	.actual-page .new_rules .inner .img_c,
	.actual-page .actual_brushup-jp .inner .img_c {
        margin: 40px 0 55px;
     }
	.actual-page .actual_emnet .inner .img_r .img {
		margin: 0 0 15px 30px;
	}
	.actual-page .actual_emnet .inner > p:last-of-type,
	.actual-page .actual_videomarket .inner > p:last-of-type,
	.actual-page .actual_digitalidentity .inner > p:last-of-type,
	.actual-page .actual_k-two .inner > p:last-of-type,
	.actual-page .actual_fracta .inner > p:last-of-type,
	.actual-page .new_rules .inner > p:last-of-type
	 {
        margin-bottom: 1.3em;
     }
    .actual-page .actual_digitalidentity .mainvisual .company_name,
	.actual-page .new_rules .mainvisual .company_name{
        letter-spacing: -0.08em;
    }
	.actual-page .actual_digitalidentity .inner h2,
	.actual-page .actual_k-two .inner h2,
	.actual-page .actual_fracta .inner h2,
	.actual-page .new_rules .inner h2
	 {
        letter-spacing: -0.03em;
    }
     
	.actual-page .actual_k-two .inner .banner_image {
            margin-top: 1.6em;
			padding-bottom: 4px;
    }
	.actual-page .actual_k-two .inner .banner_image +.note {
            margin-top: 0;
    }
    .actual-page .actual_originaltext .mainvisual .company_profile .person_small {
        flex: 1 0 270px;
    }
    .actual-page .actual_originaltext .mainvisual .company_profile .person_small .text {
        flex: 0 1 170px;
    }
    .actual-page .actual_originaltext #actual_originaltext_01 .txt>p:first-child{
         margin-bottom: 0;
     }
     .actual-page .actual_originaltext #actual_originaltext_01 ol>li{
        list-style: none;
        font-weight: 500;
        margin-bottom: 5px;
     }
     .actual-page .actual_originaltext section h4{
         margin-top: 1.5em;
         font-size: 18px;
     }    
    .actual-page .actual_piala section h4{
        margin-top: 1.5em;
        margin-bottom: 10px;
        font-size: 22px;
     }
    .actual-page .actual_piala section h4:nth-of-type(2){
        margin-top: 3em;

     } 
    .actual-page .actual_avance .section .inner h3.section_title {
         font-size: 2.7rem;
        font-size: 27px;
    }
     
	/* relation_link */
	
	.actual-page #relation_link {
		padding: 70px 0 120px;
	}
	.actual-page #relation_link h2 {
		font-size: 20px;
	}
	
	 
    /* mainvisual detail area */

    .actual-page .mainvisual .detail_inner {
        display: table;
        border-spacing: 20px;
    }
    .actual-page .mainvisual .detail_inner dl {
        display: table-row;
    }
    .actual-page .mainvisual .detail_inner dl dt {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
    }
    .actual-page .mainvisual .detail_inner dl dd {
        display: table-cell;
        vertical-align: middle;
    }
    .actual-page .mainvisual .detail_area {
        margin-top: 45px;
        padding: 0 5px 15px;
    }
    .actual-page .mainvisual .detail_area dt {
        padding: 15px 25px;
    }
    .actual-page .mainvisual .detail_area dd {
        padding: 5px 0;
    }
    .actual-page .dl_button_area {
        padding-top: 15px;
        margin: 0 20px;
    }
    .actual_outro {
        padding: 40px 0;
        text-align: center;
    }
    .actual_outro li {
        display: inline-block;
        margin: 0 15px;
    }

     .actual-page .material_column p.button_area {
        padding-bottom: 0;
    }
     
     
	/* EbiColle PAGE
	--------------------------- */
	
	.ebicolle-page .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.ebicolle-page .heading_area .hgroup h1 {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		white-space: nowrap;
		width: 1%;
	}
	.ebicolle-page .seminar_detail .heading_area .hgroup h1 {
		text-align: left;
	}
	.ebicolle-page .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}
	.ebicolle-page .heading_area .sns {
		display: table-cell;
		vertical-align: bottom;
	}
	.ebicolle-page .main_visual {
		padding-bottom: 50px;
	}
	.ebicolle-page .main_visual p {
		font-size: 16px;
	}
	.ebicolle-page .main_visual::before {
		height: 130px;
	}
	.ebicolle-page .main_visual .ebicolle_logo {
		margin-top: -66px;
	}
	.ebicolle-page .main_visual .ebicolle_logo img {
		max-width: 132px;
	}
	.ebicolle-page .pannel_online_lead {
		font-size: 20px;
	}
	.ebicolle-page label.panel_label {
		font-size: 22px;
	}
	.ebicolle-page .section .inner {
		padding-bottom: 50px;
	}
	.ebicolle-page #seminar_area h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}

    /* download_list */
	
	.ebicolle-page .download_list {
		margin: 0 -12px;
	}
	.ebicolle-page .download_list li {
		width: 50%;
		float: left;
		padding: 0 12px;
		box-sizing: border-box;
	}
	.ebicolle-page .download_list li a {
		padding: 0;
	}
    .ebicolle-page .download_list li a .download_detail {
        font-size: 14px;
    }
    
    /* report_area(旧) */
	.ebicolle-page #report_area {
		padding-top: 60px;
	}
	.ebicolle-page #report_area h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.ebicolle-page #report_area li {
		width: 50%;
		float: left;
		padding: 0 30px 0 0;
		box-sizing: border-box;
	}
    
	
	/* seminar_detail */
		
	#seminar_detail_area {
		padding-top: 50px;
	}
	#seminar_detail_area .seminar_date {
		font-size: 16px;
	}
	#seminar_detail_area .seminar_title {
		font-size: 24px;
		margin-bottom: 22px;
	}
	#seminar_detail_area .seminar_img {
		position: relative;
		float: left;
		width: 40%;
	}
	#seminar_detail_area .seminar_detail {
		float: right;
		width: 57%;
	}
	#seminar_detail_area .btn-primary {
		padding: 20px 70px 20px 30px;
		font-size: 24px;
		max-width: 370px;
	}
	#seminar_detail_area .btn-primary::after {
		right: 30px;
	}
	#seminar_detail_area .btn_area {
		padding: 40px 0;
	}
	#seminar_detail_area .tableish {
		font-size: 16px;
	}
	#seminar_detail_area .tableish dt {
		width: 20%;
		vertical-align: middle;
	}
	#seminar_detail_area .tableish .timetable {
		border: 0 none;
	}
	
    

	/* Plan PAGE
	--------------------------- */
	
	.plan-page .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.plan-page .heading_area .hgroup h1 {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		white-space: nowrap;
		width: 1%;
	}
	.plan-page .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}
	

    .plan-page .contact_box {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }


	.plan-page #plan02 h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	
	/* News PAGE
	--------------------------- */
		
	.news-page .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.news-page .heading_area .hgroup h1 {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		white-space: nowrap;
		width: 1%;
	}
	.news-page .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}
     
	.news-page #news {
		padding: 50px 0;
	}
     
	/* newslist */
	
	.news-page .news_list article .news_img {
		width: 32.5%;
		float: left;
		margin-bottom: 0;
	}
	.news-page .news_list article .archive_txt {
		width: 65%;
		float: right;
	}
    .news-page .news_list .btn_area {
        padding: 60px 0;
    }
     
	/* Partner PAGE
	--------------------------- */
	
    .partner-page .heading_area_large .inner {
        max-width: 1160px;
        background-image: url(../img/partner/bg_mainvisual.jpg);
        background-size: contain;
    }
    .partner-page .heading_area_large .hgroup h1 {
        font-size: 40px;
    }
    .partner-page .heading_area_large .hgroup h1 + p {
        font-size: 20px;
    }
    .partner-page .heading_area_large .btn_area {
        padding: 10px 0 35px;
        text-align: left;
    }
    .partner-page .heading_area_large .btn_area .btn {
        box-sizing: border-box;
        font-size: 20px;
        padding: 15px 16px;
    }
	.partner-page .section {
		padding: 30px 0 50px;
	}
	.partner-page .section p {
		font-size: 16px;
	}
	.partner-page .section h2 {
		font-size: 28px;
		padding: 20px 0 15px;
	}
	 .partner-page .section .subtext {
		 padding: 0 0 25px;
	 }
	.partner-page .section_about {
	 }
    .partner-page .section_about .img {
        padding: 10px 0;
    }
    .partner-page .section_sales_partner .inner,
    .partner-page .section_introduction_partner .inner {
        max-width: 1065px;
        padding-right: 4%;
        padding-left: 4%;
    }
    .partner-page .tab_content .tab::before,
    .partner-page .tab_content .tab::after {
        content: "";
        display: table-cell;
        border-bottom: 1px solid #B6B4B5;
    }
    .partner-page .tab_content .tab li a {
        font-size: 16px;
    }
    .partner-page .tab_content .panel ul.program_item li .image {
        padding: 10px 0;
    }
    .partner-page .tab_content .panel ul.program_item li .image img {
        width: auto;
        max-width: 100%;
    }
    .partner-page .tab_content .panel ul.program_item li > dl dt {
        font-size: 16px;
    }
    .partner-page .tab_content .panel ul.program_item li > dl dd {
        font-size: 14px;
    }
	 
	.section_sales_partner .tab_content .tab::before,
    .section_sales_partner .tab_content .tab::after {
        width: 4%;
    }
	.section_sales_partner .tab_content .tab li.tab_program:hover,
	.section_sales_partner .tab_content .tab li.tab_program.is-active,
	.section_sales_partner .tab_content .tab li.tab_howto:hover,
	.section_sales_partner .tab_content .tab li.tab_howto.is-active {
        border-left: 1px solid #B6B4B5;
        border-right: 1px solid #B6B4B5;
    }
	.section_introduction_partner .tab_content .tab::before,
    .section_introduction_partner .tab_content .tab::after {
        width: 10%;
    }
	.section_introduction_partner .tab_content .tab li.tab_merit:hover,
	.section_introduction_partner .tab_content .tab li.tab_merit.is-active,
	.section_introduction_partner .tab_content .tab li.tab_howto:hover,
	.section_introduction_partner .tab_content .tab li.tab_howto.is-active {
        border-left: 1px solid #B6B4B5;
        border-right: 1px solid #B6B4B5;
    }
	 
	.partner-page .section_sales_partner h2,
	.partner-page .section_introduction_partner h2 {
		margin-bottom: 0;
	 }
	 .partner-page .section_partner_outro {
		padding-top: 50px;
	 }
	 .partner-page .section_partner_outro .btn_area .btn {
        box-sizing: border-box;
        font-size: 20px;
        padding: 15px 16px;
    }
    .partner-page .partner_outro {
         padding: 50px 0 90px;
     }
    .partner-page .partner_outro p {
         font-size: 24px;
         font-size: 2.4rem;
     }
    .partner-page .partner_outro .button_area {
        max-width: 370px;
        min-height: 110px;
        margin: 0 auto;
        padding: 10px 85px 0 0;
        background: url(../img/function/image_ebis.png) right bottom no-repeat;
        background-size: 73px auto;
     }
    .partner-page .partner_outro .button_area a {
         margin-top: 40px;
         font-size: 19px;
         font-size: 1.9rem;
         padding: 20px 10px;
         vertical-align: bottom;
        transition: background 0.2s ease;
     }
    

    /* partner_list */
    
	.partner-page #partner_list {
		padding: 50px 0;
	}
	.partner-page #partner_list .list_wrap {
		display: table;
		border-top: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		border-bottom: 1px solid #DBDBDB;
	}
	.partner-page #partner_list ul {
		display: table-row;
	}
	.partner-page #partner_list ul li {
		padding: 5px 10px;
		width: 33.33333%;
		display: table-cell;
		background: #F9F9F9 !important;
		border-top: 1px solid #fff;
		border-left: 1px solid #DBDBDB;
	}
	.partner-page #partner_list ul:nth-child(2n) li {
		background: #F3F3F3 !important;
	}
	.partner-page #partner_list ul li.pc {
		display: table-cell !important;
	}
	
	/* 2015/12/24追加 */
	.partner-page #partner_list .intro_box {
		background: #f5f5f5;
		padding: 15px 30px;
		width: 100%;
		margin-bottom: 40px;
		box-sizing: border-box;
	}
	.partner-page #partner_list .intro_box p.intro {
		text-align: center;
		margin: 14px 0;
	}
	.partner section#partner_list .intro_box p.intro + p {
		text-align: center;
	}
	.partner section#partner_list .intro_box .btn {
		font-size: 16px;
		text-align: center;
        width: 300px;
	}
	
	/* Form PAGE
	--------------------------- */
	
	.form-page .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.form-page .heading_area .hgroup h1 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		white-space: nowrap;
		width: 1%;
	}
	.form-page .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}
	.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;
    }
     
	/* backnumber */
		
	.section#backnumber {
		padding-top: 60px;
	}
	.section#backnumber h3 {
		margin-bottom: 10px;
	}
	.section#backnumber dl {
		padding-top: 30px;
	}
	.section#backnumber h3 + dl {
		padding-top: 15px;
	}
	.section#backnumber dt {
		margin-bottom: 13px;
		float: left;
		line-height: 1.1;
	}
	.section#backnumber dd {
		padding: 0 0 0 5em;
	}
	.section#backnumber dd ul li {
		margin-bottom: 10px;
	}
	
	/* Policy PAGE
	--------------------------- */

	.policy-page .section {
		padding : 50px 0;
	}
	.policy-page .section p {
		font-size: 16px;
	}
	.policy-page .section h2 {
		font-size: 28px;
		padding: 45px 0 5px;
	}
	.policy-page .section h3 {
		font-size: 20px;
		padding: 45px 0 5px;
	}
	.policy-page .section ul li {
		font-size: 16px;
	}
	.policy-page .section ul li ul li {
		font-size: 14px;
	}
	.policy-page .section ul li ul.number_list {
		padding : 20px 0;
	}
	.policy-page .section ul li ul.number_list li {
		font-size: 16px;
	}
	.policy-page .section .date {
		padding-top: 50px;
	}
	.policy-page .legal_table {
		margin-top: 20px;
		max-width: 800px;
	}
	.policy-page .legal_table caption {
		font-size: 16px;
		margin-bottom: 8px;
	}
	.policy-page .legal_table th,
	.policy-page .legal_table td {
		padding: 10px 15px;
		font-size: 16px;
	}
		
    /* SLO PAGE
    --------------------------- */
    
    .slo-page .section {
        padding: 40px 0 30px;
    }
    .slo-page .section#slo01 {
        padding-bottom: 0;
    }
    .slo-page .section#slo06 {
        padding-bottom: 100px;
    }
    .slo-page .section .heading02 {
        font-size: 24px;
    }
    .slo-page .section .heading02::before {
        margin-right: 10px;
    }
    .slo-page .section .heading03 {
        font-size: 18px;
        padding: 5px 20px;
        margin-bottom: 13px;
    }
    .slo-page .section .heading04 {
        font-size: 16px;
        margin: 0 0 3px 20px;
    }
    .slo-page .section p {
        font-size: 16px;
        margin: 0 20px;
    }
    .slo-page .section .img {
        padding: 30px 20px;
    }
    .slo-page .accent_area dt {
        font-size: 18px;
    }
    .slo-page .accent_area dd {
        font-size: 16px;
    }

    .slo-page .section p + .heading03,
    .slo-page .section .img + .heading03 {
        margin-top: 50px;
    }
    .slo-page .section p + .heading04,
    .slo-page .section .img + .heading04 {
        margin-top: 30px;
    }

	/*AUDIENCE*/
	.function_audience #function_audience03 .txt .cj {
		font-size: 20px;
		line-height: 1.3;
		padding: 16px 35px;
		text-align: center;
		max-width: 80%;
	}
    
    /* 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;
    }
	 
    /* Case PAGE
	--------------------------- */
	 
	.case-page .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.case-page .heading_area .hgroup h1 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		width: 1%;
		white-space: nowrap;
	}
	.case-page .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}
    
    
	/* ROUNDTABLE PAGE
	--------------------------- */
		
    .roundtable-page .mainvisual .txt {
        padding: 30px;
    }
	.roundtable-page .section .img_l .img {
		margin: 0 30px 10px 0;
	}
	.roundtable-page .section .img_r .img {
		margin: 0 0 10px 30px;
	}
	.roundtable-page .section .inner {
		padding-bottom: 40px;
	}
	.roundtable-page .section .inner h3 {
		font-size: 20px;
		margin: 40px 0 25px;
		line-height: 1.6;
	}
	.roundtable-page .section .inner p {
		font-size: 16px;
		line-height: 1.8;
		padding-bottom: 10px;
	}
	.roundtable-page .section .inner p strong {
		font-size: 18px;
	}
	.roundtable-page .section:last-of-type {
		padding-bottom: 70px;
	}
    .roundtable-page .section .inner .section_title {
        margin-bottom: 60px;
    }
    .roundtable-page .section .txt h3 {
        margin-top: 0;
    }
    .roundtable-page .img img:not(:first-child) {
        margin-top: 30px;
    }
    
   /* 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
	--------------------------- */

	#bt_menu {
		top: 10px;
	}

    #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;
	}
	#footer .copyright {
		float: right;
		text-align: right;
	}


	/* Function PAGE
	--------------------------- */
	
	.function-page #actual_link li {
		width: 50%;
		float: left;
	}
	.function-page #actual_link ul li a dt {
		font-size: 16px;
	}

	/* ViewThru */
	
	.function_viewthru #function_viewthru01 .txt {
		width: 43%;
	}
	.function_viewthru #function_viewthru01 .txt + img {
		padding-left: 5%;
	}
	
	/* LPO */
	
	.function_lpo #function_lpo02 .txt {
		width: 51%;
	}
	.function_lpo #function_lpo02 .txt + img {
		width: 42%;
	}

    /* COOPERATION */
    
	.function_cooperation .heading_area_large .inner {
        max-width: 1050px;
        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;
        padding-bottom: 10px;
        padding-right: 2%;
    }
    .function_cooperation .heading_area_large .hgroup {
        width: 51.5%;
    }
    .function_cooperation .heading_area_large .hgroup + .image {
        width: 47.5%;
        text-align: center;
        margin-bottom: 25px;
    }
    .function_cooperation .heading_area_large .inner::before,
    .function_cooperation .heading_area_large .inner::after {
        display:  none;
    }
    .function_cooperation .heading_area_large .hgroup h1 br {
        display: none;
    }

     
	/* Actual PAGE
	--------------------------- */

	/* relation_link */
	
	.actual-page #relation_link li {
		width: 33.33333%;
		float: left;
	}
	.actual-page #relation_link ul li a dt {
		font-size: 16px;
	}
	 
	 
	/* Case PAGE
	--------------------------- */

	/* relation_link */
	
	.case-page #relation_link li {
		width: 33.33333%;
		float: left;
	}
	.case-page #relation_link ul li a dt {
		font-size: 16px;
	}
	 

	/* Partner PAGE
	--------------------------- */
	 
	#section_sales_partner,
	#section_introduction_partner {
		margin-top: -97px;
		padding-top: 97px;
	}


	/* 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;
    }

    
    
    /* FUNCTION PAGE
    --------------------------- */
    
    .function-page #contents {
        padding-top: 60px;
        overflow: inherit;
    }
     
    .function-page .function_index .step1 { background-image: url(../img/function/bg_step01.png);background-position: center 25%;background-repeat: no-repeat;background-size: contain;}
    .function-page .function_index .step2 { background-image: url(../img/function/bg_step02.png);background-position: center 25%;background-repeat: no-repeat;background-size: contain;}
    .function-page .function_index .step3 { background-image: url(../img/function/bg_step03.png);background-position: center 25%;background-repeat: no-repeat;background-size: contain;}
    .function-page .function_index .step4 { background-image: url(../img/function/bg_step04.png);background-position: center 25%;background-repeat: no-repeat;background-size: contain;}
    .function-page .function_index .step5 { background-image: url(../img/function/bg_step05.png);background-position: center 25%;background-repeat: no-repeat;background-size: contain;}
     
    /* subnavアイコン設定 */
    .function_icon {
        width: 52px; height: 50px;
        background-size: 416px 100px;
    }
    .function_icon.mark_view {
        background-position: 0 0;
    }
    .function_icon.mark_click {
        background-position: -52px 0;
    }
    .function_icon.mark_route {
        background-position: -104px 0;
    }
    .function_icon.mark_lp {
        background-position: -156px 0;
    }
    .function_icon.mark_foot {
        background-position: -208px 0;
    }
    .function_icon.mark_cv {
        background-position: -260px 0;
    }
    .function_icon.mark_log {
        background-position: -312px 0;
    }
	.function_icon.mark_cooperation {
        background-position: -364px 0;
    }
	 
    a.active .function_icon.mark_view,
    a:hover .function_icon.mark_view {
        background-position: 0 -50px;
    }
    a.active .function_icon.mark_click,
    a:hover .function_icon.mark_click {
        background-position: -52px -50px;
    }
    a.active .function_icon.mark_route,
    a:hover .function_icon.mark_route {
        background-position: -104px -50px;
    }
    a.active .function_icon.mark_lp,
    a:hover .function_icon.mark_lp {
        background-position: -156px -50px;
    }
    a.active .function_icon.mark_foot,
    a:hover .function_icon.mark_foot {
        background-position: -208px -50px;
    }
    a.active .function_icon.mark_cv,
    a:hover .function_icon.mark_cv {
        background-position: -260px -50px;
    }
    a.active .function_icon.mark_log,
    a:hover .function_icon.mark_log {
        background-position: -312px -50px;
    }
	a.active .function_icon.mark_cooperation,
    a:hover .function_icon.mark_cooperation {
        background-position: -364px -50px;
    }
	 

    
    /* subnav */
    #subnav {
        position: fixed;
        top: 60px;
        width: 100%;
        background: #E7E7E7;
        z-index: 9;
    }
    .function_subnav ul::before,
    .function_subnav ul::after {
        content: "";
        display: table;
    }
    .function_subnav ul::after {
        clear: both;
    }
    .function_subnav ul {
        max-width: 1290px;
        margin: 0 auto;
        border-left: 1px solid #ccc;
    }
    .function_subnav li {
        float: left;
        box-sizing: border-box;
        width: 14.2857%;
/*        width: -webkit-calc( 100% / 7 );
        width: calc( 100% / 7 );*/
        border-bottom: none;
        border-right: 1px solid #ccc;
    }
    .function_subnav a {
        display: block;
        height: 90px;
        font-size: 14px;
        position: relative;
        text-align: center;
        background: #fff;
        border-left: none;
        border-bottom-style: solid;
        border-bottom-width: 5px;
        -webkit-transition: background ease .2s;
        transition: background ease .2s;
    }
    .function_subnav a br {
        display: block;
    }
    .function_subnav a::after {
        background: #fff;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    .function_subnav li:not(:last-of-type) a::after {
        top: 50%; right: -8px; bottom: auto; left: auto; 
        margin-top: -5px;
        -ms-transform: rotate( -45deg );
        -webkit-transform: rotate( -45deg );
        transform: rotate( -45deg );
    }
    
    .function_subnav a .nav_text {
        display: inline-block;
        line-height: 1.2;
        font-weight: 500;
        position: absolute;
        width: 100%;
        top: 50%; left: 0;
        -ms-transform: translateY( -50% );
        -webkit-transform: translateY( -50% );
        transform: translateY( -50% );
    }

    /* function_research */

    .function_research #function_research02 .txt {
         padding-bottom: 0;
    }
    .function_research #function_research02 .txt > ul {
        max-width: 100%;
        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;
        box-sizing:  border-box;         
    }
    .function_research #function_research02 .txt > ul > li {
        width: 32%;
        background-position: center 40%;
        margin-bottom: 0;
    }
	 
	 
    /* COOPERATION */

    .function_cooperation .heading_area_large .hgroup h1 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .function_cooperation .heading_area_large .hgroup h1 + p {
        font-size: 18px;
    }     
    .function-page .function_cooperation .section_wrap {
        display: -webkit-box;/* Android < 4.3 */
        display: -webkit-flex;/* safari(PC) */
        display: flex;
    }
    .function-page .function_cooperation .main {
        width: 75%;
        padding-left: 5%;
    }
    .function-page .function_cooperation .sub {
        display: block;
        width: 20%;
        padding-top: 35px;
    }
    .function-page .function_cooperation .sub ul {
        position: -webkit-sticky;
        position: sticky;
        top: 95px;
    }
    .function-page .function_cooperation .sub li {
		padding: 5px 0;
    }
    .function-page .function_cooperation .sub li a {
        display: block;
        text-align: center;
        padding: 8px 4px;
		border-radius: 25px;
		transition: background .3s ease, color .2s ease;
    }
    .function-page .function_cooperation .sub a:link,
    .function-page .function_cooperation .sub a:visited,
    .function-page .function_cooperation .sub a:hover,
    .function-page .function_cooperation .sub a:active {
        color: #333;
        text-decoration: none;
    }
    .function-page .function_cooperation .sub .active a,
    .function-page .function_cooperation .sub a:hover {
        background: #8DC747;
		color: #fff;
    }
	.function-page .function_cooperation .sub .support_btn {
        margin-top: 25px;
        background: #eee;
    }
    .function-page .function_cooperation .sub .support_btn a {
        padding: 0;
        border-bottom: none;
    }
    .function-page .function_cooperation .sub .support_btn a:hover {
        opacity: 0.8;
    }

    .function-page .function_cooperation .main .cooperation_section:not(:first-child) .hgroup {
        padding-top: 80px;
    }

    .function-page .function_cooperation .main .hgroup br {
        display: block;
    }
    .function_cooperation div.support_btn,
    .function_cooperation div.support_btn a{
        display: none !important;
    }

    /* チェックマークつける */
    
    .function .service_list li {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 1px 0 1px 14px;
        background-position: left 4px;
        background-repeat: no-repeat;
        background-size: 11px 9px;
    }
    .flow_click .service_list li {
        background-image: url(../img/function/ad/mark_check.png);
    }
    .flow_view .service_list li {
        background-image: url(../img/function/viewthru/mark_check.png);
    }
    .flow_route .service_list li {
        background-image: url(../img/function/seo/mark_check.png);
    }
    .flow_lp .service_list li {
        background-image: url(../img/function/lpo/mark_check.png);
    }
    .flow_foot .service_list li {
        background-image: url(../img/function/log/mark_check.png);
    }
    .flow_log .service_list li {
        background-image: url(../img/function/tag/mark_check.png);
    }
    .flow_cv .service_list li {
        background-image: url(../img/function/audience/mark_check.png);
    }
	 .flow_cooperation .service_list li {
        background-image: url(../img/function/cooperation/mark_check.png);
    }

    .step_column .step1,
    .step_column .step2 {
        position: relative;
        padding-left: 34px;
        margin-bottom: 0;
    }
    .step_column .step1 {
        background: url(../img/function/bg_step1_title.png) left bottom no-repeat #D5EFFB;
    }
    .step_column .step1::before {
        content: "測定";
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: absolute;
        left: 7px; top: 50%;
        margin-top: -29px;
        width: 1em;
        font-weight: 500;
    }
    .step_column .step2 {
        background: url(../img/function/bg_step2_title.png) left top no-repeat #FBDEDD;
    }
    .step_column .step2::before {
        content: "活用";
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        position: absolute;
        left: 7px; top: 50%;
        margin-top: -25px;
        width: 1em;
        font-weight: 500;
    }
    .function .function_list a {
        padding: 13px 10px 13px 15px;
    }
    
    .function .step_column li .function_list ul {
        max-width: 386px;
    }
    
    /* COOPERATION */

    .function-page .function_cooperation .main {
        max-width: 750px;
    }




    /* ACTUAL PAGE
    --------------------------- */
	
	.img_r .img_large {
		float: right;
		text-align: right;
	}
	.actual-page .section .img_l .img_large {
		margin: 0 30px 10px 0;
	}
	.actual-page .section .img_r .img_large {
		margin: 0 0 10px 30px;
	}
     
     .actual-page .dl_button_area .dl_button_area_inner {
        text-align: left;
        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;
    }
    .actual-page .dl_button_area .dl_button_area_inner .sub_text {
        padding: 0 15px 0 0;
    }
    .actual-page .dl_button_area .dl_button_area_inner .btn {
        white-space: nowrap;
    }

    /* material_column */
    .actual-page .material_column .material_column_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
    }
    .actual-page .material_column .material_column_inner .document {
        margin-bottom: 0;
     }
    .actual-page .material_column .material_column_inner .button_area {
        padding-bottom: 0;
     }
     .actual-page .material_column .material_column_inner .txt {
        margin-left: 20px;
     }
     
	/* 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)
	--------------------------- */
    
    #ebis_form .heading_area {
        margin-bottom: 50px;
    }
    
	/* 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;
    }

	/* Plan PAGE
	--------------------------- */

	/* plan01 */
	
	
	/* plan02 */

	.plan-page .contact_box .btn-primary {
		padding: 15px 16px;
	}
	.plan-page .contact_box .btn-primary span {
		line-height: 1;
	}
	.plan-page .contact_box .btn {
		width: 90%;
		box-sizing: border-box;
	}

	/* Partner PAGE
	--------------------------- */
    
    .partner-page .heading_area_large .hgroup {
        padding-top: 25px;
		padding-bottom: 15px;
        max-width: 980px;
        margin: 0 auto;
    }
    .partner-page .heading_area_large .hgroup h1 {
        margin-bottom: 35px;
    }
	 .partner-page .heading_area_large .hgroup h1 br {
        display: none;
    }
    .partner-page .heading_area_large .btn_area {
        padding: 10px 0 55px;
        max-width: 980px;
        margin: 0 auto;
    }
	.partner-page .section_about .img_left {
        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;
    }
    .partner-page .section_about .img_left .img {
        -webkit-box-flex: 0;
        -ms-flex:0 1 50%;/* IE10 */	
        flex: 0 1 50%;
        padding-bottom: 0;
        box-sizing: border-box;
        padding: 20px 30px 25px 0;
    }
	.partner-page .section_about .img_left .txt {
        -webkit-box-flex: 0;
        -ms-flex:0 1 50%;/* IE10 */	
        flex: 0 1 50%;
        padding: 20px 0 40px;
    }
	.partner-page .section_about .img_left .txt h2 {
        padding-top: 0;
    }
    .partner-page .tab_content .panel ul.program_item {
        display: -webkit-box;/* Android < 4.3 */
        display: -ms-flexbox;/* IE10 */	
        display: -webkit-flex;/* safari(PC) */
        display: flex;
    }
    .partner-page .tab_content .panel_program ul.program_item {
        background: url(../img/partner/bg_flow_program.png) center 30px no-repeat;
        background-size: 100% 120px;
    }
    .partner-page .tab_content .panel ul.program_item li,
    .partner-page .tab_content .panel ul.program_item li > div,
    .partner-page .tab_content .panel ul.program_item li > dl {
        display: block;
    }
    .partner-page .tab_content .panel > div {
        padding: 15px 0;
    }
    
    .partner-page .tab_content .panel ul.program_item li {
        width: 33.33333%;
        padding: 20px 0 15px;
    }
    .partner-page .tab_content .panel ul.program_item li .image {
        width: auto;
    }
    .partner-page .tab_content .panel ul.program_item li > dl {
        padding: 10px 20px;
    }
    .partner-page .tab_content .panel ul.program_item li > dl dt {
        text-align: center;
        margin-bottom: 10px;
    }
    .partner-page .tab_content .panel_program,
    .partner-page .tab_content .panel_merit {
        margin-left: 2%;
        margin-right: 2%;
    }
	.section_introduction_partner .tab_content .tab::before,
    .section_introduction_partner .tab_content .tab::after {
        width: 19%;
    }
	.partner-page .flow_area {
		margin: 45px -13px 0;
	}
	.partner-page .flow_area dl {
		width: 20%;
		float: left;
		padding: 0 13px;
		box-sizing: border-box;
	}
	.partner-page .flow_area dl dt {
		font-size: 18px;
		margin-bottom: 10px;
		padding: 9px;
		line-height: 1.4;
		text-align: center;
		position: relative;
	}
	.partner-page .flow_area dl dd {
		padding-bottom: 30px;
	}
	.partner-page .flow_area dl dt::after {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -1.7em;
		border-top: 1.7em solid transparent;
		border-bottom: 1.7em solid transparent;
		border-left: 1em solid #33A3D4;
		right: -1em;
	}
    
    .partner-page .flow_area li:nth-of-type(1) dl dt::after { border-left-color: #A8A8A8;}
    .partner-page .flow_area li:nth-of-type(2) dl dt::after { border-left-color: #9C9C9C;}
    .partner-page .flow_area li:nth-of-type(3) dl dt::after { border-left-color: #919191;}
    .partner-page .flow_area li:nth-of-type(4) dl dt::after { border-left-color: #868686;}
    .partner-page .flow_area li:nth-of-type(5) dl dt::after { border-left-color: #7C7C7C;}
        
	.partner-page .flow_area li:last-child dt::after {
		display: none;
	}
	.partner-page .flow_area dl dt .step {
		font-size: 16px;
		display: block;
	}
	.partner-page .flow_area dl dt .step::after {
		content: "";
	}
	.partner-page .note {
		margin-top: 15px;
	}
	.partner-page .flow_area dl dt .accent {
		white-space: nowrap;
		position: absolute;
		left: 50%;
		top: -10px;
		margin: 0;
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
    
    .partner-page .section_sales_partner .tab_content .panel_program ul.program_item {
        background: url(../img/partner/bg_flow_program.png) center 30px no-repeat;
        background-size: 100% 120px;
    }

    .partner-page .section_sales_partner .panel_howto .note {
        margin-bottom: 30px;
    }
        
    
    /* 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;
    }

	/* ROUNDTABLE PAGE
	--------------------------- */
		
	.roundtable-page .mainvisual {
		padding-bottom: 30px;
	}
	.roundtable-page .mainvisual .mainimg {
		margin-top: 50px;
		display: table;
		width: 100%;
	}
	.roundtable-page .mainvisual .mainimg .img {
		display: table-cell;
		width: 48.8%;
		vertical-align: top;
	}
	.roundtable-page .mainvisual .mainimg .img img {
		width: 100%;
	}
	.roundtable-page .mainvisual .mainimg .txt {
		display: table-cell;
		vertical-align: top;
		text-align: left;
	}
	.roundtable-page .mainvisual .mainimg h2 {
        font-size: 23px;
        margin-bottom: 15px;
    }


}

@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%;
	}
    



    /* FUNCTION PAGE
    --------------------------- */
    
    
    /* サブカテゴリ */
    
    .sub_category ul {
        max-width: 1290px;
        margin: 0 auto;
    }

    /* TV */
	.function_tv #function_tv02 .note {
		display: table;
		padding: 0;
	}
	.function_tv #function_tv02 .note .note_img {
		display: table-cell;
		width: 400px;
		vertical-align: middle;
		text-align: center;
	}
	.function_tv #function_tv02 .note .note_txt {
		display: table-cell;
		vertical-align: middle;
		padding: 18px 18px 18px 0;
	}
	.function_tv #function_tv02 .note .note_txt p {
		font-size: 14px;
		line-height: 1.5;
	}

    /* FUNCTION PAGE
    --------------------------- */
    
    .function {
        max-width: 100%;
    }

    /* COOPERATION */
    
    .function-page .function_cooperation .main .hgroup {
        display: -webkit-box;/* Android < 4.3 */
        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;
    }
    .function-page .function_cooperation .main .hgroup h2 {
        width: 35%;
        -webkit-box-flex: 0;
        flex: 0 1 35%;
        font-size: 26px;
        font-size: 2.6rem;
    }
    .function-page .function_cooperation .main .hgroup p {
        width: 65%;
        -webkit-box-flex: 0;
        flex: 0 1 65%;
    }
    .cooperation_list {
        max-width: 750px;
    }
    .cooperation_list li {
        width: 33.33333%;
        width: -webkit-calc( 100% / 3 );
        width: calc( 100% / 3 );
    }
    .function-page .function_cooperation .main #ec .hgroup h2,
    .function-page .function_cooperation .main #web_customer_service .hgroup h2,
    .function-page .function_cooperation .main #dmp .hgroup h2 {
        width: 30%;
        flex: 0 1 30%;
    }
    .function-page .function_cooperation .main #ec .hgroup p,
    .function-page .function_cooperation .main #web_customer_service .hgroup p,
    .function-page .function_cooperation .main #dmp .hgroup p {
        width: 70%;
        flex: 0 1 70%;
    }
    .function-page .function_cooperation .main #heatmap .hgroup h2 {
        width: 50%;
        flex: 0 1 50%;
    }
    .function-page .function_cooperation .main #heatmap .hgroup p {
        width: 50%;
        flex: 0 1 50%;
    }
	
	/* Partner PAGE
	--------------------------- */
	
    .partner-page .tab_content .tab li {
        width: 30.66666%;
    }
    .partner-page .tab_content .tab li a {
        font-size: 20px;
    }
    .partner-page .tab_content .panel ul.program_item li > dl {
        padding: 10px 20px;
    }
    .partner-page .tab_content .panel ul.program_item li > dl dt {
        font-size: 18px;
    }
    .partner-page .tab_content .panel ul.program_item li > dl dd {
        font-size: 16px;
    }
    .partner-page .flow_area dl dt {
		font-size: 20px;
    }

    /* PRICE PAGE */
    
    .plan-page .contact_box {
        max-width: 780px;
    }
    .plan-page .contact_box .contact_box_inner {
        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;
        padding:  0 0 0 3.1%;
    }
    .plan-page .contact_box .contact_box_inner dl {
        width: 50%;
        padding: 0 1%;
        box-sizing: border-box;
    }
    .plan-page .contact_box .contact_box_inner dl.tel {
        width: 45%;
        margin: 15px 0 15px 2%; padding: 0 3%;
        border-width: 0 0 0 2px;
    }
    .plan-page .contact_box .tel dd strong {
        font-szie: 21px;
        font-size: 2.1rem;
    }

    /* 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;
    }


	/* EbiColle PAGE
	--------------------------- */

    /* download_list */
	
	.ebicolle-page .download_list li {
		width: 33.333333%;
	}
	.ebicolle-page .download_list li a {
		padding: 0;
	}
    .ebicolle-page .download_list li a .download_title {
        font-size: 14px;
    }

    /* News PAGE
    --------------------------- */   
    
	/* newslist */

	.news-page .news_list article .news_img {
		width: 32.5%;
		float: left;
		margin-bottom: 0;
	}
	.news-page .news_list article .archive_txt {
		width: 65%;
		float: right;
	}
    .news-page .news_list article .news_title {
        margin-top: 10px;
    }


}


@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;
    }

    /* #nav .nav_global 20171005
    --------------------------- */
    
    #nav{
        display: table-cell;
    }
	#nav ul {
		display: block;
	}
    #nav li a[href]::after {
        display: none;
    }
	#nav ul.nav_global {
		float: right;
		margin-right: 127px;
	}
	#nav ul.nav_global > li {
		height: 60px;
		display: inline-block;
		vertical-align: top;
		border: 0 none;
		background: none !important;
        position: relative;
	}
	#nav ul.nav_global > li > a {
		color: #fff;
		height: 60px;
		line-height: 60px;
		vertical-align: middle;
		padding: 0 15px;
		background: none;
		box-sizing: border-box;
	}
    #nav ul.nav_global > li > a.dropdown_link::after {
        display: inline-block;
        position: relative;
        right: inherit; top: inherit;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        border-color: #ffffff transparent transparent transparent;
        -ms-transform: rotate( 0 );
        -webkit-transform: rotate( 0 );
        transform: rotate( 0 );
        margin: 0 0 0 5px;
    }
	#nav ul.nav_global > li > a:hover,  #nav ul.nav_global > li.active > a, #nav ul.nav_global > li.show_ddmenu > a {
		border-bottom: 2px solid #fff;
		background: #f44b56;
	}
	#nav ul.nav_global ul {
        display: none;
        position: absolute;
        left: 0; top: 60px;
        background: #fff;
        min-width: 160px;
        padding: 5px 0;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    }
    #nav > ul > li > ul > li a {
        background: #fff;
        white-space: nowrap;
        padding: 8px 15px;
    }
    #nav > ul > li > ul > li a[href]:hover {
        background: #fff;
        color: #ED3942;
        border: 0 none;
    }    
	#bt_menu {
		display: none;
	}
    #nav ul.nav_global li.spnav {
		display: none;
	}
    #header .tel_icon {
        display: none;
        top: 10px;
        right: 10px;
    }
	#nav ul.nav_contact {
		position: absolute;
		right: 10px;
		top: 0;
		display: block;
		height: 60px;
	}
	#nav ul.nav_contact li {
		vertical-align: middle;
		height: 60px;
		line-height: 60px;
		padding: 0 5px;
		display: inline-block;
		border: 0 none;
		background: none !important;
	}
	#nav ul.nav_contact li:last-child {
		padding-right: 10px;
	}
	#nav ul.nav_contact li a {
		display: inline-block;
		background: #fff;
		color: #ED3942;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
		border: 0 none;
        font-size: 12px;
		border-radius: 6px;
		box-shadow: 0 0 10px rgba(0,0,0,0.16);
	}
	#nav ul.nav_contact li a:hover,  #nav ul.nav_contact li.active a {
		background: #FFD24D;
	}
	#nav ul.nav_contact .nav_tel{
        display: none;
	}    
	#nav ul.nav_contact .nav_tel img {
		vertical-align: middle;
	}
	
}



@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;
    }
    
	/* #nav
	--------------------------- */ 
	#nav ul.nav_global {
		margin-right: 140px;
	}
	#nav ul.nav_global > li > a {
        font-size: 14px;
	}
    #header .tel_icon {
        display: none;
    }
	#nav ul.nav_contact li a {
        font-size: 14px;
    }
    

    /* FUNCTION PAGE
    --------------------------- */
    
    .function_index .heading_area .inner {
        padding-top: 30px;
        padding-bottom: 35px;
    }
    .function-page .function_index .section {
        padding: 70px 0;
    }
     .function_index .section .slide {
        position: relative;
    }
    .function-page .function_index .slider {
        width: auto;
        width: 540px;
        position: absolute;
        right: 0; top: 60px;
        left: auto; bottom: auto;
        padding: 0;
        background: none;
    }
    .function-page .function_index .section:nth-of-type(2n) .slider {
        right: auto; left: 0;        
    }
    .function_index .slide .step_number,
    .function_index .slide h2 {
        text-align: left;
        padding-left: 30px;
    }
    .function_index .section:nth-of-type(2n) .slide .step_number,
    .function_index .section:nth-of-type(2n) .slide h2 {
        margin-left: 80px;
        padding-left: 49.5%;
    }
    .function_index .slide-for-navigation li {
        width: 115px;
    }
    .function_index .slider .slick-next, .function_index .slider .slick-prev {
        bottom: 2px;
    }
    .function_index .slide_detail {
        max-width: inherit;
        margin-left: 0;
        margin-right: 80px;
        padding-right: 49.5%;
        padding-bottom: 40px;
        border-radius: 6px;
    }
    .function_index .section:nth-of-type(2n) .slide_detail  {
        margin-right: 0;
        margin-left: 80px;
        padding-right: 30px;
        padding-left: 49.5%;
    }
    
    
    /* COOPERATION */
    
    .function_cooperation .heading_area_large .hgroup h1 {
        font-size: 40px;
    }
    .function_cooperation .heading_area_large .hgroup h1 + p {
        font-size: 20px;
    }
    
    /* function_research */
    .function_research #function_research02 .inner {
        max-width: 1000px;
     }
    .function_research #function_research02 .txt > ul > li {
        width: 30%;
        background-position: center 46%;
    }
    .function_research #function_research02 .txt > ul > li dl dt {
        max-width: 280px;
    }
    .function_research #function_research02 .txt > ul > li dl dt .step {
        font-size: 36px;
        font-size: 3.6rem;
    }
    .function_research #function_research02 .txt > ul > li dl dt {
        font-size: 20px;
        font-size: 2rem;
    }
    .function_research #function_research02 .txt > ul > li dl .text {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 280px;     
    }
    .function_research #function_contact .function_inner {
        margin: 0 auto;
    }

    /* Plan PAGE */
    .plan-page .contact_box .contact_box_inner dl.tel {
        padding: 0 2%;
    }
    .plan-page .contact_box dl.tel dt {
        margin-bottom: 0;
    }
    .plan-page .contact_box .tel dd strong {
        font-szie: 28px;
        font-size: 2.7rem;
    }    

    /* 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;
	}

	 #nav ul.nav_global {
		margin-right: 307px;
	}

	/* contact_area */
    
	#nav ul.nav_contact .nav_tel{
        display: inline-block;
	}
	#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;
    }
    
	/* heading_area */
	
	[class^="heading_area"] .topicpath ol {
		margin: 0 10px;
	}
	
	/* step_column */
	
	#provide_area .step_column h4 {
		height: auto;
	}
	#provide_area .step_column .step1 h4::after {
		height: 46px;
		width: 46px;
	}
	#provide_area .step_column ul li span {
		height: 72px;
	}
	#provide_area .step_column .step1 {
		float: left;
		width: 70%;
	}
	#provide_area .step_column .step1 li {
		width: 14.2857142%;
	}
	#provide_area .step_column .step2 {
		float: left;
		width: 30%;
	}
	#provide_area .step_column .step2 li {
		width: 33.3333333%;
	}
	
	/* Form PAGE (Marketo)
	--------------------------- */
    
    #ebis_form:not(.is_header_fixed) #header .inner {
        display: block;
    }
    
        
	/* 404 PAGE
	--------------------------- */
	.notfound-page .heading_area .hgroup {
		display: table;
		width: 100%;
	}
	.notfound-page .heading_area .hgroup h1 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		width: 50%;
	}
	.notfound-page .heading_area .hgroup h1 + p {
		display: table-cell;
		font-size: 16px;
		padding-left: 50px;
		text-align: left;
		vertical-align: middle;
	}
	.notfound-page .section p {
		font-size: 16px;
	}
	.notfound-page .section h3 {
		font-size: 28px;
		padding: 30px 0 15px;
	}
	.notfound-page #notfound01 {
		padding: 40px 0 200px;
	}
	.notfound-page #notfound01 h2 {
		font-size: 28px;
		padding: 0 4%;
	}


    /* PARTNER PAGE
    --------------------------- */
    
    .partner-page .section_about .img_left .img {
        text-align: left;
    }
    .partner-page .tab_content .panel ul.program_item li > dl dt {
        font-size: 20px;
    }

	.partner-page .section_sales_partner h2,
	.partner-page .section_introduction_partner h2,
	.partner-page .section_sales_partner .subtext,
	.partner-page .section_introduction_partner .subtext {
		padding-left: 4%;
		padding-right: 4%;
	 }
	 
	 

	/* 2015/12/24追加 */
	.partner-page #partner_list .intro_box {
		box-sizing: border-box;
		background: #f5f5f5;
		padding: 15px 30px;
		width: 100%;
		margin-bottom: 40px;
	}
	.partner-page #partner_list .intro_box p.intro {
		float: left;
        text-align: left;
		width: 67%;
		margin: 14px 0;
	}
	.partner section#partner_list .intro_box p.intro + p {
        float: right;
		width: 33%;
     }
	.partner section#partner_list .intro_box .btn {
        width: auto;
		font-size: 16px;
	}
}
 @-webkit-keyframes bgmove {
	0% {
		background-position: 0 50%;
	}
	100% {
		background-position: 1781px 50%;
	}
}
@keyframes bgmove {
	0% {
		background-position: 0 50%;
	}
	100% {
		background-position: 1781px 50%;
	}
}


/* actual_update 20170522 go kutsuno
--------------------------- */

#actual_01 .inner .actual_menu {
	display: -webkit-box;/* Android < 4.3 */
	display: -webkit-flex;/* safari(PC) */
	display: flex;
  	-webkit-justify-content: space-between; /* Safari */
  	justify-content:         space-between;
	-webkit-flex-wrap: wrap; /* Safari */
  	flex-wrap:         wrap;
	padding: 0 0 30px 0;
}

#actual_01 .inner .actual_menu li {
	position: relative;
	padding-bottom: 10px;
	width: 32%;
}
#actual_01 .inner .actual_menu li:nth-child(1) {
    width: 100%;
}
#actual_01 .inner .actual_menu li button {
    box-sizing: border-box;
    font-family: "M PLUS 1p", "Hiragino Kaku Gothic ProN", メイリオ, meiryo, sans-serif;
    width: 100%;
	height: 100%;
	text-align : center;
	background : rgba(255,255,255,1);
	padding : 12px 5px 10px;
	position : relative;
	z-index : 0;
	box-shadow : 0 3px 0 #eee;
	font-weight: 500;
	border : none;
    cursor : pointer;
    outline : none;
    appearance : none;
	overflow : visible;
}
#actual_01 .inner .actual_menu .is-checked {
	box-shadow: none;
	color: #fff;
	position: relative;
}
#actual_01 .inner .actual_menu .actual_sort_all {
	border: 1px solid #999999;
	border-bottom: 7px solid #999999;
}
#actual_01 .inner .actual_menu .actual_sort_all.is-checked {
	border: 1px solid #999999;
	background: #999999;
	border-bottom: 7px solid #999999;
}
#actual_01 .inner .actual_menu .actual_sort_it {
	border: 1px solid #6CACE6;
	border-bottom: 7px solid #6CACE6;
}
#actual_01 .inner .actual_menu .actual_sort_it.is-checked {
	border: 1px solid #6CACE6;
	background: #6CACE6;
	border-bottom: 7px solid #6CACE6;
}
#actual_01 .inner .actual_menu .actual_sort_consulting {
	border: 1px solid #8C76B9;
	border-bottom: 7px solid #8C76B9;
}
#actual_01 .inner .actual_menu .actual_sort_consulting.is-checked {
	border: 1px solid #8C76B9;
	background: #8C76B9;
	border-bottom: 7px solid #8C76B9;
}
#actual_01 .inner .actual_menu .actual_sort_retail {
	border: 1px solid #83CF87;
	border-bottom: 7px solid #83CF87;
}
#actual_01 .inner .actual_menu .actual_sort_retail.is-checked {
	border: 1px solid #83CF87;
	background: #83CF87;
	border-bottom: 7px solid #83CF87;
}
#actual_01 .inner .actual_menu .actual_sort_education {
	border: 1px solid #FF7186;
	border-bottom: 7px solid #FF7186;
}
#actual_01 .inner .actual_menu .actual_sort_education.is-checked {
	border: 1px solid #FF7186;
	background: #FF7186;
	border-bottom: 7px solid #FF7186;
}
#actual_01 .inner .actual_menu .actual_sort_media {
	border: 1px solid #E0C77A;
	border-bottom: 7px solid #E0C77A;
}
#actual_01 .inner .actual_menu .actual_sort_media.is-checked {
	border: 1px solid #E0C77A;
	background: #E0C77A;
	border-bottom: 7px solid #E0C77A;
}
#actual_01 .inner .actual_menu .actual_sort_personnel {
	border: 1px solid #999;
	border-bottom: 7px solid #999;
}
#actual_01 .inner .actual_menu .actual_sort_personnel.is-checked {
	border: 1px solid #999;
	background: #999;
	border-bottom: 7px solid #999;
}
#actual_01 .inner .actual_menu .actual_sort_financial {
	border: 1px solid #4B82B4;
	border-bottom: 7px solid #4B82B4;
}
#actual_01 .inner .actual_menu .actual_sort_financial.is-checked {
	border: 1px solid #4B82B4;
	background: #4B82B4;
	border-bottom: 7px solid #4B82B4;
}
#actual_01 .inner .actual_menu .actual_sort_apparel {
	border: 1px solid #F1975B;
	border-bottom: 7px solid #F1975B;
}
#actual_01 .inner .actual_menu .actual_sort_apparel.is-checked {
	border: 1px solid #F1975B;
	background: #F1975B;
	border-bottom: 7px solid #F1975B;
}
#actual_01 .inner .actual_menu .actual_sort_architecture {
	border: 1px solid #B7985E;
	border-bottom: 7px solid #B7985E;
}
#actual_01 .inner .actual_menu .actual_sort_architecture.is-checked {
	border: 1px solid #B7985E;
	background: #B7985E;
	border-bottom: 7px solid #B7985E;
}


#actual_01 .inner .actual_menu button.is-checked:after {
	content: "";
	z-index: 1;
	display: block;
	position: absolute;
	left: -webkit-calc( 50% - 7px );
	left: calc( 50% - 7px );
	bottom: -7px;
	width: 0;
	height: 0;
	background-color: transparent;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #f7f7f7 transparent;
}

.actual-page .section .inner .actual_list li.actual_list_item {
	width: 100%;
}


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

    .actual-page .actual_list a {
        padding: 30px 15px 20px;
    }

	.actual-page .section .inner .actual_list li.actual_list_item {
		width: 49.99999%;
	}
    #actual_01 .actual_list .description {
        font-size: 18px;
    }
    #actual_01 .inner .actual_menu li button {
        font-size: 14px;
    }    
	#actual_01 .inner .actual_menu li:nth-child(n) {
		width: 19%;
	}
    .actual-page .mainvisual .detail_area {
        padding: 0 10px 15px;
        margin-bottom: 30px;
    }
    .actual-page .mainvisual .detail_area dt {
        font-size: 20px;
    }
    .actual-page .mainvisual .detail_area dd li {
        font-size: 18px;
    }
    .actual-page .dl_button_area .dl_button_area_inner .sub_text {
        font-size: 16px;
    }
    .actual-page .dl_button_area .dl_button_area_inner .btn {
        font-size: 18px;
    }
    
}
@media only screen and (min-width: 1075px) {
    .actual-page .actual_list .actual_logo {
		line-height: 50px;
        height: 50px;
        margin-top: 0;
    }
    .actual-page .actual_list .actual_logo img {
        max-height: 50px;
    }
}

/* Case PAGE
--------------------------- */

body.case-page {
    font-size: 15px;
    line-height: 1.6;
}

.case-page .case_head .heading_area .hgroup h1,
.case-page .case_head_small .heading_area .hgroup h1,
.case-page .case_head_x-small .heading_area .hgroup h1{
	font-weight: normal;
}
.case-page .case_head_02 .heading_area .hgroup h1{
	line-height: 1.3;
}
.case-page .heading_area .hgroup h1 span {
	display: inline-block;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 0 1.5em;
	position: relative;
}
.case-page .heading_area .hgroup h1 span:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	padding: 0.5em;
	background-image: url(../img/case/header_span.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

.case-page #case_navi.section h2{
	text-align: center;
}
.case-page .case_menu {
	display: -webkit-box;/* Android < 4.3 */
	display: -webkit-flex;/* safari(PC) */
	display: flex;
  	-webkit-justify-content: space-between; /* Safari */
  	justify-content:         space-between;
	-webkit-flex-wrap: wrap; /* Safari */
  	flex-wrap:         wrap;
	padding: 30px 0;
}
.case-page .case_menu li {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}

.case-page .case_menu button {
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	border : none;
    cursor : pointer;
    outline : none;
    appearance : none;
	background-image: url(../img/case/menu_serifu.png);
	background-repeat: no-repeat;
	background-position: 50% -55px;
	font-size: 20px;
    font-family: "M PLUS 1p", "Hiragino Kaku Gothic ProN", メイリオ, meiryo, sans-serif;
	font-weight: 500;
	line-height: 1.3;
	box-shadow : 0 3px 0 #e1e1e1;
}
.case-page .case_menu button span {
	font-size: 18px;
}
.case-page .case_menu button img {
	position: relative;
	display: block;
	width: 170px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}
.case-page .case_menu button:after {
	content: '';
	height: 15px;
	width: 100%;
	display: block;
	background-image: url(../img/case/menu_arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.case-page .case_menu .menu_item01 button {
	color: #32929C;
	background-color: #A2DBE1;
	border-left: 1px solid #A2DBE1;
	border-right: 1px solid #A2DBE1;
	border-top: 1px solid #A2DBE1;
}
.case-page .case_menu .menu_item01 button:after {
	background-color: #32929C;
}
.case-page .case_menu .menu_item01 button:hover {
	background-color: #B8E3E9;
}
.case-page .case_menu .menu_item02 button {
	color: #EF4F57;
	background-color: #F7ACB0;
	border-left: 1px solid #F7ACB0;
	border-right: 1px solid #F7ACB0;
	border-top: 1px solid #F7ACB0;
}
.case-page .case_menu .menu_item02 button:after {
	background-color: #EF4F57;
}
.case-page .case_menu .menu_item02 button:hover {
	background-color: #F9C1C5;
}
.case-page .case_menu .menu_item03 button {
	color: #D58500;
	background-color: #FFDDA4;
	border-left: 1px solid #FFDDA4;
	border-right: 1px solid #FFDDA4;
	border-top: 1px solid #FFDDA4;
}
.case-page .case_menu .menu_item03 button:after {
	background-color: #D58500;
}
.case-page .case_menu .menu_item03 button:hover {
	background-color: #FFE8C1;
}
.case-page .case_menu .menu_item04 button {
	color: #AA8F51;
	background-color: #DBC999;
	border-left: 1px solid #DBC999;
	border-right: 1px solid #DBC999;
	border-top: 1px solid #DBC999;
}
.case-page .case_menu .menu_item04 button:after {
	background-color: #AA8F51;
}
.case-page .case_menu .menu_item04 button:hover {
	background-color: #E3D6B3;
}
.case-page .section {
	padding: 38px 0 35px 0;
}
.case-page .section:nth-of-type(1) {
	border-bottom: 2px solid #CCC;
}
.case-page .section:nth-of-type(2n+1) {
	background: #F7F7F7;
}
.case-page .case_content.section:nth-of-type(2n) {
	background: #FFF;
	padding-top: 0;
}
.case-page .section[id^="case_area"] .inner {
	max-width: 730px;
}
.case-page .section h2 {
	font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 0;
}
.case-page .section.case_title h2 {
	color: #EC4B52;
	font-weight: 500;
	margin-bottom: -20px;
}

.case-page .section.case_title h2 span {
	font-size: 12px;
	font-weight: normal;
	display: block;
	color: #000;
	padding: 8px 0 0 0;
}
.case-page .section.case_title h2:before {
	content: '';
	width: 0;
	margin: 0;
}
.case-page .section h2:before {
	content: "";
	width: 0.75em;
	height: 0.75em;
	margin: 0 .25em 0 0;
	display: inline-flex;
	background-size: 100%;
	background-repeat: no-repeat;
}
.case-page #case_area_01.section h2:before {
	background-image: url(../img/case/h3_area1.png);
}
.case-page #case_area_02.section h2:before {
	background-image: url(../img/case/h3_area2.png);
}
.case-page #case_area_03.section h2:before {
	background-image: url(../img/case/h3_area3.png);
}
.case-page #case_area_04.section h2:before {
	background-image: url(../img/case/h3_area4.png);
}
.case-page .section .case_list {
	display: -webkit-box;/* Android < 4.3 */
	display: -webkit-flex;/* safari(PC) */
	display: flex;
	-webkit-align-items: stretch; /* Safari */
	align-items:         stretch;
  	-webkit-justify-content: space-between; /* Safari */
  	justify-content:         space-between;
	-webkit-flex-wrap: wrap; /* Safari */
  	flex-wrap:         wrap;
}
/* justify-content:space-between;の影響で2カラム目の配置位置がズレる対処 */
.case-page .section .case_list::after{
    content: "";
    display: block;
    width: 32%;
}
.case-page .section .case_list li {
	width: 100%;
	align-self: stretch;
	background-color: #fff;
	box-sizing: border-box;
	box-shadow : 0 3px 0 #eee;
	margin: 0 0 15px 0;
}
.case-page #case_area_01.section .case_list li {
	border: 4px solid #A2DBE1;
}
.case-page #case_area_02.section .case_list li {
	border: 4px solid #F7AAAE;
}
.case-page #case_area_03.section .case_list li {
	border: 4px solid #FFDDA4;
}
.case-page #case_area_04.section .case_list li {
	border: 4px solid #DBC999;
}
.case-page .section .case_list li a {
	display: -webkit-box;/* Android < 4.3 */
	display: -webkit-flex;/* safari(PC) */
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	padding: 0 10px 0 5px;
	height: 100%;
	color: #000;
	text-decoration: none;
}
.case-page .section .case_list li a:hover {
	background-color: #eee;
	text-decoration: underline;
}
.case-page .section .case_list li i img {
	max-width: 85px;
	margin: 0 10px 0 0;
}
.case-page .section .case_list li p {
	line-height: 1.3;
	padding: 10px 0 10px 0;
}
.case-page .section .inner h3 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    border-left: 5px solid #ED3942;
    padding: 0 0 0 10px;
    margin: 20px 0 15px;
    line-height: 1.4;
}
.case-page .section .inner p {
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 10px;
    line-height: 1.5;
}
.case-page .section .inner p strong {
    font-size: 16px;
    font-size: 1.6rem;
    color: #EB393F;
    font-weight: 500;
}
.case-page .section .inner .case_quotation {
	width: 86%;
	display: block;
	margin: 0 auto 60px auto;
	border: 3px solid #FFAA17;
}
.case-page .section .inner .case_quotation ol {
	padding: 20px 20px 0 20px;
	list-style-position: inside;
}
.case-page .section .inner .case_quotation ol li {
	margin-bottom: 20px;
	font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
}
.case-page .section .inner .img, .case-page .section .inner .img_large {
    margin-bottom: 15px;
	margin-top: 15px;
}
.case-page .section .inner .img_c {
    text-align: center;
    margin-bottom: 15px;
	padding: 15px 0;
}
.case-page .section.case_content .inner .small {
    font-size: 87.5% !important;
}


/* btn_area */

.case-page .btn_area .btn-secondary {
    background: #bbb;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    width: 250px;
    text-align: center;
}
.case-page .btn_area .btn-secondary:hover {
    background: #acacac;
}

/* relation_link */

.case-page #relation_link {
	padding: 30px 0 10px;
	border-top: 2px solid #ccc;
}
.case-page #relation_link h2 {
	font-size: 16px;
}
.case-page #relation_link ul li a {
	display: block;
	margin-right: 15px;
}
.case-page #relation_link ul li a::after {
	clear: both;
}
.case-page #relation_link ul li a::after {
	content: "";
	display: table;
}
.case-page #relation_link ul li a::after {
	clear: both;
}
.case-page #relation_link ul li a span {
	display: block;
	float: left;
	margin: 0 10px 20px 0;
}
.case-page #relation_link ul li a dl {
	margin-bottom: 20px;
	font-size: 14px;
}
.case-page #relation_link ul li a dt {
	font-weight: 500;
	color: #333;
}
.case-page #relation_link ul li a:hover {
	text-decoration: none;
}
.case-page #relation_link ul li a:hover img {
	opacity: 0.8;
}
.case-page #relation_link ul li a:hover dd {
	text-decoration: underline;
}

@media only screen and (min-width: 450px) {
	/* Case PAGE
	--------------------------- */
	.case-page .case_menu li {
		width: 48%;
	}
}
@media only screen and (min-width: 640px) {
	/* Case PAGE
	--------------------------- */
	.case-page .heading_area .hgroup h1 span {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.case-page .case_head .heading_area .hgroup h1 {
		font-size: 38px;
		font-size: 3.8rem;
		letter-spacing: -0.005em;
	}
	.case-page .case_head_small .heading_area .hgroup h1 {
		font-size: 33px;
		font-size: 3.3rem;
		letter-spacing: -0.005em;
	}
	.case-page .case_head_x-small .heading_area .hgroup h1 {
		font-size: 31px;
		font-size: 3.1rem;
		letter-spacing: -0.02em;
	}
	.case-page .case_head .heading_area .hgroup h1,
	.case-page .case_head_02 .heading_area .hgroup h1,
	.case-page .case_head_small .heading_area .hgroup h1,
	.case-page .case_head_x-small .heading_area .hgroup h1 {
		white-space: normal;
	}
	 .case-page .heading_area .hgroup h1 span:before {
		 top: 5px;
	}
	.case-page .section .btn_area{
		margin: 30px auto;
	}
	.case-page .section h2 {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.case-page .section.case_title h2 {
		letter-spacing: -0.03em;
	}
	.case-page .section.case_title h2 span {
		text-align: right;
	}
	.case-page .section .inner h3 {
		font-size: 20px;
		font-size: 2rem;
		margin: 40px 0 25px;
		line-height: 1.6;
	}
	.case-page .section .inner p {
		font-size: 16px;
        font-size: 1.6rem;
		line-height: 1.8;
		padding-bottom: 10px;
	}
    .case-page .section .inner .case_quotation ol li {
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 16px;
        font-size: 1.6rem;
    }
	.case-page .section .inner p strong {
    	font-size: 18px;
    	font-size: 1.8rem;
	}
	.case-page .section .img_r .img {
		margin: 0 0 10px 30px;
	}
	.case-page .section .case_list li {
		width: 48%;
	}
		
	 
	/* Case PAGE
	--------------------------- */
	/* relation_link */
	
	.case-page #relation_link {
		padding: 55px 0;
	}
	.case-page #relation_link h2 {
		font-size: 20px;
		font-size: 2rem;
	}
	.case-page #relation_link h2:before{
		width: 0;
		margin: 0;
	}
}

@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;
    }
}

@media only screen and (min-width: 860px) {
	/* Case PAGE
	--------------------------- */
	.case-page .case_menu li{
		width: 24%;
		margin-bottom: 15px;
	}

}


/* Case PAGE button_area
--------------------------- */

.case-page .section.case_form_area {
	text-align: center;
	background: url("../img/case/bg_photo_contact.jpg") center center no-repeat;
	background-size: cover;
}
.case-page .case_form_area h2 {
	margin-bottom: 5px;
	font-size: 24px;
	font-size: 2.4rem;
}
.case-page .case_form_area .btn-primary {
    padding: 15px 10px;
    line-height: 1;
    width: 100%;
    max-width: 270px;
    box-sizing: border-box;
    font-size: 18px;
    font-size: 1.8rem;
    border-width: 0;
    border-radius: 4px;
    position: relative;
}
.case-page .case_form_area .btn_area {
	margin: 5px 0 0;
}

@media only screen and (min-width: 640px) {
	.case-page .section.case_form_area {
		padding: 60px 0;
	}
}



/* VOICE PAGE
--------------------------- */


/* mainvisual */

.voice-page #section_mv {
	background: url(../img/voice/bg_mainvisual.png) center top;
	position: relative;
	padding: 0;
	box-sizing: border-box;
}
.voice-page #main_visual {
	width: 100%;
    border-bottom: 4px solid #ddd;
}
.voice-page #main_visual .mv_inner h1 {
    padding: 20px 0 10px;
	text-align: center;
}
.voice-page #main_visual .mv_inner h2 {
    padding: 0 0 30px;
	text-align: center;
}
.voice-page #main_visual .mv_inner .text {
    padding: 20px 4%;
	text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
}
.voice-page #main_visual .mv_inner .text .note {
    margin-top: 20px;
}
.voice-page #main_visual .image {
    text-align: right;
    width: 100%; min-height: 100px;
    max-width: 603px;
    margin: 0 auto;
    padding: 30% 0 5%;
	background: url(../img/voice/mainimg_photo.png) 30% bottom no-repeat;
    background-size: contain;
}
.voice-page #main_visual .image img {
    width: 32%;
    max-width: 200px;
    position: relative;
    right: 12%; top: 30%;
}


/* voice_list */

.voice-page .text_title {
	font-size: 22px;
	font-weight: 500;
	padding: 35px 0 20px;
    text-align: center;
}
.voice-page .voice_list {
    padding-bottom: 35px;
}
.voice-page .voice_list .voice_item {
    margin-bottom: 20px;
    padding: 0 12px 12px;
    border: 4px solid #FEE1DA;
}
.voice-page .voice_list .voice_title {
    padding: 13px 0 10px 33px;
    font-weight: normal;
    border-bottom: 2px dotted #FEE1DA;
    background: url(../img/voice/icon_smile.png) left center no-repeat;
    background-size: 25px 25px;
}
.voice-page .voice_list .voice_detail {
    padding: 10px 0 0;
}
.voice-page .voice_list .voice_detail strong {
    font-weight: 500;
    color: #EB393F;
}


/* actual_list */

#section_actual {
    border-top: 1px solid #ddd;
}
.voice-page .actual_list > li {
	margin-bottom: 10px;
}
.voice-page .actual_list li .company_column {
	border-bottom: 2px solid #ccc;
	display: block;
}
.voice-page .company_column {
	background: #F3F3F3;
	padding: 10px;
}
.voice-page div.company_column {
	background: #F7F7F7;
	padding: 10px;
}
.voice-page .actual_list > li {
	margin-bottom: 10px;
}
.voice-page .actual_list li .company_column {
	border-bottom: 2px solid #ccc;
	display: block;
}
.voice-page .company_column:link,
.voice-page .company_column:visited,
.voice-page .company_column:hover,
.voice-page .company_column:active {
	color: #333;
	text-decoration: none;
}
.voice-page .company_column:hover {
	background: #f9f9f9;
}
.voice-page div.company_column:hover {
	background: #F7F7F7;
	padding: 10px;
}
.voice-page .actual_list a:hover img {
	opacity: 0.8;
}
.voice-page .actual_list > li .detail {
	padding-bottom: 0;
}
.voice-page .actual_list li .actual_logo {
	background: #fff;
	padding: 15px;
	text-align: center;
	margin-bottom: 2px;
}
.voice-page .actual_list li .actual_logo {
	padding: 10px 0;
}
.voice-page .actual_list li .icon li {
	display: inline-block;
	padding: 0;
}
.voice-page .actual_list li .icon li span {
	display: inline-block;
	padding: 2px 5px;
	line-height: 1.2;
	font-size: 11px;
	color: #fff;
    font-weight: 500;
}
.voice-page .section .inner .actual_list {
    padding-bottom: 50px;
}
.voice-page .section .inner .actual_list li p {
	font-size: 14px;
}
.voice-page .section .inner .actual_list li .company_name {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0;
	padding: 0;
}
.voice-page .section .inner .actual_list li div .company_name {
	padding: 23px 0 0 0;
}


@media only screen and (min-width: 640px) {
    
    .voice-page #main_visual .image {
        padding: 0;
        min-height: 432px;
        position: relative;
    }
    .voice-page #main_visual .image img {
        width: 200px; height: 230px;
        position: absolute;
        right: 11%; top: auto; bottom: 25px;
    }
    .voice-page .text_title {
        text-align: left;
        font-size: 28px;
    }
    .voice-page .voice_list .voice_item {
        padding: 0 20px 15px;
    }
    .voice-page .voice_list .voice_title {
        font-size: 16px;
    }
    
    /* actual_list */

	.voice-page .section .inner .actual_list::before,
	.voice-page .section .inner .actual_list::after {
        content: "";
        display: table;
	}
	.voice-page .section .inner .actual_list::after {
        clear: both;
	}
	.voice-page .section .inner .actual_list {
		margin: 0 -12px;
	}
	.voice-page .section .inner .actual_list > li {
		width: 33.33333%;
		float: left;
		padding: 0 12px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
    
}

@media only screen and (min-width: 769px) {
    
    .voice-page #main_visual .mv_inner {
        max-width: 980px;
        margin: 0 auto;
    }
    .voice-page .text_title {
        padding: 55px 0 25px;
        margin-bottom: 15px;
    }
    .voice-page .voice_list {
        margin: 0 -15px;
    }
    .voice-page .voice_list::before,
    .voice-page .voice_list::after {
        content: "";
        display: table;
    }
    .voice-page .voice_list::after {
        clear: both;
    }
    .voice-page .voice_list .column {
        width: 50%;
        float: left;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .voice-page .voice_list .column {
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    
}

@media only screen and (min-width: 1075px) {
    
    .voice-page #main_visual {
        background-image: url(../img/voice/mainimg_photo.png);
        background-repeat: no-repeat;
        background-position: 80% bottom;
        background-position: -webkit-calc(50% + 335px) bottom;
        background-position: calc(50% + 335px) bottom;
        background-size: 603px auto;
    }
    .voice-page #main_visual .mv_inner {
        padding: 0 4%;
        background: none;
        position: relative;
    }
    .voice-page #main_visual .mv_inner .text {
        border: 0 none;
        width: 560px;
        min-height: 432px;
        padding: 10px 0 0 0;
        background: none;
        overflow: hidden;
        position: relative;
    }
    .voice-page #main_visual .mv_inner h1 {
        text-align: left;
        padding: 35px 0 10px;
    }
    .voice-page #main_visual .mv_inner h2 {
        text-align: left;
        padding: 0 0 20px;
    }
    .voice-page #main_visual .mv_inner .text p {
        margin-right: 10px;
        line-height: 1.8;
        text-shadow: 0 0 1px #fff;
    }
    .voice-page #main_visual .image {
        background: none;
        margin: 0; padding: 0;
        min-height: inherit;
        position: absolute;
        right: -2%; bottom: 25px;
    }
    .voice-page #main_visual .image img {
        width: 200px;
        position: static;
    }
    .voice-page .voice_list .voice_item {
        margin-bottom: 25px;
    }
    .voice-page .voice_list .voice_title {
        font-size: 20px;
    }
    .voice-page .voice_list .voice_detail {
        font-size: 16px;
    }
    .voice-page .section .inner .actual_list {
        padding-bottom: 80px;
    }
}



/* ACTUAL index PAGE 追加 (20170801)
------------------------------------ */

/* actual_index */

.actual-page .actual_index .section {
	border-top: 0 none;
}
.actual-page .actual_index h3.text_title {
	font-size: 22px;
	font-weight: 500;
	padding: 35px 0 15px;
    text-align: center;
    color: #333;
}

.actual-page .actual_index h3#search_actual { /* for anchor */
	padding-top: 85px;
	margin-top: -50px;
}

@media only screen and (min-width: 660px) {
	.actual-page .actual_index h3#search_actual {
		padding-top: 95px;
		margin-top: -60px;
	}
}

/* actual_00 */

.actual-page .actual_index #actual_00 .inner {
    padding-bottom: 30px;
}
.actual-page .actual_index #actual_00 .cv_area .inner {
	padding: 0;
}


.actual-page .actual_index .main_slide {
    padding: 30px 0 0;
}

.actual-page .slider .slider-for {
    visibility: hidden;
}
.actual-page .slider .slider-for.slick-initialized {
    visibility: visible; /*slick-initializedが付与されたら表示*/
}
.actual-page .slider .slider-for .slick-track {
    display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
}
.actual-page .slider .slide_nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 26%;
}
.actual-page .slider .slide_nav .slick-slide {
    float: none;
    display: -webkit-box;/* Android < 4.3 */
    display: -ms-flexbox;/* IE10 */	
    display: -webkit-flex;/* safari(PC) */
    display: flex;
    height: auto;
}
.actual-page .slider .slide_nav .slick-prev {
    background: rgba(255,255,255,0.7);
    width: 30px; height: 30px;
    border-radius: 15px;
    top: 50%; left: -15px;
    margin-top: -15px;
    overflow: hidden;    
}
.actual-page .slider .slide_nav .slick-next {
    background: rgba( 255,255,255,0.7);
    width: 30px; height: 30px;
    border-radius: 15px;
    top: 50%; right: -15px;
    margin-top: -15px;
    overflow: hidden;
}
.actual-page .slider .slide_nav .slick-prev::after {
    content: "";
    display: block;
    position: absolute;
    width: 7px; height: 7px;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    -webkit-transform: rotate( -45deg );
    transform: rotate( -45deg );
    top: 10px; left: 13px;
}
.actual-page .slider .slide_nav .slick-next::after {
    content: "";
    display: block;
    position: absolute;
    width: 7px; height: 7px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    -webkit-transform: rotate( 45deg );
    transform: rotate( 45deg );
    top: 10px; right: 13px;
}
.actual-page .sub_pickup {
    padding: 30px 0 0;
    max-width: 980px;
    margin: 0 auto;
}
.actual-page .sub_pickup .sub_pickup_inner a {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px;
}
.actual-page .sub_pickup .sub_pickup_inner {
    margin: 0 auto;
}
.actual-page .sub_pickup .sub_pickup_inner a > img {
    max-width: 100%;
}
.actual-page .sub_pickup .excerpt {
    background: #fff;
    padding: 10px;
    font-size: 13px;
    font-size: 1.3rem;
}
.actual-page .sub_pickup .excerpt .continue_text {
    color: #264C9D;
}
.actual-page .actual_index #actual_01 {
    background: #f7f7f7;
}
.actual-page .actual_index #actual_01 .btn {
    cursor: pointer;
    border: 3px solid #3794D7;
    border-radius: 2em;
    max-width: 200px;
    background: #fff;
}
.actual-page .actual_index #actual_01 .btn:hover {
    background: #eef2f5;
}
.actual-page .actual_list {
    margin-bottom: 15px !important;
}

/* company_logos */

.actual_index .company_logos {
    background: #fff;
    padding: 20px 0 15px;
    text-align: center;
}
.actual_index .company_logos li {
    padding: 0 0 5px;
    display: inline-block;
    float: none;
    position: relative !important;left: 0 !important;top: 0 !important;/* jsでべた書きされるCSSをリセットする */
}

/* download area */

#actual_download {
    padding: 30px 0;
}
#actual_download .actual_inner {
    max-width: 980px;
    text-align: center;
    margin: 0 4%;
    padding: 15px;
    border: 10px solid #f3f3f3;
    box-sizing:  border-box;
}
#actual_download .actual_inner .sub_text {
    padding: 0 0 10px 0;
}
#actual_download .btn_area {
    padding: 0;
    text-align: center;
    -webkit-box-pack: center;/* Android < 4.3 */
    -ms-flex-pack: center;/* IE10 */
    -webkit-justify-content: center;/* safari(PC) */
    justify-content: center;
}
#actual_download .btn_area .btn-info {
    background: #3794D7;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    width: 250px;
    text-align: center;
}
#actual_download .btn_area .btn-info:hover {
    background: #2175c6;
}

.actual_download_banner {
	border: none !important;
	padding: 30px 0 50px;
}
.actual_download_banner .actual_inner {
    max-width: 980px;
	background: #FFFEDB;
    text-align: center;
	border-radius: 6px;
    padding: 15px;
    border: 2px solid #ccc;
    box-sizing:  border-box;
}
.actual_download_banner .actual_inner .sub_text strong {
	font-size: 125% !important;
}
.actual_download_banner .btn_area {
    padding: 20px 0 0;
    text-align: center;
    -webkit-box-pack: center;/* Android < 4.3 */
    -ms-flex-pack: center;/* IE10 */
    -webkit-justify-content: center;/* safari(PC) */
    justify-content: center;
}
.actual_download_banner .btn_area .btn-info {
    background: #ED4932;
	font-size: 20px;
    color: #fff;
    padding: 13px 16px 3px;
    text-decoration: none;
    border-radius: 3px;
    width: 250px;
    text-align: center;
	position: relative;
}
.actual_download_banner .btn_area .btn-info:hover {
    background: #EB5844;
}
.actual_download_banner .btn_area .btn-info span {
	font-size: 63.6%;
	background: #F7FF00;
	border: 2px solid #484848;
	border-radius: 4px;
	color: #333;
	display: inline-block;
	white-space: nowrap;
	padding: 0 8px;
	position: absolute;
	left: 50%; top: 0;
	transform: translate( -50%, -50%);
}



@media only screen and (min-width: 769px) {
 
    /* tab_nav*/
    .actual_tabnav li a {
        padding: 5px 50px;
    }
     /* actual_index */
	.actual-page .actual_index .sub_pickup {
        padding-top: 50px;
    }
    .actual-page .actual_index #actual_00 .inner {
        padding-bottom: 40px;
        max-width: 1000px;
    }
	.actual-page .actual_index h3.text_title {
		font-size: 32px;
		padding: 35px 0 30px;
	}
    .actual-page .slider .slider-for .slick-prev {
        left: -20px;
    }
    .actual-page .slider .slider-for .slick-next {
        right: -20px;
    }
    #actual_download .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;
    }
	#actual_download .actual_inner .sub_text {
		padding: 0 15px 0 0;
	}
    #actual_download .actual_inner .btn {
        white-space: nowrap;
    }
}
@media only screen and (min-width: 769px) {

    .actual-page .sub_pickup .sub_pickup_item {
        float: left;
        width: 50%;
        box-sizing: border-box;
    }
    .actual-page .sub_pickup .sub_pickup_item:nth-of-type(even) {
        padding: 0 0 0 10px;
    }
    .actual-page .sub_pickup .sub_pickup_item:nth-of-type(odd) {
        padding: 0 10px 0 0;
    }
    .actual-page .sub_pickup .sub_pickup_item:not(:first-child) {
        display: block;
    }
    .actual-page .sub_pickup .sub_pickup_item a {
        box-sizing: border-box;
    }
	.actual-page .actual_download_banner {
		padding-bottom: 100px;
	}
    .actual_download_banner .actual_inner {
        text-align: left;
        padding: 15px 25px;
        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;
    }
	.actual_download_banner .actual_inner .sub_text {
		padding: 0 15px 0 0;
	}
    .actual_download_banner .actual_inner .btn {
        white-space: nowrap;
    }
}
@media only screen and (min-width: 861px) {
    
    .actual-page .actual_index #actual_00 .inner {
        padding-bottom: 50px;
    }
    .actual-page .sub_pickup .sub_pickup_item .txt + p {
        font-size: 18px;
    }
	.actual_download_banner .actual_inner {
		padding: 20px 30px;
	}
}

@media only screen and (min-width: 1075px) {
    #actual_download .actual_inner {
        margin: 0 auto;
    }
	.actual_download_banner .btn_area {
		width: 360px;
	}
    .actual-page .sub_pickup .sub_pickup_item .actual_logo {
        margin-top: 0;
        height: 50px;
		line-height: 50px;
    }
    .actual-page .sub_pickup .sub_pickup_item .actual_logo img {
        max-height: 50px;
    }
    .actual-page .slider .slider-for .slick-prev {
        left: -30px;
    }
    .actual-page .slider .slider-for .slick-next {
        right: -30px;
    }
}

/* 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;
}
.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 .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 .btn-info {
	    padding: 15px 50px;
	}
}



/* 臨時対応　キャンペーン告知 */
.information_area {
    background: #F4F4F4;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 20px 0;
    font-size: 1.6rem; 
}
.information_area .topics .topics_title {
	font-weight: 500;
}
.information_area .topics_item {
    display: block;
    padding-left: 4%;
    padding-right: 4%;
}
.information_area .topics_item > span {
	font-weight: 500;
	display: inline;
}
.information_area .topics_item .text br {
    display: none;
}

@keyframes action {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@media (min-width:640px){
    .information_area {
        padding: 20px 10px;
    }
    .information_area .topics {
        width: 100%;
        max-width: 640px;
        margin: 0 auto;
        box-sizing: border-box;
        display: -webkit-box;/* Android < 4.3 */
        display: -ms-flexbox;/* IE10 */	
        display: -webkit-flex;/* safari(PC) */
        display: flex;
    }
	.information_area .topics .topics_title {
		margin-right: 10px;
	}
    .information_area .topics .topics_item {
		text-align: center;
        padding-left: 0; padding-right: 0;
		white-space: nowrap;
    }
	.information_area .topics .topics_item a {
		display: block;
	}
}

@media (min-width:860px){
    .information_area .topics {
        max-width: 1018px;
        -webkit-box-align: center;/* Android < 4.3 */
        -ms-flex-align: center;/* IE10 */
        -webkit-align-items: center;/* safari(PC) */
        align-items: center;
    }
    .information_area .topics .topics_item {
        padding: 0 1.6%;
        text-align: left;
    }
    .information_area .topics .topics_item .text br {
        display: block;
    }
}


/* 右下フローティングバナーエリア */

.bnr_download_area {
	display: none;
	z-index: 6;
	position: fixed;
	bottom: 0; left: 50%;
	transform: translateX( -50% );
	width: 100%;
	max-width: 500px;
}
.bnr_download_area .box_inner > a {
	background: url("../img/top/bnr_wp_download_sp.png") center center no-repeat;
	background-size: 100% auto;
	display: block;
	position: relative;
}
.bnr_download_area .box_inner > a::before {
	content: " ";
	display: block;
	padding-top: 20%;
}
.bnr_download_area .box_inner > a > img {
	display: none;
}

.bnr_download_area .btn_close {
	position: absolute;
	right: 13px;
	top: 0.5%;
}
.bnr_download_area .btn_close a {
	font-size: 40px;
	line-height: 1;
}
.bnr_download_area .btn_close a:link {
	color: #666;
	text-decoration: none;
}
.bnr_download_area .btn_close a:visited {
	color: #666;
	text-decoration: none;
}
.bnr_download_area .btn_close a:hover {
	color: #666;
	opacity: 0.7;
	text-decoration: none;
}
.bnr_download_area .btn_close a:active {
	color: #666;
	text-decoration: none;
}


@media screen and (min-width: 769px) {
	
	.bnr_download_area {
		width: 25%;
		max-width: 292px;
		transform: translateX(0);
		left: auto;
		right: 1%;
		bottom: 10px;
		text-align: right;
	}
	.bnr_download_area .box_inner > a {
		background: none;
	}
	.bnr_download_area .box_inner > a::before {
		display: none;
	}
	.bnr_download_area .box_inner > a > img {
		display: inline-block;
	}
	.bnr_download_area .btn_close {
		right: 8px;
		top: 4px;
	}
	.bnr_download_area .btn_close a {
		font-size: 20px;
	}
}
.front-page #footer {
	padding-bottom: 0; 
}
.front-page #footer::after {
	content: "";
	display: block;
	padding-bottom: 20%; 
}
@media screen and (min-width: 522px) and (max-width: 768px) {
	.front-page #footer::after {
		padding-bottom: 110px;
	}
}
@media screen and (min-width: 769px) {
	.front-page #footer::after {
		display: none;
	}
}




/* DOWNLOAD PAGE (20190917追加)
--------------------------- */

.download_index section {
	padding: 30px 0 40px;
	border: 0 none;
}
.download_index section .inner {
	max-width: 1020px;
}
.download_index section:nth-of-type(even) {
	background: #f3f3f3;
}
.download_index section h3 {
	font-size: 18px;
	font-weight: 500;
	padding: 10px 0;
    text-align: center;
}
.download_index .download_list .download_list_inner {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.download_index .download_list .item {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	width: 100%;
    padding: 10px 0;
	box-sizing: border-box;
}
.download_index .download_list .item a {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    background: #fff;
	width: 100%;
    padding: 10px 8%;
    font-size: 11px;
    font-size: 1.1rem;
    color: #333;
    text-align: center;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
}
.download_index .download_list .item a:link,
.download_index .download_list .item a:visited,
.download_index .download_list .item a:hover,
.download_index .download_list .item a:active {
    color: #333;
    text-decoration: none;
}
.download_index .download_list .item a:hover {
    background: #f3f3f3;
}
.download_index .download_list .item .btn,
.download_index .download_list .item .btn:hover {
	background: #ED4932;
	box-shadow: 0 0 10px rgba(0,0,0,0.16);
}
.download_index .download_list .item .txt {
	padding-bottom: 1em;
}
.download_index .download_list .item p {
    font-size: inherit;
    line-height: 1.4;
}

.download_index .download_list .item a h4 {
    font-size: 117%;
    margin-bottom: 5px;
}
.download_index .download_list .item a img {
    margin-bottom: 8px;
}
.download_index .download_list .item .btn {
	margin: auto 0 0;
}

.download_index .cv_area {
	padding: 40px 0;
	background: #f6f6f6;
}

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

    .download_index .download_list .item {
        width: 50%;
		padding: 15px 2%;
        text-align: center;
        box-sizing: border-box;
    }
    
}

@media only screen and (min-width: 768px) {
    
    .download_index section {
        padding: 50px 0 60px;
    }
    .download_index section h3 {
		font-size: 28px;
		padding: 10px 0 30px;
	}
    .download_index .download_list {
        margin-left: auto;
        margin-right: auto;
    }
    .download_index .download_list .item {
        width: 33.33333%;
        width: -webkit-calc( 100% / 3 );
        width: calc( 100% / 3 );
    }
    .download_index .download_list .item a {
        padding: 20px 6%;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .download_index .download_list .item a h4 {
        margin-bottom: 10px;
    }
	#download04 {
		padding-bottom: 80px;
	}
    .download_index .cv_area {
		padding: 80px 0;
	}

}
@media only screen and (min-width: 861px) {
    .download_index .download_list {
        max-width: 100%;
    }
	.download_index .download_list .item .btn {
		width: 150px;
		margin: auto auto 0;
    }
    .download_index .cv_area {
		background: #fff;
	}
}

.download_index .movie {
	position: relative;
	padding: 0;
}
.download_index .movie .inner {
	background: url("../img/download/movie_image.png") center center no-repeat;
	background-size: cover;
	position: relative;
	max-width: inherit;
	width: auto;
	margin: 0; padding: 0;
	z-index: 1;
}
.download_index .movie a {
	width: 100%;
	display: block;
	padding: 60px 0 70px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	transition: all .2s ease;
	background: rgba(51,51,51,0.7);
}
.download_index .movie a:hover {
	background: rgba(51,51,51,0.4);
}


/*20180328Webフォント用追記*/
#nav ul.nav_global > li > a,
.news-page .news_list .news_title,
strong{
	font-weight: 500;
}
.actual-page .section .inner p {
    line-height: 2;
}
h1,h2,h3,h4,p,li,dt,dd{
    transform: rotate(0.001deg);
}
/* UAでchrome判定→以下のclass名をつける */
.shadowify { transform:rotate(0.05deg); }