@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
/*
	Theme Name: blgw
	Author:
    Version:
*/
/*==================================================
cmn
==================================================*/

html {
	overflow: auto;
	font-size: 62.5%;
}
body {
	overflow: hidden;
	background: #fff;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #4d4d4d;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8em;
	letter-spacing: 0px;
	position: relative;
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	position: relative;
}
header, nav, div, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, img, table, tr, td, th, input, textarea, select, a {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.6em;
	font-weight: normal;
}
p {
	margin-bottom: 1em;
	line-height: 1.8em;
}
p:last-child {
	margin: 0;
}
a, input[type="submit"] {
	text-decoration: none;
	color: #4d4d4d;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	outline: none;
}
a:hover, input[type="submit"]:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
figure {
	margin: 0;
	padding: 0;
}
.wrap {
	padding: 0;
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
	position: relative;
}
.wrap01 {
	padding: 0;
	margin: 0 auto;
	max-width: 950px;
	width: 100%;
}
.wrap02 {
	padding: 0;
	margin: 0 auto;
	max-width: 880px;
	width: 100%;
}
.wrap03 {
	padding: 0;
	margin: 0 auto;
	max-width: 780px;
	width: 100%;
}
.wrap04 {
	padding: 0;
	margin: 0 auto;
	max-width: 680px;
	width: 100%;
}
.wrap05 {
	padding: 0;
	margin: 0 auto;
	max-width: 650px;
	width: 100%;
}
.wrap06 {
	padding: 0;
	margin: 0 auto;
	max-width: 632px;
	width: 100%;
}
.sp {
	display: none;
}
/*==================================================
head
==================================================*/
.site-header {
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 999;
}
.site-header hgroup {
	height: 64px;
	width: 100%;
	display: table;
	position: relative;
}
.site-header h1 {
	width: 243px;
	float: left;
	margin: 18px 0 0;
}
.site-header h1 a {
	display: block;
	line-height: 0;
}
#gnavi-s, .button-toggle {
	display: none;
}
.navi-box {
}
.hnavi {
	position: absolute;
	right: 0;
	top: 5px;
}
.hnavi li {
	float: left;
	padding: 0 0 0 15px;
}
.hnavi li a {
	text-align: center;
	display: block;
	height: 20px;
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	font-size: 1.3rem;
	color: #999;
	line-height: 1em;
}
.hnavi li:nth-child(1) a, .hnavi li:nth-child(2) a {
	padding: 2px 0 0;
}
.hnavi li.mail img {
	max-width: 20px;
	width: 100%;
	vertical-align: middle;
}
.hnavi li.fb img {
	max-width: 20px;
	width: 100%;
	vertical-align: middle;
}
.gnavi {
	position: absolute;
	right: 0;
	bottom: 0;
}
.gnavi li {
	float: left;
	position: relative;
}
.gnavi li:last-child {
}
.gnavi li a {
	text-align: center;
	display: block;
	/* height: 35px; */
	height: 45px;
	padding: 1px 15px 0;
	font-size: 15px;
	font-size: 1.5rem;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border: 1px solid #fff;
	background: #fff;
	position: relative;
}
.gnavi li:last-child a {
	padding-right: 0;
	border: none !important;
}
.gnavi li.download a span {
	background: #960702;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 7px 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.gnavi li:hover > a {
	border: 1px solid #ddd;
	border-bottom: none;
	z-index: 9999;
	color: #bbb;
	border-top-left-radius : 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius : 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;

}
.gnavi li.navi-case p,
.gnavi li.navi-tool p {
    z-index: 9999;
    color: #bbb;
	background: #fff;
    position: relative;
	text-align: center;
    display: block;
    height: 35px;
    padding: 1px 15px 0;
}
.gnavi li.sub-navi:hover > a {
	background: url(img/cmn/arrow03.png) #fff;
	background-repeat:no-repeat;
	background-position:bottom center ;
	background-size:10px 5px;
}
.gnavi li ul.child {
	position: absolute;
	background: rgba(256,256,256,0.95);
	top: 45px;
	left: -165px;
	width: 460px;
	z-index: 1;
	height: inherit;
	opacity: 0;
	visibility: hidden;
	clip: inherit;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding: 25px 20px 20px;
	text-align: center;
	display: inline-block;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
}
.gnavi li:hover ul.child {
	opacity: 1;
	visibility: visible;
}
.gnavi li ul.child li {
	padding: 0 20px;
	display: inline-block;
	float: inherit;
	vertical-align: top;
}
.gnavi li ul.child li a {
	display: block;
	height: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	color: #E02F1D;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
	background: none;
	padding: 0 !important;
	border: none !important;
}
.gnavi li ul.child li a:hover {
	filter: alpha(opacity=60);@
	-moz-opacity: 0.6;
	opacity: 0.6;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.gnavi li.navi-service ul.child {
	left: -255px;
	width: 600px;
}
.gnavi li ul.grandson {
	margin: 0.5em 0 0;
}
.gnavi li ul.grandson li {
	display: block;
	padding: 0;
}
.gnavi li ul.grandson li a {
	color: inherit;
	font-weight: normal;
	padding: 2px 0;
}
.gnavi li a.current {
	color: #bbb;
	border-bottom: none;
	border-top-left-radius : 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius : 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
}
.hnavi a.current {
	color: #bbb;
}
/** 2018/10/23 追加ここから **/
.gnavi li.recruit{
	width: auto;
	padding-left: 50px;
	position: relative;
	margin-top: -5px;
}
.gnavi li.recruit a{
	height: auto;
	/** background: #51cbd8; **/
	background-color: #f36152;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 5px 15px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: none;
}
.gnavi li.recruit a:hover{
	border: none;
	/** background: #74d0da; **/
	background-color: #e73420;
}
/** 2018/10/23 追加ここまで **/
.gnavi li.navi-contact{
	width: auto;
	padding-left: 15px; /** 2018/10/23 編集 **/
	position: relative;
	margin-top: -5px;
}
.gnavi li.navi-contact a{
	height: auto;
	/** background: #2c7fa7; **/
	background-color: #f36152;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 5px 15px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: none;
}
.gnavi li.navi-contact a:hover{
	border: none;
	/** background: #3497c8; **/
	background-color: #e73420;
}
.gnavi li.download{
	padding-left: 15px;
	position: relative;
	margin-top: -5px;
}
.gnavi li.download a{
	height: auto;
	/* background: #dc2809; */
	background-color: #f36152;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 5px 15px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: none;
}
.gnavi li.download a:hover{
	background-color: #e73420;
	border: none;
}
.gnavi.archive li a:hover{
	opacity: 0.7;
}
#page-top .service {
        padding: 50px 20px 66px!important;
}
#page-top .service .srvPos{
        margin-top: 20px;
}
#page-top .service .sub{
	margin-bottom: 30px;
}
#page-top .service .title2{
        display: inline-block;
        width: 46%;
        margin-right: 1%;
        vertical-align: middle;
        padding: 20px 0;
}
#page-top .service .title2 img{
	width: 65%;
        max-width: 300px;
}
#page-top .service .srvPos .upper{
	margin-bottom: 20px;
        text-align: center;
}
#page-top .service .iframe-responsive .srvMovie{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 40px;
        width: 100%;
        position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
}
#page-top .iframe-responsive{
        display: inline-block;
        width: 50%;
	position: relative;
    	padding: calc(315 / 560 * 50%) 0 0;
 	vertical-align: middle;
}
#page-top .service .intro{
	width: 100%;
        padding: 0;
}
#page-top .service .intro .values{
	display: inline-block;
	width: 46%;
	margin-right: 1%;
	vertical-align: middle;
}
#page-top .service .srvPos .intro p{
	display: inline-block;
	width: 50%;
	margin-left: 1%;
	vertical-align: middle;
	margin: 0;
}
#page-top .service .intro .values .val{
	padding: 0;
	width: 37%;
	margin: 0 4%;
}
@media screen and (max-width: 1180px) {
	.wrap {
		padding: 0 13px;
	}
}
@media screen and (min-width:901px) and ( max-width:1100px) {
	.gnavi li a {
		padding-left:9px;
		padding-right:9px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.gnavi li.navi-contact {
		padding-left: 8px !important;
	}
	.gnavi li.navi-contact a {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.site-header h1 {
		width: 185px;
		margin-top: 23px;
	}
}
/*==================================================
foot
==================================================*/
.site-footer {
	border-top: 1px solid #eee;
	text-align: center;
	padding: 20px 0;
}
.fnavi {
	text-align: center;
	letter-spacing: -.40em;
}
.fnavi li {
	display: inline-block;
	letter-spacing: normal;
	padding: 12px;
}
.fnavi li a {
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
}
.fnavi li p {
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	color:#bbb;
}
.fnavi li.mail, .gnavi li.fb {
	margin-top: -2px;
}
.fnavi li.mail img {
	max-width: 20px;
	width: 100%;
	vertical-align: middle;
}
.fnavi li.fb img {
	max-width: 20px;
	width: 100%;
	vertical-align: middle;
}
footer .logo-f {
	margin: 50px 0 30px;
}
footer .logo-f img {
	max-width: 225px;
	width: 100%;
}
footer address {
	text-align: center;
	font-style: normal;
	font-size: 14px;
	font-size: 1.4rem;
}
/*==================================================
content
==================================================*/
.main-content {
	/** margin: 64px 0 0; **/
	margin: 111px 0 0;
}
section {
	margin-top: -130px;
	padding-top: 130px;
}
section .wrap {
	padding-top: 50px;
	padding-bottom: 50px;
}
section .wrap.topCasestudy {
	padding-top: 0px;
}
.site-content {
	padding: 50px 0;
}
.bg-gray {
	background: #f8f8f8;
}
.bg-red {
	background: #f36152;
	color: #fff;
}
.bg-red-gradation {
	background: url(img/cmn/bg_border.png), url(img/cmn/bg_red.png);
	background-repeat: repeat, repeat-x;
	background-size: auto, auto 100%;
	color: #fff;
}
.bg-red a, .bg-red-gradation a {
	color: #fff;
}
.bg-gray-gradation {
	background-color: #b9b9b9!important;
	background-image: -webkit-linear-gradient(220deg, #b9b9b9 0%, #353536 40%)!important;
	background-image: -moz-linear-gradient(220deg, #b9b9b9 0%, #353536 40%)!important;
	background-image: -o-linear-gradient(220deg, #b9b9b9 0%, #353536 40%)!important;
	background-image: linear-gradient(220deg, #b9b9b9 0%, #353536 40%)!important;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
ul.list-disc {
	padding-left: 1.4em;
}
ul.list-disc li {
	list-style: disc;
}
/*タイトル*/
h1.tit01 {
	font-size: 32px;
	font-size: 3.2rem;
	text-align: center;
	margin: 0 0 30px;
}
h1.tit02 {
	font-size: 38px;
	font-size: 3.8rem;
	text-align: center;
	margin: 0 0 50px;
}
.page-tit {
	background: #222;
	padding: 50px 0;
	text-align: center;
}
h2.tit01 {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin: 0 0 45px;
}
h3.tit01 {
	font-size: 30px;
	font-size: 3.0rem;
	text-align: center;
	margin: 0 0 45px;
}
.page-tit h1 {
	color: #fff;
}
/*カラム*/
.col-2:after, .col-3:after, .col-4:after, .col-5:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.col-2, .col-3, .col-4, .col-5 {
	width: 100%;
	display: block;
}
.col-2 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
.col-3 .col-box:nth-of-type(3n) {
	margin-right: 0px;
}
.col-4 .col-box:nth-of-type(4n) {
	margin-right: 0px;
}
.col-5 .col-box:nth-of-type(5n) {
	margin-right: 0px;
}
.col-2 .col-box {
	width: 48.6%;
	float: left;
	margin: 0 2.8% 2.8% 0;
}
.col-3 .col-box {
	width: 32.2222222%;
	float: left;
	margin: 0 1.66666666% 0 0;
}
.col-4 .col-box {
	width: 24.375%;
	float: left;
	margin: 0 0.83333333% 0 0;
}
.col-5 .col-box {
	width:19%;
	float: left;
	margin: 0 1% 0 0;
}
.shadow .col-box {
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
}
.col-img-txt, .col-txt-img {
	overflow: hidden;
}
.col-img-txt .img-box {
	width: 35%;
	float: left;
	text-align: left;
}
.col-img-txt .txt-box {
	width: 63%;
	float: right;
}
.col-txt-img .img-box {
	width: 35%;
	float: right;
	text-align: center;
}
.col-txt-img .txt-box {
	width: 65%;
	float: left;
}
/*ボタン*/
.detail-link {
	text-align: center;
	max-width: 200px;
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
	display: block;
}
.detail-link p {
}
.detail-link a {
	font-size: 18px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 1px solid #4d4d4d;
	display: block;
	padding: 10px 10px;
}
.bg-red .detail-link a, .bg-red-gradation .detail-link a {
	border: 1px solid #fff;
}
.detail-link-s {
	text-align: center;
	margin: 30px 0 0;
}
.detail-link-s p {
	display: inline-block;
}
.detail-link-s p a {
	border: 1px solid #ccc;
	padding: 5px 20px;
	display: block;
	background-color: #DDD;
}
.btn-top{
	position: absolute;
	bottom:0;
	right:0;
}
.btn-top img{
	width:30px;
}
/*==================================================
index
==================================================*/

.main-img {
	margin: 0;
	background: url(img/top/bg_main_black.jpg) no-repeat center;
	background-size: cover;
	display: table;
	width: 100%;
}
.main-img .main-txt {
	padding: 120px 0;
}
.main-img .main-txt h1 {
	/* margin: 0 0 40px; */
	margin: 0 0 20px;
	color: #fff;
	font-size: 33px;
	font-size: 3.3rem;
}

.main-img .main-txt .maintxt {
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	padding-bottom: 30px;
}
.main-img .main-txt .maintxt_s {
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	width: 210px;
}
.main-img .main-txt p a {
	font-size: 21px;
	font-size: 2.1rem;
	color: #fff;
	/* background: #960702; */
	/* background-color: #dc2809; */
	background-color: #f36152;
	padding: 12px 20px 10px;
	display: inline-block;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.main-img .about-box {
	/* background: rgba(256,256,256,0.75); */
	background: rgba(28,38,39,0.75);
	text-align: center;
	color: white;
}
.main-img .about-box .wrap{
	padding: 70px 0 70px;
}
.main-img .about-box h2 {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 0 20px;
	color:#F36152;
	font-weight:bold;
}

.main-img .about-box .big {
	font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 0;
}
.main-img .about-box figure {
	margin: 0 0 35px;
}
.main-img .about-box figure img {
	max-height: 120px;
}
.main-img .about-box .inner {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
.main-img .about-box .inner p {
	font-size: 14px;
	font-size: 1.4rem;
}
.post-box .col-box a {
	display: block;
	background: #fff;
	padding: 20px;
}
.post-box .col-box h2 {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 5px 0;
}
.post-box .img-box {
	margin: 0 0 20px;
}
.post-box p {
	color: #b3b3b3;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0;
}
.post-box .cat span:after {
	content: " , ";
}
.post-box .cat span:last-child:after {
	display: none;
}
.case-box .col-box {
	text-align: center;
}
.case-box .col-box figure img {
	max-width: 115px;
	width: 100%;
}
.service-box .bg-gray {
	background: url(img/cmn/bg_border02.png) #f8f8f8;
	background-repeat: repeat;
}
.service-box .col-img-txt {
	margin: 0 0 50px;
}
.service-box .img-box img {
	max-width: 90px;
	width: 100%;
}
.service-box .col-box {
	text-align: center;
	background: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 23.5%;
    margin: 0 0.4%;
}
.service-box .col-box .inner {
	max-width: 260px;
	width: 80%;
	margin: 50px auto;
}
.home .service-box .col-box .inner {
	max-width: 260px;
	width: 86%;
	margin: 25px auto;
}
.service-box .col-box h2 {
	margin: 0 0 45px;
}
.home .service-box .col-box h2 {
	margin: 0 0 20px;
}
.service-box .col-box h2 img {
	max-width: 138px;
	width: 100%;
}

.service-box .col-box h3 {
	margin: 0 0 20px;
	font-size: 21px;
	font-size: 2.1rem;
}
.service-box .col-box p {
	font-size: 14px;
	font-size: 1.4rem;
}
.home .service-box .col-box p {
	font-size: 11px;
	font-size: 1.1rem;
}
.seo-box .img-box img {
	max-width: 120px;
	width: 100%;
}
.seo-box .detail-link {
	margin-top: 50px;
}
.blog-box .img-box img {
	max-width: 210px;
	width: 100%;
}
.blog-box h1 {
	font-size: 63px;
	font-size: 6.3rem;
	margin: 0 0 40px;
}
.blog-box h1 img {
	max-width: 214px;
	width: 100%;
}
.blog-box .img-box {
	margin: 50px 0 0;
}
.blog-box .txt-box {
	max-width: 55%;
	width: 100%;
}
.blog-box .detail-link {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 40px;
}

.home .detail-link-s {
	text-align: center;
	margin: 30px 0 0;
	position:absolute;
	bottom:20px;
	left:26%;
	width:48%;
}

/*==================================================
recruit
==================================================*/
#RecruitPage{
        text-align: center;
}
#RecruitPage .container{
        padding: 0;
        text-align: center;
        max-width: 1100px;
        display: inline-block;
        vertical-align: top;
        width: 98%;
}
#RecruitPage .top_img{
        background-image: url("../../uploads/2018/11/recruit_top_img.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 1em 5%;
}
#RecruitPage .top_img h1{
        color: white;
        font-size: 52px;
        font-weight: bold;
        text-align: left;
}
#RecruitPage .top_img h3{
        color: white;
        background-color: rgba(0,0,0,0.5);
        border-radius: 10px;
        padding: 1em 2.5%;
        margin: 0.5em 0 1.5em 0;
        font-size: 95%;
}
#RecruitPage .top_img h3 span{
        font-size: 150%;
        margin-top: 0.5em;
}
#RecruitPage .message{
        margin-top: 5em;
        padding: 0 2.5%;
}
#RecruitPage .message h2{
        text-align: center;
        color: red;
        font-size: 48px;
        border: none;
        margin-bottom: 1em;
}
#RecruitPage .message h4{
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        margin-top: 0.5em;
        margin-bottom: 0.7em;
}
#RecruitPage .message p{
        text-align: left;
}
#RecruitPage .balloon_wrapper{
        margin-top: 3em;
        margin-bottom: 3em;
        text-align: left;
}
#RecruitPage .balloon{
        margin: 0 0 2em 0;
}
#RecruitPage .balloon h4{
        position: relative;
        background-color: #f4f4f4;
        padding: 2px 5px 2px 20px;
        font-size: 20px;
        color: #474747;
        border-radius: 0 10px 10px 0;
        font-weight: bold;
        margin-bottom: 0.7em;
        margin-left: 23px;
}
#RecruitPage .balloon .icon{
        display: inline-block;
        line-height: 40px;
        position: absolute;
        text-align: center;
        padding: 0em;
        color: white;
        background-color: #f36152;
        width: 40px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        left: -1.35em;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 50%;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
#RecruitPage .balloon .icon + p{
        font-weight: bold;
}
#RecruitPage .balloon .icon img{
        width: 25px;
        vertical-align: middle;
}
#RecruitPage .balloon p{
        font-size: 95%;
}
#RecruitPage .category{
	display: inline-block;
        width: 100%;
        margin-top: 2em;
        margin-bottom: 4em;
}
#RecruitPage .category_item{
        display: inline-block;
        width: 30%;
        margin: 0 1%;
        vertical-align: top;
}
#RecruitPage .category_img{
        height: 240px;
        width: 100%;
        background-image: url("../../uploads/2018/11/recruit_category1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;        
}
#RecruitPage .category_item h4{
        background-color: rgba(64,64,64,0.7);
        color: white;
        font-weight: bold;
        padding: 0.5em 1em;
        margin-top: -2.5em;
        width: 100%;
        font-size: 18px;
        letter-spacing: 0.5em;
}
#RecruitPage .category_item p{
  text-align: left;
  margin-top: 1em;
  min-height: 12em;
  font-size: 16px;
}
#RecruitPage .category_item h5{
  font-size: 16px;
  color: #f36152;
  text-decoration: underline;
}
#RecruitPage .btn_wrapper{
        margin: 1em 0;
}
/** #RecruitPage .category a::before {
  content: "▶ ";
  color: #f36152;
  font-size: 11px;
  position: relative;
  bottom: 2px;
} **/
#RecruitPage .category a,
#RecruitPage .category .shinsotsu,
#RecruitPage .category .career{
        display: inline-block;
        vertical-align: top;
        width: 48%;
        border: 1px solid #f36152;
        box-sizing: border-box;
        color: #f36152;
        padding: 0.8em 1em;
        background-color: #fff;
        font-size: 14px;
}
#RecruitPage .category .shinsotsu{
        margin-right: 2%;
}
#RecruitPage .category .career{
        margin-left: 2%;
}
#RecruitPage .category a span{
        background-color: tranparent;
        color: #f36152;
        font-size: 0.5;
}
#RecruitPage .category a:hover{
        opacity: 0.5;
}
#RecruitPage h2{
        color: #f36152;
        font-size: 26px;
        border-left: solid 5px #f36152;
        text-align: left;
        padding: 0.1em 0.5em;
        line-height: 1;
        margin-bottom: 2em;
        margin-left: 5px;
}
#RecruitPage h2 + p{
        display: none;
}
#RecruitPage .interview_container{
        margin-bottom: 4em;
}
#RecruitPage .interview_bg{
        background-color: #f36152;
        height: 200px;
        width: 100%;
}
#RecruitPage .interview_bg.sp{
        display: none;
}
#RecruitPage .interview_bg h3{
        text-align: left;
        padding-top: 1em;
        margin-left: 3em;
        color: #fff;
        font-size: 20px;
}
#RecruitPage .interview_wrapper{
        margin-top: -100px;
        vertical-align: top;
        position: relative;
}
#RecruitPage .interview{
        display: inline-block;
        /** width: 28%; **/
        width: 47%;
        margin: 0 0 3em 1%;
        vertical-align: top;
}
#RecruitPage .interview.col1{
        width: 98%;
        margin: 0 0 3em 2%;
}
#RecruitPage .interview + p{
        display: none;
}
#RecruitPage .interview_img{
        height: 340px;
        /** width: 100%; **/
        width: 250px;
        background-image: url("../../uploads/2018/11/recruit_person1.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: top;
        display: inline-block;
}
#RecruitPage .right{
        display: inline-block;
        width: calc(97% - 250px);
        margin-left: 1%;
        text-align: left;
}
#RecruitPage .interview.col2 .interview_img{
        width: 200px;
}
#RecruitPage .interview.col2 .right{
        width: calc(97% - 200px);
}
#RecruitPage .interview_txt{
        position: relative;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        height: 100px;
}
#RecruitPage .interview_txt .title{
        position: relative;
        font-size: 100%;
        color: #fff;
}
#RecruitPage .interview_txt .name{
        position: relative;
        color: #fff;
        font-size: 20px;
        display: inline-block;
        vertical-align: top;
        text-decoration: underline;
        font-weight: bold;
}
#RecruitPage .interview_txt .name span{
        font-size:17px;
}
#RecruitPage .interview_txt h6{
        color: #fff;
        font-size: 12px;
}
#RecruitPage .interview_award{
        height: 8.5em;
        margin-top: -1em;
}
#RecruitPage .interview_award img{
        width: 25%;
        margin-right: 1%;
        vertical-align: top;
        display: inline-block;
}
#RecruitPage .interview_award p{
        width: 68%;
        display: inline-block;
        font-size: 14px;
        text-align: left;
        line-height: 1.5;
}
#RecruitPage .interview_message{
        margin-top: 1em;
}
#RecruitPage .interview_message h4{
        color: #f36152;
        font-weight: bold;
}
#RecruitPage .interview_message p{
        font-size: 16px;
        line-height: 1.5;
        min-height: 10em;
        display: flex;
        align-items: center;
}
#RecruitPage .tag{
        display: inline-block;
        color: white;
        background-color: #7d0000;
        border-radius: 5px;
        font-size: 13px;
        padding: 0.4em 1em 0.3em 1em;
        font-weight: bold;
        line-height: 1;
}
#RecruitPage .tag.sales{
        background-color: #7d0000;
}
#RecruitPage .tag.planning{
        background-color: #001c58;
}
#RecruitPage .tag.development{
        background-color: #00561f;
}
#RecruitPage .system_container{
        margin-bottom: 4em;
        margin-top: 3em;
}
#RecruitPage .system_container .left{
        display: inline-block;
        width: 48%;
        margin-right: 1%;
        vertical-align: top;
}
#RecruitPage .system_container .right{
        display: inline-block;
        width: 48%;
        margin-left: 1%;
        vertical-align: top;
}
#RecruitPage .system_container h3{
        text-align: left;
        color: #f36152;
        margin-bottom: 0.5em;
        font-size: 20px;
}
#RecruitPage .system_container p{
        text-align: left;
        margin-bottom: 1em;
        font-size: 16px;
}
#RecruitPage .link_wrapper h6{
  color: #f36152;
  font-size: 10.5px;
  line-height: 1;
  margin-top: -5px;
}
#RecruitPage .link_wrapper{
  margin-bottom: 8em;
}
#RecruitPage .link_wantedly{
        display: inline-block;
        background-color: #00A4BB;
        color: #fff;
        font-size: 20px;
        padding: 1.3em 2em;
        border-radius: 8px;
        border: none;
	margin: 0 0.5em;
}
#RecruitPage .link_wantedly:hover{
	background-color: #1e7785;
        opacity: 1;
}
#RecruitPage .link_application{
        display: inline-block;
        background-color: #f36152;
        color: #fff;
        font-size: 20px;
        padding: 1.3em 2em;
        border-radius: 8px;
        border: none;
	margin: 0 0.5em;
}
#RecruitPage .link_application:hover{
	background-color: #e73420;
        opacity: 1;
}
#RecruitPage .mv{
  text-align: center;
}
#RecruitPage .mv img{
  width: 90%;
  /** height: 400px;
  object-fit: cover;
  object-position: center; **/
  margin: 3em 0;
}
#RecruitPage .top_message{
  background-color: #f0f0f0;
  text-align: center;
  padding: 3em 5%;
}
#RecruitPage .top_message h2{
  text-align: center;
  border-left: none;
  border-bottom: 4px solid #f36152;
  padding-bottom: 0.5em;
  color: #4d4d4d;
  display: inline-block;
  margin-bottom: 0.5em;
}
#RecruitPage .top_message h4{
  background-color: #fff;
  padding: 1.5em 1em;
  font-size: 16.5px;
}
#RecruitPage .description{
  text-align: left;
  padding: 2em 0;
}
#RecruitPage .description h4{
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 2em;
  font-size: 17px;
}
#RecruitPage .description p{
  font-size: 16px;
}
#RecruitPage .btn_wrapper2{
  text-align: left;
  margin-top: 1em;
}
#RecruitPage .btn_wrapper2 a, #RecruitPage .coming_soon, #RecruitPage .btn_wrapper2 span{
  color: white;
  background-color: #f36152;
  padding: 0.7em 2em;
  display: inline-block;
}
#RecruitPage .btn_wrapper2 a:hover{
  background-color: #e73420;
  opacity: 1;
}

#terms_page h3{
  margin-bottom: 0.5em;
  margin-top: 3em;
}
#terms_page h4{
  margin-bottom: 1em;
  margin-top: 2em;
}
#terms_page sup{
  vertical-align: top;
  font-weight: bold;
}
#terms_page small{
  line-height: 1.7;
}
#terms_page table{
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1em;
}
#terms_page th{
  text-align: left;
  border: 1px solid black;
  width: 30%;
  padding: 0.5em 0.5em;
  font-size: small;
  line-height: 1.5;
}
#terms_page td{
  text-align: left;
  border: 1px solid black;
  padding: 0.5em 0.5em;
  font-size: small;
  line-height: 1.5;
}
#terms_page a{
  text-decoration: underline;
  color: blue;
}
#terms_page .purpose_illust{
  margin-top: 3em;
}
#terms_page .purpose_illust .item{
  width: 23%;
  display: inline-block;
  margin-left: 0.5%;
  margin-right: 0.5%;
  vertical-align: top;
}
#terms_page .purpose_illust .item .illust{
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
#terms_page .purpose_illust .item img{
  width: 100%;
  height: auto;
  margin-bottom: 0.5em;
  vertical-align: middle;
}
#terms_page .purpose_illust .item .txt{
  width: 100%;
  border: 0.5px solid black;
  padding: 0 0.5em;
  line-height: 1.5;
  font-size: small;
  height: 5em;
  display: flex;
  align-items: center;
}
#terms_page .anchor{
    padding-top: 70px;
    margin-top: -70px;
}
#terms_page .border_block{
  border: 0.5px solid black;
  padding: 0.5em;
  margin-bottom: 3em;
}
#terms_page .illust5{
  width: 80%;
}

@media screen and (max-width: 1000px) {
#RecruitPage .interview{
        width: 98%;
        margin: 0 0 3em 2%;
}
#RecruitPage .interview_bg.sp{
        display: block;
}
#RecruitPage .interview_bg.sp + .interview.col2{
        margin-top: -100px;
}
#RecruitPage .interview.col2 .interview_img{
        width: 250px;
}
#RecruitPage .interview.col2 .right{
        width: calc(97% - 250px);
}
}
@media screen and (max-width: 915px) {
#page-top .service .title2{
        width: 100%;
        margin-bottom: 30px;
}
#page-top .service .title2 img{
	width: 50%;
}
#page-top .iframe-responsive{
        width: 70%;
        padding: calc(315 / 560 * 70%) 0 0;
}
#page-top .service .srvPos .upper{
	padding-bottom: 30px;
}
#page-top .service .intro .values{
	width: 100%;
}
#page-top .service .srvPos .intro p{
	width: 100%;
	margin-top: 2em;
}
#page-top .service .srvPos .values .val.left{
	text-align: right;
}
#page-top .service .srvPos .values .val.right{
	text-align: left;
}
#page-top .service .srvPos .values .val img{
	max-width: 170px;
}
#RecruitPage .top_message h4 {
  font-size: 16px;
}
#RecruitPage .description h4 {
  font-size: 17px;
}
#RecruitPage .description p {
  font-size: 16px;
}
#RecruitPage .category_item {
  width: 45%;
  margin-bottom: 2em;
}
#RecruitPage .category_item p{
  min-height: 9em;
}
#RecruitPage .interview{
  margin-bottom: 3em;
}
#RecruitPage .system_container .left, #RecruitPage .system_container .right{
  width: 95%;
  margin-left: 2.5%;
  margin-right: 2.5%;
}
#RecruitPage .top_message br.br_pc{
  display: none;
}
}
@media screen and (max-width: 800px){
  #terms_page .purpose_illust .item{
    width: 48%;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 750px){
#page-top .service .title2{
        border: none;
}
}
@media screen and (max-width: 650px) {
#page-top .iframe-responsive{
        width: 100%;
        padding: calc(315 / 560 * 100%) 0 0;
}
#page-top .service .srvPos .upper{
	padding-bottom: 0;
}
#RecruitPage .category_item {
  width: 95%;
}
#RecruitPage .category_item p{
  min-height: inherit;
}
#RecruitPage .interview.col1,
#RecruitPage .interview.col2{
    width: 100%;
    margin: 0 0 3em 0;
}
#RecruitPage .interview.col1 .interview_img,
#RecruitPage .interview.col2 .interview_img{
        width: 80%;
        max-width: 250px;
}
#RecruitPage .interview.col1 .right,
#RecruitPage .interview.col2 .right{
        width: 100%;
}
#RecruitPage .interview_message p{
        min-height: inherit;
        height: auto;
        margin-top: 1em;
}
#RecruitPage .interview_txt{
    height: auto;
}
#RecruitPage .interview_txt .name {
    color: #000;
    margin-top: 1em;
    text-align: center;
    width: 100%;
}
#RecruitPage .interview_txt .title {
    color: #000;
    text-align: center;
    font-size: 16px;
    margin-top: 0.3em;
}
#RecruitPage .interview_txt h6{
    color: #000;
    text-align: center;
    margin-top: 0.5em;
    font-size: 14px;
}
#RecruitPage .btn_wrapper2{
  text-align: center;
}
}
@media screen and (max-width: 500px) {
#RecruitPage .link_wantedly,
#RecruitPage .link_application
 {
    padding: 0.7em 1em;
    width: 95%;
    margin: 0.3em 0;
}
#RecruitPage .interview_txt{
    height: auto;
}
}


@media screen and (max-width: 915px) {
.home .detail-link-s {
	text-align: center;
	margin: 30px 0 0;
	position:absolute;
	bottom:20px;
	left:22%;
	width:56%;
}

.home .service-box .col-box {
	height:320px !important;
}
}
.home .service-box .col-box {
	text-align: center;
	background: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 23.5%;
    margin: 0 0.4%;
	position:relative;
}
/*==================================================
page
==================================================*/
.page-head {
	text-align: center;
	padding: 30px 0;
	position: relative;
}
.page-head.navi-on {

	padding-bottom:66px;
}
.page-head h1 {
	text-align: center;
	font-size: 23px;
	font-size: 2.3rem;
}
#page-navi {
	text-align: center;
	height: 66px;
	width: 100%;
	border-bottom: 1px solid rgba(256,256,256,0.3);
	position: absolute;
	bottom: 0;
	z-index: 800;
	padding: 10px 0;
}
#page-navi.fixed {
	position: fixed;
	top: 64px;
	left: 0;
}
#page-navi li {
	display: inline-block;
	padding: 0 4%;
}
#page-navi li a {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 7px 0 10px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	line-height: 1.2;
}
#page-navi li a.current {
	background: url(img/cmn/icon_circle.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 6px;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/*==================================================
コーポレート
==================================================*/
.table-style01 th {
	width: 10%;
	border: none;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	padding: 0 0 5px;
}
.table-style01 td {
	padding: 0 0 5px 1em;
	border: none;
}
.message-box p {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 1.5em;
}
.message-box p.txt-right {
	margin-top: 50px;
}
.person-box .col-box {
	text-align: center;
}
.person-box .col-box figure {
	margin: 0 0 30px;
}
.person-box .col-box figure img {
	max-width: 210px;
	width: 100%;
}
.person-box .col-box .inner {
	max-width: 180px;
	width: 100%;
	margin: 0 auto;
}
.person-box .col-box h3 {
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 0 20px;
	font-weight: bold;
}
.person-box .col-box p {
	text-align: left;
}
#g-map {
	width: 100%;
	height: 400px;
	margin: 0;
}
#g-map2 {
	width: 100%;
	height: 400px;
	margin: 0 0 -10px 0;
}

/*==================================================
service
==================================================*/
.col-img-txt .ttl-img img{
    width: 60%;}

.col-img-txt .ttl-img {
	width: 35%;
	float: left;
	text-align: left;
}


.service_inbound section .wrap {
	padding-top: 50px;
	padding-bottom: 30px;
}
.service .col-txt-img{
	margin-bottom:50px;
}
.service .col-txt-img .txt-box{width:450px;}

.service .col-4 .col-box {
	text-align: center;
    float: left;
    margin: 0 3% 1% 0;
    padding-top: 5%;
    width: 22%;
	border-radius: 10px;
}
.service .col-4 .col-box .detail-link-s p a{
        border: 1px solid #ccc;
    padding: 2px 2px;
    display: block;
    width: 108px;
    height: 30px !important;
    font-size: 14px;
}
.service .col-3 .col-box{
    text-align: center;
    float: left;
    margin: 0 1.5%; 
    padding-top: 3%;
    width: 30%;
    border-radius: 10px;
}
.service .col-3 .col-box .detail-link-s p a{
    border: 1px solid #ccc;
    padding: 2px 2px;
    display: block;
    width: 108px;
    height: 30px !important;
    font-size: 14px;
}
.service h1.tit01{font-size:28px; margin-bottom: 35px;}
.service .col-img-txt .img-box {text-align:center;}

.service_ad .ad_ttl{color:#0086AE; font-size:22px; font-weight:bold;}
.service_ad .ttl{font-size:16px;color:#4D4D4D;}
.service_ad .col-img-txt .img-box img{width:100%;}
.service_ad .col-img-txt .ttl-img img{/*width:100%;*/}
.service_ad h1.tit01{font-size:28px; margin-bottom: 35px;}
.service_ad .ad_b{font-weight:bold; font-size:18px;}
.service_ad p{font-size:15px;}
.service_ad p.ad_0103{
	width: 100%;
    height: 110px;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 15px 0 10px;
    color: #0086AE;
    border-radius: 10px;
    border: 2px solid #0086AE;
}

.service_ad .col-2,
.service_ad .col-5,
.service_ad .col-img-txt,
.service_ad .col-4{margin-bottom:60px;}
.service_ad h1.tit01{line-height:80%;}

.service_sdk .sdk_ttl{color:#E5004F; font-size:22px; font-weight:bold;}
.service_sdk .sdk_b{font-weight:bold; font-size:18px;}
.service_sdk .col-img-txt{margin-bottom:40px;}
.service_sdk #sec02 .wrap01{margin-bottom:50px;}
/*.service_sdk #sec04 .wrap01 img{margin-top:50px;}*/
.service_sdk #sec07 .wrap01{text-align:center;}
.service_sdk #sec07 .wrap01 p{margin:25px 0px;}
.service_sdk #sec02 .sdk0401 .img{text-align:center;}
.service_sdk #sec02 .sdk0401{
	background-image:url(img/service/SDK/img03bg.png);
    background-repeat: no-repeat;
    padding: 15px 25px 0px;
    width: 100%;
    height: 234px;
    background-size: 100%;
}
.service_sdk #sec03 .sdk0401,
.service_sdk #sec05 .sdk0401{
	background-image:url(img/service/SDK/img03bg.png);
    background-repeat: no-repeat;
    padding: 15px 30px 0px 20px;
    width: 100%;
    height: 240px;
    background-size: 95%;
}
.service_sdk #sec02 .sdk0401 .title,
.service_sdk #sec03 .sdk0401 .title,
.service_sdk #sec05 .sdk0401 .title{
	text-align:center;
	color:#fff;
	font-size:17px;
}
@media screen and (max-width: 1000px) {
.service_sdk #sec02 .sdk0401 .title,
.service_sdk #sec03 .sdk0401 .title,
.service_sdk #sec05 .sdk0401 .title{
	text-align:center;
	color:#fff;
	font-size:17px;
	margin-bottom: 11px;
}
.service_sdk #sec03 .sdk0401 br,
.service_sdk #sec05 .sdk0401 br {
	display:none;
}
.service_sdk #sec05 .sdk0401 p {
	line-height:1.6em !important;
}
.service_inbound .ttl_text {
    width: 36%;
    margin-left: 150px;
}
.service_seo .col-2 .box01 {
    width: 100% !important;
    height: auto !important;
    font-size: 16px !important;
}
}

.service_sdk #sec05 .sdk0401 .big{
	color:#E5004F;
	font-size:28px;
	    margin: 0 4px;
}
.service_seo .seo_tit01{color:#F36152; font-size:28px; }
/*
.service_seo .seo_tit01 img{margin-right:15px;}
 */
.service_seo .col-2 .box01{
	border:3px solid #F36152;
	color:#F36152;
	width: 466px;
    height: 136px;
    font-size: 18px;
	font-weight:bold;
    text-decoration: none;
    display: block;
    padding: 18px;
}
.service_seo h2.tit01{font-size:22px; margin-bottom:30px;}
.service_seo .seo_b{font-weight:bold;font-size:19px;}
.service_seo .seo_red{color:#F36152;font-weight:bold;font-size:20px;}
.service_seo .center{text-align:center; margin-bottom:80px;}
.service_seo .col-img-txt .img-box {
    width: 45%;
    float: left;
    text-align: left;}
.service_seo .col-img-txt .txt-box {
    width: 55%;
    float: right;}
.service_seo #sec04	.wrap01{text-align:center;}

/* 171203 add */
.service_seo{
	font-size: 14px;
}
.service_seo .bg-pink{
	background-color: #faebe9;
}
.service_seo .seo_tit01{
	color:#F36152;
	font-size: 28px;
	padding-bottom: 30px;
}
.service_seo .arrowTitle{
	text-align: center;
}
.service_seo .arrowTitle h2{
	position: relative;
	display: inline-block;
	font-size: 25px;
	border-bottom: 2px solid #f36152;
	margin-bottom: 40px;
}
.service_seo .arrowTitle h2::after{
	content:'';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 6px solid #f36152;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	left: 50%;
	margin-left: -3px;
}
.service_seo .kmIntro ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 20px 0 30px;
}
.service_seo .kmIntro ul li{
	background-color: #f36153;
	color: white;
	width: 32%;
	border-radius: 5px;
  padding: 30px 12px;
	font-size: 16px;
}
.service_seo .kmIntro ul li img{
	display: block;
  margin: 0 auto 30px;
}
.service_seo .kmIntro .recommend{
	padding: 15px 30px;
	font-size: 16px;
	background-color: #e4e4df;
	border-radius: 10px;
}
.service_seo .kmIntro .recommendTitle{
	text-align: center;
	color: #f36152;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}
.service_seo .kmIntro .recommendTitle img{
	margin-right: 10px;
}
.service_seo .kmMerit{
	padding-top: 25px;
	padding-bottom: 10px;
}
.service_seo .kmMerit ul{
	margin: 20px 0 0;
}
.service_seo .kmMerit ul li::before{
	content: "●";
	color: #f36152;
	margin-left: -1em;
}
.service_seo .kmMerit ul li{
	font-size: 16px;
	padding-left: 1em;
	padding-bottom: 20px;
}
.service_seo .kmMerit ul li span{
	color: #f36152;
}
.service_seo .kmMeritPoint{
	position: relative;
	background-color: #f36152;
	border-radius: 10px;
	color: white;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	width: 578px;
	margin-left: 26px;
	margin-top: 30px;
}
.service_seo .kmMeritPoint h3{
	padding-bottom: 15px;
}
.service_seo .kmMeritPoint::before{
	content:'';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 24px solid transparent;
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	border-bottom: 24px solid #f36152;
	top: 0;
	left: 208px;
	margin-top: -48px;
}
.service_seo .kmMeritPoint::after{
	content:'';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 24px solid transparent;
	border-left: 22px solid transparent;
	border-right: 22px solid transparent;
	border-bottom: 24px solid #f36152;
	top: 0;
	left: 424px;
	margin-top: -48px;
}
.service_seo .kmInclude p{
	text-align: center;
	padding: 20px 0 40px;
}
.service_seo .kmInclude .hosoku{
	position: relative;
	display: block;
	margin-top: -50px;
	text-align: left;
	margin-left: 10px;
}
.service_seo .kmProduct ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.service_seo .kmProduct ul li{
	border: 2px solid #f36152;
  border-radius: 10px;
	width: 49%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 15px;
	margin-bottom: 12px;
}
.service_seo .kmProduct ul li h3{
	font-size: 22px;
}
.service_seo .kmProduct ul li .label{
	padding-bottom: 25px;
}
.service_seo .kmProduct ul li em{
	color: #f36152;
	border: 1px solid #f36152;
	border-radius: 7px;
	font-style: normal;
	padding: 1px 5px 0;
	line-height: 1.4;
	vertical-align: bottom;
	display: inline-block;
}
.service_seo .kmProduct ul li p{
	padding: 15px 20px 0;
	text-align: left;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 1.4;
}
.service_seo .kmProduct ul li.single{
	width: 100%;
}


.service_dmp .dmp_ttl{color:#BCC800; font-size:22px; font-weight:bold;}

.service_inbound .inbound_tit01{color:#717071; font-size:22px; font-weight:bold;}
.service_inbound .ttl{font-size:16px;color:#4D4D4D;}
.service_inbound .ttl_text{width:42%; margin-left:150px;}
.service_inbound .ttl_img{width:20%; text-align: center;}
.service_inbound h1.tit01{font-size:28px; margin-bottom: 35px;}
.pc_no{display:none;}

/*==================================================
service line
==================================================*/


.service_sdk #sec02 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #E5004F;
	width:68%;
	margin:0px 16% 80px;
}
.service_sdk #sec03 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #E5004F;
	width:40%;
	margin:0px 30% 80px;
}
.service_sdk #sec04 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #E5004F;
	width:44%;
	margin:0px 28% 80px;
}
.service_sdk #sec05 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #E5004F;
	width:32%;
	margin:0px 34% 80px;
}
.service_sdk #sec06 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #E5004F;
	width:32%;
	margin:0px 34% 80px;
}
.service_sdk #sec07 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #E5004F;
	width:50;
	margin:0px 25% 80px;
}
.service_sdk #sec02 h1.tit01::after,
.service_sdk #sec03 h1.tit01::after,
.service_sdk #sec04 h1.tit01::after,
.service_sdk #sec05 h1.tit01::after,
.service_sdk #sec06 h1.tit01::after,
.service_sdk #sec07 h1.tit01::after{
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 10px solid #E5004F;
}

.service_ad #sec02 h1.tit01{
	border-bottom:3px solid #0086AE;
	width:58%;
	margin:0px 21% 80px;
	position:relative;
	padding-bottom:20px;}


.service_ad #sec02 .linebg{
	position:absolute;
	top: 74px;
    left:50%;
	z-index:100;
}

.service_ad #sec03 h1.tit01{
	border-bottom:3px solid #0086AE;
	width:368px;
	margin:0px 366px 80px;
	position:relative;
	padding-bottom:20px;}

.service_ad #sec03 .linebg{
	position:absolute;
	top: 74px;
    left:50%;
	z-index:100;
}

.service_ad #sec04 h1.tit01{
	border-bottom:3px solid #0086AE;
	width:308px;
	margin:0px 396px 80px;
	position:relative;
	padding-bottom:20px;}

.service_ad #sec04 .linebg{
	position:absolute;
	top: 74px;
    left:550px;
	z-index:100;
}

.service #sec01 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #F36152;
	width:648px;
	margin:0px 116px 80px;
	font-size: 22px;
}
.service #sec01 h1.tit01::after{
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 10px solid #F36152;
}

.service #sec02 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #fff;
	width:528px;
	margin:0px 164px 80px;
	font-size: 22px;
}
.service #sec02 h1.tit01::after{
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 10px solid #fff;
}

.service #sec03 h1.tit01{
	position: relative;
	padding-bottom:10px;
	border-bottom:3px solid #F36152;
	width:328px;
	margin:0px 226px 80px;
	font-size: 22px;
}
.service #sec03 h1.tit01::after{
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 10px solid #F36152;
}

.service_dmp #sec02 h1.tit01{
	border-bottom:3px solid #BCC800;
	width:46%;
	margin:0px 27% 80px;
	position:relative;
	padding-bottom:20px;}


.service_dmp #sec02 .linebg{
	position:absolute;
	top:103px;
    left:50%;
	z-index:100;
}

 .service_inbound h1.tit01{
	border-bottom:3px solid #717071;
	width:80%;
	margin:0px 10% 80px;
	position:relative;
	padding-bottom:20px;}


.service_inbound .linebg{
	position:absolute;
	top:96px;
    left:50%;
	z-index:100;
}

.service_seo #sec02 h2.tit01{
	border-bottom:3px solid #F36152;
	width:68%;
	margin:0px 16% 80px;
	position:relative;
	padding-bottom:20px;}


.service_seo #sec02 .linebg{
	position:absolute;
	top:271px;
    left:50%;
	z-index:100;
}

.service_seo #sec03 h2.tit01{
	border-bottom:3px solid #F36152;
	width:76%;
	margin:0px 12% 80px;
	position:relative;
	padding-bottom:20px;}


.service_seo #sec03 .linebg{
	position:absolute;
	top:87px;
    left:50%;
	z-index:100;
}

.service_seo #sec04 h2.tit01{
	border-bottom:3px solid #F36152;
	width:76%;
	margin:0px 12% 80px;
	position:relative;
	padding-bottom:20px;}


.service_seo #sec04 .linebg{
	position:absolute;
	top:87px;
    left:50%;
	z-index:100;
}
/*==================================================
記事一覧
==================================================*/
.content-box{
	overflow:hidden;
}
.entry-box{
	width:70%;
	float:left;
}
.entry-box h2.tit-cat{
	font-size:30px;
	fint-size:3.0rem;
	margin:0 0 30px;
}
.entry-box h2.tit-cat .tit-archive{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	display:none;
}
.date .entry-box h2.tit-cat .tit-archive{
	display:block;
}
.entry-box .entry-list{
	margin:0 0 60px;
}
.entry-box .entry-list li{
	font-size:18px;
	fint-size:1.8rem;
	border-bottom:1px solid #b5b5b6;
	padding:0 0 20px;
	margin:0 0 20px;
}
.entry-box .entry-list li a{

	display:block;
}
.entry-box .entry-list li span{
	font-size:12px;
	fint-size:1.2rem;
	display:block;
	color: #b3b3b3;
}
.side-box{
	width:25%;
	float:right;
}
.side-box h2{
	font-size:16px;
	fint-size:1.6rem;
	margin:0 0 15px;
}
.side-box h3{
	font-size:16px;
	fint-size:1.6rem;
	margin:0 0 6px;
}
.side-box ul{
		margin:0 0 15px;
}
.side-box li{
	font-size:12px;
	fint-size:1.2rem;
	line-height:1.6em;
	margin:0 0 6px 1em;
	text-indent:-1em;
}
.side-box li:before{
	content:"-";
	width:1em;
	display:inline-block;
	text-indent:0;
}
/*==================================================
single
==================================================*/
.entry-header{
	margin:0 0 0;
}
.entry-header p.data{
font-size:12px;
	fint-size:1.2rem;
	display:block;
	color: #b3b3b3;
	margin:0 0 10px;
}
h2.entry-title {
	font-size: 20px;
	font-size: 2rem;
	margin: 0 0 25px;
	padding:0 0 20px;
	border-bottom:1px solid #b5b5b6;
}
h2.archive-tit {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 50px;
	text-align: center;
}

.entry-content {
	margin: 0 0 50px;
}
/* Responsive images */
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height: auto;
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
	max-width: 100%;
	height: auto;
}
embed, iframe, object, video {
	max-width: 100%;
}
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*==================================================
お問い合わせ
==================================================*/

.form-box td{
	padding: 0 5px 15px;
}
.form-box textarea, .form-box input[type=text], .form-box input[type=email] {
	width: 100%;
	border-radius: 0;
	border: #ccc 1px solid;
	padding: 10px;
	font-size: 100%;
}
.form-box select {
	-webkit-appearance: menulist;
	font-size: 100%;
	width: 50%;
	padding: 10px;
	background: #fff;
	border-radius: 0;
	border: #ccc 1px solid;
}
.must {
	color: #980202;
}
.form-box table {
	margin: 30px 0 20px;
	width: 100%;
}
.form-box .btn-submit {
	text-align: center;
}
.form-box .btn-submit li {
	display: block;
	margin:0 0 20px;
}
.form-box input[type="submit"] {
	display: block;
	background: #960702;
	color: #fff;
	padding: 20px ;
	width:100%;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 100%;
	-webkit-appearance: none;
	cursor: pointer;
}
.btn-submit li:last-child input[type="submit"] {
	background: #999;
	    max-width: 200px;
    width: 100%;
	margin:0 auto;
	padding: 15px ;
	font-size:80%;
}
/*==================================================
404
==================================================*/
.box404{
	padding:100px 0;
}
.box404 .detail-link a{
	font-size:100%;
}
@media screen and (max-width: 900px) {
	/*==================================================
head
==================================================*/

.site-header h1 {
	/*width: 150px;*/
	float: none;
	/*margin: 20px auto;*/
	margin: 21px 0;
}
.site-header {
	border-bottom: 1px solid #eee;
	margin-top:-5px;
}
.site-header hgroup {
	height: 62px;
}
.gnavi, .hnavi {
	display: none;
}
#gnavi-s {
	display: none;
	width: 100%;
	text-align: center;
	padding: 0 0 80px;
	z-index: 9999px;
	background: #fff;
	position: fixed;
	top: 58px;
	z-index: 999;
	overflow-y: scroll !important;
	-webkit-overflow-scrolling : touch;
	border-bottom: 1px solid #eee;
}
#gnavi-s li {
	border-bottom: 1px solid #eee;
}
#gnavi-s li a {
	display: block;
	padding: 30px 20px;
	line-height: 0em;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
}
#gnavi-s li.navi-case p,
#gnavi-s li.navi-tool p {
    display: block;
    padding: 30px 20px;
    line-height: 0em;
    text-align: left;
    font-size: 15px;
    font-size: 1.5rem;
	color:#bbb;
}
#gnavi-s li.download a {
	background: #dc2809;
	color:#fff;
}
#gnavi-s li.sub-navi a {
	background: url(img/cmn/arrow01.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 22px;
}
#gnavi-s li.sub-navi a.active {
	background: url(img/cmn/arrow02.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 22px;
}
#gnavi-s li.mail, #gnavi-s li.fb {
	display: inline-block;
	border: none;
}
#gnavi-s li.mail a, #gnavi-s li.fb a {
	padding: 20px 10px;
}
#gnavi-s li.mail img {
	max-width: 30px;
	width: 100%;
	vertical-align: middle;
}
#gnavi-s li.fb img {
	max-width: 30px;
	width: 100%;
	vertical-align: middle;
}
#gnavi-s li ul.child {
	display: none;
	padding: 0 0 10px;
	margin:  0 0;
}
#gnavi-s li ul.child li {
	border: none;
	display: block;
	padding-bottom:20px;
}
#gnavi-s li ul.child li a {
	padding: 0 37px ;
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	background: none;
	line-height:1.6em;
	color: #E02F1D;

}
#gnavi-s li ul.child li li{
	padding-top:10px;
	padding-bottom:0;
}
#gnavi-s li ul.child li li a{
	padding: 0 52px;
	font-weight:normal;
	color:inherit;
}
#gnavi-s li ul.child li a.active {
	background: none;
}
.button-toggle {
	position: absolute;
	top: 15px;
	right: 10px;
	display: block;
	z-index: 100;
	background: #fff;
	padding: 4px 9px 10px;
}
.css-bar {
	display: inline-block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	background: #4d4d4d;
}
.css-bar, .css-bar:before, .css-bar:after {
	width: 18px;
	height: 2px;
}
.css-bar:before, .css-bar:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	background: #4d4d4d;
}
.css-bar:before {
	margin-top: -6px;
}
.css-bar:after {
	margin-top: 4px;
}
}
@media screen and (max-width: 800px) {
/*==================================================
cmn
==================================================*/

body {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.8em;
	min-width:inherit !important;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
.wrap {
	padding: 0 15px;
}

/*==================================================
foot
==================================================*/
.fnavi {
	padding: 0;
}
.fnavi li {
	display: block;
	text-align: center;
	margin: 0;
	padding: 10px;
}
.fnavi li.mail, .fnavi li.fb {
	display: inline-block;
}
footer .logo-f {
	margin: 30px 0 0px;
}
footer address {
	font-size: 10px;
	padding: 10px 0;
}
/*==================================================
content
==================================================*/
.main-content {
	/** margin: 72px 0 0; **/
	margin: 120px 0 0;
}
section {
	margin-top: -103px;
	padding-top: 103px;
}
section .wrap {
	padding-top: 30px;
	padding-bottom: 50px;
}
.site-content {
	padding: 50px 0;
}
.bg-gray {
	background: #f8f8f8;
}
.bg-red {
	background: #f36152;
	color: #fff;
}
.bg-red-gradation {
	background: url(img/cmn/bg_border.png), url(img/cmn/bg_red.png);
	background-repeat: repeat, repeat-x;
	background-size: auto, auto 100%;
	color: #fff;
}
.bg-red a, .bg-red-gradation a {
	color: #fff;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
ul.list-disc {
	padding-left: 1.4em;
}
ul.list-disc li {
	list-style: disc;
}
/*タイトル*/
h1.tit01 {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 0 20px;
}
h1.tit02 {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 0 20px;
}
h2.tit01 {
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin: 0 0 20px;
}
h3.tit01 {
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 20px;
}
.page-tit h1 {
	color: #fff;
}
/*カラム*/

.col-2 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
.col-3 .col-box:nth-of-type(3n) {
	margin-right: 0px;
}
.col-4 .col-box:nth-of-type(2n) {
	margin-right: 0px;
}
.col-2 .col-box {
	width: 100%;
	float: none;
	margin: 0 0 15px 0;
}
.col-3 .col-box {
	width: 100%;
	float: none;
	margin: 0 0 15px 0;
}
.col-4 .col-box {
	width: 49%;
	float: left;
	margin: 0 2% 15px 0;
}

.col-5 .col-box {
	width: 31%;
	float: left;
	margin: 0 2% 15px 0;
}
.col-2 .col-box:last-child, .col-3 .col-box:last-child, .col-4 .col-box:last-child {
	margin-bottom: 0;
}
.col-img-txt, .col-txt-img {
	overflow: hidden;
}
.col-img-txt .img-box {
	width: 100%;
	float: none;
	margin: 0 0 15px 0;
}
.col-img-txt .ttl-img {
	    width: 80%;
    float: none;
    margin: 0 10% 35px 10%;
	text-align: center;
}

.col-img-txt .txt-box {
	width: 100%;
	float: none;
}
.col-txt-img .img-box {
	width: 100%;
	float: none;
	margin: 0 0 15px 0;
}
.col-txt-img .txt-box {
	width: 100%;
	float: none;
}
/*ボタン*/
.detail-link {
	margin-top: 20px;
}
.detail-link p {
}
.detail-link a {
	font-size: 15px;
	font-size: 1.5rem;
}
.detail-link-s {
	text-align: center;
	margin: 20px 0 0;
}
.detail-link-s {
	font-size: 15px;
	font-size: 1.5rem;
}
.btn-top{
	position: absolute;
	bottom:0;
	right:10px;
}
.btn-top img{
	width:25px;
}
/*==================================================
index
==================================================*/
.main-img {
	margin: 0;
	background: url(img/top/bg_main_black.jpg) no-repeat center;
	background-size: cover;
	display: table;
	width: 100%;
}
.main-img .main-txt {
	padding: 50px 0;
}
.main-img .main-txt h1 {
	/* margin: 0 0 30px; */
	margin: 0 0 20px;
	font-size: 32px;
	font-size: 3.2rem;
}
.main-img .main-txt p a {
	font-size: 18px;
	font-size: 1.8rem;
}
.main-img .main-txt .maintxt {
    color: #fff;
    font-size: 15px !important;
    font-size: 1.5rem !important;
}
.main-img .about-box .wrap{
	padding: 30px 0 ;
}
.main-img .about-box h2 {
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 0 10px;
}
.main-img .about-box figure {
	margin: 0 0 20px;
}
.main-img .about-box figure img {
	max-height: 80px;
}
.main-img .about-box .inner {
	width: 80%;
	margin: 0 auto 30px;
	text-align: center;
}
.main-img .about-box .inner p {
	font-size: 100%;
}
.post-box .col-box a {
	display: block;
	background: #fff;
	padding: 20px;
}
.post-box .col-box h2 {
	font-size: 100%;
}
.post-box .img-box {
	margin: 0 0 20px;
}
.post-box p {
	font-size: 90%;
}
.post-box .cat span:after {
	content: " , ";
}
.post-box .cat span:last-child:after {
	display: none;
}
.case-box .col-box {
	text-align: center;
}
.case-box .col-box figure img {
	max-width: 100px;
	width: 100%;
}
.service-box .col-img-txt {
	margin: 0 0 30px;
}
.service-box .img-box img {
	max-width: 50px;
	width: 100%;
}
.service-box .col-box{
	margin: 5%;
    width: 90%;
    height: 100%;
}
.home .service-box .col-box{
	margin: 5%;
    width: 90%;
    height: 100%;
}
.service-box .col-box .inner {
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 40px 20px;
	text-align:left;
}
.service-box .col-box h2 {
	margin: 0 0 30px;
	text-align: center;
}
.service-box .col-box h2 img {
	max-width: 150px;
	width: 100%;
}
.service-box .col-box h3 {
	margin: 0 0 15px;
	font-size: 18px;
	font-size: 1.8rem;
}
.service-box .col-box p {
	font-size: 100%;
}
.seo-box .img-box img {
	max-width: 50px;
	width: 100%;
}
.seo-box .detail-link {
	margin-top: 20px;
}
.blog-box .img-box {
	margin: 0;
}
.blog-box .img-box img {
	max-width: 42px;
	width: 100%;
}
.blog-box h1 {
	margin: 20px 0 30px;
	text-align: center;
	line-height: 0;
}
.blog-box h1 img {
	max-width: 150px;
	width: 100%;
	line-height: 0;
}
.blog-box .img-box {
	margin: 0 0;
}
.blog-box .txt-box {
	max-width: 100%;
	width: 100%;
}
.blog-box .detail-link {
	margin: 20px auto 0;
}
/*==================================================
page
==================================================*/
.page-head {
	text-align: center;
	padding: 20px 0;
	position: relative;
}
.page-head.navi-on {
	padding-bottom:46px;
}
.page-head h1 {
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
}
#page-navi {
	text-align: center;
	height: 46px;
	padding: 5px 0;
	width: 100%;
	border-bottom: 1px solid rgba(256,256,256,0.3);
	position: absolute;
	bottom: 0;
	z-index: 900;
}
#page-navi.fixed {
	position: fixed;
	top: 57px;
	left: 0;
}
#page-navi li {
	display: inline-block;
	padding: 0 2%;
}
#page-navi li a {
	display: block;
	font-size: 11px;
	font-size: 1.1rem;
	padding: 5px 0;
}
/*==================================================
コーポレート
==================================================*/
.message-box p {
	font-size: 100%;
	margin-bottom: 1em;
}
.message-box p.txt-right {
	margin-top: 2em;
}
.person-box .col-box {
	text-align: center;
}
.person-box .col-box figure {
	margin: 0 0 20px;
}
.person-box .col-box figure img {
	max-width: 210px;
	width: 100%;
}
.person-box .col-box .inner {
	max-width: 80%;
	width: 100%;
	margin: 0 auto;
}
.person-box .col-box h3 {
	margin: 0 0 15px;
}
.person-box .col-box p {
	text-align: left;
}
#g-map {
	width: 100%;
	min-height: 200px;
	margin: 0;
}
#g-map2 {
	width: 100%;
	min-height: 200px;
        margin: 0 0 -10px 0;
}
/*==================================================
記事一覧
==================================================*/
.content-box{
	overflow:hidden;
}
.entry-box{
	width:100%;
	float:none;
}
.entry-box h2.tit-cat{
	font-size:24px;
	fint-size:2.4rem;
	margin:0 0 20px;
}
.entry-box h2.tit-cat .tit-archive{
	display:block;
	font-size:16px;
	fint-size:1.6rem;
	display:none;
}
.date .entry-box h2.tit-cat .tit-archive{
	display:block;
}
.entry-box .entry-list{
	margin:0 0 50px;
}
.entry-box .entry-list li{
	font-size:16px;
	fint-size:1.6rem;
	border-bottom:1px solid #b5b5b6;
	padding:0 0 20px;
	margin:0 0 20px;
}

.side-box{
	width:100%;
	float:none;
}

/*==================================================
single
==================================================*/


h2.entry-title {
	font-size:16px;
	fint-size:1.6rem;
	margin: 0 0 25px;
	padding:0 0 20px;
	border-bottom:1px solid #b5b5b6;
}
h2.archive-tit {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 50px;
	text-align: center;
}

.entry-content {
	margin: 0 0 50px;
}
/*==================================================
お問い合わせ
==================================================*/
.form-box table {
	margin: 20px 0 0px;
	width: 100%;
}
.form-box td{
	padding: 0 0 15px;
	display:block;
	width:100%;
}
/*==================================================
404
==================================================*/
.box404{
	padding:50px 0;
}

/*==================================================
service
==================================================*/
.service_ad h1.tit01 {
    line-height: 100%;
}

.pc_no{display:inline;}

.service_ad p.ad_0103{
	width: 100%;
	margin:10% 0;
    height: 160px;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 15px 0 10px;
    color: #0086AE;
    border-radius: 10px;
    border: 2px solid #0086AE;
}
.service .col-4 .col-box {
	text-align: center;
    float: left;
    margin: 0 3% 5% 3%;
    padding-top: 5%;
    width: 43%;
	border-radius: 10px;
}
.service .col-4 .col-box .detail-link-s p a{
        border: 1px solid #ccc;
    padding: 2px 2px;
    display: block;
    width: 100%;
    height: 30px !important;
    font-size: 14px;
}


.service .col-4 .col-box .detail-link-s {
	text-align: center;
	bottom:30px !important;
    width: 54%;
    margin: 25px auto 0;
	left:26% !important;
}
.service .col-4 .col-box .detail-link-s p {
	width:100% !important;
}

.service .col-3 .col-box{
    text-align: center;
    float: left;
    margin: 0 3% 5% 3%; 
    padding-top: 3%;
    width: 43%;
    border-radius: 10px;
}

.service .col-txt-img .txt-box{width:100%;}
.service_dmp .wrap01 .dnp0101{width:98%; }

.service_seo .col-2 .box01{
	border:3px solid #F36152;
	color:#F36152;
	width: 100%;
    height: auto;
    font-size: 15px;
	font-weight:bold;
    text-decoration: none;
    display: block;
    padding: 18px;
}
.service_seo .col-img-txt .img-box {
    float: none;
    text-align: center;
	width: 100%;}
.service_seo .col-img-txt .txt-box {
    float: none;
	width: 100%;}

.service_sdk .col-img-txt .img-box {
    width: 100%;
    float: none;
    text-align:center;
}
.service_sdk #sec03 .sdk0401,
.service_sdk #sec05 .sdk0401{
	margin:5% 18%;
	width:64%;
}
.service_sdk #sec02 .sdk0401{
	margin: 5% 25%;
    width: 50%;
    height: 300px;
}

.service_inbound .ttl_img img{
    width: 50%;
    text-align: center;
	margin:5% 25%;
}

/*==================================================
service line
==================================================*/
.service_sdk #sec02 h1.tit01,
.service_sdk #sec03 h1.tit01,
.service_sdk #sec04 h1.tit01,
.service_sdk #sec05 h1.tit01,
.service_sdk #sec06 h1.tit01,
.service_sdk #sec07 h1.tit01 {
	position: relative;
	padding: .5em .75em;
	border-bottom:3px solid #E5004F;
	width:80%;
	margin:0% 10% 10%;
	font-size:20px;
}
.service_sdk #sec02 h1.tit01::after,
.service_sdk #sec03 h1.tit01::after,
.service_sdk #sec04 h1.tit01::after,
.service_sdk #sec05 h1.tit01::after,
.service_sdk #sec06 h1.tit01::after,
.service_sdk #sec07 h1.tit01::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #E5004F;
}

.service_ad #sec02 h1.tit01,
.service_ad #sec03 h1.tit01,
.service_ad #sec04 h1.tit01 {
	position: relative;
	padding: .5em .75em;
	border-bottom:3px solid #0086AE;
	width:80%;
	margin:0% 10% 10%;
}
.service_ad #sec02 h1.tit01::after,
.service_ad #sec03 h1.tit01::after,
.service_ad #sec04 h1.tit01::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #0086AE;
}

.service #sec01 h1.tit01,
.service #sec03 h1.tit01 {
	position: relative;
	padding: .5em .75em;
	border-bottom:3px solid #F36152;
	width:86%;
	margin:0% 7% 10%;
}
.service #sec01 h1.tit01::after,
.service #sec03 h1.tit01::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #F36152;
}

.service #sec02 h1.tit01{
	position: relative;
	padding: .5em .75em;
	border-bottom:3px solid #fff;
	width:80%;
	margin:0% 10% 10%;
}
.service #sec02 h1.tit01::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #fff;
}

.service_dmp #sec02 h1.tit01 {
	position: relative;
	padding: .5em .75em;
	border-bottom:3px solid #BCC800;
	width:80%;
	margin:0% 10% 10%;
}
.service_dmp #sec02 h1.tit01::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #BCC800;
}


.service_inbound h1.tit01 {
	position: relative;
	padding: .5em .75em;
	border-bottom:3px solid #717071;
	width:86%;
	margin:0% 7% 10%;
}
.service_inbound h1.tit01::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #717071;
}


.service_seo #sec02 h2.tit01,
.service_seo #sec03 h2.tit01,
.service_seo #sec04 h2.tit01 {
	position: relative;
	padding: .5em .75em;
	border-bottom:3px solid #F36152;
	width:80%;
	margin:0% 10% 10%;
}
.service_seo #sec02 h2.tit01::after,
.service_seo #sec03 h2.tit01::after,
.service_seo #sec04 h2.tit01::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #F36152;
}
.service .col-4 .col-box .inner img {
	width:80%;
	margin-top:15px;
}

/* addsp 171204 */
.service_seo .seo_tit01{
	padding-left: 28px;
	padding-right: 28px;
	padding-bottom: 0;
}
.service_seo .kmIntro ul{
	display: block;
}
.service_seo .kmIntro ul li{
	width: auto;
	margin-bottom: 20px;
	font-size: 15px;
}
.service_seo .kmMeritPoint{
	width: auto;
	margin-left: 20px;
}
.service_seo .kmMeritPoint::before{
	left: 30%;
}
.service_seo .kmMeritPoint::after{
	left: 70%;
}

.service_seo .kmInclude p{
	padding-bottom: 0;
}
.service_seo .kmInclude .hosoku{
	margin-top: 0;
}

.service_seo .kmInclude .hosoku{
	margin-top: 0;
}

.service_seo .kmProduct ul{
	display: block;
}
.service_seo .kmProduct ul li{
	width: auto;
	margin: 0 10px 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.service_seo .kmProduct ul li.single{
	width: auto;
}

}
@media screen and (max-width: 700px) {
	.service_sdk #sec02 .sdk0401 .img{ width:90% !important; margin:35px 4% !important;}
}
@media screen and (max-width: 620px) {
	.service_sdk #sec02 .sdk0401 .img{ width:90% !important; margin:30px 4% !important;}

}
@media screen and (max-width: 550px) {
	.service_sdk #sec02 .sdk0401 .img{ width:90% !important; margin:0px 4% !important;}
	}
@media screen and (max-width: 500px) {
	.service_sdk #sec02 .sdk0401 .img{ width:90% !important; margin:20px 4% !important;}
	.service_sdk #sec02 .sdk0401 {
    margin: 5% 10% !important;
    width: 80% !important;
}
.service .col-3{
  text-align: center;
}
.service .col-3 .col-box{
    margin: 0 3% 30px 3%; 
    width: 80%;
    display: inline-block;
    float: none;
}

}

@media screen and (max-width: 470px) {
.main-content {
	/** margin: 120px 0 0; **/
	margin: 150px 0 0;
}
}

@media screen and (max-width: 440px) {
.service_sdk #sec02 .sdk0401 {
    margin: 5% 10%;
    width: 80%;
    height: 250px;
}
.service_sdk #sec03 .sdk0401, .service_sdk #sec05 .sdk0401 {
    margin: 5% 10%;
    width: 80%;
}
.service_sdk #sec03 .sdk0401, .service_sdk #sec05 .sdk0401 {
    margin: 5% 10%;
    width: 80%;
}

.service_sdk #sec02 .sdk0401 .img {
    width: 90% !important;
    margin: 30px 4% !important;
}

}


@media screen and (max-width: 370px) {
.service #sec01 h1.tit01, .service #sec03 h1.tit01,
.service #sec02 h1.tit01,
.service_ad #sec03 h1.tit01_n,
.service_ad .ad_bb,
.service_ad h1.tit01,
.service_sdk #sec05 .sdk0401 .big,
.service_dmp #sec02 h1.tit01,
.service_inbound h1.tit01,
.service_seo #sec02 h2.tit01,
.service_seo #sec03 h2.tit01,
.service_seo #sec04 h2.tit01{
	font-size:18px !important;
}
.service .col-4 .col-box .detail-link-s {
    bottom: 10px !important;
    width: 72% !important;
    left: 14% !important;
}
.service_inbound h1.tit01 {
	width:100%;
    margin: 0% 0 10%;
	font-size:16px !important;
}
.service_seo .seo_tit01 {
	font-size:22px;
}
.service_seo #sec02 h2.tit01, .service_seo #sec03 h2.tit01, .service_seo #sec04 h2.tit01 {
	width:96%;
	margin:0% 2% 10%

}
}

/** conference 2019 **/
body.page-id-3963,
body.page-id-4317,
body.page-id-4400,
body.page-id-4443,
body.page-id-4446{
  line-height: 1;
  font-size: 100%;
  background: linear-gradient(90deg, #101010 0%, #333 100%) #333 repeat-y;
  background-size: 100%;
  color: #FFF;
  font-family: 'Lato', "futura-pt", YuGothic, "Yu Gothic", メイリオ, sans-serif;
  text-size-adjust: 100%;
  overflow: hidden;
  width: auto;
}

body.page-id-3963 .main-content,
body.page-id-4317 .main-content,
body.page-id-4400 .main-content,
body.page-id-4443 .main-content,
body.page-id-4446 .main-content{
  height: auto;
  width: auto;
}
body.page-id-3963 .page-content,
body.page-id-4317 .page-content,
body.page-id-4400 .page-content,
body.page-id-4443 .page-content,
body.page-id-4446 .page-content{
  height: auto;
  width: auto;
}

body.page-id-3963.is-modal,
body.page-id-4317.is-modal,
body.page-id-4400.is-modal,
body.page-id-4443.is-modal,
body.page-id-4446.is-modal{
  width: 100%;
  position: fixed;
  overflow-y: scroll;
}
@media screen and (max-width: 1100px) {
body.page-id-3963,
body.page-id-4317,
body.page-id-4400,
body.page-id-4443,
body.page-id-4446{
  min-width: inherit;
}
body.page-id-3963 .main-content,
body.page-id-4317 .main-content,
body.page-id-4400 .main-content,
body.page-id-4443 .main-content,
body.page-id-4446 .main-content,{
  margin: 0;
  min-width: inherit;
}
body.page-id-3963 .page-content,
body.page-id-4317 .page-content,
body.page-id-4400 .page-content,
body.page-id-4443 .page-content,
body.page-id-4446 .page-content{
  min-width: inherit;
}
}

@media screen and (max-width: 414px) {
#conference_2019{
  min-width: inherit;
}
}
#conference_2019 a{
  color: #fff;
}
.m-conference ol,.m-conference ul{
  list-style: none;
}
.m-conference table{
  border-collapse: collapse;
  border-spacing: 0;
}
.m-conference *{
  box-sizing: border-box;
}
.m-conference a{
  color: #fff;
  text-decoration: none;
  font-size: 100%;
  line-height: 1;
}
.m-conference section{
  margin-top: 0;
}

.l-header{
  width: 100%;
  min-height: 80px;
  top: 0;
  z-index: 10;
  background-image: linear-gradient(0deg, transparent 8%, rgba(0,0,0,0.2) 100%);
  position: fixed;
}
.l-header_in{
  display: flex;
  min-height: 80px;
  height: 100%;
  background: transparent;
}
.l-header_logo{
  margin-left: 20px;
  padding-top: 20px;
  position: relative;
}
.l-header_logo_plus{
  position: absolute;
  left: -39px;
  top: 30px;
}
.l-header_logo_plus_line{
  width: 27px;
  height: 1px;
  background: #43e4d7;
  position: absolute;
}
.l-header_logo_plus_line-2{
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
.l-header_nav{
  margin: 26px 0 0 20px;
}
.l-header_nav_menu{
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  flex-wrap: wrap;
}
.l-header_nav_menu li{
  margin-left: 7px;
}
.l-header_nav_menu a{
  padding: 5px 10px 5px 5px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: .06em;
  display: inline-block;
  transition-property: color, opacity;
  transition-duration: .4s;
  position: relative;
  color: #fff;
}
.l-header_nav_menu a:hover{
  opacity: .6;
}
.l-header_nav_menu a.is-current::before{
  width: 7px;
  height: 7px;
  margin: 0 4px 3px 0;
  background: #FFF;
  content: '';
  display: inline-block;
}
.l-header_nav_menu_in{
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.l-header_nav_menu_j{
  margin-top: 2px;
  color: #fcfcfc;
  display: block;
  font-size: 1.1rem;
  white-space: nowrap;
  display: none;
}
.l-header_ticket{
  margin: 0 0 0 auto!important;
}
.l-header_ticket a{
  display: flex;
  background: linear-gradient(58deg, #62e3de 0%, #5bd5e1 100%) #62e3de no-repeat;
  text-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 32px 20px 30px 20px;
}
.l-header_ticket a::after{
  width: 200%;
  height: 200%;
  background: #01A7C7;
  content: '';
  display: block;
  position: absolute;
  right: -50%;
  top: 220%;
  transform: rotate(8deg);
  transform-origin: 100% 0;
  transition-property: right, top;
  transition-duration: .3s;
  }
.l-header_ticket a:hover::after{
  right: -60%;
  top: 20%;
}
.l-header_ticket_cell{
  position: relative;
  z-index: 1;
}
.l-header_ticket_cell-day{
  padding: 4px 11px 8px 0;
  font-weight: 700;
  border-right: 1px solid #FFF;
}
.l-header_ticket_cell-buy{
  font-size: 1.6rem;
  font-weight: bold;
}
.l-header_ticket_cell-buy_icon{
  margin-left: 10px;
}
.l-header_ticket_day{
  font-size: 2.8rem;
}
.l-header_ticket_of{
  margin-left: 4px;
  font-size: 1.5rem;
}
.l-header_ticket_space{
  margin-top: 3px;
  font-size: 1.3rem;
  display: block;
}
.l-header.is-home .l-header_logo{
  margin-left: 20px;
}
.l-header.is-home .l-header_logo_plus_line{
  background: #43e4d7;
}
.l-header.is-home .l-header_nav_menu_j{
  color: #ccc;
}
.l-header.is-pagetop{
  position: absolute;
}
.l-header.is-follow{
  min-height: 70px;
  background: rgba(0,0,0,0.5);
  position: fixed;
}
#l-header_nav_btn{
  display: none;
}
@media screen and (max-width: 1150px) {
.l-header_logo{
  display: none;
}
.l-header_nav{
  display: none;
}
.l-header_ticket{
  display: none;
}
.l-header.is-home{
  display: none;
}
.l-header.is-follow{
  background: transparent;
}
.l-header.is-pagetop .l-header_logo{
  padding: 23px 0 0 8%;
}
.l-header.is-follow{
  position: absolute;
}
#l-header_nav_btn{
  display: block;
  padding: 26px 30px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 901;
}
#l-header_nav_btn:hover{
  cursor: pointer;
}
#l-header_nav_btn .bar1{
  width: 30px;
  height: 2px;
  background: #43e4d7;
  transition-property: width,height,margin-top,transform;
  transition-duration: .4s;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#l-header_nav_btn .bar2{
  width: 30px;
  height: 2px;
  background: #43e4d7;
  transition-property: width,height,margin-top,transform;
  transition-duration: .4s;
  margin-top: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#l-header_nav_btn.active .bar1{
  width: 22px;
  height: 1px;
  transform-origin: right center;
  transform: rotate(-45deg);
}
#l-header_nav_btn.active .bar2{
  width: 22px;
  height: 1px;
  transform-origin: right center;
  margin-top: 15px;
  transform: rotate(45deg);
}
.l-header.active{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 1em 10%;
  background: #000;
}
.l-header.active .l-header_nav{
  display: block;
  width: 100%;
  height: auto;
  background: #000;
  margin: 0;
  position: relative;
}
.l-header.active .l-header_nav .l-header_nav_menu li{
  width: 100%;
  padding: 0.5em 0.5em;
  font-size: 1.8rem;
}
.l-header.active .l-header_nav .l-header_nav_menu a{
  font-size: 1.8rem;
}
.l-header.active .l-header_logo{
  display: block;
  position: relative;
}
.l-header.active .l-header_logo:after{
  content: "交差する、拡がる、データジャンクション";
  font-size: 1.2rem;
  text-align: left;
  display: block;
  color: #43e4d7;
}
.l-header.active .l-header_ticket{
  display: block;
  position: relative;
  margin-top: 30px!important;
}
.l-header.active .l-header_ticket a{
  border: 1px solid #fff;
  padding: 1.5em 5%;
  justify-content: center;
}
.l-header.active .l-header_in{
  display: block;
}
}
.l-footer{
  padding: 44px 0 30px;
  text-align: center;
  background-image: #111;
}
.l-footer_phrase{
  margin-top: 5px;
}
.l-footer_phrase_in{
  margin-left: -2.1em;
  color: #43e4d7;
  font-size: 1.3rem;
  letter-spacing: .12em;
}
.l-footer_nav{
  margin-top: 43px;
}
.l-footer_nav_menu{
  display: flex;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: .12em;
  text-transform: uppercase;
  flex-wrap: wrap;
}
.l-footer_nav_menu li{
  padding: 0 15px;
  margin: 0.3em 0;
}
.l-footer_nav_menu_j{
  display: none;
}
.l-footer_btn{
  display: none;
}
.l-footer_sns{
  margin-top: 35px;
  display: flex;
  justify-content: center;
}
.l-footer_sns_item{
  margin: 0 8px;
}
.l-footer_sns_link{
  font-size: 2.8rem;
}
.l-footer i.fab{
  color: #fff;
  font-size: 2.8rem;
}
.l-footer_sponsorship{
  margin-top: 20px;
  font-size: 1.5rem;
  font-weight: bold;
}
.l-footer_copyright{
  margin-top: 20px;
  font-size: 1.3rem;
  display: block;
}
@media screen and (max-width: 414px) {
.l-footer{
  min-width: 0;
  padding: 21.4% 0;
  min-width: inherit;
}
.l-footer_ttl_logo{
  max-width: 150px;
  height: auto;
}
.l-footer_phrase_in{
  margin-left: auto;
  color: #43e4d7;
  font-size: 1.2rem;
  letter-spacing: .12em;
}
.l-footer_nav{
  margin-top: 33px;
}
.l-footer_nav_menu{
  flex-wrap: wrap;
  font-size: 1.4rem;
}
.l-footer_nav_menu li{
  margin-top: 10px;
  padding: 0 10px;
}
.l-footer_sponsorship{
  font-size: 1.4rem;
}
.l-footer_copyright{
  font-size: 1.2rem;
}
}
.m-conference .header{
  position: relative;
  background: url(/wp/wp-content/uploads/2020/08/fix_sitetop_back.jpg) center center no-repeat #000;
  /** background-size: 1330px auto; **/
  background-size: cover;
}
.m-conference .header_in-1{
  margin: 0 auto;
}
.m-conference .header_in-2{
  /** height: calc( 100vh + 130px );
  min-height: 800px; **/
  height: 70vw;
  margin: 0 auto;
  padding-bottom: 130px;
  background: none;
  background-size: 510px auto;
  display: flex;
  align-items: center;
  position: relative;
}
.m-conference .header_main{
  margin-left: 55%;
  width: 45%;
  position: relative;
  top: -2px;
}
.m-conference .header_logo{
  display: none;
}
.m-conference .header_ttl{
  width: 480px;
  position: relative;
}
.m-conference .header_ttl_in{
  opacity: 0;
  transform: translateX(-10px);
  opacity: 1;
  transform: translateX(0);
}
.m-conference .header_ttl_entity{
  width: 100%;
  height: auto;
  display: block;
}
.m-conference .header_ttl_plus{
  position: absolute;
  left: -100px;
  top: 44px;
}
.m-conference .header_ttl_plus_line{
  position: absolute;
  left: 0;
  top: 0;
  width: 72px;
  height: 2px;
  background: #43e4d7;
}
.m-conference .header_ttl_plus_line-2{
  transform: rotate(90deg);
}
.m-conference .header_lines{
  margin: 0 0 0 -2px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.m-conference .header_line{
  opacity: 0;
  transform: translateX(-10px);
  display: inline-block;
  text-align: left;
  font-size: 3.8rem;
  letter-spacing: .11em;
  opacity: 1;
  transform: translateX(0);
}
.m-conference .header_day{
  margin-top: 30px;
  color: #43e4d7;
  font-weight: 700;
  text-align: center;
}
.m-conference .header_day_y{
  font-size: 3rem;
}
.m-conference .header_day_y_dot{
  margin: 0 .2em 0 .07em;
}
.m-conference .header_day_y_dot::before{
  width: 5px;
  height: 5px;
  content: '';
  display: inline-block;
  background: #43e4d7;
}
.m-conference .header_day_d{
  font-size: 4.2rem;
}
.m-conference .header_day_d_dot{
  margin: 0 .1em 0 -.1em;
}
.m-conference .header_day_d_dot::before{
  width: 5px;
  height: 5px;
  content: '';
  display: inline-block;
  background: #43e4d7;
}
.m-conference .header_day_of{
  margin-left: .3em;
  font-size: 1.7rem;
}
.m-conference .header_space{
  margin-top: 8px;
  font-size: 1.6rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.m-conference .header_btn{
  margin-top: 20px;
}
.m-conference .header_btn_in{
  width: 340px;
  margin: 0 auto;
  padding: 21px 0;
  background: linear-gradient(58deg, #62e3de 0%, #5bd5e1 100%) #62e3de no-repeat;
  background-size: cover;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background;
  transition-duration: .4s;
  position: relative;
  overflow: hidden;
}
.m-conference .header_btn_in::before{
  width: 5px;
  height: 5px;
  margin-right: 15px;
  background: #FFF;
  content: '';
  display: inline-block;
  position: relative;
  z-index: 1;
}
.m-conference .header_btn_in::after{
  width: 200%;
  height: 200%;
  background: #01A7C7;
  content: '';
  display: block;
  position: absolute;
  right: -50%;
  top: 220%;
  transform: rotate(8deg);
  transform-origin: 100% 0;
  transition-property: right, top;
  transition-duration: .3s;
}
.m-conference .header_btn_in:hover::after{
  right: -60%;
  top: 40%;
}
.m-conference .header_btn_text{
  display: inline-block;
  position: relative;
  z-index: 1;
}
.m-conference .header_sticker{
  position: absolute;
  left: 84px;
  top: 70px;
  display: none;
}
.m-conference .header_sticker_in{
  transform: rotate(90deg);
  transform-origin: 0 0;
}
.m-conference .header_sticker_logo{
  width: 192px;
  height: auto;
  margin-left: 15px;
}
.m-conference .header_sticker_plus{
  position: absolute;
  left: -30px;
  top: 10px;
}
.m-conference .header_sticker_plus_line{
  width: 25px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  background: #43e4d7;
}
.m-conference .header_sticker_plus_line-2{
  transform: rotate(90deg);
}
.m-conference .header_plus{
  position: absolute;
}
.m-conference .header_plus-1{
  left: 836px;
  bottom: 205px;
}
.m-conference .header_plus-2{
  left: 1106px;
  bottom: 433px;
}
.m-conference .header_plus_line{
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
}
.m-conference .header_plus_line-1{
  width: 55px;
  background: #aaa;
}
.m-conference .header_plus_line-2{
  width: 55px;
  background: #aaa;
  transform: rotate(90deg);
}
.m-conference .header_plus_line-3{
  width: 32px;
  background: #666;
}
.m-conference .header_plus_line-4{
  width: 32px;
  background: #666;
  transform: rotate(90deg);
}
@media screen and (max-width: 1100px) and (min-width: 700px) {
.m-conference .header_ttl{
  width: 80%;
}
.m-conference .header_btn_in{
  width: 80%;
  max-width: 340px;
}
.m-conference .header_line{
  font-size: 2.6vw;
}
.m-conference .header_day_y{
  font-size: 3.5vw;
}
.m-conference .header_day_d{
  font-size: 5vw;
}
.m-conference .header_day_of{
  font-size: 2vw;
}
.m-conference .header_space{
  font-size: 1.85vw;
}
}
@media screen and (max-width: 700px) and (min-width: 415px) {
.m-conference .header{
  background: url(/wp/wp-content/uploads/2020/08/fix_sitetop_back.jpg) right center no-repeat #000;
  background-size: 200% auto;
}
.m-conference .header_in-2 {
  height: 130vw;
  min-height: 0;
  padding-top: 17vh;
  padding-bottom: 0;
  background: none;
  align-items: flex-start;
}
.m-conference .header_main{
  margin: 0 auto;
  position: static;
  text-align: center;
  width: 90%;
}
.m-conference .header_logo{
  display: block;
  max-width: 300px;
  width: 40%;
  height: auto;
  margin: -100px auto 0;
}
.m-conference .header_ttl{
  width: 70%;
  margin: 0 auto;
}
.m-conference .header_btn_in{
  width: 60%;
  max-width: 340px;
}
.m-conference .header_line{
  font-size: 3.5vw;
}
.m-conference .header_day_y{
  font-size: 5vw;
}
.m-conference .header_day_d{
  font-size: 8vw;
}
.m-conference .header_day_of{
  font-size: 3.5vw;
}
.m-conference .header_space{
  font-size: 2.7vw;
}
.m-conference .header_btn {
  width: 100%;
  display: inline-block;
}
}
@media screen and (max-width: 415px) {
.m-conference .header{
  min-width: 0;
  overflow: hidden;
  background: url(/wp/wp-content/uploads/2020/08/fix_sitetop_back.jpg) right center no-repeat #000;
  background-size: 200% auto;
}
.m-conference .header_logo{
  display: block;
  width: 200px;
  height: auto;
  margin: -100px auto 0;
}
.m-conference .header_in-1{
  width: auto;
}
.m-conference .header_in-2{
  height: 550px;
  min-height: 0;
  padding-top: 17vh;
  padding-bottom: 0;
  background: none;
  align-items: flex-start;
}
.m-conference .header_main{
  margin: 0 auto;
  position: static;
  text-align: center;
  width: 80%;
}
.m-conference .header_ttl{
  width: 200px;
  margin: 0 auto;
}
.m-conference .header_ttl_plus{
  left: -30px;
  top: 21px;
}
.m-conference .header_ttl_plus_line{
  width: 19px;
  height: 1px;
}
.m-conference .header_lines{
  margin: 0;
  display: inline-block;
}
.m-conference .header_line{
  font-size: 1.6rem;
  letter-spacing: .1em;
}
.m-conference .header_day{
  margin-top: 16px;
}
.m-conference .header_day_y{
  font-size: 2rem;
}
.m-conference .header_day_y_dot::before{
  width: 4px;
  height: 4px;
}
.m-conference .header_day_d{
  font-size: 2.4rem;
}
.m-conference .header_day_d_dot::before{
  width: 4px;
  height: 4px;
}
.m-conference .header_day_of{
  font-size: 1.4rem;
}
.m-conference .header_space{
  margin-top: 8px;
  font-size: 1.4rem;
}
.m-conference .header_btn {
  width: 100%;
  display: inline-block;
}
.m-conference .header_btn_in{
  width: auto;
  padding: 18px 20px;
  font-size: 1.5rem;
  display: inline-block;
}
.m-conference .header_sticker{
  display: none;
}
.m-conference .header_plus{
  display: none;
}
}
@media screen and (max-width: 414px) {
.m-conference .menu{
  display: none;
}
}
.m-conference .concept{
  margin-top: -160px;
  position: relative;
}
.m-conference .concept_clip{
  position: absolute;
  top: 100%;
  left: 100%;
  z-index: -100;
}
.m-conference .concept_bg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.m-conference .concept_in{
  padding: 10% 0 60px;
  text-align: center;
  position: relative;
}
.m-conference .concept_ttl{
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .2em;
}
.m-conference .concept_ttl::before{
  width: 50px;
  height: 5px;
  margin: 0 auto 38px;
  content: '';
  display: block;
  background-color: #fff;
}
.m-conference .concept_phrase{
  margin-top: 47px;
  font-size: 4.2rem;
  font-weight: 900;
  letter-spacing: .02em;
  line-height: 1.2;
}
.m-conference .concept_lines{
  margin-top: 39px;
}
.m-conference .concept_lines p{
  margin: 30px auto 0;
  width: 95%;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.8;
}
.m-conference .concept_lines p.thought{
  font-size: 1.6em;
}
.m-conference .concept_lines::after{
  width: 50px;
  height: 5px;
  margin: 40px auto 52px;
  content: '';
  display: block;
  background-color: #fff;
}
@media screen and (max-width: 414px) {
.m-conference .concept{
  width: 100%;
  margin-top: -11vh;
  overflow: hidden;
  min-width: inherit;
}
.m-conference .concept_bg{
  width: 1440px;
  left: calc(50% - 720px);
}
.m-conference .concept_in{
  padding: 0 0 12%;
}
.m-conference .concept_in-2{
  margin: 0 auto;
}
.m-conference .concept_ttl{
  font-size: 1.6rem;
}
.m-conference .concept_ttl::before{
  width: 40px;
  height: 4px;
}
.m-conference .concept_phrase{
  margin-top: 22px;
  font-size: 2.8rem;
}
.m-conference .concept_lines{
  margin-left: auto;
  margin-right: auto;
}
.m-conference .concept_lines::after{
  margin: 40px auto 40px;
  width: 40px;
  height: 4px;
}
.m-conference .concept_lines p{
  margin-top: 23px;
  font-size: 1.5rem;

}
.m-conference .concept_lines p.thought{
  margin-top: 23px;
  font-size: 1.3rem;
}
}
.m-conference .sponsors{
  padding-top: 70px;
  background: #222;
}
.m-conference .sponsors_btn{
  display: block;
  background: linear-gradient(58deg, #62e3de 0%, #5bd5e1 100%) #62e3de no-repeat;
  color: #fff;
  font-weight: bold;
  font-size: 2.5rem;
  padding: 0.7em 0;
  width: 95%;
  max-width: 800px;
  margin: 20px auto 30px;
}
.m-conference .sponsors_in-1{
  padding: 90px 0 10px;
  background: #fcfcfc;
  color: #101010;
  text-align: center;
}
.m-conference .sponsors_in-2{
  max-width: 900px;
  margin: 0 auto;
}
.m-conference .sponsors_ttl_e{
  margin-right: -.05em;
  font-size: 4.2rem;
  letter-spacing: .05em;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1;
}
.m-conference .sponsors_ttl_j{
  margin-top: 15px;
  font-size: 1.8rem;
  font-weight: bold;
}
.m-conference .sponsors_sttl{
  margin: 45px -.05em 0 0;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  display: inline-block;
}
.m-conference .sponsors_sttl::before{
  width: 12px;
  height: 12px;
  margin: 0 auto 10px;
  content: '';
  display: block;
}
.m-conference .sponsors_sttl-diamond::before{
  background: #43e4d7;
}
.m-conference .sponsors_sttl-platinum::before{
  box-sizing: border-box;
  border: 4px solid #43e4d7;
}
.m-conference .sponsors_items{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.m-conference .sponsors_items img{
  width: 100%;
  height: auto;
  display: block;
}
.m-conference .sponsors_items-diamond{
  margin-top: 20px;
  margin-bottom: 10px;
}
.m-conference .sponsors_items-diamond .sponsors_item{
  flex-basis: 280px;
}
.m-conference .sponsors_items-platinum{
  margin-top: 20px;
}
.m-conference .sponsors_items-platinum .sponsors_item{
  flex-basis: 240px;
}
@media screen and (max-width: 414px) {
.m-conference .sponsors{
  padding: 0;
  min-width: inherit;
}
.m-conference .sponsors_in-1{
  padding: 18% 0 12%;
  width: auto;
}
.m-conference .sponsors_in-2{
  width: auto;
}
.m-conference .sponsors_ttl_e{
  font-size: 2.7rem;
}
.m-conference .sponsors_ttl_j{
  font-size: 1.4rem;
}
.m-conference .sponsors_sttl{
  font-size: 1.9rem;
}
.m-conference .sponsors_items-diamond .sponsors_item{
  flex-basis: 200px;
}
.m-conference .sponsors_items-platinum .sponsors_item{
  flex-basis: 160px;
}
}
.m-conference .outline{
  padding-top: 0;
}
.m-conference .outline_in-1{
  background-image: linear-gradient(0deg, #101010 2%, #2C2C2C 100%);
}
.m-conference .outline_in-2{
  margin: 0 auto;
}
.m-conference .outline_in-3{
  /** width: 740px; **/
  width: 95%;
  max-width: 1120px;
  margin: 0 auto;
  padding: 90px 0 58px;
  align-items: center;
  justify-content: space-between;
}
.m-conference .outline_header{
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.m-conference .outline_header_flag{
  font-size: 4.2rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
}
.m-conference .outline_header_ttl{
  margin-top: 10px;
  font-size: 1.8rem;
  font-weight: bold;
}
.m-conference .outline_table{
  flex-basis: 450px;
  display: inline-block;
  width: 47.5%;
}
.m-conference .outline_table.table01{
  margin-right: 2%;
}
.m-conference .outline_table.table02{
  margin-left: 2%;
}
.m-conference .outline_table h3{
  font-weight: bold;
  font-size: 1.8rem;
  padding: 0 0.5em;
}
.m-conference .outline_table_in{
  width: 100%;
}
.m-conference .outline_table_cell{
  padding: 14px 0 13px;
  border-bottom: 1px solid #FFF;
  font-size: 14px;
}
.m-conference .outline_table_ttl{
  width: 134px;
  padding-left: 17px;
  font-weight: bold;
  text-align: left;
}
.m-conference .outline_table_ttl_in{
  position: relative;
  font-size: 14px;
}
.m-conference .outline_table_ttl_in::before{
  width: 5px;
  height: 5px;
  background: #43e4d7;
  content: '';
  display: block;
  position: absolute;
  left: -12px;
  top: 6px;
}
.m-conference .outline_table_lines_name{
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .09em;
}
.m-conference .outline_table_lines_day{
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: .09em;
}
.m-conference .outline_table_lines_space{
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1;
  margin-bottom: 0;
}
.m-conference .outline_table_lines_address{
  margin-top: 9px;
  font-size: 1.4rem;
  letter-spacing: .06em;
  line-height: 1;
}
.m-conference .outline_table_lines_yen{
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: .06em;
  line-height: 1;
  margin-bottom: 0;
}
.m-conference .outline_table_lines_att{
  margin-top: 8px;
}
.m-conference .outline_table_lines_att_item{
  margin-top: 4px;
  font-size: 14px;
}
.m-conference .outline_table_lines_att_item.party{
  margin-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 800px) {
.m-conference .outline_table{
  width: 100%;
}
.m-conference .outline_table.table01{
  margin-right: 0;
  margin-bottom: 2em;
}
.m-conference .outline_table.table02{
  margin-left: 0;
}
}
@media screen and (max-width: 600px) {
.m-conference .outline_table_lines_att_item.party{
  margin-top: 0.5em;
}
}
.m-conference .outline_table_lines_link{
  margin-top: 10px;
}
.m-conference .outline_table_lines_link_in{
  display: flex;
  transition-property: opacity;
  transition-duration: .4s;
}
.m-conference .outline_table_lines_link_in:hover{
  opacity: .8;
}
.m-conference .outline_table_lines_link_txt{
  margin-right: 9px;
  color: #43e4d7;
  font-size: 1.7rem;
  font-weight: bold;
}
.m-conference .outline_table_lines_contact{
  line-height: 1.2;
}
.m-conference .outline_table_lines_contact_for{
  text-decoration: underline;
}
.m-conference .outline_map{
  overflow: hidden;
  background: url(/wp/wp-content/uploads/2019/07/jptower_map.jpg) no-repeat center;
  background-size: cover;
  padding: 40px 0;
}
.m-conference .outline_map_in{
  position: relative;
}
.m-conference .outline_map_in-2{
  height: 543px;
  position: relative;
}
.m-conference .outline_map_in-2:before{
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: transparent;
}
.m-conference .outline_map_in-3{
  width: 100%;
  position: absolute;
}
.m-conference .outline_map_in-4{
  width: 100%;
  height: 543px;
}
.m-conference .outline_map_google{
  margin-top: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}
.m-conference .outline_map_google a{
  text-decoration: underline;
}
.m-conference .outline_map_google a:hover{
  text-decoration: none;
}
.m-conference .outline_map_access{
  height: 100%;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 1;
  transform: translateX(-50%);
}
.m-conference .outline_map_access_in{
  padding: 35px 110px 35px 85px;
  background: rgba(0,0,0,0.8);
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
}
.m-conference .outline_map_access_ttl{
  font-weight: bold;
}
.m-conference .outline_map_access_ttl_e{
  margin-right: 10px;
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
}
.m-conference .outline_map_access_ttl_j{
  font-size: 1.6rem;
  display: inline-block;
}
.m-conference .outline_map_access_route{
  margin-left: 33px;
}
.m-conference .outline_map_access_route_name{
  margin: 40px 0 0 -57px;
  font-size: 1.6rem;
  font-weight: bold;
}
.m-conference .outline_map_access_route_name_icon{
  margin: -.2em 5px 0 25px;
  vertical-align: middle;
}
.m-conference .outline_map_access_route_details{
  margin-top: 2px;
  font-size: 1.5rem;
}
.m-conference .outline_map_access_btn{
  margin-top: 40px;
}
.m-conference .outline_map_access_btn_in{
  padding: 20px 30px 20px 65px;
  border: 1px solid #FFF;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  display: inline-flex;
  align-items: center;
  transition-property: background;
  transition-duration: .4s;
}
.m-conference .outline_map_access_btn_in::before{
  width: 5px;
  height: 5px;
  background: #43e4d7;
  display: block;
  content: '';
  position: absolute;
  top: calc( 50% - 2.5px );
  left: 45px;
}
.m-conference .outline_map_access_btn_in:hover{
  background: #101010;
}
.m-conference .outline_map_access_btn_arrow{
  margin-left: 15px;
}
.m-conference .outline_map_access_btn_arrow img{
  display: block;
}
@media screen and (max-width: 800px) {
.m-conference .outline{
  padding-top: 0;
  min-width: inherit;
}
.m-conference .outline_in-2{
  width: auto;
}
.m-conference .outline_in-3{
  width: 90%;
  margin: 0 auto 0;
  padding: 15% 0 20%;
  display: block;
}
.m-conference .outline_header_flag{
  text-align: center;
}
.m-conference .outline_header_ttl{
  text-align: center;
}
.m-conference .outline_table{
  margin-top: 24px;
}
.m-conference .outline_table h3{
  text-align: center;
}
.m-conference .outline_map_access_in{
  width: 90%;
  max-width: 450px;
  left: 5%;
  padding: 35px 10% 35px 8%;
  margin: 0 auto;
}
}
@media screen and (max-width: 415px) {
.m-conference .outline_header{
  text-align: center;
}
.m-conference .outline_header_flag{
  font-size: 2.5rem;
}
.m-conference .outline_header_ttl{
  font-size: 1.4rem;
}
.m-conference .outline_table h3{
  font-size: 1.7rem;
}
.m-conference .outline_table_cell{
  font-size: 1.3rem;
}
.m-conference .outline_table_ttl{
  width: 106px;
  font-size: 1.3rem;
}
.m-conference .outline_table_lines_space{
  font-size: 1.7rem;
}
.m-conference .outline_table_lines_address{
  font-size: 1.3rem;
}
.m-conference .outline_table_lines_yen{
  font-size: 1.8rem;
}
.m-conference .outline_table_lines_att{
  font-size: 1.2rem;
}
.m-conference .outline_table_lines_link{
  margin-top: 10px;
}
.m-conference .outline_table_lines_link_txt{
  margin-right: 9px;
  font-size: 1.4rem;
}
.m-conference .outline_map_in-2{
  height: 200px;
}
.m-conference .outline_map_in-4{
  height: 200px;
}
.m-conference .outline_map_google{
  margin-top: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}
.m-conference .outline_map_google a{
  text-decoration: underline;
}
.m-conference .outline_map_google a:hover{
  text-decoration: none;
}
.m-conference .outline_map{
  padding-bottom: 0;
  background: url(/wp/wp-content/uploads/2019/07/jptower_map_sp.jpg) no-repeat center top;
  background-size: contain;
}
.m-conference .outline_map_access{
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15% 5%;
  position: static;
  transform: none;
  background: #000;
}
.m-conference .outline_map_access_in{
  padding: 0;
  background: transparent;
  position: static;
  transform: none;
}
.m-conference .outline_map_access_ttl{
  margin-bottom: 40px;
}
.m-conference .outline_map_access_ttl_e{
  margin-right: 10px;
  font-size: 2.2rem;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
}
.m-conference .outline_map_access_ttl_j{
  font-size: 1.5rem;
  display: inline-block;
}
.m-conference .outline_map_access_route{
  margin-left: 33px;
}
.m-conference .outline_map_access_route_name{
  margin: 20px 0 0 -40px;
  font-size: 1.4rem;
}
.m-conference .outline_map_access_route_name_icon{
  width: 20px;
  height: auto;
  display: inline-block;
  margin: -.2em 5px 0 15px;
}
.m-conference .outline_map_access_route_details{
  margin-top: 2px;
  font-size: 1.3rem;
}
.m-conference .outline_map_access_btn{
  margin-top: 50px;
}
.m-conference .outline_map_access_btn_in{
  padding: 20px 25px 20px 45px;
  font-size: 1.4rem;
}
.m-conference .outline_map_access_btn_in::before{
  left: 30px;
}
.m-conference .outline_map_access_btn_arrow{
  width: 20px;
  margin-left: 10px;
}
.m-conference .outline_map_access_btn_arrow img{
  width: 100%;
  height: auto;
}
}
.m-conference .sessions{
  padding: 126px 0 10px;
  background: #222;
}
.m-conference .sessions_in{
  max-width: 1120px;
  margin: 0 auto;
}
.m-conference .sessions_ttl{
  text-align: center;
}
.m-conference .sessions_ttl_e{
  margin-right: -.05em;
  font-size: 6.4rem;
  letter-spacing: .05em;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1;
}
.m-conference .sessions_ttl_j{
  margin-top: 15px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .12em;
}

.m-conference .program{
  width: 95%;
  max-width: 1120px;
  margin: 50px auto 20px;
  table-layout: auto;
}
.m-conference .program td{
  border: 1px solid #aaa;
  padding: 15px 10px;
  position: relative;
  text-align: left;
  width: 33.33%;
  vertical-align: top;
}
.m-conference .program .profile:hover{
  cursor: pointer;
  opacity: 0.7;
}
.m-conference .program th{
  border: 1px solid #aaa;
  padding: 15px 20px;
  white-space: nowrap;
  background: #555555;
  font-size: 1.4rem;
  position: relative;
  text-align: left;
  font-weight: bold;
  width: 33.33%;
}
.m-conference .program ul.timeplace{
  border: 0.5px solid #aaa;
  padding: 0.5em 1em;
  white-space: nowrap;
  background: #555555;
  font-size: 1.4rem;
  position: relative;
  text-align: left;
  font-weight: bold;
  width: calc(100% + 21px);
  margin: -15px -10.5px 15px -10.5px;
}
.m-conference .program tr.allplace ul.timeplace{
  width: calc(100% + 41px);
  margin: -15px -20.5px 15px -20.5px;
}
.m-conference .program th .time,
.m-conference .program ul.timeplace .time{
  display: inline-block;
}
.m-conference .program th .place,
.m-conference .program ul.timeplace .place{
  position: absolute;
  right: 1em;
  display: inline-block;
}
.m-conference .program th .place .bg,
.m-conference .program ul.timeplace .place .bg{
  background: linear-gradient(58deg, #62e3de 0%, #5bd5e1 100%) #62e3de no-repeat;
  padding: 0.2em 0.5em;
  border-radius: 3px;
  font-size: 1.3rem;
  font-weight: 300;
  display: inline-block;
}
.m-conference .program th .place span,
.m-conference .program ul.timeplace .place span{
  font-weight: bold;
}
.m-conference .program td h4{
  color: #43e4d7;
  font-size: 1.6rem;
  font-weight: bold;
}
.m-conference .program td h2{
  margin-bottom: 0.5em;
  font-size: 2.2rem;
  font-weight: bold;
}
.m-conference .program td .photo{
  display: block;
  text-align: center;
  vertical-align: top;
}
.m-conference .program td .photo img{
  width: 80%;
  height: auto;
}
.m-conference .program td .txt{
  margin-top: 1em;
  font-size: 1.4rem;
  font-weight: normal;
  vertical-align: top;
  line-height: 1.4;
}
.m-conference .program td .contents{
  /** font-size: 1.8rem;
  font-weight: bold; **/
}
.m-conference .program td .name{
  font-size: 1.6rem;
}
.m-conference .program td .prof-description{
  font-size: smaller;
  margin-top: 0.7em;
  display: inline-block;
}
.m-conference .program tr.allplace td{
  padding: 15px 20px;
}
.m-conference .program tr.allplace td h4{
  font-size: 1.8rem;
}
.m-conference .program tr.allplace td h2{
  font-size: 2.0rem;
}
.m-conference .program tr.allplace td .photo{
  display: inline-block;
  width: 30%;
  margin-right: 2%;
}
.m-conference .program tr.allplace td .photo img{
  width: 100%;
}
.m-conference .program tr.allplace td .txt{
  display: inline-block;
  width: 67%;
  font-size: 1.6rem;
  margin-top: 0;
}
.m-conference .program td .contents{
  /** font-size: 2.2rem;
  font-weight: bold;  **/
  margin-bottom:0.5em;
  display: block;
}
.m-conference .program td .company{
  display: block;
  line-height: 1.3;
  margin-bottom: 0.2em;
  font-size: 1.45rem;
}
.m-conference .program td .name{
  display: block;
  font-size: 2.0rem;
  font-weight: bold;
}
.m-conference .popup{
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  opacity: 1;
  overflow: auto;
  transition-property: opacity;
  transition-duration: .4s;
  background: rgba(0,0,0,0.5);
  padding: 100px 0;
}
.m-conference .popup.active{
  display: block;
}
.m-conference .popup .contents{
  background: #fff;
  padding: 0;
  max-width: 480px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  color: #000;
  position: relative;
}
.m-conference .popup .close_btn{
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background: url(/wp/wp-content/uploads/2019/08/popup_close.png) center no-repeat;
  background-size: contain;
  position: absolute;
  top: -60px;
  right: -60px;
}
.m-conference .popup .close_btn:hover{
  cursor: pointer;
}
.m-conference .popup .photo{
  width: 100%;
  height: 270px;
  background: url(/wp/wp-content/uploads/2019/07/speaker_sample.jpg) center left no-repeat;
  background-size: cover;
}
.m-conference .popup .inner{
  width: 80%;
  margin: 0 auto;
  text-align: right;
  padding-top: 70px;
}
.m-conference .popup .name{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
}
.m-conference .popup .name span{
  font-size: 1.5rem;
  font-weight: normal;
}
.m-conference .popup .company{
  font-size: 1.5rem;
  font-weight: bold;
}
.m-conference .popup .title{
  font-size: 1.3rem;
}
.m-conference .popup .description{
  width: 80%;
  margin: 0 auto;
  padding: 20px 0 40px;
}
.m-conference .popup .description p{
  margin: 0;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 655px) {
.m-conference .popup .close_btn{
  right: 10px;
  top: -50px;
  width: 40px;
  height: 40px;
}
}
@media screen and (max-width: 600px) {
.m-conference .program tr.threeplace{
  display: block;
}
.m-conference .program tr.threeplace td{
  display: block;
  width: 100%;
  padding: 15px 20px;
  border: 0.5px solid #aaa;
}
.m-conference .program tr.threeplace ul.timeplace{
  width: calc(100% + 41px);
  margin: -15px -20.5px 15px -20.5px;
}
.m-conference .program tr.threeplace td h4{
  font-size: 1.8rem;
}
.m-conference .program tr.threeplace td h2{
  font-size: 2.0rem;
}
.m-conference .program tr.threeplace td .photo{
  display: inline-block;
  width: 30%;
  margin-right: 2%;
}
.m-conference .program tr.threeplace td .photo img{
  width: 100%;
}
.m-conference .program tr.threeplace td .txt{
  display: inline-block;
  width: 67%;
  font-size: 1.4rem;
  margin-top: 0;
}
.m-conference .program tr.threeplace td .name{
  font-size: 1.7rem;
  font-weight: bold;
}

.m-conference .program tr.allplace td .txt{
  font-size: 1.4rem;
}
.m-conference .program td h4{
  font-size: 1.4rem;
}
.m-conference .program td h2{
  font-size: 1.8rem;
}
.m-conference .program td .txt{
  font-size: 1.2rem;
}
.m-conference .program td .company{
  font-size: 1.2rem;
}
.m-conference .program td .contents{
  /** font-size: 1.8rem; **/
}
.m-conference .program td .name{
  font-size: 1.6rem;
}
.m-conference .program td{
  padding: 1.5em 0.5em;
}
}
@media screen and (max-width: 414px) {
.m-conference .sessions{
  padding: 18% 0;
  min-width: inherit;
}
.m-conference .sessions_in{
  width: auto;
}
.m-conference .sessions_ttl_e{
  font-size: 2.7rem;
}
.m-conference .sessions_ttl_j{
  margin-top: 10px;
  font-size: 1.4rem;
}
.m-conference .popup{
  padding: 60px 0;
}
.m-conference .popup .photo{
  height: 200px;
}
.m-conference .popup .description p{
  font-size: 1.4rem;
}
.m-conference .popup .name{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
}
.m-conference .popup .name span{
  font-size: 1.4rem;
  font-weight: normal;
}
.m-conference .popup .company{
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 130px;
}
.m-conference .popup .title{
  font-size: 1.1rem;
  padding-left: 130px;
}
.m-conference .popup .inner{
  width: 80%;
  margin: 0 auto;
  text-align: right;
  padding-top: 50px;
}
}

.m-conference #lastyear .lastyear_contents{
  margin: 50px 0 90px;
}
.m-conference #lastyear .lastyear_img{
  display: inline-block;
  width: 40%;
  height: auto;
  vertical-align: top;
}
.m-conference #lastyear .lastyear_description{
  font-size: 1.6rem;
  line-height: 1.8;
  display: inline-block;
  width: 56%;
  margin-left: 2%;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 600px) {
.m-conference #lastyear{
  min-width: inherit;
}
.m-conference #lastyear .lastyear_contents{
  width: 95%;
  margin: 50px auto 90px;
}
.m-conference #lastyear .lastyear_img{
  width: 100%;
}
.m-conference #lastyear .lastyear_description{
  margin-left: 0;
  width: 100%;
  margin-top: 20px;
}
}

.m-conference .timetable,
.m-conference .entry{
  padding: 126px 0 10px;
  background: #222;
  border: none;
}
.m-conference .timetable_in,
.m-conference .entry_in{
  max-width: 1120px;
  margin: 0 auto;
}
.m-conference .timetable_ttl,
.m-conference .entry_ttl{
  text-align: center;
}
.m-conference .timetable_ttl_e,
.m-conference .entry_ttl_e{
  margin-right: -.05em;
  font-size: 6.4rem;
  letter-spacing: .05em;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  line-height: 1;
}
.m-conference .timetable_ttl_j,
.m-conference .entry_ttl_j{
  margin-top: 15px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .12em;
}
.m-conference .timetable_description{
  text-align: center;
  font-size: 1.6rem;
  margin: 50px 0 20px;
}
.m-conference .timetable table{
  font-size: 1.4rem;
  font-weight: bold;
  width: 95%;
  max-width: 1120px;
  margin: 0 auto;
}
.m-conference .timetable th{
  border: none;
  color: #43e4d7;
  line-height: 1;
  padding: 5px;
  width: auto;
  font-weight: bold;
}
.m-conference .timetable td{
  background: #fff;
  color: #000;
  line-height: 1;
  border: 1px solid #aaa;
  padding: 5px;
  width: auto;
  font-weight: bold;
}
.m-conference .timetable tr.bg_black td{
  background: #000;
  color: #fff;
}
.m-conference .timetable td.no{
  text-align: center;
  width: 4em;
}
.m-conference .timetable td.time{
  text-align: right;
  max-width: 5em;
}
@media screen and (max-width: 414px) {
.m-conference .timetable,
.m-conference .entry{
  padding: 18% 0;
  font-size: 1.25rem;
  min-width: inherit;
}
.m-conference .timetable_in,
.m-conference .entry_in{
  width: auto;
}
.m-conference .timetable_ttl_e,
.m-conference .entry_ttl_e{
  font-size: 2.7rem;
}
.m-conference .timetable_ttl_j,
.m-conference .entry_ttl_j{
  margin-top: 10px;
  font-size: 1.4rem;
}
}

.m-conference .movie_frame{
  background: #d9d9d9;
  margin: 50px auto;
  width: 800px;
  height: 450px;
  font-size: 3.4rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1100px) {
.m-conference .movie_frame{
  background: #d9d9d9;
  margin: 50px auto;
  width: 640px;
  height: 360px;
  font-size: 3.0rem;
}
}
@media screen and (max-width: 700px) {
.m-conference .movie_frame{
  background: #d9d9d9;
  margin: 50px auto;
  width: 480px;
  height: 270px;
  font-size: 2.8rem;
}
;
}
@media screen and (max-width: 500px) {
.m-conference .movie_frame{
  background: #d9d9d9;
  margin: 50px auto;
  width: 384px;
  height: 216px;
  font-size: 2.4rem;
}
}
@media screen and (max-width: 414px) {
.m-conference .movie_frame{
  background: #d9d9d9;
  margin: 50px auto;
  width: 320px;
  height: 180px;
  font-size: 2.2rem;
}
}
.m-conference .movie_adjustment{
	width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.m-conference .movie_adjustment iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.m-conference .u-sp
{
  display: none;
}

@media screen and (max-width: 600px) {
.m-conference .concept .u-sp,
.m-conference .outline_table_lines_att_item.party .u-sp{
  display: block;
}
.m-conference .concept .u-pc{
  display: none;
}
}
@media screen and (max-width: 414px) {
.m-conference .u-sp{
  display: block;
}
.m-conference .u-pc{
  display: none;
}
}

.m-conference #hall{
  background: #000;
  color: #fff;
}
.m-conference #hall .sponsors_in-1{
  background: #222;
  color: #fff;
}
.m-conference #hall .hall_contents{
  margin: 50px auto;
  width: 95%;
  text-align: left;
}
.m-conference #hall .hall_contents li{
  display: inline-block;
  width: 48%;
  margin-bottom: 30px;
  text-align: center;
  vertical-align: top;
}
.m-conference #hall .hall_contents li:nth-child(2n){
  margin-left: 1.5%;
}
.m-conference #hall .hall_contents li:nth-child(2n+1){
  margin-right: 1.5%;
}
.m-conference #hall .hall_contents li img{
  width: 100%;
  height: auto;
}
.m-conference #hall .hall_contents li h4{
  font-size: 2.0rem;
  font-weight: bold;
  text-align: left;
}
.m-conference #hall .hall_contents li p{
  font-size: 1.5rem;
  text-align: left;
  line-height: 1.5;
}
@media screen and (max-width: 600px) {
.m-conference #hall .hall_contents li h4{
  font-size: 1.6rem;
}
.m-conference #hall .hall_contents li p{
  font-size: 1.3rem;
}
}
@media screen and (max-width: 414px) {
.m-conference #hall .hall_contents li{
  margin-bottom: 15px;
}
.m-conference #hall .hall_contents li:last-child{
  width: 100%;
  margin-left: 0;
}
}

.m-conference .entry{
  text-align: center;
}
.m-conference .entry .contents{
  margin: 50px auto 100px;
  width: 95%;
}
.m-conference .entry p.txt{
  font-size: 1.6rem;
}
.m-conference .entry p.large{
  font-size: 2.4rem;
}
.m-conference .entry h3{
  font-size: 1.8rem;
  margin-top: 2em;
}
.m-conference .entry .form_area{
  margin: 30px 0;
}
@media screen and (max-width: 414px) {
.m-conference .entry p.txt{
  font-size: 1.3rem;
}
.m-conference .entry p.large{
  font-size: 1.8rem;
}
.m-conference .entry h3{
  font-size: 1.5rem;
}
}

.interview_page section{
  margin-bottom: 6em;
}
.interview_page h2{
  font-size: 22px;
  margin-bottom: 1.5em;
  font-weight: bold;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #f36152;
  border-bottom: 1px solid #f36152;
}
.interview_page p{
  text-indent: 1em;
  line-height: 2.5;
  margin-bottom: 0;
}
.interview_page strong{
  font-size: 18px;
  line-height: 32px;
}
.interview_page .txt_black{
  color: #000;
}
.interview_page .txt_white{
  color: #fff;
}
.interview_page .mv{
  width: 100%;
  position: relative;
  margin: 2em 0 5em;
}
.interview_page .mv .topright{
  position: absolute;
  top: 3em;
  right: 2%;
}
.interview_page .mv .topleft{
  position: absolute;
  top: 3em;
  left: 2%;
}
.interview_page .mv .topright .name,
.interview_page .mv .topleft .name{
  font-size: 45px;
  line-height: 1.5;
}
.interview_page .mv .topright .name span,
.interview_page .mv .topleft .name span{
  font-size: 20px;
}
.interview_page .topright .title,
.interview_page .topleft .title{
  font-size: 20px;
  text-indent: 0;
}
.interview_page .mv .bottomleft{
  position: absolute;
  bottom: 3em;
  left: 2%;
}
.interview_page .mv .bottomleft h4{
  font-size: 30px;
}
.interview_page .mv .bottomright{
  position: absolute;
  bottom: 3em;
  right: 2%;
  text-align: right;
}
.interview_page .mv .bottomright h4{
  font-size: 30px;
}
.interview_page .mv .bottomleft h4 strong,
.interview_page .mv .bottomright h4 strong{
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
}
.interview_page .img_right{
  width: 50%;
  height: auto;
  float: right;
  margin: 0 0 1em 1.5em;
}
.interview_page .img_left{
  width: 50%;
  height: auto;
  float: left;
  margin: 0 1.5em 1em 0;
}
.interview_page .clear{
  clear: both;
}
.interview_page .profile p{
  text-indent: 0;
  margin-bottom: 1em;
}
@media screen and (max-width: 1100px) {
.interview_page .mv .topright .name,
.interview_page .mv .topleft .name{
  font-size: 4.5vw;
}
.interview_page .mv .topright .name span,
.interview_page .mv .topleft .name span{
  font-size: 1.8vw;
}
.interview_page .mv .topright .title,
.interview_page .mv .topleft .title{
  font-size: 1.8vw;
}
.interview_page .mv .bottomleft h4,
.interview_page .mv .bottomright h4{
  font-size: 2.7vw;
}
}
@media screen and (max-width: 800px) {
.interview_page .img_right,
.interview_page .img_left{
  width: 100%;
  float: none;
  margin: 0 0 1em -1em;
}
.interview_page .profile .img_right,
.interview_page .profile .img_left{
  margin: 0 0 1em 0;
}
.interview_page strong{
  font-size: 1.5rem;
}
.interview_page h2{
  font-size: 19px;
  line-height: 1.5;
}
}
@media screen and (max-width: 498px) {
.interview_page .mv .topright,
.interview_page .mv .topleft{
  top: 1em;
}
.interview_page .mv .topright .name,
.interview_page .mv .topleft .name{
  font-size: 6vw;
}
.interview_page .mv .topright .name span,
.interview_page .mv .topleft .name span{
  font-size: 3vw;
}
.interview_page .mv .topright .title,
.interview_page .mv .topleft .title{
  font-size: 3vw;
  line-height: 1.5;
}
.interview_page .mv .bottomleft,
.interview_page .mv .bottomright{
  bottom: 1em;
}
.interview_page .mv .bottomleft h4,
.interview_page .mv .bottomright h4{
  font-size: 3.8vw;
  line-height: 1.5;
}
}

/*==================================================
Contact Button
==================================================*/

.page-contact .btn-container{
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.page-contact .btn-container li{
  margin-bottom: 20px;
  width: 32%;
  height: 160px;
}
.page-contact .btn-open{
  display: flex;
  width: 100%;
  max-width: 300px;
  height: 160px;  
  text-align: center;
  background-color: #f2f2f2;
  font-size: 24px;
  line-height: 1.2;
  color: #595959;
  text-decoration: none;
  border: 2px solid #f36152;
  position: relative;
  overflow: hidden;
  z-index: 1;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.page-contact .btn-open:after{
  width: 120%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #f36152;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.page-contact .btn-open:hover{
  color: #fff;
  opacity: 1;
}
.page-contact .btn-open:hover:after{
  height: 170%;
  opacity: 1;
}
.page-contact .btn-open:active:after{
  height: 200%;
  opacity: 1;
}
@media screen and (max-width: 767px) {
.page-contact .btn-container{
  flex-wrap: wrap;
  justify-content: center;
}
.page-contact .btn-container li{
  width: 100%;
}
}
@media screen and (max-width: 498px) {
.page-contact .btn-open{
  font-size: 18px;
  height: 120px;
}
.page-contact .btn-container li{
  height: 120px;
}
}

/*==================================================
英語サイト ヘッダー
==================================================*/
.en_wrap{
  margin: 0 0 0 auto;
  padding: 0 0 0 13px;
  max-width: inherit;
}
.gnavi.en li.navi-contact a{
  height: 64px;
  border-radius: 0;
  margin: -14px 0 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  width: 130px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6a62+0,e5584c+52,f2765f+79,f4b183+97 */
  background: #ff6a62; /* Old browsers */
  background: -moz-linear-gradient(-30deg,  #ff6a62 0%, #e5584c 52%, #f2765f 79%, #f4b183 97%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-30deg,  #ff6a62 0%,#e5584c 52%,#f2765f 79%,#f4b183 97%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(150deg,  #ff6a62 0%,#e5584c 52%,#f2765f 79%,#f4b183 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a62', endColorstr='#f4b183',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gnavi.en li.navi-contact a:hover{
  opacity: 0.7;
}

/*==================================================
英語サイト TOP
==================================================*/
.bg_red_gradation{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff6a62+0,e5584c+52,f2765f+79,f4b183+97 */
  background: #ff6a62; /* Old browsers */
  background: -moz-linear-gradient(-30deg,  #ff6a62 0%, #e5584c 52%, #f2765f 79%, #f4b183 97%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-30deg,  #ff6a62 0%,#e5584c 52%,#f2765f 79%,#f4b183 97%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(150deg,  #ff6a62 0%,#e5584c 52%,#f2765f 79%,#f4b183 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a62', endColorstr='#f4b183',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#en_top *{
  box-sizing: border-box;
}
#en_top .container{
  max-width: 1100px;
  width: 95%;
  margin: 0 auto;
}
#en_top section{
  margin: 0;
  padding: 0;
  position: relative;
}
#en_top h2{
  text-align: center;
}
#en_top .title1{
  font-size: 42px;
}
#en_top .top{
  color: #fff;
  text-align: center;
}
#en_top .txt_white{
  color: #fff;
}
#en_top .top .mv{
  max-height: 700px;
}
#en_top .top .mv img{
  width: 100%;
}
#en_top .top .wrapFull{
  position: relative;
  margin: 0 auto;
}
#en_top .top .main{
  font-size: 36px;
  line-height: 1.33;
  position: absolute;
  top: 32%;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  transform: translateY(-50%);
}
#en_top .top .sub{
  font-size: 20px;
  position: absolute;
  top: 49%;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
#en_top .top .btn{
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 320px;
}
#en_top .top .btn a{
  height: 60px;
  width: 100%;
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  text-decoration: none;
  color: #ffffff;
  position: relative;
}
#en_top .top .btn a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 8%;
}
#en_top .about{
  position: relative;
  padding: 0 0 80px;
}
#en_top .about h2{
  font-size: 38px;
  margin-bottom: 1em;
}
#en_top .about:before{
  content: "";
  display: block;
  transform: rotate(-5deg) scale(1.3);
  background: #ff6a62;
  background: -moz-linear-gradient(-25deg,  #ff6a62 0%, #e5584c 42%, #f2765f 69%, #f4b183 87%);
  background: -webkit-linear-gradient(-25deg,  #ff6a62 0%,#e5584c 42%,#f2765f 69%,#f4b183 87%);
  background: linear-gradient(155deg,  #ff6a62 0%,#e5584c 42%,#f2765f 69%,#f4b183 87%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a62', endColorstr='#f4b183',GradientType=1 );
  position: absolute;
  width: 100%;
  height: 140%;
  top: -10px;
  left: -2%;
  z-index: 0;
}
#en_top .about .container{
  position: relative;
  z-index: 1;
}
#en_top .about p{
  text-align: center;
}
#en_top .service{
  background: #f7f7f7;
  text-align: center;
  padding: 50px 20px 66px!important;
}
#en_top .service .container{
  width: 100%;
}
#en_top .service .sub{
  font-size: 20px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #4d4d4d;
}
#en_top .service .bg_white{
  max-width: 1100px;
  margin: 0 auto 20px;
  background-color: #ffffff;
  padding: 49px 50px 32px;
}
#en_top .service .circle_icons{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 400px;
  width: 100%;
  margin: 20px auto 50px;
}
#en_top .service .circle_icons li{
  width: 43%;
}
#en_top .service .circle_icons li img{
  width: 100%;
  height: auto;
}
#en_top .service .service_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 50px;
  max-width: 800px;
  width: 100%;
}
#en_top .service .service_list li{
  background-color: #f2f2f2;
  width: 31.5%;
  padding: 30px 4%;
  position: relative;
}
#en_top .service .service_list .desc{
  margin-top: 2em;
  margin-bottom: 60px;
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
}
#en_top .service .service_list .btn{
  position: absolute;
  bottom: 30px;
  left: 12%;
  right: 12%;
}
#en_top .service .service_list .btn a{
  font-size: 12px;
  /** max-width: 150px; **/
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  width: 100%;
  text-decoration: none;
  color: #ffffff;
  position: relative;
}
#en_top .service .service_list .btn a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 8%;
}
#en_top .service .intro p{
  font-size: 15px;
  line-height: 1.93;
  text-align: left;
  font-weight: bold;
  margin-top: 40px;
}
#en_top .service .feature{
  background-color: #f2f2f2;
  width: 800px;
  padding: 30px 50px;
  margin: 50px auto 0;
}
#en_top .service .feature li{
  font-size: 16px;
  vertical-align: middle;
  margin-bottom: 11px;
  text-align: left;
  display: flex;
  align-items: center;
}
#en_top .service .feature li img{
  margin-right: 16px;
}
#en_top .btn.t1{
    margin-top: 50px;
}
#en_top .btn.t1 a{
  background-color: #f36152;
  font-size: 15px;
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  width: 240px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
}
#en_top .btn.t1 a::after{
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 8%;
}
#en_top .company{
  padding: 0;
  background: #f7f7f7;
}
#en_top .company table{
  max-width: 680px;
  width: 100%;
  margin: 40px auto;
}
#en_top .outline{
  padding: 50px 0;
}
#en_top .outline table{
  max-width: 680px;
  width: 100%;
  margin: 40px auto;
}
#en_top .people{
  padding: 50px 0;
  background: #f7f7f7;
}
#en_top .people .container{
  width: 95%;
}
#en_top .people ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 850px;
  margin: 50px auto;
}
#en_top .people li{
  width: 28%;
  text-align: center;
}
#en_top .people li .name{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
#en_top .people li .title{
  text-align: center;
  min-height: 5.5em;
}
#en_top .people li .btn{
  margin-top: 19px;
}
#en_top .people li .btn a{
  font-size: 12px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  width: 100%;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  text-align: center;
}
#en_top .people li .btn a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 8%;
}
@media screen and (max-width: 750px) {
#en_top .top .main{
  font-size: 23px;
  line-height: 1.3;
}
#en_top .top .sub{
  font-size: 14px;
  line-height: 1.43;
}
#en_top .top .btn{
  max-width: 295px;
}
#en_top .top .btn a{
  width: 100%;
  height: 45px;
  line-height: 45px;
}
#en_top .title1{
  font-size: 30px;
}
#en_top .service .sub{
  font-size: 13px;
}
#en_top .service .bg_white{
  padding: 20px 20px 25px;
}
#en_top .service .service_list li{
  width: 100%;
  margin-bottom: 20px;
}
#en_top .service .service_list img{
  width: 100%;
  max-width: 200px;
}
#en_top .service .service_list .desc{
  text-align: center;
  font-size: 12px;
}
#en_top .service .service_list .btn{
  left: 4%;
  right: 4%;
}
#en_top .service .circle_icons li{
  width: 46%;
}
#en_top .service .title2{
  padding: 0;
}
#en_top .service .title2 img{
  width: 60%;
}
#en_top .service .intro p{
  font-size: 13px;
  margin-top: 0;
}
#en_top .service .feature{
  margin-top: 17px;
  padding: 20px 7px;
  display: block;
  width: 100%;
}
#en_top .service .feature li{
  font-size: 11px;
  line-height: 1.55;
}
#en_top .service .feature li img{
  width: 18.1%;
}
#en_top .people ul{
  max-width: 300px;
  width: 100%;
}
#en_top .people li{
  width: 100%;
  margin-bottom: 70px;
}
#en_top .people li img{
  max-width: 250px;
}
#en_top .people li .title{
  min-height: inherit;
}
#en_top .people li .btn a{
  font-size: 15px;
  height: 45px;
}
}
@media screen and (max-width: 500px) {
#en_top .about:before{
  top: 5vw;
}
#en_top .top .main{
  font-size: 5.5vw;
  top: 25%;
}
#en_top .top .sub{
  font-size: 3.5vw;
  top: 43%;
}
#en_top .top .btn{
  top: 65%;
}
}

/** locationdata dashboard **/
#locationdata_dashboard .page-head {
	padding: 30px 0;
}
#locationdata_dashboard .grayArea{
	background: #f7f7f7;
}
#locationdata_dashboard .sp_br{
	display: none;
}
@media screen and (max-width: 500px) {
#locationdata_dashboard .pc_br{
	display: none;
}
#locationdata_dashboard .sp_br{
	display: block;
}
}
#locationdata_dashboard section {
  text-align: center;
  margin-top: 0;
  padding-top: 0;
}
#locationdata_dashboard h2{
	line-height: 1.0;
	position:relative;
	margin-bottom: 52px;
	padding-bottom: 30px;
	font-size: 30px;
	text-align: center;
}
@media screen and (max-width: 500px) {
#locationdata_dashboard h2{
	margin-bottom: 30px;
	padding-bottom: 20px;
	font-size: 24px;
}
}
#locationdata_dashboard h2:after{
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: 3px solid #c1304c;
	border-radius:6px;
	width:60px;
	background-color: #c1304c;
}
@media screen and (max-width: 500px) {
h2:after {
	border: 2px solid #c1304c;
	width: 30px;
}
}
#locationdata_dashboard .main-content {
  background-color: #f7f7f7;
}
#locationdata_dashboard .container{
	max-width: 950px;
	width: 95%;
	margin:0 auto;
	padding: 70px 0;
	font-size: 15px;
}
@media screen and (max-width: 500px) {
#locationdata_dashboard .container{
	justify-content:center;
	max-width: 300px;
	margin: 0 auto;
	padding:35px 0;
	font-size: 12px;
}
}
#locationdata_dashboard .secLead .container,
#locationdata_dashboard .secData .container
{
	padding: 40px 0;
}
@media screen and (max-width: 500px) {
#locationdata_dashboard .secLead .container,
#locationdata_dashboard .secData .container{
	padding: 30px 0;
}
}
#locationdata_dashboard .secQa .inner{
	margin-bottom: 70px;
}
#locationdata_dashboard .secQa .inner dl{
	margin-bottom:20px;
	padding: 20px 0;
	text-align: left;
	background: #ffffff;
	border-radius: 6px;
}
#locationdata_dashboard .secQa .inner dt {
	position: relative;
	min-height: 50px;
	margin:0 0 20px 0;
	padding: 10px 50px 20px 128px;
	border-bottom: 1px dotted #7f7f7f;
}
#locationdata_dashboard .secQa .inner dt:before{
	position: absolute;
	content: "Q";
	left:50px;
	top:0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #c1304c;
	text-align:center;
	line-height: 50px;
	font-size: 22px;
	color: #ffffff;
}
#locationdata_dashboard .secQa .inner dd {
	position: relative;
	min-height: 50px;
	padding: 10px 50px 0 128px;
}
#locationdata_dashboard .secQa .inner dd:before{
	position: absolute;
	content: "A";
	left:50px;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #f68e9f;
	text-align:center;
	line-height: 50px;
	font-size: 22px;
	color: #ffffff;
}
@media screen and (max-width: 500px) {
#locationdata_dashboard .secQa .inner dt,
#locationdata_dashboard .secQa .inner dd{
	padding: 2% 5% 5% 60px;
}
#locationdata_dashboard .secAp .inner dl dt {
	text-align: center;
}
#locationdata_dashboard .secQa .inner dt:before,
#locationdata_dashboard .secQa .inner dd:before{
	left: 15px;
	width: 35px;
	height: 35px;
	line-height: 35px;
}
}
#locationdata_dashboard .data-wrapper{
	width: 100%;
}
@media screen and (max-width: 500px) {
#locationdata_dashboard .data-wrapper{
	overflow-x: scroll;
}
}
#locationdata_dashboard .data{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 80%;
}
@media screen and (max-width: 500px) {
#locationdata_dashboard .data{
	width: 500px;
	padding-top: 400px;
}
}
#locationdata_dashboard .data iframe{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#locationdata_dashboard .secData .note{
	background: #fff;
	margin-top: 30px;
	padding: 1em;
}
#locationdata_dashboard .secData .note p{
	margin-bottom: 0;
}
#locationdata_dashboard .secData .note ul{
	margin-top: 0;
}
#locationdata_dashboard .secData .note li{
	text-indent: -1em;
	padding-left: 1em;
}
#locationdata_dashboard .link_txt{
	text-decoration: underline;
	color: #0097a7;
}
#locationdata_dashboard .btn_contact{
	border: 2px solid #f36152;
	display: flex;
	justify-content: center;
	align-items: center;
	height:56px;
	width: 100%;
	max-width: 300px;
	margin: 30px auto 80px;
	border-radius: 28px;
	color: #f36152;
	font-size: 18px;
}
@media screen and (max-width: 500px){
#locationdata_dashboard .btn_contact{
	height:46px;
	border-radius: 23px;
	font-size: 16px;
}
}
.top-notification-block{
	background: #f0f0f0;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	display: block;
	width: 100%;
	padding: 0.5em;
}
.top-notification-block .link_btn{
	display: inline-flex;
	background: #f36152;
	color: #fff;
	font-size: 15px;
	height: 30px;
	padding: 0 1em;
	border-radius: 15px;
	align-items: center;
	justify-content: center;
	margin-left: 1.5em;
}
@media screen and (max-width: 800px){
.top-notification-block .link_btn{
	margin-left: 0;
	font-size: 12.5px;
}
}
.top-notification-block .link_btn:hover{
  opacity: 1;
  background: #dc2809;
}
@media screen and (max-width: 800px){
.top-notification-block .btn_wrapper{
	width: 100%;
	margin-top: 0.5em;
	display: block;
}
}
.ppSDK #satori__creative_container .btnsdklink{
  width: 100%
}
.ppSDK #satori__creative_container .btnsdklink a{
  width: 100%;
  max-width: 500px;
  line-height: 1.3;
  padding: 0.5em;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767px){
.ppSDK #satori__creative_container .btnsdklink a{
  max-width: inherit;
}
}

/** イベント・セミナーページ **/
@media screen and (max-width: 800px){
.page-id-5673 .main-content{
	margin: 136px 0 0;
}
}
@media screen and (max-width: 467px){
.page-id-5673 .main-content{
	margin: 156px 0 0;
}
}
#event-seminar-top{
	padding-bottom: 100px;
}
#event-seminar-top .txt-center{
	text-align: center;
}
#event-seminar-top .top-message{
	text-align: center;
	font-weight: bold;
	margin: 2em 0;
	font-size: 19px;
}
@media screen and (max-width: 830px){
#event-seminar-top .top-message{
	font-size: 15px;
}
}
#event-seminar-top h2{
	text-align: center;
	display: inline-block;
	border-bottom: 3px solid #f36152;
	margin-bottom: 1em;
	font-size: 16px;
	font-weight: bold;
	padding: 0 1em 0 1em;
}
@media screen and (max-width: 830px){
#event-seminar-top h2{
	font-size: 14px;
}
}
#event-seminar-top .mv{
	margin: 30px 0 50px;
}
#event-seminar-top .event-list{
	margin: 0 auto;
	max-width: 780px;
	width: 100%;
}
#event-seminar-top .event-list .item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 10px;
	margin-bottom: 30px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
@media screen and (max-width: 700px){
#event-seminar-top .event-list .item{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
}
#event-seminar-top .event-list .item .bnr{
	width: 280px;
	height: auto;
}
@media screen and (max-width: 830px){
#event-seminar-top .event-list .item .bnr{
	width: 250px;
}
}
@media screen and (max-width: 700px){
#event-seminar-top .event-list .item .bnr{
	width: 100%;
	height: auto;
}
}
#event-seminar-top .event-list .item .left{
	width: calc(100% - 310px);
	padding: 5px 0;
}
@media screen and (max-width: 830px){
#event-seminar-top .event-list .item .left{
	width: calc(100% - 270px);
}
}
@media screen and (max-width: 700px){
#event-seminar-top .event-list .item .left{
	width: 100%;
	padding: 1em;
}
}
#event-seminar-top .event-list .item .tag{
	margin-bottom: 10px;
}
@media screen and (max-width: 700px){
#event-seminar-top .event-list .item .tag{
	text-align: center;
}
}
#event-seminar-top .event-list .item .tag li{
	display: inline-block;
	padding: 0.3em 1.5em;
	line-height: 1.2;
	font-size: 15px;
	text-align: center;
	border-radius: 5px;
	margin-right: 0.7em;
}
@media screen and (max-width: 830px){
#event-seminar-top .event-list .item .tag li{
	font-size: 13px;
}
}
@media screen and (max-width: 700px){
#event-seminar-top .event-list .item .tag li{
	padding: 0.3em 0.5em;
	margin: 0 0.2em;
}
}
#event-seminar-top .event-list .item .tag li.red{
	color: #f03e2b;
	background-color: #fab5ae;
}
#event-seminar-top .event-list .item .tag li.blue{
	color: #0059a6;
	background-color: #c0e3e5;
}
#event-seminar-top .event-list .item h3{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 0.2em;
}
@media screen and (max-width: 830px){
#event-seminar-top .event-list .item h3{
	font-size: 17px;
}
}
#event-seminar-top .event-list .item .supporter{
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0.8em;
}
@media screen and (max-width: 830px){
#event-seminar-top .event-list .item .supporter{
	font-size: 13px;
}
}
#event-seminar-top .left-bottom{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
}
@media screen and (max-width: 700px){
#event-seminar-top .left-bottom{
	justify-content: center;
}
}
#event-seminar-top .left-bottom p{
	font-size: 14px;
	vertical-align: middle;
	margin: 0 2em 0 0;
}
@media screen and (max-width: 830px){
#event-seminar-top .left-bottom p{
	font-size: 13px;
}
}
@media screen and (max-width: 400px){
#event-seminar-top .left-bottom p{
	width: 100%;
	margin: 0;
	text-align: center;
}
}
#event-seminar-top .left-bottom .icon{
	width: 26px;
	height: 26px;
	margin-right: 8px;
	vertical-align: middle;
}
@media screen and (max-width: 830px){
#event-seminar-top .left-bottom .icon{
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
}
#event-seminar-top .btn-application{
	background: #f36152;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	padding: 0.3em 1.5em;
	line-height: 1.2;
	border-radius: 5px;
	font-size: 18px;
	text-align: center;
}
@media screen and (max-width: 830px){
#event-seminar-top .btn-application{
	font-size: 15px;
}
}
@media screen and (max-width: 500px){
#event-seminar-top .btn-application{
	margin-top: 15px;
	width: 100%;
}
}

@media screen and (max-width: 800px){
.page-id-5700 .main-content{
	margin: 136px 0 0;
}
}
@media screen and (max-width: 467px){
.page-id-5700 .main-content{
	margin: 156px 0 0;
}
}
.event-detail-page{
	padding-bottom: 100px;
}
.event-detail-page .nowrap{
	display: inline-block;
}
.event-detail-page .txt-center{
	text-align: center;
}
.event-detail-page .top{
	margin: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
@media screen and (max-width: 767px) {
.event-detail-page .top{
	justify-content: center;
}
}
.event-detail-page .top .logo{
	max-width: 420px;
	width: 100%;
	height: auto;
	margin: 0 30px 0 0;
}
@media screen and (max-width: 800px) {
.event-detail-page .top .logo{
	margin: 0 0 20px;
}
}
.event-detail-page .top .tag li{
	display: inline-block;
	padding: 0.3em 1.5em;
	line-height: 1.2;
	font-size: 15px;
	text-align: center;
	border-radius: 5px;
	margin-right: 0.7em;
}
@media screen and (max-width: 800px) {
.event-detail-page .top .tag{
	width: 100%;
	text-align: center;
}
.event-detail-page .top .tag li{
	padding: 0.3em 0.5em;
	margin: 0 0.2em;
	font-size: 13px;
}
}
.event-detail-page .top .tag li.red{
	color: #f03e2b;
	background-color: #fab5ae;
}
.event-detail-page .top .tag li.blue{
	color: #0059a6;
	background-color: #c0e3e5;
}
.event-detail-page .info{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 20px 0;
}
.event-detail-page .info p{
	font-size: 18px;
	vertical-align: middle;
	margin: 0 20px;
}
@media screen and (max-width: 767px) {
.event-detail-page .info p{
	font-size: 14px;
	margin: 0 10px 10px;
}
}
.event-detail-page .info .icon{
	width: 32px;
	height: auto;
	margin-right: 10px;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
.event-detail-page .info .icon{
	width: 27px;
	margin-right: 6px;
}
}
.event-detail-page .btn-application-l{
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding: 0.4em 0.5em;
	background: #f36152;
	color: #fff;
}
@media screen and (max-width: 767px) {
.event-detail-page .btn-application-l{
	font-size: 15px;
}
}
.event-detail-page .txt-area{
	margin: 50px auto 0;
	width: 100%;
	max-width: 600px;
}
.event-detail-page .txt-area p{
	line-height: 1.5;
}
.event-detail-page .txt-area th{
	line-height: 1.5;
	vertical-align: top;
	padding-bottom: 0.3em;
}
.event-detail-page .txt-area td{
	line-height: 1.5;
	vertical-align: top;
	padding-bottom: 0.3em;
}
.event-detail-page .txt-area section{
	margin-bottom: 50px;
}
.event-detail-page .txt-area h3.subtitle{
	text-align: center;
	position: relative;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.event-detail-page .txt-area h3.subtitle span{
	display: inline-block;
	background: #fff;
	padding: 0 0.5em;
	z-index: 2;
	position: relative;
}
.event-detail-page .txt-area h3.subtitle:before{
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #f36152;
	position: absolute;
	top: calc(50% - 1px);
	z-index: 0;
	left: 0;
}
.event-detail-page .txt-area .recommendation ul{
	margin-bottom: 1.5em;
}
.event-detail-page .txt-area .recommendation li{
	text-indent: -1em;
	padding-left: 1em;
}
.event-detail-page .txt-area .recommendation li:before{
	content: "●";
}
.event-detail-page .txt-area .recommendation th{
	text-align: left;
	padding-right: 2em;
}
.event-detail-page .txt-area .privacy p.name{
	text-align: right;
	margin-top: 2em;
}
.event-detail-page .profile{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
.event-detail-page .profile{
	justify-content: center;
	max-width: 300px;
	width: 100%;
	margin: 0 auto 40px;
}
}
.event-detail-page .profile .photo{
	width: 160px;
	height: auto;
}
@media screen and (max-width: 600px) {
.event-detail-page .profile .photo{
	margin-bottom: 20px;
}
}
.event-detail-page .profile .txt{
	width: calc(100% - 180px);
}
@media screen and (max-width: 600px) {
.event-detail-page .profile .txt{
	width: 100%;
}
}
.event-detail-page .profile h4{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 1.5em;
}
@media screen and (max-width: 600px) {
.event-detail-page .profile h4{
	text-align: center;
}
}
.event-detail-page .profile p{
	line-height: 1.5em;
}


/** conference 2020 **/
body.page-id-5775,
body.page-id-5826,
body.page-id-5827,
body.page-id-5828,
body.page-id-5840,
body.page-id-6114,
body.page-id-6245,
body.parent-pageid-6245,
body.page-id-6343{
	line-height: 1;
	font-size: 100%;
	background: linear-gradient(90deg, #101010 0%, #333 100%) #333 repeat-y;
	background-size: 100%;
	color: #FFF;
	font-family: 'Lato', "futura-pt", YuGothic, "Yu Gothic", メイリオ, sans-serif;
	text-size-adjust: 100%;
	overflow: hidden;
	width: auto;
}
body.page-id-5775 .main-content,
body.page-id-5826 .main-content,
body.page-id-5827 .main-content,
body.page-id-5828 .main-content,
body.page-id-5840 .main-content,
body.page-id-6114 .main-content,
body.page-id-6245 .main-content,
body.parent-pageid-6245 .main-content,
body.page-id-6343 .main-content{
	height: auto;
	width: auto;
	margin: 80px 0 0;
}
body.page-id-5775 .page-content,
body.page-id-5826 .page-content,
body.page-id-5827 .page-content,
body.page-id-5828 .page-content,
body.page-id-5840 .page-content,
body.page-id-6114 .page-content,
body.page-id-6245 .page-content,
body.parent-pageid-6245 .page-content,
body.page-id-6343 .page-content{
	height: auto;
	width: auto;
}
body.page-id-5775.is-modal,
body.page-id-5826.is-modal,
body.page-id-5827.is-modal,
body.page-id-5828.is-modal,
body.page-id-5840.is-modal,
body.page-id-6114.is-modal,
body.page-id-6245.is-modal,
body.parent-pageid-6245.is-modal,
body.page-id-6343.is-modal{
	width: 100%;
	position: fixed;
	overflow-y: scroll;
}
@media screen and (max-width: 1150px) {
body.page-id-5775,
body.page-id-5826,
body.page-id-5827,
body.page-id-5828,
body.page-id-5840,
body.page-id-6114,
body.page-id-6245,
body.parent-pageid-6245,
body.page-id-6343{
	min-width: inherit;
}
body.page-id-5775 .main-content,
body.page-id-5826 .main-content,
body.page-id-5827 .main-content,
body.page-id-5828 .main-content,
body.page-id-5840 .main-content,
body.page-id-6114 .main-content,
body.page-id-6245 .main-content,
body.parent-pageid-6245 .main-content,
body.page-id-6343 .main-content{
	margin: 0;
	min-width: inherit;
}
body.page-id-5775 .page-content,
body.page-id-5826 .page-content,
body.page-id-5827 .page-content,
body.page-id-5828 .page-content,
body.page-id-5840 .page-content,
body.page-id-6114 .page-content,
body.page-id-6245 .page-content,
body.parent-pageid-6245 .page-content,
body.page-id-6343 .page-content{
	min-width: inherit;
}
}
@media screen and (max-width: 414px) {
#conference_2020{
	min-width: inherit;
}
}
#conference_2020 a{
	color: #fff;
}
#conference_2020 .nowrap{
	display: inline-block;
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .sessions_ttl_e,
#conference_2020 .m-conference .timetable_ttl_e, 
#conference_2020 .m-conference .entry_ttl_e,
#conference_2020 .m-conference .sponsors_ttl_e,
#conference_2020 .m-conference .outline_header_flag{
	font-size: 4em;
}
}
@media screen and (max-width: 414px) {
#conference_2020 .m-conference .sessions_ttl_e,
#conference_2020 .m-conference .timetable_ttl_e, 
#conference_2020 .m-conference .entry_ttl_e,
#conference_2020 .m-conference .sponsors_ttl_e,
#conference_2020 .m-conference .outline_header_flag{
	font-size: 3em;
}
}
#conference_2020 .l-header.active .l-header_logo:after{
	content: "\0201C Hello, New World \0201D\Aデータを取り巻く環境は「変化」し、\Aデータ利活用方法は「進化」する\A";
	white-space: pre;
	font-size: 1.2rem;
	font-size: 0.8rem;
	line-height: 1.4;
	text-align: left;
	display: block;
	color: #43e4d7;
	margin: 5px 0 0 5px;
	width: 210px;
}
#conference_2020 .m-conference .header_line{
	text-align: center;
}
#conference_2020 .m-conference .header_line .small{
	font-size: 24px;
	letter-spacing: 0;
	line-height: 1.6;
	display: inline-block;
	margin-top: 0.5em;
	text-align: center;
}
@media screen and (max-width: 1100px) and (min-width: 700px) {
#conference_2020 .m-conference .header_line .small{
    font-size: 1.8vw;
}
}
@media screen and (max-width: 700px) and (min-width: 415px) {
#conference_2020 .m-conference .header_line .small{
	font-size: 2.5vw;
}
}
@media screen and (max-width: 415px) {
#conference_2020 .m-conference .header_line .small{
	font-size: 2.5vw;
}
}
#conference_2020 .m-conference .header_day .underline{
	border-bottom: 1px solid #43e4d7;
	display: inline-block;
	margin-bottom: 5px;
}
#conference_2020 .m-conference .concept_phrase{
	margin-bottom: 0.5em;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .concept_phrase{
	font-size: 2.8rem;
}
}
@media screen and (max-width: 414px) {
#conference_2020 .m-conference .concept_phrase{
	font-size: 2rem;
}
}
#conference_2020 .m-conference .concept_ttl{
	letter-spacing: 0;
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .concept_ttl{
	font-size: 1.7rem;
}
}
@media screen and (max-width: 414px) {
#conference_2020 .m-conference .concept_ttl{
	font-size: 1.5rem;
}
}
#conference_2020 .m-conference .outline_table h3{
	text-align: center;
}
#conference_2020 .m-conference .outline_table{
	width: 100%;
}
#conference_2020 .m-conference .outline_table table{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}
#conference_2020 .m-conference .outline_table_lines_link{
	margin-top: 0;
}
#conference_2020 .m-conference .outline_note{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 1em;
}
#conference_2020 .m-conference #hall .hall_contents{
	text-align: center;
}
#conference_2020 .m-conference #hall .hall_contents li{
	overflow: hidden;
	width: 95%;
	margin: 0 auto;
}
#conference_2020 .m-conference #hall .hall_contents li img{
	transition: .5s all;
}
#conference_2020 .m-conference #hall .hall_contents li img:hover{
	transform: scale(1.2, 1.2);
	transition: .5s all;
}
#conference_2020 .m-conference #hall .hall_contents li h4{
	text-align: center;
	margin-bottom: 0.5em;
}
#conference_2020 .m-conference #hall .hall_contents li p{
	text-align: center;
}
#conference_2020 .m-conference #lastyear .lastyear_img_wrapper{
	display: inline-block;
	width: 40%;
	height: auto;
	vertical-align: top;
	overflow: hidden;
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference #lastyear .lastyear_img_wrapper{
	width: 100%;
}
}
#conference_2020 .m-conference #lastyear .lastyear_img{
	width: 100%;
	height: auto;
	transition: .5s all;
}
#conference_2020 .m-conference #lastyear .lastyear_img:hover{
	transform: scale(1.2, 1.2);
	transition: .5s all;
}
#conference_2020 .m-conference #timetable_sheet {
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width: 95%; 
	max-width: 980px;
	margin: 0 auto; 
	display: block;
}
#conference_2020 .l-footer_phrase_in {
	margin-left: 0;
}
#conference_2020 .bg_gradient{
	background-color: #5fdde0;
	background-image: -webkit-linear-gradient(225deg, #5fdde0 35%, #4cb4b4 89%);
	background-image: -moz-linear-gradient(225deg, #5fdde0 35%, #4cb4b4 89%);
	background-image: -o-linear-gradient(225deg, #5fdde0 35%, #4cb4b4 89%);
	background-image: linear-gradient(225deg, #5fdde0 35%, #4cb4b4 89%);
}
#conference_2020 .bg_gradient_red{
  background-color: #eda990;
  background-image: linear-gradient(247deg, #eda990 0%, #dd4b3c 47%);
  background-image: -webkit-linear-gradient(247deg, #eda990 0%, #dd4b3c 47%);
  background-image: -moz-linear-gradient(247deg, #eda990 0%, #dd4b3c 47%);
  background-image: -o-linear-gradient(247deg, #eda990 0%, #dd4b3c 47%);
  background-image: linear-gradient(247deg, #eda990 0%, #dd4b3c 47%);
}
#conference_2020 .m-conference .program td .contents{
	margin-bottom: 1em;
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .program td .photo{
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
#conference_2020 .m-conference .program td .txt{
	width: 100%;
}
}
#conference_2020 .m-conference .program td .contents{
  line-height: 1.4;
  font-size: 1.6rem;
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .program td .contents{
  font-size: 1.4rem;
}
}
#conference_2020 .m-conference .program td .col3{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start
}
#conference_2020 .m-conference .program td .col3_item{
  width: 31.5%;
}
@media screen and (max-width: 1000px) {
#conference_2020 .m-conference .program td .col3_item{
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
}
#conference_2020 .m-conference .program td .col3_item .photo{
  width: 100%;
}
@media screen and (max-width: 1000px) {
#conference_2020 .m-conference .program td .col3_item .photo{
  width: 30%;
  margin-right: 2%;
}
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .program td .col3_item .photo{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
}
#conference_2020 .m-conference .program td .col3_item .txt{
  width: 100%;
}
@media screen and (max-width: 1000px) {
#conference_2020 .m-conference .program td .col3_item .txt{
  width: 67%;
}
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .program td .col3_item .txt{
  width: 100%;
}
#conference_2020 .m-conference .program td .col3_item .txt .company br{
  display: none;
}
}
#conference_2020 .m-conference .sessions .more{
	margin: 30px auto 0;
	width: 95%;
	max-width: 1120px;
	text-align: center;
	font-size: 16px;
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .sessions .more{
	font-size: 14px;
}
}
#conference_2020 .m-conference .sessions .more span{
	font-size: 28px;
}
@media screen and (max-width: 600px) {
#conference_2020 .m-conference .sessions .more span{
	font-size: 22px;
}
}
#conference_2020 .m-conference .popup a{
	color: #000;
	text-decoration: underline;
}
#conference_2020 .m-conference .header_left{
	position: absolute;
	left: 5%;
	top: 37vw;
	text-shadow: 2px 2px 10px rgba(0,0,0,1);
}
@media screen and (max-width: 1100px) and (min-width: 700px) {
#conference_2020 .m-conference .header_left{
	left: 6%;
}
}
@media screen and (max-width: 700px) and (min-width: 415px) {
#conference_2020 .m-conference .header_left{
	margin: 0 auto;
	position: static;
	text-align: center;
	width: 90%;
}
}
@media screen and (max-width: 415px) {
#conference_2020 .m-conference .header_left{
	margin: 0 auto;
	position: static;
	text-align: center;
	width: 80%;
}
}
@media screen and (max-width: 700px) {
#conference_2020 .m-conference .header_in-2{
	flex-wrap: wrap;
}
}
#conference_2020 .header_main{
	margin-left: 52%;
	top: 13vw;
}
@media screen and (max-width: 1100px) and (min-width: 700px) {
#conference_2020 .header_main{
	top: 10vw;
}
}
@media screen and (max-width: 700px) and (min-width: 415px){
#conference_2020 .m-conference .header_main {
	margin: -150px auto 0;
	position: static;
	text-align: center;
	width: 90%;
	top: 0px;
}
}
@media screen and (max-width: 415px) {
#conference_2020 .m-conference .header_main {
	margin: -100px auto 0;
	position: static;
	text-align: center;
	width: 80%;
	top: 0px;
}
}
#conference_2020 .m-conference .header_day{
	text-shadow: 2px 2px 10px rgba(0,0,0,1);
}
@media screen and (max-width: 700px) and (min-width: 415px) {
#conference_2020 .m-conference .header_logo {
	margin: -50px auto 0;
}
}
@media screen and (max-width: 415px) {
#conference_2020 .m-conference .header_logo {
	margin: -50px auto 0;
}
}
@media screen and (min-width: 700px) {
#conference_2020 .m-conference .header_line{
	font-size: 3vw;
}
}
#conference_2020 .m-conference .concept_in {
	padding: 30px 0 60px;
}
@media screen and (max-width: 415px) {
#conference_2020 .m-conference .concept_in {
	padding: 0 0 60px;
}
}
#conference_2020 .m-conference .program .profile:hover{
  cursor: inherit;
  opacity: 1;
}
#conference_2020 .m-conference .sponsors_items-diamond .sponsors_item{
  margin-bottom: 35px;
  display: flex;
  align-items: center;
}
#conference_2020 .m-conference .sponsors_items-diamond .sponsors_item:first-child{
  flex-basis: 400px;
}
#conference_2020 .m-conference .sponsors_items-diamond .sponsors_item:nth-child(2){
  flex-basis: 300px;
}
.m-conference .program td .company.adjustment{
  min-height: 3.7em;
}
@media screen and (max-width: 1000px) {
.m-conference .program td .company.adjustment{
  min-height: inherit;
}
}
/** Top Slide **/
.top_slide .slide02 .main{
	font-size: 1.5vw;
	top: 30vw;
	bottom: auto;
	left: 5%;
	right: auto;
	width: 40%;
	transform: auto;
	color: #43e4d7;
	text-shadow: 2px 2px 10px rgba(0,0,0,1);
}
@media screen and (max-width: 750px) {
.top_slide .slide02 .main{
	width: 100%;
	display: block;
	color: #fff;
	font-size: 3vw;
	top: 30vw;
	left: auto;
}
}
.top_slide .slide02 .main span{
	font-size: 2.3vw;
	display: inline-block!important;
	margin-bottom: 0.2em;
}
@media screen and (max-width: 750px) {
.top_slide .slide02 .main span{
	font-size: 5vw;
}
}
.top_slide .slide02 .main .conf2020_logo{
	width: 25%;
	max-width: 120px;
	margin-bottom: 5px;
}
@media screen and (max-width: 750px) {
.top_slide .slide02 .main .conf2020_logo{
	display: inline-block!important;
}
}
.top_slide .slide02 .sub{
	font-size: 2.1vw;
	font-weight: bold;
	top: 49%;
	left: auto;
	right: 10%;
	width: 35%;
	margin: 0;
	color: #fff;
	text-shadow: 2px 2px 10px rgba(0,0,0,1);
}
@media screen and (max-width: 750px) {
.top_slide .slide02 .sub{
	font-size: 2.5vw;
	top: 50vw;
	right: auto;
	width: 100%;
}
}
.top_slide .slide02 .sub .underline{
	border-bottom: 1px solid #43e4d7;
	display: inline-block;
	margin-bottom: 0.2em;
	font-size: 3vw;
}
@media screen and (max-width: 750px) {
.top_slide .slide02 .sub .underline{
	font-size: 4vw;
}
}
.top_slide .slide02 .btn{
	position: absolute;
	bottom: 3.5vw;
	top: auto;
	left: auto;
	right: 10%;
	width: 35%;
	transform: none;
}
@media screen and (max-width: 750px) {
.top_slide .slide02 .btn{
	width: 100%;
	right: auto;
	bottom: 7vw;
}
}
.top_slide .slide02 .btn a{
	width: 95%;
	max-width: 320px;
	background-color: #5fdde0;
	background-image: -webkit-linear-gradient(225deg, #5fdde0 35%, #4cb4b4 89%);
	background-image: -moz-linear-gradient(225deg, #5fdde0 35%, #4cb4b4 89%);
	background-image: -o-linear-gradient(225deg, #5fdde0 35%, #4cb4b4 89%);
	background-image: linear-gradient(225deg, #5fdde0 35%, #4cb4b4 89%);
}
.top_slide .slick-prev{
	left: 10px;
	z-index: 1;
}
.top_slide .slick-next{
	right: 10px;
	z-index: 1;
}

/** conference2020 archive **/
/**
@media screen and (min-width: 701px) {
#conference_2020.archive .m-conference .header_in-2{
	height: 50vw;
}
#conference_2020.archive .m-conference .header_left{
	top: 25vw;
}
#conference_2020.archive .m-conference .header_main{
	margin-left: 50%;
	top: 5vw;
}
}
@media screen and (max-width: 700px) and (min-width: 415px){
#conference_2020.archive .m-conference .header_in-2 {
	height: 100vw;
	padding-top: 10vw;
}
#conference_2020.archive .m-conference .header_logo{
	margin: 0 auto;
}
#conference_2020.archive .m-conference .header_main{
	margin: -18vw auto 0;
}
}
@media screen and (max-width: 415px){
#conference_2020.archive .m-conference .header_in-2 {
	height: 400px;
	padding-top: 35px;
}
#conference_2020.archive .m-conference .header_logo{
	margin: 0 auto;
}
#conference_2020.archive .m-conference .header_main{
	margin: -60px auto 0;
}
}
#conference_2020.archive .m-conference .header_day{
	color: #fff;
}
#conference_2020.archive .m-conference .header_day_y_dot::before{
	background: #fff;
}
#conference_2020.archive .m-conference .header_day_d_dot::before{
	background: #fff;
}
#conference_2020.archive .m-conference .header_day .underline{
	border-bottom: 1px solid #fff;
} **/
#conference_2020.archive .l-header.active .l-header_logo:after{
	display: none;
}
#conference_2020.archive .concept{
	margin-top: 0;
	padding-top: 0;
}
#conference_2020.archive .sessions .btn_application{
	display: block;
	margin: 50px auto 1em;
	width: 95%;
	max-width: 1120px;
	text-align: center;
	font-size: 24px;
	padding: 0.6em 1em;
	line-height: 1.3;
	font-weight: bold;
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 5px;
}
@media screen and (max-width: 600px) {
#conference_2020.archive .sessions .btn_application{
	font-size: 18px;
}
}
#conference_2020.archive .sessions .txt_application{
	margin: 0 auto;
	width: 95%;
	max-width: 1120px;
	font-size: 16px;
	text-align: center;
}
@media screen and (max-width: 600px) {
#conference_2020.archive .sessions .txt_application{
	font-size: 14px;
	text-align: left;
}
#conference_2020.archive .sessions .txt_application br{
	display: none;
}
}
#conference_2020 .play_btn{
	display: block;
	padding: 0.7em 2em;
	text-align: center;
	font-size: 1.8rem;
	border-radius: 5px;
	letter-spacing: 0.05em;
	margin: 20px 0 10px auto;
	width: 100%;
  color: #fff;
  text-shadow: 0 0 3px rgba(0,0,0,0.5);
  font-weight: bold;
}
#conference_2020 .play_btn i{
	color: #fff;
}
@media screen and (max-width: 600px){
#conference_2020 .play_btn{
	margin: 20px auto 10px auto;
}
}

#conference_2020 .header-s{
  position: relative;
  background: url(/wp/wp-content/uploads/2020/10/kv.jpg) center center no-repeat #000;
  background-size: cover;
}
@media screen and (max-width: 700px) and (min-width: 415px){
#conference_2020 .header-s{
  background: url(/wp/wp-content/uploads/2020/10/kv.jpg) right center no-repeat #000;
  background-size: 192% auto;
  background-position: left top;
}
}
@media screen and (max-width: 415px){
#conference_2020 .header-s{
  min-width: 0;
  overflow: hidden;
  background: url(/wp/wp-content/uploads/2020/10/kv.jpg) right center no-repeat #000;
  background-size: 192% auto;
  background-position: left top;
}
}
#conference_2020 .header-s .header_in-2{
  height: 35.45vw;
  margin: 0 auto;
  background: none;
  background-size: 510px auto;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 700px){
#conference_2020 .header-s .header_in-2{
  flex-wrap: wrap;
}
}
@media screen and (max-width: 700px) and (min-width: 415px){
#conference_2020 .header-s .header_in-2{
  height: 100vw;
  min-height: 0;
  padding-top: 17vh;
  padding-bottom: 0;
  background: none;
  align-items: flex-start;
}
}
@media screen and (max-width: 415px){
#conference_2020 .header-s .header_in-2{
  display: block;
  height: 100vw;
  padding-top: 0;
}
}
#conference_2020 .header-s .header_main{
  margin-left: 52%;
  top: 60px;
  text-align: center;
}
@media screen and (max-width: 700px) and (min-width: 415px){
#conference_2020 .header-s .header_main{
  margin: 30vw auto 0;
  position: static;
  text-align: center;
  width: 90%;
  top: 0px;
}
}
@media screen and (max-width: 415px){
#conference_2020 .header-s .header_main{
  margin: 0 auto 0;
  position: relative;
  text-align: center;
  width: 80%;
  top: 50vw;
}
}
#conference_2020 .header-s .header_place{
  color: #43e4d7;
  font-weight: 700;
  text-align: center;
  font-size: 4vw;
  margin-bottom: 0.5em;
  line-height: 1.3;
  text-shadow: 2px 2px 10px rgba(0,0,0,1);
}
@media screen and (max-width: 1100px) and (min-width: 700px){
#conference_2020 .header-s .header_place{
  font-size: 3.5vw;
  margin-bottom: 0.5em;
}
}
@media screen and (max-width: 700px){
#conference_2020 .header-s .header_place {
  margin-bottom: 0.5em;
  font-size: 7.5vw;
}
}
#conference_2020 .header-s .header_line{
  text-align: center;
  font-size: 2.5vw;
  margin-top: 1em;
}
@media screen and (max-width: 415px){
#conference_2020 .header-s .header_line{
  font-size: 5vw;
  margin-top: 0.5em;
}
}
@media screen and (max-width: 415px){
#conference_2020 .header-s .header_day{
  margin-top: 0;
}
}
#conference_2020.session_page .link_next{
  text-align: right;
  width: 95%;
  max-width: 1120px;
  margin: 0 auto;
}
#conference_2020.session_page .link_next a{
  color: #43e4d7;
  font-size: 2rem;
  line-height: 1.3;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 600px){
#conference_2020.session_page .link_next a{
  font-size: 1.6rem;
}
}
#conference_2020.session_page .sessions_ttl_day {
  text-align: center;
  color: #43e4d7;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 1.5em;
}
@media screen and (max-width: 600px){
#conference_2020.session_page .sessions_ttl_day {
  font-size: 2.5rem;
}
}
#conference_2020.session_page .video_wrapper{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 50px auto 50px;
  width: 95%;
  max-width: 700px;
}
#conference_2020.session_page .video_adjustment{
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#conference_2020.session_page .video_adjustment iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#conference_2020.session_page .session_info{
  color: #43e4d7;
}
#conference_2020.session_page .session_title{
  font-size: 30px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.3;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 700px){
#conference_2020.session_page .session_title{
  font-size: 24px;
}
}
#conference_2020.session_page .session_name{
  font-size: 20px;
  margin: 0 0 0.2em;
  line-height: 1.3;
}
@media screen and (max-width: 700px){
#conference_2020.session_page .session_name{
  font-size: 16px;
}
}
#conference_2020.session_page .session_company{
  font-size: 17px;
  margin: 0 0 100px;
  line-height: 1.3;
}
@media screen and (max-width: 700px){
#conference_2020.session_page .session_company{
  font-size: 14px;
}
}
#conference_2020.session_page #btn_back_fixed {
  position: fixed;
  right: 2px;
  bottom: 0px;
  font-size: 16px;
  padding: 0.7em 1.5em;
  border-radius: 5px 5px 0 0;
  text-shadow: 0 0 3px rgb(0,0,0,0.5);
  box-shadow: 0 0 3px rgb(0,0,0,0.5);
  z-index: 20;
}

/** Recruit Page (2020.12.17) **/
#RecruitPage .interview-2ndRow .interview_info_block{
	background: #f36152;
}
#RecruitPage .interview-2ndRow .interview_txt{
	display: inline-block;
	width: 47%;
	margin: 0 0 1em 1%;
	vertical-align: top;
	text-align: left;
	padding: 30px 0 0 210px;
	position: relative;
	height: auto;
}
#RecruitPage .interview-2ndRow .interview_img{
	position: absolute;
	left: 0;
	top: 30px;
	width: 200px;
}
#RecruitPage .interview-2ndRow .interview_message_wrapper{
	display: inline-block;
	width: 47%;
	margin: 0 0 1em 1%;
	vertical-align: top;
	text-align: left;
	padding: 10px 0 0 210px;
	position: relative;
	height: auto;
}
#RecruitPage .interview-2ndRow .interview_message{
	font-size: 16px;
}
#RecruitPage .interview-2ndRow .sp{
	display: none;
}
@media screen and (max-width: 1000px){
#RecruitPage .interview-2ndRow .interview_txt{
	width: 98%;
	margin: 0 0 1em 2%;
	padding: 90px 1em 0 260px;
}
#RecruitPage .interview-2ndRow .interview_message_block{
	margin-bottom: 80px;
}
#RecruitPage .interview-2ndRow .interview_message_wrapper{
	width: 98%;
	margin: 0 0 1em 2%;
	padding: 30px 1em 0 260px;
}
#RecruitPage .interview-2ndRow .interview_img{
	width: 250px;
	top: 90px;
}
#RecruitPage .interview-2ndRow .sp{
	display: block;
}
#RecruitPage .interview-2ndRow .pc{
	display: none;
}
}
@media screen and (max-width: 650px){
#RecruitPage .interview-2ndRow .interview_info_block{
	background: transparent;
	position: relative;
}
#RecruitPage .interview-2ndRow .interview_info_block:before{
	content: "";
	display: block;
	height: 200px;
	width: 100%;
	background: #f36152;
	position: absolute;
	left: 0;
	top: 0;
}
#RecruitPage .interview-2ndRow .interview_img{
	position: relative;
	top: 0;
}
#RecruitPage .interview-2ndRow .interview_txt{
	margin: 0 0 1em 2%;
	padding: 100px 0 0 0;
	text-align: center;
}
#RecruitPage .interview-2ndRow .interview_message_wrapper{
	padding: 0 0 0 0;
}
}


/** 新オフィスページ **/
#newoffice_page section{
	margin-bottom: 50px;
}
#newoffice_page img{
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
#newoffice_page h2{
	font-size: 22px;
	margin-bottom: 1.5em;
	font-weight: bold;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #f36152;
	border-bottom: 1px solid #f36152;
}
#newoffice_page .img_2col{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#newoffice_page .img_label{
	text-align: center;
	margin-top: 0.5em;
	font-size: 14px;
}
#newoffice_page .img_wrapper{
	text-align: center;
	margin: 2em 0;
}
#newoffice_page .img_wrapper img{
	max-width: 500px;
	width: 100%;
	height: auto;
}
#newoffice_page .img_wrapper img.portrait{
	max-width: 332.5px;
}
#newoffice_page .img_wrapper p:not([class]),
#newoffice_page .img_left + p:not([class]),
#newoffice_page .img_right + p:not([class])
{
	display: none;
}
#newoffice_page .img_left{
	max-width: 500px;
	float: left;
	margin: 1em 1em 1em 0;
}
#newoffice_page .img_right{
	max-width: 500px;
	float: right;
	margin: 1em 0 1em 1em;
}
#newoffice_page .clear{
	clear: both;
}
#newoffice_page .top-block{
	background: #f0f0f0;
	border: 1px solid #dddddd;
	padding: 1em;
	font-size: 14px;
	margin: 20px 0 30px;
}
#newoffice_page .img_2col .img_wrapper{
	text-align: center;
}
#newoffice_page .img_2col_01 .img_wrapper:first-child{
	width: 49%!important;
}
#newoffice_page .img_2col_01 .img_wrapper:last-child{
	width: 49%!important;
}
#newoffice_page .img_2col_02 .img_wrapper:first-child{
	width: 30%!important;
}
#newoffice_page .img_2col_02 .img_wrapper:last-child{
	width: 68%!important;
}
#newoffice_page .img_2col_03 .img_wrapper:first-child{
	width: 68%!important;
}
#newoffice_page .img_2col_03 .img_wrapper:last-child{
	width: 30%!important;
}
#newoffice_page .img_2col .img_wrapper img{
	width: 100%!important;
	height: auto;
	max-width: inherit;
}
#newoffice_page .img_2col_04 .img_wrapper:first-child{
	width: 40.8%!important;
}
#newoffice_page .img_2col_04 .img_wrapper:last-child{
	width: 57.2%!important;
}
#newoffice_page .nowrap{
	display: inline-block;
}
#newoffice_page p.place_label{
	font-size: 14px;
	text-align: center;
	line-height: 1.3;
	margin-top: 3em;
	font-weight: bold;
}
@media screen and (max-width: 800px){
#newoffice_page .top-block{
	font-size: 13px;
}
#newoffice_page h2{
	font-size: 19px;
	line-height: 1.5;
}
#newoffice_page .img_right, 
#newoffice_page .img_left {
	width: 100%;
	float: none;
	margin: 1em auto;
	display: block;
}
#newoffice_page .sp_center{
	display: block;
	text-align: center;
	margin-top: 0.5em;
}
#newoffice_page .img_2col{
	justify-content: center;
}
#newoffice_page .img_2col img{
	width: 100%!important;
	max-width: 500px!important;
}
#newoffice_page #sec01 .img_2col img:first-child{
	margin-bottom: 20px;
}
#newoffice_page .img_2col_02 .img_wrapper:first-child,
#newoffice_page .img_2col_03 .img_wrapper:last-child{
	width: 100%!important;
	margin-bottom: 20px;
	max-width: 332.5px;
}
#newoffice_page .img_2col_02 .img_wrapper:last-child{
	width: 100%!important;
	max-width: 500px
}
#newoffice_page .img_2col_01 .img_wrapper:first-child,
#newoffice_page .img_2col_03 .img_wrapper:first-child,
#newoffice_page .img_2col_04 .img_wrapper:first-child{
	width: 100%!important;
	margin-bottom: 20px;
}
#newoffice_page .img_2col_01 .img_wrapper:last-child,
#newoffice_page .img_2col_02 .img_wrapper:last-child,
#newoffice_page .img_2col_04 .img_wrapper:last-child{
	width: 100%!important;
}
#newoffice_page p.place_label{
	font-size: 13px;
}
#newoffice_page .img_label{
	font-size: 13px;
}
}

/** インタビューページ03 **/
.interview_page .mv .txt_bg_white{
	background: rgba(255,255,255,0.5);
	padding: 0.1em 0.5em;
}
#interview_page03 .mv .topleft{
	left: 11%;
}
#interview_page03 #sec06 .img_right,
#interview_page03 .profile .img_right
{
	width: 35%;
}
.interview_page .top_title{
	text-align: center;
	font-size: 20px;
	margin-top: 1em;
	font-weight: bold;
}
@media screen and (max-width: 800px){
#interview_page03 #sec06 .img_right,
#interview_page03 .profile .img_right{
	width: 65%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.interview_page .top_title{
	font-size: 16px;
}
}
@media screen and (max-width: 498px){
#interview_page03 .mv .bottomright h4{
	font-size: 3.1vw;
}
.interview_page .top_title{
	font-size: 4.5vw;
}
}